/* basic rules */
html {
	height: 100%;
}
body {
    padding-top: 60px;
    padding-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
body, p {
	font-size: 14px;
}
a {
	color: #009FB1;
}
h3, .h3,
h4, .h4 {
	font-weight: 300;
    font-size: 26px;
}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
}
/* homepage for non-logged users */

body.public {
	background-image: url("../images/bg/homepage.jpg");
	background-color: #000;
	color: grey;
}
body.public .container {
	text-shadow: 0 0 16px rgba(0, 0, 0, 1);
}
/*body.public div.content a:not(.btn) {
	color: grey;
	text-decoration: underline;
}*/
body.public div.content {
	text-align: center;
	margin-top: 50px;
}
body.public input {
	opacity: 0.7;
	text-align: center;
}
body.public .btn-lg {
	margin-top: 20px;
}
body.public label {
	width: 100%;
	color: white;
}
body.public label .icons {
	
	color: white;
}
.contrast {
	text-shadow: 2px 0px 2px black;
	/*font-weight: bold;*/
	color: #fff;
}
body.public p.logintext {
	
	font-size: 30px;
}
body.public .contrast a,
body.public a.contrast {
	color: white;
	text-decoration: underline;
}
.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color:    #009fb1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #009fb1;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #009fb1;
}
.carousel-inner > .item img {
	border-radius: 5px;
}
footer {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40px;
	width: 100%;
	background-color: transparent;
	text-shadow: 2px 0 2px black;
	color: white;
}
footer a {
	color: white;
	text-decoration: underline;
	font-weight: 300;
}
@media all and (max-width: 960px) {
	footer {
		position: relative;
	}
	footer .col-md-6 {
		text-align: center;
	}
	footer .text-right {
		
		text-align: center;
	}
}
/* Register page */

body.register {
	background-image: url("../images/bg/register.jpg");
}

/* Tour page */

body.tour {
	background-image: url("../images/bg/register.jpg");
}

body.bg h3 {
	color: white;
}
body.bg p.punchline {
	color: white;
	font-size: 30px;
}

.navbar-brand img {
	max-height: 30px;
}

/* flat-ui modifications */

.checkbox.checked, .radio.checked {
    color: #009FB1;
}
form-group.focus .form-control,
.form-control:focus {
    border-color: #009FB1;
	opacity: 1 !important;
	transition: opacity .25s ease-in-out;
}

/* bootstrap modifications */

.navbar {
    min-height: 60px;
}
.btn-success {
  background-color: #009FB1;
  background-image: -moz-linear-gradient(top, #009FB1, #009FB1);
  background-image: -ms-linear-gradient(top, #009FB1, #009FB1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009FB1), to(#009FB1));
  background-image: -webkit-linear-gradient(top, #009FB1, #009FB1);
  background-image: -o-linear-gradient(top, #009FB1, #009FB1);
  background-image: linear-gradient(top, #009FB1, #009FB1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009FB1', endColorstr='#009FB1', GradientType=0);
}

.btn-lg {
    line-height: 1.471;
    padding: 10px 19px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1.2px;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #009FB1;
}

.btn-success:active, .btn-success.active {
  background-color: #009FB1;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #009FB1;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #009FB1;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #009FB1;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #009FB1;
}
.tooltip-inner {
    background-color: #009FB1;
}
.panel {
	box-shadow: none;
}
.panel-default {
	border-color: transparent;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
	padding: 0;
	padding-bottom: 20px;
}
.panel-default > .panel-heading h3 {
    color: black;
	font-size: 24px;
}
.panel-body {
    padding: 0;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

.navbar-nav > li > a.navbar-btn {
	padding: 5px 10px;
	margin-top: 10px;
}
.navbar > .container .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.video-js {
    margin-top: 0;
	margin-bottom: 50px;
}
.vjs-play-control div:before, .vjs-play-control div:after {
    margin: -0.75em 0 0 -0.5em;
}
.vjs-time-divider {
    line-height: 3em;
}
.vjs-time-divider {
	line-height: 1.3 !important;
	
}
.vjs-live-display {
	display: none;
}
.buttons {
	margin-bottom: 10px;
}
.pdf {
	border: 1px solid #ccc;
}
.pdf img {
	max-width: 100%;
}
.fullscreen-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	background-position: center center;
	background-repeat: no-repeat;
}
body.fullscreen .navbar-fixed-top {
	display: none;
}
.fullscreen-sibelius {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner {
	height: 300px;
	background-size: cover;
	background-position: 50% 50%;
	color: white;
	padding-top: 120px;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
}
.profile-welcome {
	background-image: url("../images/bg/welcome.jpg");
}
.profile-banner {
	background-image: url("../images/bg/profile.jpg");
}
.gravatar img {
	margin-top: -100px;
	border: 4px solid white;
}