/* PINK COLOR: #91497b */

.page-loading {
	display: none !important;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}

.mm-menu {
	transition: all 0.2s ease;
}

.mm-page {
	z-index: 200;
}

b {
	font-weight: 800;
}

.animation { opacity: 0; }
.animated { opacity: 1; }

img {
	max-width: 100%;
	max-height: 100%;
}

img.fleft {
	float: left !important;
	margin-right: 40px;
	margin-bottom: 20px;
}

.fleft {
	float: left !important;
}

.fright {
	float: right !important;
}

.row {
	width: 100%;
	display: block;
	float: left;
}

.w20 {
	width: 20%;
	float: left;
}

.w20.mr {
	width: 19%;
	margin-right: 1%;
}

.w30 {
	width: 30%;
	float: left;
}

.w50 {
	width: 50%;
	display: block;
	float: left;
}

.w70 {
	width: 70%;
	float: left;
}

.w70.mr {
	width: 69%;
	margin-right: 1%;
}

.w75 {
	width: 75%;
	display: block;
	float: left;
}

.w50.pr {
	padding-right: 10px;
}

.ib {
	display: inline-block;
}

.mr {
	margin-right: 10px;
}

.sec {
	display: block;
	float: left;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	text-align: center;
}

.container {
	display: inline-block;
	width: 1160px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
}

* {
	outline: none;
	box-sizing: border-box;
}

a {
	text-decoration: underline;
	color: #24aacd;
	font-weight: 300;
	transition: all 0.15s ease-out;
}

a:hover {
	text-decoration: none;
	color: #e2cf11;
}

.button {
	display: inline-block;
	height: 36px;
	line-height: 34px;
	padding: 0px 12px;
	border-radius: 3px;
	background: transparent;
	color: #636363;
	font-size: 15px;
	border: 1px solid #d6d6d6;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

	.button:hover {
		color: #fff;
		background: #24aacd;
		border-color: #24aacd;
	}

.button.add {
	background-image: url(../img/i_plus.png);
	background-repeat: no-repeat;
	background-position: 16px 50%;
	padding-left: 38px;
}

	.button.add:hover {
		background-image: url(../img/i_plus_r.png);
		background-color: #0fad43;
		border-color: #0fad43;
	}

.button.add.green {
	background-image: url(../img/i_plus_r.png) !important;
}

.button.edit {
	background-image: url(../img/i_edit.png);
	background-repeat: no-repeat;
	background-position: 16px 50%;
	padding-left: 42px;
}

	.button.edit:hover {
		background-image: url(../img/i_edit_r.png);
	}

.button.rediger {
	border: none;
	float: left;
	margin-left: 10px;
	height: auto;
	min-height: 20px;
	line-height: 20px;
	padding-left: 25px;
	margin-top: 11px !important;
	background-position: 0px 0px;
}
	
	.button.rediger:hover {
		background-image: url(../img/i_edit.png);
		background-color: transparent;
		text-decoration: underline;
		color: inherit;
	}

.button.green {
	background-color: #10ad44;
	border-color: #10ad44;
	color: #fff;
}

.button.green:hover {
	background-color: #2dcf63;
	border-color: #2dcf63;
}

.button.green .fa {
	color: #fff;
}

.button .fa {
	margin-right: 8px;
	color: #24aacd;
}

	.button:hover .fa {
		color: #fff;
	}

.button.small {
	height: 26px;
	line-height: 26px;
}

.button.red,
.button.remove_alert,
.button.remove_this_row {
	background: transparent;
	color: inherit;
	border: 1px solid #d9d9d9;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

.button.remove_alert::before,
.button.remove_this_row::before {
	content: '\f00d';
	font-family: 'FontAwesome';
	margin-right: 8px;
	color: red;
}

	.button.red:hover,
	.button.remove_alert:hover,
	.button.remove_this_row:hover {
		background: #ce2828 !important;
		border-color: #ce2828 !important;
		color: #fff !important;
	}

	.button.red:hover::before,
	.button.remove_alert:hover::before,
	.button.remove_this_row:hover::before {
		color: #fff;
	}
/*
.button.add_category {
	display: table-cell;
	width: 1%;
	height: 120px;
	vertical-align: middle;
	text-align: center;
}
*/
.button.pink {
	background: #91497b;
	color: #fff;
	border: 1px solid #91497b;
}

		.button.white {
			background: #fff;
			color: #91497b;
			border-color: #fff;
		}

.button-o {
	display: inline-block;
	height: 36px;
	line-height: 34px;
	padding: 0px 18px;
	border-radius: 5px;
	background: none;
	color: #000;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

	.button-o:hover {
		background: #000;
		border-color: #000;
		color: #fff;
	}

		.button-o.pink {
			color: #91497b;
			border: 1px solid #91497b;
		}

		.button-o.pink:hover {
			background: #91497b;
			border-color: #91497b;
			color: #fff;
		}

		.button-o.white {
			color: #fff;
			border: 1px solid #fff;
		}

		.button-o.white:hover {
			background: #fff;
			border-color: #fff;
			color: #91497b;
		}

.tb .button-o {
	margin-right: 10px;
	height: 31px;
	line-height: 29px;
	font-size: 11px;
	letter-spacing: 0;
	padding-left: 12px;
	padding-right: 12px;
}

.remove_alert + .remove_this_row,
.remove_alert + .delete_this_ac_item {
	display: none;
}

.remove_alert,
.remove_this_row,
.delete_this_ac_item {
	width: 90px;
	text-align: center;
}

#mmenu {
	display: none;
}

.f14 {
	font-size: 14px;
}

.input_text,
select {
	width: 100%;
	height: 36px;
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	transition: all 0.15s ease-out;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	background: #f9f9f9 url(../img/select.png) no-repeat top 50% right 14px;
}

.input_text:hover,
.input_text:focus,
select:hover,
select:focus {
	border-color: #027290;
}

.input_text:focus,
select:focus {
	box-shadow: 0px 0px 5px rgba(2,114,144, .4);
}

.input_text.small {
	width: 100px;
}

.input_text.big {
	width: 350px;
	font-size: 18px;
}

.input_text.date {
	width: 130px;
	background-image: url(../img/calendar.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.input_text[disabled] {
	border: none;
	background: none;
	font-weight: 700;
}

.row.bb:first-child {
	border-top: 1px solid #d6d6d6;
	padding-top: 13px;
	margin-top: 16px;
}

.bb {
	border-bottom: 1px solid #d4e1e9;
	margin-top: -2px;
	margin-bottom: 15px;
}

textarea.input_text {
	padding-top: 7px;
	width: 100%;
	max-width: 100%;
	min-height: 90px;
	max-height: 400px;
	transition: border 0.15s ease-out, box-shadow 0.15s ease-out;
}

textarea.input_text.noresize {
	height: 70px;
	resize: none;
}

.it_event_title {
	width: 430px;
}

.count_box {
	position: relative;
}

.count_box .input_text {
	margin-bottom: 0;
	width: 80px;
}

.count_box .minus,
.count_box .plus {
	position: absolute;
	display: inline-block;
	right: 0;
	width: 20px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	background: #027290;
	color: #fff;
	font-weight: 600;
	box-shadow: 0px 0px 2px rgba(255,255,255, .4) inset;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.count_box .minus:hover,
.count_box .plus:hover {
	background: #e47b7b;
}

.count_box .plus {
	bottom: 18px;
}

.count_box .minus {
	bottom: 0px;
}

.centered {
	text-align: center !important;
}

.relative {
	position: relative;
}

.accordion {
	display: inline-block;
	width: 100%;
}

.accordion_item {
	width: 100%;
	float: left;
}

.accordion_item:first-child .accordion_title {
	border-top: 1px solid #d6d6d6;
}

.accordion_title {
	position: relative;
	/*z-index: 20;*/
	display: inline-block;
	float: left;
	width: 100%;
	min-height: 30px;
	padding: 16px 10px 6px;
	background: #fff url(../img/accord_arrow_down.png) no-repeat right 18px top 50%;
	border-bottom: 1px solid #d6d6d6;
	cursor: pointer;
	transition: all 0.2s ease;
}

.accordion_title::after {
	position: absolute;
	right: 0;
	top: 0;
	content: 'åpne';
	display: inline-block;
	width: 60px;
	height: 100%;
	line-height: 34px;
	text-transform: uppercase;
	font-weight: 600;
	background: #02364c;
	border-radius: 0px 3px 3px 0px;
	text-align: center;
	transition: all 0.2s ease;
}

.accordion_item.noApen .accordion_title::after {
	display: none !important;
}

.accordion_title .buttons {
	float: right;
	display: none;
}

.accordion_item.open .accordion_title .buttons {
	float: right;
	display: block;
	margin-top: 2px;
	margin-right: 40px;
}

.accordion_item.open .accordion_title .buttons .button {
	color: #636363;
	float: left;
	margin-left: 5px;
	background-color: #fff;
}

.accordion_item.open .accordion_title .buttons .button:hover {
	color: #fff;
	background-color: #24aacd;
	border-color: #24aacd;
}

.accordion_item.open .accordion_title,
.accordion_item_one .accordion_title,
.accordion_title:hover {
	background: #f6f6f6 url(../img/accord_arrow_up.png) no-repeat right 18px top 50%;
	border-bottom: 1px solid #037492;
}

.accordion_item_one .accordion_title {
	cursor: default;
}

.accordion_item_one .accordion_title::after {
	display: none;
}

.accordion_item .accordion_title::before {
	position: absolute;
	z-index: 10;
	left: 91px;
	bottom: 0;
	margin-bottom: -7px;
	content: '';
	width: 12px;
	height: 6px;
	display: inline-block;
	opacity: 0;
	transition: all 0.2s ease;
}

.accordion_item.open .accordion_title::before {
	opacity: 1;
	background: url(../img/accord_arrow.png) no-repeat;
}

.accordion_item.open .accordion_title::after {
	content: 'Lukk';
	background: #037492;
	color: #fff;
}

.accordion_title input[type="checkbox"]:checked + label::before {
	color: #fff;
}

.accordion_title big {
	font-weight: 700;
	font-size: 22px;
	margin-right: 20px;
	margin-top: 8px;
	float: left;
}

.accordion_title .checkbox_status + label {
	margin-right: 20px;
	float: left;
}

.accordion_title i {
	display: inline-block;
	color: #919090;
	margin-top: 10px;
	float: left;
}

.ac_date {
	margin-bottom: 19px;
}

.ac_date_title {
	font-weight: 400;
	font-size: 20px;
	margin-top: 0;
}

.ac_form {
	float: left;
	width: 100%;
	display: none;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f6f6f6;
}

.checkbox_status + label {
	margin-top: -4px;
	min-height: 35px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	color: #808080;
	border-right: 1px solid #d6d6d6;
	background-position: 0px 50% !important;
}

.checkbox_status.noborder + label {
	border-right: none;
	margin-left: 3px;
	min-width: 25px;
}

.checkbox_status:checked + label {
	background-position: 0px 50% !important;
	color: #2b2b2b;
}

.checkbox_status + label::before {
	display: none !important;
}

.participants .fleft.mobile_w100 {
	width: calc(100% - 150px);
}

.participant {
	font-size: 16px;
}

.participant .ib {
	margin-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
}

.participant:first-child .checkbox_status.noborder + label {
	margin-top: 10px;
}

.accordion_title:hover::after {
	background: #e9dcc9 !important;
	color: #02364c !important;
}

.accordion_content {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: none;
}

.accordion_item_one .accordion_content {
	display: block;
}


.accordion.events {
	font-family: 'Roboto Condensed', sans-serif;
}

.accordion.events .accordion_title {
	height: 37px;
	line-height: 37px;
	padding: 0 20px;
	font-size: 16px;
	background: #f1f1f1;
	border-radius: 3px;
	border: none;
	margin-bottom: 15px;
}

.accordion.events .accordion_title::before {
	display: none;
}

.accordion.events .accordion_title::after {
	width: 40px;
	height: 35px;
	line-height: 35px;
	margin-top: 1px;
	margin-right: 1px;
	background: #fff;
	color: #515151;
	text-align: center;
	content: '\f078';
	font-family: 'FontAwesome';
	text-align: center;
}

.accordion.events .accordion_item.open .accordion_title::after {
	content: '\f077';
}

.accordion.events .accordion_content {
	margin: 0;
	margin-bottom: 10px;
}

.accordion.events .task_row,
.accordion.events .task_row:nth-child(odd) {
	background: none;
	padding-right: 0;
}

.accordion.events .accordion_content .more {
	font-weight: 400;
	text-decoration: none;
	color: inherit;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
}

.accordion.events .accordion_content .more:hover {
	background: #4dc4e9;
	border-color: #4dc4e9;
	color: #fff;
}

.accordion.events .fright {
	margin-top: -3px;
}



.task_row {
	position: relative;
	width: 100%;
	float: left;
	padding: 5px 35px 5px 5px;
	border-radius: 3px;
	font-size: 16px;
}

.task_row:nth-child(even) {
	background: #f6f6f6;
}

.task_row.chosen {
	padding-right: 85px;
}

.task_row .clock {
	font-weight: 400;
	color: #000;
	background: url(../img/i_clock_task.png) no-repeat left;
	padding-left: 25px;
}

.task_row b {
	font-weight: 500;
	color: #7b7b7b
}

.task_row .fa-chevron-right {
	font-size: 8px;
	color: #7b7b7b;
	margin: 0 3px;
}

.ac_more {
	display: inline-block;
	width: 154px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	border: 1px solid #398ea8;
	background: #398ea8;
	color: #fff;
	padding: 0 12px;
	font-size: 16px;
	text-decoration: none;
	white-space: nowrap;
}

	.ac_more:hover {
		color: #fff;
		background: #4dc4e9;
		border-color: #4dc4e9;
	}


.ac_more.red {
	background: url(../img/i_warn.png) no-repeat 0px 7px;
	border: none;
	color: inherit;
	padding-left: 20px;
	font-weight: 400;
	margin-right: 10px;
}

hr {
	background: #d9d9d9;
	height: 1px;
	border: none;
	margin-top: 30px;
	margin-bottom: 30px;
}

label {
	margin-right: 15px;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=checkbox] + label,
input[type=radio] + label {
	display: inline-block;
	min-width: 85px;
	min-height: 20px;
	margin-right: 7px;
	margin-bottom: 7px;
	padding-left: 24px;
	font-size: 13px;
	cursor: pointer;
}

input[type=checkbox]:checked + label,
input[type=radio]:checked + label,
input[type=checkbox] + label:hover,
input[type=radio] + label:hover {
	text-shadow: 0px 0px 0px #000;
}

input[type=checkbox] + label {
	background-image: url(../img/ch2.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

input[type=checkbox]:checked + label {
	background-image: url(../img/ch2_r.png);
}

input[type=radio] + label {
	background-image: url(../img/rd.png);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

input[type=radio]:checked + label {
	background-image: url(../img/rd_r.png);
}


.checkbox.mt + label {
	margin-top: 7px;
}

.checkboxes_box input[type=checkbox] + label {
	width: 200px;
	display: inline-block;
	vertical-align: top;
}


.header_anim {
	background: #04384e url(../img/header.jpg) repeat-x;
	/*animation: topbar 5s infinite linear;*/
	color: #fff;
	padding: 30px 0px 40px;
	border-bottom: 3px solid #dde8ee;
}

.header_anim .container {
	position: relative;
}

@keyframes topbar {
	0% { background-position: 0px 0px; }
	100% { background-position: -2600px 0px; }
}

.site_title {
	display: inline-block;
	float: left;
	font-size: 21px;
	font-style: italic;
}

.site_title small {
	display: block;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 18px;
	border-bottom: 1px solid rgba(255,255,255, .2);
}

.site_title b {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
}

.logo_top {
	float: right;
	width: 130px;
	margin-top: 17px;
	margin-left: 20px;
}

.tools_box {
	margin-bottom: 20px;
}

.tool_item {
	display: inline-block;
	height: 33px;
	line-height: 33px;
	font-size: 18px;
	font-weight: 300;
}

.tool_item::after {
	content: '|';
	margin-left: 20px;
	margin-right: 25px;
	color: #ccc;
}

.tool_item:last-child::after {
	display: none;
}

.tool_item.total {
	background: url(../img/i_total.png) no-repeat left top;
	padding-left: 30px;
}

.tool_item.like {
	background: url(../img/i_like.png) no-repeat left top;
	padding-left: 40px;
}

.tool_item.like b {
	color: #10ad44;
}

.tool_item.red {
	background: url(../img/i_quest.png) no-repeat left top;
	padding-left: 40px;
}

.tool_item.red b {
	color: #fa5c5c;
}

.tool_item b {
	font-weight: 700;
}

.send_link {
	font-size: 16px;
	text-decoration: underline;
}

.content_left {
	float: left;
	width: 49%;
}

.content_left.events {
	width: 39%
}

.content_right.events {
	width: 60%
}

.content_right {
	float: right;
	width: 49%;
}

.content_sec {
	margin-top: 20px;
	padding-bottom: 47px;
	min-height: 713px;
	font-family: 'Roboto Condensed', sans-serif;
}

fieldset {
	border: none;
	border-radius: 3px;
}

fieldset.noBorder {
	border: none;
}

fieldset.border {
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	padding: 30px;
	margin-bottom: 30px;
}

legend {
	background: #fff;
	padding: 0px 5px;
	margin-bottom: 30px;
	font-size: 28px;
	color: #02364c;
	font-weight: 300;
}

fieldset h3 {
	float: left;
	width: 100%;
	height: 37px;
	line-height: 37px;
	padding: 0 20px;
	font-size: 16px;
	background: #f1f1f1;
	border-radius: 3px;
	border: none;
	margin-bottom: 15px;
}


h3 {
	position: relative;
	color: #02364c;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 2px 6px;
	background: #d4e1e9;
	border-radius: 3px;
	font-size: 16px;
}

h3.bred,
fieldset h3.bred::after {
	background: #E47B7B;
	color: #fff;
}

h3.task,
fieldset h3.task::after {
	background: #02364c;
	color: #fff;
}

.thumb_big {
	display: block;
	float: left;
	width: 140px;
	margin-right: 20px;
	border-radius: 3px;
}

.thumb_big img {
	margin-bottom: -5px;
	border-radius: 3px;
}

.img_overlay {
	position: relative;
}

.img_overlay::before {
	opacity: 0;
	transform: perspective(500px) rotateX(-90deg) scale(.5) translateY(-70px);
	transition: all 0.5s ease;
}

.img_overlay::after {
	opacity: 0;
	transform: rotateZ(90deg);
	transition: all 0.5s ease 0s;
}

.img_overlay:hover::before {
	opacity: 1;
	transform: perspective(500px) rotateX(0deg) scale(1) translateY(0);
}

.img_overlay:hover::after {
	opacity: 1;
	transform: rotateZ(0deg);
	transition: all 0.5s ease 0.3s;
}

.img_overlay::before {
	box-sizing: border-box;
	content: '\f0c1';
	text-align: center;
	font-family: 'FontAwesome';
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 22%;
	background: rgba(226,207,16, .8);
	font-size: 20px;
	text-indent: -60px;
	text-shadow: 1px 1px 0px rgba(255,255,255, .7);
	border-radius: 3px;
}

.img_overlay::after {
	box-sizing: border-box;
	content: 'Les Mer';
	text-align: center;
	position: absolute;
	z-index: 12;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 22%;
	font-weight: 600;
	text-indent: 30px;
	text-shadow: 1px 1px 0px rgba(255,255,255, .7);
}

.img_overlay:hover {
	color: #037492;
}

.task_item_full {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d4e1e9;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 18px;
}

.task_item_full .button {
	color: #000;
	margin-top: 10px;
}

.task_item_full .button:hover {
	color: #fff;
}

.task_item_full:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.task_more {
	display: inline-block;
	background: #037492 url(../img/tb_bg.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	text-decoration: none;
	padding: 4px 10px;
	margin-top: 13px;
	border-radius: 3px;
	border-left: 2px solid #02364c;
	border-right: 2px solid #02364c;
	font-weight: 600;
}

.task_more:hover {
	background: #02364c url(../img/tb_bg.png) no-repeat;
	color: #fff;
}

.more {
	display: inline-block;
	border-bottom: 1px solid rgba(2,71,100, .3);
	line-height: 16px;
	text-decoration: none;
}

.more:hover {
	border-bottom: 1px solid rgba(2,71,100, 0);
}

.accordion_content .more {
	margin-left: 5px;
	font-weight: 600;
}

.footer {
	background: #04384e url(../img/header.jpg) repeat-x;
	/*animation: topbar 5s infinite linear;*/
	color: #fff;
	border-top: 3px solid #dde8ee;
	padding: 30px 0 20px;
}

.footer_left {
	float: left;
}

.footer_left img {
	width: 150px;
}

.footer_date {
	float: left;
	margin-left: 10px;
	margin-top: 8px;
	text-align: center;
	font-style: italic;
	color: rgba(255,255,255, .6);
}

.footer_right {
	float: right;
	margin-top: 4px;
}

.fmenu_link {
	position: relative;
	display: inline-block;
	color: #037492;
	background: rgba(255,255,255, .85);
	border-radius: 10em;
	padding: 4px 11px;
	padding-left: 22px;
	margin-left: 6px;
	font-weight: 600;
	text-decoration: none;
}

.fmenu_link:hover {
	color: #02364c;
	background: #fff;
}

.fmenu_link::before {
	position: absolute;
	left: 11px;
	top: 50%;
	margin-top: -3px;
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #037492;
	border-radius: 10em;
	transition: all 0.2s ease-out;
}

.fmenu_link:hover::before {
	transform: scale(1.3);
	background: #02364c;
}

.add_more_users {
	width: 100%;
	border: none;
	color: #fff;
	padding: 5px 10px;
	border-left: 2px solid #02364c;
	border-right: 2px solid #02364c;
	border-radius: 3px;
	margin-bottom: 10px;
	text-align: center;
	background: #037492 url(../img/tb_bg.png) no-repeat right;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: underline;
	transition: all 0.2s ease-out;
}

	.add_more_users:hover {
		background: #02364c url(../img/tb_bg.png) no-repeat right;
		text-decoration: none;
	}

.add_more_users .fa {
	margin-right: 10px;
}

.user_plus_box {
	display: none;
	float: left;
	width: 100%;
	padding: 10px;
	padding-bottom: 0;
	background: #f6f6f6;
	margin-bottom: 15px;
	border-radius: 3px;
}

.user_plus_box .input_text {
	border-color: #02364c;
}

.thanks_text {
	display: inline-block;
	text-align: center;
	font-size: 22px;
	margin-top: 80px;
	margin-bottom: 80px;
	color: #02718f;
}

.thanks_text span {
	display: block;
	text-transform: uppercase;
	font-size: 40px;
	padding-bottom: 15px;
	margin-bottom: 5px;
	color: #000;
	border-bottom: 1px solid #d4e1e9;
}

.new_user_row {
	position: relative;
	float: left;
	width: 100%;
}

.remove_row {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px !important;
	border-radius: 10em;
	cursor: pointer;
	font-size: 19px;
	background: red;
	color: #fff;
}

.remove_row:hover {
	background: maroon;
}

.event_title {
	display: inline-block;
	margin-right: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	line-height: 34px;
	padding-right: 10px;
	font-weight: 300;
	letter-spacing: -2px;
}

.event_date span {
	display: inline-block;
	margin-left: 10px;
	color: #979696;
}

.event_date {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	margin-top: 12px;
}

.event_titles {
	margin-bottom: 20px;
}

.event_titles hr {
	margin-top: 13px;
}

.event_titles .button {
	margin-top: 8px;
}

.event_tool {
	display: inline-block;
	float: left;
	margin-right: 20px;
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 12px
}

.event_tool .fa {
	color: #027391;
}

.search_top {
	float: right;
}

.search_input {
	width: 300px;
	float: left;
	margin-bottom: 0;
	margin-right: 10px;
}

.search_submit {
	margin-top: 0 !important;
	float: right;
}

.sort_link {
	text-decoration: none;
	font-size: 16px;
	margin-left: 12px;
	color: inherit;
	font-weight: 300;
}

.sort_link:hover {
	border-bottom-color: transparent;
}

.sort_link.active {
	border-bottom: 1px solid;
}

.event_ac_ib {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	padding-top: 8px;
}

.event_ac_ib.tools {
	color: #919090;
	font-style: italic;
	font-size: 14px;
	margin-left: 10px;
}

.event_ac_ib b {
	font-weight: 700;
	display: inline-block;
	margin-right: 20px;
}

.event_ac_ib span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/i_time.png);
	margin: 0 10px;
}

.tidspunkt_buttons .button {
	margin-right: 7px;
}

.tidspunkt_buttons .rc_content .button {
	margin: 0 6px;
}

.tidspunkt_buttons .rc_content span.button {
	margin: 0;
}

.send_links {
	display: inline-block;
	font-size: 16px;
	float: right;
	margin-bottom: 5px;
}

.topbar_menu {
	display: inline-block;
	float: right;
	margin-top: 20px;
}

.topbar_menu a {
	display: inline-block;
	float: left;
	color: #fff;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 3px 10px;
	margin-left: 5px;
}

.topbar_menu a:hover {
	border-color: #4ea6ca;
}

.fancybox-inner {
	min-height: 70% !important;
}

.fancybox-wrap {
	height: calc(70% + 15px);
}

.bruker_list .row {
	border-bottom: 1px solid #d4e1e9;
	padding-top: 13px;
	padding-bottom: 0px;
	float: left;
}

.bruker_list .row:nth-child(even) {
	background: #f6f6f6;
}

#usergroups_open {
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#usergroups_open:hover {
	background: #d4e1e9;
}


/* PAGE LOCATION */
.page-location-sec {
	padding-top: 14px;
	padding-bottom: 10px;
	background-color: #e9e9e9;
}

.page-location {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Roboto Condensed', sans-serif;
}

.page-location li {
	display: inline-block;
	float: left;
	color: #8e8e8e;
}

.page-location li::after {
	content: '/';
	margin-left: 5px;
	margin-right: 5px;
}

.page-location li:last-child::after {
	display: none;
}

.page-location li a {
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #8e8e8e;
}

.page-location li a:hover {
	text-decoration: underline;
}

.sorts {
	float: right;
	margin-top: 12px;
}

.dugnader_box {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.type_dugnader {
	position: relative;
	display: table-cell;
	width: 1%;
	height: 42px;
	border: 1px solid #9f9f9f;
	background: #f7f7f7 url(../img/dugnader_date.gif) repeat-y right;
	background-size: auto 42px;
	padding-left: 30px;
	vertical-align: middle;
	padding-right: 70px;
	font-size: 20px;
	border-radius: 3px;
	box-shadow: 6px 0px 0px #fff;
}

.dugnader_dates {
	display: table-cell;
	vertical-align: middle;
	background: #f7f7f7;
	padding-left: 30px;
	padding-right: 20px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0px 0px 0px 1px #fff inset;
}

.dugnader_dates div {
	display: inline-block;
	margin-right: 50px;
	font-size: 20px;
	font-weight: 300;
}

.dugnader_dates div b {
	font-weight: 500;
	text-shadow: 0px 0px 0px #000;
	margin-right: 10px;
}

.dugnader_dates div span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/i_time.png) no-repeat;
	margin: 0 5px;
}

.row.inputs {
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	padding: 30px;
	margin-bottom: 20px;
}

.participant_row {
	padding: 5px 10px;
	border-radius: 5px;
}

.participant_row:nth-child(odd) {
	background: #f6f6f6;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .5);
	z-index: 50;
}

.overlay_content {
	position: absolute;
	z-index: 70;
	left: 50%;
	margin-left: -25%;
	top: 15%;
	display: inline-block;
	width: 50%;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
}

.overlay_close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 34px;
	border-radius: 10em;
	border: 1px solid red;
	color: red;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.overlay_close:hover {
	background: red;
	color: #fff;
}

.inframe_title {
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
}

.remove_confirm {
	display: none;
	position: fixed;
	z-index: 300;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rc_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: rgba(206,40,40, .5);
}

.rc_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 260px;
	height: 112px;
	margin-top: -65px;
	margin-left: -150px;
	background: #fff;
	display: block;
	padding: 15px 30px;
	text-align: center;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 5px rgba(0,0,0, .25);
	font-size: 20px;
	font-weight: 700;
}

.rc_content a,
.rc_content button {
	width: 100px;
	margin: 0 6px;
}

.rc_content a,
.rc_content button {
	background: #ce2828 !important;
	border: 1px solid #ce2828 !important;
	color: #fff !important;
}

.rc_content a::before,
.rc_content button::before {
	color: #fff !important;
}

.rc_content a:hover,
.rc_content button:hover {
	opacity: .8;
}

.rc_content  p {
	margin-top: 0;
	margin-bottom: -10px;
}

.cat_more {
	float: right;
}

blockquote {
	width: 100%;
	display: inline-block;
	margin: 0;
	margin: 10px 0 20px;
	padding: 0;
}

blockquote div {
	width: 100%;
	height: 35px;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/help.png) no-repeat 0px 2px;
	color: #287a9d;
	font-style: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding-left: 50px;
}






























/* RESPONSIVE */

@media(max-width: 1024px) {

	.container {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

}







@media(max-width: 800px) {

	.task_row {
		border-bottom: 1px solid #d9d9d9;
		padding: 15px 0;
	}

	.task_row:last-child {
		border-bottom: none;
	}

	.accordion.events .fright {
		float: left !important;
		margin-top: 5px;
	}

}







@media(max-width: 700px) {

	.tool_item {
		margin-top: -20px;
		margin-right: 10px;
		margin-left: 0;
	}

	.fright .tool_item {
		margin-left: 0;
		margin-top: 0;
	}

	.event_data .fright {
		float: left !important;
		width: 100%;
	}

	.footer_date {
		width: 100%;
		text-align: left;
	}

	.w70 {
		width: 100%;
	}

	.w30 {
		width: 100%;
	}

	.w70.mr {
		width: 100%;
		margin-right: 0;
	}

	.checkboxes_box input[type=checkbox] + label {
		width: 45%;
		margin-right: 3%;
	}

	.checkbox_status {
		display: none;
	}

	.button.add_category {
		height: 80px;
	}

	.event_ac_ib {
		margin-bottom: 10px;
	}

	.accordion_content .relative.fright .button {
		height: 26px;
		line-height: 26px;
	}

	.mobile_w100 {
		width: 100% !important;
		display: inline-block;
	}

	.mobile_w100 label {
		width: 70px;
		display: inline-block;
	}

	.mobile_w100 label + br {
		display: none;
	}

	.logo_top {
		position: absolute;
		top: 17px;
		right: 25px;
		width: 100px;
	}

}








@media(max-width: 568px) {

	.w50 {
		width: 100%;
	}

	.w50.mr,
	.w50.pr {
		width: 100%;
		margin-right: 0;
		padding-right: 0;
	}

	.content_left,
	.content_right {
		width: 100%;
		margin-bottom: 30px;
	}

	.input_text.big {
		width: 275px;
	}

	.fmenu_link {
		padding-left: 10px;
	}

	.fmenu_link::before {
		display: none;
	}

	.event_date {
		width: 100%;
		float: left;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.admin_mails .button {
		display: block;
		margin-bottom: 10px;
	}

	.admin_mails .button:last-child {
		margin-bottom: 0;
	}

	.accordion_title .buttons {
		width: 100%;
		padding-left: 15px;
		float: left;
	}

	.accordion_title .buttons .button.small {
		background: #09A3CC;
	}

	.input_text.w20.mr,
	select.w20 {
		width: 48%;
	}

	.inputs {
		margin-bottom: 30px;
	}

	.content_left.events,
	.content_right.events {
		width: 100%;
	}

}








@media(max-width: 480px) {

	.tool_item span {
		display: none;
	}

	.thanks_text {
		margin-top: 30px;
	}

	.footer_left {
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}

	.footer_right {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.footer_date {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.noMobile480 {
		display: none;
	}

	.input_text.big {
		width: 210px;
	}

	.it_event_title {
		width: 400px;
	}

	.accordion_content .relative.fright .button {
		margin-top: 4px;
	}

}









@media (max-width: 400px) {

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.fmenu_link {
		margin-bottom: 6px;
	}

	.footer_right {
		margin-bottom: 0;
	}

	.mobile_w100 label,
	.mobile_w100 .input_text,
	.mobile_w100 .ib {
		width: 100%;
	}

	.it_event_title {
		width: 100%;
	}

	.ib.mr {
		width: 100%;
		margin-right: 0;
	}

	.input_text.big {
		width: 100%;
	}

	.count_box .input_text {
		margin-bottom: 15px;
	}

	.count_box .plus {
		bottom: 33px;
	}

	.count_box .minus {
	    bottom: 15px;
	}

	.count_box label {
		display: none;
	}

	.ib.mr.fleft {
		width: auto;
	}

	.ib.mr.fleft .button {
		margin-right: 5px;
		margin-bottom: 15px;
	}

	.mobile_w100 .input_text.big {
		margin-bottom: 5px;
	}

	.event_top_buttons .button {
		margin-bottom: -10px;
		width: 100%;
		text-align: center;
	}

	.sorts {
		width: 49%;
		float: left;
	}

	.sort_link {
		margin-bottom: 10px;
		display: inline-block;
	}

	.admin_mails {
		width: 49%;
	}

	.admin_mails .button {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
		text-align: center;
	}

	.accordion_item.noApen .accordion_title {
		background-size: auto 100% !important;
	}

	.accordion_title i {
		display: block;
	}

	.accordion_title i.fa {
		display: inline-block;
	}

	.accordion_title .buttons {
		padding-left: 0;
	}

	.accordion_title .buttons .button {
		padding-left: 5px;
		padding-right: 5px;
		margin-right: 5px;
	}

	.relative.fright {
		float: left !important;
	}

	.input_text.w20.mr,
	select.w20 {
		width: 100%;
	}

	.thumb_big {
		width: 100%;
		margin-bottom: 10px;
	}

	.task_more {
		width: 100%;
		text-align: center;
	}

	.site_title b {
		font-size: 23px;
	}



}











