@font-face {
    font-family: 'Oswald';        
    src: url('font/Oswald-VariableFont_wght.ttf');
    font-weight: normal;    
    font-style: normal;
}
@font-face {
    font-family: 'Oswald_latin';        
    src: url('font/oswald_latin.woff2') format('woff2');    
    /* font-weight: normal;    */
    font-style: normal;
}

:root {
    --folda_blue : rgb(26, 91, 166);
    --folda_grey : rgba(144,150,152,1);
    --folda_beige : rgba(226,205,155,1);
    --folda_darkgrey  : rgb(67, 67, 67);
    --folda_lightgrey  : #DDD;
    --folda_tableheadgrey : #787878;
    --sc_darkgreen : #066250;
    --sc_darkgrey : #2C2C2C;
    --page_max_width: 1800px;
    --font_size_big: 48px;
    --font_size_medium: 30px;
    --font_size_small: 20px;
    --folda_padding: 70px;
    --folda_padding_half: 35px;
    
    --folda_break_3: 780px;
    
}
    
* {
    box-sizing: border-box;
}
body {
	box-sizing: border-box;	
	font-family: 'Oswald';
	margin: 0;
}

h1 {
    font-family: Oswald_latin;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    color: var(--folda_blue);
}
.content {
	margin: auto;
	max-width: var(--page_max_width);
	width: 100%;
	height: 100%;
}
a.inline_link {
	display: inline-block;
	/* color: var(--folda_darkgrey); */
	color: var(--folda_blue);
	font-weight: 300;
	border-bottom: 2px solid rgba(255, 255, 255, 0);
	text-decoration: none;	
}
a.inline_link.activ, 
a.inline_link:hover {
	/* border-bottom: 2px solid var(--folda_darkgrey); */
	border-bottom: 2px solid var(--folda_blue);
}

a.admin_button {
	font-size: var(--font_size_small);	
}

a.admin_button.activ, 
a.admin_button:hover {	
	/* border-bottom: 2px solid var(--folda_darkgrey); */
	border-bottom: 2px solid var(--folda_blue);
}
/* Navigation start */
.topnav {
    /* background-color: var(--folda_beige); */
    display: flex;
    Justify-content: space-between;
    box-sizing: border-box;	
    width: 100%;
    padding: 35px 70px;
    font-size: 18px;
    color:  var(--folda_darkgrey);
    font-weight: 300;
    line-height: normal;            
}
.right_nav {
	text-align: right;
}
.logo  {
	background-image: url('img/Logo_Thordsen_transparent-1920w.png'); 
	background-size: 150px auto;
	background-repeat: no-repeat;
	width: 150px;
	height: auto;
}
.menu {
	/* margin-left: 70px; */
	color: var(--folda_darkgrey);
	position: relative;
}
.menu h1 {
	margin: 0;	
}
.menu h3 {
	margin: 5px 0;
}
a.nav_link {
	display: block;
	margin-right: 70px;
	color: var(--folda_blue);
	font-size: 30px;
	float: left;
	/* border-bottom: 4px solid var(--folda_beige); */
	border-bottom: 4px solid rgba(255,255,255,0);
	text-decoration: none;
}
.menu a.nav_link.activ,
.menu a.nav_link:hover {	
	border-bottom: 4px solid var(--folda_blue);	 
}
.menu a:last-child {
	margin-right: 0;
}
#menu_burger {	
	position: absolute;
	right: 0;
	top: 20px;
	display: none;
}
#menu_burger:hover {
	cursor: pointer;
}
#menu_burger svg {
	width: auto;
	height: 30px;
	stroke: var(--folda_blue);
	padding-left: 60px;
}
#menu_burger svg.close {	
	display: none;
}
.burger_right_nav {
	display: none;
	margin-top: 10px;
	padding: 10px;
	border: 4px solid var(--folda_blue);
	text-align: right;
	background-color: white;
}
#menu_burger.open .burger_right_nav {
	display: block;
}
#menu_burger.open .burger {
	display: none;
}
#menu_burger.open .close {
	display: block;
}
.view_user {
	/* display: none; */
	margin-left: 100px;
}
.view_user.user_set {
	/* display: inline; */
}
#view_username {
	margin-left: 20px;
}
.search_page {
	clear: both;
	margin-top:  70px;	
}
.search_term {
	width: 350px;
	padding: 5px;
	font-size: var(--font_size_small);
}
.search_page .lupe_icon {
  width: auto;
  height: 28px;
  stroke: var(--folda_blue);
  padding-top: 2px;
  margin-left: 20px;
}
.toggle_shippment_view {
	display: none;
	float: right;	
	background-size: 30px auto;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-right: 70px;	 
}
#show_list.toggle_shippment_view {
	background-image: url('img/view_table.png');
}
#show_calender.toggle_shippment_view {
	background-image: url('img/view_calender.png');
}
.toggle_shippment_view.activ {
	display: inline-block;
}
.search_mode_selector {
	float: right;
	margin-right: 70px;	 
}	
#modal_view_select {
	display: none;
	background-color: rgba(255, 255, 255, 0.8);	
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}	
#modal_view_select.show_modal {
	display: block;
}
#modal_view_select .user_select {
	background-color: white;
}
@media only screen and (max-width: 1320px) {
	.logo {
		display: none;
	}
	.menu_title {
		background-image: url('img/Logo_Thordsen_transparent-1920w.png'); 
		background-size: 46px auto;
		background-repeat: no-repeat;
		background-position: 0px 8px;
		padding-left: 60px;
	}
}	
@media only screen and (max-width: 1100px) {
	#menu_burger {
		display: block;
	}
	.right_nav {
		display: none;
	}
}
/* Navigation ende */


/*  Login Page start */
.login_box {
    margin: auto;
    max-width: 1280px;
    width: 100%;
    height: 600px;
    display: flex;
}
.login_img {
    padding: 50px;
}
@media only screen and (max-width: 1080px) {
	.login_img img {
		width: 100%;	
	}
}	
@media only screen and (max-width: 780px) {
	.login_img {
		display: none;
	}
	.login_box {
		width: auto;
		margin: 0 70px;
	}
}
@media only screen and (max-width: 600px) {
	.login_box {
		margin: 0 10px;
	}
	}
.login_block {
    background-color: var(--folda_beige);
    width: 100%;
    padding: 70px;
    font-size: 18px;
    color:  var(--folda_darkgrey);
    font-weight: 300;
    line-height: normal    
}
.login_block input {
    display: block;
    box-sizing: border-box;
    margin: 20px 0;
    width: 300px;
    padding: 10px;
}
/* Login Page ende */

/* footer start */
footer {
	margin: 70px 70px;
	margin-bottom: 0;
}
.footer_dummy {
	width: 100%; 
}
/* footer ende */


/* user select page */
.show_select .user_list {
	display: block;
}
.show_select .user_form {
	display: none;
}
.show_new .user_list,
.show_edit .user_list {
	display: none;
}
.show_new .user_form,
.show_edit .user_form {
	display: block;
}
.user_select {
	margin: 70px auto;
	width: 400px;
	max-height: 600px;
	overflow:auto;
}
/*
.user_select table {	
	border: 2px solid var(--folda_tableheadgrey);
	width: 100%;
	font-size: var(--font_size_small);
	font-weight: 300;
	padding: 0;
}
.user_select th {
	padding: 10px;
	background-color: var(--folda_tableheadgrey);
	font-weight: 300;
	color: white;	
	margin: 0;
}
.user_select td {
	padding: 5px;
	color: var(--folda_darkgrey);
	border: 2px solid white;
	margin: 0;
}
.user_select td.activ,
.user_select td:hover {
	cursor: pointer;
	color: var(--folda_blue);
	border: 2px solid var(--folda_blue);
}
*/
.user_select_nav {
	display: flex;
	Justify-content: space-between;
}
.form_hl {
	width: 100%;
	padding: 10px;
	font-size: var(--font_size_small);
	background-color: var(--folda_grey);
	color: white;	
	margin: 0;
}
.user_form input {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 20px 0;
	padding: 10px;	
}
/* usere select page */

/* preference page start */
.pref_box {
	max-width: 980px;
	padding:  var(--folda_padding_half) var(--folda_padding);
	background-color: var(--folda_beige);
	margin: 0 auto;
	margin-bottom: var(--folda_padding);
	
}
.pref_hl {
	font-weight: 400;
	font-size: var(--font_size_medium);
	color: var(--folda_blue);
	margin: 0;
}
.pref_box input {
	padding: 5px;
}
/* preference page ende */

/* user admin start */
.user_admin {
	max-width: 1080px;
	padding:  var(--folda_padding_half) var(--folda_padding);	
	margin: 0 auto;
	margin-bottom: var(--folda_padding);	
}
.user_list, 
.user_admin_form {
	vertical-align: top;
} 
.user_list {
	display: inline-block;
	width: 250px;
	margin-right: var(--folda_padding);
}
.user_admin_form {
	display: inline-block;
	width: 570px;	
}
.form_box {
	width: 100%;
	padding:  var(--folda_padding_half) var(--folda_padding);
	background-color: var(--folda_beige);	
	margin-bottom: var(--folda_padding);	
}
.user_form_label {
	display: inline-block;
	font-size: 16px;
	width: 90px;	
}
input[type="text"],
input[type="password"],
input[type="number"] {
	padding: 5px;
}
input[name="username"],
input[name="loginname"] {
	width: 330px;
}
.new_form .edit_form_elem {
	display: none;
}
/* fixed header table start */
.fh_table table {
  width: 100%;
}
.fh_table thead, tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.fh_table tbody {
  display: block;
  overflow-y: auto;
  table-layout: fixed;
  max-height: 360px;
}
.fh_table table {
	border: 1px solid var(--folda_darkgrey);
	border-spacing: 0;
	border-collapse: separate;
}  
.fh_table th {	
	PADDING-LEFT: 10px;
  HEIGHT: 20px;
  text-ALIGN: left;
  font-size: var( --font_size_small);
  font-weight: normal;
  background-color: gainsboro;
  background-color: var(--folda_darkgrey);
  color: white;
  cursor: pointer;
  background-position: right 2px center;
  background-repeat: no-repeat;
  background-size: 10px 10px; 
}
.fh_table td {
	padding: 7px;
	border-bottom: 1px solid var(--folda_darkgrey);
}
.fh_table td.active,
.fh_table td:hover {
	background-color: #E5E5E5;
	cursor: pointer;
}
/* table ende */

#result_msg {
	color: darkgreen;
}
/* user admin ende */

/* page footer start */
.footer_row {
	  display: flex;
      margin-right: auto;
      margin-left: auto;
      max-width: 1232px;
      color: rgb(164, 172, 173);
      font-family: Oswald;
  		font-weight: 400;
  	text-decoration: none;
  	font-size: 18px;
  	line-height: 1.5;
}      
@media only screen and (max-width: 780px) {
	.footer_row {
		/* flex-direction: column; */
		display: block;
	}
	.footer_row_elem {
		
	}	
}		
.footer_row_elem {
		text-align: center;
		flex: 1;
		height: 80px;
}
.footer_row a {
	color: rgb(164, 172, 173);
	text-decoration: none;
}
.footer_row a:hover {
	text-decoration: underline;
/* page footer ende */