/* 
              __   __
              __ \ / __
             /  \ | /  \
                 \|/
            _,.---v---._
   /\__/\  /            \
   \_  _/ /              \
     \ \_|           @ __|
      \                \_
       \     ,__/       /
     ~~~`~~~~~~~~~~~~~~/~~~~
*/

@media screen {

	[data-icon]::before {
		vertical-align: middle;
		line-height: 1em;
		margin-right: 0.3em;
		display: inline-block;
		content: '';
		width: 1em;
		height: 1em;
		display: inline-block;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 1em auto;
		margin-top: -0.2em;
	}

	[data-icon='ok']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23009900' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E");
	}

	[data-icon='error']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23990000' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z'/%3E%3C/svg%3E");
	}

	[data-icon='refresh-ok']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23009900' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 12c0 1.042-.154 2.045-.425 3h-2.101c.335-.94.526-1.947.526-3 0-4.962-4.037-9-9-9-1.706 0-3.296.484-4.654 1.314l1.857 2.686h-6.994l2.152-7 1.85 2.673c1.683-1.049 3.658-1.673 5.789-1.673 6.074 0 11 4.925 11 11zm-6.354 7.692c-1.357.826-2.944 1.308-4.646 1.308-4.963 0-9-4.038-9-9 0-1.053.191-2.06.525-3h-2.1c-.271.955-.425 1.958-.425 3 0 6.075 4.925 11 11 11 2.127 0 4.099-.621 5.78-1.667l1.853 2.667 2.152-6.989h-6.994l1.855 2.681zm.354-10.283l-1.421-1.409-5.105 5.183-2.078-2.183-1.396 1.435 3.5 3.565 6.5-6.591z'/%3E%3C/svg%3E");
	}

	[data-icon='refresh-error']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23990000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 12c0 1.042-.154 2.045-.425 3h-2.101c.335-.94.526-1.947.526-3 0-4.962-4.037-9-9-9-1.706 0-3.296.484-4.654 1.314l1.857 2.686h-6.994l2.152-7 1.85 2.673c1.683-1.049 3.658-1.673 5.789-1.673 6.074 0 11 4.925 11 11zm-6.354 7.692c-1.357.826-2.944 1.308-4.646 1.308-4.963 0-9-4.038-9-9 0-1.053.191-2.06.525-3h-2.1c-.271.955-.425 1.958-.425 3 0 6.075 4.925 11 11 11 2.127 0 4.099-.621 5.78-1.667l1.853 2.667 2.152-6.989h-6.994l1.855 2.681zm-.646-5.108l-2.592-2.594 2.592-2.587-1.416-1.403-2.591 2.589-2.588-2.589-1.405 1.405 2.593 2.598-2.593 2.592 1.405 1.405 2.601-2.596 2.591 2.596 1.403-1.416z'/%3E%3C/svg%3E");
	}

	[data-icon='people-add']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23009900' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.644 17.08c2.866-.662 4.539-1.241 3.246-3.682-3.932-7.427-1.042-11.398 3.111-11.398 4.235 0 7.054 4.124 3.11 11.398-1.332 2.455.437 3.034 3.242 3.682 2.483.574 2.647 1.787 2.647 3.889v1.031h-18c0-2.745-.22-4.258 2.644-4.92zm-12.644 4.92h7.809c-.035-8.177 3.436-5.313 3.436-11.127 0-2.511-1.639-3.873-3.748-3.873-3.115 0-5.282 2.979-2.333 8.549.969 1.83-1.031 2.265-3.181 2.761-1.862.43-1.983 1.34-1.983 2.917v.773z'/%3E%3C/svg%3E");
	}

	[data-icon='people-remove']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23990000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.644 17.08c2.866-.662 4.539-1.241 3.246-3.682-3.932-7.427-1.042-11.398 3.111-11.398 4.235 0 7.054 4.124 3.11 11.398-1.332 2.455.437 3.034 3.242 3.682 2.483.574 2.647 1.787 2.647 3.889v1.031h-18c0-2.745-.22-4.258 2.644-4.92zm-12.644 4.92h7.809c-.035-8.177 3.436-5.313 3.436-11.127 0-2.511-1.639-3.873-3.748-3.873-3.115 0-5.282 2.979-2.333 8.549.969 1.83-1.031 2.265-3.181 2.761-1.862.43-1.983 1.34-1.983 2.917v.773z'/%3E%3C/svg%3E");
	}

	[data-icon='trash']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23990000' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M704 1376v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10 2-17 11zm928 32v64q0 14-9 23t-23 9h-96v948q0 83-47 143.5t-113 60.5h-832q-66 0-113-58.5t-47-141.5v-952h-96q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h309l70-167q15-37 54-63t79-26h320q40 0 79 26t54 63l70 167h309q14 0 23 9t9 23z'/%3E%3C/svg%3E");
		font-size: 0.9em !important;
		margin-top: -0.3em;
	}

	[data-icon='calendar']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23666' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 1664h288v-288h-288v288zm352 0h320v-288h-320v288zm-352-352h288v-320h-288v320zm352 0h320v-320h-320v320zm-352-384h288v-288h-288v288zm736 736h320v-288h-320v288zm-384-736h320v-288h-320v288zm768 736h288v-288h-288v288zm-384-352h320v-320h-320v320zm-352-864v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm736 864h288v-320h-288v320zm-384-384h320v-288h-320v288zm384 0h288v-288h-288v288zm32-480v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38h-1408q-52 0-90-38t-38-90v-1280q0-52 38-90t90-38h128v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z'/%3E%3C/svg%3E");
		font-size: 0.9em !important;
		margin-top: -0.3em;
	}

	[data-icon='back']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23666' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");
	}

	[data-icon='loading']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23666' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 22c0 .966-.783 1.75-1.75 1.75s-1.75-.784-1.75-1.75.783-1.75 1.75-1.75 1.75.784 1.75 1.75zm-1.75-22c-1.104 0-2 .896-2 2s.896 2 2 2 2-.896 2-2-.896-2-2-2zm10 10.75c.689 0 1.249.561 1.249 1.25 0 .69-.56 1.25-1.249 1.25-.69 0-1.249-.559-1.249-1.25 0-.689.559-1.25 1.249-1.25zm-22 1.25c0 1.105.896 2 2 2s2-.895 2-2c0-1.104-.896-2-2-2s-2 .896-2 2zm19-8c.551 0 1 .449 1 1 0 .553-.449 1.002-1 1-.551 0-1-.447-1-.998 0-.553.449-1.002 1-1.002zm0 13.5c.828 0 1.5.672 1.5 1.5s-.672 1.501-1.502 1.5c-.826 0-1.498-.671-1.498-1.499 0-.829.672-1.501 1.5-1.501zm-14-14.5c1.104 0 2 .896 2 2s-.896 2-2.001 2c-1.103 0-1.999-.895-1.999-2s.896-2 2-2zm0 14c1.104 0 2 .896 2 2s-.896 2-2.001 2c-1.103 0-1.999-.895-1.999-2s.896-2 2-2z'/%3E%3C/svg%3E");
		animation: spinner 1s steps(8) infinite;
	}

	[data-icon='loading-white']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 22c0 .966-.783 1.75-1.75 1.75s-1.75-.784-1.75-1.75.783-1.75 1.75-1.75 1.75.784 1.75 1.75zm-1.75-22c-1.104 0-2 .896-2 2s.896 2 2 2 2-.896 2-2-.896-2-2-2zm10 10.75c.689 0 1.249.561 1.249 1.25 0 .69-.56 1.25-1.249 1.25-.69 0-1.249-.559-1.249-1.25 0-.689.559-1.25 1.249-1.25zm-22 1.25c0 1.105.896 2 2 2s2-.895 2-2c0-1.104-.896-2-2-2s-2 .896-2 2zm19-8c.551 0 1 .449 1 1 0 .553-.449 1.002-1 1-.551 0-1-.447-1-.998 0-.553.449-1.002 1-1.002zm0 13.5c.828 0 1.5.672 1.5 1.5s-.672 1.501-1.502 1.5c-.826 0-1.498-.671-1.498-1.499 0-.829.672-1.501 1.5-1.501zm-14-14.5c1.104 0 2 .896 2 2s-.896 2-2.001 2c-1.103 0-1.999-.895-1.999-2s.896-2 2-2zm0 14c1.104 0 2 .896 2 2s-.896 2-2.001 2c-1.103 0-1.999-.895-1.999-2s.896-2 2-2z'/%3E%3C/svg%3E");
		animation: spinner 1s steps(8) infinite;
	}

	[data-icon='wait']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23666' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12l-4.463 4.969-4.537-4.969h3c0-4.97 4.03-9 9-9 2.395 0 4.565.942 6.179 2.468l-2.004 2.231c-1.081-1.05-2.553-1.699-4.175-1.699-3.309 0-6 2.691-6 6h3zm10.463-4.969l-4.463 4.969h3c0 3.309-2.691 6-6 6-1.623 0-3.094-.65-4.175-1.699l-2.004 2.231c1.613 1.526 3.784 2.468 6.179 2.468 4.97 0 9-4.03 9-9h3l-4.537-4.969z'/%3E%3C/svg%3E");
	}

	[data-icon='alert']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='orange' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z'/%3E%3C/svg%3E");
		font-size: 0.9em !important;
		margin-top: -0.2em;
	}

	[data-icon='info']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23666' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 128q209 0 385.5 103t279.5 279.5 103 385.5-103 385.5-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103zm128 1247v-190q0-14-9-23.5t-22-9.5h-192q-13 0-23 10t-10 23v190q0 13 10 23t23 10h192q13 0 22-9.5t9-23.5zm-2-344l18-621q0-12-10-18-10-8-24-8h-220q-14 0-24 8-10 6-10 18l17 621q0 10 10 17.5t24 7.5h185q14 0 23.5-7.5t10.5-17.5z'/%3E%3C/svg%3E");
		font-size: 0.9em !important;
		margin-top: -0.2em;
	}

	.notice-box.alert .message[data-icon='alert']::before,
	.notice-box.error .message[data-icon='error']::before,
	.notice-box.ok .message[data-icon='ok']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23cc0000' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z'/%3E%3C/svg%3E");
		font-size: 0.9em !important;
		margin-top: -0.2em;
	}

	.notice-box.error .message[data-icon='error']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23990000' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z'/%3E%3C/svg%3E");
	}

	.notice-box.ok .message[data-icon='ok']::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23009900' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E");
	}


	.notice-box.alert .message,
	.notice-box.error .message,
	.notice-box.ok .message {
		border: 1px solid #cc0000;
		color: #cc0000;
		display: inline-block;
		margin: 15px 0;
		padding: 7px;
	}

	.notice-box.error .message {
		border: 1px solid #990000;
		color: #990000;
		display: inline-block;
		margin: 15px 0;
		padding: 7px;
	}

	.notice-box.ok .message {
		border: 1px solid #009900;
		color: #009900;
		display: inline-block;
		margin: 15px 0;
		padding: 7px;
	}


	@keyframes spinner {
		to {
			transform: rotate(360deg);
		}
	}
	@keyframes reversespinner {
		to {
			transform: rotate(-360deg);
		}
	}

	.day {
		float: left
	}

	table.list {
		border-collapse: separate;
		border: 1px solid #ddd;
		padding: 0px;
		border-radius: 4px;
		overflow: hidden;
		border-spacing: 0;
		height: 30px;
		color: #000;
	}

	table.list th {
		padding: 10px;
		text-align: left;
	}

	table.even-colors tbody tr:nth-child(even) {
		background: #f7f6f5;
	}

	table.odd-colors tbody tr:nth-child(odd) {
		background: #f7f6f5;
	}

	table tbody tr.link:hover {
		background: #e7e7e7;
	}

	table tr.link td {
		padding: 0px;
	}

	table tr.link td a {
		display: block;
		color: #333;
		padding: 10px;
		text-decoration: none;
		height: 100%;
		box-sizing: border-box;
	}

	table tr.link td a {
		display: block;
		color: #333;
		padding: 10px;
		text-decoration: none;
	}

	.slot A, table.cal td.normal A, .slot .closed {
		background-color: #a5e995;
		border-color: #FFF #70b85f #70b85f #FFF;
		background-color: #a5e995;
		border-style: solid;
		border-width: 1px;
		color: #444;
		text-align: center;
		height: 50px;
		position: relative;
		border: 0
	}

	.day .slot A:hover, 
	table.cal td.normal A:hover {
		color: #07622E;
		text-decoration: none;
		background-color: #80d16d;
	}

	.admin .day .slot.closed A:hover .event-info {
		color: #888;
	}



	.slot A:active, table.cal td.normal A:active {
		border-color: #43a72b;
		box-shadow: 0 1px 2px #43a72b inset;
		-moz-box-shadow: inset 0 1px 2px #43a72b;
		-ms-box-shadow: inset 0 1px 2px #43a72b;
		-webkit-box-shadow: inset 0 1px 2px #43a72b
	}

	.day .closed a:active {
		box-shadow: 1px 1px 2px #555555 inset
	}


	.slot A, table.cal td.ledig A {
		text-align: center;
		color: #07622e;
		text-decoration: none;
		display: block;
		position: relative;
		border-color: #FFF #70b85f #70b85f #FFF;
		border-style: solid;
		border-width: 1px
	}

	.block A {
		color: #888
	}

	.admin .name {
		font-size: 10px
	}

	/* Remove extra margin on closed time message */
	.day .slot a > div.event-text {
		margin-top: 0;
	} 
	
	.day .slot a div, 
	.day .slot .closed > div {
		margin-top: 18px
	}
	
	.day .tworows a div {
		margin-top: 6px
	}

	.day .threerows a div {
		margin-top: 0px
	}

	.day .slot div.booked div A {
		margin-top: 8px
	}

	.day .slot A {
		height: 50px;
		display: block;
		cursor: pointer;
		text-align: center
	}


	.day .slot .icons {
		position: absolute;
		right: 0;
		left: 0;
	}


	.admin.open-modal .simplemodal-container .booking-info .booking-message .booking-memo-icon {
		vertical-align: middle;
		display: inline-block;
		fill: #666;
	}

	
	.day .slot .icons .newclient {
		width: 16px;
		height: 16px;
		display: block;
		left: 5%;
		position: absolute;
		top: -10px
	}
	
	 

	.icon {
		background-position: 0 0;
		background-size: 16px auto;
		background-repeat: no-repeat;
	}
	.icon.small {
		background-size: 13px auto !important;
	}
	.icon.small.premium {
		background-size: 14px auto !important;
	}
	.icon.newclient.dark {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='none'  stroke='%239d5968' stroke-width='200' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E");
	}
	
	.icon.newclient.dark.premium {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%239d5968' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E");
	}
	
	.icon.newclient {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='none'  stroke='orange' stroke-width='150' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E");
		background-position: 0 2px;
		color: orange;
		padding-left: 21px;
		margin-left: 5px
	}
	.icon.newclient.premium {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='orange' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E");
	}

	.admin .booking-info .booking-client .client-name A,
	.admin .page-bokning .booking-client .client-name A {
		color: #333;
	}


	.day .slot .icons .message,
	.day .slot .icons .message-memo,
	.day .slot .icons .memo,
	.day .slot .icons .payment-full,
	.day .slot .icons .payment-deposit,
	.day .slot .icons .payment-pending {
		width: 14px;
		display: block;
		height: 14px;
		right: 10%;
		position: absolute;
		top: -11px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 14px auto;
	}

	.day .slot .icons .message {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%239d5968' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 384q-204 0-381.5 69.5t-282 187.5-104.5 255q0 112 71.5 213.5t201.5 175.5l87 50-27 96q-24 91-70 172 152-63 275-171l43-38 57 6q69 8 130 8 204 0 381.5-69.5t282-187.5 104.5-255-104.5-255-282-187.5-381.5-69.5zm896 512q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22h-5q-15 0-27-10.5t-16-27.5v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-174 120-321.5t326-233 450-85.5 450 85.5 326 233 120 321.5z'/%3E%3C/svg%3E");
	}


	.day .slot .icons .message-memo {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%239d5968' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z'/%3E%3C/svg%3E");

	}

	.day .slot .icons .memo {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%239d5968' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1792 896q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-130 71-248.5t191-204.5 286-136.5 348-50.5q244 0 450 85.5t326 233 120 321.5z'/%3E%3C/svg%3E");
	}

	.admin .booking-message .booking-memo-icon {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%23aaa' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 384q-204 0-381.5 69.5t-282 187.5-104.5 255q0 112 71.5 213.5t201.5 175.5l87 50-27 96q-24 91-70 172 152-63 275-171l43-38 57 6q69 8 130 8 204 0 381.5-69.5t282-187.5 104.5-255-104.5-255-282-187.5-381.5-69.5zm896 512q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22h-5q-15 0-27-10.5t-16-27.5v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-174 120-321.5t326-233 450-85.5 450 85.5 326 233 120 321.5z'/%3E%3C/svg%3E");
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 14px auto;
		width: 14px;
		height: 14px;
	}

	.day .slot .icons .payment-full,
	.day .slot .icons .payment-pending,
	.day .slot .icons .payment-deposit {
		color: #9d5968;
		font-size: 12px;
		font-weight: bold;
		height: 13px;
		left: 15%;
		line-height: 13px;
		position: absolute;
		top: -9px;
		width: 13px;
	}

	.admin .day .slot .icons div.newclient ~ div.payment-full {
		left: 15% !important;

	}

	.admin .six .icons .message, .admin .six .icons .message-memo, .admin .six .icons .memo {
		right: 5%
	}

	.admin .seven .icons .message, .admin .seven .icons .message-memo, .admin .seven .icons .memo {
		right: 6%
	}

	.day .s1 A, .day .s1 .closed {
		height: 50px
	}
	
	.day .s2 A, .day .s2 .closed {
		height: 77px;
		padding-top: 25px
	}

	.admin .s2 .icon, .day .s2 .closed icon {
		top: 22px;
	}


	.day .s3 A, .day .s3 .closed {
		height: 101px;
		padding-top: 53px
	}

	.admin .s3 .icon, .day .s3 .closed icon {
		top: 50px;
	}

	.day .s4 A, .day .s4 .closed {
		height: 130px;
		padding-top: 76px
	}

	.admin .s4 .icon, .day .s4 .closed icon {
		top: 73px;
	}

	.class-slots .day a div:not(.event-text) {
		margin: 11px 2px 0;
		font-weight: bold
	}

	.class-slots .tworows a div {
		margin: 29px 2px 0
	}

	.class-slots .threerows a div {
		margin: 22px 2px 0
	}

	.class-slots .day a div .event-text {
		margin-top: 0px;
		font-weight: normal;
		font-size: 14px
	}

	.class-slots .day a div .event-info {
		font-weight: normal;
		font-size: 13px
	}

	.class-slots .day A, .class-slots .day A:hover, .class-slots .day A:active {
		height: 102px;
		padding-top: 0px
	}

	.day .c1 A, .day .c1 div {
		height: 35px
	}

	.day .c1 a div, .client-calendar .day .booked div div {
		margin-top: 8px
	}

	.client-calendar div.header:hover {
		cursor: default
	}

	.client-calendar .day .booked div {
		color: #A97777;
		text-shadow: none;
		background: none;
		font-size: 12px;
		cursor: default
	}

	.wide {
		padding-top: 50px;
		padding-bottom: 50px;
		width: 100%;
		overflow: hidden;
		border: none;
		text-align: center;
		font-weight: bold
	}

	.day .booked A, table.cal td.full A {
		background-color: #FCB8B8;
		border-color: #FFF #e19292 #e19292 #FFF;
		color: #733;
		text-align: center;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none
	}

	.day .show_booking A {
		background-image: none;
		background-color: #FFA7A7;
		border: 1px solid #D26868;
		box-shadow: 0 1px 2px #D26868 inset;
		-moz-box-shadow: 0 1px 2px #D26868 inset;
		-ms-box-shadow: 0 1px 2px #D26868 inset;
		-webkit-box-shadow: 0 1px 2px #D26868 inset;
	}

	.day .show_booking A div {
		color: #773333;
		text-shadow: none;
	}

	.day .show_booking.closed A {
		background-image: none;
		background-color: #cbcbcb;
		border: 1px solid #888;
		box-shadow: 0 1px 2px #888 inset;
		-moz-box-shadow: 0 1px 2px #888 inset;
		-ms-box-shadow: 0 1px 2px #888 inset;
		-webkit-box-shadow: 0 1px 2px #888 inset;
	}
	
	.day .show_booking.closed A div {
		color: #888;
		text-shadow: none;
	}


	.client-calendar .day .booked div, .client-calendar .day .booked div:hover, .client-calendar .day .booked div:active {
		background-color: #FCB8B8;
		text-align: center;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		border: 1px solid #F0A1A1;
		border-top: 1px solid #FCB8B8;
		border-left: 1px solid #FCB8B8
	}

	.client-calendar .day .booked div div,
	.client-calendar .day .booked div div:hover,
	.client-calendar .day .booked div div:active {
		background-color: transparent;
		text-align: center;
		border: none
	}

	.client-calendar .day .first .booked div {
		border-left: 1px solid #F0A1A1
	}

	.client-calendar .day .first .booked div div {
		border-left: none
	}

	table.cal td.full A {
		text-align: center;
		color: #07622e;
		text-decoration: none;
		display: block;
		position: relative;
		border-color: #FFF #e19292 #e19292 #FFF;
		border-style: solid;
		border-width: 1px
	}

	.day .booked A:hover, table.cal td.full A:hover {
		background-image: none;
		background-color: #ffa7a7
	}

	.day .booked A:active, table.cal td.full A:active {
		border-color: #d26868;
		box-shadow: 0 1px 2px #d26868 inset;
		-moz-box-shadow: inset 0 1px 2px #d26868;
		-ms-box-shadow: inset 0 1px 2px #d26868;
		-webkit-box-shadow: inset 0 1px 2px #d26868
	}

	.day .booked A {
		text-align: center;
		color: #733;
		text-decoration: none;
		overflow: hidden;
	}

	.day .booked A:hover {
		color: #733
	}

	.unbookable A, .day.disabled .unbookable a.popup-disabled:hover {
		background-color: #a5e995;
		border-color: #FFF #70b85f #70b85f #FFF;
		background-color: #a5e995;
		border-style: solid;
		border-width: 1px;
		color: #444;
		text-align: center;
		position: relative
	}

	.unbookable A:hover {
		background-color: #7fd06c;
	}

	.unbookable A:active {
		border-color: #43a72b;
		box-shadow: 0 1px 2px #43a72b inset;
		-moz-box-shadow: inset 0 1px 2px #43a72b;
		-ms-box-shadow: inset 0 1px 2px #43a72b;
		-webkit-box-shadow: inset 0 1px 2px #43a72b
	}

	.unbookable A, .day.disabled .unbookable a.popup-disabled:hover {
		text-align: center;
		color: #07622e;
		text-decoration: none;
		display: block;
		position: relative
	}


	.day .passed A, .day .closed A, table.cal td.tom A, .day.disabled .passed a.popup-disabled:hover {
		background-color: #d7d7d7;
		border-color: #FFF #bbb #bbb #FFF;
		text-align: center
	}

	.day .passed A:hover, .day .closed A:hover, table.cal td.tom A:hover {
		background-image: none;
		background-color: #cbcbcb
	}

	.day .passed A:active, .day .closed A:active, table.cal td.tom A:active {
		border-color: #888;
		box-shadow: 0 1px 2px #888 inset;
		-moz-box-shadow: inset 0 1px 2px #888;
		-ms-box-shadow: inset 0 1px 2px #888;
		-webkit-box-shadow: inset 0 1px 2px #888
	}

	.day .passed A, .day .closed A, .day .closed div {
		text-align: center;
		color: #888;
		text-decoration: none
	}

	.day .passed A:hover {
		color: #555
	}

	.day div .closed {
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		position: relative;
		cursor: default;
		background-color: #d7d7d7;
		border-width: 1px;
		border-style: solid;
		border-color: #FFF #bbb #bbb #FFF;
		text-align: center
	}

	.day div .closed div,
	.day div .closed div:hover,
	.day div .closed div:active {
		background-color: transparent;
		text-align: center;
		border: none
	}

	.admin .view:not(.class-slots) .closed > A {
		pointer-events: none;
	}

	.admin .closed > A .open-icon {
		pointer-events: auto;
	}

	.admin #selectheader {
		flex: 1 1 0;

		padding-right: 15px;
		order: 2;
	}

	.admin #selectheader .service-select {
		width: 100%;

	}

	.day .break, .day .break:hover {
		background: none;
		border: 1px solid #F3F3F3;
		height: 50px
	}

	.day .booked div.c {
		height: 38px;
		margin-top: -19px;
		position: absolute;
		top: 50%;
		width: 100%
	}

	.overlay {
		display: none;
		background-color: #f3f3f3;
		border-right: 1px solid #FFF
	}

	.overlay:hover {
		display: block;
		background-color: #f3f3f3;
		border-right: 1px solid #FFF
	}

	.admin .close-icon, 
	.admin .open-icon, 
	.admin .loading-icon {
		cursor: pointer;
		display: inline-block;
		height: 16px;
		left: auto;
		padding: 5px;
		position: absolute;
		right: 5px;
		top: -4px;
		width: 16px;
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: center center;
	}


	.admin .class-slots .open-icon {
		display: none;
	}
	
	.admin .open-icon {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%23888' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M416,352l96-111.9h-64.7c-2.3-27.9-10.5-54-23.5-77.3c-27.4-49.2-75.8-85.1-133-95.6c-0.7-0.1-1.5-0.3-2.2-0.4 c-0.5-0.1-0.9-0.2-1.4-0.2C277.1,64.9,266.6,64,256,64c-0.1,0-0.3,0-0.4,0c0,0,0,0,0,0c-90.9,0.2-167,63.6-186.7,148.6 c0,0,0,0.1,0,0.1c-0.3,1.1-0.5,2.2-0.7,3.3c-0.1,0.5-0.2,0.9-0.3,1.4c-0.1,0.7-0.3,1.4-0.4,2.1c-0.2,0.9-0.3,1.7-0.5,2.6 c-0.1,0.4-0.1,0.7-0.2,1.1c-0.2,1.2-0.4,2.4-0.6,3.6c0,0.1,0,0.1,0,0.2c-1,6.3-1.6,12.7-1.9,19.1c0,0.3,0,0.6,0,0.8 c-0.1,1.4-0.1,2.7-0.2,4.1c0,1.6-0.1,3.3-0.1,5c0,1.7,0,3.3,0.1,5c0,1.4,0.1,2.7,0.2,4.1c0,0.3,0,0.6,0,0.9c0.3,6.5,1,12.9,1.9,19.1 c0,0.1,0,0.1,0,0.2c0.2,1.2,0.4,2.4,0.6,3.6c0.1,0.4,0.1,0.7,0.2,1.1c0.2,0.9,0.3,1.8,0.5,2.6c0.1,0.7,0.3,1.4,0.4,2.1 c0.1,0.5,0.2,1,0.3,1.4c0.2,1.1,0.5,2.2,0.7,3.2c0,0,0,0.1,0,0.1c19.7,85,96.1,148.4,187.1,148.6c42.9-0.1,83.1-14.2,116.9-40.7 l7.5-5.9l-43.2-46.2l-6.2,4.6c-22.1,16.3-47.5,24.2-75,24.2c-70.6,0-128-57-128-128c0-71,57.4-128,128-128 c66.4,0,122.8,46.6,129.5,112H312L416,352z'/%3E%3C/svg%3E");
	}

	.admin .open-icon:hover {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%23000' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M416,352l96-111.9h-64.7c-2.3-27.9-10.5-54-23.5-77.3c-27.4-49.2-75.8-85.1-133-95.6c-0.7-0.1-1.5-0.3-2.2-0.4 c-0.5-0.1-0.9-0.2-1.4-0.2C277.1,64.9,266.6,64,256,64c-0.1,0-0.3,0-0.4,0c0,0,0,0,0,0c-90.9,0.2-167,63.6-186.7,148.6 c0,0,0,0.1,0,0.1c-0.3,1.1-0.5,2.2-0.7,3.3c-0.1,0.5-0.2,0.9-0.3,1.4c-0.1,0.7-0.3,1.4-0.4,2.1c-0.2,0.9-0.3,1.7-0.5,2.6 c-0.1,0.4-0.1,0.7-0.2,1.1c-0.2,1.2-0.4,2.4-0.6,3.6c0,0.1,0,0.1,0,0.2c-1,6.3-1.6,12.7-1.9,19.1c0,0.3,0,0.6,0,0.8 c-0.1,1.4-0.1,2.7-0.2,4.1c0,1.6-0.1,3.3-0.1,5c0,1.7,0,3.3,0.1,5c0,1.4,0.1,2.7,0.2,4.1c0,0.3,0,0.6,0,0.9c0.3,6.5,1,12.9,1.9,19.1 c0,0.1,0,0.1,0,0.2c0.2,1.2,0.4,2.4,0.6,3.6c0.1,0.4,0.1,0.7,0.2,1.1c0.2,0.9,0.3,1.8,0.5,2.6c0.1,0.7,0.3,1.4,0.4,2.1 c0.1,0.5,0.2,1,0.3,1.4c0.2,1.1,0.5,2.2,0.7,3.2c0,0,0,0.1,0,0.1c19.7,85,96.1,148.4,187.1,148.6c42.9-0.1,83.1-14.2,116.9-40.7 l7.5-5.9l-43.2-46.2l-6.2,4.6c-22.1,16.3-47.5,24.2-75,24.2c-70.6,0-128-57-128-128c0-71,57.4-128,128-128 c66.4,0,122.8,46.6,129.5,112H312L416,352z'/%3E%3C/svg%3E");
	}

	.admin .slot .close-icon {
		display: none;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%2337925e' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z'/%3E%3C/svg%3E");
	}

	.admin .slot.passed .close-icon {
		display: none;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%23888' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z'/%3E%3C/svg%3E");
	}

	.admin .close-icon:hover {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%2307622e' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z'/%3E%3C/svg%3E");
	}

	.admin .slot.passed .close-icon:hover {
		display: none;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%23444' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M437.5,386.6L306.9,256l130.6-130.6c14.1-14.1,14.1-36.8,0-50.9c-14.1-14.1-36.8-14.1-50.9,0L256,205.1L125.4,74.5 c-14.1-14.1-36.8-14.1-50.9,0c-14.1,14.1-14.1,36.8,0,50.9L205.1,256L74.5,386.6c-14.1,14.1-14.1,36.8,0,50.9 c14.1,14.1,36.8,14.1,50.9,0L256,306.9l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C451.5,423.4,451.5,400.6,437.5,386.6z'/%3E%3C/svg%3E");
	}

	table.highlightrows td A.close-link {
		color: #006ABD;
		text-align: right
	}

	.admin .loading-icon {
		background: transparent url('/img/ajaxload2.gif?1') no-repeat 50% 50%
	}

	.admin .slot .loading-icon {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='512' fill='%23000' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M416,352l96-111.9h-64.7c-2.3-27.9-10.5-54-23.5-77.3c-27.4-49.2-75.8-85.1-133-95.6c-0.7-0.1-1.5-0.3-2.2-0.4 c-0.5-0.1-0.9-0.2-1.4-0.2C277.1,64.9,266.6,64,256,64c-0.1,0-0.3,0-0.4,0c0,0,0,0,0,0c-90.9,0.2-167,63.6-186.7,148.6 c0,0,0,0.1,0,0.1c-0.3,1.1-0.5,2.2-0.7,3.3c-0.1,0.5-0.2,0.9-0.3,1.4c-0.1,0.7-0.3,1.4-0.4,2.1c-0.2,0.9-0.3,1.7-0.5,2.6 c-0.1,0.4-0.1,0.7-0.2,1.1c-0.2,1.2-0.4,2.4-0.6,3.6c0,0.1,0,0.1,0,0.2c-1,6.3-1.6,12.7-1.9,19.1c0,0.3,0,0.6,0,0.8 c-0.1,1.4-0.1,2.7-0.2,4.1c0,1.6-0.1,3.3-0.1,5c0,1.7,0,3.3,0.1,5c0,1.4,0.1,2.7,0.2,4.1c0,0.3,0,0.6,0,0.9c0.3,6.5,1,12.9,1.9,19.1 c0,0.1,0,0.1,0,0.2c0.2,1.2,0.4,2.4,0.6,3.6c0.1,0.4,0.1,0.7,0.2,1.1c0.2,0.9,0.3,1.8,0.5,2.6c0.1,0.7,0.3,1.4,0.4,2.1 c0.1,0.5,0.2,1,0.3,1.4c0.2,1.1,0.5,2.2,0.7,3.2c0,0,0,0.1,0,0.1c19.7,85,96.1,148.4,187.1,148.6c42.9-0.1,83.1-14.2,116.9-40.7 l7.5-5.9l-43.2-46.2l-6.2,4.6c-22.1,16.3-47.5,24.2-75,24.2c-70.6,0-128-57-128-128c0-71,57.4-128,128-128 c66.4,0,122.8,46.6,129.5,112H312L416,352z'/%3E%3C/svg%3E");
		-webkit-animation: load3 1.4s infinite linear;
		animation: load3 1.4s infinite linear;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: center center;
	}

	/* Legend */
	.legend, .legend-small {
		text-align: center;
		margin-top: 10px;
		zoom: 1;
	}

	.legend div, .legend-small div {
		display: inline-block;
		width: 40px;
		height: 20px;
		margin: 0 5px 0 20px;
		border: 1px solid #aaa;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: #a5e995;
	}

	.legend-small div {
		width: 20px;
		height: 20px;
		margin: 0 5px 0 8px
	}

	.legend p, .legend-small p {
		margin: 0 13px 0 2px;
		display: inline-block;
		font-size: 13px;
		color: #666
	}

	.legend div.legend-unbookable {
		background-color: #a5e995;
		background-position: 17px 0
	}

	.legend div.legend-booked, .legend-small div.legend-booked {
		background-color: #fcb8b8;
	}

	.legend div.legend-closed, .legend-small div.legend-closed {
		background-color: #d7d7d7;
	}

	.pilarmini {
		width: 100%;
	}

	/* Class spaces */
	.class-red, .class-green-3, .class-green-2, .class-green-1, .class-gray {
		background: url(/img/class-spaces.png);
		width: 37px;
		height: 11px;
		display: block;
		margin: 4px 0;
		line-height: 0
	}

	.class-green-1 {
		background-position: 0 0
	}

	.class-green-2 {
		background-position: 0 -11px
	}

	.class-green-3 {
		background-position: 0 -22px
	}

	.class-red {
		background-position: 0 -33px
	}

	.class-gray {
		background-position: 0 -44px
	}

	table.class-list td A {
		color: #007A00
	}

	table.class-list td.icons A {
		width: 55px;
		padding-right: 0
	}

	table.class-list td.time A {
		width: 55px;
		padding-left: 0;
		padding-right: 10px;
		text-align: right
	}

	table.class-list td.title A {
		width: 275px;
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
	}

	table.class-list .booked td.title A {
		font-weight: normal
	}

	table.class-list td.info A {
		width: 150px;
		font-size: 14px;
		color: #666;
		padding-left: 15px;
		padding-right: 0
	}

	table.class-list .closed td A,
	table.class-list .closed td.info A,
	table.class-list tr.completed A,
	table.class-list tr.completed td.info A,
	table.class-list tr.closed .title A,
	table.class-list tr.closed td.title A,
	table.class-list tr.completed td.title A {
		color: #bbb;
		font-weight: normal
	}

	table.class-list tr.in-progress A, table.class-list tr.in-progress td.info A {
		color: #bbb;
	}

	table.class-list tr.in-progress {
	}

	table.class-list tr.in-progress:hover {
		background-color: #e0e0e0
	}

	table.class-list #showmore, table.class-list #showmore-link A {
		width: 520px;
		color: #444
	}

	table.class-list #showmore {
		border-radius: 4px;
		margin-top: 20px;
		display: block;
		border-width: 1px;
		border-color: #ccc
	}

	table.class-list .booked td A {
		color: #ee6269
	}

	.client-calendar h2.class-future, h2.class-future span {
		color: #bbb;
		font-weight: normal;
		font-size: 13px
	}

	/*--------------- Subscription ---------------*/
	.admin.page-account.subpage-subscription h2 {
		padding-top: 40px;
	}

	.admin.page-account.subpage-subscription .tc-news h2 {
		font-size: 30px;
	}
	.admin.page-account.subpage-subscription .tc-news {
		padding: 20px;
		margin-bottom: 20px;
		border: 0 !important;
		background-image: url('/img/1000_spring_bg.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		max-width: 400px !important;
		text-align: center;
	}
	.admin.page-account.subpage-subscription .tc-news .inner {
		background-color: white;
		padding: 20px;
	}
	.admin.page-account.subpage-subscription h2:nth-child(1) {
		padding-top: 0px;
	}

.admin.page-account.subpage-subscription .money-back-guarantee {
	width:25%;
	margin-top: 20px;
	float:right;
	text-align:center;
	}




	/*------------------------------------------ */
	/*               Calendar                    */
	/*------------------------------------------ */
	#toolbar-calendar {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}

	#toolbar-calendar #selectheader .service-info {
		line-height: 36px;
	}

	table.prevnext {
		font-size: 120%;
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 4px
	}

	table.cal {
		width: 100%;
		border-spacing: 0
	}

	table.cal td.normal {
		text-align: left;
		vertical-align: middle;
		height: 36px;
		width: 12.5%;
		padding: 0;
		margin: 0;
		line-height: 36px
	}

	table.cal td.tom A {
		background-color: #d7d7d7;
		border-color: #FFF #bbb #bbb #FFF;
		border-style: solid;
		border-width: 1px;
		text-align: center;

	}

	table.cal td .siffra {
		font-size: 140%;
		font-weight: bold
	}

	table.cal td.dag, table.cal td.sondag {
		border: 0
	}

	table.cal .sondag {
		color: red
	}

	table.cal .normal A {
		color: #fefefe
	}

	table.cal td A:active {
		box-shadow: 0 1px 2px #666 inset;
		-moz-box-shadow: inset 0 1px 2px #666;
		-ms-box-shadow: inset 0 1px 2px #666;
		-webkit-box-shadow: inset 0 1px 2px #666
	}

	table.cal td.bokad A {
		background-color: #ffc
	}

	table.cal td.bokad a:hover {
		background-color: #ff9
	}

	table.cal td.full A {
		background-color: #fcc;
		background-color: #fcb8b8;
		color: #733
	}

	table.cal td.full a:hover {
		background-color: #f99;
		color: #000
	}

	table.cal td.tom a:hover {
		background-color: #BBB;
		color: #000
	}

	table.cal td.other {
		background-color: #f7f7f7;
		border-bottom: 1px solid #ccc
	}

	table.cal td.passerad {
		background-color: #ddd
	}

	table.cal td.passerad a:hover {
		background-color: #aaa
	}

	table.cal td.week {
		background-color: #f7f7f7;
		vertical-align: middle;
		color: #999;
		font-size: 11px;
		border: 1px solid #ccc;
		border-width: 0px 1px 1px 1px
	}

	table.cal thead td {
		background-color: #fff
	}

	table.cal thead th {
		font-weight: normal;
		border: 1px solid #bbb;
		border-color: #ccc;
		border-width: 1px 1px 1px 0;
		padding: 3px 0 5px;
		height: 40px
	}

	table.cal thead th:first-child {
		-moz-border-radius: 6px 0 0;
		-webkit-border-radius: 6px 0 0;
		border-radius: 6px 0 0;
		border-color: #ccc;
		border-width: 1px
	}

	table.cal thead th:last-child {
		-moz-border-radius: 0 6px 0 0;
		-webkit-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0
	}

	table.cal td.other:last-child {
		border-right: 1px solid #ccc
	}

	table.cal td.normal a {
		display: block;
		height: 38px;
		color: #000;
		font-weight: normal;
		padding: 0px;
		text-decoration: none;
		text-align: center
	}

	table.cal td.today A, table.cal td.ledig A:active, table.cal td.full A:active, table.cal td.tom A:active {
		border-color: #555;
		box-shadow: 1px 1px 2px #555 inset;
		-moz-box-shadow: inset 1px 1px 2px #555;
		-ms-box-shadow: inset 1px 1px 2px #555;
		-webkit-box-shadow: inset 1px 1px 2px #555
	}

	table.cal td.holiday a, table.cal td.holiday a:hover, table.cal td.holiday a:active, .view .header .holiday, .view .header .holiday:hover, .view .header .holiday:active {
		color: #f92e2e;
		font-weight: bold;
	}

	.view .header .weekday span.holiday {
		font-weight: normal;
	}

	table.cal td.selected A {
		border-color: #000;
		height: 34px;
		border-width: 3px;
		line-height: 34px
	}

	table.cal td.selected A {
		font-weight: bold;
		text-shadow: none
	}

	.admin .name-small {
		font-size: 13px
	}

	.admin .name {
		font-size: 14px
	}

	table.cal td.normal a:hover {
		text-decoration: none
	}

	a {
		color: #369;
		background-color: transparent;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline
	}

	ul {
		margin-top: 0px;
		margin-left: 100px
	}

	ul.normal {
		margin-top: 10px;
		margin-left: 40px
	}

	ul.normal li {
		margin-bottom: 6px
	}

	ol {
		margin-top: 0px;
		margin-left: 100px
	}

	ol li {
		margin-left: 20px;
		margin-bottom: 6px
	}

	h2.first, h3.first, h4.first, h5.first, h6.first {
		margin-top: 0
	}

	legend {
		color: #777;
		font-size: 110%;
		font-weight: bold
	}

	ul.lista {
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 113px
	}

	ul.lista li {
		margin-bottom: 8px
	}

	ul.varning {
		color: red;
		margin-top: 35px;
		margin-bottom: 35px;
		margin-left: 140px
	}

	ul.normal {
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 25px
	}

	ul.normal li {

		margin-top: 0px;
		margin-bottom: 0px
	}

	.obs {
		border: 1px solid #999;
		padding: 4px;
		background-color: #fee;
		margin-top: 20px;
		margin-bottom: 20px
	}

	.obs h4 {
		margin: 0
	}

	.miniobs {
		width: 300px;
		border: 1px solid #999;
		padding: 4px;
		background-color: #fee;
		margin-top: 20px;
		margin-bottom: 20px
	}

	.obs h4 {
		margin: 0
	}

	.disabledradio {
		color: #999
	}

	.blek {
		color: #666;
		font-style: oblique
	}

	.gray {
		color: #888
	}

	.bigdate {
		font-size: 140%;
		font-weight: normal;
		color: #666
	}

	/* Required fields */
	span.red {
		color: #FF5050
	}

	span.green {
		color: #007A00
	}

	.redtext {
		color: #EE6269
	}

	.small {
		font-size: 90%;
		color: #888
	}

	.xsmall {
		font-size: 80%;
		color: #555
	}

	.foretag {
		font-size: 110%;
		font-weight: bold;
		margin-bottom: 7px
	}

	.leftfloat {
		float: left;
		margin-right: 20px
	}

	#rightwrapper {
		float: right;
		width: 360px;
		padding: 0;
		margin-top: 70px
	}

	#rightmenu {
		width: 200px;
		float: right;
		margin: 0 0 0 15px;
		border: 0px solid #999;
		padding: 0px;
		line-height: 24px;
		text-align: right;
		width: auto;
		order: 4;
	}

	#rightmenublank {
		width: 200px;
		float: right
	}

	.rightinfo {
		width: 200px;
		float: right;
		margin: 5px;
		border: 1px solid #999;
		padding: 4px;
		background-color: #C9E4FF;
		margin-bottom: 20px
	}

	.rightinfo h1 {
		font-size: 140%;
		color: #409BD8;
		font-weight: bold;
		padding: 0;
		margin: 4px
	}

	.rightinfo p {
		margin: 4px
	}

	.clearfloat {
		clear: both
	}

	.valign {
		vertical-align: 20%
	}

	p.warn {
		color: #e80;
		padding-left: 2em;
		font-weight: bold;
		margin: 0
	}

	.redwarn {
		color: #EE6269;
		font-weight: bold
	}

	.green {
		color: #FFA800;
		font-weight: bold
	}

	.pris {
		font-size: 140%;
		color: #409BD8;
		margin: 15px
	}

	.foretaghead {
		font-size: 32px;
		font-weight: bold;
		display: inline;
		line-height: 79px;
		padding: 0;
		margin: 0 0 0 20px;
		text-shadow: 0px 2px 3px #555;
		color: #fff
	}

	.foretaghead a, .foretaghead a:hover {
		color: #FFF;
		text-decoration: none
	}

	.tooltip {
		padding: 7px;
	}

	small {
		font-size: 80%
	}

	#bread {
		font-size: 90%;
		margin-bottom: 10px;
		padding-bottom: 6px;
		border-bottom: 1px solid #ddd
	}

	#bread .blek {
		color: #aaa
	}

	hr {
		background: #ccc;
		border: 0;
		color: #ccc;
		height: 1px
	}

	.onlyprint, .dold {
		display: none;
	}

	img {
		border: 0;
		vertical-align: middle
	}

	.hand {
		cursor: pointer
	}

	/*------------------------------------------ */
	/*                Dialogs                    */
	/*------------------------------------------ */
	.margin p {
		padding-left: 10px;
		padding-right: 10px
	}

	.msgbox_main {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.msgbox li {
		margin-bottom: 8px
	}

	.msgbox, .msgbox_main, .dialogmini, .book-client-info, #headerwarnuser {
		border: 1px solid #999;
		background-color: #fff;
		padding: 15px;
		margin-bottom: 20px;
		border-radius: 0;
		box-shadow: 0 1px 1px #FFF inset;
		background-color: #fff
	}

	.dialogmini {
		box-sizing: border-box;
		width: 100%;
	}

	div.dialogmini.tc-news #newsdiv .hide-message {
		border-top: 1px solid #ddd;
		box-sizing: border-box;
		display: block;
		padding: 20px 15px 5px;
		width: 100%;
		text-align: center;
	}

	.msgbox, .msgbox_main {
		padding: 7px;
		width: 340px
	}

	.msgbox h3, .msgbox_main h3 {
		margin: 0;
		color: #000;
		padding: 4px;
		font-size: 120%;
		font-weight: bold
	}

	.msgbox p, .msgbox_main p {
		margin: 0;
		margin-top: 8px;
		margin-bottom: 8px;
		margin-right: 3px
	}

	.msgbox ul, .dialogmini ul {
		margin-top: .5em;
		margin-left: 2em;
		padding: 0
	}

	.msgboximg {
		width: 32px;
		margin-top: 8px;
		margin-left: 4px;
		margin-bottom: 10px
	}

	.msgboxtext {
		top: 0px;
		margin-top: 4px;
		margin-bottom: 8px;
		margin-right: 4px;
		margin-left: 48px
	}

	.msgboxgreen {
		background-color: #efe
	}

	.msgboxgreen h3 {
		background: #cdc
	}

	#addwarn {
		margin-top: 20px
	}

	.booking-client {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.booking-phone a, .booking-mail a {
		text-decoration: none;
		color: #000;
		xpadding-top: 3px;
		xpadding-bottom: 3px;
		display: block;
	}

	.booking-receipt {
		padding-bottom: 20px;
	}

	.client-name, .client-phone, .client-mail {
		font-size: 16px;
		line-height: 23px;
		font-weight: bold
	}

	.client-mail {
		font-weight: normal;
		font-size: 14px
	}

	.client-phone {
		color: #888
	}

	.booking-buttons {
		margin-top: 20px;
		line-height: 33px
	}

	.memo-holder {
		padding-top: 10px;
	}

	.booking-memo {
		margin-bottom: 13px;
		float: right;
		width: 47%
	}

	.booking-memo textarea {
		height: 56px;
		width: 290px;
		border-style: solid;
	}

	.booking-memo IMG {
		padding-bottom: 3px
	}

	.booking-buttons .button {
		margin-right: 15px
	}


	.booking-payment {
		/*
  margin-top:20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 10px;
  */
	}

	.booking-payment .payment-label {
		color: white;
		font-size: 11px;
		font-weight: bold;
		border-radius: 2px;
		padding: 5px 5px;
		white-space: nowrap;
		text-decoration: none;
	}

	.booking-payment .payment-label.paid {
		background-color: #65c93e;
	}

	.booking-payment .payment-label.pending {
		background-color: #ea0;
	}

	.booking-payment .payment-label.reference {
		background-color: #ddd;
	}

	.booking-payment .payment-label.unpaid {
		background-color: #c00;
	}

	.booking-payment .payment-amount {
		font-weight: bold;
		margin-left: 10px;
	}

	.booking-payment .payment-extra-info {
		display: inline-block;
		margin-left: 10px;
	}

	.booking-payment .payment-date {
		display: inline-block;
		float: right;
		color: #999;
		font-size: 12px;
	}

	.payment_status_info1 {
		background: #fbc0cf;

	}
	.payment_status_info2 {
		background: #ffccaa;
	}
	.payment_status_info1,.payment_status_info2 {
		font-size: 10px;
		padding: 0 3px;
		line-height: 12px;
		display: inline-block;
		margin-top: 2px;
		margin-right: 2px;
		max-width: 30px;
	}

	.client-page, .booking-client {
		margin-bottom: 20px;
		margin-top: 4px;
		padding: 0;
		border-collapse: collapse;
		line-height: 23px
	}

	table.client-page {
		margin-bottom: 0;
		margin-top: 20px;
		line-height: 19px
	}

	.client-page td {
		padding: 0 10px 9px 0
	}


	.booking-message {
		width: 320px
	}

	.mp-booking {
		color: #999;
		line-height: 24px;
		margin-bottom: 7px;
		margin-left: 10px;
	}

	.booking-button-holder .print-booking {
		line-height: 32px;
	}

	.mp-booking img {
		vertical-align: top;
	}


	/*------------------------------------------ */
	/*       Sign in big and small               */
	/*------------------------------------------ */
	.loginbox2 {
		margin-top: 25px;
		margin-bottom: 25px
	}

	/*------------------------------------------ */
	/*       Control panel  */
	/*------------------------------------------ */
	table.kundrutor td.greybox {
		background-color: #eee;
		border: 1px solid #ccc;
		padding: 15px
	}

	.kundrutor td.greybox img {
		border: 0;
		float: left;
		padding-left: 0;
		padding-right: .8em
	}

	table.kundrutor td.null {
		border: 0;
		background-color: #FFF
	}

	/* Search MATCHES */
	#matches {
		background-color: #fff;
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 20px;
		left: 40px;
		width: 350px;
		border: 1px solid #ccc;
		display: none;
		border-radius: 7px;
	}

	#matches b {
		background: #FF9
	}

	#matches table {
		font-size: 12px;
		border: 0;
	}

	#matches table td {
		padding: 4px;
		border: 0;
		text-align: left;
	}

	#matches table td A {
		text-decoration: none;
	}

	#matches thead {
		font-size: 10px;
		background-color: #eee
	}

	#matches tr.linkon {
		background: #ff9
	}

	.nospace {
		margin: 0px
	}

	#wrapper {
		position: relative
	}

	/*------------------------------------------ */
	/*             Install guide                 */
	/*------------------------------------------ */
	table.guide td {
		font-size: 110%;
		background-color: #eee;
		border: 1px solid #ccc;
		padding: 10px
	}

	table.guide td p {
		margin-top: 5px;
		font-size: 80%
	}

	.guide img {
		border: 0;
		float: left;
		padding-left: 0;
		padding-right: .8em;
		width: 48px;
		height: 48px
	}

	.guide img.check {
		border: 0;
		float: right;
		padding-left: 10px;
		padding-right: .8em;
		padding-bottom: 10px;
		width: 32px;
		height: 32px;
		margin-top: 10px
	}

	table.guide td.null {
		border: 0;
		background-color: #FFF
	}

	/*------------------------------------------ */
	/*                Tables                     */
	/*------------------------------------------ */
	table.lista tr.thead td, 
	table.lista tr.thead:hover td,
	.v-data-table table tr.thead td,
	.v-data-table table tr.thead:hover td {
		font-weight: bold;
		color: #999;
		font-size: 85%;
		background-color: #f7f6f5;
		padding: 10px 10px 5px 15px
	}
	.v-data-table.clickable table tr td {
		cursor: pointer;
	}
	.v-data-table table tr.clickable td {
		cursor: pointer;
	}

	.v-data-table table th,
	.v-data-table table td,
	table.lista td {
		vertical-align: middle;
		padding: 10px 10px 10px 15px
	}

	.v-data-table.auto-width table {
		width: auto;
	}
	
	.v-data-table table,
	table.lista {
		padding: 10px;
		border-collapse: collapse;
		margin-bottom: 0px;
		height: 30px;
		color: #000;
	}

	table.lista.sortable {
		clear: both;
	}

	table.tight {
		padding: 0;
		margin: 0;
		border-collapse: separate;
		color: #EE6269
	}

	table.noline td {
		border-bottom: 0
	}

	.class-list-container h2 {
		padding-left: 15px
	}

	table.lista table.notlista td {
		padding: 4px;
		border-bottom: 0px solid #ccc
	}

	.lista .row1 td {
		background-color: #f7f6f5
	}

	.class-list .lista .row1 {
		background-color: #fff
	}

	table .lista, table.class-list {
		border-collapse: collapse;
		background-color: #fff
	}


	table.lista thead th {
		font-weight: bold;
		padding: 5px 15px;
		text-align: left;
	}


	table.class-list tbody {
		border: 0
	}

	table.class-list td {
		border-top: 1px solid #e4e4e4
	}

	table.class-list tr {
		border-bottom: 1px solid #e4e4e4
	}

	table.highlightrows tr:not(.nolink):hover td, .lista .rowselect td {
		text-decoration: none;
		color: #000;
		border-color: #DDD #AAA #CCC;
		background-color: #f0efee;
		background-image: none;
		overflow: hidden
	}

	table.class-list tr:hover td {
		background-color: #f2f2f2
	}

	table.class-list tr:active td {
		background-color: #e7e7e7
	}

	table.class-list tr:hover {
		background-color: #f7f6f5;
		border-bottom: 1px solid #e4e4e4;
		overflow: hidden
	}

	#showmore {
		padding-top: 15px;
		background-color: #FFF
	}

	#showmore A {
		width: 740px;
		text-align: center
	}

	.class-list-container #showmore, .class-list-container #showmore A, .class-list-container #showmore-loader {
		width: 484px
	}

	#showmore-loader {
		display: none;
		margin-left: auto;
		margin-right: auto;
		background: url(../img/ajax-loader-2.gif?1) no-repeat center center;
		height: 36px;
	}

	table.highlightrows td {
		padding: 0
	}

	.lista .lastrow td {
		border-top: 1px solid #000
	}

	table.lista img {
		border: 0;
		vertical-align: middle
	}


	table.highlightrows A {
		text-decoration: none;
		display: block;
		cursor: pointer;
		padding: 10px 15px 10px 15px;
		color: #000
	}

	table.highlightrows tr.nolink td > div {
		text-decoration: none;
		display: block;
		cursor: default;
		padding: 10px 15px 10px 15px;
		color: #000
	}

	table.lista.compact thead tr th {
		padding: 5px 10px;
	}
	table.lista.compact tbody tr td {
		padding: 5px 10px;
		font-size: 12px;
	}

	.subpage-personal table.highlightrows A {
		padding: 6px 15px;
	}

	.subpage-personal .mail-change-message {
		color: #666;
		font-size: 13px;
		padding-bottom: 15px;
	}

	.desktop.admin.page-account.subpage-stats select,
	.desktop.admin.page-account.subpage-export select {
		width: 300px;
	}

	html.mp.desktop #main-content.page-login .inner,
	html.mp.desktop #main-content.page-forgotpass #loginformdiv,
	html.desktop.sales-page.page-login .page-login #loginformdiv,
	html.desktop.page-forgotpass .page-forgotpass #loginformdiv {
		margin: 0 auto;
		width: 50%;
		min-width: 500px;
		border: 1px solid #ddd;
		padding: 25px;
		display: inline-block;
		text-align: left;
		background-color: #fff;
	}


	html.mp.desktop .content.page-login,
	html.mp.desktop .content.page-forgotpass,
	html.mp.desktop.page-login body,
	html.mp.desktop.page-forgotpass body,
	html.mp.desktop .content-with-menu.page-login,
	html.mp.desktop .content-with-menu.page-forgotpass,
	html.desktop.sales-page.page-forgotpass .content.page-forgotpass,
	html.desktop.sales-page.page-login .content.page-login {
		background-color: #f7f6f5;
	}

	html.mp.desktop #main-content.page-login,
	html.mp.desktop #main-content.page-forgotpass,
	html.desktop.sales-page.page-forgotpass #main.page-forgotpass,
	html.desktop.sales-page.page-login #main.page-login {
		text-align: center;
	}


	html.mp.desktop #main-content.page-login #newfooter,
	html.desktop.sales-page.page-login #newfooter.page-login,
	html.desktop.sales-page.page-forgotpass #newfooter.page-forgotpass {
		display: none;
	}


	td.first A {
		color: #006ABD
	}

	table.infobox {
		border: 1px solid #000;
		background-color: #eee;
		padding: 4px
	}

	.indrag {
		margin-left: 2em
	}

	.v-data-table table,
	table.lista {
		border-collapse: separate;
		border: 1px solid #ddd;
		padding: 0px;
		border-radius: 4px;
		overflow: hidden;
		border-spacing: 0
	}

	/*
	table.lista tr:first-child td:first-child {
		border-top-left-radius: 4px;
		overflow: hidden
	}

	table.lista tr:first-child td:last-child {
		border-top-right-radius: 4px
	}

	table.lista tr:last-child td:first-child {
		border-bottom-left-radius: 4px
	}

	table.lista tr:last-child td:last-child {
		border-bottom-right-radius: 4px
	}
	

	.class-list table.lista td {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	 */

	/* Calendar list */
	TABLE.cal-list {
		table-layout: fixed;
	}

	.cal-list .cal-name {
		width: 40%;
	}

	.cal-list .cal-name A, .cal-list .cal-schedule A, .cal-list .cal-services A, .cal-list .cal-staff A {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		white-space: nowrap;
	}

	.cal-list .cal-schedule {
		width: 18%
	}

	.cal-list .cal-services {
		width: 18%
	}

	.cal-list .cal-staff {
		width: 24%
	}


	/* Opening hours */
	.timesel {
		width: 70px
	}

	.support {
		border: 1px solid #999;
		background-color: #eee
	}

	.support thead {
		background-color: #ddd
	}

	.padsmall {
		padding-bottom: 30px
	}

	.padmed {
		padding-bottom: 50px
	}

	.padbig {
		padding-bottom: 60px
	}

	.kundinfo {

		background-color: #eee;
		border: 1px solid #999;
		padding: 4px
	}

	.kundinfo.disabled {
		border: 1px solid #999;
		background-color: #eee;
		color: #000;
		height: 18px
	}

	/*--------------------Checkout---------*/
	#kvitto .delsumma, #summa .delsumma {
		text-align: right;
		font-weight: bold
	}

	#kvitto input {
		background-color: transparent;
		border: 1px solid #aaa;
		padding: 2px
	}

	#kassavarn {
		margin-top: 10px;
		border: 1px dotted #99f;
		background-color: #eef;
		font-size: 80%;
		color: #446;
		padding: 4px
	}

	/*------- Print receipts ---------*/
	.kvittocontainer {
		border: 1px solid #ddd;
		background-color: #f9f9f9;
		width: 250px;
		text-align: center;
		padding: 8px
	}

	.kvittorub {
		font-size: 17pt;
		font-weight: bold;
		line-height: 90%;
		margin-bottom: 4px
	}

	.kvittoadr {
		font-size: 9pt;
		line-height: 110%
	}

	.kvittorub {
		font-size: 18pt
	}

	.kvittosub1 {
		font-size: 14pt;
		font-weight: bold;
		padding-bottom: 7px
	}

	.kvittosub2 {
		font-size: 11pt
	}

	.kvittotabell {
		text-align: left
	}

	.kvittobordertop td {
		border-top: 2px solid #000
	}

	#submitdiv1 {
		border: 1px solid #999;
		background-color: #eee;
		color: #666;
		padding: 4px;
		width: 150px
	}

	.img16 {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		padding-right: 8px
	}

	.rightfloat {
		float: right;
		margin-left: 10px
	}

	.tooltipsy {
		width: 273px;
		cursor: pointer;
		display: -moz-inline-stack;
		display: inline-block;
		padding: 10px;
		position: relative;
		text-align: left;
		border-radius: 4px;
		box-shadow: 0px 0 5px #999;
		background-color: #FCFCFC;
		border: 1px solid #AAA
	}


	.tooltipsy {
		width: 200px;
	}

	.tooltipsy:after, .tooltipsy:before {
		top: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.tooltipsy:after {
		border-color: rgba(252, 252, 252, 0);
		border-top-color: #fcfcfc;
		border-width: 7px;
		left: 50%;
		margin-left: -7px;
	}

	.tooltipsy:before {
		border-color: rgba(170, 170, 170, 0);
		border-top-color: #aaaaaa;
		border-width: 8px;
		left: 50%;
		margin-left: -8px;
	}

	.tooltipsy-side:after, .tooltipsy-side:before {
		left: 100%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		margin-left: 0;
	}

	.tooltipsy-side:after {
		border-left-color: #FCFCFC;
		border-width: 7px;
		top: 50%;
		margin-top: -8px;
	}

	.tooltipsy-side:before {
		border-left-color: #AAA;
		left: 100%;
		border-width: 8px;
		top: 50%;
		margin-top: -9px
	}


	.tooltipsy .client-time {
		line-height: 20px;
		font-size: 14px;
		font-weight: bold;
	}

	.tooltipsy .client-service {
		line-height: 20px;
		font-size: 14px;
	}

	.tooltipsy .client-phone {
		font-weight: normal;
		color: #000;
		font-size: 14px;
	}

	.tooltipsy .client-message {
		margin-top: 7px;
		line-height: 17px;
		font-size: 12px;
		padding-left: 20px;
		background: transparent url('/img/16_message-small.png') no-repeat top left;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%23AAA' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 384q-204 0-381.5 69.5t-282 187.5-104.5 255q0 112 71.5 213.5t201.5 175.5l87 50-27 96q-24 91-70 172 152-63 275-171l43-38 57 6q69 8 130 8 204 0 381.5-69.5t282-187.5 104.5-255-104.5-255-282-187.5-381.5-69.5zm896 512q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22h-5q-15 0-27-10.5t-16-27.5v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-174 120-321.5t326-233 450-85.5 450 85.5 326 233 120 321.5z'/%3E%3C/svg%3E");

		background-position: top left;
		background-repeat: no-repeat;
		background-size: 16px auto;
	}

	.tooltipsy .client-memo {
		color: #666;
		line-height: 17px;
		margin-top: 7px;
		font-size: 12px;
		padding-left: 20px;
		background: transparent url('/img/16_memo-small.png') no-repeat top left;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%23AAA' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1792 896q0 174-120 321.5t-326 233-450 85.5q-70 0-145-8-198 175-460 242-49 14-114 22-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10 4.5-9.5l6-9 7-8.5 8-9q7-8 31-34.5t34.5-38 31-39.5 32.5-51 27-59 26-76q-157-89-247.5-220t-90.5-281q0-130 71-248.5t191-204.5 286-136.5 348-50.5q244 0 450 85.5t326 233 120 321.5z'/%3E%3C/svg%3E");

		background-position: top left;
		background-repeat: no-repeat;
		background-size: 16px auto;
	}

	.tooltipsy .messages {
		margin-top: 15px
	}

	/* Fix styles */
	a img, :link img, :visited img, fieldset, abbr {
		border: 0
	}

	h1, h2, h3, h4, h5, h6, pre, code, small, address {
		font-size: 100.01%;
		font-weight: normal;
		font-style: normal
	}

	h1, h2, h3, h4, h5, h6, body, html, ul, ol, li, pre, form, p, blockquote, fieldset, input, dl, dt, dd {
		margin: 0;
		padding: 0
	}

	/* Fix FF scrollbar content jump */
	html {
		-webkit-font-smoothing: subpixel-antialiased;
		overflow: -moz-scrollbars-vertical !important;
		overflow-x: visible !important;
		height: 100%;
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	small {
		font-size: .9em
	}

	textarea, input, select {
		font-family: Arial, helvetica, sans-serif;
		font-size: 100%;
		color: #000
	}

	input, textarea {
		padding: 6px;
		line-height: 16px
	}

	textarea {
		height: 40px;
		overflow-x: hidden;
		overflow-y: auto;
		width: 272px
	}


	input[type="password"], 
	input[type="text"], 
	input[type="tel"], 
	input[type="number"], 
	input[type="email"], 
	textarea, .booking-memo textarea:focus {
		border-radius: 4px;
		border: 1px solid #bbb;
		border-color: #bbb;
		background-color: #fff;
		box-shadow: none;
		outline: none;
	}

	/* Hide number spinener */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	/* Firefox */
	input[type=number] {
		-moz-appearance: textfield;
	}
	input[type="password"]:focus, 
	input[type="text"]:focus, 
	input[type="tel"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus, 
	input:not([type]):focus, 
	textarea:focus {
		outline: none;
		border: 1px solid #1eb4cc;
		box-shadow: 0 0 1px rgba(30, 180, 204, 1);
	}


	input[type=range] {
		-webkit-appearance: none;
		margin: 10px 0;
		width: 100%;
		float: left;
	}

	input[type=range]:focus {
		outline: none;
	}

	input[type=range]::-moz-focus-outer {
		border: 0;
	}

	input[type=range]::-webkit-slider-runnable-track {
		width: 100%;
		height: 10px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		background: #f5f5f5;
		border-radius: 25px;
		border: 1px solid #ccc;
	}

	input[type=range]::-webkit-slider-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #aaa;
		height: 25px;
		width: 25px;
		border-radius: 25px;
		background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
		cursor: pointer;
		-webkit-appearance: none;
		margin-top: -8px;
	}

	input[type=range]:focus::-webkit-slider-runnable-track {
		background: #999;
	}

	input[type=range]::-moz-range-track {
		width: 100%;
		height: 10.7px;
		cursor: pointer;
		animate: 0.2s;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		background: #f5f5f5;
		border-radius: 25px;
		border: 1px solid #ccc;
		background-clip: padding-box;
	}

	input[type=range]::-moz-range-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #aaa;
		height: 25px;
		width: 25px;
		border-radius: 25px;
		background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
		cursor: pointer;
		background-clip: padding-box;
	}

	input[type=range]::-ms-track {
		width: 100%;
		height: 10px;
		cursor: pointer;
		animate: 0.2s;
		background: transparent;
		border-color: transparent;
		border-width: 39px 0;
		color: transparent;
	}

	input[type=range]::-ms-fill-lower {
		background: #eee;
		border: 0px solid #ccc;
		border-radius: 25px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}

	input[type=range]::-ms-fill-upper {
		background: #eee;
		border: 0px solid #ccc;
		border-radius: 25px;
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	}

	input[type=range]::-ms-thumb {
		box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
		border: 1px solid #ccc;
		height: 25px;
		width: 25px;
		border-radius: 7px;
		background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
		cursor: pointer;
	}

	input[type=range]:focus::-ms-fill-lower {
		background: #eee;
	}

	input[type=range]:focus::-ms-fill-upper {
		background: #eee;
	}


	input.searchfield:focus {
		outline: none;
		border: 0;
		box-shadow: none;
	}

	.placeholder {
		color: #999;
		position: absolute;
		left: 8px;
		top: 6px;
		overflow-x: hidden;
		display: block;
		cursor: text;
	}

	::-webkit-input-placeholder {
		color: #999;
	}

	:-moz-placeholder {
		color: #999;
		opacity: 1;
	}

	::-moz-placeholder {
		color: #999;
		opacity: 1;
	}

	:-ms-input-placeholder {
		color: #999;
	}

	input[type="checkbox"] {
		vertical-align: middle;
		padding: 0;
		margin: 0;
		width: 16px;
		height: 16px;
	}

	input:not([type]) {
		border-radius: 4px;
		border: 1px solid #bbb;
		background-color: #fff;


	}

	.sales-page.page-reg input:not([type]) {
		width: 100%;
		box-sizing: border-box;
	}

	select {
		font-family: arial, helvetica, sans-serif;
		color: #000;
		padding: 4px;
		padding-left: 0px;
		line-height: 21px;
		font-size: 14px
	}

	select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}

	:focus {
		outline: none;
	}

	::-moz-focus-inner {
		border: 0;
	}

	select {
		border: 1px solid #ccc;
		border-radius: 1px;
		color: #333;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		height: 36px;
		line-height: 34px;
		max-width: 500px;
		overflow: hidden;
		padding: 0 30px 0 7px;
		text-align: left;
		text-decoration: none;
		text-overflow: ellipsis;
		vertical-align: middle;
		white-space: nowrap;

		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath fill='%23888' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/g%3E%3C/svg%3E");
		background-position: right 12px center;
		background-repeat: no-repeat;
		background-size: 12px auto;
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
		-webkit-user-select: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
		user-select: none;
		border-radius: 4px;
	}

	.disabled-select {
		line-height: 34px;
		padding: 0;
	}

	select::-ms-expand {
		display: none;
	}

	#selectheader select option {
		padding-left: 10px;
	}

	#selectheader select optgroup:first-child {
		padding-top: 5px;
	}

	#selectheader select optgroup {
		font-family: arial, helvetica, sans-serif;
		border-bottom: 1px solid #eee;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		font-style: normal;
		padding: 10px 0 10px 5px;
	}


	.typeahead {
		background-color: #fff;
	}

	.typeahead:focus {
		border: 2px solid #0097cf;
		outline: none;
	}

	.tt-query {
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.tt-hint {
		color: #999
	}

	.tt-menu {
		width: 100%;
		min-width: 200px;
		text-align: left;
		overflow: hidden;
		background-color: #fff;
		border: 1px solid #d7d7d7;
		border-radius: 4px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	}

	.tt-suggestion {
		padding: 4px 5px;
		vertical-align: middle;
		line-height: 20px;
	}

	.tt-suggestion.tt-cursor, .tt-suggestion:hover {
		color: #000;
		background-color: #f2f2f2;
		cursor: pointer;
		overflow: hidden;
	}

	.tt-get-my-location.tt-suggestion.tt-selectable {
		color: #14aac1;
	}

	.tt-get-my-location.tt-suggestion.tt-selectable svg {
		vertical-align: top;
	}

	/* End fix styles */
	.container, .container2 {
		width: 420px;
		float: left;
		margin: 15px 35px 10px 25px;
		padding: 0
	}

	.container-fixed {
		margin: 0 0 0 20px;
		width: auto;
	}

	.container2 {
		margin: 15px 0 10px 35px;
	}

	#prova-tidsbokning-online {
		width: 378px;
		background: #fff url(../img/tidsbokning-online.jpg) no-repeat center bottom;
		height: 199px;
		color: #000;
		padding: 0;
		margin: 0
	}

	#free-trial-scheduling-software {
		width: 378px;
		height: 199px;
		color: #000;
		padding: 0;
		margin: 0;
		background: #fff url(../img/scheduling-software-start.jpg) no-repeat center bottom
	}

	#free-trial-scheduling-software-gb {
		width: 378px;
		height: 199px;
		color: #000;
		padding: 0;
		margin: 0;
		background: #fff url(../img/scheduling-software-gb.jpg) no-repeat center bottom
	}

	#content-nomenu {
		float: left;
		margin: 15px 5px 10px 30px;
		width: 95%;
		padding: 0
	}


	.sales-page #content-nomenu {
		margin: 15px 0;
		padding: 0;
		width: 100%;
	}

	#vanliga-fragor {
		padding: 15px 0 0;
		color: #000;
		margin: 0;
		display: block
	}

	#start-citat {
		margin: 0 5px 0 0;
		padding: 0
	}

	#slut-citat {
		margin: 0 0 0 5px;
		padding: 0
	}

	#referenser {
		padding: 18px 0 2px;
		_padding: 13px 0 2px;
		color: #000;
		height: 156px
	}

	#referens-namn {
		color: #888;
		margin-bottom: 15px
	}

	.referens-citat {
		line-height: 1.5em;
		float: right;
		padding: 0 40px
	}

	.referens-citat-big {

		font-size: 1.5em;
		font-weight: bold;
		color: #aaa
	}

	#center-container {
		float: left;
		width: 339px;
		margin: 15px 0 0 10px;
		padding: 0;
		color: #000
	}

	#main-content {
		padding: 0;
		padding: 16px 15px 20px 16px;
		color: #000;
		display: table-cell;
	}


	.left-box {
		background: #FFF url(../img/box/left-box-middle.gif?1) repeat-y left;
		width: 375px;
		margin: 0;
		padding: 0;
		color: #000
	}

	.left-box-top {
		background-image: url(../img/box/left-box-top.gif?1);
		background-repeat: no-repeat;
		background-position: left top;
		margin: 0;
		padding: 7px 0 0 15px
	}

	.left-box-bottom {
		overflow: hidden;
		width: 375px;
		height: 10px;
		margin: 0;
		padding: 0;

		background-image: url(../img/box/left-box-bottom.gif?1);
		background-repeat: no-repeat;
		background-position: left top
	}

	.box {
		background: #FFF url(../img/box/box-middle.gif?1) repeat-y left;
		width: 339px;
		margin: 0;
		padding: 0;
		color: #000
	}

	.box-top {
		background-image: url(../img/box/box-top.gif?1);
		background-repeat: no-repeat;
		background-position: left top;
		width: 339px;
		margin: 0;
		padding: 7px 0 0 15px
	}

	.box-bottom {
		overflow: hidden;
		width: 339px;
		height: 10px;
		margin: 0;
		padding: 0;

		background-image: url(../img/box/box-bottom.gif?1);
		background-repeat: no-repeat;
		background-position: left top
	}

	#tidbokning-online {
		padding: 0;
		color: #000
	}

	#tidbokning-online H1 {
		font-size: 1.8em;
		line-height: 1.3em;
		color: #358ed6;
		margin: 0;
		padding: 0
	}

	#calcprice {
		padding: 15px 0 0
	}

	#dittpris {
		padding: 15px 0
	}

	#pris-index {
		padding: 20px 5px 10px 0;
		_padding: 19px 5px 10px 0;
		color: #000;
		margin: 0
	}

	#pris {
		color: #000;
		margin: 0
	}

	/* Delete after .com launch*/
	#prislapp {
		color: #ba0000;
		font-size: 2em;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 10px
	}

	.bigprice {
		color: #ba0000;
		font-size: 3em;
		font-size: 34px;
		line-height: 34px;
		font-weight: bold;
		margin: 0;
		padding: 0
	}

	#checkmarks {
		margin-top: 10px;
		margin-bottom: 5px
	}

	.checkbox {
		line-height: 40px;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-top: 3px;
		vertical-align: middle
	}

	#right-container {
		float: left;
		margin: 15px 10px 0 0;
		_margin: 15px 5px 0 0;
		width: 197px;
		padding: 0
	}

	#demobutton {
		margin: 0 0 6px;
		_margin: 0 0 10px;
		padding: 0
	}

	.showImageNotText {

		width: 100%;

		height: 100%;

		display: block;

		text-indent: -9000px
	}

	.kontaktlabel {
		float: right
	}

	.valigntop {
		vertical-align: top
	}

	.kontaktmeddelandelabel {
		margin-top: 5px
	}

	.kontaktmeddelande {
		width: 400px;
		height: 100px
	}

	.kontaktinput, .kontaktinputHovered {

		width: 200px;
		margin-top: 2px;
		margin-bottom: 2px
	}

	.kontakttextarea {
		width: 200px
	}

	table tr.underline td {
		border-bottom: 1px solid #CCC;
		padding: 7px 0
	}


	.rottpris {
		color: #BA0000;
		font-weight: bold
	}

	.ordpris {
		text-decoration: overline
	}

	/* NAVIGATION */
	#topmenu {
		padding: 0;
		margin: 0 auto;
		position: relative;
		display: block;
		height: 34px;
		background-color: #f5f5f5;
		font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #ddd
	}

	.sales-page #topmenu,
	html.demo:not(.admin) #topmenu {
		width: 100%;
		height: 42px;
		background-color: #f5f5f5;
		background-image: none;
		border: 0 none;
		box-sizing: border-box;
		color: #333;
		font-family: "Helvetica neue", Arial, sans-serif;
		font-size: 13px;
		height: 42px;
		letter-spacing: 0.3px;
		margin: 0;
		padding: 0 10px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
		z-index: 9;
		border: none;
	}


	.sales-page #topmenu ul,
	html.demo:not(.admin) #topmenu ul {
		margin: 0 auto;
		max-width: 1136px;
		width: auto;
	}

	.sales-page #topmenu ul li,
	html.demo:not(.admin) #topmenu ul li {
		border: none;
		position: relative;
	}

	.sales-page #topmenu ul li A,
	html.demo:not(.admin) #topmenu ul li A {
		padding: 12px 18px 0;
		color: #666;
		text-transform: uppercase;
	}

	#topmenu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: auto
	}

	#topmenu ul li {
		display: block;
		float: left;
		margin: 0
	}


	#topmenu ul li a:hover {
		background-color: #eee;
	}

	.mp #topmenu ul li a:hover,
	.sales-page #topmenu ul li a:hover {
		background-color: transparent;
	}

	.mp #topmenu ul li a:before,
	.sales-page #topmenu ul li a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: 7px;
		left: 0;
		background-color: #666;
		visibility: hidden;
		width: calc(100% - 30px);
		margin-left: 15px;
	}

	.mp #topmenu ul li a:hover:before,
	.sales-page #topmenu ul li a:hover:before {
		visibility: visible;
	}


	#topmenu ul li.selected, #topmenu ul li.selected:hover, #topmenu ul li.selected:active, #topmenu ul li:active {
		border-right-color: #ccc;
	}

	#topmenu ul li.selected a,
	#topmenu ul li.selected a:hover,
	#topmenu ul li.selected a:active,
	#topmenu ul li a:active {
		background-color: #e5e4e3;
	}

	.mp #topmenu ul li.selected a,
	.mp #topmenu ul li.selected a:hover,
	.mp #topmenu ul li.selected a:active,
	.mp #topmenu ul li a:active {
		background-color: transparent;
	}


	#topmenu ul li a {
		display: block;
		float: left;
		color: #000;
		text-decoration: none;
		padding: 7px 18px 0;
		height: 27px;
	}

	#topmenu .loggainut {
		float: right;
		border: 0;
	}

	#topmenu .flag {
		float: right;
		background: transparent url(../img/top-menu-divider.gif?1) no-repeat top right
	}

	#topmenu ul li.inloggadsom, #topmenu ul li.inloggadsom:hover, #topmenu ul li.inloggadsom:active {
		display: block;
		float: right;
		color: #818181;
		text-decoration: none;
		padding: 9px 15px 0;
		height: 25px;
		font-weight: normal;
		background: none;
		border-right-color: #D7D7D7;
		cursor: default
	}

	#topmenu ul li.ordernow a {
		background-color: #fedc36;
		text-shadow: none;
	}

	#topmenu ul li:hover {
		background: none;
		background-color: none;
	}

	#topmenu ul li.ordernow a:hover {
		background-color: #ffe13b;
	}

	#topmenu ul li.ordernow-active a {
		background-color: #fedc36;
		color: #6d3e00;
		text-shadow: none;
	}

	#topmenu ul li.ordernow a:active {
		background-color: #f8d630;
		color: #6d3e00;
		text-shadow: none;
	}

	#topmenu li.ordernow A {
		color: #6d3e00;
	}


	#username_link A.popdown .companyname:after {
		display: inline-block;
		background-image: url('/img/images@2x.png?13');
		background-position: -6px -31px;
		background-repeat: no-repeat;
		background-size: 250px 250px;
		height: 16px;
		margin-left: 1px;
		margin-top: 14px;
		width: 13px;
		cursor: pointer;
		vertical-align: top;
		content: "";
	}


	#tc-header {
		z-index: 12;
	}

	.global-start .previous-bookings-button {
		padding: 15px 0 0 0;
		display: inline-block;
	}

	.global-start .logout {
		display: block;
		padding: 15px 30px;
	}

	.mybusiness {
		font-weight: bold;
		float: right;
	}

	.start-profile .logout {
		display: block;
		text-align: center;
	}

	.mp .start-bookings .content .header-buttons {
		display: none;
	}

	.mp.desktop.start-bookings, .mp.desktop.start-profile body {
		background-color: #fff;
	}

	.mp.desktop.start-bookings div.headline {
		margin-top: 30px;
	}

	.mp.desktop.start-bookings div.headline.nomargintop {
		margin-top: 0px;
	}


	div.global-switcher {
		position: absolute;
		right: 0;
		top: 41px;
		background: #fff;
		border: 1px solid #ccc;
		border-top: 0;
		line-height: 20px;
		text-align: left;
		padding: 0px;
		z-index: 100000;
		display: none;
		width: auto;
		border-radius: 0 0 0 5px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		width: 100%;
	}

	div.global-switcher h2 {
		font-size: 16px;
		font-weight: bold;
		padding: 5px 10px;
		xpadding-bottom: 0px;
		margin-bottom: 0;
	}

	div.global-switcher h3 {
		font-size: 14px;
		font-weight: normal;
		padding: 5px 10px;
		xpadding-bottom: 0px;
		margin-bottom: 0;
		color: #ccc;
	}

	.header-buttons span.booking-count {
		background-color: #eb3b38;
		border-radius: 20px;
		color: white;
		xdisplay: inline-block;
		display: none;
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		margin: 0 auto;
		text-align: center;
		text-shadow: none;
		width: 18px;
		z-index: 100;
	}


	x.header-buttons div.username A::before {
		background-color: transparent;
		background-image: url("/img/images@2x.png?13");
		background-origin: content-box;
		background-position: -45px -180px;
		background-repeat: no-repeat;
		background-size: 225px 225px;
		content: "";
		display: inline-block;
		height: 24px;
		padding-right: 5px;
		position: relative;
		vertical-align: middle;
		width: 24px;
	}


	#username_link.multiple-companies .show-client-view {
		border-bottom: 1px solid #ccc;
	}

	.loggainut .username {
		color: #aaa;
	}

	.loggainut .username-divider {
		color: #777;
	}

	#username_link .username {
		color: rgba(255, 255, 255, 0.7);
	}

	#username_link .username-divider {
		color: rgba(255, 255, 255, 0.4);
	}


	html.desktop .header-buttons > div {
		display: inline-block;
		position: relative;
	}


	html.desktop.admin .header-buttons #username_link .popdown {
		box-sizing: border-box;
		display: block;
		position: relative;
		min-width: 155px;
	}

	div.global-switcher a:hover {
		background-color: #dddddd;
		color: black;
		border-radius: 0;
		text-decoration: none;
	}

	div.global-switcher a {
		color: black;
		text-shadow: none;
		display: block;
		padding: 10px 33px 10px 17px;
		padding: 10px 13px;
		border-radius: 0;
	}

	div.global-switcher a.logout {
		color: #999;
	}

	/*----------------------------

LEFTMENU
--------------------------------*/
	#left-menu-container {
		margin: 0;
		padding: 10px 0;
		border-right: 1px solid #e5e5e5;
		background-color: #f7f6f5;
		clear: both;
		height: 100%;
		display: table-cell;
		position: relative;
		vertical-align: top;
		border-radius: 0 0 0 5px;
	}

	#left-menu-container A.button {
		margin-left: 17px;
		margin-top: 9px
	}

	.leftmenu IMG {
		padding: 0 7px 3px 5px;
		vertical-align: middle
	}

	.leftmenu {
		font-size: 100%;
		width: 155px;
		margin: 0;
		padding: 0
	}

	ul.leftmenu {
		margin: 0;
		padding: 0;
		list-style: none;
		text-decoration: none
	}

	ul.leftmenu li {
		line-height: 22px;
		margin: 0;
	}

	ul.leftmenu li A {
		white-space: nowrap;
		font-weight: normal;
		color: #000;
		display: block;
		overflow: hidden;
		padding: 7px 0 7px 15px;
		text-decoration: none;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		border-left: 1px solid transparent;
	}


	ul.leftmenu li A:hover {
		background-color: #eee;
		overflow: hidden;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		_border: 0;
		color: #000;
		text-decoration: none
	}

	ul.leftmenu li.selected A:hover {
		background-color: #fff;
		background-image: none;
		overflow: hidden;
		border: none;
		border-left: 1px solid #fff;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		zoom: 1
	}

	.longname ul.leftmenu li.calendar A {
		line-height: 19px;
		font-size: 12px
	}

	ul.leftmenu li.calendar A {
		white-space: normal;
		padding-right: 9px;
		padding-left: 17px
	}

	ul.leftmenu li.selected A {
		background-image: none;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		border-left: 1px solid #fff;
		border-right: 1px solid #ddd;
		color: #000;
		font-weight: bold;
		overflow-x: hidden;
		overflow-y: hidden;
		zoom: 1;
		margin-right: -1px;
		display: block
	}

	ul.leftmenu li.place {
		font-size: 12px;
		font-weight: bold;
		line-height: 22px;
		padding-left: 13px;
		padding-right: 9px;
		padding-top: 20px;
		color: #aaa;
		overflow-x: hidden;
		overflow-y: hidden;
		zoom: 1;
		cursor: default;
		display: block;
	}

	span.place {
		font-weight: bold;
		color: #aaa;
	}


	ul.leftmenu li.place:first-child {
		padding-top: 0;
		border: 0;
	}

	ul.leftmenu li sup {
		color: darkorange;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
	}

	/* MAIN BODY
---------------------------------------------------------------------------------------------------------------------------------------------------*/
	a img {
		border: none
	}

	body {
		background-color: #f7f6f5;
		padding: 0;
		font-family: arial, helvetica, sans-serif;
		font-size: 14px;
		color: #000;
		line-height: 19px;
		margin: 0pt auto;
		width: 100%;
		height: 100%
	}

	.content {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		border-top: 0;
		margin: 0 auto 20px auto;
		color: #aaa;
		overflow: hidden;
		border-radius: 0 0 10px 10px;
		padding: 0;
	}

	.content-with-menu {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		border-top: 0;
		margin: 0 auto 20px auto;
		border-radius: 0 0 5px 5px;
		color: #ccc;
		padding: 0;
	}


	.desktop.sales-page .content {
		width: 100%;
		border: none;
	}

	.desktop.sales-page .content .container-fixed {
		margin: 0 auto;
		max-width: 1100px;
		padding: 0 25px;
	}

	.desktop.sales-page.page-reg .content {
		background-color: #f9f8f7;
	}

	.desktop.sales-page.page-reg #newfooter {
		display: none;
	}

	/* HEADER
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
	#header {
		margin: 0 auto;
		background: #0A5FAF url(/img/tc-logo.jpg) no-repeat scroll center top;
		background-size: 972px 79px;
		height: 79px;
		color: #FFF;
		padding: 0;
		display: block;
	}


	#tc-header {
		text-align: center;
		height: 40px;
		margin: 0 auto;
		background-color: #0c77c3;
		background-size: 100% 100%;
		background-image: none;
		background-color: #007aca;
		background-color: #0b80ce;
		background-color: #000;
		background-color: #fff;
		position: relative;
		z-index: 10;
		-webkit-transform: translate3d(0, 0, 0);
		border-bottom: 1px solid #eee;
	}

	#tc-header #tc-logo {
		width: 125px;
		height: 27px;
		background-color: #ff9;
		background-color: transparent;
		background-image: url('/img/images@2x.png?13');
		background-origin: content-box;
		background-position: -58px -163px;
		background-repeat: no-repeat;
		background-size: 250px 250px;
		display: block;
		top: 50%;
		margin-top: -12px;
		position: absolute;
	}


	html.sales-page #tc-header {
		height: 50px;
		width: auto;
		border: none;
	}

	html.sales-page #tc-header #tc-logo {
		width: 162px;
		height: 27px;
		padding: 0;
		background-position: -75px 0;
		top: 50%;
		margin-top: -12px;
		position: absolute;
	}


	html.sales-page #tc-header #tc-logo,
	html.page-forgotpass #tc-header #tc-logo {
		background-position: -75px 0;
		height: 27px;
		margin-top: -12px;
		padding: 0;
		position: absolute;
		top: 50%;
		width: 162px;
	}


	html.sales-page .header-buttons,
	html.page-forgotpass .header-buttons {
		height: 50px;
		line-height: 50px;
		overflow: hidden;
	}

	html.sales-page .header-buttons A,
	html.page-forgotpass .header-buttons A {
		color: #333;
	}

	html.sales-page .header-buttons A:hover,
	html.page-forgotpass .header-buttons A:hover {
		color: #000;
		background-color: #f5f5f5;
	}

	html.sales-page .header-buttons A:active,
	html.page-forgotpass .header-buttons A:active {
		color: #000;
		background-color: #eee;
	}


	html.sales-page .header-buttons .mybusiness A,
	html.sales-page.mobile #content .mybusiness A {
		background-color: #333;
		color: #fff;
		border: 0;
	}

	.sales-page #submit_supportform {
		margin-bottom: 50px;
	}

	.admin #tc-header {
		background-color: #333;
		border-bottom: 0;
	}

	#header-blank #headerwarnuser_wrap > #headerwarnuser {
		box-sizing: border-box;
		color: #000;
		z-index: 1000;
		margin: 0;
		padding: 15px 15px 15px 15px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: 0;
		max-width: 600px;
		margin: 0 auto;
	}

	#header-blank #headerwarnuser_wrap > #headerwarnuser.success {
		xbackground-color: #f0f;
		xborder: 0;
	}

	#header-blank #headerwarnuser_wrap > #headerwarnuser > .hidemsg {
		float: right;
		margin-bottom: 10px;
		margin-left: 40px;
	}

	#header-blank #headerwarnuser_wrap > #headerwarnuser > .lefticon {
		float: left;
		padding: 0 10px 0 0;
	}

	.header-buttons {
		float: right;
		height: 40px;
		line-height: 40px;
		text-align: right;
	}

	#header .header-buttons {
		height: 79px;
		line-height: 79px;
	}

	.header-buttons A,
	.header-buttons A.inloggadsom:hover,
	.header-buttons A.inloggadsom:active {
		color: #fff;
		text-decoration: none;
		padding: 17px 20px;
		font-size: 14px;
	}

	.admin .header-buttons > A,
	.admin .header-buttons > A.inloggadsom:hover,
	.admin .header-buttons > A.inloggadsom:active {
		padding: 12px 50px 12px 10px;
	}


	.desktop.sales-page.page-info .header-buttons A,
	.desktop.sales-page.page-info .header-buttons A.inloggadsom:hover,
	.desktop.sales-page.page-info .header-buttons A.inloggadsom:active {
		padding: 17px 20px;
	}

	.header-buttons A.popdown {

		padding: 0px 20px;

	}


	.header-buttons A.inloggadsom,
	.header-buttons A.inloggadsom:hover,
	.header-buttons A.inloggadsom:active {
		text-decoration: none;
		background: none;
		cursor: default;
		text-shadow: none;
	}

	.header-buttons A#login {
		margin-right: 3px;
	}

	#header .header-buttons A#login {
		border-radius: 30px;
		margin: 0;
	}

	#header .header-buttons A#login {
		margin-right: 5px;
	}

	.header-buttons A:hover {
		background-color: #0055a0;
		background-color: rgba(255, 255, 255, 0.15);
		color: #fff;
	}

	.header-buttons A:active {
		background-color: #00427c;
		background-color: rgba(0, 0, 0, 0.3);
		color: #fff;
	}


	/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
	#main {
		margin: 0 auto;
		color: #000;
		font-size: 14px;
		line-height: 18px
	}

	.sales-page #main {
		max-width: 1100px;
		padding: 0 25px;
		width: 100%;
	}

	#footer {
		padding: 0;
		margin: 0 auto;
		text-align: center;
		color: #aaa;
		font-size: 11px;
		clear: both;
		height: 60px;
		display: none;

	}

	.cookie-banner {
		position: fixed;
		bottom: 0;
		background-color: #f8f8f8;
		z-index: 999;
		width: 100%;
		padding: .25rem;
		text-align: center;
		align-items: center;
		justify-content: center;
		display: flex;
		font-size: 14px;
		color: #999;
		border-top: 1px solid #eee;
		box-sizing: border-box;
	}

	.cookie-banner .cookie-policy {
		padding: 0 15px 0 0;
		color: #999;
		text-decoration: underline;
	}

	.cookie-banner A.button {
		line-height: 26px;
		height: 26px;
		background-color: #fff !important;
		background-image: none !important;
		color: #666 !important;
		font-size: 14px;
		font-weight: normal;
	}

	.cookie-banner A.button:active {
		color: #666;
	}

	.desktop .cookie-banner div:first-child {
		margin-right: 15px;
	}

	#footer-menu {
		display: none;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		clear: both;
		height: 22px;
	}

	#footerleft {
		float: left;
		padding: 0 0 0 13px
	}

	#footerright {
		float: right;
		padding: 0 13px 0 0;
		color: #aaa
	}

	#footer A {
		color: #aaa
	}

	#footer A:hover {
		color: #000;
		text-decoration: underline
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/
	a {
		color: #006abd;
		text-decoration: none
	}

	a:hover {
		color: #005aa0
	}

	/* Contact */
	#lamna-tomt, #lamna-tomt-label {
		display: none
	}

	p {
		margin-top: 4px;
		margin-bottom: 12px
	}

	h1 {
		font-family: Arial, Helvetica, Sans-Serif;
		font-weight: bold;
		line-height: 24px;
		padding: 0;
		color: #000;
		font-size: 22px;
		padding-left: 0px;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 7px;
		padding-bottom: 5px;
	}

	h2 {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 16px;
		color: #000;
		padding-top: 0px;
		padding-bottom: 8px;
		font-weight: bold;
		line-height: 16px
	}

	h3 {
		color: #000;
		font-family: Arial, Sans-Serif;
		font-weight: bold;
		text-decoration: none
	}

	h4 {
		font-size: 130%;
		color: #000;
		margin-top: 30px;
		margin-bottom: 13px;
		padding: 0
	}

	/* Edit schedule */
	.calendar-edit {
		display: table;
		width: 100%;
	}

	.calendar-edit #startdiv1, .calendar-edit #enddiv1 {
		display: inline;
		line-height: 34px;
	}

	.calendar-edit-left {
		width: 350px;
		display: table-cell;
		white-space: nowrap;
	}

	.calendar-edit-right {
		display: table-cell;
		padding-left: 50px;
		vertical-align: top;
	}

	.calendar-edit table.lista,
	.calendar-edit-right .dialogmini.box-model-fix {
		width: 100%;
		max-width: 460px;
	}

	.calendar-edit .linkbuttons .delete {
		padding-top: 15px;
	}

	.calendar-edit table.lista tr td .rubrik {
		display: block;
	}

	.calendar-edit div.delete {
		padding-bottom: 20px;
	}


	.calendar-edit.classes table.lista tr td .spaces {
		font-weight: normal;
		font-size: 12px;
		color: #666;
	}

	.calendar-edit.repeat .links.checkbox {
		padding: 0;
		line-height: 20px;
	}


	/* End edit schedule */
	h4.schema {
		font-size: 130%;
		color: #000;
		margin-top: 0px;
		margin-bottom: 6px;
		padding: 0;
		font-weight: bold;
		line-height: 32px
	}

	h5 {
		font-size: 120%;
		font-weight: bold;
		color: #777;
		margin: 15px 0 0.1em 0;
		padding: 0;
		border-bottom: 1px solid #bbb
	}

	h6 {
		font-size: 90%;
		color: #777;
		margin-bottom: 0px;
		margin-left: 15px;
		padding: 0
	}

	h1 small, h2 small {
		color: #aaa
	}


	div.cancelled {
		padding-top: 15px;
	}

	div.cancelled, div.cancelled h2 {
		color: #888;
	}


	td.firstborder {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc
	}

	td.passborder {
		border-bottom: 1px solid #ccc
	}

	table.highlightTable tr.highlight td {
		background: #EEEDBE
	}

	table.highlightTable tr.highlightAlt td {
		background: #E2E08D
	}

	.transparent {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6
	}

	#calendarpopup {
		box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
		position: absolute;
		display: none;
		background-color: #FFF
	}

	.calendar-close {
		background: transparent url(/img/16_cross.png) no-repeat;
		width: 16px;
		height: 16px;
		float: right;
		margin-top: -19px;
		position: absolute;
		top: 50%;
		width: 100%;
		z-index: 1000000
	}

	.scheduling-software-icon, .onlinebokning-icon, .onlinebooking-icon, .prise-rendez-vous-icon {
		float: left
	}

	.reasons-text, .onlinebokning-lista, .onlinebooking-lista, .prise-rendez-vous-texte {
		padding-left: 60px;
		display: block;
		padding-bottom: 30px
	}


	h3 a.nostyle {
		text-decoration: none;
		color: #000
	}

	table.pricing {
		border: 1px solid #edf3fe;
		padding: 0;
		margin: 0
	}

	table.pricing td {
		padding: 10px
	}

	table.pricing td.center {
		text-align: center
	}

	table.pricing td.title {
		font-size: 13px;
		background: #edf3fe;
		text-align: center
	}

	table.pricing tr.odd td {
		color: #000;
		background: #edf3fe
	}

	table.pricing tr.odd h2 {
		color: #000
	}

	span.calendars {
		text-align: center;
		font-size: 14px;
		font-weight: bold
	}

	table.pricing td.best-value {
		text-align: center
	}

	.monospaced, .monospaced option {
		font-family: Lucida Console, Courier New, monospace;
		font-size: 12px
	}

	input.signupfield {
		width: 190px
	}

	input.warnfield, textarea.warnfield {
		border: 1px solid red;
		background-color: #FCFBB8
	}

	h2 .gray {
		font-size: 70%
	}

	h2.nomargin, h1.nomargin {
		margin: 0;
		padding: 0
	}

	div.confirmed {
		margin: 0;
		padding: 10px 15px 5px 15px;
		border-radius: 4px;
		margin-bottom: 20px;
	}

	div.confirmed {
		background-color: #DBF5C4;
		border: 1px #95C46E solid;
		color: #3A7D00;
	}

	div.confirmed H1 {
		color: #3A7D00;

	}

	div.confirmed IMG {
		padding-right: 5px
	}

	div.confirmed span {
		display: block;
		padding-bottom: 6px;
		padding-left: 44px
	}

	hr {
		margin: 15px 0;
		_margin: 8px 0; /* IE6 Hack */
		padding: 0
	}

	#main-content div.important-info {
		width: 70%
	}

	/* IE7 hack */
	* + html hr {
		margin: 12px 0
	}

	/*----------------------*/
	.clear {
		clear: both
	}

	.graph {
		background-color: #fcfcfc;
		position: relative;
		width: 280px;
		padding: 0
	}

	.graph .bar {
		display: block;
		position: relative;
		background-image: url(/img/barblue.gif?1);
		background-position: right center;
		background-repeat: repeat-x;
		border-right: #538e02 1px solid;
		text-align: center;
		color: #fff;
		height: 18px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.9em
	}

	.graph .bar span {
		position: absolute;
		left: 1em
	}

	.border-left {
		border-left: 1px solid #aaa
	}

	.contentpages-right {
		width: 340px;
		float: right;
		border: 0px solid red;
		text-align: center;
		margin-top: 10px
	}

	.contentpages {
		width: 550px;
		float: left
	}

	.contentpages .smallimage {
		float: right;
		padding-left: 25px;
		padding-bottom: 40px
	}

	.contentpages ul, .container ul {
		margin-top: 15px;
		margin-bottom: 40px;
		list-style-image: url(/pages/en/img/8_more.gif?1)
	}

	.contentpages ul li, .container ul li {
		margin-left: 20px;
		margin-bottom: 5px
	}

	.contentpages .quote {
		margin-bottom: 4px;
		color: #666;
		font-style: oblique
	}

	.contentpages .big {
		font-size: 18px;
		color: #888;
		margin: 0px 0 20px 0;
		line-height: 24px
	}

	.contentpages .learnmore {
		margin-top: 4px;
		font-size: 90%;
		color: #666
	}

	span.highlight {
		font-weight: bold
	}

	div#plate {
		clear: both;
		margin: 0;
		padding: 0;
		text-align: left;
		color: #666;
		font-size: 14px;
		line-height: 1.4em
	}

	div#plate p {
		margin-bottom: 40px
	}

	div.right-plate {
		float: right;
		padding-left: 0;
		text-align: left;
		width: 410px
	}

	div.center-plate {
		text-align: center;
	}

	div.left-plate {
		float: left;
		padding-left: 0;
		text-align: left;
		width: 410px
	}

	div.full-plate {
		clear: both;
		text-align: left;
		width: 100%
	}

	div.plate.add-calendar-plate A.add-calendar,
	div.plate-cell {
		display: inline-block;
		border-width: 1px 1px 3px;
		border-style: solid;
		border-color: #eee #eee #ccc;
		border-radius: 4px;
		height: 100px;
		background-color: #fff;
		padding: 15px;
		width: 40%;
		margin: 0 30px 0 0;
		vertical-align: top;
		text-decoration: none;
	}

	div.plate.add-calendar-plate A.add-calendar:hover {
		text-decoration: none;
		background-color: #fcfbfa;
		color: #000;
		text-decoration: none;
	}

	div.plate.add-calendar-plate A.add-calendar:active {
		background-color: #ecebea;
		background-position: center bottom;
		border-color: #bcbbba #bcbbba #cccbca;
		border-width: 3px 1px 1px 1px;
		box-shadow: 0 1px 1px #e0dfde inset;
	}

	div.plate.add-calendar-plate {
		padding: 60px 30px;
	}


	.plate .add-calendar h2 {
		color: #333;
		font-size: 23px;
		font-weight: 300;
		line-height: 40px;
		margin: 0;
		padding: 0;
	}


	.plate .title {
		color: #666;
	}

	.plate .subtitle {
		color: #666;
		font-size: 12px;
	}


	H1#headline {
		font-size: 30px;
		color: #000;
		letter-spacing: -0.2px;
		text-align: center
	}

	.sales-page H1#headline {
		font-size: 30px;
		color: #000;
		letter-spacing: -0.2px;
		text-align: center;
		padding-top: 15px;
	}

	#headline-subtext {
		font-size: 18px;
		color: #888;
		text-align: center;
		margin-bottom: 15px
	}

	/* Tour */
	.tour p, .obs {
		margin-bottom: 40px;
		margin-top: 0px;
		margin-right: 20px;
		padding: 0;
		font-size: 16px;
		color: #000;
		line-height: 22px;
	}

	.tour h3 {
		color: #000;
		font-size: 25px;
		text-align: left;
		line-height: 40px;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-weight: 300;
		margin: 0;
		clear: both;
		margin-top: 30px;
		margin-left: 0px;
		margin-bottom: 0px;
		padding: 0;
	}


	/* Pricing */
	#pricing {
		background-color: #f9f8f7;
		height: 260px;
		margin: 0 auto 15px;
		max-width: 666px;
		padding: 15px;
		text-align: center;
		white-space: nowrap;
		width: 100%;
	}


	div.pricing-sv #button-premium, div.pricing-sv #button-one {
		font-size: 14px;
		letter-spacing: 1px
	}

	div.pricing-sv #button-pro {
		font-size: 16px;
		letter-spacing: 1px
	}

	#button-pro, #button-pro-sv {
		background-image: url("/pages/en/img/pricing_signup_big.png");
		height: 81px;
		font-size: 22px;
		width: 160px;
		line-height: 81px;
		display: block
	}

	#button-pro-sv {
		font-size: 20px
	}

	.sales-page .text-center {
		text-align: center;
		font-size: 15px;
		line-height: 1.4em;
		color: #aaa
	}

	div#premium, div#one {
		background-color: #fff;
		border: 1px solid #eee;
		border-radius: 4px 0 0 4px;
		display: inline-block;
		float: left;
		margin: 10px 0;
		padding: 30px 0 15px 0;
		text-align: center;
		width: 220px;
	}

	div#one {
		border-left: none;
		border-radius: 0 4px 4px 0;
	}

	div#premium {
		border-right: none;
	}

	div#pricing h2, div#pricing h3, div#pricing h4, div#premium-price, div#pro-price, div#one-price {
		color: #aaa;
		letter-spacing: 1px;
		font-size: 23px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	div#pricing h3 {
		font-size: 14px;
		font-weight: normal;
		padding: 20px 0 0 0
	}

	div#pricing h4 {
		color: #aaa;
		font-size: 14px;
		padding: 20px 0 0 0;
	}

	div#premium-price, div#pro-price, div#one-price {
		color: #333;
		font-size: 40px;
		padding: 20px 0 20px 45px;
	}

	div#premium-price small, div#pro-price small, #one-price small {
		font-size: 12px
	}

	div.pricing-sv #premium-price, div.pricing-sv #one-price {
		font-size: 30px;
		letter-spacing: 1px
	}

	div#pricing h2 A {
		color: #000;
		text-decoration: none
	}

	div#pro {
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		float: left;
		padding: 23px 0;
		text-align: center;
		width: 220px;
		z-index: 1000;
	}

	div#pro h2 {
		font-size: 32px
	}

	div#pro h3 {
		font-size: 16px;
		padding: 20px 0 0
	}

	div#pro h4 {
		font-size: 16px;
		padding: 20px 0 0
	}

	div#pro-price {
		font-size: 50px;
		padding: 23px 0 20px 45px;
	}

	div.pricing-sv #pro-price {
		font-size: 38px;
		letter-spacing: 1px
	}

	.special {
		border-radius: 4px;
		background: #fffacc;
		padding: 20px;
		width: 700px;
		border: 2px solid #ffea00;
		box-shadow: 0 1px 1px #FFF inset
	}

	.spacelist {
		line-height: 20px
	}

	.tutorial-window {
		position: absolute;
		border-radius: 20px;
		margin-top: 20px;
		box-shadow: 0 0 7px #000;
		background: #fff;
		display: block;
		padding: 20px;
		width: 320px;
		z-index: 2001;
	}

	.tutorial-mask, .tutorial-transparent {
		background: #000;
		display: block;
		position: absolute;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		display: inline-block;
		z-index: 2000;
	}

	.tutorial-transparent {
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0
	}

	.arrow {
		width: 70px;
		height: 16px;
		overflow: hidden;
		position: absolute;
		left: 60px;
		margin-left: -35px;
		top: -16px;
		z-index: 9999
	}

	.arrow:after {
		content: "";
		position: absolute;
		left: 20px;
		top: 12px;
		width: 25px;
		height: 25px;
		-webkit-box-shadow: 6px 5px 9px -9px #000,
		5px 6px 9px -9px #000;
		-moz-box-shadow: 6px 5px 9px -9px #000,
		5px 6px 9px -9px #000;
		box-shadow: 6px 5px 9px -9px #000,
		5px 6px 9px -9px #000;

		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		background: #fff
	}

	/* SimpleModal */
	.simplemodal-container {
		display: none; /*--hidden by default--*/
		background: #fff;
		padding: 25px;
		float: left;
		top: 50%;
		left: 50%;
		z-index: 99999;
		border-radius: 4px;
	}

	.simplemodal-overlay {
		background: #000
	}

	.simplemodal-close {
		background: url('/img/36_close_window.png') no-repeat top;
		position: absolute;
		top: -16px;
		right: -16px;
		width: 36px;
		height: 36px;
		cursor: pointer;
		z-index: 8040
	}

	.booked-client {
		font-size: 10px;
		color: #b58080;
		color: #a97777
	}

	#newheader {
		background: url('../img/bg/new-header.gif?1') repeat-x scroll center top #f7f6f5;
		clear: both;
		color: #afafaf;
		font-size: 11px;
		height: 25px;
		margin: 0 auto;
		padding: 0;
		text-align: right;
		font: 11px arial
	}

	#newheader .toplink {
		padding-right: 17px;
		padding-top: 4px
	}

	#newfooter {
		height: auto;
		margin: 0 auto;
		max-width: 1100px;
		padding-bottom: 80px;
		text-align: center;
		width: 100%;
	}

	.resurslista {
		max-width: 550px
	}

	#weekleft {
	}

	#weekleft table td {
		font-size: 17px;
		font-weight: bold
	}

	#weekleft.dag table td {
		font-size: 15px;
		line-height: 16px;
		font-weight: bold
	}

	#weekright {
		float: right;
		text-align: right;
	}

	#weekright #headertab li,
	.admin #schemadiv .header {
		xbackground-color: #fff;
		xbackground-image: none;
		border-bottom: 1px solid #aaa;
	}

	.admin #schemadiv.manad table th {
		background-color: #fff;
	}

	.desktop.page-boka.subpage-time #schemadiv div.header span.weekday {
		margin-right: 5px;
	}

	.admin #weekright #headertab li a {
		padding: 0 10px;
	}

	#weekright #headertab li.rowselect {
		background-color: #eee;
		background-image: none;
		border-color: #bbb #ccc #ddd;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	}


	html.admin.desktop.page-boka #weekright {
		flex: 0 1 0;
		justify-content: flex-end;
		text-align: right;
		order: 3;
	}

	html.admin.desktop.page-boka #rightmenu .button.calendar.tutorial-edit {
		vertical-align: top;
		xbackground-color: #fff;
		xbackground-image: none;
		border-bottom-color: #aaa;
	}


	#weekselector {
		margin-top: 15px
	}

	#weekselector #buttons {
		float: right;
		display: inline;
		margin-right: 5px
	}

	#terms {
		width: 650px;
		font-size: 14px;
		line-height: 130%;
		margin-top: 20px;
	}

	#terms ul {
		margin-left: 30px;
		margin-top: 20px;
		margin-bottom: 20px
	}

	#terms li {
		margin-bottom: 5px
	}

	.merchant-information {
		padding-top: 10px;
		clear: both;
		font-size: 13px;
		color: #aaa;
	}

	.merchant-information a,
	.merchant-information a span {
		color: #aaa;
		text-decoration: none !important;
	}

	.warnfield {
		border: 1px solid red;
		background-color: #FCFBB8
	}

	textarea.warnfield {
		border: 1px solid red;
		background-color: #FCFBB8
	}

	label.warnfield {
		border: 0px solid red;
		background-color: #FCFBB8;
		padding: 5px;
	}

	/* --------------- */
	/* Gradient */
	.searchform #searchbutton, button, A.button, button.disabled:hover, button.disabled:active, .admin #showmore A, .cookie-banner A.button {
		background-color: #f7f6f5;
		background-image: linear-gradient(to bottom, #fcfbfa, #f7f6f5);
	}


	.searchform #searchbutton, button, A.button, #headertab li, .view div.header, .admin #showmore A, .cookie-banner A.button {
		border-color: #CCC;
		border-style: solid;
		border-width: 1px;
		color: #444;
		text-decoration: none;
		text-shadow: 0 1px 0 #FFF;
		border-radius: 4px;
		vertical-align: top
	}

	/*
* html body *{zoom:1}
*/
	#topmenu ul li {
		border-width: 0 1px 0 0;
		border-style: solid;
		border-right-color: #D7D7D7;
		color: #444;
	}


	.searchform #searchbutton:hover, button:hover, A.button:hover, input.ok:hover, .admin div.header A:hover, .admin #showmore A:hover, .cookie-banner A.button:hover {
		text-decoration: none;
		color: #000;
		background-color: #f0efee;
		background-image: linear-gradient(to bottom, #f7f6f5, #f0efee);
	}

	button.disabled:hover,
	button:disabled:hover,
	button[disabled]:hover {
		background-color: #f7f6f5;
		background-image: linear-gradient(to bottom, #fcfbfa, #f7f6f5);
	}

	#headertab li:hover, A.small:hover, table.highlightrows A.small:hover {
		background-color: #f0efee;
		background-image: linear-gradient(to bottom, #f7f6f5, #f0efee);
	}


	.searchform #searchbutton:active, button:active, A.button:active, A.active, input.ok:active, #headertab li:active, #headertab li.rowselect, .view div.today, .admin div.header A:active, .admin #showmore A:active, A.active-small, A.small:active, table.highlightrows A.small:active, .cookie-banner A.button:active {
		background-color: #f0efee;
		background-image: linear-gradient(to bottom, #ecebea, #ecebea);
		border-color: #bcbbba #bcbbba #cccbca;
		box-shadow: 0 1px 1px #e0dfde inset;
		background-position: bottom
	}


	#headertab li, A.small, table.highlightrows A.small {
		background-color: #f7f6f5;
		background-image: linear-gradient(to bottom, #fcfbfa, #f7f6f5);
	}

	.admin .page-boka.subpage-time:not(.subpage-edit) #main-content {
		background-color: #fff;
	}

	.admin .page-boka .subpage-time #headertab li {
		xbackground-color: #fff;
		xbackground-image: none;
		xborder-color: #ddd #ddd #bbb #ddd;
	}

	.admin .page-boka .subpage-time #headertab li.rowselect {
		background-color: #f0efee;
		background-image: none;
		border-color: #bbb #bbb #ccc #ccc;
	}


	#headertab li:active, #headertab li.rowselect, A.active-small, A.small:active, table.highlightrows A.small:active {
		background-color: #f0efee;
		background-image: linear-gradient(to bottom, #ecebea, #ecebea);
	}

	.view div.header, .admin div.header {
		background-color: #f7f6f5;
		background-image: linear-gradient(to bottom, #fcfbfa, #f7f6f5);
	}

	.admin div.header A:hover {
		background-color: #f0efee;
		background-image: linear-gradient(to bottom, #f7f6f5, #f0efee);
	}

	.admin div.header A:active, .admin div.today, .view div.today {
		background-color: #f0efee !important;
		background-image: linear-gradient(to bottom, #ecebea, #ecebea);
		box-shadow: none;
	}


	button.disabled:active {
		border-color: #CCC;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none
	}

	.view div.header {
		text-align: center
	}

	.view div.header A, .view div.header div {
		line-height: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 5px
	}

	.header .month {
		font-weight: bold;
	}

	div.view {
		background-color: #e4e4e3;
		min-height: 230px;
	}

	div.view.min-height {
		min-height: 230px;
	}


	/* search form
-------------------------------------- */
	.searchform {
		height: 32px;
		font-size: 14px
	}

	.searchform #loader {
		display: none
	}

	.searchform input {
		border: solid 1px #bcbbbb;
		border: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.searchform .searchfield {
		border: 0;
		background: transparent;
		height: 24px;
		line-height: 24px;
		width: calc(100% - 185px);
		padding-left: 0;
	}

	.searchform .search1 {

		background: #fff;
		padding: 9px 9px 9px 25px;
		height: 22px;
		border: solid 1px #bcbbbb;
		margin: 0;
		border-radius: 4px;
		background: transparent url('/img/16_magnify.png') no-repeat center;
		background-position: 6px 9px;
		zoom: 1;
		width: 100%;
		overflow: visible;
		height: 34px
	}

	.searchform .en {
		padding-right: 36px
	}

	.searchform .da {
		padding-right: 23px
	}

	.searchform .loading {
		background-image: url('/img/ajax-loader.gif');
		background-color: #FFF
	}

	/*
*/
	.searchform .searchfield:focus {
		outline: none; /* Hide outline on select in chrome/safari */

	}

	.searchform #searchbutton {

		font-weight: bold;
		height: 32px;
		padding: 6px 18px 7px 18px;

		-webkit-border-radius: 0 15px 15px 0;
		-moz-border-radius: 0 15px 15px 0;
		border-radius: 0 15px 15px 0;
		display: inline-block;
		cursor: pointer
	}

	#lettersdiv {
		margin-top: 15px;
		margin-bottom: 15px
	}

	button, A.button, input.ok, button.cancel, table.highlightrows A.button, .admin #showmore A, .div-delete a {
		border-radius: 4px;
		text-decoration: none;
		height: 34px;
		line-height: 34px;
		padding-left: 20px;
		padding-right: 20px;
		font-weight: bold;
		display: inline-block;
		font-family: arial, helvetica, sans-serif;
		cursor: pointer;
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: middle
	}

	button {
		height: 36px;
		line-height: 34px;
		font-size: 14px;
		_height: 34px !important;
		_padding-top: 3px !important;
		vertical-align: top;
	}

	a.button-line-height {
		line-height: 36px;
	}

	#left-menu-container a.button.plus-booking {
		margin: 0 18px 11px 17px;
		padding: 1px 10px;
		font-size: 18px;
		font-weight: bold;
		line-height: normal;
		height: auto;
		text-align: center;
		display: block;
	}

	#left-menu-container a.button.plus-booking div {
		width: 32px;
		height: 32px;
		background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m501,282.40625l-220,0.59375l0,218c-14.432281,0 -39.567703,0 -54,0l0,-218l-218,0l0,-54l218,0l0,-220l54,0l0,220l220,0l0,54z'/%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 18px auto;
	}
	#left-menu-container a.button.plus-booking.disabled div {
		opacity: 0;
	}
	#left-menu-container a.button.plus-booking.disabled:hover,
	#left-menu-container a.button.plus-booking.disabled:active {
		
	} 


	A.small, table.highlightrows A.small, .div-delete a {
		height: 26px;
		line-height: 26px;
		font-size: 14px;
		font-weight: normal;
		margin-right: 6px;
		color: #444;
		padding-left: 15px;
		padding-right: 15px;
	}

	.div-delete A {
		background-color: transparent;
		background-image: none !important;
		border: 1px solid #ddd;
		color: #666;
	}

	/* COMMON INPUT */
	/*
.common-input input,
.common-input textarea,
.common-input select {
		border-color: #ccc;
		padding:0 12px;
		height:34px;
		color: #000;
}

.mobile .common-input input,
.mobile .common-input textarea,
.mobile .common-input select {
		min-height: 44px;
		line-height: normal;
		padding:12px;
}

.mobile .common-input.padding {
		padding-left: 10px;
		padding-right: 10px;
}

.common-input {
		margin-bottom: 15px;
}

.common-input label {
		display: block;
		padding-bottom: 3px;
}

.common-input .warning{
		color: red;
		font-weight: bold;
		display: none;
}

.forms .common-input {
		margin-bottom: 10px;
}

.forms .common-input label {
		padding-bottom: 0;
}

.common-input.inline {
		margin: 0;
		display: inline-flex;
		width: 100%;
}

.common-input.inline textarea,
.common-input.inline input,
.common-input.inline select {
		border-radius: 0 !important;
		border-right: none !important;
		border-left: none !important;
		margin: 0;
}

.common-input.inline label {
		padding: 12px;
}

.common-input.inline .warning {
		padding: 0 15px;
}
*/
	/*--------------- Online Payments ---------------*/
	.admin.page-install .subpage-payments #contactfields {
		width: 372px;
		margin: 0 auto;
	}

	.admin.page-install .subpage-payments .common-zip input {
		width: 50px;
	}

	.admin.page-install .subpage-payments .plate {
		border-radius: 4px;
	}

	.admin.page-install .subpage-payments #tab-invoice td:first-of-type {
		text-align: right;
		padding-right: 5px;
	}

	.plate.payments-agreement {
		border: 1px solid #ddd;
		clear: both;
		color: #666;
		text-align: left;
	}

	.plate.payments-agreement::after {
		content: "";
		clear: both;
		display: block;
	}


	.plate.payments-agreement .company {
	}

	.plate.payments-agreement .company .name {
		font-weight: bold;
		font-size: 18px;
	}

	.plate.payments-agreement .company .number {
	}

	.plate.payments-agreement .status {
		padding-top: 10px;
		color: #666;

	}

	.plate.payments-agreement .status .details {
	}

	.plate.payments-agreement .notice {
		clear: both;
		padding-top: 10px;
		font-size: 12px;
	}

	.plate.payments-agreement .notice a.button {
		margin: 0;
	}


	/*---------------Reviews ---------------*/
	.admin.page-account.subpage-reviews .all-reviews .review {

		max-width: 750px;
		position: relative;
	}

	.mobile .admin.page-account.subpage-reviews .all-reviews .review {
		max-width: 100%;
	}

	.mobile .admin.page-account.subpage-reviews .all-reviews .review {
		border-left: 0;
		border-right: 0;
	}

.admin.page-account.subpage-reviews .h1.review-title{
font-size:2em;
line-height:3em;
margin:0;
padding:0 0 5px 0;
}

	.mobile .review-filter-container {
		margin: 15px 15px 25px 15px;
	}

	.review-filter-container {
		margin: 0px 0 25px 0;
		width: 300px;
	}

	.review-filter-container .review-filter-group {
		align-items: center;
		display: flex;
		height: 26px;
	}

	.review-filter-container .review-filter .review-filter-group input[type="checkbox"] {
		margin-right: 5px;
	}

	.review-filter-container .review-filter label.review-filter-checkbox {
		display: flex;
		flex: 1 1 0;
		/*cursor: pointer;*/
	}

	.review-filter-container .review-filter svg {
		margin-top: 1px;
		vertical-align: top;
		width: 16px;
	}

	.review-filter-container .review-filter .progressbar-outer {
		background-color: #f2f2f2;
		border: medium none;
		flex: 1 0 auto;
		height: 100%;
		margin-left: 15px;
	}

	.review-filter-container .review-filter .progressbar-inner {
		background-color: #f46c5f;
		height: 18px;
		max-width: 100%;
		min-width: 2px;
	}

	.review-filter-container .review-filter .progressbar-inner.empty {
		background-color: #f2f2f2;
	}

	.review-filter-container .review-filter .ratingcount {
		color: #666;
		margin-left: 15px;
		width:40px;
		text-align: left;
	}

	.admin.page-account.subpage-reviews .headline {
		color: #f46c5f;
		vertical-align: top;
		line-height: 40px;
		font-size: 28px;
		font-weight: 300;
	}

	.admin.page-account .business-reviews .menu {
		display: flex;
		justify-content: space-between;
	}

	.admin.page-account .business-reviews .menu A {
		border: 1px solid #ddd;
		border-radius: 4px;
		color: #666;
		padding: 5px 15px;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		background-color: #fff;
	}

	.admin.page-account .business-reviews .menu A:hover {
		color: #000;
	}

	.admin.page-account .business-reviews .menu A:active {
		background-color: #eee;
	}

	.admin.page-account.subpage-reviews .rating {
		display: inline-flex;
		vertical-align: middle;
	}


	.admin.page-account.subpage-reviews .all-reviews .review .stars {
		vertical-align: middle;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .from,
	.admin.page-account.subpage-reviews .all-reviews .review .reply-from {
		color: #888;
		margin-bottom: 5px;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .title {
		font-weight: bold;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .menu {
		margin-top: 10px;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .menu a {
	}

	.admin.page-account.subpage-reviews .all-reviews .color-ok {
	}

	.admin.page-account.subpage-reviews .all-reviews .color-delete {
		color: #666;
		padding: 0;
		border: none;
		background-color: transparent;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .menu a:last-child {
		margin-left: auto;
	}

	.mobile.admin.page-account.subpage-reviews #mobile-content A.button.confirm {
		font-size: 16px;
	}

	.mobile.admin.page-account.subpage-reviews #mobile-content .headline {
		transform: scale(0.8);
		transform-origin: left top 0;
		vertical-align: middle;
		white-space: nowrap;
		padding: 15px 15px 5px 15px;
	}

	.mobile.admin.page-account.subpage-reviews #mobile-content .headline.no-reviews {
		font-size: 40px;
	}

	.mobile .content-padding {
		padding: 5px 15px;
		margin: 0;
	}

	.business-reviews .review {
		background-color: #f8f8f8;
		border-radius: 4px;
		margin-bottom: 7px;
		padding: 15px;
		width: 100%;
	}

	.mobile .business-reviews .review {
		padding: 15px 15px;
		background-color: #fff;
	}

	.admin .all-reviews H2#reviews {
		display: none;
	}

	.desktop .business-info .business-reviews,
	.desktop .business-staff .staff-wrapper {
		margin-top: 10px;
	}

	.business-reviews .review .reply .from {
		font-size: 14px;
		font-weight: bold;
	}

	.business-reviews .review > div:not(.reply) {

	}


	.business-reviews .review .reply {
		background-color: #fff;
		border: 1px solid #ddd;
		margin-top: 15px;
		padding: 15px;
		width: 100%;
		box-sizing: border-box;
	}

	.business-reviews .review .reply .from {
		font-size: 14px;
		font-weight: bold;
	}


	.business-reviews .review .review-timestamp {
		color: #aaa;
		display: table-cell;
		text-align: right;
	}

	.business-reviews .review .review-title {
		display: table-cell;
		font-weight: bold;
	}

	.business-reviews .review .review-name {
		display: table-cell;
		text-align: right;
		color: #aaa;
	}

	.business-reviews .review .review-message {
		margin-top: 7px;
	}

	.business-reviews .review .review-top,
	.business-reviews .review .review-bottom {
		display: table;
		width: 100%;
	}

	.business-reviews .review .review-rating {
		display: table-cell;
	}

	.business-reviews .review .review-rating > span {
		vertical-align: middle;
	}


	.business-reviews img.star {
		width: 16px;
		height: 16px;
	}

	.business-reviews .reply {
		margin-top: 10px;
		padding-top: 10px;
		display: inline-block;
	}

	.business-reviews .reply .message {
		flex-flow: row wrap;
	}

	html.page-mp .location-details .rating {
		display: flex;
	}

	.flex-table {
		display: table;
		table-layout: fixed;
	}

	.flex-table .item {
		display: table-row;
		padding-bottom: 5px;
	}

	.flex-table .item > div {
		padding-right: 15px;
		padding-bottom: 7px;
		vertical-align: middle;
		line-height: 40px;
	}

	.flex-table .item > div:last-of-type {
		padding-right: 0;
	}

	.flex-table .item > div {
		display: table-cell;
	}

	.mobile.admin input {
		width: 100%;
		box-sizing: border-box;
		border-width: 1px 0 !important;
		border-radius: 0 !important;
	}

	.mobile.admin .sm-m-new-customer .sm-row.form-row.grey .sm-inline-child.sm-input input {
		border-width: 1px !important;
		padding: 10px !important;
		height: auto !important;
		border-radius: 1px !important;
		color: black !important;
	}

	.page-review .stars {
		width: 150px;
		padding-bottom: 15px;
		cursor: pointer;
		margin: 0 auto;
	}

	.page-review .stars img.star {
		height: 27px;
		width: 29px;
		margin-right: 1px;
	}

	.page-review .button.confirm {
		margin-top: 10px;
	}

	.page-review .header-buttons {
		display: none;
	}

	.page-review #main-content,
	.page-review .page-review {
		background-color: #f8f8f8;
	}

	.page-review .message {
		text-align: center;
	}

	.page-review .warning {
		color: red;
		font-size: 12px;
		display: none;
	}

	.page-review .white-box {
		background-color: #fff;
		max-width: 500px;
		width: 100%;
		padding: 20px;
		border: 1px solid #ccc;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.desktop.page-review #thank-you.white-box {
		max-width: 550px;
	}

	.desktop.admin.page-account.subpage-reviews.mode-invites form {
		max-width: 400px;
	}

	html.page-review input:not([type="checkbox"]),
	html.page-review textarea,
	html.page-account.subpage-reviews input:not([type="checkbox"]),
	html.page-account.subpage-reviews textarea {
		width: 100%;
		box-sizing: border-box;
		padding: 7px;
	}

	.page-review .title {
		text-align: center;
	}


	.page-review .rating-title {
		margin-top: 20px;
	}


	.mobile .page-review .rating .rating-info {
		margin-top: 10px;
	}

	.mobile.page-review #new-review,
	.mobile.page-review #thank-you {
		border: 1px solid #ccc;
		border-left: none;
		border-right: none;
	}

	.page-account.subpage-reviews .no-reviews {
		padding-left: 10px;
		color: #aaa;
	}

	.page-review .rating {
		padding: 15px 0;
		text-align: center;
	}

	.page-review .rating-info {
		color: #666;
		height: 20px;
	}

	.page-install.subpage-meddelande .description {
		padding: 5px 0 15px 0;
		display: inline-block;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .reply-form {
		margin-top: 20px;
	}

	.desktop.admin.page-account.subpage-reviews .all-reviews .review .reply-message {
		display: block;
		width: 350px;
		margin-bottom: 5px;
		min-height: 42px;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .reply-message {
		min-height: 62px;
	}

	.admin.page-account.subpage-reviews .all-reviews .review .reply-content {
		background-color: #f8f8f8;
		margin-top: 15px;
		padding: 15px;
	}

	.main-top {
		display: inline-flex;
		width: 100%;
		justify-content: space-between;
	}

	/*--------------- Reviews 2.0 ---------------*/
	.rating-container {
		font-family: "Helvetica neue", Arial, sans-serif;
	}

	.rating-container .number-of-reviews {
		color: #666666;
		font-size: 15px;
		padding-left: 5px;
	}

	.rating-container .stars svg {
		width: 120px;
		height: 40px;
	}

	.rating-container {
		display: inline-flex;
		margin-left: auto;
	}

	.rating-container.size-big {
		cursor: pointer;
	}

	.rating-container .no-reviews {
		line-height: 40px;
	}

	.rating-container .rating-number,
	.rating-container .number-of-reviews {
		line-height: 40px;
		vertical-align: middle;
	}

	.rating-container .rating-number {
		color: #f46c5f;
		padding-right: 3px;
		font-weight: 300;
		font-size: 28px;
	}

	.size-small.rating-container .stars svg {
		width: 80px;
		height: 16px;
	}

	.size-small.rating-container .number-of-reviews {
		font-size: 14px;
		padding: 0 0 0 5px;
		line-height: 18px;
		font-weight: normal;
	}

	.size-small.rating-container .rating-number {
		padding: 0 5px 0 0;
		color: #f46c5f;
		line-height: 18px;
		font-size: 14px;
		font-weight: normal;
	}

	.main-top .rating-container .number-of-reviews {
		line-height: 15px;
		vertical-align: middle;
	}

	.main-top .rating-container {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		position: relative;
		height: 30px;
		margin-top: 5px;
		align-content: flex-end;
		cursor: pointer;
		min-width: 140px;
	}

	.main-top .rating-container:hover {
		filter: contrast(1.4) brightness(0.9);
	}


	.main-top .rating-container .rating-number {
		flex: 0 0 100%;
	}

	.main-top .rating-container .stars {
		flex: 0 0 50%;
		margin-left: 3px;
	}


	.main-top .rating-container .number-of-reviews {
		flex: 0 0 50%;
		text-align: right;
		font-size: 12px;
		color: #aaa;
	}

	.main-top .rating-container .stars svg {
		height: 15px;
		width: 70px;
	}

	.main-top .rating-container .stars span {
		height: 15px;
		display: block;
		text-align: right;
	}

	.main-top .rating-container .rating-number {
		line-height: 30px;
		font-size: 30px;
	}

	.notification-wrapper {
		position: relative;
	}

	.notification-count {
		background-color: #ff433c;
		border-radius: 20px;
		color: #fff;
		font-size: 12px;
		height: 19px;
		line-height: 20px;
		margin: 0 auto;
		position: absolute;
		right: 7px;
		text-align: center;
		top: 9px;
		width: 19px;
		z-index: 100;
		font-weight: normal;
	}

	/*---------------Tabs ---------------*/
	#headertab {
		width: 100%;
		line-height: 18px
	}

	#headertab li {
		display: inline-block
	}

	#installtab {
		white-space: nowrap;
		padding-bottom: 10px
	}

	#installtab li {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		height: 36px
	}

	#letters #installtab li {
		margin: 0;
		padding: 0;
		height: 24px;
		display: table-cell;
	}

	ul#installtab li.first {
		border-radius: 4px 0 0 4px;
		border-left-width: 1px
	}


	ul#installtab li, .view div.header {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-left-width: 0;
		cursor: default
	}

	ul#installtab li.last {
		border-radius: 0 5px 5px 0
	}

	.first div.header, .admin .first div.header A:hover, .admin .first div.header A:active {
		border-radius: 4px 0 0;
		border-left-width: 1px
	}

	.first div.slot A, .first .slot .closed, .day.disabled a.popup-disabled:hover {
		border-left-color: #ccc
	}

	.last div.header, .admin .last div.header A:hover, .admin .last div.header A:active {
		border-radius: 0 5px 0 0
	}

	.last div.slot A, .last div.slot A:hover, .last .slot .closed {
		border-right-color: #ccc
	}


	#headertab a, .header A {
		display: block;
		font-weight: normal;

		padding: 0 15px 0 15px;
		text-decoration: none;
		cursor: pointer;
		color: #000;
		line-height: 36px
	}

	/* EOF tabs */
	/* A-Z */
	#letters {
		width: 100%;
	}

	#letters #installtab {
		padding: 0;
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	#letters A {
		padding: 0;
		font-size: 13px;
		line-height: 24px;
	}

	#letters li {
		margin: 0px;
		text-align: center;
		text-decoration: none;
		vertical-align: middle
	}

	/* Button icons
-------------------------------------- */
	button.disabled,
	button:disabled,
	button[disabled] {
		color: #bbb;
		cursor: default
	}

	button div, A.button div {
		height: 16px;
		width: 16px;
		display: inline-block;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		zoom: 1;
	}

	table.lista A.button:hover {
		text-decoration: none;
		color: #000
	}


	A.icon, button.icon {
		box-sizing: content-box;
		padding-left: 12px;
		padding-right: 34px;
	}

	button.icon div, A.button div {
		box-sizing: content-box;
		margin-right: 7px;
		xmargin-top: 4px;
	}

	A.small div {
		margin-right: 6px;
		xmargin-top: 2px
	}


	button.confirm div, A.confirm div {
	}

	button.add div, A.add div {
		background: transparent url('/img/16_plus.png') no-repeat
	}

	button.add, A.add {
		vertical-align: top
	}

	button.edit div, A.edit div {
		background: transparent url('/img/16_edit.png') no-repeat
	}

	button.break div, A.break div {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%23666666' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1728 640q0-80-56-136t-136-56h-64v384h64q80 0 136-56t56-136zm-1664 768h1792q0 106-75 181t-181 75h-1280q-106 0-181-75t-75-181zm1856-768q0 159-112.5 271.5t-271.5 112.5h-64v32q0 92-66 158t-158 66h-704q-92 0-158-66t-66-158v-736q0-26 19-45t45-19h1152q159 0 271.5 112.5t112.5 271.5z'/%3E%3C/svg%3E");
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 16px auto;
	}

	button.delete div, A.delete div {
		background: transparent url('/img/16_kryss.png') no-repeat
	}

	button.mobile div, A.mobile div {
		background: transparent url('/img/16_mobil.png') no-repeat
	}

	button.pay div, A.pay div {
		background: transparent url('/img/16_card.png') no-repeat
	}

	button.clock div, A.clock div {
		background: transparent url('/img/16_time.png') no-repeat
	}

	button.refresh div, A.refresh div {
		background: transparent url('/img/16_refresh.png') no-repeat
	}

	button.cross div, A.cross div {
		background: transparent url('/img/16_cross.png') no-repeat
	}

	button.excel div, A.excel div {
		background: transparent url('/img/16_excel.gif?1') no-repeat
	}

	button.print div, A.print div {
		background: transparent url('/img/16_print.png') no-repeat
	}

	button.mail div, A.mail div {
		background: transparent url('/img/16_mail.png') no-repeat
	}

	button.memo div, A.memo div {
		background: transparent url('/img/16_memo.png') no-repeat
	}

	button.message div, A.message div {
		background: transparent url('/img/16_message2.png') no-repeat
	}

	button.cross div, A.cross div {
		background: transparent url('/img/16_cross.png') no-repeat;
	}

	button.sort div, A.sort div {
		background: transparent url('/img/32_sort.png') no-repeat;
		width: 16px;
		height: 16px;
		background-size: 100% 100%;
		box-sizing: border-box;
		padding-right: 0;
		margin-right: 7px;
		margin-top: -2px;
	}

	button.preview div, A.preview div {
		background: transparent url('/img/32_search.png') no-repeat;
		width: 16px;
		height: 16px;
		background-size: 100% 100%;
		box-sizing: border-box;
		padding-right: 0;
		margin-right: 7px;
		margin-top: -4px;
	}

	div.dag .lista div.client-message div {
		background: transparent url('/img/16_message2.png') no-repeat;
		width: 15px;
		height: 15px;
		margin: 0 5px 2px 0;
		vertical-align: middle;
		display: inline-block;
	}

	div.dag .lista div.memo div {
		width: 15px;
		height: 15px;
		background: transparent url('/img/16_memo2.png') no-repeat;
		margin: 0 5px 2px 0;
		vertical-align: middle;
		display: inline-block;
	}


	button.person div, A.person div {
		background: transparent url('/img/16_person.png') no-repeat
	}

	button.outlook div, A.outlook div {
		background: transparent url('/img/16_outlook.gif?1') no-repeat
	}

	button.google div, A.google div {
		background: transparent url('/img/16_google.png') no-repeat
	}

	button.apple div, A.apple div {
		background: transparent url('/img/16_apple.png') no-repeat
	}

	button.back div, A.back div {
		background: transparent url('/img/24_prev.png') no-repeat top;
		padding: 0;
		margin: 0 5px 3px 0;
		_margin: -5px 5px 0px 0;
		height: 24px;
		width: 24px
	}


	button.down, A.down {
		padding-left: 27px;
		padding-right: 22px;
		font-size: 17px;
		line-height: 33px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	}

	button.down div, A.down div {
		width: 16px;
		height: 16px;
		background: transparent url('/img/16_arrow-down.png') no-repeat top;
		cursor: pointer;
		margin: 0;
		padding: 0 0 0 7px;
	}


	button.class div, A.class div {
		background: transparent url('/img/16_resurs.png') no-repeat
	}

	button.open div, A.open div {
		background: transparent url('/img/16_undo.png') no-repeat
	}

	div.waitlist-icon {
		width: 26px;
		height: 24px;
		padding-top: 0;
		background-color: transparent;
		background-image: url('/img/images@2x.png?13');
		background-origin: content-box;
		background-position: -160px -127px;
		background-repeat: no-repeat;
		background-size: 250px 250px;
	}

	div.confirmed.waitlist span {
		xpadding-left: 60px;
	}

	div.confirmed div.waitlist-icon {
		margin-bottom: 8px;
		margin-right: 3px;
		float: left;
		width: 32px;
		padding-right: 7px;
	}

	div.waitlist-icon {
		margin-bottom: 0px;
		margin-right: 0px;
		display: inline-block;
		line-height: 24px;
		vertical-align: middle;
	}

	.event-clients div.waitlist-icon {
		background-position: -128px -100px;
		background-size: 200px 200px;
		height: 18px;
		width: 21px;
	}

	.event-clients .waitlist-info .tooltip {
		float: right;
		padding: 0;
	}

	A.button.confirm,
	A.button.cta,
	button.confirm,
	button.cta,
	A.blue-button {
		background-color: #109dd7;
		background-image: linear-gradient(#1aa7e1, #109dd7);
		border: 1px solid #008dc7;
		border-radius: 5px;
		box-shadow: 0 1px 0 rgba(46, 86, 153, 0.15), 0 0 4px rgba(86, 149, 219, 0), 0 2px 0 rgba(41, 102, 20, 0) inset;
		box-sizing: initial;
		color: #fff;
		height: 34px;
		line-height: 34px;

		text-align: center;
		text-shadow: 0 -1px 0 rgba(46, 86, 153, 0.3);
		width: auto;
		box-sizing: initial;
		color: #fff;
		height: 34px;
		line-height: 34px;
		text-align: center;
		text-shadow: 0 -1px 0 rgba(46, 86, 153, 0.3);
		width: auto;

	}

	A.button.cta {
		border-width: 1px;
		box-shadow: none;
	}


	A.button.confirm:hover,
	A.button.cta:hover,
	table.lista A.button.cta:hover,
	button.confirm:hover,
	button.cta:hover,
	A.blue-button:hover {
		color: #fff !important;
		background-color: #0b98d2;
		background-image: linear-gradient(#15a2dc, #0b98d2);
		border: 1px solid #238ad1;
		color: #fff;
	}

	A.button.confirm:active,
	A.button.cta:active,
	table.lista A.button.cta:active,
	button.confirm:active,
	button.cta:active,
	A.blue-button:active {
		background-color: #05a2e5;
		background-image: linear-gradient(#05a2e5, #0096d9);
		border: 1px solid #238ad1;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
		color: #fff;
	}


	button.wait, button.wait:hover, button.wait:active, A.wait, A.wait:hover, A.wait:active {
		cursor: default;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		border-color: #ccc;
		background: #f0f0f0 url('/img/css3_button.png') 0 0 repeat-x;
		color: #888 !important;
	}

	button.wait.confirm, button.wait.confirm:hover, button.wait.confirm:active, A.wait.confirm, A.wait.confirm:hover, A.wait.confirm:active,
	button.confirm:disabled, button.confirm[disabled] {
		background-color: #05a2e5 !important;
		border: 1px solid #05a2e5 !important;
		box-shadow: 0 1px 0 #05a2e5 !important;
		color: rgba(255, 255, 255, 0.3) !important;
		text-shadow: none;
		background-image: none;
	}

	.button.icon.wait > div {
		font-size: 10px;
		text-indent: -9999em;
		width: 2em;
		height: 2em;
		border-radius: 50%;
		background: #aaa;
		background: -moz-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -webkit-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -o-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -ms-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: linear-gradient(to right, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		position: relative;
		-webkit-animation: load3 1.4s infinite linear;
		animation: load3 1.4s infinite linear;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}

	.button.icon.wait > div {
		font-size: 10px;
		text-indent: -9999em;
		width: 2em;
		height: 2em;
		border-radius: 50%;
		background: #aaa;
		background: -moz-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -webkit-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -o-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -ms-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: linear-gradient(to right, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		position: relative;
		-webkit-animation: load3 1.4s infinite linear;
		animation: load3 1.4s infinite linear;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}


	.button.icon.wait > div {
		margin-right: 10px;
	}


	.button.icon.confirm.wait > div {
		background: #ffffff;
		background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
		background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
		background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
		background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
		background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
		margin-right: 10px;
	}

	.button.icon.wait > div:before {
		background: #aaa;
		width: 50%;
		height: 50%;
		border-radius: 100% 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
	}

	.button.icon.confirm.wait > div:before {
		background: #ffffff;
	}

	.button.icon.wait > div:after {
		background: #f8f8f8;
		width: 75%;
		height: 75%;
		border-radius: 50%;
		content: '';
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}


	.button.icon.confirm.wait > div:after {
		background: #05a2e5;
	}

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


	A.button.confirm.white,
	A.button.cta.white,
	button.confirm.white {
		background-image: none;
		background-color: #fff;
		border-color: #ccc;
		border-bottom: 2px solid #ddd;
		box-shadow: none;
		color: #666;
		text-shadow: none;
		font-weight: normal;
	}

	A.button.confirm.white:hover,
	A.button.cta.white:hover,
	button.confirm.white:hover {
		color: #444 !important;
		border-color: #ccc;
		border-bottom: 2px solid #ddd;
		background-image: none;
	}

	A.button.confirm.white:active,
	A.button.cta.white:active,
	button.confirm.white:active {
		color: #444 !important;
		border-color: #ccc;
		border-bottom: 2px solid #ddd;
		background-color: #eee;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
		background-image: none;
	}


	button.wait.confirm.white, button.wait.confirm.white:hover, button.wait.confirm.white:active, A.wait.confirm.white, A.wait.confirm.white:hover, A.wait.confirm.white:active,
	button.confirm.white:disabled, button.confirm.white[disabled] {
		background-color: #eee !important;
		background-image: none;
		border: 1px solid #eee !important;
		box-shadow: 0 1px 0 #eee !important;
		color: rgba(0, 0, 0, 0.3) !important;
		text-shadow: none;
		pointer-events: none;
	}

	.button.icon.confirm.white.wait > div:before {
		background: #aaa;
	}

	.button.icon.confirm.white.wait > div:after {
		background: #eee;
	}

	.button.icon.confirm.white.wait > div {
		background: #aaa;
		background: -moz-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -webkit-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -o-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: -ms-linear-gradient(left, #aaa 10%, rgba(255, 255, 255, 0) 42%);
		background: linear-gradient(to right, #aaa 10%, rgba(255, 255, 255, 0) 42%);
	}


	A.tutorial div {
		background: transparent url('/img/24_next.png') no-repeat top;
		padding: 0;
		margin: 0 0 3px 5px;
		height: 24px;
		width: 24px
	}

	A.tutorial {
		padding: 0 8px 0 15px;
		margin: 0
	}

	/* ---------- */
	.div-delete {
		text-align: left;
		border-top: 1px solid #ccc;
		margin-top: 15px;
		padding-top: 15px
	}

	.page-boka.subpage-info .div-delete {
		margin-top: 25px;
	}

	.page-boka.subpage-info #avbokaconfirm .total {
		display: flex;
		align-items: center;
		margin: 0 0 10px 0;
	}

	.group-exists, .group-empty {
		padding-top: 10px;
	}

	/* IE7 fix */
	.legend p, .legend-small p, .legend, .legend-small, .legend div, .legend-small div, ul#installtab li, ul#installtab li A {
		zoom: 1;
	}

	.event-spaces {
		margin-top: 5px
	}

	.event-spaces div {
		float: left;
		margin-right: 8px
	}

	.event-price {
		color: #888;
		font-size: 16px;
		font-weight: normal
	}

	.event-description, .event-future {
		margin-top: 10px
	}

	.event-clients {
		margin-top: 25px;
		margin-bottom: 20px
	}

	.slot .ampm {
		font-size: 8px;
		margin-left: 2px;
		text-transform: uppercase
	}

	.ampm {
		margin-left: 3px
	}


	#introtextdiv {
		margin-bottom: 20px;
	}


	/* search inactive (GDPR)
-------------------------------------- */
	.page-customers.subpage-purge button.red {
		background-color: #ff5f7a;
		background-image: none;
		border-color: #fa6580 #fa6580 #ba2540;
		color: #fff;
		float: right;
		text-shadow: none;
	}

	.page-customers.subpage-purge button.red:hover {
		background-color: #ff6f8a;
	}

	.page-customers.subpage-purge button.red:active {
		background-color: #ef4f6a;
		box-shadow: none;
	}


	.page-customers.subpage-purge #clear_inactive {
		margin-bottom: 15px;
	}


	​ /* Sortable list */
	body.dragging, body.dragging * {
		cursor: move !important;
	}


	#group-container-sortable.dragging > ul.sortgroup > li > ul {
		display: none;
	}

	#group-container-sortable.dragging ul.ui-sortable-helper {
		height: 38px !important;
	}

	#group-container-sortable.dragging ul.ui-sortable-placeholder {
		height: auto !important;
		visibility: visible !important;
		border: 1px dashed #ccc;
	}

	ul.sortgroup .hidden-service,
	ul.sortgroup A.hidden-service,
	#group-container .price {
		color: #888;
		font-weight: normal;
		text-decoration: none !important;
		display: inline-block;
		padding-left: 5px;
		white-space: nowrap;
	}

	#group-container-sortable .dragged {
		position: absolute;
		opacity: 0.5;
		z-index: 2000;
	}

	#group-container-sortable .group-template {
		display: none;
	}

	#group-container-sortable {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#group-container-sortable > ul {
		margin-bottom: 20px;
		min-height: 40px;
		xcursor: move;
		border: 1px solid #ccc;
		width: 400px;
		border-radius: 5px;
		box-sizing: border-box;
	}

	#group-container-sortable > ul > li {
		list-style-type: none;
	}

	#group-container-sortable > ul > li > h2 {
		border-radius: 5px 5px 0 0;
		padding: 10px 15px 10px;
		background-color: #f7f6f5;
		font-size: 16px;
		line-height: 18px;
		height: 18px;
		cursor: move;
	}


	#group-container-sortable.dragging > ul > li > h2 {
		border-radius: 4px;
	}

	#group-container-sortable > ul > li > h2 > .heading {
		text-decoration: underline;
		color: #006abd;
		cursor: pointer !important;
	}

	#group-container-sortable.dragging > ul > li > h2 > .heading {
		color: #000;
		text-decoration: none;
	}


	#group-container-sortable > ul > li > h2 > .heading:active {
		text-decoration: none;
	}


	#group-container-sortable > ul > li > h2,
	#group-container-sortable > ul > li > ul > li {
		position: relative;
	}


	#group-container-sortable > ul.hidetitle > li > h2 {
		display: none;
	}

	#group-container-sortable > ul.hidetitle > li > ul li:first-child {
		border-top: 0 none;
		border-radius: 5px 5px 0 0;
	}


	#group-container-sortable > ul > li > ul > li > .saved,
	#group-container-sortable > ul > li > h2 > .saved {
		position: absolute;
		right: 0px;
		background-color: #fff;
		padding: 0 10px 0 20px;
	}

	#group-container-sortable > ul > li > ul > li:hover > .saved {
		background-color: #f6f6f6;
	}

	#group-container-sortable > ul > li > h2 > .saved {
		background-color: #f7f6f5;
		font-weight: normal;
	}


	#group-container-sortable > ul > li > h2 > .drag,
	#group-container-sortable > ul > li > ul > li > .drag {
		width: 16px;
		height: 16px;
		display: inline-block;
		cursor: move;
		float: right;
		background: transparent url('/img/32_sort3.png') no-repeat;
		background-size: 16px 16px;
	}


	#group-container-sortable > ul > li > ul li.empty {
		color: #fff;
		border: 1px dashed #ccc;
		padding: 2px;
		display: none;
	}

	#group-container-sortable > ul > li > ul {
		min-height: 32px;
		background: #fff;
		border-radius: 5px;
	}

	#group-container-sortable > ul > li > ul li {
		list-style-type: none;
		padding: 6px 15px;
		border-top: 1px solid #eee;
		border-bottom: 1px solid transparent;
		color: #000;
		cursor: move;
	}

	#group-container-sortable > ul > li > ul li:last-child {
		border-radius: 0 0 15px 15px;
	}

	#group-container-sortable > ul > li > ul li.ui-sortable-helper {
		border: 1px solid #ccc !important;
		border-radius: 4px;
		background-color: #f8f8f8;
		font-weight: bold;
		color: #000 !important;
	}

	#group-container-sortable > ul > li > ul li.selected {
		color: #fff;
		border: 1px dashed #888;
	}

	#group-container-sortable > ul > li > ul li:hover {
		background-color: #f5f5f5;
	}

	#group-container-sortable > ul > li > h2:hover {
		background-color: #e8e8e8;
	}

	#group-container-sortable > ul > li > h2:hover .saved {
		background-color: #e8e8e8;
	}


	/* Book now list */
	.group-template {
		display: none;
	}


	.select-group div.links a div.pris {
		font-size: 11px;
		color: #999;
		display: inline-block;
		text-align: right;
		float: right;
	}

	.item-name {
		line-height: 22px;
	}

	.item-extra {
		color: #888888;
		font-size: 14px;
		line-height: 14px;
		padding-bottom: 3px;
		padding-top:0;
	}
	.item-extra {
		font-size: 12px;
	}

	.links a,
	#group-container > ul > li > ul > li {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-weight: normal;
		position: relative;
	}

	.desktop .links a.button {
		padding: 0 20px;
	}

	.admin #group-container {
		width: 65%;
		min-width: 450px;
	}


	.tc-news {
		background-color: #fff;
		border: 1px solid #ccc;
		color: #666;
		position: relative;
		width: 100%;
		max-width: 800px;
	}


	.tc-news .close {
		float: right;
		position: absolute;
		right: -16px;
		top: -14px;
	}

	.hidden-mail-link {
		text-decoration: none;
		color: #999;
	}


	/* Popup calendar export/select date */
	.cpYearNavigation, .cpMonthNavigation {
		text-align: center;
		vertical-align: center;
		text-decoration: none;
		font-weight: 700
	}

	A.cpMonthNavigation.arrow-left div, A.cpMonthNavigation.arrow-right div {
		background-color: transparent;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6T+iNAAAAH3RSTlMAAQIDBAUHCw0YGRotLkRHTVBkcXe+xcfa4Ojv8/X5oJruPQAAAHJJREFUOMvtykkKhEAUBNF0bmdt29ny3/+WDSVCbbRyIS7E2AU84Khi+oKpFpEf6Ri5ObvcnUhDOpGQdC3pOv91d7j+AleRLjDccOLgDIbMTyCi8ZUPlRkrV4+UswtKqhRgpEpgS0sVW52WC+OAsPyY+wfj7jOZLgHfNAAAAABJRU5ErkJggg==");
		background-origin: content-box;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		display: block;
		height: 32px;
		width: 32px;
		opacity: 0.5;
	}

	A.cpMonthNavigation.arrow-right div {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAGnRSTlMAAQMEExYYJSs6PFJVVldYZmd3jqOlpsXT80ZZGOYAAABpSURBVDjL7crJEkAwFETRjpjnObz//1ALFBtJb5Qq3O09wFEwDRpE4SxiNOcYuTq39DfnlJ0IJxNhZfGoLD8sq7ulZ5P1SWYWp80JxqTLf/c2h5Z0aEgHNXIOUAPndul2gOo5B6g0up4LR9crgfnGwz4AAAAASUVORK5CYII=");
	}


	TD.cpDayColumnHeader {
		border-width: 0 0 1px;
		padding: 4px;
		text-align: center;
		color: #aaa;
	}

	.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
		text-decoration: none
	}

	.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
		color: #D0D0D0;
		text-align: center;
		text-decoration: line-through
	}

	.cpCurrentMonthDate {
		color: #000;
		background-color: #fff
	}

	.cpOtherMonthDate {
		color: #eee;
		background-color: #fff
	}

	TD.cpCurrentDate A {
		color: #fff;
		background-color: #333;
		border-radius: 4px;
	}

	TD.cpTodayDate {
		color: #fff;
		background-color: #27bec5
	}

	TD.cpTodayDate A {
		color: #fff
	}

	TD.cpCurrentDateDisabled {
		border: solid thin #FAA;
		border-width: 1px
	}

	TD.cpTodayText, TD.cpTodayTextDisabled {
		padding-top: 10px;
		padding-bottom: 10px
	}

	A.cpTodayText, SPAN.cpTodayTextDisabled {
		height: 20px
	}

	A.cpTodayText {
		xbackground-color: #67D;
		font-weight: 700
	}

	SPAN.cpTodayTextDisabled {
		color: #D0D0D0
	}

	.cpBorder {
		border: 1px solid #ccc;
		width: 400px;
		padding: 7px;
	}

	.cpInnercal {
		width: 100%;
		background-color: #fff;
		padding: 4px
	}

	.cpDates {
		width: 100%;
		height: 100%
	}

	.cpDates td {
		vertical-align: middle
	}

	.cpDates td a {
		display: block;
		height: auto;
		line-height: 1em;
		padding: 0.6rem 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		width: 100%;
	}

	.cpDates td a:hover {
		color: #000;
		border-color: #f2f2f2;
		background-color: #f2f2f2;
		text-decoration: none;
		border-radius: 4px;
	}

	.cpDates td a:active {
		color: #fff;
		background-color: #14aac1;
		text-decoration: none
	}

	A.cpTodayDate::before,
	table.cal td.today A:before {
		border-left: 0.5em solid transparent;
		border-top: 0.5em solid #000;
		content: " ";
		height: 0;
		position: absolute;
		right: 3px;
		top: 2px;
		width: 0;
		z-index: 10;
	}

	/* New CSS-forms */
	.booked-here-before {
		padding-left: 160px;
	}

	.forms div.form-field {
		clear: both;
		margin-bottom: 10px;
	}

	.forms div.form-submit {
		clear: both;
		margin-left: 158px;
		padding-top: 15px;
		height: 100%;
		overflow: hidden;
	}


	.forms label, .forms .left {
		display: block;
		text-align: right;
		width: 147px;
		float: left;
		margin: 8px 0;
		line-height: 22px;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-group.frequency label {
		width: 70px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: 10px;
		display: none;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-field .links.checkbox label {
		width: auto;
	}

	.admin.page-install.subpage-kalender.mode-edit .forms div.form-field {
		margin-bottom: 7px;
	}


	.admin.page-install.subpage-kalender.mode-edit .form-group.repeat input[type=checkbox] {
		width: 16px;
		height: 16px;
		padding: 0;
		margin: 0 7px 0 0;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-group.repeat label {
		line-height: 16px;
		margin: 0;
		text-align: left;
		vertical-align: top;
	}


	.admin.page-install.subpage-kalender.mode-edit .calendar-edit h4.schema {
		margin-top: -8px;
	}

	.admin.page-install.subpage-kalender.mode-edit .repeat-button A.button.refresh {
		box-sizing: border-box;
		width: 200px;
	}

	.admin.page-install.subpage-kalender.mode-edit .linkbuttons .delete A {
		color: #666;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-group.repeat .links.checkbox > div {
		display: inline-block;
		width: 100%;
	}


	.admin.page-install.subpage-kalender.mode-edit .form-group input {
		display: inline-block;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-group.frequency select,
	.admin.page-install.subpage-kalender.mode-edit .form-group.frequency input {
		width: 200px;
		height: 36px;
		line-height: 34px;
		max-width: 500px;
		overflow: hidden;
		padding: 0 30px 0 7px;
		margin: 0;
		box-sizing: border-box;
		float: none;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-group.frequency .repeat-end {
		clear: both;
	}

	.admin.page-install.subpage-kalender.mode-edit .form-field A#anchorrepeat_start,
	.admin.page-install.subpage-kalender.mode-edit .form-field A#anchorrepeat_end {
		margin-left: -35px;
		margin-top: 0;
		padding: 7px;
		position: absolute;
	}


	.loginform {
		margin-top: 20px;
	}

	.loginform label, .loginform .left {
		width: 70px;
		text-align: left;
	}

	.forms input, .forms textarea, .forms .right {
		display: block;
		float: left;
		width: 220px;
		margin: 3px 13px;
		text-align: left;
	}

	#journalnew .chars-left {
		float: left;
		text-align: left;
		margin: 15px 0 15px 15px;
		line-height: 36px;
		padding: 0;
	}

	#journalnew .button {
		float: left;
		clear: both;
		margin: 15px 0 15px 0;

	}

	#journalnew textarea {
		margin: 0;
	}

	form#newclient table input {
		width: 220px;
	}

	form#newclient table input#sendlogin, form#newclient table input#active {
		width: auto;
	}

	form#newclient table input.postnr {
		width: 45px;
	}

	form#newclient table input.postort {
		width: 157px;
	}


	.forms .clearinput {
		float: none;
		display: inline;
		width: auto;
		text-align: left;
		margin: 0;
		margin-left: 4px;
		margin-right: 0px;

	}


	.forms .forgotpass {
		line-height: 35px;
	}

	.forms div label.form-field-textarea {
		margin-top: 0;
	}


	.forms div.top-align label.form-field-textarea {
		padding-top: 20px;
		overflow: hidden;
	}

	.forms div.top-align label.nopadding {
		padding-top: 0;
	}

	.forms div.top-align label, .forms div.top-align input, .forms div.top-align textarea {
		float: none;
		text-align: left;
		width: auto;
		margin-bottom: 0px;
		margin-left: 160px;

	}

	.forms div.top-align textarea {
		margin-top: 3px;

	}

	.forms div.form-field-dual input.dual-small {
		width: 44px;
		margin-right: 7px;
	}

	.forms div.form-field-dual input.dual-big {
		margin-left: 0;
		width: 155px;
	}

	.forms #pwd_normal div {
		margin: 8px 10px 8px 10px;
		line-height: 22px;
		float: left;
	}

	.forms div.newsletter input {
		width: auto;
		float: left;
		margin-top: 11px;
		margin-left: 10px;
	}

	.forms div.newsletter label {
		width: auto;
		float: left;
		margin: 8px 5px 20px 5px;
	}

	.forms div.adminchecks label {
		float: left;
		margin: 8px 5px 0;
		width: auto;
	}

	.forms div.adminchecks input.clearinput {
		margin: 4px 7px;
	}


	form.forms .form-group textarea.client-message, form#newclient textarea#admin_kommentar {
		height: 48px;
		width: 220px;
	}


	/* END FORM */
	.links.profiles a {
		display: block;
		padding-bottom: 15px;
		text-decoration: none;
	}

	.links.profiles .user {
		text-decoration: underline;
	}

	.links.profiles .appointments {
		color: #999;
		display: block;
		font-size: 15px;
		font-weight: normal;
	}

	.popup-available-times {
		position: fixed;
		bottom: 0px;
		z-index: 100000;
		width: 782px;
		width: 70%;
		min-width: 526px;
		padding: 0;
		text-align: center;
		padding-bottom: 30px;
	}

	.animated {
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
	}

	.animated.hinge {
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
	}

	@-webkit-keyframes bounceInUp {
		0% {
			opacity: 0;
			-webkit-transform: translateY(2000px);
		}
		60% {
			opacity: 1;
			-webkit-transform: translateY(-30px);
		}

		80% {
			-webkit-transform: translateY(10px);
		}

		100% {
			-webkit-transform: translateY(0);
		}
	}
	@-moz-keyframes bounceInUp {
		0% {
			opacity: 0;
			-moz-transform: translateY(2000px);
		}

		60% {
			opacity: 1;
			-moz-transform: translateY(-30px);
		}

		80% {
			-moz-transform: translateY(10px);
		}

		100% {
			-moz-transform: translateY(0);
		}
	}

	@-o-keyframes bounceInUp {
		0% {
			opacity: 0;
			-o-transform: translateY(2000px);
		}

		60% {
			opacity: 1;
			-o-transform: translateY(-30px);
		}

		80% {
			-o-transform: translateY(10px);
		}

		100% {
			-o-transform: translateY(0);
		}
	}

	@keyframes bounceInUp {
		0% {
			opacity: 0;
			transform: translateY(2000px);
		}

		60% {
			opacity: 1;
			transform: translateY(-30px);
		}

		80% {
			transform: translateY(10px);
		}

		100% {
			transform: translateY(0);
		}
	}

	.bounceInUp {
		-webkit-animation-name: bounceInUp;
		-moz-animation-name: bounceInUp;
		-o-animation-name: bounceInUp;
		animation-name: bounceInUp;
	}

	.subtext {
		display: block;
	}

	.page-support input, .page-support textarea,
	.page-info input, .page-info textarea {
		width: 350px;
	}

	.page-support.subpage-faq input {
		height: 22px;
		line-height: 22px;
	}


	.page-customers.subpage-show textarea {
		margin-bottom: 10px;
		width: 600px;
	}

	.page-customers.subpage-show table.admin-extra td {
		text-align: center;
		border-radius: 0px !important;
	}

	.page-customers.subpage-show table.admin-extra .tooltip {
		padding: 3px;
	}

	.page-customers.subpage-show table.admin-extra td.status-green img {
		border-bottom: 5px solid green;
		padding-bottom: 5px;
		width: 16px;
	}

	.page-customers.subpage-show table.admin-extra td.status-red img {
		border-bottom: 5px solid red;
		padding-bottom: 5px;
		width: 16px;
	}

	.page-customers.subpage-show table.admin-extra td.status-yellow img {
		border-bottom: 5px solid gold;
		padding-bottom: 5px;
		width: 16px;
	}

	.page-customers.subpage-show table.admin-extra td.status-none img {
		border-bottom: 5px solid transparent;
		padding-bottom: 5px;
		width: 16px;
	}

	.page-customers.subpage-show table.admin-extra td.status-transparent img {
		border-bottom: 5px solid transparent;
		padding-bottom: 5px;
		width: 24px;
	}

	.page-customers.subpage-show table.admin-extra td.status-gray img {
		border-bottom: 5px solid gray;
		padding-bottom: 5px;
		width: 24px;
	}

	.page-customers.subpage-show table.lista .not-changed {
		color: #aaa;
	}

	.page-customers.subpage-show h2 {
		padding-top: 30px;
	}

	.nextweek-overlay-container {
		position: absolute;
		height: 100%;
		width: 100%;
		padding: 0;
		padding-top: 34px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1;
	}

	.nextweek-overlay {
		background-color: rgba(0, 0, 0, 0.1);
		height: 100%;
		padding-top: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.nextweek-overlay-dialog {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin: 0 auto;
		padding: 15px;
		text-align: center;
		width: 35%;
		margin-bottom: 20px;
	}

	.nextweek-overlay-dialog h1 {
		font-size: 20px;
		line-height: 24px;
		padding: 0;
		margin: 0;
	}

	.nextweek-overlay-dialog div.info {
		padding: 0px 10px 10px 10px;
	}


	#schemadiv {
		position: relative;
		min-height: 200px;
	}

	#schemadiv.lista {
		position: static;
	}

	/* Settings - Calendar */
	.admin.page-install.subpage-kalender.mode-edit input[name=namn],
	.admin.page-install.subpage-kalender.mode-edit select[name=personal],
	.admin.page-install.subpage-kalender.mode-edit select[name=kid],
	.admin.page-install.subpage-kalender.mode-edit select[name=payments_online_agreement_id],
	.admin.page-install.subpage-kalender.mode-edit select[name=payments_online_optional],
	.admin.page-install.subpage-kalender.mode-edit textarea[name=info] {
		width: 300px !important;
		height: 35px;
		box-sizing: border-box;
	}

	.admin.page-install.subpage-kalender.mode-edit input[name=namn],
	.admin.page-install.subpage-kalender.mode-edit textarea[name=info] {
		padding-left: 11px;
	}

	.admin.page-install.subpage-kalender.mode-edit textarea[name=info] {
		height: 64px;
	}

	/* Settings - Business details - Add place */
	.admin.page-install.subpage-kontor table tr.place-name-instruction td {
		padding: 0;
	}

	.admin.page-install.subpage-kontor table tr.empty td {
		padding: 0px;
	}

	tr#instruktion_link_row td A {
		color: #888;
	}

	tr.place-name-instruction td {
		position: relative;
	}

	tr.place-name-instruction td div {
		color: #888;
		font-size: 12px;
		margin-left: 13px;
		top: -5px;
		position: absolute;
		width: 100%;
		display: inline-block;
	}

	.admin.page-install.subpage-kontor table B {
		font-weight: normal;
		padding-right: 13px;
	}


	.admin.page-install.subpage-kontor input:not([type="checkbox"]) {
		width: 200px;
	}

	.admin.page-install.subpage-kontor input#postnr {
		width: 50px;
	}

	.admin.page-install.subpage-kontor input#postort {
		width: 132px;
	}

	.content-with-menu.admin.page-install.subpage-kontor.mode-edit table td:first-child {
		text-align: right;
	}

	.form-kort-meddelande,
	.form-presentation {
		width: 255px;
	}

	.form-kort-meddelande {
		height: 40px;
	}

	.place-map-wrapper {
		float: left;
		width: 212px;
		height: 200px;
		text-align: center;
		background: white;
		border-radius: 4px;
		border: 1px solid #ccc;
		margin-top: 6px;
	}

	.place-map-inner {
		width: 212px;
		height: 200px;
		background: none repeat scroll 0% 0% rgb(238, 238, 238);
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		position: relative;
		overflow: hidden;
		border-radius: 4px;
	}


	/* Settings > Calendar > Sync */
	.admin.page-install.subpage-kalender #showsyncronize {
		margin-top: 10px;
	}

	.admin.page-install.subpage-kalender #syncenabled #syncdisable-button {
		line-height: 26px;
		height: 26px;
	}

	/* Settings > Calendar > Schema */
	.admin.page-install.subpage-kalender .calendar-edit .calendar-edit-right .no-services {
		padding-top: 15px;
	}

	/* Start page */
	.homepage {
		background-color: #fff;
	}

	html.sales-page .cover-image-container {
		bottom: 0;
		display: block;
		height: 440px;
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		background-color: #f0f0f0;
	}

	html.sales-page .cover-image {
		width: auto;
		height: 100%;
		object-fit: cover;
		object-position: center top;
		position: relative;
	}

	html.sales-page.mobile .cover-image {
		width: 100%;
		height: 100%;
	}

	html.sales-page .intro {
		height: 440px !important;
		padding-bottom: 0;
		right: 0;
		width: 100%;
		display: inline-block;
		position: relative;
	}

	.big-screenshot, .recommend .piechart, .quotemark, .big-video .howitworks, .wide-quote .customer-photo, .counter .text .fivemillion {
		-webkit-background-size: 100% 100%; /* Android 2 */
		-moz-background-size: 100% 100%; /* Old Firefox */
		background-image: none \9 !important; /* Filter fix for IE8 and below */
	}


	html.sales-page .intro .slogan {
		background-color: rgba(255, 255, 255, 0.9);
		margin: 200px auto 0 auto;
		max-width: 500px;
		position: relative;
		text-align: center;
		width: auto;
	}

	h1.bokningssystem {
		font-family: "Helvetica Neue", Arial, sans-serif;
		color: #000;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 12px;
		padding-bottom: 0;
		font-weight: bold;
	}

	h2.bokningssystem {
		font-size: 24px;
	}

	.subpage-reviews .no-review-info {
		max-width: 750px;
		font-size: 16px;
		color: #888;
		margin-bottom: 50px;
	}


	.slogan .big H1 {
		font-family: "Helvetica Neue", Arial, sans-serif;
		color: #000;
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 12px;
		padding-bottom: 0;
		font-weight: bold;
		text-align: center;
		padding-top: 12px;
	}


	.slogan .subtext {
		font-family: "Helvetica Neue", Arial, sans-serif;
		color: #888;
		font-size: 18px;
		line-height: 34px;
		margin-bottom: 0;
		padding-bottom: 0;
		font-weight: normal;
		text-align: center;
	}


	.subpage-mp .slogan .big {
		padding-top: 25px;
	}

	.simplemodal-container .input-popup .slogan .subtext {
		font-size: 16px;
	}

	.simplemodal-container .input-popup {
		text-align: center;
	}

	.simplemodal-container .input-popup .slogan .big {
		padding-top: 0;
		text-align: center;
	}

	#main-content .subtext.small {
		font-size: 14px;
		line-height: 22px;
	}

	#main-content .subtext.small A {
		background: none;
	}


	.subpage-mp.mode-step1 #headertab {
		margin: 0 auto;
		width: 400px;
	}

	.subpage-mp.mode-step1 #step1warn {
		margin: 0 auto;
		width: 700px;
		text-align: center;
		clear: both;
	}

	.subpage-mp.mode-step1 #step1info {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 400px;
	}

	.subpage-mp.mode-step3 .slogan .big {
		padding-top: 0;
	}


	.subpage-mp.mode-step3 #success {
		background-color: #fff;
		width: 64px;
		height: 64px;
		margin: 60px auto 0 auto;
		display: inline-block;
		background-image: url('/img/128_intro.png');
		background-size: 100% 100%;
	}

	#headertab A.inline-mp.big {
		font-weight: bold;
	}

	A.blue-button {
		margin-top: 15px;
		background-color: #109dd7;
		background-image: linear-gradient(#1aa7e1, #109dd7);
		border-color: #008dc7;
		border-radius: 5px;
		border-style: solid;
		border-width: 1px;
		color: #FFFFFF;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 24px;
		font-weight: normal;
		height: 48px;
		line-height: 48px;
		padding: 0 60px 0 60px;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		margin-bottom: 15px;
		text-align: center;
		width: auto;
	}

	A.blue-button:hover {
		cursor: pointer;
		background-color: #0b98d2;
		background-image: linear-gradient(#15a2dc, #0b98d2);
		border: 1px solid #238ad1;
		color: #fff;
	}

	A.blue-button:active {
		cursor: pointer;
		background-color: #05a2e5;
		background-image: linear-gradient(#05a2e5, #0096d9);
		border: 1px solid #238ad1;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
		color: #fff;
	}

	.big-screenshot {
		background-color: #fff;
		background-image: url("/img/b2-presentation.jpg");
		background-size: cover;
		display: inline-block;
		float: left;
		height: 578px;
		margin: 10px 0 50px;
		width: 100%;
	}

	.recommend {
		color: #ffba00;
		width: 100%;
		height: auto;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 25px;
	}

	.recommend .piechart {
		width: 76px;
		height: 76px;
		display: inline-block;
		margin-right: 20px;
		background-image: url('/pages/common/img/piechart.png');
		background-size: 100% 100%;
		vertical-align: middle;
	}

	.recommend .percent {
		font-size: 50px;
		display: inline-block;
		margin-right: 5px;
		vertical-align: middle;
	}

	.big-video, .counter {
		width: 100%;
		height: auto;
		background-color: #f8f8f8;
		text-align: center;
	}

	.sales-page .counter div > span {
		background-color: #000;
		color: #fff;
		font-size: 2.5em;
		font-weight: 300;
		margin-right: 1px;
		padding: 0 5px;
	}


	.big-video {
		color: #1f9be3;
		font-size: 30px;
		text-align: center;
		line-height: 80px;
	}

	.big-video .howitworks {
		width: 155px;
		height: 85px;
		display: block;
		margin: 20px auto 5px auto;
		background-image: url('/pages/en/img/howitworks.png');
		background-size: 100% 100%;
		vertical-align: middle;
	}

	.leftfloat .mobile-app {
		width: 220px;
		padding-right: 50px;
		padding-left: 50px;
	}

	.wide-quote {
		color: #666;
		font-size: 26px;
		text-align: left;
		line-height: 40px;

		width: 740px;
		height: auto;
		margin: 0 auto;
		padding: 20px;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}

	.quotemark {
		vertical-align: top;
		width: 34px;
		height: 34px;
		display: inline-block;
		margin: 0 20px 0 0;
		background-image: url('/pages/common/img/quote.png');
		background-size: 100% 100%;
		float: left;
	}

	.wide-quote .quote {
		padding-left: 55px;
		font-weight: 300;
	}

	.wide-quote .quote .customer {
		font-size: 20px;
		line-height: 30px;
		color: #aaa;
		font-weight: normal;
	}

	.wide-quote .quote .customer-small {
		font-size: 16px;
		line-height: 22px;
		color: #aaa;
		font-weight: normal;
	}

	.wide-quote A {
		color: #aaa;
	}


	.wide-quote .customer-photo {
		vertical-align: top;
		width: 110px;
		height: 110px;
		display: inline-block;
		margin: 0 0 0 40px;
		background-image: url('/pages/sv/img/lina-kuijl.jpg');
		background-size: 100% 100%;
		float: right;
	}

	.benefits .list {
		line-height: 36px;
	}


	.benefits .subtext {
		color: #aaa;
		display: inline;
	}

	.benefits .blue-button {
		padding: 0px 30px 0 30px;
		margin-top: 30px;
		margin-bottom: 50px;
		font-size: 18px;
	}

	.counter .text {
		color: #0f67b8;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		margin: 10px auto;
		line-height: 46px;
	}

	.fivemillion {
		vertical-align: middle;
		width: 272px;
		height: 43px;
		display: inline-block;
		margin: 0 5px 0 5px;
		background-image: url('/pages/common/img/fivemillion.png');
		background-size: 100% 100%;
	}

	.logos,
	.coop-logos {
		vertical-align: middle;
		width: 100%;
		height: 97px;
		display: inline-block;
		margin: 5px 0;
		background-image: url('/pages/sv/img/logos.png');
		background-size: cover;
		background-position: center center;
	}


	.coop-logos {
		background-image: url('/img/coop_logos.png');
	}

	.quick-signup {
		background-color: #fff;
		height: auto;
		padding: 30px 0 20px;
		width: 100%;
	}

	.quick-signup h2 {
		text-align: center;
		color: #333;
		font-size: 20px;
		height: auto;
		padding-bottom: 20px;
	}

	.quick-signup .blue-button {
		width: 260px;
		margin: 0 auto;
		display: block;
	}

	.quick-signup .subtext {
		text-align: center;
		color: #333;
		opacity: 0.5;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.full-text {
		font-family: "Helvetica Neue", Arial, sans-serif;
		padding-top: 25px;
		font-size: 18px;
		line-height: 24px;
	}

	.onlinebokning-lista {
		padding-bottom: 50px;
	}

	.bransch {
		font-family: "Helvetica Neue", Arial, sans-serif;
		vertical-align: top;
		display: inline-block;
		width: 250px;
		font-size: 24px;
		line-height: 32px;
		font-weight: 300;
	}


	#checkmarks {
		font-size: 18px;
		line-height: 24px;
		padding-top: 10px;
	}

	#checkmarks .subtext {
		font-size: 18px;
		line-height: 24px;
		display: inline-block;
		padding-bottom: 25px;
		padding-left: 37px;
	}


	/* Image upload */
	.image-cover {
		background: no-repeat center center local;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	​
	.image-contain {
		background: no-repeat center center local;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-position: 50% 50%;
	}

	.staff-image-upload {
		float: right;
		width: 250px;
		margin-top: -60px;
	}

	#image-cropper {
		display: table;
		margin: 0 auto;
		padding-bottom: 10px;
	}


	#image-cropper input[type="range"] {
		width: 125px;
		margin: 2px 0;
	}

	#save_button {
		text-align: center;
	}

	.cropit-image-preview {
		background-color: #f8f8f8;
		background-size: cover;
		border-radius: 3px;
		margin-top: 7px;
		cursor: grab;
		cursor: -webkit-grab;
		cursor: -moz-grab;
		margin-bottom: 35px;
	}

	.cropit-image-preview:active {
		cursor: grabbing;
		cursor: -webkit-grabbing;
		cursor: -moz-grabbing;
	}

	.cropit-image-background {
		opacity: 0.2;
		cursor: auto;
	}

	.cropit-image-zoom-input {
		margin-top: 20px;
	}

	.zoom-wrapper {
		display: table;
		margin-top: 10px;
	}

	/*.
.image-wrapper IMG, .cropit-image-preview.cropit-image-loaded, .cropit-image-preview.cropit-image-loading, .logo-200 {
  border-radius:10px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
}

image-wrapper IMG, .image-upload-wrapper .cropit-image-loaded, .image-upload-wrapper .cropit-image-loading {
box-shadow: 0 0 0 4px #fff, 0 0 0 5px #ccc;
}*/
	#image-cropper .help-text {
		text-align: center;
	}

	.cropit-image-preview-container {
		margin-left: 49px;
		margin-top: 25px;
	}

	.cropit-image-background-container {
		padding-left: 49px;
	}

	.image-wrapper.calendar IMG,
	.image-upload-wrapper.calendar .cropit-image-loaded,
	.image-upload-wrapper.calendar .cropit-image-loading,
	.image-wrapper.staff IMG,
	.image-upload-wrapper.staff .cropit-image-loaded,
	.image-upload-wrapper.staff .cropit-image-loading {
		border-radius: 0px;
	}


	.subpage-personal .lista img,
	.staff-wrapper img {
		border: 1px solid #ccc;
		border-radius: 3px;
	}

	.staff-wrapper {
		margin-bottom: 20px;
	}

	.staff-wrapper.checkbox svg {
		margin: 4px 4px 4px 4px;
		width: 30px;
		height: 30px;
	}


	/* -- Tjänstväljare desktop start -- */
	#group-container > ul > li {
		list-style-type: none;
	}

	#group-container > ul:first-child > li > h2 {
		margin-top: 0px;

	}

	#group-container h2 {
		margin-top: 20px;
	}

	#group-container A {
		border: 1px solid #ddd;
		display: block;
	}

	#group-container .service-wrapper.single-duration.service .service-container .service-duration {
		display: none;
	}

	#group-container .service-wrapper.single-duration .service-container .service-staff-select {
		padding-left: 0;
	}

	#group-container .service-wrapper.single-duration .service-container .service-staff-select a.service-staff-row:first-child {
		border-top: 1px solid #ddd;
	}

	#group-container .service-wrapper:first-child A.service-title {
		border: 0;
		margin-top: 0px;
	}

	#group-container .service-wrapper A.service-title {
		padding: 5px 0;
		border: 0;
		xmargin-top: 20px;
		xmargin-bottom: 5px;
		display: flex;
		align-items: center;

	}

	#group-container .service-wrapper A.service-title:hover {
		background-color: #f5f5f5;
		text-decoration: none;
	}

	#group-container .service-wrapper A.service-title h3 {
		font-weight: normal;
		color: #0b80ce;
	}

	#group-container .service-wrapper.open A.service-title h3 {
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}
	#group-container .service-wrapper.open A.service-title .service-title-duration {
		display:inline-block;
	}
	#group-container .service-wrapper A.service-title .service-title-duration {
		display:none;
	}
	#group-container .service-wrapper.open A.service-title .price {
		display: none;
	}
	#group-container .service-wrapper A.service-title .price {
		margin-left: auto;
		padding-left: 20px;
		padding-right: 10px;
	}

	#group-container .service-wrapper .service-container {
		margin-bottom: 20px;
		xmargin-top: 10px;
	}


	#group-container .service-wrapper .service-container .description {
		margin-bottom: 10px;
	}

	#group-container .service-content {
		margin-top: 5px;
	}

	#group-container a.service-duration {
		padding: 10px;
		text-decoration: none;
	}

	#group-container a.service-duration:hover {
		color: #2991d1;
		background-color: #f5f5f5;
	}

	#group-container .service-duration-row.open a.service-duration,
	#group-container .service-duration-row:last-child a.service-duration
	{
		border-width: 1px 1px 1px 1px;
	}

	#group-container a.service-duration {
		border-width: 1px 1px 0px 1px;
	}

	#group-container .price {
		float: right;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select {
		/*> div.service-staff-select > A.service-staff {*/
		padding-left: 13px;
		border-width: 0 1px 1px 1px;

	}

	#group-container .service-wrapper .service-duration-row .service-staff-select a:last-child {
		border-width: 1px 1px 0 1px;
	}

	#group-container .service-wrapper .service-duration-row:last-child .service-staff-select a:last-child {
		border-width: 1px 1px 1px 1px;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row {
		display: block;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select a.service-staff-row:hover {
		background-color: #f5f5f5;
		text-decoration: none;
		color: #2991d1;
	}


	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row {
		margin: 0;
		padding: 0 0 0 5px;
		display: flex;
		align-items: center;
		border-top: 0;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row .staff-photo {
		width: 55px;
		padding: 9px 5px;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row .staff-photo img {
		border-radius:50%;
		width:38px;
		height:38px;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row .staff-photo.icon {
		padding: 6px 2px 0px 2px
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row .staff-name {
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row .price {
		margin-left: auto;
		padding-left: 20px;
		padding-right: 10px;
	}

	#group-container .service-wrapper .service-duration-row .service-staff-select .service-staff-row .staff-photo svg {
		width: 44px;
		height: 44px;
		margin: 0px;
	}


.business .staff-wrapper .staff-info-wrapper {
width:auto; 
}

.staff-wrapper .staff-single-wrapper .staff-photo {
    float: left;
}

.staff-wrapper .staff-single-wrapper .staff-info {
    margin-top: 0;
}

.staff-wrapper .staff-single-wrapper .staff-name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.staff-wrapper .staff-single-wrapper .staff-info2, .staff-wrapper .staff-single-wrapper .staff-info3 {
margin-top: 20px;
}

.staff-wrapper .staff-single-wrapper .staff-info3 ul li {
list-style-position: outside;
margin-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}

.staff-wrapper .staff-info-wrapper {
    margin-left: 120px;
    min-height: 100px;
    padding-bottom: 20px;
    width: 60%;
}


html .business .staff-wrapper .staff-single-wrapper {
margin:15px 0 0 0;
padding:0 0 15px 0;  
}

html .business .staff-wrapper .staff-single-wrapper:first-of-type {
margin:0;  
}
html .business .staff-wrapper .staff-single-wrapper img {
border-radius:50%;   
}

	/* -- Tjänstväljare desktop slut -- */
	.zoom-wrapper a.button.zoom-in, .zoom-wrapper A.zoom-out.button {
		font-size: 30px;
		height: 30px;
		line-height: 30px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		width: 30px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}


	.image-wrapper A {
		xdisplay: inline-block;
	}

	.image-wrapper A:active {
		opacity: 0.5;
	}

	.zoom-wrapper A.zoom-out.button {
		float: left;
	}


	.image-wrapper {
		xpadding-top: 12px;
		position: relative;
	}

	.image-wrapper.place .simplemodal-close,
	.logo-container .logo-wrapper .simplemodal-close {
		right: 0;
		top: 0;

	}

	/*
.upload-image-container {
  float: right;
  width: 100%;
  height: 300px;
}
*/
	.subpage-kontor div.wrapper {
		box-sizing: border-box;
	}

	.subpage-kontor div.wrapper .content-left {
		width: 53%;
		float: left;
	}

	.subpage-kontor div.wrapper .content-right {
		width: 47%;
		float: right;
	}


	.image-wrapper.place {
		overflow: hidden;
	}

	.image-wrapper.place .image-inline-crop {
		overflow: hidden;
		height: 100%;
		xborder: 1px solid red;
		box-sizing: border-box;
	}

	.image-wrapper.place .image-inline-crop img {
		box-sizing: border-box;

	}

	.upload-image-container * {
		box-sizing: border-box;
	}


	.upload-image-container .image-wrapper.place:first-of-type {
		height: 196px;
		width: 362px;
		margin-right: 4px;
	}

	.upload-image-container .image-wrapper.place:nth-of-type(3n+4) {
		margin-right: 0;
	}

	.upload-image-container A.simplemodal-close,
	.logo-container A.simplemodal-close {
		background-position: top right;
		background-size: 25px 25px;
		height: 25px;
		width: 25px;
	}

	.upload-image-container .image-wrapper.place > .modal-action-button,
	.upload-image-container .image-wrapper.place.noimage:hover > .modal-action-button,
	html.is-touch-device .upload-image-container .image-wrapper.place.noimage > .modal-action-button,
	.logo-container .modal-action-button,
	.logo-container .noimage:hover > .modal-action-button,
	html.is-touch-device .logo-container .noimage > .modal-action-button {
		display: none;
	}

	/* show X-button för touch devices */
	html.is-touch-device .upload-image-container .image-wrapper.place > .modal-action-button,
	html.is-touch-device .logo-container .logo-wrapper > .modal-action-button {
		display: block;
	}


	.upload-image-container .image-wrapper.place:hover > .modal-action-button,
	.logo-container .logo-wrapper:hover > .modal-action-button {
		display: block;
	}


	.upload-image-container .image-wrapper.place {
		float: left;
		height: 72px;
		width: 118px;
		margin: 0 4px 4px 0;
		position: relative;
	}

	.upload-image-container .image-wrapper.place .image-inline-crop > img.portrait {
		width: 100%;
		height: auto;
	}

	.upload-image-container .image-wrapper.place .image-inline-crop > img {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100%;
		width: auto;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.upload-image-container .image-wrapper.place.noimage {
		border: 1px solid #ccc;
		background-color: #fafafa;
	}

	.subpage-kontor .logo-wrapper.noimage .image-inline-crop,
	.subpage-kontor .logo-wrapper.noimage .modal-action-button {
		display: none;
	}

	.upload-image-container .image-wrapper.place.noimage .image-inline-crop {
		background-size: contain;
		background-position: 50% -10px;
		background-color: #fafafa;
	}

	.subpage-kontor .image-wrapper.noimage .modal-action-button {
		display: none;
	}

	.subpage-kontor .logo-wrapper.noimage {
		position: relative;
		border: none;
	}


	.subpage-kontor .logo-container {
		width: 212px;
		position: relative;
	}


	.subpage-kontor .logo-wrapper .image-inline-crop {
		height: 120px;
		width: 212px;
		border: 1px solid #ccc;
	}

	.subpage-kontor .logo-wrapper.noimage .change-photo {
		display: block;
	}

	.subpage-kontor .image-wrapper.noimage .change-photo,
	.subpage-personal .image-wrapper.noimage .change-photo,
	.subpage-personal .image-wrapper #delete-photo {
		display: block;
		padding-top: 5px;
	}

	.subpage-personal .image-wrapper #delete-photo {
		padding-bottom: 5px;
	}

	.subpage-personal .image-wrapper.noimage.staff #image {
		border: 1px solid #ccc;
	}


	.subpage-kontor .image-wrapper.noimage .change-photo {
		text-decoration: none;
		color: #666;
		font-weight: bold;
		text-align: center;
		font-size: 13px;
	}

	.subpage-kontor .logo-wrapper.noimage:first-of-type .change-photo,
	.subpage-kontor .image-wrapper.noimage:first-of-type .change-photo {
		margin-top: -65px;
		font-size: 14px;
	}

	.subpage-kontor .image-wrapper.noimage:first-of-type .change-photo {

	}

	.subpage-kontor .image-wrapper.noimage .change-photo {
		margin-top: -32px;
	}

	.subpage-kontor .logo-wrapper .change-photo,
	.subpage-kontor .image-wrapper .change-photo {
		position: absolute;
		width: 100%;
	}

	.subpage-kontor .logo-wrapper .change-photo,
	.subpage-kontor .image-wrapper .change-photo,
	.subpage-personal .image-wrapper .change-photo {
		display: none;
	}

	.subpage-kontor .image-wrapper #delete-photo a,
	.subpage-personal .image-wrapper #delete-photo a {
		margin-top: 0px;
	}

	.subpage-kontor .image-wrapper.noimage #delete-photo a,
	.subpage-personal .image-wrapper.noimage #delete-photo a {
		display: none;
	}

	.subpage-kontor .logo-wrapper .loader2,
	.subpage-kontor .image-wrapper .loader2 {
		xbackground-color: rgba(200, 200, 200, 0.8);
		border-radius: 0 !important;
		position: absolute;
		border: 10px solid transparent;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		padding: 50px;
		visibility: hidden;
		width: 168px;
	}

	.subpage-kontor .logo-wrapper .loader2 img,
	.subpage-kontor .image-wrapper .loader2 img {
		border-radius: 20px !important;
		width: 48px !important;
		height: 48px !important;
		border: 0;
		display: block;
		margin: 0 auto;
	}

	.logo-wrapper.loading .loader2,
	.image-wrapper.loading .loader2,
	.image-wrapper.loading .loader {
		visibility: visible;
	}

	.logo-wrapper.loading img#image,
	.logo-wrapper.loading #delete-photo,
	.logo-wrapper.loading .change-photo,
	.image-wrapper.loading img#image,
	.image-wrapper.loading #delete-photo,
	.image-wrapper.loading .change-photo {
		visibility: hidden;
	}

	.image-wrapper .loader {
		visibility: hidden;
	}

	.image-wrapper .loader {
		border: none;
		position: absolute;
		left: 76px;
		top: 82px;
	}

	.image-wrapper .loader {
		left: 16px;
		top: 16px;
	}

	.image-wrapper.staff .loader IMG {
		box-shadow: none !important;
		border-radius: 0 !important;
	}


	.simplemodal-container .gallery-fill select {
		margin-bottom: 2px;
	}

	.simplemodal-container .gallery-fill .change-photo {
		margin-top: -50px;
	}

	.simplemodal-container .gallery-fill .fill {
		height: 100px;
		width: 160px;
		float: left;
		margin-right: 2px;
		margin-bottom: 2px;
	}

	.simplemodal-container .gallery-fill .fill .image-cover {
		height: 100%;
		width: 100%;
	}


	/* MP */
	.approve-mp {
		border-bottom: 1px solid #eee;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}


	.approve-mp .logo-200 {
		margin: 3px;
	}

	.approve-mp button {
		margin-top: 20px;
		margin-right: 10px;
	}

	.approve-mp .date {
		font-size: 12px;
		color: #888;
	}


	/* waitlist */
	div.confirmed.waitlist {
		background-color: #fcfbb8;
		border: 1px #ffea00 solid;
		color: #000;
	}

	div.confirmed.waitlist H1 {
		color: #000;
		margin-bottom: 5px;

	}

	/*SBS - 100% width calendar admin */
	.desktop .admin.content-with-menu,
	.desktop #newfooter,
	.desktop .admin.content-with-menu #topmenu,
	.desktop .admin.content-with-menu #header-blank,
	.desktop .admin.content,
	.desktop .admin.content #topmenu,
	.desktop .admin.content #header-blank {
		min-width: 768px;
		width: auto;
		border-left: 0;
		border-right: 0;
	}


	.desktop .admin.content-with-menu #main-content {
		width: 100%;
		padding-right: 15px;
	}


	/*  SBS - 100% width calendar admin END */
	/* SBS Icons */
	.desktop #main-content.overview .day .slot .icons,
	.desktop #main-content.overview .day .slot .close-icon,
	.desktop #main-content.overview .day .slot .open-icon,
	.desktop #main-content.overview .day .slot .loading-icon {

	}

	.desktop .overview .day .slot .icons .newclient {

	}

	.desktop .overview .day .slot .icons .memo,
	.desktop .overview .day .slot .icons .message,
	.desktop .overview .day .slot .icons .message-memo {
		left: auto;
	}

	.desktop .overview .day .slot .icons .memo,
	.desktop .overview .day .slot .icons .message,
	.desktop .overview .day .slot .icons .message-memo,
	.desktop .overview .day .slot .close-icon,
	.desktop .overview .day .slot .open-icon,
	.desktop .overview .day .slot .loading-icon {

	}


	/* SBS other */
	#main-content.overview #schemadiv-wrapper {
		height: auto;
		display: block;
		position: relative;
	}

	#main-content.overview #schemadiv.dag {
		border-radius: 5px 5px 0 0;
	}


	#main-content.overview #schemadiv-wrapper .scroll-left,
	#main-content.overview #schemadiv-wrapper .scroll-right {
		background-color: #fff;
		position: absolute;
		z-index: 1000;
		display: block;
		width: 32px;
		height: 100%;
		cursor: pointer;
		border: 1px solid #ccc;
		border-radius: 4px 0 0 0;
	}

	#main-content.overview #schemadiv-wrapper .scroll-left:hover,
	#main-content.overview #schemadiv-wrapper .scroll-right:hover {
		background-color: #eee;
		background-image: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
	}

	#main-content.overview #schemadiv-wrapper .scroll-left:active,
	#main-content.overview #schemadiv-wrapper .scroll-right:active {
		background-color: #e0e0e0;
		background-image: linear-gradient(to bottom, #eee, #e0e0e0);
		border-color: #999 #AAA #CCC;
		box-shadow: 0 1px 2px #bbb inset;
	}


	#main-content.overview #schemadiv-wrapper .scroll-left {
		left: 0;
	}

	#main-content.overview #schemadiv-wrapper .scroll-right {
		right: 0;
		border-radius: 0 15px 0 0;
	}


	#main-content.overview #schemadiv-wrapper .scroll-right:before,
	#main-content.overview #schemadiv-wrapper .scroll-left:before,
	#main-content.overview #schemadiv-wrapper .scroll-right:after,
	#main-content.overview #schemadiv-wrapper .scroll-left:after,
	.start-bookings .profile-edit:after {
		background-image: url("/img/images@2x.png?13");
		background-position: -28px -80px;
		background-repeat: no-repeat;
		background-size: 250px 250px;
		content: "";
		display: inline-block;
		height: 16px;
		margin: -8px 0 0;
		position: absolute;
		right: 9px;
		top: 17px;
		vertical-align: top;
		width: 16px;
		cursor: pointer;
	}


	#main-content.overview #schemadiv-wrapper .scroll-right:after,
	#main-content.overview #schemadiv-wrapper .scroll-left:after {
		bottom: 12px;
		top: auto;
	}

	#main-content.overview #schemadiv-wrapper .scroll-left:before,
	#main-content.overview #schemadiv-wrapper .scroll-left:after {
		background-position: -229px -104px;
		right: 0;
		left: 9px;
	}

	#main-content.overview #schemadiv {
		overflow-x: scroll;
		overflow-y: hidden;
	}


	#main-content.overview .view, #main-content.overview .scrollbar-div {
		width: 1000px;
		overflow: auto;
	}


	#main-content.overview .day {
		display: table-cell;
		float: none;
		width: auto !important;
	}

	#main-content.overview .day:first-child:nth-last-child(1) {
		width: 100%;
		background-color: red;
		opacity: 0.3;
	}

	/* two items */
	#main-content.overview .day:first-child:nth-last-child(2),
	#main-content.overview .day:first-child:nth-last-child(2) ~ #main-content.overview .day {
		width: 50%;
	}

	/* three items */
	#main-content.overview .day:first-child:nth-last-child(3),
	#main-content.overview .day:first-child:nth-last-child(3) ~ #main-content.overview .day {
		width: 33.3333%;
	}

	/* four items */
	#main-content.overview .day:first-child:nth-last-child(4),
	#main-content.overview .day:first-child:nth-last-child(4) ~ #main-content.overview .day {
		width: 25%;
	}


	#main-content.overview #schemadiv .view.admin .day .header.overview a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	#main-content.overview #schemadiv .view.admin .day.disabled .header,
	#main-content #schemadiv .view .day .slot.disabled,
	#main-content.overview #schemadiv .view.admin .day.disabled .slot {
		opacity: 0.4;
	}

	#main-content.overview #schemadiv .view.admin .day.disabled .slot.booked {
		opacity: 1;

	}

	#main-content.overview #schemadiv .view.admin .day.disabled .slot.booked A {
		cursor: pointer;

	}


	#main-content.overview #schemadiv .view.admin .day.disabled .slot:not(.booked) A {
		cursor: default;
	}

	#main-content.overview #schemadiv .view.admin .day.disabled .slot:not(.booked):not(.passed) A:hover {
		background-color: #a5e995;
	}

	#main-content.overview #schemadiv .view.admin .day.disabled .slot:not(.booked) A:active {
		border-color: #fff #70b85f #70b85f #fff;
		box-shadow: none;
	}

	#main-content.overview div#schemadiv .view.admin .day.disabled .slot.passed a.popup-disabled:hover {
		color: #888;
	}

	#main-content.overview div#schemadiv .view.admin .day.disabled .slot.passed a.popup-disabled:active {
		border-color: #fff #bbb #bbb #fff;
	}

	#main-content.overview #schemadiv .view.admin .day.first.disabled .slot:not(.booked) a.popup-disabled:hover,
	#main-content.overview #schemadiv .view.admin .day.first.disabled .slot:not(.booked) a.popup-disabled:active {
		border-left-color: #ccc;
	}

	#main-content.overview #schemadiv .view.admin .day.disabled .slot:not(.booked) a.popup-disabled:hover,
	#main-content.overview #schemadiv .view.admin .day.disabled .slot:not(.booked) a.popup-disabled:active {
		box-shadow: none;
	}

	#main-content.overview div#schemadiv .view.admin .day.disabled .slot:not(.booked):not(.unbookable):not(.passed) a.popup-disabled {
		background-color: #a5e995;
	}


	#main-content.overview div.view {
		display: table;
		table-layout: fixed;
		width: 100% !important;
	}


	/* SBS other end */
	/* Account > Statistics */
	#main-content.admin.page-account.subpage-statistics,
	#main-content.admin.page-account.subpage-reports {

	}

	#main-content.admin.page-account.subpage-reports .preliminary td {
		xbackground-color: #f9f8f7;
	}

	#main-content.admin.page-account.subpage-reports .preliminary table.highlightrows div {
		text-decoration: none;
		display: block;
		cursor: default;
		padding: 10px 15px 10px 15px;
		color: #000
	}


	#main-content.admin.page-account.subpage-reports form[name=reports] {
		margin-bottom: 15px;

	}

	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports .details table {
		xwidth: 100%;
		background-color: #fff;
		border: 1px solid #eee;
	}

	.admin.page-account.subpage-premium #main-content.admin.page-account.subpage-premium table.details tr.selectable td a {
		cursor: pointer;
	}
	.admin.page-account.subpage-premium table.details {
		width: 70%;
		min-width: 800px;
		margin-bottom: 20px;
		/*table-layout:fixed;*/
	}

	.admin.page-account.subpage-premium table.details th:nth-child(1){
		width: 15%;
	}

	.admin.page-account.subpage-premium table.details th:nth-child(2){
		width: 20%;
	}
	
	.admin.page-account.subpage-premium table.details th:nth-child(3) {
		width: 30%;
	}
	.admin.page-account.subpage-premium table.details th:nth-child(4){
		width: auto;
	}

	.admin.page-account.subpage-premium table.details th:nth-child(5),
	.admin.page-account.subpage-premium table.details th:nth-child(6){
		width: 10%;
	}

	.admin.page-account.subpage-premium table.details.debugtable {
		width: 100%;
		table-layout:auto;
	}
	
	.no-overflow td a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.admin.page-account.subpage-premium #main-content.admin.page-account.subpage-premium table.details td a {
		cursor: default;
	}

	.admin.page-account.subpage-premium #main-content.admin.page-account.subpage-premium table td.first A,
	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports table.details.settlement td.first A {
		color: #000;
	}

	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports .details table td.downloads {
		display: flex;
	}

	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports table {
		background-color: #fff;
	}

	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-premium .summary,
	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports .summary {
		margin-bottom: 15px;
		max-width: 300px;
		xwidth: 100%;
	}

	.admin.page-account #main-content.admin.page-account .summary tr td,
	.admin.page-account #main-content.admin.page-account .details tr td {
		border-bottom: 1px solid #ddd;
	}

	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports .dold.,
	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports .dold {
		display: none;
	}


	table.lista td.right, table.lista th.right {
		text-align: right;
	}

	.desktop.admin.page-account.subpage-premium table.lista th,
	.desktop.admin.page-account.subpage-reports table.lista th {
		border-bottom: 1px solid #ddd;
		xbackground-color: #f9f8f7;
		cursor: default;
	}

	table.lista td.right, table.lista th.right {
		text-align: right;
	}

	table.lista thead th {
		font-weight: bold;
		padding: 5px 15px;
		text-align: left;
	}

	.admin.page-account.subpage-reports #main-content.admin.page-account.subpage-reports form select[name=report_type] {
		margin-right: 15px;
	}

	#main-content.admin.page-account.subpage-statistics h1 {
		display: none;
	}

	#main-content.admin.page-account.subpage-statistics #hc-container {
		width: 100%;
		padding: 10px;
		border: 1px solid #ddd;
		background-color: #fff;
		border-radius: 4px;
		box-sizing: border-box;
	}

	.select-services {
		display: block;
	}

	div#footerleft {
		float: left;
	}

	div#footercenter {
		display: inline-block;
		margin: 0 auto;
		line-height: 34px;
	}

	div#footerright {
		float: right;
	}

	div#newfooter, div#newfooter a, div#newfooter span {
		color: #aaa;
		text-decoration-color: #aaa;
		-moz-text-decoration-color: #aaa;
	}

	div#newfooter a {
		text-decoration: none;
	}

	div#newfooter a:hover, div#newfooter a:hover span {
		color: #005aa0;
		text-decoration-color: #005aa0;
		-moz-text-decoration-color: #005aa0;
		text-decoration: underline;
	}

	/* Arrows + calendar */
	#weekselector {
		text-align: center;
		width: 50%;
		max-width: 250px;
		margin: 0;
	}

	#weekleft {
		float: left;
		margin: 0 auto 15px auto;
	}

	.admin #weekleft {
		flex: 0 1 0;
		width: 100%;
		float: none;
		order: 1;
		justify-content: flex-start;
		margin-right: 15px;
	}

	.arrows .arrow-left,
	.arrows .arrow-right,
	#left-menu-container a.button.plus-booking {
		background-color: #f7f6f5;
		border: 1px solid #ddd;
		border-radius: 4px;
		border-bottom: 1px solid #aaa;
		background: linear-gradient(to bottom, #fcfbfa, #f7f6f5);
	}

	.arrows .arrow-left:hover,
	.arrows .arrow-right:hover,
	#left-menu-container a.button.plus-booking:hover {
		background-color: #f8f8f8;
		background-image: none;
		color: #000;
		text-decoration: none;
	}

	.arrows .arrow-left:active,
	.arrows .arrow-right:active,
	#left-menu-container a.button.plus-booking:active {
		background-color: #eee;
		background-image: none;
		border-color: #bbb #ccc #ddd !important;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset !important;
	}

	#left-menu-container a.button.plus-booking.disabled {
		opacity: 0;
		pointer-events: none;
	}

	.arrows .arrow-left div, .arrows .arrow-right div {
		width: 55px;
		height: 33px;
		xbackground-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='2048' fill='%239d5968' height='1792' viewBox='0 0 2048 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E");
		background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z'/%3E%3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 30px auto;
		margin-bottom: 1px;
	}

	.arrows .arrow-right div {
		background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E");
	}

	.arrows .arrow-left {
		float: left;
	}

	.arrows .arrow-right {
		float: right;
	}

	.arrows .arrows-text {
		text-align: center;
	}

	.arrows {
		height: 36px;
		width: 220px;
	}

	.admin .arrows {
		height: 36px;
		width: 200px;
	}

	.admin .calendar-edit .arrows {
		width: 100%;
		margin-bottom: 15px;
	}


	html #weekleft.manad .arrows-text {
		line-height: 36px;
	}

	html.admin #weekleft.manad .arrows-text {
		line-height: 36px;
	}

	html.admin #weekleft.vecka .arrows-text {
		line-height: 36px;
	}


	.arrows-text {
		text-align: center;
		line-height: 20px;
		font-size: 15px;
		font-weight: normal;
		height: 36px;
		margin-left: 50px;
		margin-right: 50px;
	}

	.admin .overview .arrows-text {
		font-size: 15px;
		font-weight: normal;
		line-height: 19px;
		text-align: center;
	}

	.arrows-text a {
		text-decoration: none;
		color: #000;
		display: block;
	}

	.arrows-text a:active {
		background-color: #eee;
		box-shadow: 0 1px 2px #AAAAAA inset, 0 0 17px #ccc inset;
	}

	.arrows-text.noclick {
		padding-top: 8px;
	}

	.arrows-text.noclick a:active {
		background-color: transparent;
	}

	.arrows-text .month, .arrows-text .month a {
		font-size: 15px;
		color: #999;
		display: block;
		white-space: nowrap;
	}

	.xarrows-text .month:after {
		background-image: url('/img/m_images@2x.png?13');
		background-position: -6px -84px;
		background-repeat: no-repeat;
		background-size: 225px 225px;
		height: 16px;
		margin-left: 0;
		margin-top: 10px;
		width: 10px;
		display: inline-block;
		cursor: pointer;
		vertical-align: top;
		content: "";
	}

	.arrows-text.noclick .month:after {
		display: none;
	}

	html.admin #weekselector {
		width: 100%;
		max-width: none;
	}


	html:not(.admin) .tc-tighter img {
		filter: invert(1) contrast(0.5);
	}

	.tc-tighter {
		padding: 17px 8px !important;
	}

	.admin .tc-tighter {
		padding: 13px 8px !important;
	}

	.tc-tighter img {
		width: 24px;
		height: 24px;
		opacity: 0.5;
	}

	.tc-tighter.adminreturn img {
		width: 32px;
		height: 32px;
	}

	.mediascreen-mode {
		background: url(/img/128_desktop_landscape.png) no-repeat;
		background-size: 24px 24px;
	}

	/* PIKADAY */
	.pika-single {
		height: 270px;
		display: inline-flex !important;
	}

	.pika-single.is-hidden {
		display: none !important;
	}

	.pika-presets {
		display: inline-flex;
		flex-direction: column;
		width: 100%;
		margin: 10px 0;
	}

	.pika-lendar {
		border-left: 1px solid #ccc;
		margin: 0 !important;
		padding: 5px;
	}

	.pika-presets > div {
		flex-grow: 1;
		flex-basis: 0;
		display: flex;
		align-items: center;
		cursor: pointer;
		color: #888;
		padding: 0 10px;
	}

	.pika-presets > div.selected {
		color: #000;
		background-color: #efefef;
	}

	.pika-presets > div:hover {
		color: #000;
	}

	/* SELECT DROPDOWN 2.0 */
	.common-dropdown-container {
		position: relative;
	}

	.personal-list-dropdown,
	.common-dropdown-container ul li {
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 8px;
		min-width: 200px;
		float: right;
		background-color: #fff;
		background-image: none;
		color: #333;
		text-decoration: none;
		font-size: 14px;
		height: 36px;
		line-height: 34px;
		vertical-align: top;
		cursor: pointer;
		display: inline-block;
		font-family: arial, helvetica, sans-serif;
		font-weight: normal;
		padding: 0 30px 0 7px;
		text-align: left;
		max-width: 360px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
	}

	.mobile .personal-list-dropdown,
	.mobile .common-dropdown-container ul li {
		padding: 0 7px;
	}

	.common-dropdown-container ul li:first-of-type {
		border-radius: 4px 4px 0 0;
	}

	.common-dropdown-container ul li:last-of-type {
		border-radius: 0 0 4px 4px;
	}

	.common-dropdown-container ul {
		border: 1px solid #ddd;
		border-radius: 4px;
		background-color: #fff;
	}


	.common-dropdown-container ul li {
		background-image: none;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		height: 36px;
		line-height: 34px;
		white-space: nowrap;
		width: 100%;
	}

	.personal-list-dropdown.selected {
		border-color: #2991d1;
	}


	.common-dropdown-container ul li.selected {
		background-color: #f8f8f8;
		position: relative;
	}


	.common-dropdown-container {
		float: left;
		margin-top: 4px;
	}

	.common-dropdown-container .button-container {
		position: relative;
		height: 34px;

	}

	.personal-list {
		padding-top: 5px;
		position: absolute;
	}

	.personal-list ul {
		position: absolute;
		z-index: 100;
	}


	.personal-list-dropdown:hover,
	.common-dropdown-container ul li:hover {
		background-color: #eee;
		color: #000;
	}

	.common-dropdown-container ul li {
		float: none;
		list-style: none;
	}


	.common-dropdown-container {
		position: relative;
		margin-top: 10px;
	}

	.personal-list-dropdown:after {
		background-image: url("/img/m_images@2x.png?13");
		background-position: 0px -80px;
		background-repeat: no-repeat;
		background-size: 225px 225px;
		content: "";
		display: inline-block;
		height: 16px;
		margin: -6px 0 0;
		position: absolute;
		right: 18px;
		top: 50%;
		vertical-align: top;
		width: 16px;

	}

	.personal-list-dropdown:active,
	.common-dropdown-container ul li:active {
		background-color: #ddd;
		background-image: none;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
		color: #000;
	}

	.personal-list-one .personal-list-dropdown {
		font-family: "Helvetica Neue", Arial, sans-serif;
		color: #000;
		line-height: 34px;
		padding: 15px 0;
		font-size: 17px;
		pointer-events: none;
		cursor: default;
		border: 1px solid #fff;
		text-align: left;
		padding: 0;
		min-width: 0;
		font-weight: 300;
	}

	.personal-list-one .personal-list-dropdown:after {
		background-image: none;
	}


	.plate {
		xbackground-color: #f9f8f7;
		xpadding: 15px;
		margin-bottom: 25px;
	}

	.plate h2 {
		color: #333;
	}

	.plate .description {
		color: #666;
		font-size: 13px;
		margin-bottom: 7px;
	}

	.plate table.lista {
		border: none;
	}


	.future-bookings table.lista {
		border-collapse: collapse;
	}

	.future-bookings table.lista tr.pending {
		border: 1px dashed #f99;
	}

	.future-bookings table.lista tr.pending td {
		background: #fee;
	}


	/* CSS Screen end */
	#klarnasignup-container {
		display: flex;
		flex-flow: row-reverse nowrap;
		text-align: center;
	}

	.klarnasignup-image {
		flex: 1 1 0;
		text-align: left;
	}

	.klarnasignup {
		flex: 1 1 0;
		text-align: center;
	}


	/* 2018-10-08 - CSS3 Flexbox fix for iOS 9 and old browsers */
	/* @Daniel, du får gärna merga detta med respektiva plats om du vill, eller ännu hellre flytta ner all kod här, så all flexbox är samlad på ett ställe och i ordning hur den visas */
	/* De med - framför ska öka kompatiliteten med gamla browsers, men jag har bara testat i ios9 /niclas */
	/* Hemligheten för ios9 verkar vara auto istället för 0 på flex-basis (parameter 3) och width:auto (bara på första elementet, vet ej varför) */
	#toolbar-calendar {
		-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1; /* OLD - Firefox 19- */
		-webkit-flex: 1; /* Chrome */
		-ms-flex: 1;
		padding-top: 4px;
	}

	.admin #weekleft {
		flex: 0 1 auto;
		width: auto; /* inte 100% som original */
		-webkit-box-ordinal-group: 1; /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-ordinal-group: 1; /* OLD - Firefox 19- */
		-ms-flex-order: 1; /* TWEENER - IE 10 */
		-webkit-order: 1; /* NEW - Chrome */
		order: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */

	}

	.admin #selectheader {
		flex: 1 0 0;
		-webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
		-ms-flex-order: 2; /* TWEENER - IE 10 */
		-webkit-order: 2; /* NEW - Chrome */
		order: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	html.admin.desktop.page-boka #weekright {
		flex: 0 1 auto;
		-webkit-box-ordinal-group: 3; /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-ordinal-group: 3; /* OLD - Firefox 19- */
		-ms-flex-order: 3; /* TWEENER - IE 10 */
		-webkit-order: 3; /* NEW - Chrome */
		order: 3; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	#rightmenu {
		-webkit-box-ordinal-group: 4; /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-ordinal-group: 4; /* OLD - Firefox 19- */
		-ms-flex-order: 4; /* TWEENER - IE 10 */
		-webkit-order: 4; /* NEW - Chrome */
		order: 4; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	.log-table .value {
		word-break: break-all;
	}

	.hidden {
		display: none;
	}

	.hidden.override-visible {
		display: block;
	}

	.klarna-order-search .data-content {
		display: inline-grid;
		grid-template-columns: auto auto auto;
	}

	.klarna-order-search .column {
		margin-right: 20px;
		xmax-width: 400px;
	}

	.klarna-order-search .section .nowrap {
		white-space: nowrap
	}

	.klarna-order-search .section {
		margin-bottom: 30px;
	}

	.klarna-order-search .section li {
		list-style: none;
	}

	.klarna-order-search .section .row .capitalize-first::first-letter {
		text-transform: capitalize;
	}

	.klarna-order-search .section .table {
		display: table;
		table-layout: fixed;
		xwidth: 100%;
	}
	.klarna-order-search .section .row {
		xwidth: 100%;
		display: table-row;
	}
	.klarna-order-search .section .oddrows .row:nth-child(odd) {
		background-color: #eee;
	}

	.klarna-order-search .section .row .cell {
		display: table-cell;
		xmin-width: 130px;
		padding: 7px 0;
		padding-right: 20px;
	}
	.klarna-order-search .section .row .cell.no-wrap {
		white-space: nowrap;
	}
	.klarna-order-search .section .row .left {
		display: table-cell;
		font-weight: bold;
		padding-right: 20px;
		min-width: 130px;
	}
	.klarna-order-search .section .row .right {
		text-align: left;
		display: table-cell;
	}

	.klarna-order-search .payment-klarna-EXPIRED,
	.klarna-order-search .payment-klarna-CANCELLED {
		color: red;
		font-weight: bold;
	}

	.klarna-order-search .payment-klarna-CAPTURED {
		color: green;
		font-weight: bold;
	}

	.klarna-order-search .payment-klarna-AUTHORIZED {
		color: orange;
		font-weight: bold;
	}

	table.highlightrows tfoot td {
		font-weight: bold;
	}
	table.highlightrows tr:not(.nolink):hover td.strike,
	table.highlightrows tr td.strike {
		text-decoration: line-through;
	}
	
	/* Dölj debugrader */
	table.highlightrows tr.booking.credit {
		xdisplay: none;
	}
	
	/* Visa debugrader */
	table.highlightrows.debugtable tr.booking.credit {
		xdisplay: table-row;
	}

	
	table.highlightrows tr:not(.nolink):hover td.debug, 
	table.highlightrows tr:not(.nolink) td.debug, 
	table.highlightrows.debugtable tr.booking.credit td a, 
	.lista .rowselect td.debug
	{
		color: #cc5500 !important;
	}

	table.highlightrows tr:not(.nolink):hover td.debug a {
		color: #0a5faf !important;
	}
	table.highlightrows tr:not(.nolink):hover td.debug a:hover {
		text-decoration: underline !important;
		color: #0a5faf;

	}

	.smallbox {
		width:500px;
	}
}




/* --------------------- CSS PRINT START ------------ */

@media print {

	* {
	}

	html {
		font-family: arial, sans-serif;
		font-size: 14pt;
		line-height: 15pt;
	}

	body {
		margin-top: 1.5cm;
		margin-left: 1.0cm;
		margin-right: 2.0cm;
	}

	.event-spaces {
		font-size: 12pt;
	}


	#rightmenu, #leftmenu, #left-menu-container, #topmenu, #footer, #header, .noprint, #bread, .booking-buttons, .rightfloat, textarea, .button, .div-delete,
	.infodiv, .dold, .legend, .dialogmini, #header-blank, .open-icon, .header-buttons {
		display: none
	}


	.foretaghead {
		font-size: 32px;
		font-weight: bold;
		line-height: 79px;
		padding-left: 10px;
		color: #f55
	}

	.foretaghead a, .foretaghead a:hover {
		color: #ddd;
		xtext-decoration: none
	}


	/* Booking confirmation */
	.booking-client {
		font-size: 10pt;
		padding: 10px;

	}

	.client-name {
		font-size: 12pt;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.booking-message, .booking-memo {
		padding-top: 20px;
	}

	.booking-phone, .booking-mail {
		font-size: 10pt;
		padding: 10px;
	}

	.client-page {
		padding: 10px;
		font-size: 10pt;
	}

	/* Måste specas en och en, annars skrivs de över */
	div#main-content table.event-clients tr td,
	div#main-content table.lista tr td {
		border: 1px solid #ccc;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}

	div#main-content table.event-clients tbody tr td {
		padding: 2mm 10mm 2mm 0;
	}

	div#main-content table.event-clients tbody tr td.class-client-name {
		width: 30%;
		min-width: 15%;
	}

	div#main-content table.event-clients tbody tr td:nth-child(2) {
		width: 35%;
	}

	.arrows-text {
		display: none;
	}

	div#main-content table.event-clients tbody tr td:nth-child(3) {
		xwidth: 45%;
		padding: 3px 0px 3px 0;
	}

	table.client-page {
		border-collapse: collapse;
		margin-top: 20px;
	}

	table.client-page td {
		padding: 10px 10px;

	}


	/* --- */
	img {
		border: 0;
		vertical-align: middle
	}

	h1 {
		color: #000;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 22pt;
		margin-bottom: 7px;
		padding-top: 7px;
	}

	h2 {
		color: #000;
		margin-top: 10px;
		margin-bottom: 3px;
		font-size: 14pt;
		font-weight: bold;
		padding: 18px 0 0px 0px;
	}

	#main-content div.important-info {
		width: 70%
	}


	h2 .gray {
		font-size: 70%
	}


	td.passborder {
		border-bottom: 1px solid #999
	}

	/* Lists */
	.lista td {
		font-size: 10pt;
		padding: 7px;
		border-bottom: 1px solid #999
	}

	.lista .row1 td, .lista .row2 td {
		border-bottom: 1px solid #999;
		padding: 0 0 5px 0;
	}

	a {
		text-decoration: none;
		color: black;
	}

	.small {
		font-size: 90%;
		color: #555
	}

	.xsmall {
		font-size: 80%;
		color: #555
	}

	#main-content {
		margin-top: 20px
	}

	#selectheader {
		display: none;
	}

	hr {
		background: #ccc;
		border: 0;
		color: #ccc;
		height: 1px
	}

	.gray, td.gray {
		color: #999
	}

	/* Print week */
	.day .ampm {
		font-size: 60%;
		text-transform: uppercase;
		margin-left: 2px;
		font-weight: normal;
	}

	.passborder .ampm {
		margin-left: 5px;

	}


	.day {
		float: left;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
		margin: -1px;
	}

	.view div.header {
		font-weight: bold;
		font-size: 14pt;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		padding: 10px;
		margin-right: 1px;
	}

	.slot {
		height: 34px;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		margin-right: 1px;
		padding: 0;
		font-size: 10pt;
		font-weight: xbold;
		display: block;
		white-space: nowrap;
	}

	.slot A {
		color: #090;
	}

	.booked A {
		color: #000;
	}

	.closed {
		color: #999;
	}

	.passed a {
		color: #999;
		text-transform: uppercase;
	}

	.closed .subtext {
		margin-left: 5px;
	}

	.subtext {
		font-weight: normal;
		display: block
	}

	.booked .subtext {
	}


	.s2 {
		height: 69px;
	}

	.s3 {
		height: 104px;
	}

	.s4 {
		height: 139px;
	}

	.day .threerows a div, .day .fourrows {
		height: 147px;
	}

	.class-slots .closed a {
		color: #888;
	}

	.class-slots .day a div .event-text {
		font-size: 80%;
	}

	.class-slots .day div.closed .event-info {
		font-size: 70%;
		color: #888;
	}

	.class-slots .day div.booked a div span.event-info {
		font-size: 70%;
		color: red;
	}

	.class-slots .day a div .event-info {
		font-size: 70%;
		color: black;
	}

	.class-slots .day .header {
		font-size: 120%;
		font-weight: bold;
	}

	.event-spaces {
		padding-left: 0px;
	}

	.event-description {
		font-size: 12pt;
		padding-left: 10px;
	}

	.class-red, .class-green-3, .class-green-2, .class-green-1, .class-gray {
		display: none;
	}

	table.event-clients {
		border-collapse: collapse;
		margin: 20px 0 0 0px;
		width: 100%;
	}


	.class-client-name {
		padding-right: 10px;
		min-width: 250px;
	}

	.printfooter hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
	}

	.printheader {
		font-size: 32px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		font-weight: bold;
	}

	.printfooter {
		margin-top: 30px;
		color: #999;
	}

	#weekselector.noprint {
		display: block;
	}

	#weekselector.noprint #installtab,
	#weekselector.noprint img {
		display: none;
	}

	#weekselector.noprint table tr td:first-child {
		display: none;
	}

	#weekselector.noprint table tr td {
		text-align: left;
	}

	.admin .day .slot .icons {
		display: none;
	}


}

/* EOF Print */


/* @media screen end */

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
--------------------------------------------*/
/* Large screens ----------- */

@media all and (min-width: 1680px) {
}

@media all and (min-width: 1280px) and (max-width: 1680px) {
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
}

@media all and (max-width: 1024px) {

}

/* iPad Portrait */
@media screen and (orientation: portrait) {
	.mediascreen-mode {
		background: url(/img/128_ipad_portrait.png) no-repeat;
		background-size: 24px 24px;

	}

	.desktop.page-boka.subpage-time #schemadiv div.header span.weekday {
		margin-right: 0;
		display: block;
	}


	.nextweek-overlay-container {
		padding-top: 56px;
	}

.admin.page-account.subpage-subscription .money-back-guarantee {
	float: left;
	margin: 15px 0;
	text-align: left;
	width: 100%;
}

}

/* iPad Landscape */
@media screen and (orientation: landscape) {
	.mediascreen-mode {
		background: url(/img/128_ipad_landscape.png) no-repeat;
		background-size: 24px 24px;
	}
}


/* @2019-03-08: Vue.js related */
[v-cloak] > * {
	display: none;
}

.theme--light.v-application {
	background: none !important;
}

.capitalize-first::first-letter {
	text-transform: capitalize;
}

/* */