h1 {
	font-size:28px;
	line-height:1.1;
}
h2 {
	font-size:14px;
	line-height:1.1;
	margin:0.2em;
}
.noscript {
	display:none;
	margin-top:50px;
}
.no-js .noscript {
	display:inline-block;
}
.no-js .bookingdialog,
.no-js .vaktinfo {
	display:none;
}
form {display:inline}
.navbar .navbar-inner, .navbar .btn-navbar {
	background-image:none;
	background:none;
	background-color:#447;
	color:#ccf;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar .nav>li>a {
	color:#fff;
	text-shadow:none;
}
.navbar .nav>li>a:hover {
	color:#ccf;
}
.navbar .nav>li>a.crnt {
	text-decoration:underline;
}
.navbar .brand {
	color:#fff;
	text-shadow:none;
}
.navbar-text {
	color:#ccc;
	margin-right:10px;
}
footer {
	margin-top:100px;
	padding:30px 0;
	background-color:#eee;
	color:#777;
}

.readmore {
	margin-top: 3em;
}

.inputgroup label {
	display:inline-block;
	padding:5px;
}
.quicksearch input[type='search'], .quicksearch input[type='text'] {
	margin-top:10px;
}
.dim {color:#aaa}
.error {color:red}
.ok {color:green}
.grid th.footer {text-align:center;font-weight:normal}
.grid .prevnext {margin: 0 10px;}

.grid .highlight {
	background-color: #ffb !important;
}

.container {
	position:relative;
}


.bookingdialog {
	margin-bottom:50px;
}

#choosepass {
	margin-top:20px;
}
.nav-tabs>li>span {
	display:inline-block;
	padding-top: 6px;
	line-height: 20px;
}
label.twopasses {
	display:inline-block;
}

#datepicker, #datepicker2 {
	display:inline-block;
}

.infopanel {
	display:inline-block;
	vertical-align:top;
	margin-left:2em;
	position:relative;
}

.spinner {
	position:absolute;
	top:4em;
	left:4em;
	opacity:0;
	margin: 0;
	height: 28px;
	width: 28px;
	animation: spinrotate 0.8s infinite linear;
	border: 8px solid #447;
	border-right-color: transparent;
	border-radius: 50%;
}
.wait .spinner {
	transition: opacity 0s linear 0.5s;
	opacity:1;
}
@keyframes spinrotate {
	0%    { transform: rotate(0deg); }
	100%  { transform: rotate(360deg); }
}

.bookinginfo1, .bookinginfo2 {
	margin-top:1em;
}
.notify {
	margin-top:10px;
}
.deletebooking {
	display:none;
	margin-top:50px;
}

body.is-booked:not(.booking-closed) #pass1 .deletebooking {
	display:inline-block;
}
body.is-booked2:not(.booking-closed) #pass2 .deletebooking {
	display:inline-block;
}
#twopasscontroller, #twopassconfirmed {
	min-height:26px;
}
#twopassconfirmed {
	display:none;
}
.book2 #twopasscontroller {
	display:none;
}
.book2 #twopassconfirmed {
	display:inline-block;
}

#tab-pass1 a, .book2 #tab-pass2 a {
	color:#e44;
}
body.is-booked #tab-pass1 a, body.book2.is-booked2 #tab-pass2 a{
	color:#3a3;
}

.bookDouble-controls {
	display:none;
}
body.bookDouble .bookDouble-controls {
	display:block;
}
.bookDouble-controls label {
	display:inline-block;
}
#partnerplace {
	width:5em;
	margin-right:1em;
}


#backdrop {
	display:none;
	z-index:100;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0, 0.3);
}

.popup {
	display:none;
	box-sizing:border-box;
	color:black;
	position:absolute;
	z-index:200;
	top:50px;
	left:10%;
	margin:0 auto;
	max-width:400px;
	background:white;
	padding:40px;
	border:1px solid #777;
	box-shadow:0 10px 30px rgba(0,0,0, 0.5);
}
@media (max-width: 450px) {
	.popup {
		left:auto;
		top:0;
	}
}
.popup .popupclose {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}
.popupOpen #backdrop,
.popupOpen .popup {
	display:block;
}
.popupOpen {
	overflow:hidden;
}

.pika-single {
	z-index:100;
}

.pika-next, .is-rtl .pika-prev,
.pika-prev, .is-rtl .pika-next {
	background-image:none;
}
.pika-prev, .pika-next {
	text-indent:0;
	background-color:#44a;
	opacity:1;
	width:25px;
	color:#fff;
}
.pika-prev:hover, .pika-next:hover {
	background-color:#66e;
}
.pika-prev.is-disabled:hover, .pika-next.is-disabled:hover {
	background-color:#44a;
}
.pika-next:before, .is-rtl .pika-prev:before,
.pika-prev:before, .is-rtl .pika-next:before {
	opacity:1;
	margin-right:20px;
	padding:5px 5px 3px 0;
	text-indent:5px;
	/* 	.fa */
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.pika-next:before, .is-rtl .pika-prev:before {
 	content: "\f054"; /* chevron-right */
}
.pika-prev:before, .is-rtl .pika-next:before {
 	content: "\f053"; /* chevron-left */
}
.pika-lendar {
	width:300px;
}
.pika-table th,
.pika-table td {
	width:12.5%;
}
.pika-label {
	font-size:18px;
}
.pika-week {
	font-size:12px;
}
.pika-week:before {
	content:'v.';
}

.booking-closed table.pika-table {
    pointer-events: none;
    opacity: 0.5;
}
.booking-closed .savebooking-info {
	display: none;
}


.legend {
	margin-top:30px;
}
.legend p {
	display: inline-block;
	margin-right:1rem;
}
.legend span {
	width:25px;
	height:19px;
	display:inline-block;
	text-align:right;
}
.pika-button,
.legend span {
	font-size:16px;
	line-height:1.2;
	padding: 5px 10px 15px 5px;
	position:relative;
	color:#070;
    background: #f5f5f5;
}
.pika-button:hover {
    background: #9df;
}
.is-selected .pika-button:hover {
    background: #3af;
}
.pika-prev, .pika-next {
	background-size:100%;
}

.pika-button:before,
.pika-button:after,
.legend span:before,
.legend span:after {
    position: absolute;
    bottom: 0;
	background-color:transparent;
	content: "";
	/* 	.fa */
	display: inline-block;
	font: normal normal normal 12px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.pika-button:before,
.legend span:before {
	left:5px;
}
.pika-button:after,
.legend span:after {
    right: 5px;
}
.is-disabled .pika-button {
	background-color:#fff;
}
.is-disabled.is-booked .pika-button,
.legend .unavailable {
	opacity:1;
	background-color:#fee;
	color:#bbb;
}

.is-booked.is-single .pika-button:before,
.legend .booked-single:before {
	content: "\f007"; /* user */
	color:#3d3;
}
.is-disabled.is-booked.is-single .pika-button:before,
.is-disabled.is-booked.is-double .pika-button:before,
.is-disabled.is-booked.is-double .pika-button:after,
.legend .unavailable.booked-single:before,
.legend .unavailable.booked-double:before,
.legend .unavailable.booked-double:after {
	content: "\f007"; /* user */
	color:#d55;
}

.is-disabled.is-booked.is-selected .pika-button,
.legend .selected,
.legend .selected.booked-double:before,
.legend .selected.booked-double:after {
	content: "\f007"; /* user */
	background-color:#3af;
	box-shadow:inset 0 1px 3px #178fe5;
	color:#fff;
	border-radius:3px;
}
.is-booked.is-selected .pika-button:before,
.is-booked.is-selected .pika-button:after,
.is-disabled.is-booked.is-selected .pika-button:before,
.is-disabled.is-booked.is-selected .pika-button:after,
.legend .selected.is-double {
	color:#eee;
}



@media (max-width: 450px) {
	body {
		padding-right: 10px;
		padding-left: 10px;
	}
	.bookinginfo1, .bookinginfo2 {
		margin-left:0;
	}
	.deletebooking {
		margin:30px 0;
	}
}