@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,300italic,400italic,600italic,700italic);

* {
    box-sizing: border-box;
}

/* proxima nova font */
/* @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=1b7fa1e0-0ae8-4e8e-9abf-33a0d2c1efe6");
@font-face{
	font-family:"proximanovalight";
	src:url("./fonts/dae3ab6e-9824-4d09-be4d-0dd63919caf1.eot?#iefix");
	src:url("./fonts/dae3ab6e-9824-4d09-be4d-0dd63919caf1.eot?#iefix") format("eot"),url("./fonts/077b6f47-13ba-4e2c-a40c-d8048067b660.woff2") format("woff2"),url("./fonts/57e50225-0ba6-4485-99eb-da20ed870c76.woff") format("woff"),url("./fonts/2ed17183-9ebd-4294-a07e-7bd7b1ce07af.ttf") format("truetype"),url("./fonts/b45f178e-8b38-492a-a31e-d8172c0b29e2.svg#b45f178e-8b38-492a-a31e-d8172c0b29e2") format("svg");
}
@font-face{
	font-family:"proximanova_semibold";
	src:url("./fonts/a9f16204-0ff0-4a9e-8a02-59d15bc5f66b.eot?#iefix");
	src:url("./fonts/a9f16204-0ff0-4a9e-8a02-59d15bc5f66b.eot?#iefix") format("eot"),url("./fonts/8306b4bf-8bb5-4fc0-8620-65184cb574fb.woff2") format("woff2"),url("./fonts/6e328769-56a5-4de1-957e-575f839df36d.woff") format("woff"),url("./fonts/b5b3aa5a-a6be-4897-a646-09224334b90b.ttf") format("truetype"),url("./fonts/bcade2c9-7691-43e7-9c1b-e6b2ac50ee97.svg#bcade2c9-7691-43e7-9c1b-e6b2ac50ee97") format("svg");
} */

body {
	/* font-family: proximanovalight; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: url(../Bilder/top_bg.png) no-repeat top center transparent;
	background-size: 100%;
}
body.content_frame {
	padding: 35px 13px;
	background: url(../Bilder/body_bg.png) no-repeat top center transparent;
	background-size: 100% 77px;
	background-attachment: fixed;
}
body.footer {
	background: none;
	color: #FFFFFF;
	font-size: 12px;
}
body.footer a {
	color: #FFFFFF;
}

p {
	line-height: 22px;	
}

strong, b {
	font-weight: 600;
	/* font-family:"proximanova_semibold"; */
}

select,
input {
	/* font-family: proximanovalight; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

input[type=text].stdInput{
	width: 250px;
	
}



a {
	text-decoration: none;
	color: #006599;
}

.error {
	color: red;
}


/* main text color */
body,
.agreements_list a,
.tab_mytasks a {
	color: #333333;	
}

input.buttonOld {
	background: url(../Bilder/buttonback.jpg) repeat-x #004d70;
	width:65px;
	height:20px;
	font-weight:bold;
	color: #FFF;	
	border: 1px solid #004d70;
	margin:0;
}
.topbuttons {background:red;}

.clear {
	clear: both;
	height: 0; 
}

/* clear */
header div.logo:before,
header div.logo:after,
.top_menu:before,
.top_menu:after,
.clearme:before,
.clearme:after,
.main_content:before,
.main_content:after {
	content: "";
	display: block;
	clear: both;
}

/* header: begin */
header {
	color: #FFFFFF;
	border-bottom: 4px solid #8C0000;
}
header a {
	color: #FFFFFF;
	text-decoration: none;	
}
header div.logo {
	padding: 19px 49px;
	position: relative;
}
header div.logo > a {
	float: left;
}

/* top_menu */
.top_menu {
	position: absolute;
	bottom: 0;
	left: 335px;
}
.top_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.top_menu ul li {
	background: url(../Bilder/top_menu_bg.png) no-repeat top center transparent;
	width: 174px;
	float: right;
	margin-left: -23px;
}
.top_menu ul li:last-child {
	margin-left: 0;
}
.top_menu ul li a {
	font-size: 12px;
	display: block;
	text-align: center;
	line-height: 30px;
}

/* header_bottom */
.header_bottom {
	background: #000000;
	line-height: 38px;
	border-top: 1px solid #F1F2F2;
	border-bottom: 1px solid #F1F2F2;
}
.header_bottom nav ul {
	margin: 0;
	list-style: none; 
}
.header_bottom nav ul li {
	display: inline-block;
}
.header_bottom nav ul li a {
	padding: 0 15px;
	display: inline-block;
}
.header_bottom form {
	/* font-family: proximanova_semibold; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.header_bottom form a {
	padding: 0 50px;
}
.header_bottom form select,
.header_bottom form input {
	width: 123px;
	padding: 1px;
	height: 20px;
	margin-right: 3px;
}
.header_bottom form input[type=submit] {
	/* font-family: proximanova_semibold; */
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border: 1px solid #8c0000;
	background: url(../Bilder/top_search_bg.png) no-repeat 4px center #8C0000;
	color: #FFFFFF;
	width: auto;
	padding: 0;
	padding: 0 7px 0 21px;
	font-size: 10px;
	/* font-weight: bold; */
	position: relative;
	height: 21px;
	top: -1px;
	cursor: pointer;
	text-transform: uppercase;
}
.header_bottom .today {
	padding: 0 49px;
	padding-right: 79px;
}
/* header: end */

.main_body {
	width: 100%;
	padding: 30px 12px;
}

.main_body .login_tab td {
	padding: 0 15px;
}
.main_body .login_tab td:first-child {
	padding-left: 0;
}
.main_body .login_tab td.splitter {
	padding: 0;
	background: #ced9da; 	
}
.main_body .login_tab td > h2 {
	margin-top: 0;
}
.main_content > div:first-child {
	float: left;
	width: 15%;
}
.main_content > div:last-child {
	float: left;
	width: 85%;
	/* padding-left: 17px; */
}

/* left_main_menu */
.left_main_menu {
	margin-bottom: 30px;
}
.left_main_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.left_main_menu a {
	outline: none;
	cursor: pointer;
}
.left_main_menu > ul:first-child {
	/* min-width: 262px; */
	padding-right: 15px;
}
.left_main_menu > ul:first-child > li > a {
	border-top: 1px solid #F3F4F3;
	background: url("../Bilder/menu_item_bg.png") repeat-x transparent;
}
.left_main_menu ul li {
	margin-bottom: 1px;
	list-style: none;
}
.left_main_menu ul li a {
	display: block;
	/* font-weight: bold; */
	font-weight: 600;
	color: #333333;
}
.left_main_menu ul li a img {
	width: 13px;
}
.left_main_menu ul li a span {
	display: inline-block;
}
.left_main_menu ul li a span:first-child {
	background: #FAFAFA;
	border: 1px solid #F2F3F3;
	padding: 3px 6px;
	min-width: 27px;
	min-height: 25px;
}
.left_main_menu ul li a span:last-child {
	/* background: url("../Bilder/menu_item_bg.png") repeat-x transparent; */
	/* width: 230px; */
	line-height: 23px;
	/* border-top: 1px solid #F3F4F3; */
	/* padding-left: 25px; */
	padding-left: 7%;
	position: relative;
	left: -3px;
	min-height: 25px;
	border-left: 1px solid #FFFFFF;
}
.left_main_menu ul.sub_menu {
	margin-left: 28px;
	border: 1px solid #F0F1F1;
	border-top: none;
	/* max-width: 230px; */
	display: none;
}
.left_main_menu ul.sub_menu li a {
	background: url("../Bilder/sub_menu_item_bg.png") no-repeat 26px center transparent;
	padding-left: 36px;
	line-height: 20px;
	font-weight: normal;
}
.left_main_menu ul.sub_menu li a:hover,
.left_main_menu ul.sub_menu li a.selected {
	background-color: #FAFAFA;
	color: #8C0000;
}
.left_main_menu > ul > li > a.selected {
	color: #8C0000;
}
.left_main_menu ul.sub_menu.latest {
	min-height: 90px;
	margin-left: 0;
	/* max-width: 258px; */
	padding: 9px;
	display: block;
}
.li_latest {
	margin-top: 17px;
}

/* content_frame: begin */
.overskriftsort {
	background: #DDDDDD;
	line-height: 38px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	font-size: 16px;
	/* font-family: proximanova_semibold; */
	font-weight: 600;
	padding: 0 9px;
}
.td_v_splitter {
	padding: 0 25px;
	position: relative;
	width: 1px;
}
.td_v_splitter:before {
	content: "";
	display: block;
	border-left: 1px solid #F3F4F4;
	height: 100%;
	position: absolute;
}

.overskriftsort > img {
	width: 22px;
}
.overskriftsort > span {
	margin-left: 9px;
}
.tab_agreements {
	width: 38%;
}
.agreements_list {
	margin-top: 12px;
	background: #FAFAFA;
}
.agreements_list tr td:not(.appointment_last_bigger) {
	padding-top: 6px;
	padding-bottom: 6px;	
}
.agreements_list tr td.graatone {
	padding-left: 9px;
}
.agreements_list .right_date {
	padding-top: 0;
}
.appointment_last_bigger {
	border-bottom: 1px solid #DDDDDD;
	font-size: 15px;
	/* font-family: proximanova_semibold; */
	font-weight: 600;
	background: #FFFFFF;
	padding: 18px 9px 3px;
}
td.invitation {
	padding: 9px;
	padding-right: 0;
}
td.invitation + td {
	padding-right: 9px;
}

.tab_mytasks {
	/* width: 40%; */
}
.tab_mytasks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 12px;
}
.tab_mytasks ul li {
	list-style: none;
	background: #F7F7F9;
	border-top: 1px solid #dddddd;
	padding: 9px;
	clear: both;
	margin-bottom: 6px;
}

/* #FAFAFA */
.tab_mytasks ul li:first-child {
	background: transparent;
	border: none;
	padding: 18px 9px 3px;
	margin-bottom: 0;
}
.tab_mytasks ul li > div {
	float: left;
}
.tab_mytasks ul li > div:first-child {
	width: 100px;
}
.tab_mytasks ul li > div.task_content {
	max-width: 210px;
}
.tab_mytasks ul li > div.tick_done {
	float: right;
}
.tab_mytasks ul li > div.tick_done > a {
	border: 1px solid #F2F3F3;
	background: #FFFFFF;
	padding: 3px 8px;
}
.tab_mytasks ul li div.clear {
	float: none;
	clear: both;
}

.tab_calendar {
	padding-left: 47px;
	padding-bottom: 30px;
	width: 19%;
}
.tab_calendar .lb_showhome {
	font-size: 15px;
	color: #8C0000;
	/* font-weight: bold; */
	font-weight: 600;
	padding: 6px;
}
.tab_calendar select {
	border: 1px solid #DDDDDD;
	/* max-width: 220px; */
}
.tab_calendar input[type=button] {
	border: 1px solid #DDDDDD;
	margin-top: 6px;
}
.show_lb > img {
	width: 16px;
	margin-right: 15px;
}
.show_lb {
	margin-top: 15px;
	margin-bottom: 1px;
	/* font-weight: bold; */
	font-weight: 600;
	background: url(../Bilder/show_lb_bg.png) repeat-x;
	padding: 0 7px;
	line-height: 24px;
}
.new_note {
	margin-top: 12px;
}
.new_note a {
	display: block;
	padding: 3px 0 3px 50px;
	/* font-family: proximanova_semibold; */
	font-weight: 600;
	color: #000000;
	background: url("../Bilder/sub_menu_item_bg.png") no-repeat 41px center transparent;
}
#appointment_user_id,
#notes_user_id,
#invoice_user_id,
#invoice_sold_by_user_id {
	width: 100%;
}


/* content_frame: end */

/* home calendar */
.calendar_months {
	padding: 6px 0;
}
.calendar_content {
	border: 1px solid #F2F3F3;
	padding-right: 30px;
	background: url(../Bilder/show_lb_bg.png) repeat-x left top;
	max-width: 220px;
}
.calendar_content th {
	/* font-weight: bold; */
	font-weight: 600;
	line-height: 24px;
}
.calendar_content tr.cal td.cal {
	font-size: 12px;
}
.calendar_content tr th:first-child,
.calendar_content tr td:first-child {
	width: 20px;
}
.calendar_content tr:last-child td {
	padding-bottom: 12px;
}
.calendar_content tr th:nth-child(2) {
	padding-left: 15px;
}


/* footer: begin */
footer:before,
footer:after {
	clear: both;
	content: "";
	display: inline-block;
	height: 0; 
}
footer {
	background: #000000;
	line-height: 35px;
	box-sizing: border-box;
	text-align: center;
}
.f_col1 {
	float: left;
	width: 15%;
	/* font-weight: bold; */
	font-weight: 600;
}
.f_col1 img {
	margin-right: 13px;
}
.f_col2 {
	float: left;
	width: 20%;
}
.f_col3 {
	float: left;
	width: 45%;
} 

/* footer: end */

.popup_window {
	background-image: none;
	background-color: #F3F2F1;
	padding: 15px;
}
.popup_window #org_unit_id {
	max-width: 479px;
}
.popup_window .myform table tr td:first-child {
	min-width: 120px;
}
.popup_window input.button {
	background: #8c0000;
	border: 1px solid #8c0000;
	color: #ffffff;
	cursor: pointer;
	height: auto;
	padding-bottom: 2px;
	margin: 12px 0;
}
#jsframe {
	display: none;
}


/* responsive */
@media only screen and (max-width: 1280px) {
	/* left menu */
	.left_main_menu ul.sub_menu {
		margin-left: 0;
	}
	
	.left_main_menu ul.sub_menu li a {
		background-position: 12px center;
		padding-left: 28px;
	}
}


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  /* font-weight: bold; */
  font-weight: 600;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

div nav.left_main_menu ul li ul.sub_menu {height:auto !important;}