body {
	margin:0;
	padding:0;
}
body, div, p, table, tr, th, td, input, textarea {
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
}

fieldset { 
	-moz-border-radius:6px;
	border:2px groove #fff; 
	border:1px solid #ccc; 
	margin:10px 0 10px 0; 
	padding:10px;
}
fieldset legend { 
	padding:0 5px 0 5px; 
	font:bold 12px Tahoma, Verdana, Arial; 
	color:#81A9E8; 
	border:none; 
	background:none; 
	text-transform:none;
}
fieldset legend a {
	font-weight:normal; 
}

a img {
	border:none;
}
#basedata .menu {
	height:25px;
}
#basedata .menu ul {
	margin:0;
	padding:0;
}
#basedata .menu ul li {
	list-style-type:none;
	float:left;
}
#basedata .menu ul li a {
	padding:3px 5px;
	display:block;
}
#basedata .menu ul li a.active {
	font-weight:bold;
	font-size: 12px;
}
#basedata .content {
	clear:left;
}
#login {
	background:#eee;
	color:#000;
	text-align:center;
}
#login #page {
	margin:100px auto;
	width:320px;
	text-align:left;
}
#login #page label {
	display:block;
	margin-top:6px;
}
#login #content {
	background-image:none;
}
#login input {
	padding:7px;
	font-size:14px;
	font-weight:bold;
}
#login input[type=submit] {
	margin-top:5px;
}

#header {
	background:#1011C1;
	color:#fff;
	height:35px;
	align-content: center;
	position: sticky;
	top: 0;
	z-index: 100000;
	display: flex;
	justify-content: space-between;
}
#header .logininfo {
	text-align:right;
	padding:0px 7px;
	align-content: center;
	height: 100%;
}
#header .logininfo a {
	color:#fff;
}

.margin_t_10 {
	margin-top:10px;
}
.margin_t_20 {
	margin-top:20px;
}
.margin_t_30 {
	margin-top:30px;
}
.margin_t_45 {
	margin-top:45px;
}

#menu {
	padding:0;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	float:left;
	list-style-type:none;
}
#menu ul li a {
	font-weight: 600;
	font-size: 12px;
	color:#fff;
	display:block;
	padding:10px 20px;
	text-decoration:none;
}
#menu ul li a.active {
	background:#fff !important;
	color:#000;
}
#menu ul li a:hover {
	background:#fff;
	color:#000;
}

#msg_sucess {
	position:fixed;
	top:0;
	left:0;
	margin:0;
	width:100%;
	padding:8px;
	padding-left:35px;
	background:#E5EED1 url(../img/icons/confirm.gif) no-repeat 10px 10px;
	border-bottom:2px solid #CDDDA8;
	z-index: 100;
}

#msg_failure {
	margin:0;
	padding:8px;
	margin-bottom:10px;
	background:#F9E7BD;
	border-top:2px solid #F0C662;
	border-bottom:2px solid #F0C662;
	z-index: 100;
}

#content {
	padding:7px;
	padding-top:10px;
	background:url(../img/logo.jpg) no-repeat top right;
}
#content h1 {
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	margin-top:0;
	font-weight:normal;
}
#content h2 {
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	margin-top:10px;
	margin-bottom:5px;
	font-weight:normal;
}

#request_left {
	width:50%;
	float:left;
}
#request_right {
	margin-left:51%;
}


.hidden {
	display:none !important;
}
.ce {
	text-align:center;
}
.btn_top_right {
	margin-bottom:5px;
	text-align:right;
}
.btn_bottom_right {
	margin-top:5px;
	text-align:right;
}

.tbl_form {
	width:100%;
}
.tbl_form label {
	cursor:pointer;
}
.tbl_form input[type=text] {
	padding:2px;
	
}
.tbl_form th, .tbl_form td {
	padding:2px;
	border-bottom:1px dotted #ddd;
}

td:last-of-type > a {
	display: inline-block;
}

.tbl_form th {
	text-align:right;
	vertical-align:top;
	padding-top:5px;
	width:100px;
}
.tbl_form th.small {
	width:70px;
}
.tbl_form tr.last th, .tbl_form tr.last td {
	border-bottom:none;
}
.tbl_form p.note {
	margin:3px 0;
	color:#999;
}

.listing {
	width:100%;
	border-collapse:collapse;
}
.listing thead th {
	text-align:left;
	background:#ddd;
	padding:5px 3px;
	border-bottom:1px solid #999;
}
.listing thead th a {
	color:#000;
}
.listing tbody tr td {
	border-bottom:1px dotted #ddd;
	padding:4px 3px;
}
.listing tbody tr:nth-child(even) {
	background: #f5f5f5;
}
.listing tbody tr:hover {
	background:#eee;
}

.rq_index_search input {
	padding:4px;
}

.FilterNav {
	height:20px;
	align-content: center;
}
.FilterNav ul {
	margin:0;
	padding:0;
}
.FilterNav ul li {
	float:left;
	border-right:1px solid #999;
	list-style-type:none;
}
.FilterNav ul li a {
	display:block;
	padding:0 10px;
	color:#4A75A9;
	text-decoration:none;
}
.FilterNav ul li:last-child {
	border-right:none;
}
.FilterNav ul li:first-child a {
	padding-left:3px;
}
.FilterNav ul li a.active {
	font-weight:bold;
	color:#000;
}
.FilterNav ul li a span {
	color:#999;
	font-weight:normal;
}
.FilterNav ul li.first a {
	padding-left:3px;
}
.FilterNav ul li.last {
	border-right:none;
}

.searchsection {
	margin:5px 0;
}

/** LiveSearch Results **/
.ls_results {
	position:absolute;
	z-index:99999;
	background:#fff;
	border:1px solid #999;
}
.ls_results ul {
	margin:0;
	padding:0;
}
.ls_results ul li {
	list-style-type:none;
}
.ls_results ul li a {
	display:block;
	text-decoration:none;
	color:#000;
	padding:3px 4px;
	border-bottom:1px solid #eee;
}
.ls_results ul li a:hover {
	background:#ddd;
}

#ressources_results2,
#ressources_results {
	background:#fff;
	border:1px solid #999;
}
#ressources_results2 ul,
#ressources_results ul {
	margin:0;
}
#ressources_results2 ul li,
#ressources_results ul li {
	margin:0;
}
#ressources_results2 ul li a,
#ressources_results ul li a {
	background:none;
	padding:3px 5px;
	border-bottom:1px solid #eee;
}
#ressources_results2 ul li a:hover,
#ressources_results ul li a:hover {
	background:#eee;
}

#newfile {
	background:#ddd;
	padding:4px;
}
#customerdata {
	background:#ddd;
	padding:4px;
	margin:4px 0;
}

#reiter .reiter_menu {
	height:24px;
	margin-top:15px;
	padding-left:10px;
	background: url(../img/BgReiter.gif) repeat-x bottom;
}
#reiter .reiter_menu ul {
	padding:0;
	margin:0;
}
#reiter .reiter_menu ul li {
	float:left;
	list-style-type:none;
}
#reiter .reiter_menu ul li a {
	display:block;
	background: #fff;
	line-height: 14px;
	padding: 4px 10px;
	margin-right: 3px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #000;
}
#reiter .reiter_menu ul li a.active {
	border-bottom:1px solid #f9f9f9;
	background:#f9f9f9;
}
#reiter .reiter_body {
	background:#f9f9f9;
	border:1px solid #ccc;
	border-top:none;
	padding:8px;
}

.tbl_form th {
	text-align:right;
}

#RequestSearchLink a {
	padding:2px;
	text-decoration:none;
}
#RequestSearchLink a:hover {
	background:#eee;
}
#RequestSearchContainer {
	display:none;
}
#ShowContainer {
	display:block;
}

.axisdrive_container td {
	vertical-align:top;
}
.axisdrive caption {
	background:lightblue;
	padding:3px;
}
.axisdrive th {
	background:#ddd;
	text-align:left;
}
.axisdrive td, .axisdrive th {
	padding:1px;
}

.error-message {
	background:#f00;
	color:#fff;
	padding:3px;
}
.ri {
	text-align:right;
}
.clearer {
	line-height:0;
	font-size:0;
	clear:left;
}
.searchinput {
	padding:3px;
}

.masse_fahrt {
	width:900px;
}
.masse_fahrt th {
	background:#ddd;
	padding:3px;
	text-align:left;
}
.masse_fahrt td {
	vertical-align:top;
}

#kfg_achsen {
	margin-top:3px;
	background:#ddd;
	padding:3px;
}

.extended_status {
	background:#eee;
	padding:2px;
	border:1px dotted #f00;
}

.newaxisdrive td {
	background:lightblue;
}

.requests_view_left {
	width:600px;
	float:left;
}
.requests_view_right {
	margin-left:610px;
}
.requests_view_revisions table {
	width:350px;
}
.requests_view_revisions table th {
	background:#ddd;
	text-align:left;
}
.requests_view_revisions table tr:nth-child(even) {
	background:#f9f9f9;
}

.searchbox {
	margin:5px 0;
}
.searchbox_content {
	padding-bottom:5px;
}
.searchbox_content input,
.searchbox_content select {
	padding:6px;
}

.pagination {
	text-align:right;
	margin:4px 0;
	padding:3px;
	background:#eee;
}
.pagination a { 
	color:#4A75A9;
}

.cake-sql-log {
	display: none;

	background:#eee;
	border:1px dotted #999;
	margin:7px;
	margin-top:30px;
}
.cake-sql-log th {
	background:#ddd;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
	font-size:12px;
	border-bottom:1px dotted #999;
}

.application_drive {
	background:#eee;
	padding:5px;
	margin-bottom:10px;
}
.application_drive_times {
	margin-top:10px;
}
.application_drive_left {
	float:left;
	width:50%;
}
.application_drive_left .drive_view_element {
	margin-bottom:0px;
}
.application_drive_left .drive_view_element .drive_view_label,
.application_drive_left .drive_view_element .drive_view_value {
	padding:1px 0 2px 0;
}

.app_document_item {
	padding:4px;
}
.time {
	margin-bottom:5px;
}
.drive_time {
	background:#eee;
	border:1px solid #ddd;
	margin-bottom:4px;
	padding:5px;
}
.drive_time_actions {
	text-align:right;
}
.drive_time_type_2 {
	background:#ddd;
	font-weight:bold;
}
.drive_time_left {
	float:left;
	width:50%;
}
.add_drive {
	background:#eee;
	padding:5px;
	margin-top:10px;
}
.drive_complete {
	margin-top:15px;
}
.km {
	width:70px;
}

#DriveTruckPlate,
#DriveTrailerPlate {
	width:300px;
}

.drive_view_element {
	margin-bottom:2px;
	float:none;
}
.drive_view_label {
	width:200px;
	float:left;
	padding:3px;
}
.drive_view_value {
	background:#eee;
	margin-left:210px;
	padding:3px;
	font-weight:bold;
	min-height: 13px;
}
.status {
	padding:2px;
}
.status_0 {
	background:#ffbdbd;
}
.status_1 {
	background:#a1ffb0;
}
.assignment_status_0 {
	background:#bde9ff;
}
.assignment_status_1 {
	background:#ffbdbd;
}
.assignment_status_2 {
	background:#a1ffb0;
}
.assignment_status_3 {
	background:orange;
}
.assignment_status_4 {
	background:rgb(233, 148, 148);
}
.assignment_status_5 {
	background:#ffa1eb;
}

.datepicker {
	width:70px;
}

span.dms {
	padding:4px;
	background:#F0C662;
}
span.dms a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.message {
	margin-bottom:5px;
	border-bottom:1px dotted #ddd;
	padding:3px;
}
.message.duty {
	background: #eee !important;
}
.message_meta {
	color:#999;
	text-align:right;
	font-size:10px;
}
#new_message {
	margin-top:10px;
}
#PlateSearch {
	width:120px;
	padding:4px;
}
#MessageMessage {
	min-width:450px;
	height:35px;
}
#DimensionLength,
#DimensionWidth,
#DimensionHeight,
#DimensionWeight,
#DimensionOverhang {
	width:35px;
}
#DimensionWeight {
	width:50px;
}
#PermitPermitType,
#PermitCountry {
	width:80px;
}
#PermitReference {
	width:80px;
}
#PermitCost,
#PermitCostSale {
	width:50px;
}
#new_permit {
	margin:5px 0;
}
#AssignmentRoute,
#AssignmentCommission,
#AssignmentInfo,
#AssignmentCustomerRef,
#AssignmentLoad {
	height:45px;
	width:300px;
}
.copy_clipboard {
	cursor:pointer;
}
a.b {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.assignments-table > td {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.assignments-table:first-child > td {
	border-top: 1px solid black;
}
.assignments-table > td:last-child {
	border-bottom: none;
}
.no-border-top {
	border-top: none !important;
}
.clickable {
	text-decoration-line: none;
	cursor: pointer;
}
.not-saved-message {
	color: orange;
	font-size: 15px;
	display: none;
}
.background-logo {
	background: url(../img/logo.jpg) no-repeat top right;
}
.missmatch-message {
	color: red;
}
.missmatch-warning {
	color: orange;
}
.add-document-popup-container {
	z-index: 100;
	max-width: 400px;
	height: 400px;
	background-color: grey;
	position: fixed;
	transform: translate(calc(50vw - 50%), calc(50vh - 50%));
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-radius: 10px
}
.add-document-pop-text-container {
	flex: 1; 
	background-color: lightgrey; 
	display:flex; 
	justify-content:center; 
	align-items: center; 
	border-radius: 10px; 
	overflow: hidden; 
	margin-bottom: 10px; 
	border: 1px dashed black;
}
.dropable {
	background: lightgray !important;
}
.dropable > a {
	font-size: 11.5px;
	transition: font-size 0.15s linear;
}
.color-blue {
	color: #1011C1;
}
.sum-axisweight {
	font-size: 13px;
	font-weight: bold;
	color: #1011C1;
	margin-top: auto; 
	margin-bottom: 5px;
}
.mobile-header-menu-button {
	display: none;
}
.mobile-menu-icon {
	max-height: 30px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.mobile-menu-open-container {
	display: none;
	background-color: #1011C1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	z-index: 99999;
}
.mobile-menu-open-container .mobile-menu-item:first-child {
	border-top: white 1px solid;
}
.mobile-menu-item {
	border-bottom: white 1px solid;
	font-size: 24px;
	padding: 12px;
	text-align: center;
}
.mobile-menu-item a {
	color: white;
	text-decoration: none;
}
.disable-scrolling {
	height: 100vh;
	overflow: hidden;
}
.table-container {
	overflow-x: auto;
}
.application-view-drive-buttons-bottom-container {
	display: none;		
}
.application-view-drive-buttons-bottom-container {
	gap: 10px;
}
.application-view-drive-buttons-bottom-container > * {
	flex: 1;
}
.button {
	text-align: center;
}
.applications-view-document-buttons-mobile {
	display: none;
}
.list-icon-header {
	width: 20px;
	padding: 0px;
}
.flex {
	display: flex;
}
.gap-5 {
	gap: 5px;
}
.gap-10 {
	gap: 10px;
}
.flex-1 {
	flex: 1;
}
.flex.column {
	flex-direction: column;
}
.flex.wrap {
	flex-wrap: wrap;
}
.edit-request-ressources-header {
	margin-bottom:0;
	padding-bottom:0;
	display: flex;
	gap: 10px;
	align-items: center;
	position: sticky;
	background-color: white;
	top: 35px;
	z-index: 10;
	height: 40px;
	width: 100%;
}
.fixed-table {
	table-layout: fixed;
}
.fixed-table * {
	max-width: 100%;
}
.edit-request-ressources-loaded-drive {
	width:50%;
	float:left;
}
.edit-request-ressources-unloaded-drive {
	margin-left:52%;
}
.width-100 {
	width: 100%;
}
.border-none {
	border: none !important;
}
.align-center {
	align-items: center;
}
@media (min-width: 901px) {
	.hidden-on-desktop {
		display: none;
	}
}
@media (max-width: 900px) {
	#menu ul {
		display: none;
	}
	.mobile-header-menu-button {
		display: block;
		align-content: center;
		height: 35px;
		max-height: 35px;
	}
	.icon {
		width: 28px;
		height: 28px;
	}
	.icon > * {
		width: 100%;
	}
	.application-view-drive-buttons-top-container {
		display: none;		
	}
	.application-view-drive-buttons-bottom-container {
		display: flex;		
	}
	.applications-view-document-container {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.applications-view-document-buttons {
		display: none;
	}
	.applications-view-document-buttons-mobile {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.applications-view-document-button {
		flex: 1;
	}
	#content {
		background: none;
	}
	.background-logo {
		background: none;
	}
	.drive_view_value {
		margin-left: 150px;
	}
	.drive_view_label {
		width: 140px;
	}
	.list-icon-header {
		width: unset;
	}
	.pagination {
		font-size: 13px;
	}
	.pagination a { 
		color:#4A75A9;
	}
	.tbl_form th {
		padding: 8px 2px;
	}
	.form-table-row {
		display: flex;
		flex-direction: column;
	}
	.form-table-row > *:first-child {
		border-bottom: none;
	}
	.form-table-row > * {
		flex: 1;
	}
	.hidden-on-mobile {
		display: none;
	}
	.users-list-filters-container {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	.requests-edit-container-metadata {
		display: flex;
		flex-direction: column;
	}
	#request_left {
		width:100%;
		float:unset;
	}
	#request_right {
		width:100%;
		margin-left: unset;
	}
	.request-loading-location-row-metadata {
		display: flex;
		flex-direction: column;
	}
	.request-loading-location-double-input-metadata {
		display: flex;
		gap: 5px;
	}
	.requests_view_left {
		width:100%;
		float:unset;
	}
	.requests_view_right {
		margin-left: unset;
	}
	.edit-request-ressources-header {
		position: relative;
		top: unset;
		z-index: unset;
		height: unset;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: unset;
	}
	.edit-request-ressources-loaded-drive {
		width:100%;
	}
	.edit-request-ressources-unloaded-drive {
		width:100%;
		margin-left: unset;
	}
	.mobile-flex {
		display: flex;
	}
	.mobile-flex.mobile-column, .flex.mobile-column{
		flex-direction: column;
	}
	.mobile-gap-5 {
		gap: 5px;
	}
	.mobile-wrap {
		flex-wrap: wrap;
	}
	#MessageMessage {
		min-width: 0px;
		height: 35px;
		width: calc(100% - 4px);
	}
	.mobile-no-margin-left {
		margin-left: unset !important;
	}
	.mobile-white-space-no-wrap {
		white-space: nowrap;
	}
	tr.mobile-white-space-no-wrap > * {
		white-space: nowrap;
	}
	.mobile-align-center {
		align-items: center;
	}
	.mobile-margin-top-20 {
		margin-top: 20px;
	}
	.mobile-background-white {
		background-color: white;
	}
	.mobile-background-grey {
		background-color: #eee;
	}
}