html {
	box-sizing: border-box;
	font-family:'Lato', sans-serif;
	font-size:15px;
	line-height:1;
	color:#333;
}
p {
	line-height:1.7;
}
body {
	margin:0px;
	width:100vw;
	max-width:100vw;
	background: #cb60b3; /* Old browsers */
	background: -moz-linear-gradient(left, #cb60b3 0%, #4688dd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cb60b3), color-stop(100%,#4688dd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #cb60b3 0%,#4688dd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #cb60b3 0%,#4688dd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #cb60b3 0%,#4688dd 100%); /* IE10+ */
	background: linear-gradient(to right, #cb60b3 0%,#4688dd 100%); /* W3C */
}
*, *:before, *:after {
	box-sizing: inherit;
}
/*SPINNER*/
.cssload-container {
	width: 100%;
	height: 25px;
	text-align: center;
	display:none;
}

.cssload-zenith {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: 1px 1px 0px rgb(0,174,255);
	animation: cssload-spin 690ms infinite linear;
		-o-animation: cssload-spin 690ms infinite linear;
		-ms-animation: cssload-spin 690ms infinite linear;
		-webkit-animation: cssload-spin 690ms infinite linear;
		-moz-animation: cssload-spin 690ms infinite linear;
}



@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
/*SLUT SPINNER*/
#container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	min-height:100vh;
	width:100vw;
	max-width: 1200px;
	margin:0 auto;
}
.error {border:solid 1px #f00;padding:10px;border-radius:3px;}
#login {
	flex:0 1 300px;
	-webkit-flex:0 1 300px;
	max-width:300px;
}
.lateborder {
	border: solid 1px #f00;
}
.late,.late > * {
	color:#f00!important;
}
.booked {
	color:#ddd!important;
}
.in_time,.in_time * {
	color:#3cb935!important;
}
.no_collect,.no_collect * {
	text-decoration:line-through;
}
.checked {
	border:solid 2px green;
}
input.warning {
	border:solid 2px red;
}
.notis {
	border:solid 2px orange;
}
label > input[type='text'].short_input,.short_input {
	width:60px;
}
#reserved form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.rent_dual input ,input.rent_dual{
	border:solid 2px orange;
	background-color:pink;
}
.makulerad td:first-child {
	position:relative;
}
.makulerad  td{
	background-color:#fcc;
}
.makulerad td:first-child:before {
	content:"Mak";
	display:block;
	position:absolute;
	left:-40px;
	top:0px;
	border:solid 1px #ccc;
	background-color:#fff;
	width:40px;
	height:20px;
	line-height:20px;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
}
.hidden { display: none; }
#container > div,#container > ul,.submenu > ul {
	flex:0 1 100px;
	-webkit-flex:0 1 100px;
	width:100vw;
	max-width:1100px;
	border-radius:2px;
	padding:20px 40px;
	background-color:#f7f7f7;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#container > img, #container > video {
	flex:0 1 412px;
	-webkit-flex:0 1 412px;
	width:100vw;
	max-width:1100px;
	border-top:solid 1px rgba(0, 0, 0, 0.3);
	border-bottom:solid 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.submenu > ul {
	width:auto;
	z-index:100;
	border-top: solid 4px #4d90fe;
}
.submenu > ul li {
	min-width: 110px;
	white-space: nowrap;
}
li:hover ul li:first-child {
    padding-top: 5px;
}
#head > li > a {
    padding-bottom: 5px;
    display: inline-block;
}
.cursor_hand td {
	cursor:pointer;
}
.button_group {
	white-space:nowrap;
}
.change_button::after {
    background-color: #4d90fe;
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    border: 1px solid #3079ed;
    color: #fff!important;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    text-align: center;
    border-radius: 3px;
    padding: 3px 5px;
    font-weight: bold;
    margin-left: 10px;
    font-size: 0.6rem;
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    content: "Ändra";
}
.button {
	margin-top:20px;
	margin-bottom:5px;
	background-color: #4d90fe;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ed;
	color: #fff!important;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	text-align: center;
	border-radius:3px;
	padding:10px 20px;
	font-weight:bold;
	font-size:1rem;
	display:inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer; cursor: hand;
	width:100%;
	text-decoration: none;
}
.alertbutton {
	background-color: #bb2c2c;
	background-image: -webkit-linear-gradient(top,#bb2c2c,#ed4747);
	background-image: -moz-linear-gradient(top,#bb2c2c,#ed4747);
	background-image: -ms-linear-gradient(top,#bb2c2c,#ed4747);
	background-image: -o-linear-gradient(top,#bb2c2c,#ed4747);
	background-image: linear-gradient(top,#bb2c2c,#ed4747);
	border: 1px solid #b72f2f;
}
.alertbutton:hover {
	background-color: #e83535!important;
	background-image: -webkit-linear-gradient(top,#e83535,#ed4747)!important;
	background-image: -moz-linear-gradient(top,#e83535,#ed4747)!important;
	background-image: -ms-linear-gradient(top,#e83535,#ed4747)!important;
	background-image: -o-linear-gradient(top,#e83535,#ed4747)!important;
	background-image: linear-gradient(top,#e83535,#ed4747)!important;
	border: 1px solid #b72f2f!important;
}
.button:hover {
	border: 1px solid #2f5bb7;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,0.3);
	background-color: #357ae8;
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.button-short {
	margin-top:3px;
	margin-bottom:3px;
	width:auto;
}
.button-tiny {
    padding: 3px 7px;
    margin: 0;
	font-size:0.8em;
}
.tiny {
	font-size: 10px;
    position: absolute;
}
fieldset,select {
	border-radius:5px;
	border:solid 1px #999;
}
legend {
	font-weight:bold;
}
#reserved {
    width: 800px;
    max-width: 100%;
}
/*Chosen select*/
.search-field input,.chosen-single span,.search-choice span,.chosen-results li,select {
	font-size:1.2rem!important;
}

.blip_lend {
	display:none;
}
#to_date {display:none;}
form {
	max-width: 800px;
}
form.full_width {
	max-width:100%;
}
fieldset {
	margin:0 0 10px 0;
	padding-right:10px;
}
form fieldset label:last-child {margin-bottom:0px;}
.grouped {
	padding:0px;
	max-width:800px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items: center;
}
.grouped > * {
	flex:1 1 30%;
	-webkit-flex:1 1 30%;
}
.grouped > *:not(:first-child) {
	margin-left:10%;
}
.grouped > label span {
	float:none;
}
.grouped > label input {
	min-width:130px;
}
label:after {
    display: table;
    content: "";
    clear: both;
}
label {display:block;clear: both;margin:5px 0;font-size:1.2rem;}
p {font-size:1.1rem;}
label.disp_inline {margin-bottom:0px;font-size:1rem;}
.disp_inline {display:inline-block;}
label > span {display:inline-block;min-width:30%;float:left;}
input[type='time'] {
	width: 100px;font-size:1.2rem;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
input.tablesorter-filter.disabled {
    display: none;
}
input[type='date']{
	font-size:1.2rem;
	width: 140px;
}
input[type='date']::-webkit-calendar-picker-indicator,input[type='time']::-webkit-time-picker-indicator {
	margin:0;
	padding:0;
}
input[type='time']{
	width: 80px;
}
label > input[data-role="date"]{
	width:110px;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-text  { padding: 0;margin:0; }
input[type="date"]::-webkit-clear-button,input[type="date"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-clear-button,input[type="time"]::-webkit-inner-spin-button    {
    display: none;
}
input[type='checkbox']{
	height:1.2rem;
	width:1.2rem;
}
label > select,label > input[type='text'],label > textarea {width:70%;font-size:1.2rem;}
/*input[data-role="date"] {width:100px;}*/
.bullet_returned {
	width:10px;
	height:10px;
	background-color:#73AD21;
	border-radius:10px;
	display:block;
}
#grupp_members,#single_users {
	padding:5px;
	width:auto;
	min-height:10px;
	max-width:100%;
}
.min_width {
	min-width:25px;
	display: inline-block;
}
table {
	border-collapse: collapse!important;
	border-spacing: 0px!important;
}
thead th,tbody td,tfoot td {
	padding-right:20px;
	text-align:left;
}
tbody tr {
	border-bottom:solid 1px #000;
}
#grupp_members,#single_users {
	display:none;
	background-color:#fff;
}
#grupp_members label > span,#single_users label > span {
	width:45%;
}
#grupp_members select.individ_select,#single_users select.individ_select {
	margin:5px 0px;
	width:100%;
}
#single_users select.individ_select {
	height:160px;
}
#grupp_members select {
	height:70px;
}
#grupp_members table,#single_users table {
	max-width:100%;
	overflow-x:scroll;
	-webkit-overflow-scrolling: touch;
}
#grupp_members tr:nth-child(even),#single_users tr:nth-child(even) {
	background-color:#fff;
}
.valid{
	box-shadow:0 0 10px green;
	-webkit-box-shadow:0 0 10px green;
	-moz-box-shadow:0 0 10px green;
}
h1 {
	font-size:2rem;
	font-weight:300;
	margin:0;
	line-height:50px;
}
.intro {
	font-size:1.2rem;
	font-weight:300;
}
.intro_head {
	border-left: solid 4px #ff0000;
	border-bottom: solid 1px #ff0000;
	padding-left: 10px;
	font-weight:300;
	border-radius: 0 0 0 14px;
}
.price_list {
	margin:20px 0px;
}
.price_list  td,.price_list  th {
	text-align:center;
	padding:5px 10px;
}
ul.intro_func {
	margin-left:20px;
}
ul.intro_func > li {
	line-height:1.8rem;
}
ul.intro_func li:before {
  content: "\2611";
  color:#009fe3;
  padding-right:15px;
}
#start_page .col2 {
	padding-top:0px;
	padding-bottom:20px;
}
#start_page #container > div:nth-child(2) {
	padding:0px 40px;
}
.sparr {
	text-align:center;
}
h2 {
	font-size:1.5rem;
	margin:0;
	line-height:30px;
}
h3,h4 {
	font-size:1.2rem;
	margin:0;
	line-height:20px;
}
#container #foot,#container #head {
	margin:10px 0;
	padding:10px 40px 10px 40px;
}

#foot h2 {
	font-size:1rem;
}
#foot p {
	font-size:0.9rem;
	margin-top:0px;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
#foot li {
	float:left;
	margin-right:20px;
	line-height:60px;
}
#search_button {
	position:absolute;
	top:10px;
	right:10px;
	z-index:1000;
}
#search_button button {
	border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #fff;
    background-color: #357ae8;
    border: none;
}
#head,.sparr {
	display:flex;
	justify-content:space-between;
	align-items:center;
	-webkit-justify-content:space-between;
	-webkit-align-items:center;
	display:-webkit-flex;
	margin-bottom:20px;
}
#head  > *,.sparr  > * {
	flex:1 1 auto;
	-webkit-flex:1 1 auto;
}
#head  > li > a {
	text-overflow: ellipsis;
    overflow: hidden;
}
.currentMenu > a {
	border-bottom: solid 3px #4d90fe;
    padding-bottom: 5px;
	font-weight:bold;
	display:inline-block;
}
.submenu {
	position:relative;
}
.submenu:hover ul {display:block;}
.submenu ul {
	display:none;
	position:absolute;
	left:-10px;
	padding: 5px 5px 10px 10px;
}
#book_submenu {
	padding:0 0 0 5px;
	flex:1 1 90px;
	text-align:right;
	position:relative;
	display:none;
}
#book_submenu > div {
	position: absolute;
	top: 310px;
}
.user_info {
	flex-grow:2;
	-webkit-flex-grow:2;
	flex-shrink:0;
	-webkit-flex-shrink:0;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	-webkit-flex:2 0!important;
	display:-webkit-flex;
	-webkit-justify-content:flex-end;
	-webkit-align-items:center;
    text-align: right;
}
.user_info img {
	flex-shrink:0;
	margin-left:10px;
	float:right;
	border-radius:50%;
	height:50px;
	width:50px;
}
a {
	color:#36c;
	text-decoration:none;
}
a:hover {
	color:#36c;
	text-decoration:underline;
}
img {
	vertical-align: middle;
}

@media screen and (min-width: 901px) {
	.dsp_tiny {
		display:none;
	}
	.col2 {
		width:50%;
		padding-right:2rem;
		padding-top:2rem;
	}
}
@media screen and (max-width: 700px) {
	html {font-size:21px};
	label > span {float:none;width:100%;}
	label > select,label > input[type='text'],label > input[type='date'],label > input[type='time'] {width:100%}
	.grouped,.grouped > label,.grouped > div,.grouped > span {
		display:block;
	}
	.grouped > *:not(:first-child) {
		margin-left:0;
	}
	.chosen-select,.chosen-select input,.select2, .select2 input  {
		max-width:90%!important;
	}
}
@media screen and (max-width: 900px) {
	.col2 {
		width:100%;
		padding-bottom:2rem;
	}
	html,select,input {font-size:17px;}
	.dsp_large {
		display:none;
	}
	.dsp_tiny {
		text-align:center;
		align-self: flex-start;
		-webkit-align-self: flex-start;
	}
	#container > div,#container > ul,#container #head,#container #foot {
		padding:10px;
	}
	#head {
		flex-direction: column;
	}
	#head  > * {
		overflow: visible;
		width:90%;
	}
	#head .user_info {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		align-items: flex-end;
		-webkit-align-items: flex-end;
	}
	.user_info span {
		font-size:1rem;
	}
	.user_info span  a {
		font-size:1.3rem;
	}
}
@media screen {
}
@media print {
	#head,#foot,#search_button {display:none;}
	.print_page {page-break-after:always;page-break-inside:avoid;}
	#container {display:block;width:100%;max-width:100%;}
	#container > div, #container > ul, .submenu > ul {box-shadow:none;max-width:100%;width:100%;}
	html {font-size:14px;}
}