body{
	max-width: 2400px;
	background-color: #fdfdfd;
	font-family: "Helvetica Neue";
	font-size: 14px;
}

#logo {
	margin-top: -7%;
	height: 55px;
	width: auto;
	max-width: 100%;
}

.headerImage {
	margin-top: 50px;
	width: 100%;
	height: auto;
}

.socialmedia {
	width: 10px;
	margin-left: -50px;
}

.container-fluid{
	max-width: 2400px;
}

t1 {
	color: #0058a0;
}

t2 {
	color: #3c95cd;
}

a{
	color: #4f4f4f;
}

hr.fullSize {
	width: 100%;
}

.flag {
	width: 25px;
	height: 15px;
	margin-top: -5px;
	margin-right: 5px;
}

.disabled {
	pointer-events: none;
}

h1 {
	color: rgb(255,255,255);
	font-size: 5vw;
	margin-left: 2%;
	margin-right: 10%;
	padding: 1%;
	font-family: "Ubuntu";
}

.h1Small {
	color: rgb(255,255,255);
	font-size: 21px;
	margin-left: 2%;
	margin-right: 10%;
	padding: 1%;
	font-family: "Ubuntu";
}

h2 {
	color: #4f4f4f;
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 30px;
	font-family: "Ubuntu";
}

h3 {
	color: #827d7d;
	font-family: "Ubuntu";
	font-size: 25px;
	font-weight: 300;
}

hr { 
	width: 85%; 
	height: 2px; 
	margin: 0 auto;
	text-align: center;
	background-color: #337ab7;
}

.textfield {
	margin: 0 auto;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 2%;
	font-family: "Ubuntu";
	color: #4f4f4f;
	font-size: 18px;
}

.navbar-nav{
	width: auto;
	margin-top: 5px;
	font-family: "Ubuntu";
	color: #4f4f4f;
	font-size: 15px;
}


.navLi{
	margin-left: 0px;
}


ul.nav a:hover { 
	color: #3c95cd !important; 
}

.nav-pills li.active a{
	background-color: #0058a0;
	background-image: -moz-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: -ms-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c95cd), to(#0058a0));
	background-image: -webkit-linear-gradient(to bottom, #3c95cd, #0058a0);
	background-image: -o-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: linear-gradient(to bottom, #3c95cd, #0058a0);
}

a:hover {
	color: #3c95cd !important; 
	cursor: pointer;
	text-decoration: none !important;
}



.btn {
	color: #fff;
	background-color: #0058a0;
	background-image: -moz-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: -ms-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c95cd), to(#0058a0));
	background-image: -webkit-linear-gradient(to bottom, #3c95cd, #0058a0);
	background-image: -o-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: linear-gradient(to bottom, #3c95cd, #0058a0);
	/*border-color: #2e6da4;*/
	margin-top: 10px;
}

.smallbtn{
	font-size: 10px;
}

.inputField{
	margin-top: 5px;
}

i {
	padding-left: 8%;
}

a.normal {
	color: #337ab7
}

a.normal:hover {
	color: #337ab7 !important;
}

.formError {
	margin-left: 5%;
	color: red;
	position:absolute;
}


@media (max-width: 905px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
}

.registrationConfirmation {
	margin-left: 5%;
	position:absolute;
	margin-bottom: 20%;
}

li.active a:hover {
	color:white !important;
}

.fixedNavbarMargin {
	margin-top: 70px;
}

/*
Code from the Facebook example to make the sidebar work
*/

.wrapper, .row.side {
	height: 95%;
	margin-left:0;
	margin-right:2%;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
	content: "";
	display: table;
}

.wrapper:after,
.column:after {
	clear: both;
}

.testRow {
	height: 20%;
}

.content-sidebar{
	overflow: scroll;
}

.box {
	bottom: 0; /* increase for footer use */
	left: 0;
	position: absolute;
	right: 0;
	top: 80px;
}

@media screen and (max-width: 768px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.row-offcanvas-left.active {
		left: 33%;
	}

	.row-offcanvas-left.active .sidebar-offcanvas {
		left: -33%;
		position: absolute;
		top: 0;
		width: 33%;
		margin-left: 5px;
	}

	#sidebar, #sidebar a, #sidebar-footer a {
		padding-left:3px;
	}
}

.column {
	height: 100%;
	overflow: auto;
	*zoom:1;
}

.column .padding {
	padding: 20px;
}

.hiddenInput {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


.canvasMenu{
	margin-left: 12%;
	margin-right: 12%;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: center;
	padding: 0;
	border: none;
	background: none;
	outline: none;
	white-space: normal
}
.canvasMenu:hover {
	cursor:pointer;
}

.canvasItem:hover {
	cursor:pointer;
	color: #337ab7 !important;
}

.canvasSlider:hover{
	cursor:pointer;
}

.itemSelected{
	color: #337ab7;
}

.customDropdown {
	margin-left: 10px;
	padding-right: 10px;
}

.selectionField {
	border-style: dashed; 
	border-width: 1px; 
	border-color:#3c95cd; 
	height: 300px; 
	margin-bottom: 30px; 
	overflow:hidden;
}


.selectionField.selected {
	border-style: solid !important;
}

.joyrideTip{
	margin-top: -50px;
}
.joyrideTip.rendering{
	margin-top: -90px;
}
.joyrideTip.budget{
	margin-top: -30px;
}
.joyrideTip.map {
	margin-left: 50px;
}
.joyrideTip.canvas {
	margin-left: -20px;
}

.wrongInput {
	background-color: rgba(255, 0,0, 0.7);
	border-color: red;
	border-style: solid;
	border-width: 3px;
}


/* Enable spinning loading animation */
.glyphicon-refresh-animate {

	/*Transfer origin to make it spin nicely*/
	/*-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%; /* IE 9 */
	-moz-transform-origin: 70% 50%;
	-ms-transform-origin: 70% 50%;
	-o-transform-origin: 70% 50%;
	-webkit-transform-origin: 70% 50%;
	transform-origin: 70% 50%;
	animation: spin 2s infinite linear;
	-webkit-animation: spin2 2s infinite linear;
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}

.fa-rotate-45 {
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
	-webkit-transform: rotate(45deg);
	transform: scale(1) rotate(45deg);
}

.fa-rotate-90{
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
}
.fa-rotate-270{
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
}

.fa-rotate-135 {
	-webkit-transform-origin: 70% 50%;
	transform-origin:70% 50%;
	-ms-transform-origin:70% 50%;
	-webkit-transform: rotate(135deg);
	transform: scale(1) rotate(135deg);
}

.fa-spin { -webkit-filter: blur(0); }

.fa {
	font-family: "FontAwesome" !important;
	text-decoration: none !important
}



.rotate {
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	-moz-animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



/* Progress Bar */
.progress{background-color:#d9d9d9;}
.progress-bar{
	background-color: #0058a0;
	background-image: -moz-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: -ms-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c95cd), to(#0058a0));
	background-image: -webkit-linear-gradient(to bottom, #3c95cd, #0058a0);
	background-image: -o-linear-gradient(to bottom,  #3c95cd, #0058a0);
	background-image: linear-gradient(to bottom, #3c95cd, #0058a0);
}


.optionsTable{
	margin-left: 0px; 
	padding-left: 0px
}

.red {
	color: red;
}

.green {
	color: green;
}

.yellow {
	color: #FFC900;
}

@media screen and (min-width: 1200px) and (max-width: 1440px){
	.optionsTable {
		margin-right: 20px;
	}
}

@media screen and (min-width: 620px) and (max-width: 767px){
	.optionsTable {
		margin-right: -70px;
	}
}
@media screen and (min-width: 530px) and (max-width: 620px){
	.optionsTable {
		margin-right: -50px;
	}
}

@media screen and (min-width: 410px) and (max-width: 530px){
	.optionsTable {
		margin-right: -20px;
	}
}

.canvasThumbnail {
	border-style: solid; 
	border-width: 1px; 
	border-color: black;
}

#chartOverview{
	cursor: pointer;
}

.loadingOverlay {   
	height: 100%;
	width: 100%;
	position: absolute; /* Stay in place */
	z-index: 1000; /* Sit on top */
	left: 0;
	top: 0;
	background-color: #fdfdfd; /* White fallback color */
	background-color: rgba(253,253,253, 0.8); /* White w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/*Leaflet sidebar style */
.preview {
	margin-top: -80px; 
	margin-right: -25px
}


.menuLeft {
	position:absolute; 
	top: 20px; 
	z-index:2; 
	left: -65px; 
	width: 80px
}

.menuRight {
	position:absolute; 
	top: 20px; 
	z-index:2; 
	right: -85px; 
	width: 80px
}

.ellipsis {
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}