a:hover,
a:focus {text-decoration:none;}

.w50 {max-width:50px;}
.w80 {max-width:80px;}
.w100 {max-width:100px;}
.w200 {max-width:200px;}
.w300 {width:100%; max-width:300px;}
.datewidth {max-width:100px; min-width:100px;}

h1,h2,h3,h4,h5,h6 {display:block; float:none; text-transform:none;}

h4 {margin-bottom:1em;}
h4.coursename {line-height:1.5em; font-weight:700;}

online {text-align:right; padding:15px 0; border-top:1px solid #e0e0e0; margin-top:15px;}
a.bhm-logout {display:inline-block; line-height:90px; color:#fff !important; background-color:#bb0000; padding:0 20px;}
a.bhm-logout:hover {background-color:#555;}


/***************************************
			SUBTITLE
***************************************/

#subtitle-bhm {
    height:170px;
    background:#fff url(/files/images/strawberries_dark.jpg) 50% 50% no-repeat;
    background-size:cover;
    width:100%;
    background-attachment:scroll;
}
#subtitle-bhm .inner {
    height:100%;
 }
#subtitle-bhm h1 {
    position: absolute;
    bottom:0;
    left:0;
    font-size:32px;
    line-height:80px;
    color:#fff;
    margin:0;
}

.sidebar .widget {padding:0;}

ul.nav-col {margin:0; padding:0;
	-moz-box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

}
ul.nav-col li {border-bottom:1px solid #e5e5e5; padding:0; line-height:auto;}
ul.nav-col li:first-child {color:#000; font-size:17px; line-height:37px; padding:0 10px;}
ul.nav-col li:last-child {border-bottom:0;}
ul.nav-col li a {display:block; line-height:37px; padding:0 15px;}
ul.nav-col li a:hover {background-color:#f0f0f0;}

.btn-allergen a,
.btn-allergen a:visited {text-transform:uppercase; color:#bb0000; line-height:23px; padding:0 10px; border:1px solid #bb0000;}
.btn-allergen a:hover {background-color:#fcecec;}
.btn-allergen a+a {margin-left:5px;}

.links-top {margin:-5px 0 10px 0; text-align:right;}
.links-top a,
.links-top a:visited {color:#fff; background-color:#3bafda; padding:5px 20px; margin-bottom:10px;}
.links-top a:hover {background-color:#777;}
.links-top a+a {margin-left:5px;}

/**********************************
           WIDGETS
***********************************/

.widget {
	position: relative;
	background: #fff;
	color: #5b5b5b;
	margin-bottom: 15px;
	-moz-box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	 z-index:10;
}
.whead,
.whead-1,
.whead-2,
.whead-3,
.whead-sub {position:relative; padding:0 20px;}

.whead-1 h3,
.whead-2 h3,
.whead-3 h3,
.whead h3 {
	font-size:19px;
	font-weight:normal;
	line-height:19px;
	text-transform:none;
	padding:10px 0;
	margin:0;
}
.whead h3 span {font-size:17px; white-space:nowrap; font-weight:normal;}
.whead-sub h4 {
	font-weight:normal;
	line-height:21px;
	padding:13px 0;
	margin:0;
}

.whead .selday {position:absolute; top:5px; right:5px;}
.whead .selday a {
	display:block;
	float:left; 
	font-size:13px;
	width:100px;
	text-align:center;
	color:#fff;
	background-color:rgba(255,255,255,0.2);
	line-height:32px;
}
.whead .selday a:hover {background-color:rgba(255,255,255,0.4);}
.whead .selday a+a {margin-left:5px;}
.whead .selday i {display:none;}
.whead .selday .today {width:60px;}

@media (max-width: 990px) {
	.whead h3 > span {display:block;}
}
@media (max-width: 767px) {
	.btn-allergen:before {content:' '; height:10px; display:block;}
	.btn-allergen a+a {margin:0 0 5px 0;}
	.btn-allergen span,
	.btn-allergen a {display:block; padding:5px; margin-bottom:5px;}
}

@media (max-width: 520px) {
	.whead .selday a {width:35px !important;}
	.whead .selday a span {display:none;}
	.whead .selday a:hover {background-color:#e0e0e0;}
	.whead .selday i {display:block; line-height:29px;}
}

.wbody {
	background-color:#fff;
	padding:20px 10px;
}
.widget.front .wbody {height:auto;}

.widget.wbox .whead {background-color:#0095a2; color:#fff;}
.widget.wbox .whead h3,
.widget.wbox .whead h3 span {color:#fff;}
.widget.wbox .whead h3 {font-size:19px; line-height:21px;}

/**********************************
            TABLES
***********************************/

.table-top {margin-bottom:5px;}

table {border-spacing:0; border:0;}
table th,
table td {border-spacing:0; border:0;}

table.normal {width:100%; border-spacing:0; border:0; margin-bottom:30px;}
table.normal th {font-weight:normal; color:#fff; padding:6px 8px; border:0;}
table.normal th.icon {width:1%; white-space:nowrap;}
table.normal td {padding:6px; vertical-align:top; border-bottom:1px solid #e5e5e5;}
table.normal td a {text-decoration:none;}
table.normal td h4 {margin:20px 0 10px 0;}

table.fromcal th,
table.fromcal td {width:10%; text-align:center; border:1px solid #eee;}
table.fromcal td {padding:4px;}
table.fromcal th:first-child,
table.fromcal td:first-child {width:35%; text-align:left; padding-left:8px;}
table.fromcal th.currency,
table.fromcal td.currency {width:15%;}
table.fromcal td.currency {text-align:right; white-space:nowrap;}

table.fromcal tr.mark td {padding:6px; font-weight:700;}

.deviated {background-color: rgba(82,180,10,0.2);}

td.icon {width:1%; white-space:nowarp;}

tfoot.totals {background-color:#f5f5f5; font-weight:bold;}
table.align-middle td {vertical-align:middle;}
table.adjust-right th,
table.adjust-right td {text-align:right;}
table.adjust-right.first-left tr th:first-child,
table.adjust-right.first-left tr td:first-child {text-align:left;}

td.sort {background:#f5f5f5 url('img/drag-updown.png') no-repeat 50% 50%;}

table td .subcourses a {color:#333;font-size:13px; font-weight:bold; line-height:25px; padding:0 10px;}
table td .subcourses a:hover {color:#666;}

td.rowheading {font-weight:bold; font-size:15px;}

.alternate tr:nth-child(even) {background-color:#f5f5f5;}

.tr-onDrag {background-color:#fcede3;}
td.nodrag {cursor:default;}

tr.warning {background-color:#ffeeee !important;}
tr.total {background-color:#f0f0f0;}

input.btn-sort {margin-top:15px;}

/**********************************
            CALENDAR
***********************************/


/*************** KALENDER FOR FUTURE *****************/

table.month {width:100%;}
table.month th,
table.month td {font-size:13px; vertical-align:top; padding:5px 10px;}
table.month th {padding-bottom:10px;}

table.bordered td {border-top:1px solid #ccc;}
table.bordered tr:last-child td {border-bottom:1px solid #ccc;}

/*****************************************************/


.cal-head {}
.cal-head .pastmonth {width:9%; float:left; text-align:center;}
.cal-head .month {width:82%; float:left; color:#fff; font-size:21px; line-height:45px; text-align:center; text-transform:uppercase; background-color:rgba(0,149,162,0.8);}
.cal-head .nextmonth {width:9%; float:left; text-align:center;}
.cal-head a {display:block; line-height:45px; color:#fff; background-color:rgba(0,149,162,1);}
.cal-head a:hover {background-color:rgba(0,149,162,0.6);}

table.calendar {border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin-bottom:30px;width:100%;}
table.calendar th {width:13%;background-color:#f0f0f0; line-height:41px;}
table.calendar th,
table.calendar td {font-size:19px; text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0;}
table.calendar th.weeknum {width:9%; background-color:#f5f5f5;}
table.calendar th.weeknum {font-weight:normal;}

table.calendar td div {text-align:center; line-height:40px; position:relative;}
table.calendar td div.check {line-height:auto;}
table.calendar td div.check-none {background:none; line-height:auto;}
table.calendar td div.check-vacation {background:none; line-height:auto; font-size:15px; color:#fff; background-color:#777;}
table.calendar td div.check-vacation {background:none; line-height:auto; font-size:15px; color:#fff; background-color:#aaa;}
table.calendar td input[type=checkbox] {margin:0; padding:0;}
table.calendar td a.caldate-flag {position:absolute; width:auto; color:#fff; height:auto; line-height:12px; top:0; right:0; font-size:11px; padding:0 3px; cursor:default;}

table.cal-serv {width:100%;}
table.cal-serv th,
table.cal-serv td {border-top:1px solid #ccc; padding:5px 10px; font-size:13px;}
table.cal-serv th {padding-bottom:10px;}
table.cal-serv td:nth-child(1),
table.cal-serv td:nth-child(2) {width:1%; white-space:nowrap;}
table.cal-serv tr:last-child td {border-bottom:1px solid #ccc;}
table.cal-serv td a.icon {color:#777;}
table.cal-serv td a.icon:hover {color:#000;}
table.cal-serv td i.fa {font-size:17px;}

.explanation span {}
span a.caldate-flag {line-height:12px; font-size:11px; padding:0 3px; cursor:default; margin:0;}

/**********************************
            FORMS
***********************************/

.f-inline textarea {min-height:150px;}
.textarea textarea {padding-top:8px;}

.datepicker-input {width:100px;}
.datepicker-input:after {
    font-family: 'FontAwesome';
    color:red;
    position: relative;
    left: -5px;
    content: "\f007";	
}

label {font-weight:700; font-size:14px;}
label span {display:block; font-weight:normal; font-size:13px;}

.f-inline .input-checks {width:75%; float:left;}
.f-inline .input-checks label {text-align:left; font-weight:normal; margin-left:5px; line-height:22px; vertical-align:middle;}

ul.checks li {position:relative; margin-bottom:5px;}
ul.checks li label {cursor:pointer;}
ul.checks li label i {padding-left:5px; font-weight:normal; font-style:normal;}
ul.checks.bordered li {border-bottom:1px solid #e5e5e5; padding:5px 0; margin-bottom:0;}

.f-group:after { /*clearfix*/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.f-inline .f-group input,
.f-inline .f-group select,
.f-inline .f-group textarea,
.f-inline .f-group .input {
	float:left;
	vertical-align:middle;
}

.inp-inline {margin-bottom:20px;}
.inp-inline label {padding:0;}
.inp-inline div {vertical-align:middle; display:inline-block; text-align:center;}
.inp-inline div + div {margin-left:20px;}
.inp-inline div label {width:100%; display:block;}

select.auto {width:auto;}
.submit {display:block; text-align:right;}

input[type=submit],
button {font-size:15px;}
input.lower[type=submit] {height:35px; line-height:35px; padding:0 20px;}

.f-inline .f-group {margin-bottom:10px;}
.f-inline label {text-align:right; width:23%; float:left; padding-right:2%; min-height:41px; padding-top:8px;}
.f-inline .form-group.top label {}
.f-inline small {float:right; width:77%; padding-left:1px;}
.f-inline .form-group {margin-bottom:10px;}
.f-inline p.submit {text-align:right;}
.f-inline input[type=text] {line-height:29px; color:#dc5200; border:1px solid #e0e0e0; padding:5px; width:77%;}

.f-inline textarea {width:77%;}
.f-inline .f-group .input {width:77%;}

.f-block .f-group {display:inline-block; margin:0 10px 20px 0;}
.f-block .f-group.full {display:block; width:100%;}
.f-block input {width:100%;}
.f-block input[type=submit] {height:41px; line-height:41px; padding:0 20px;}
.f-block label {display:block; text-align:left; width:100%; float:none; padding-left:5px; margin-bottom:5px;}
.f-block input[type=password],
.f-block input[type=text],
.f-block textarea {width:100%;}
.f-block textarea {height:150px;}

/*Bruke i f-inline for å få label over*/
.f-group.block label {display:block; width:100%; text-align:left;}
.f-group.block textarea {display:block; width:100%;}


table.numbers input[type=text] {width:50px; text-align:center; font-size:17px; font-weight:bold;}
table.numbers td {vertical-align:middle;}

input.total {background-color:#EAF5DD;}
input.small {height:32px; line-height:32px; padding:0;}

input[type=text].blurred {font-weight:normal; border:0; background:transparent;}

input[type=text].input-err,
input[type=email].input-err,
input[type=password].input-err,
textarea.input-err,
.textarea.input-err,
select.input-err {
	border:1px solid #ffaaaa !important;
	box-shadow:0 0 5px 0 rgba(255,20,20,0.4);
}

#frm_error {display:none;}

a.btn-col {border:none; display:block; line-height:auto; background-color:#777; color:#fff; font-size:15px; padding:15px; border-radius:5px;}
a.btn-col:hover {background-color:#555;}

/**********************************
           NAV SUB
***********************************/

ul.catmenu {margin:20px 0 0 0}
ul.catmenu li {float:left; position:relative; height:auto; margin-bottom:5px;}
ul.catmenu li ul {display:none; width:180px; position:absolute; left:0; top:47px; z-index:101;}
ul.catmenu ul li {float:none; margin-bottom:0;}
ul.catmenu a {
	display:block;
	text-transform:uppercase;
	line-height:42px;
	padding:0 20px;
	margin-right:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul.catmenu ul li a {
	padding:0 20px;
	border-bottom:1px solid #999;
	margin-right:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

ul.catmenu.small {margin-bottom:15px;}
ul.catmenu.small a {line-height:31px;}

/**********************************
           DIV ELEMENTER
***********************************/

table.check-weekdays {
	width:100%;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
table.check-weekdays th,
table.check-weekdays td {
	width:20%;
	text-align:center;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:5px 0;
}
table.check-weekdays th {
	background-color:#f5f5f5;
	font-weight:bold;
}

.explanation {color:#777; font-size:13px;}
.explanation span {padding-right:10px;}

.bigbutton-1,
.bigbutton-2,
.bigbutton-3 {
	text-align:center;
	-moz-box-shadow: 0px 0px 3px 0px rgba(180, 180, 180, 0.5);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(180, 180, 180, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(180, 180, 180, 0.5);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.bigbutton-1 a,
.bigbutton-2 a,
.bigbutton-3 a {
	display:block;
	width:100%;
	text-transform:uppercase;
	padding:30px 0;
	margin-bottom:30px;
}

a.print {display:inline-block; float:right; font-size:13px; color:#333; background-color:#eee; border:1px solid #aaa; padding:5px 20px; margin-top:-10px;}
a.print:hover {background-color:#e0e0e0;}

.fade {
  opacity: 0;
  -webkit-transition: opacity 1.0s linear;
  -moz-transition: opacity 1.0s linear;
  -o-transition: opacity 1.0s linear;
  transition: opacity 1.0s linear;
}
.fade.in {
  opacity: 1;
}

.menulist .subheading {background-color:#f5f5f5; font-weight:700; border:1px solid #e0e0e0; padding:5px; margin-bottom:10px;}
.menulist .wrap {margin-bottom:20px;}
.menulist .doclink img {width:75%;}

.menulist .image {float:left; position:relative; text-align:right;}
.menulist .image img {background-color:#fff; border:1px solid #e0e0e0; padding:5px;}
.menulist .doclink {text-align:center; background:rgba(255,255,255,0.7); border:1px solid #e5e5e5; padding:3px;}
.menulist .info {float:right;}

.menulist.month .image {max-height:100px; width:20%;}
.menulist.month .image img {max-height:100px;}
.menulist.month .doclink {position:absolute; top:0; right:0;}
.menulist.month .info {width:78%;}

.menulist.week .image {width:33%;}
.menulist.week .doclink {position:absolute; top:0; left:0;}
.menulist.week .info {width:65%;}

.course-front h4 {margin:20px 0; position:relative;}
.course-front h4 .h4-right {position:absolute; top:5px; right:-10px; width:50px;}
.course-front ul {padding-left:0; margin:0 0 0 15px; list-style-type:circle; list-style-position:outside}
.course-front ul li {line-height:21px; padding:2px 0}
.course-front p {margin-bottom:1em;}
.course-front img {padding:9px; border:1px solid #e5e5e5;}
.course-front h4 img {padding:0; border:0;}

.datasheet {}
.datasheet a {display:block; width:100%; background:#f0f0f0 url('/assets/images/pdf_icon.png') no-repeat 10px 50%; border:1px solid #e5e5e5; padding:10px 50px; margin-top:20px;}
.datasheet a:hover {background-color:#e5e5e5;}

.box-wiz a {display:block; width:100%; position:relative; height:63px; overflow:hidden; color:#fff; background-color:rgba(82,180,10,0.5); font-size:52px; font-weight:600; line-height:63px; padding-left:15px;}
.box-wiz a:hover { background-color:rgba(82,180,10,0.75);}
.box-wiz.active a {color:rgba(255,255,255,0.5); background-color:#0095a2;}
.box-wiz i {position:absolute; right:-4px; top:-98px;}
.box-wiz i:before {font-size:248px;color:rgba(255,255,255,0.2);}
.box-wiz p {height:80px; padding:10px; border-bottom:1px solid #e5e5e5; margin:0;}

.msg-help {background-color:#f5f5f5; border:1px solid #e0e0e0; border-radius:5px; padding:10px; margin-bottom:30px;}
.msg-help:before {
	content:'\f0eb';
	font-size:19px;
	line-height:auto;
	font-family: FontAwesome;
	font-style:normal;
	padding:0;
}
.msg-help > p {font-size:13px; padding:0 0 0 25px; margin:-23px 0 0 0;}

/**********************************
           IBOX
***********************************/

.ibox-menu {margin-top:0 !important; margin-bottom:20px;}
.ibox-menu li div {position:relative; height:42px; width:100%; border:1px solid #e0e0e0; padding:5px; margin-bottom:5px;}
.ibox-menu li div span {font-size:14px; padding-left:50px; color:#000;}
.ibox-menu li div.wd {position:absolute; left:0; top:0; width:50px; background-color:#eee; border:none; height:40px;}
.ibox-menu li div a.t {position:absolute; right:0; top:0; display:block; font-size:21px; line-height:43px; width:40px; height:40px; background-color:#f0f0f0; color:#777; text-align:center;}
.ibox-menu li div.bg-hot {background-color:#ffcccc;}
.ibox-menu li div.bg-cold {background-color:rgba(53,157,196,0.3);}
.ibox-menu li div.bg-none {background:transparent;}
h5.m-bottom {margin-bottom:10px;}

/* Valg av antall ibox - varm eller kald */
.sel_temp {text-align:center;}
.sel_temp span {display:block; font-size:11px; font-weight:bold; color:#fff; padding:6px 0; margin-bottom:5px;}

.sel_temp .hot {float:left; width:50%; text-align:center;}
.sel_temp .cold {float:right; width:50%; text-align:center;}

.sel_temp .hot span {background-color:#c4353c;}
.sel_temp .cold span {background-color:#359DC4;}

.sel_temp:before,
.sel_temp:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.footer-bhm {margin:30px 0;}
.footer-bhm .info {
    color:#777;
    border-top:1px solid #e0e0e0;
    padding-top:15px;
}

/**********************************
            MISC
***********************************/

.margin-bottom {margin-bottom:30px;}
.m-bottom {margin-bottom:20px;}
.no-margin {margin:0;}
td.center,
.center {text-align:center;}
td.right,
.right {text-align:right;}
.middle {vertical-align:middle;}
.displNone {display:none;}
.displBlock {display:block;}
.nowrap {white-space:nowrap;}
.strong {font-weight:700;}
.border-top {border-top:1px solid #e5e5e5;}
.border-bottom {border-bottom:1px solid #e5e5e5;}
.cap {text-transform:capitalize;}
.ucase {text-transform:uppercase;}

@media (min-width: 767px) and (max-width: 991px) {
	ul.nav-col li a {font-size:13px;}
}

@media (max-width: 767px) {
	.container {width: 96% !important;}
	.container-full {width:100%; margin:0;}
	.whead h3 span {font-size:15px;}

	ul.catmenu {margin-left:10px; margin-right:10px;}
	a.print {display:none;}
}
@media (max-width: 580px) {
	ul.catmenu li {width:32%; text-align:center; margin:0.5%;}
	ul.catmenu li a {margin:0 auto; padding:0;}
	.whead h3 span {padding-top:10px;}
	table.small th, 
	table.small td {padding-left:2px; padding-right:2px;}
	.course-front img {padding:0; border:0;}
}