@font-face {
	font-family: 'Georgia';
	src:	url('font/Georgia-Bold.eot');
	src:	url('font/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/Georgia-Bold.woff2') format('woff2'),
		url('font/Georgia-Bold.woff') format('woff'),
		url('font/Georgia-Bold.ttf') format('truetype'),
		url('font/Georgia-Bold.svg#Georgia-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Georgia';
	src:	url('font/Georgia.eot');
	src:	url('font/Georgia.eot?#iefix') format('embedded-opentype'),
		url('font/Georgia.woff2') format('woff2'),
		url('font/Georgia.woff') format('woff'),
		url('font/Georgia.ttf') format('truetype'),
		url('font/Georgia.svg#Georgia') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@-webkit-keyframes bounce_effect {
	0% { 
		-webkit-transform: scale(1.0); 
		transform: scale(1.0); 
	}
	25% { 
		-webkit-transform: scale(0.9); 
		transform: scale(0.9); 
	}
	50% { 
		-webkit-transform: scale(1.1); 
		transform: scale(1.1); 
	}
	75% { 
		-webkit-transform: scale(0.9); 
		transform: scale(0.9); 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce_effect {
	0% { 
		-webkit-transform: scale(1.0); 
		transform: scale(1.0); 
	}
	25% { 
		-webkit-transform: scale(0.9); 
		transform: scale(0.9); 
	}
	50% { 
		-webkit-transform: scale(1.1); 
		transform: scale(1.1); 
	}
	75% { 
		-webkit-transform: scale(0.9); 
		transform: scale(0.9); 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead {
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,
body {
	height: 100%;
}
body {
	font-family: 'Georgia', sans-serif;
	background-color: #F0EBD8;
	font-weight: normal;
	line-height: 20px;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
a:link,
a:visited {
	text-decoration: none;
	color: #9A0022;
}
a {
	text-decoration: none;
	color: #9A0022;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}
h1 {
	font-family: 'Georgia', sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 10px;
}
h2 {
	font-family: 'Georgia', sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 5px;
}
h3 {
	font-family: 'Georgia', sans-serif;
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: 27px;
	font-size: 18px;
	color: #333333;
}
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited {
	color: #333333;
}
h1 img,
h2 img {
	vertical-align: middle;
}
hr {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	margin: 10px 0;
}
table {
	border-collapse: collapse;
	width: 100%;
	overflow-x: auto;
}
table,
tr,
th,
td {
	font-family: 'Georgia', sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 5px;
}
table.responsive tbody tr:hover {
	background-color: #ececec;
}
thead td {
	font-weight: bold;
}
thead tr {
	border-bottom: 2px solid rgb(182, 182, 182);
}
tbody tr {
	border-bottom: 1px solid rgb(182, 182, 182);
}
tr.bold {
	font-weight: bold;
}
tr.underline {
	text-decoration: underline;
}
p {
	padding: 0px;
	margin: 0px;
}
label {
	font-weight: bold;
}
form {
	width: 100%;
	margin: auto;
}
form.w100 {
	width: 100%;
	margin: 0;
}
form.signup-form, form.flex-form{
	display: flex;
	flex-wrap: wrap;
	
}
input,
input[type="text"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
	font-family: 'Georgia', sans-serif;
	margin-bottom: 3px;
	font-size: 100%;
	padding: 12px 10px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px 0px #e5e5e5;
	-moz-box-shadow: 2px 2px 5px 0px #e5e5e5;
	-ms-box-shadow: 2px 2px 5px 0px #e5e5e5;
	-o-box-shadow: 2px 2px 5px 0px #e5e5e5;
	box-shadow: 2px 2px 5px 0px #e5e5e5;
	border: 1px solid #cccccc;
	margin: 10px 0;
	margin-top: 5px;
	max-width: 500px;
	min-width: 125px;
}
input[type="checkbox"],
input[type="radio"]{
	max-width: unset;
	min-width: unset;
}
table input,
table textarea,
table select {
	margin-bottom: 0px;
}
textarea {
	height: 120px;
	min-width: 100%;
}
.form-wrapper{
	max-width: 1400px;
	margin: auto;
}
.form-wrapper textarea{
	max-width: 500px;
	min-width: unset;
}
textarea.h100 {
	height: 100px;
}
textarea.h200 {
	height: 200px;
}
textarea.h300 {
	height: 300px;
}
a.submit, .submit, input.submit {
	background-color: #9A0022;
	border: none;
	color: #ffffff !important;
	width: 100%;
	margin: 10px 10px 10px 0;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 15px;
	width: 200px;
	min-width: fit-content;
	border-radius: 3px;
	-webkit-appearance: none;
	text-align: center;
	font-weight: bold;
}
a.submit-grey, .submit-grey, input.submit-grey {
	background-color: #999;
	border: none;
	color: #ffffff !important;
	width: 100%;
	margin: 10px 10px 10px 0;
	cursor: pointer;
	font-size: 14px;
	padding: 10px 15px;
	width: 200px;
	min-width: fit-content;
	border-radius: 3px;
	-webkit-appearance: none;
	text-align: center;
	font-weight: bold;
}
a.submit:hover, .submit:hover, input.submit:hover, a.submit-grey:hover, .submit-grey:hover, input.submit-grey:hover {
	text-decoration: none;
	opacity: .7;
}
.submit-grey.f-right{
	margin-right: 0;
}
/* Knappar för borttagning (Röd) */
input.delete {
	background-color: #a80000;
	background: -webkit-gradient(linear, left top, left bottom, from(#f52e2e), to(#a80000));
	background: -webkit-linear-gradient(top, #f52e2e, #a80000);
	background: -moz-linear-gradient(top, #f52e2e, #a80000);
	background: -ms-linear-gradient(top, #f52e2e, #a80000);
	background: -o-linear-gradient(top, #f52e2e, #a80000);
	background: linear-gradient(top, #f52e2e, #a80000);
	-webkit-box-shadow: 0px 1px 0px 0px #ff9b9b inset;
	-moz-box-shadow: 0px 1px 0px 0px #ff9b9b inset;
	-ms-box-shadow: 0px 1px 0px0px #ff9b9b inset;
	-o-box-shadow: 0px 1px 0px 0px #ff9b9b inset;
	box-shadow: inset 0px 1px 0px 0px #ff9b9b;
	text-shadow: -1px -1px 0px #9A0022;
	border: 1px solid #a80000;
	font-weight: bold;
	color: #ffffff;
}
input.delete:hover {
	background-color: #a80000;
	border: 1px solid #a80000;
	-webkit-box-shadow: 0 0 10px 5px #a80000 inset;
	-moz-box-shadow: 0 0 10px 5px #a80000 inset;
	-ms-box-shadow: 0 0 10px 5px #a80000 inset;
	-o-box-shadow: 0 0 10px 5px #9A0022#a80000 inset;
	box-shadow: 0 0 10px 5px #a80000 inset;
}
input[type='checkbox'] {
	background: none;
	padding: 0;
	width: 30px;
	border: 0;
}
input[type='radio'] {
	background: none;
	padding: 0;
	width: 30px;
	border: 0;
}
:invalid {
	box-shadow: none;
}
 :-moz-submit-invalid {
	box-shadow: none;
}
 :-moz-ui-invalid {
	box-shadow: none;
}
#logo {
	display: flex;
	align-items: center;
	height: 70px;
}
#logo img {
	width: 190px;
}
/* Input */
.Input {
	margin-top: 20px;
}
.Input input {
	width: 100%;
	max-width: 400px;
}
.Input label {
	display: block;
}
.Input__checkbox {
	padding: 10px 0;
}
input:focus {
	outline: none;
	border: 1px solid #888888;
}
input.addFile{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
label {
	font-size: 15px;
}
/* Button */
button{
  border: 0;
}
.Button__holder {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.Button {
	display: inline-block;
	padding: 5px 15px;
	background-color: #FFEB00;
	color: #000;
	border: 0;
	cursor: pointer;
	font-size: 13px;
	margin-top: 20px;
	border-radius: 10px;
}
.Button--success {
	background-color: #005EA8;
	color: #fff;
}
.Button--danger {
	background-color: #921b1b;
	color: #fff;
}
/* Login */
.Login__holder {
	width: 100%;
	height: 100%;
	display: flex;
	margin: 0;
}
.Login__box {
	display: flex;
	margin: auto;
	flex-direction: column;
}
.Login {
	width: 400px;
	background-color: #ffffff;
	margin: auto;
	padding: 25px;
	border: 1px solid #d4d4d4;
	border-radius: 10px;
}
.Login__Header {
	/*background-image: url('../images/logo.png');*/
	height: 100px;
	margin-bottom: 20px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.Login__footer {
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
}
.Login__h1 {
	color: #9A0022;
	text-align: center;
}
/* Modal */
.Modal__holder {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 20000;
	justify-content: center;
	align-items: center;
}
.Modal__headline {
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 10px;
}
.Modal {
	max-width: 700px;
	min-height: 100px;
	background: #ffffff;
	/*margin: auto;*/
	border: 1px solid #d4d4d4;
	z-index: 100;
	padding: 25px;
	border-radius: 10px;
}
.Modal__buttons {
	display: flex;
}
.Modal__buttons .btn {
	margin-right: 10px;
}
.Modal ul {
	list-style-type: none;
}
/* Loader */
.Loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
.Fader {
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.5;
}
.Loader__Holder {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
}
.Loader__spinner {
	width: 400px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #ededed;
	margin: auto;
	display: flex;
}
/* Header */
.Header {
	width: 100%;
	height: 74px;
	display: flex;
	justify-content: flex-end;
	position: fixed;
	top: 0;
	left: 0;
}
/* Usermenu */
.Usermenu__holder {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 20px;
	color: #ffffff;
	cursor: pointer;
}
.Usermenu__icon {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	display: flex;
}
.Usermenu__icon i {
	margin: auto;
}
.Usermenu__button {
	margin-left: 10px;
}
.Usermenu {
	display: none;
	width: 320px;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 72px;
	padding: 25px 0;
	border: 1px solid #ededed;
	z-index: 100;
}
.Usermenu li {
	color: #000;
	background: #fff;
	margin-top: 10px;
	text-align: center;
	list-style-type: none;
}
.Usermenu li a {
	padding: 10px 10px;
	display: block;
	color: #000;
	text-decoration: none;
	transition: all 0.4s ease;
}
.Usermenu li a:hover {
	background-color: #005EA8;
	color: #ffffff;
	transition: all 0.4s ease;
}
.Usermenu li a.active {
	background-color: #9A0022;
	color: #ffffff;
}
/* Table */
.Table {
	border-collapse: collapse;
	width: 100%;
	overflow-x: scroll;
}
.Table tbody td,
.Table tbody th {
	border: 1px solid #ddd;
	padding: 8px;
}
.Table tbody th:first-child {
	text-align: left;
}
.Table tbody tr:nth-child(even) {
	background-color: #F6F4ED;
}
.Table tbody tr:hover {
	background-color: #E5DECA;
}
.Table tbody td.folder a{
	font-weight: bold;
}
.Table tbody a:hover{
	text-decoration: none;

}
.Table tbody a:hover i{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #451804;
}
.Table tbody td a{
	display: flex;
	align-items: center;
	width: 100%;
}
.Table tbody td.center a{
	justify-content: center;
}
.Table tbody td a .icon{
	margin-right: 10px;
	justify-content: center;
	display: flex;
	width: 60px;
}
.Table tbody td a .icon img{
	border-radius: 3px;
	width: 48px;
}

.Table tbody tr{
	vertical-align: middle;
}
.Table tbody, .Table tbody img{
	vertical-align: middle;
}
.Table-userdata{
}
.User__confirm-delete,
.User__edit {
	cursor: pointer;
}
#User__change-password-holder {
	display: none;
}
/* Messages */
.Message__error {
	background-color: #f65d5d;
	color: #fff;
	/*text-align: center; */
	padding: 25px;
	margin: 10px 0;
	font-size: 16px;
}
.Message__success {
	background-color: #31c864;
	color: #fff;
	/*text-align: center; */
	font-weight: bold;
	padding: 25px;
	margin: 40px 0;
	font-size: 16px;
}
.input_error{
	display: block;
	background-color: #FFEB00;
	padding: 10px;
	width: 100%;
	max-width: 500px;
	color: #000;
	font-weight: normal;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-animation: bounce_effect .6s .5s 1;
	animation: bounce_effect .6s .5s 1;
	border-radius: 5px;
	position: relative;
}
.input_error.full{
	margin-top: 10px;
	width: 100%;
	max-width: 100%;
}
.input_error::after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 7px solid #FFEB00;
	display: inline-block;
	position: absolute;
	content: '';
	left: 47%;
	left: calc(50% - 8px);
	top: -7px;
}
.general_error::after {
	display: none;
}
.input_error i{
	padding-right: 10px;
	color: #9A0022;
}



.btn,
a.btn:link,
a.btn:visited {
	background-color: #FFEB00;
	padding: 10px 15px;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/*line-height: 50px;*/
	cursor: pointer;
	display: inline-block;
	margin: 10px 0;
	position: relative;
	border: 0;
	line-height: 20px;
	min-width: fit-content;
	-webkit-appearance: none;
}
.btn-blue,
a.btn-blue:link,
a.btn-blue:visited {
	background-color: #9A0022;
	color: #fff;
}
.btn-blue:hover,
a.btn-blue:link:hover,
a.btn-blue:visited:hover {
	color: #fff;
}
.btn-gray,
a.btn-gray:link,
a.btn-gray:visited {
	background: #ededed;
	color: gray;
	cursor: no-drop;
}
.btn-gray-back,
a.btn-gray-back:link,
a.btn-gray-back:visited {
	background: #ededed;
	color: #000;
}
.btn-red,
a.btn-red:link,
a.btn-red:visited {
	background: #f65d5d;
	color: #fff;
	cursor: pointer;
}
a.btn-gray-enabled {
	background-color: #ededed !important;
	color: #000;
}
.btn.f-left span.fa,
.btn.f-left i.fa {
	margin: 0 10px 0 0;
}
.btn:hover,
a.btn:hover {
	text-decoration: none;
	opacity: .7;
}
.btn-big,
a.btn-big:link,
a.btn-big:visited {
	padding: 35px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	text-align: center;
	color: #9A0022;
	height: 145px;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 20%;
	width: calc(20% - 20px);
	margin: 0 20px 20px 0;
}
.btn-big i.fa{
	font-size: 35px;
	padding-bottom: 10px;
}
.btn-big:hover,
a.btn-big:hover {
	background-color: #9A0022;
	color: #fff;
	text-decoration: none;
}
.btn-big-disabled,
a.btn-big-disabled:link,
a.btn-big-disabled:visited {
	background-color: rgba(255,255,255,.2);
}
.btn-big-disabled:hover,
a.btn-big-disabled:hover{
	background-color: #fff;
	color: #9A0022;
	opacity: .2;
}

.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}
iframe {
	width: 100%;
	margin: 0;
}
ul.tree,
ul.tree ul {
	list-style-type: none !important;
}
ul.tree>li {
	font-weight: bold;
}
ul.tree>li>ul {
	font-weight: normal;
}
/* Klasser */
.clear {
	text-indent: -4000px;
	line-height: 0;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}
.round {
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-ms-border-top-right-radius: 15px;
	-o-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
}
.shadow {
	-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, .5);
	-ms-box-shadow: 0 0 10px 0px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, .5);
}
.loading {
	width: 100%;
	text-align: center;
}
.hide {
	display: none;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.fa-icon-medium {
	font-size: 30px;
}
.fa-icon-large {
	font-size: 80px;
}
.small {
	font-size: 12px;
}
.fleft {
	float: left;
}
.hint {
	color: #666;
}
.active {
	color: #9A0022;
	font-weight: bold;
}
header {
	width: 100%;
	padding: 0 20px;
	background-color: #9A0022;
	text-align: center;
	box-shadow: 0 7px 14px rgba(171, 171, 171, 0.25), 0 5px 5px rgba(171, 171, 171, 0.22);
	height:70px;
	display: flex;
	justify-content: left;
}
.header-login {
	position: fixed;
}
header .profile-menu-action {
	vertical-align: middle;
	line-height: 40px;
	float: right;
	color: #fff;
	margin: 15px 0;
	display: flex;
	justify-items: center;
	align-items: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 45px;
}
.Login__holder header .profile-menu-action {
	right: 0;
	height: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 20px;
}
header .profile-menu-action:hover {
	text-decoration: none;
	opacity: .7;
}
header .profile-menu-action div {
	display: flex;
}
header .profile-menu-action .user-image {
	float: left;
	padding-right: 10px;
}
.Login__holder header .profile-menu-action .user-image {
	padding-right: 0;
}
header .profile-menu {
	display: none;
}
section {
	float: none;
	margin: 0;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.parent section{
	flex-direction: column;
}
section .content {
	padding: 20px;
	background-color: #fff;
	float: left;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
}
.w100 {
	width: 98%;
	margin: 0 0 2% 2%;
}
.w50:nth-child(odd) {
	width: 48%;
	margin: 0 2% 2% 0;
}
.w50:nth-child(even) {
	width: 48%;
	margin: 0 0 2% 2%;
}
.form-wrapper .w50:nth-child(odd) {
	width: 48%;
	margin: 0 0 2% 2%;
}
.form-wrapper .w50:nth-child(even) {
	width: 48%;
	margin: 0 2% 2% 0;
}
.w33 {
	width: 31.3%;
	margin: 0 0 2% 2%;
}
.w25 {
	width: 23%;
	margin: 0 0 2% 2%;
}
.w100-nopm {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.w50-nopm {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}
.w50-keep-nopm {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}
.w33-nopm {
	width: 33.33%;
	margin: 0;
	padding: 0;
	float: left;
}
.w25-nopm {
	width: 25%;
	margin: 0;
	padding: 0;
	float: left;
}
.mobile {
	display: none;
}
.desktop {
	display: inline-block;
}
td.desktop,
th.desktop {
	display: table-cell;
}
/*
a.section-action-button:link,
a.section-action-button:visited {
	color: #666;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 2px 5px;
	line-height: 25px;
	float: right;
}
a.section-action-button:hover {
	background-color: #FFEB00;
	color: #333;
	text-decoration: none;
}
*/
.colorbox-table {
	width: 100%;
	text-align: left;
	margin-bottom: 60px;
}
.colorbox-table tbody tr:nth-child(odd) {
	background-color: #f7f7f7;
}
.colorbox-table td {
	vertical-align: middle;
}
.colorbox-table tbody tr:hover {
	background-color: #ececec;
}
#update_user_errors,
#add_user_errors {
	padding: 40px 20px;
	margin: 20px 0;
	list-style-type: none;
	background-color: #f65d5d;
	color: #ffffff;
}
.not-valid {
	color: #f65d5d;
}
.status-box {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	top: 3px;
	position: relative;
	display: inline-block;
}
.status-box {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	top: 3px;
	position: relative;
}
.status-box.good {
	background-color: #3B9617;
}
.status-box.bad {
	background-color: #CC0000;
}
a.app-menu:link,
a.app-menu:visited {
	margin: 15px 0 0 0;
	color: #fff;
	float: left;
}
.delete-confirm {
	width: 300px;
	height: 200px;
	padding: 20px;
	text-align: center;
	z-index: 10000;
	background-color: rgb(255, 255, 255);
	color: #000;
	display: none;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 7px 14px rgba(171, 171, 171, 0.25), 0 5px 5px rgba(171, 171, 171, 0.22);
	border: 2px solid rgb(233, 233, 233);
	flex-flow: column;
	justify-content: center;
}
/*
.delete-confirm-arrow {
	width: 15px;
	height: 15px;
	background-color: #fff;
	transform: rotate(45deg);
	position: absolute;
	bottom: -8px;
	left: 35px;
}
*/
.red-content {
	width: 100%;
	background-color: #9A0022;
	color: #fff;
	padding: 30px;
}
.yellow-content {
	width: 100%;
	background-color: #FFEB00;
	color: #000;
	padding: 30px;
}

.red-content i{
	padding-right: 10px;
	color: #FFEB00;
}
.yellow-content i{
	padding-right: 10px;
	color: #9A0022;
}
.queue-quick-edit{
	margin-left: 30px;
	display: inline-flex;
	align-items: center;
}
.queue-quick-edit:hover{
	text-decoration: none;
}
.queue-quick-edit span{
	padding-left: 10px;
}
/* Loader */
.Loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
.Fader {
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.5;
}
.Loader__Holder {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
}
.Loader__spinner {
	width: 400px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #ededed;
	margin: auto;
	display: flex;
}
/* Usermenu */
.Usermenu__holder {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 20px;
	color: #ffffff;
	cursor: pointer;
}
.Usermenu__icon {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	display: flex;
}
.Usermenu__icon i {
	margin: auto;
}
.Usermenu__button {
	margin-left: 10px;
}
.Usermenu {
	display: none;
	width: 320px;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	top: 72px;
	padding: 15px 0;
	border: 1px solid #ededed;
	z-index: 100;
}
.Usermenu li {
	color: #000;
	background: #fff;
	margin: 5px 0;
	text-align: center;
	list-style-type: none;
}
.Usermenu li a {
	padding: 10px 10px;
	display: block;
	color: #000;
	text-decoration: none;
	transition: all 0.4s ease;
}
.Usermenu li a i.fa{
	color: #9A0022;
}
.Usermenu li a:hover {
	background-color: #9A0022;
	color: #ffffff;
	transition: all 0.4s ease;
}
.Usermenu li a:hover i.fa{
	color: #fff;
}
.Usermenu li a.active {
	background-color: #9A0022;
	color: #ffffff;
}
/*
 * Users
 */
.list-header {
	display: flex;
	margin-bottom: 30px;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.filter-form .list-header > div {
	width: 18%;
	padding-bottom: 10px;
}
input.search-input{
	margin: 0;
}
.search-holder {
	width: 100%;
}
.search-holder form {
	display: flex;
}
.search-holder form input,
.search-holder form .btn {
	margin: 0 0 0 0;
}
.search-holder form .btn {
	margin-left: 15px;
}
.box25 {
	width: 20%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}
/* Add customers handling */
#add-customer-button {
	display: inline;
}
#add-customer-button.hidden {
	display: none;
}
#add-customer-form {
	display: none;
}
#add-customer-form.open {
	display: block;
}
/* ANIMATIONS on adding,updating and removing posts */
#added-div,
#updated-div,
#deleted-div {
	height: 50px;
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	z-index: 99999;
	opacity: 0
}
#added-div p,
#updated-div p,
#deleted-div p {
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	font-size: 120%;
	color: #fafafa
}
#updated-div p {
	color: #000;
}
#added-div {
	background-color: #31c864;
}
#updated-div {
	background-color: #FFEB00;
}
#deleted-div {
	background-color: #f65d5d;
}
.on {
	animation-name: popUp;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-fill-mode: forwards
}
/* ORDER LISTNING */
.order-row-wrapper:nth-of-type(odd) {
	background-color: rgb(246, 246, 246);
}
/* SEARCH BOX RESULTS */
.search-box-ajax .result a {
	display: block;
	text-align: center;
}
.red,
a.red {
	color: #f65d5d;
}
.green {
	color: #31c864;
}
.blue,
a.blue {
	color: #9A0022;
}
.yellow {
	color: #FFEB00;
}
.pay-button,
.unpay-button {
	color: #9A0022;
	cursor: pointer;
}
.red-background {
	/* background-color: rgb(255, 188, 188)!important; */
	border-left: 10px solid #f65d5d;
	padding: 0 5px;
}
.orange-background {
	/* background-color: rgb(255, 238, 205)!important;*/
	border-left: 10px solid rgb(250, 238, 76);
	padding: 0 5px;
}
.bold {
	font-weight: bold;
}
/* ORDER SETTING */
.order-settings {
	margin: 20px 0;
}
.order-settings a,
.order-settings a.btn {
	display: block;
	width: fit-content;
}
.order-settings p,
.order-settings a,
.order-settings a.btn {
	margin: 10px 0;
}
/* Category boxes */
.category-box {
	display:block;
	width:1000px;
	background-color:#005EA8;
	color:#fff !important;
	padding:50px 25px;
	text-align: center;
	transition: all .4s ease;
}
.category-box:hover {
	background-color:#9A0022;
	text-decoration: none !important;
}
.article-box-wrapper {
	display:flex;
	flex-wrap:wrap;
	width:1000px;
}
/* Article boxes */
.article-box {
	display:block;
	width:48%;
	width:calc(50% - 15px);
	margin:15px 15px 15px 0;
	background-color:#c4168a;
	color:#fff !important;
	padding:50px 25px;
	text-align: center;
	transition: all .4s ease;
}
.article-box:hover {
	background-color:#d140b2;
	text-decoration: none !important;
}
/* Article information boxes */
.article-information-box {
	display:block;
	width:1000px;
	color:#fff;
	display:flex;
}
.article-information-box .box-image-container {
	background-color:#fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width:50%;
	padding-top:50%;
}
.article-information-box .box-content {
	color:#000 !important;
	width:50%;
	padding:25px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
	flex-flow:column;
}
.stock-error {
	color:#f65d5d;
}
.article-box h2,
.category-box h2 {
	color:#fff !important;
}
input:disabled, button:disabled {
	background-color: #999;
	cursor: not-allowed;
	color: #000;
}
/* END OF ORDER LISTNING */
/* jm default style for info modal */
.more-info-modal {
	display: flex;
	flex-wrap: wrap;
	padding: 100px;
}
.more-info-modal .box-25, .more-info-modal .box-100 {
	background-color: #f3f3f3;
}
/* ---- style for boat jm -----*/
.boat-information {
	display: flex;
	flex-wrap: wrap;
	padding: 100px;
}
/* #f3f3f3 */
.boat-information .box-25, .boat-information .box-100 {
	background-color: #f3f3f3;
}
/* ----  end style for boat -----*/
/* jm */
/* box 33 standard  */
.box-20 {
	border: 1px solid red;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	width: calc(20% - 30px);
	padding: 10px;
}
.box-25 {
	/* border: 1px solid red; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	width: calc(25% - 30px);
	padding: 10px;
}
.box-33 {
	border: 1px solid red;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	width: calc(33% - 30px);
	padding: 10px;
}
.box-50 {
	border: 1px solid red;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	width: calc(50% - 30px);
	padding: 10px;
}
.box-75 {
	border: 1px solid red;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	width: calc(75% - 30px);
	padding: 10px;
}
.box-100 {
	/* border: 1px solid red; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 15px;
	width: calc(100% - 30px);
	padding: 10px;
}
/*  */
.image-container-list{
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	flex: 1;
}
.image-thumb {
	width: 125px;
	height: 100px;
	display: flex;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.image-thumb-big {
	width: 200px;
	height: 160px;
	margin: 0 15px 15px 0;
	border: 1px solid #ccc;
	flex-grow: inherit;
}
.folder-thumb{
	position: relative;
	width: 200px;
	height: 160px;
	margin: 0 15px 15px 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	flex-grow: inherit;
}
.folder-thumb:hover i.fa-folder::before {
	padding-left: 10px;
	content: "\f07c";
}
.folder-thumb:hover{
	opacity: .7;
	text-decoration: none;
}
.box_insert_item:hover:after {
	font-family: "FontAwesome";
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	font-size: 3em;
	height: 100%;
	content: "\f00c";
	color: #fff;
	z-index: 100;
	position: absolute;
	background-color: rgba(0,0,0,.5);
}
.image-container{
	min-height: 48px;
	margin: 20px 10px;
	flex-grow: 1;
	max-width: 200px;
	min-width: 125px;
	border: 1px solid #ccc;
}
.image-container:not(.image-container-add):first-of-type:before{
	content: 'primär';
	position: absolute;
	top: -15px;
	height: 20px;
	width: 100%;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-color: #9A0022;
	z-index: 999;
}
.image-container img{
	position: relative;
	float: left;
}
.image-container .image-settings{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	flex-direction: column;
	justify-content: center;
}
.image-container:hover .image-settings, .image-container .image-settings-add{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-evenly;
}
.image-container .image-settings a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	color: rgba(255,255,255,.5);
}
.image-container .image-settings a:hover{
	text-decoration: none;
	background-color: rgba(0,0,0,.25);
	color: #fff;
}
.image-container.image-background{
	background-size: cover;
	background-position: center;
}
.selected-image-list{
	display: flex;
	flex-wrap: wrap;
	border: 2px dashed #ccc;
	background-color: #EAE8E1;
	padding: 0 5px;
}
.ui-state-highlight{
	content: '';
	background: rgba(217,87,125,.25);
	display: flex;
	border: 2px solid #9A0022;
	width: 125px;
	height: 100px;
	margin: 20px 10px;
	flex-grow: 1;
	max-width: 200px;
	min-width: 125px;
}
.child-wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.previous{
	width: 100%;
	max-width: 750px;
	padding: 0;
	margin: 10px auto 10px;
}
.child{
	width: 100%;
	max-width: 750px;
	background-color: #fff;
	padding: 0;
	margin: 20px auto 20px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
}
.child-head{
	width: 100%;
	background-color: #9A0022;
	padding: 0 20px;
	font-size: 20px;
	color: #fff;
	display: flex;
	justify-content: space-between;
}
.parent-head{
	background-color: #e17900;
}
.child-head h2{
	padding: 20px 0;
	color: #fff;
	text-align: center;
	width: 100%;
}
.child-head div{
	padding: 20px 0;
	color: #fff;
}
.child-head a{
	padding: 13px 0;
	color: #fff;
	font-size: 16px;
}
.child-head a:hover{
	opacity: .7;
}
.child-info{
	width: 100%;
	padding: 20px;
}
.child-subhead{
	width: 100%;
	background-color: #000;
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 20px;
	font-weight: bold;
	color: #fff;
}
.child-subhead-orange{
	width: 100%;
	background-color: #e17900;
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 20px;
	font-weight: bold;
	color: #fff;
}
.child-subinfo-orange{
	width: 100%;
	border: 1px solid #e17900;
	padding: 20px;
}
.child-subinfo{
	width: 100%;
	border: 1px solid #000;
	padding: 20px;
	line-height: 25px;
}
.child-subinfo b i{
	width: 25px;
	text-align: center;
}
.child-foot{
	border-top: 1px solid #E5DECA;
	width: 100%;
	background-color: #F6F4ED;
	padding: 20px;
	text-align: center;
	font-size: 16px;
	color: #000;
	display: block;
}
img{
	max-width: 100%;
	height: auto;
}
.message{
	width: 100%;
	margin: 20px 0;
	padding: 20px;
}
.message-left{
	width: 90%;
	margin-right: 10%;
	background-color: rgba(69,24,4,.2);
	border: 1px solid rgba(69,24,4,.3);
	border-radius: 10px;
}
.message-right{
	width: 90%;
	margin-left: 10%;
	background-color: rgba(198,182,139,.2);
	border: 1px solid rgb(198,182,139);
	border-radius: 10px;
}
.message-body{
	width: 100%;
}
.message-author{
	width: 100%;
	padding-top: 10px;
	margin: 10px 0 -10px 0;
	font-style: italic;
}
.message-left .message-author{
	border-top: 1px dashed rgba(69,24,4,.3);
	color: rgba(69,24,4,.7);
}
.message-right .message-author{
	border-top: 1px dashed rgb(198,182,139);
	color: rgba(69,24,4,.5);
}
.multi-action-container{
	width: auto;
	display: inline-block;
	padding: 10px 20px 0 0;
}
div.table-wrapper {
	overflow-x: auto;
	width: 100%;
}
.application_logo{
	width: 100%;
	max-width: 400px;
	margin: auto;
}
#selected_options{
	max-width: 500px;
}
@keyframes popUp {
	0% {
		bottom: -50px;
		opacity: 0
	}
	10% {
		bottom: -25px;
		opacity: 0.8
	}
	20% {
		bottom: 0px;
		opacity: 0.9
	}
	79% {
		bottom: 0px;
		opacity: 1
	}
	90% {
		bottom: -25px;
		opacity: 0.9
	}
	99% {
		bottom: -50px;
		opacity: 0.8
	}
	100% {
		bottom: -50px;
		opacity: 0
	}
}
@media all and (max-width: 960px) {
	header .profile-menu {
		display: inline-block;
		color: #fff;
	}
	header .profile-menu-action {
		padding-right: 10px;
	}
	section .content {
		padding: 20px;
		background-color: #fff;
		float: left;
		overflow: hidden;
	}
	nav {
		display: none;
		width: 100%;
	}
	.mobile {
		display: inline-block;
	}
	td.mobile, th.mobile {
		display: table-cell;
	}
	.desktop,
	td.desktop,
	th.desktop {
		display: none;
	}
	a.app-menu:link,
	a.app-menu:visited {
		margin: 7px 0 0 0;
		color: #fff;
		float: left;
	}
	header .profile-menu-action {
		position: absolute;
		vertical-align: middle;
		right: 10px;
	}
	header .profile-menu-action .user-image {
		font-size: 35px;
	}
	header .profile-menu-action div {
		display: none;
	}
	header .profile-menu {
		display: none;
	}
	header .Usermenu {
		top: 65px;
	}
	.section-title {
		max-width: 80%;
	}
	.section-update {
		max-width: 20%;
		text-align: right;
		font-size: 25px;
	}
	a.section-action-button:link,
	a.section-action-button:visited {
		padding: 5px;
	}
	table.responsive {
		margin-bottom: 0;
	}
	table.responsive td,
	table.responsive th {
		position: relative;
		white-space: nowrap;
		overflow: hidden;
	}
	/* jm */
	.box-20,.box-25,.box-33,.box-50,.box-75 {
		width: calc(100% - 30px);
	}
}
@media all and (max-width: 550px) {
	header .Usermenu {
		top: 65px;
	}
	header .profile-menu-action .user-image {
		font-size: 28px;
	}
	header .profile-menu-action div {
		display: block;
		top: 2px;
		position: relative;
		margin-right: 0;
	}
	header .profile-menu-action {
		margin: 18px 0;
	}
	.profile-menu-action .Usermenu__icon {
		width: 30px;
		height: 30px;
	}
	.Usermenu__name {
		display: none;
	}
	#modalcontent {
		min-width: 300px;
	}
}
@media screen and (max-width: 800px) {
	.responsive_test {
		min-width: 900px;
	}
	.td-absolute {
		position: absolute;
		width: 200px;
		margin-top: -13px;
		height: 26px;
		display: flex;
		align-items: center;
		border-right: 1px solid #cccccc;
		background-color: #ffffff;
		font-size: 12px;
		left: 20px;
		line-height: 12px;
		padding-left: 4px;
	}
}
/* Responsive */
@media screen and (max-width: 800px) {
	.Header {
		z-index: 2000;
	}
	.Mainmenu__mobilebutton {
		display: block;
	}
	.Mainmenu__mobilebutton.open div:nth-child(1) {
		transform: rotate(45deg);
		top: 20px;
	}
	.Mainmenu__mobilebutton.open div:nth-child(2) {
		opacity: 0;
	}
	.Mainmenu__mobilebutton.open div:nth-child(3) {
		transform: rotate(130deg);
		top: 20px;
	}
}
@media screen and (max-width: 2000px) {
	.list-header-spacer {
		display: none;
	}
}
@media screen and (max-width: 1080px) {
	.list-header {
		flex-direction: row;
	}
	.filter-form .list-header {
		flex-wrap: wrap;
	}
	.filter-form .list-header > div {
		width: 48%;
	}
	.box25 {
		width: 100%;
		min-height: 80px;
	}
}
.flex-wrapper {
	float: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.flex-100 {
	width: 100%;
	/*
	margin: 0 20px 20px 0;
	width: calc(100% - 20px);
	*/
	margin: 0 0 20px 0;
	width: 100%;
}
.flex-66 {
	width: 66.7%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex-50 {
	width: 48%;
	width: calc(50% - 20px);
	margin: 0 20px 20px 0;
}
.flex-33 {
	width: 33.3%;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.flex-25 {
	width: 25%;
	padding-left: 20px;
	display: flex;
	flex-wrap: wrap;
}
.flex-wrapper .content {
	float: none;
}
@media screen and (max-width: 1300px) {
	.flex-66 {
		width: 100%;
	}
	.flex-50 {
		width: 100%;
	}
	.flex-33 {
		width: 100%;
		padding-left: 0;
	}
	.flex-25 {
		width: 50%;
		padding-left: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.flex-wrapper .content {
		float: none;
	}
	.btn-big,
	a.btn-big:link,
	a.btn-big:visited {
		width: 33.3%;
		width: calc(33.3% - 20px);
	}
	.filter-form .list-header > div {
		width: 31%;
	}
}

@media screen and (max-width: 960px) {
	form.signup-form{
		display: block;
	}
	.w50, .w50:nth-child(odd), .w50:nth-child(even){
		width: 100%;
		margin: 0 0 2% 0;
	}
}
@media screen and (max-width: 700px) {
	.btn-big,
	a.btn-big:link,
	a.btn-big:visited {
		width: 50%;
		width: calc(50% - 20px);
	}
}
@media screen and (max-width: 550px) {
	.filter-form .list-header > div {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
	.flex-25 {
		width: 100%;
		padding-left: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.btn-big,
	a.btn-big:link,
	a.btn-big:visited {
		width: 100%;
		width: calc(100% - 20px);
	}
	.Login {
		width: 280px;
	}
}