body {
	margin: 0px;
	padding: 0px;
	background: #555555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #FFF;
	text-align: center;
	height:100%;
}
.no-hover-effect:hover td {
	background-color: #fff !important;
}
.float-content {
	display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.indent td:first-child {

	padding-left:20px;	
	
}
.custom-tab {
    padding: 8px;
    /*margin-bottom: 20px;*/
    text-align: center;	
	font-weight:normal;	
	text-decoration:none !important;
	margin-bottom: 10px;
	margin-top:10px;
	margin-right:8px;
	display:block;
	width:auto;
	float:left;
}
.custom-tab.activetab {
    color: #fff;
    font-weight: bold;
    background-color: #af160b;
    padding: 8px;
    /*margin-bottom: 20px;*/
    text-align: center;	
}
.small-table td {
	font-size:13px;	
}
tr.small-text td {

	font-size:13px;	
	
}
.blocked {
	display:block;
	float:left;
	height:30px;	
}
.light-gray td {
	color: #aaa !important;
}
p {
	margin: 0;
	padding: 0 0 20px 0;
}
h1 {
	margin: 0;
	padding: 0 0 16px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16pt;
	color: #000;
	font-weight: normal;
}
h2 {
	margin: 0;
	padding: 8px 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #af160b;
	font-weight: normal;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #555555;
    font-weight: bold;
}
a, .link {
	color: #555555;
	text-decoration: underline;
	cursor: pointer;
}
.lighter-gray-text {
	color: #ddd;	
}
.white-text {
	color: #fff;	
}

input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #555555;
	border:1px solid #000;
	padding: 4px;
    margin: 1px;
}

.dark-button {

	background-color: #666 !important
	
}
.center-button {

	transition: all 0.5s;
    cursor: pointer;
    padding: 6px !important;
    font-size: 13px;
    text-align: center;
    background-image: url(../graphics/button_hover.png);
    background-repeat: no-repeat;
    background-position: -20px;
    background-size: 15px;
    text-decoration: none !important;	
}
.no-margin {

	margin: 0 !important;	
	
}
.completed-tr td {
	
	color: #999;
	
}
.large-chart-container {
	
	width:700px !important;
	height:400px !important;
	margin-bottom:20px !important;
	
}
.large-chart-container-pdf {
	
	width:1200px;
	height:600px;
	
}
.left-check {
	
	background-image: url(../graphics/icons/check.png);	
	background-repeat: no-repeat;
	background-position:left !important;
	padding-left:32px !important;
	
}
.left-warning {
	
	background-image: url(../graphics/icons/not-ok.png)  !important;
	background-repeat: no-repeat;
	background-position:left !important;
	padding-left:32px !important;
}
.left-warning-critical {
	
	background-image: url(../graphics/icons/not-ok-critical.png)  !important;
	background-repeat: no-repeat;
	background-position:left !important;
	padding-left:32px !important;
}

.check-td {
	
	background-image: url(../graphics/icons/check.png);	
	background-repeat: no-repeat;
	background-position:right;
	
}
.breaker.light-grey {
    height: 1px;  
    background-color: #ccc !important ;
}
.quote {
	 
	text-align: center;
    display: block;
    width: 100%;
    font-style: italic;	
}
.breaker.light-grey.top {
	
    margin: 30px 0 15px 0;
	
}
.new-button {
  
	transition:all 0.5s;
	cursor:pointer;	
	padding: 6px 3px 6px 17px !important;	
	font-size:13px; 
	text-align:left;
	background-image:url(../graphics/button_hover.png);
	background-repeat: no-repeat;
	background-position: -20px;
	background-size:15px; 
	text-decoration:none !important;
	
}
a.new-button {
	
	padding-right:17px !important;	
	border:1px solid #999;
	
}
.new-button-big {

	transition:all 0.5s;
	cursor:pointer;	
	padding: 17px 26px 17px 26px !important;	
	font-size:16px; 
	text-align:left;
	background-image:url(../graphics/button_hover.png);
	background-repeat: no-repeat;
	background-position: -40px;
	background-size:30px; 
	
} 
.new-button-big:hover {
	
	background-color: #555555; 
	background-position: 0px 8px;
	background-size:30px; 

}
.new-button:hover, .center-button:hover {
	
	background-color: #555555; 
	background-position: 0px 5px;
	background-size:15px; 

}
input[type="text"], input[type="password"], textarea {
	width: 440px;
}
input[type="submit"], input[type="button"] {
	width: 150px;
	margin: 6px 10px 14px 0px;
}
.bold {
    font-weight: bold;
}
table {
	margin:0 0 16px 0;
	padding:0px;
}
table tr td {
	padding:4px;
	margin:0px;
	vertical-align: middle;
}
form {
	margin: 0;
	padding: 0;
}
ul, ol {
	text-align: left;
	margin: 0 0 0 14px;
	padding: 4px 0 0 14px;
}
ul li, ol li {
	padding: 0 0 4px 0;
}
.activetable {
	width: 100%;
	border-top: #CCC 1px solid;
}
.activetable tr td {
	padding: 6px;
	border-bottom: #CCC 1px solid;
	transition: all 0.6s; 
	color: #333;
}
.activetable tr:hover, .tablehover {
	background:#FF9;
	cursor:pointer;
	transition: all 0.6s;
} 
.linetable {
	width: 100%;
	border-top: #CCC 1px solid;
}
.linetable tr td {
	padding: 6px;
	border-bottom: #CCC 1px solid;
}
.content {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	background-color: #FFF;
	padding: 30px 3% 20px 3%;
	color: #555555;
	width: 765px;
	box-sizing:border-box;
}
/*#columnchart_material_pdf text {
	font-size:auto;
	font-weight: 300 !important;	
}*/
.menu {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 30px 30px 20px 0;
	width: 200px;
}
.menu h3 {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14pt;
	color: #FFF;
	font-weight: normal;
	background-color: #af160b;
	padding: 6px;
	margin-bottom: 20px;
	text-align: center;
}
.menu a {
	display: block;
	color: #FFF;
	font-size: 11pt;
	text-decoration: none;
	margin-bottom: 10px;

}
.topmenu {
	background-color: #666666;
	width: 100%;
	height: 60px;
}
.topmenu span {
	display: inline-block;
	text-align: left;
	padding-top: 16px;
	margin-left: 240px;
	width: 760px;
}
.topmenu span span {
	padding: 0;
	margin: 0;
	width: auto;
	float: right;
}
.topmenu input[type="submit"] {
	margin: 0;
	width: 80px;
	padding: 5px;
}
.topmenu a {
	display: inline-block;
	color: #FFF;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
	padding-top: 6px;
}
.current {
	font-weight: bold;
}
.header_content {
	margin-bottom: 26px;
}
.header_info {
	background: #555555 url('/graphics/bg_question.png') no-repeat top right;
	color: #FFF;
	padding: 20px 20px 20px 20px;
	min-height: 160px;
	margin-bottom: 26px;
}
.header_info span {
	display: block;
	min-width: 250px;
	width: 70%;
}
p.breadcrumb {
	font-size:12px;
	padding: 0 0 16px 0;
}
.disabled-button {
	background-color: #999 !important;
	color: #fff !important;	
}
.italic-footnote {
	font-size:12px;
	padding: 0 0 16px 0;
	font-style:italic;
}
.grey {
	color: #999 !important;
}
.grey_box {
	background: #555555;
	color: #FFF;
	padding: 20px 20px 0px 20px;
	margin-bottom: 26px;
}
.footer_content {
	font-size: 11pt;
	margin-top: 30px;	
}
.question {
	display: inline-block;
	vertical-align: top;
	max-width: 500px;
	width: 100%;
	margin-bottom: 20px;
}
.question h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17pt;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
	color: #af160b;
	width: 600px;
}
.question span {
	display: block;
	font-size: 11pt;
	margin-top: 8px;
	width: 600px;
}
.answer_options {
	font-size: 11pt;
	margin-bottom: 20px;
}
.employee {
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	margin-bottom: 14px;
}
.breaker {
	height: 1px;
	background-color: #555555;
	margin: 30px 0 30px 0;
}
.button {
	background-color: #af160b;
	border: 0;
	color: #FFF;
	padding: 8px;
}
.obligatory {
	margin-top: 3px;
	padding: 4px;
	text-align: center;
	background-color: #fffedd;
	border: 1px solid #e5e5e5;
	color: #d7331e;	
	display: none;
}
/* .custom-header td {
	background-color: #ddd !important;	
} */
.invisible {
	background: none;
	width: 100% !important;
	height: 100%;
	border: none;
	padding: 4px;
}
.invisible:hover, .invisible:active {
	background-color: #FFC;
}
.open-tr td {
	background-color: #ccc !important;
}
.redlink {
	color: #D14836;
    text-decoration: underline;
}
.red-text {
	color: #D14836 !important;
	font-weight:bold;
}
.edit {
	background: url('/graphics/edit.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.preview {
	background: url('/graphics/preview.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.person {
	background: url('/graphics/person.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.pdf-icon {
	background: url('/graphics/pdf.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.persons {
	background: url('/graphics/persons.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.back {
	background: url('/graphics/back.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.delete {
	background: url('/graphics/delete.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.up {
	background: url('/graphics/up.png') left no-repeat;
	padding-left: 20px;
	/*margin-right: 10px;*/
}
.down {
	background: url('/graphics/down.png') left no-repeat;
	padding-left: 20px;
	/*margin-right: 10px;*/
}
.add {
	background: url('/graphics/add.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.duplicate {
	background: url('/graphics/duplicate.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}

.pdf {
    background: url('/graphics/pdf.png') left no-repeat;
    background-position: 5px;
    margin-right: 10px;
    background-color: #af160b;
    border: 0;
    color: #FFF;
    padding: 8px;
    padding-left: 30px;
	display:none; 
	width:auto;
	float:left;
	text-decoration:none;
}
.pdf:hover {
	
    background-color: #333;

}
.mail {
	background: url('/graphics/mail.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.categories {
	background: url('/graphics/categories.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}
.calendar {
	background: url('/graphics/calendar.png') left no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}

.info-p {
	display:block;
	width:95%;
	margin: 2.5%;	
	box-sizing:border-box;
	padding:20px;
}
.sep {
	display: block;
    height: 1px;
    background-color: #ccc;
    margin: 10px 0px 20px 0px;	
}


/* Scroolbar */
.slider {
	font-size: 10px !important;
	width: 460px;
	display: inline-block;
	vertical-align: middle;
}
.slider_label {
	width: 105px;
	display: inline-block;
	word-wrap: break-word;
	vertical-align: middle;
	text-align: center;
}
.ui-slider-handle {
	background: #555555 !important;
	border: 0 !important;
	border-radius: 1em !important;
	box-shadow: #b4b4b4 2px 2px 3px !important;
	top: 0.2px !important;
	width: 20px !important;
	height: 20px !important;
	outline: none;
}
.ui-slider-horizontal {
	border: 0 !important;
	border-radius: 0 !important;
	height: 20px !important;
	background: url('/graphics/slider-bg.png') center repeat-x !important;
}
.ui-widget {
	font-size: 11pt !important;
	font-family: Helvetica, Arial, sans-serif !important;
}
.ui-datepicker {
	font-size: 10pt !important;
	font-family: Helvetica, Arial, sans-serif !important;
}

.info {

    background-color: #af160b;
    padding:8px;
    display:block;
    width:auto;
    height:auto;
    color: #fff;
    position:relative;
    float:left;
    font-size:11px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    opacity:0;
    transition:all 0.5s;  
    margin-left:50px; 
    //margin-top:-2px;
}

.info:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(175, 22, 11, 0);
	border-right-color: #af160b;
	border-width: 9px;
	margin-top: -9px;

}

.info2 {

    background-color: #af160b;
    padding:8px;
    display:block;
    width:auto;
    height:auto;
    color: #fff;
    position:relative;
    float:left;
    font-size:11px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    opacity:0;
    transition:all 0.5s;  
    margin-left:50px; 
    margin-top:2px;
}

.info-message {

    background-color: #af160b;
    padding:8px;
    display:block; 
    width:auto;
    height:auto;
    color: #fff;
    position:relative;
    float:left;
    font-size:11px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
    opacity:1;
    transition:all 0.5s;  
    margin-left:50px; 
    margin-top:2px;
} 
.light-text {
	color: #aaa;	
}
.info-message.info-only {
	background-color: #fff !important;
	border:1px solid #999;
	border-radius: 4px; 
	color: #555;	
	box-sizing:border-box;
	margin: 5px;
    width: calc(100% - 10px);
	padding: 1%;
}
.info-message.info-only span {
	display:block;
	box-sizing:border-box;
	margin: 0;
    width: 100%; 
	padding:8px;
    padding-left: 50px;
		
}
.info-message.info-only::before {
	content: "i";
    font-size: 20px;
    display: block;
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    padding: 4px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    background-color: #666;
    position: absolute;}
.info2:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(175, 22, 11, 0);
	border-bottom-color: #af160b;
	border-width: 9px;
	margin-left: -9px;

}

.form-table-mappe  {

    width:100%;

}

.form-table-mappe input {

    width:250px !important;
    float:left;

}
.form-table-mappe textarea {

    width:100% !important;

}
#popup-wrapper {

	position:fixed;
	background-color: #fff;
	opacity: 0.8;
	-webkit-opacity: 0.8;
	z-index:10;	
	width:100%;	
	height:2000%;
	top:0;
	left:0;
	display:none;
}
.soft-shadow {
		
	-webkit-box-shadow: 0px 0px 16px -2px rgba(150,150,150,1);
	-moz-box-shadow: 0px 0px 16px -2px rgba(150,150,150,1);
	box-shadow: 0px 0px 16px -2px rgba(150,150,150,1);	
		
}
#popup {

	top:200px;
	position:fixed;
	left:-50%;
	width:60%;
	background-color: #fff;
	height:550px;
	z-index:15;
	transition:all 1s;
	height:0px;
	opacity:0;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);

}
	#popup.active {
		
		margin-left:-30%;		
		width:60%;
		opacity:1;
		left:50%;			
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		height:550px;
		
	}
	#popup iframe {
		
		width:100%;
		height:550px;
		border:0px;	
		
	}
	
.white-bg {

	background-color: #fff;	
	
}
.white-bg p, .white-bg span, .white-bg label {
	
	color: #000;	
	
}
.auto-button { 

	width:auto;
	padding-right:15px; 	
	
}
.chart-container {
    width: 350px;
    overflow: hidden;
    height: 300px;
    float: left;
}
.progress-container {	
	display:block;
	width:100%;
	border:1px solid #333;
	height:6px;	
	padding:1px;
	border-radius: 3px;
}
#progress, #progressdone {
	display:block;
	float:left;
	height:6px;	
} 
#progress {
	background-color: #af160b;	
	transition:all 0.75s;
	-webkit-transition:all 0.75s;
	-o-transition:all 0.75s;
	-moz-transition:all 0.75s;
	border-radius: 3px;		
}

#progress.ok, #progressdone.ok {
	background-color: #2E7D32 !important;	
}
.progress-info-container {
	display:block;
	width:100%;
	height:25px;	
	padding:15px;
	font-size:18px;
	font-weight:bold;	
	text-align:center;
}

.new td {

	background-color: #C8E6C9;
	
}
.activetable {

	transition:all 0.3s; 
	
}
.td-soft-border-bottom tr td {
	
	border-bottom: 1px solid #ccc;	
	
}
.form-container input, .form-container textarea {

	/*border:none;*/
	border: 1px solid #999;
	padding: 5px;
	
}
.options-container {
	
	width:100%;	

	
}
.options-container span .label {

	padding:6px;
	display:block;
	width:80%;
	float:left;	
	cursor:pointer;	
}
.the-options {

	overflow:hidden;	
	display:block;
	display:none;
	
}
.options-container span {

	width:100%;
	display:block;
	float:left;	
	padding:6px;
	box-sizing:border-box;
	font-size:13px;
	/*transition:all 0.2s;*/
	
}
a.question-a {

	display:block;
	float:right;
	border-radius: 100%;
	color: #fff;
	text-decoration: none;
	padding:5px;
	text-align:center;
	width:17px;
	background-color: #555555;	
	border:1px solid #fff;
	
}
.options-container span .info-text {

	margin-top: 9px;
	margin-bottom: 5px;
	padding:7px;
	border: 1px solid #ccc;
	display:block; 
	display:none;
	width:96%;
	height:auto;
	overflow:hidden;
	color: #333; 
	float: left;
	font-size: 11px;
	
}
.options-container span:hover {

	background-color: #af160b;
	color: #fff; 

}
.active-info {

	background-color: #eee;	
	
}
.options-container span:hover .info-text {

	color: #fff;
	
}
.selected-container {
	
	width:100%;
	padding:5px 5px 5px 3px;
	margin-bottom:1px;
    cursor: pointer;	
}
.selected-container.active {  
 
	border-bottom:1px solid #af160b;	
    margin-bottom: 1px;
    padding-bottom: 7px;	
}

label.custom-select {

	border: 1px solid #999;
	padding: 1px;
	display:block;
	overflow:hidden;
	box-sizing:border-box
	
}
.custom-select {
	
	position:absolute;	
	background-color: #fff;
	margin-top:-15px;
	background-image:url(../graphics/arrow-down.png);
	background-repeat: no-repeat;
    background-position: 100.5% 3px;
    background-size: 22px;
	
}
.no-bottom-border td {
	
	border-bottom: #eee 1px solid !important;	
	
}
 
.ui-tooltip {

    background-color: #555555 !important;
    color: #fff !important;
    font-size:12px !important;
    font-weight:normal !important;
    height:auto !important;
    background-image: none !important;
    border-radius: 0px !important;
    border: 0px !important;

}
.hidden-tr {
	
	display:none;	
	
}
.check-mark {
	
	width:32px;
	height:32px;
	display:block;
	float:right;
	background-image:url(../graphics/icons/check.png);
	background-repeat:no-repeat;
	background-size:cover;
	 
}
.fixed-height-tbl td {
	
	min-height:43px;	
	
}
.selected-row td {
	
	background-color:#006600;
	color: #fff;	
	
}
.error-tr td {
	
	background-color: #FFEBEE;
	
}
.clickable {
	
	cursor:pointer;	
	
}
.clickable:hover td {
	
	background-color: #eee;
	color: #333;
	
}
.clickable.selected-row:hover td {
	
	background-color: #333;
	color: #fff;
	
}
.clickable.selected-row td:first-child {
	
	background-image:url(../graphics/icons/check-white.png);
    background-size: 22px;
    background-repeat: no-repeat;
    width: 14px;	
}
.fixed-label {
	width:180px;
	display:block;
	float:left;	
}