@import url('http://fonts.googleapis.com/css?family=Josefin+Sans');/*fonts*/

body {
	font-family: "Josefin Sans", Sans-Serif;
	color: #775575;
	font-size: 16px;
  line-height: 1.65;
}

header {
	background-color: #c3e465;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar-nav {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-inverse {
  border-color: transparent;
	background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
	background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #c3e465;
	background-color: #c3e465;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #b3d455;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #b3d455;
}
.dropdown-menu {
	background-color: #b3d455;
}
.dropdown-menu>li>a {
	color: #fff;	
}
.navbar {
	margin-bottom: 0px;
	border: none;
}
.navbar-nav {
	padding-top: 0px;
	border: none;
	background-color: #c3e465;
	position: absolute;
	left: 20px;
	top: 40px;
	z-index: 1;
}
@media (min-width: 768px) {
	.navbar-nav {
		padding-top: 40px;
		position: relative;
		left: 0px;
		top: 0px;
	}
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 10px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancel.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover {
	background-position: 0px 0px;
}
html {
	-webkit-font-smoothing: antialiased;
}
h1 {
	margin-top: 10px;
}
h2 {
	margin-top: 10px;
}
footer {
	background-color: #c3e465;
	margin-top: 20px;
}
.form-group {
    margin-bottom: 0px;
}
.flag-icon {
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon-de {
  background-image: url(../images/de.svg);
}
.flag-icon-gb {
  background-image: url(../images/gb.svg);
}
#progress {
    border:1px solid #ccc;
    display:none;
    float:left;
    height:14px;

    border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    -webkit-border-radius:10px;

    background: -moz-linear-gradient(#66cc00, #4b9500);
    background: -ms-linear-gradient(#66cc00, #4b9500);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
    background: -webkit-linear-gradient(#66cc00, #4b9500);
    background: -o-linear-gradient(#66cc00, #4b9500);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
    background: linear-gradient(#66cc00, #4b9500);
}
#progress_percent {
    float:right;
}