/* General/menu */

/*
	html,
	body,
	.page-container {
		width: 100%;
		height: 100%;
		min-height: 100%;
		margin: 0;
		padding: 0;
	}
*/

	html, body {
		height: 100%;
		margin: 0;
	}
	
	.background {
		width: 100%;
		min-height: 100%;
		margin: 0;
		padding: 0;
		background: url('../img/cranecare_bg.jpg') no-repeat center center fixed;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
/*		background-attachment: fixed; */
	/*	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
	}

/*	
	.content {
		width: 100%;
		height: 100%;
	}
*/	

	.version-label {
		position:fixed;
		bottom:10px;
		right:10px;
	}
	
	.logo-container {
		padding-top: 8rem; 
		margin: 0 auto; 
	}
	
	.logo {
		display: block;
		width: 100%;
		height: auto;
		-webkit-filter: drop-shadow(2px 2px 2px #000);
		filter: drop-shadow(2px 2px 2px #000);
	}
	
	.generalContent {
		background-color: #fff;
		border-radius: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 0.25em;
		padding-right: 0.25em;
		box-shadow: 
			0 2px 2px 0 rgba(0, 0, 0, 0.3), 
			0 3px 1px -2px rgba(0, 0, 0, 0.3), 
			0 1px 5px 0 rgba(0, 0, 0, 0.3)
		;
	}
	
	.linkButton {
		text-decoration: none !important;
		font-size: 1.2rem;
	/*	color: black; */
	}
	
	.linkTable {
		margin-bottom: 0;
	}
	
	.linkTable tr:first-child td {
		border-top: 0;
	}
	
	.text-shadow {
		text-shadow: 2px 2px 2px #000;
	}


	
	@font-face {
		font-family: 'cc-custom';
		src:  url('../fonts/cc-custom.eot?yhiqcy');
		src:  url('../fonts/cc-custom.eot?yhiqcy#iefix') format('embedded-opentype'),
			url('../fonts/cc-custom.ttf?yhiqcy') format('truetype'),
			url('../fonts/cc-custom.woff?yhiqcy') format('woff'),
			url('../fonts/cc-custom.svg?yhiqcy#cc-custom') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	.fa-cc-custom {
		font-family: 'cc-custom' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.cranecare:before {
		content: "\e901";
	}
	.dantech:before {
		content: "\e900";
	}



/* Admin-section */

	@page {
	    size: auto;
	}
	:root {
	  --primary: #0E5EA7;
	}
	
	.logo {
		-webkit-filter: drop-shadow(2px 2px 2px #222) brightness(110%);
		filter: drop-shadow(2px 2px 2px #222) brightness(110%);
	}
	
	.menuFrame {
	  border-bottom: 0.1em solid black;
	  margin-bottom: 2em;
	/*  padding: 0 0 0.5em; */
	}
	
	.menu {
	  list-style: none;
	}
	
	.menu:before {
	  content: "[";
	}
	
	.menu:after {
	  content: "]";
	}
	
	.menu > li {
	  display: inline;
	}
	
	.menu > li:before {
	  content: "|";
	  padding-right: 0.3em;
	}
	
	.menu > li:nth-child(1):before {
	  content: "";
	  padding: 0;
	}
	
	.menuCategory {
		padding-left: 20px;
	}
	
	.listControls {
		margin-bottom: 2em;
	}
	
	.form-text {
	    font-size: 12px;
	/*	color: #b94a48 !important; */
	}
	
	.login-error {
		margin-top: 20px;
	}
	
	.menu .userpanel {
		padding-left: 30px;
		padding-left: 30px;
	}
	
	.wrapper {
		display: flex;
	}
	
	#sidebar {
		min-width: 250px;
		max-width: 250px;
		height: 100vh;
	}
	
	.breadcrumb {
		font-size: 1.5rem;
		font-weight: 500;
	}
	
	.plaintext {
		white-space: pre-wrap;
	}
	
	
	
	.loader {
		margin-top: 30px;
	    border: 16px solid #f3f3f3; /* Light grey */
	    border-top: 16px solid #3498db; /* Blue */
	    border-radius: 50%;
	    width: 60px;
	    height: 60px;
	    animation: spin 2s linear infinite;
	}
	
	@keyframes spin {
	    0% { transform: rotate(0deg); }
	    100% { transform: rotate(360deg); }
	}
	/*
	#generate.collapse.show {
		display: flex;
	}
	*/


/* Info popup for map */
	.map-info {
		margin-bottom: 10px;
	}

	.map-info td {
		padding: 3px 10px;
	}
	
	.map-info .info-label {
		color: gray;
		font-size: small;
	}
	
	
/* Back-button for map */
	.map-back-frame {
		background-color: #fff;
		border-radius: 2px;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
		cursor: pointer;
		margin: 10px;
	}
	
	.map-back-inner-frame {
		float: left;
		position: relative;
		vertical-align: middle;
	}
	
	.map-back-logo-frame {
		width: 40px;
		padding: 3px 0px 3px 7px;
		display: table-cell;
	}
	
	.map-back-logo {
		background: url('../img/cranecare_logo_only.png') no-repeat center;
		background-size: 100% 100%;
		position: relative;
		width: 34px;
		height: 34px;
    }

	.map-back-text {
		color: rgb(86, 86, 86);
		font-family: Roboto,Arial,sans-serif;
		font-size: 18px;
		height: 40px;
		display: table-cell;
    	vertical-align: middle;
    	padding: 0px 17px 0px 10px;
		position: relative;
	}
	

/* Route selection */
	.map-control {
		position: absolute;
		left: 10px;
		top: 100px;
		background-color: #fff;
		border-radius: 2px;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    	padding: 10px 17px;
		color: rgb(86, 86, 86);
		font-family: Roboto,Arial,sans-serif;
		font-size: 16px;
	}
	
	.map-control h5 {
		color: black;
	}
	
	.selection-table-frame,
	.selection-details {
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.selection-details {
		font-size: 14px;
		color: black;
	}

	.selection-details i {
		font-size: 26px;
    	vertical-align: middle;
    	color: rgb(86, 86, 86);
	}
	
	.selection-icon {
/*		display: table-cell;
    	vertical-align: middle; */
		height: 40px;
		line-height: 40px;
	}


/* Configurator section */

	.bg {
		background-color: #f1f1f1;
		width: 100%;
		min-height: 100%;
		margin: 0;
		padding: 0;
	}
	
	.config-content {
		background-color: #fff;
		box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
	}
	
	.heading {
		text-transform: uppercase;
	}
	
	.box-shadow {
		box-shadow: 2px 2px 8px 0 rgba(0,0,0,.5);
	}
	
	/* Boostrap override */
	.carousel-control-prev-icon {
	    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	}
	
	.carousel-control-next-icon {
	    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23555' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	}
	
	.border-bottom {
		border-bottom: 1px solid #dee2e6;
	}
	
	.pre-wrapped {
		white-space: pre-line;
	}
	
	.highlight-orange {
		color: #FF5500;
	}
	
	.highlight-green {
		color: #00AA00;
	}