#page_front_box_a0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: rgb(1, 174, 240);
}
#page_front_box_b0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #757575;
}
#page_front_box_c0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: rgb(1, 174, 240);
}
#page_front_box_d0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: rgb(59, 115, 145);
}
#page_front_box_e0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #757575;
}
#page_front_box_f0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: rgb(1, 174, 240);
}
#page_front_box_g0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: rgb(59, 115, 145);
}
#page_front_box_h0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: rgb(255, 148, 102);
}
#page_front_box_i0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #9E9E9E;
}
#page_front_box_j0{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #9E9E9E;
}
#page_front_box_a0 h4, #page_front_box_b0 h4, #page_front_box_c0 h4, #page_front_box_d0 h4, #page_front_box_e0 h4, #page_front_box_f0 h4, #page_front_box_i0 h4, #page_front_box_j0 h4{
	font-size: 18px !important;
}
#page_front_box_a0 h4 .fa, #page_front_box_b0 h4  .fa, #page_front_box_c0 h4 .fa, #page_front_box_d0 h4 .fa, #page_front_box_e0 h4 .fa, #page_front_box_f0 h4 .fa, #page_front_box_g0 h4 .fa, #page_front_box_h0 h4 .fa, #page_front_box_i0 h4 .fa, #page_front_box_j0 h4 .fa{
	color: #fff !important;
	font-size: 32px !important;
	margin-right: 10px;
}
#page_arealsag_box_a0 h4 .fa, #page_arealsag_box_a1 h4 .fa, #page_arealsag_box_a2 h4 .fa, #page_arealsag_box_a3 h4 .fa, #page_arealsag_box_a4 h4 .fa, #page_arealsag_box_a5 h4 .fa, #page_arealsag_box_a6 h4 .fa{
	color: #fff;
	font-size: 32px;
	margin-right: 10px;
	margin-left: 10px;
}
#page_front_box_a1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(149,212,245);
	border-bottom: 2px dashed #fff;
}
#page_front_box_b1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	border-bottom: 2px dashed #fff;
}
#page_front_box_c1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(149,212,245);
	border-bottom: 2px dashed #fff;
}
#page_front_box_d1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(149,212,245);
	border-bottom: 2px dashed #fff;
}
#page_front_box_e1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	border-bottom: 2px dashed #fff;
}
#page_front_box_f1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(149,212,245);
	border-bottom: 2px dashed #fff;
}
#page_front_box_g1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
	font-size: 13px;
}
#page_front_box_h1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(149,212,245);
	border-bottom: 2px dashed #fff;
}
#page_front_box_i1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	border-bottom: 2px dashed #fff;
}
#page_front_box_j1{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	border-bottom: 2px dashed #fff;
}
#page_front_box_f1 a, #page_front_box_a1 a, #page_front_box_a2 a, #page_front_box_c1 a, #page_front_box_d1 a, #page_front_box_i1 a{
	font-weight: bold;
}
#page_front_box_a2{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(149,212,245);
	border-bottom: 2px dashed #fff;
}
#page_front_box_a3, #page_front_box_a4{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
}
#page_front_box_b2, #page_front_box_b3, #page_front_box_b4, #page_front_box_b5{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
}
#page_front_box_c2, #page_front_box_c3, #page_front_box_c4{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
}
#page_front_box_d2, #page_front_box_d3, #page_front_box_d4{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
}
#page_front_box_e2, #page_front_box_e3, #page_front_box_e4{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
}
#page_front_box_g2{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
	font-size: 13px;
}
#page_front_box_f2, #page_front_box_f3, #page_front_box_f4, #page_front_box_f5, #page_front_box_f6, #page_front_box_f7, #page_front_box_f8, #page_front_box_f9, #page_front_box_f10, #page_front_box_f11{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fafafa;
	border-bottom: 2px dashed #ddd;
}
#page_front_box_h2{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fff3e0;
	border-bottom: 2px dashed #ddd;
}

#page_front_box_f2{border-left: 10px solid #001f3f;}
#page_front_box_f3{border-left: 10px solid #FF851B;}
#page_front_box_f4{border-left: 10px solid #0074D9;}
#page_front_box_f5{border-left: 10px solid #FF4136;}
#page_front_box_f6{border-left: 10px solid #7FDBFF;}
#page_front_box_f7{border-left: 10px solid #85144b;}
#page_front_box_f8{border-left: 10px solid #39CCCC;}
#page_front_box_f9{border-left: 10px solid #F012BE;}
#page_front_box_f10{border-left: 10px solid #3D9970;}
#page_front_box_f11{border-left: 10px solid #B10DC9;}

.diagramthumb{
	border: 1px solid #ccc;
}
.ul_notifications{
	list-style-type: none;
}
.bullets {
  list-style: initial;
  list-style-position: outside;
  margin-left: 30px;
}
#komm-logo-wrapper{
	float: left;
	max-width: 200px;
	margin-top:20px
}
#logout-block{
	display: block;
	float: right;
	margin-right: 20px;
	margin-top: 30px;
}

.pelikanLogo {
  width:120px;
}

.kommuneblaa {
  color:rgb(1,174,240);
}

.img-vejledning{
  max-width:100%;
  height:auto;
  display:inline-block;
}
h1 {
    font-size: 30px;
    line-height: 36px;
	color: #233978;
	font-weight: bold;
	margin: 0;
	text-rendering: optimizelegibility;
}
.user_name{
	color: #aaa;
	font-size: 12px;
	font-weight: 300;
}
#usr_specific{
	display:none;
}
.page_front_column{
	/*min-height: 244px;*/
	float: left !important;
	/*margin-left: 9px !important;*/
	/*background-color: #fafafa;*/
	margin-bottom: 20px;
	width: 100% !important;
}
.page_areal_column{
	float: left !important;
	margin-bottom: 20px;
	width: 100% !important;
}
.disabled-fieldset{
	background-color: #fafafa;
	border-bottom: 1px dashed #ebebeb;
}
.disabled-fieldset label, .disabled-fieldset td, .disabled-fieldset td input, .disabled-fieldset td select, .disabled-fieldset td textarea{
	color: #aaa;
	font-weight: 400;
}
.disabled-fieldset .help-block{
	color: #bbb;
	font-weight: 400;
}
.enabled-fieldset{
	background-color: #fff; /* #f7faef */
	border-bottom: 1px dashed #ebebeb;
}
.delete-fieldset{
	background-color: #fafafa;
	border-bottom: 1px dashed #ebebeb;
}
.doubt-fieldset{
	background-color: #ffffe6;
	border-bottom: 1px dashed #ebebeb;
}
.delete-fieldset label, .delete-fieldset td, .delete-fieldset td input, .delete-fieldset td select, .delete-fieldset td textarea{
	color: #aaa;
	font-weight: 400;
}
.doubt-fieldset label, .doubt-fieldset td, .doubt-fieldset td input, .doubt-fieldset td select, .doubt-fieldset td textarea{
	color: #aaa;
	font-weight: 400;
}
.field_lock_locked{
	color: #ccc;
	display: inline-block;
	font-size: 18px;
	/*position: absolute;*/
	/*left: 5px;*/
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	width: 24px;
	height: 50px;
	padding-top: 15px;
	

}
.field_lock_delete{
	color: #ccc;
	display: inline-block;
	font-size: 14px;
	/*position: absolute;*/
	/*left: 5px;*/
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	width: 24px;
	height: 50px;
	padding-top: 15px;
	text-shadow: 0px 2px 3px #555;
}
.field_lock_doubt{
	color: #ffcc99;
	display: inline-block;
	font-size: 14px;
	/*position: absolute;*/
	/*left: 5px;*/
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	width: 24px;
	height: 50px;
	padding-top: 15px;
}
.field_lock_calc{
	color: rgb(59, 115, 145);
	display: inline-block;
	font-size: 14px;
	/*position: absolute;*/
	/*left: 5px;*/
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	width: 24px;
	height: 50px;
	padding-top: 15px;
}
.field_lock_open{
	color: #afd6a0;
	display: inline-block;
	font-size: 18px;
	/*position: absolute;*/
	/*left: 5px;*/
	float:left;
	padding-left: 5px;
	padding-right: 5px;
	width: 24px;
	height: 50px;
	padding-top: 15px;
	text-shadow: 0px 2px 3px #555;
}
.field_lock_open i.fa.fa-unlock{
	text-shadow: 0px 0px 1px #fff;
}
.fields_legend_label{
	display: inline-block;
	    font-size: 12px;
	    float: left;
	    padding-left: 5px;
	    padding-right: 5px;
	    width: auto;
	    height: 50px;
	padding-top: 15px;
	margin-left: 30px;
	color: #000
}
.fields_legend{
	background-color: #fefefe;
	display: block;
	border: 1px dotted #ccc;
	height: 110px;
	margin-left: 20px;
	box-shadow: 5px 5px 10px #ebebeb;
	margin-bottom: 20px;
}
.form-group {
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	/* border-bottom: 1px dashed #ebebeb; */
}
.form-group.required .control-label:after {
  content:" *";
  color:red;
}
.field-badge{
	float: right;
	background-color: #5bc0de;
}
.disabled-fieldset .field-badge{
	float: right;
	background-color: #ccc;
	border-bottom: 1px dashed #ebebeb;
}
.normal{
		margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.letter-field{
	background-color: #FFAAAA;
}
.page_front_column li{
	margin-bottom:10px;
}
.page_front_column .bullets {
	list-style: none;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: 0px;
}
.page_front_column li:before {
	    display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f054";
	color: #3b7391;
	margin-left: -16px;

}
.page_front_column li a{
	margin-left: 5px;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.spacerh15{
	display: block;
	clear: both;
	height: 15px;
}
.spacerh20{
	display: block;
	clear: both;
	height: 20px;
}
.spacerh30{
	display: block;
	clear: both;
	height: 30px;
}
.spacerh40{
	display: block;
	clear: both;
	height: 40px;
}
.spacerh50{
	display: block;
	clear: both;
	height: 50px;
}
.spacerh60{
	display: block;
	clear: both;
	height: 60px;
}
#formdataview .sortable{
	table-layout: fixed;
}
#formdataview .sortable tr td{
	font-size: 10px;
	padding: 2px;
}
#formdataview .sortable thead tr td{
	font-size: 9px;
	padding: 2px;
}
#formdataview .sortable thead tr td:nth-child(1){
	/* background-color: #ddd; */
}
#formdataview .sortable tr td:nth-child(1){
	width: 65px;
}
#formdataview .sortable tr td:nth-child(2){
	width: 30px;
}
#formdataview .sortable tr td:nth-child(3){
	width: 30px;
}
#formdataview .sortable tr td:nth-child(4){
	width: 50px;
}

.ui-notification-trigger{
	margin-left: 5px;
}



#formdataview .sortable tr td:nth-child(5){
	width: 85px;
	font-size: 10px;
	font-weight: bold;
}
/*b-nr*/
#formdataview .sortable tr td:nth-child(6){
	width: 60px;
	word-break: break-all;
}
#formdataview .sortable tr td:nth-child(7){
	width: 100px;
	word-break: break-all;
}
#formdataview .sortable tr td:nth-child(8){
	width: 100px;
	word-break: break-all;
}
#formdataview .sortable tr td:nth-child(9){
	width: 100px;
	word-break: break-all;
}
/* oprettet */
#formdataview .sortable tr td:nth-child(10){
	width: 45px;
	word-break: break-all;
	font-size: 8px;
}
#formdataview .sortable tr td:nth-child(11){
	width: 45px;
	word-break: break-all;
	font-size: 8px;
}
#formdataview .sortable tr td:nth-child(12){
	width: 45px;
	word-break: break-all;
	font-size: 8px;
}
/* rettighedshaver */
#formdataview .sortable tr td:nth-child(13){
	width: 100px;
	word-break: break-all;
}
#formdataview .sortable tr td:nth-child(14){
	width: 70px;
	word-break: break-all;
	font-size: 8px;
}
#formdataview .sortable tr td:nth-child(15){
	width: 60px;
	word-break: break-all;
}
#formdataview .sortable tr td:nth-child(16){
	width: 100px;
	word-break: break-all;
	font-size: 8px;
}
/* dato for indtastning */
#formdataview .sortable tr td:nth-child(17){
	word-break: break-all;
	font-size: 8px;
}
#column_a_nr{
	margin-left: 0px !important;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #dbdbdb;
    border-radius: 10px;
}
.field_badge {
    position: relative;
    display: block;
    top: -15px;
    left: -5px;
}
#page_front_menu h4{
	color: #fff;
}
#a_loebenummer_123230100114879{
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
button#btn_transfer_anr_suggestion {
    color: #656565;
}
.nextnum{    
    background-color: #f5f5f5;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    /* top: -45px; */
    /* right: -206px; */
    top: -49px;
    margin-bottom: -30px;
    width: 160px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    float: right;
}
.nextnum_txt{
	color: #bbb;
    /* padding-top: 2px; */
    top: 2px;
    position: relative;
    display: inline-block;
    padding-left: 5px;
	padding-right: 5px;
}
.nextnum_num{
	font-weight: bold;
	color: #aaa;
	top: 2px;
    position: relative;
    display: inline-block;
    padding-left: 0px;
	padding-right: 0px;
}
.olLayerDiv img {
	max-width:none;
}
.status-fieldset{
	background-color: rgb(149,212,245);
}
.hideme{display:none;}
.showme{display:inherit;}
.fase-wrapper{
	display: block;
	float: left;
	position: static;
	clear:both;
	background-color: #eee;
	padding: 5px;
	width: 99%;
	border-bottom: 3px solid #fff;
}
.fase-startdate{
	display: inline-block;
	float: left;
	font-size: 10px;
	width: 66px;
	padding: 5px;
}
.fase-between{
	display: inline-block;
	float: left;
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
}
.fase-stopdate{
	display: inline-block;
	float: left;
	font-size: 10px;
	width: 66px;
	padding: 5px;
}
.fase-initialer{
	display: inline-block;
	float: left;
	font-size: 10px;
	width: 40px;
	padding: 5px;
	text-transform: uppercase;
}
.fase-totaldays{
	display: inline-block;
	float: left;
	font-size: 10px;
	width: 20px;
	padding: 5px;
	text-transform: uppercase;
}
.fase-name{
	display: inline-block;
	float: left;
	font-size: 14px;
	margin-left: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
}
.fase-udefineret{
	background-color: #949F9B;
	color: #fff;
}
.fase-politisk{
	background-color: #B6D4D8;
	color: #000;
}
.fase-arealreservation{
	background-color: #DFA251;
	color: #fff;
}
.fase-plangrundlag{
	background-color: #FBF3B1;
	color: #000;
}
.fase-afventer{
	background-color: #5C7D92;
	color: #fff;
}
.fase-godkendt{
	background-color: #50A2AA;
	color: #fff;
}
.fase-klarmeldt{
	background-color: #4caf50;
	color: #fff;
}
.fase-afslag{
	background-color: #FD6C75;
	color: #fff;
}
.fase-afvist{
	background-color: #FD6C75;
	color: #fff;
}
.fase-tilbagetaget{
	background-color: #FD6C75;
	color: #fff;
}
.fase-modtaget{
	background-color: #475560;
	color: #fff;
}
.fase-underbehandling{
	background-color: #9e9e9e;
	color: #fff;
}
.person_label{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	color: #d9edf7;
	background-color: #3a87ad;
	font-size: 16px;
}
.total_persons_label{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	color: #d9edf7;
	background-color: #184358;
	font-size: 16px;
}
.person_row{
	margin-bottom: 30px;
	background-color: #fff;
	padding-bottom: 30px;
	border-bottom: 2px dashed #bce8f1;
}
.total_person_row{
	margin-bottom: 30px;
	background-color: #fff;
	padding-bottom: 30px;
	border-bottom: 2px dashed #bce8f1;
}
.sager_heading_wrapper {
    padding: 5px;
    display: inline-block;
    background-color: rgb(149,212,245);
    float: left;
    clear: both;
    border-bottom: 1px dotted #bce8f1;
    color: #3a87ad;
    width: 100%;
    text-align: center;
    border-top: 2px solid #fff;
	font-weight: bold;
}
.total_sager_heading_wrapper {
    padding: 5px;
    display: inline-block;
    background-color: rgb(83,126,148);
    float: left;
    clear: both;
    border-bottom: 1px dotted #bce8f1;
    color: #b7d1de;
    width: 100%;
    text-align: center;
    border-top: 2px solid #fff;
	font-weight: bold;
}
.sager_heading_wrapper_right {
    width: 96.8%;
}
.person_stat_box{
	width: 100%;
	display: block;
	float: left;
	/*margin-right: 10px;*/
	margin-bottom: 10px;
	border: 1px solid #ccc;
	min-height: 90x;
}
.aabne_sager_label{
	padding: 5px;
	display: inline-block;
	background-color: #d9edf7;
	float:left;
	width: 65%;
	text-align: right;
	clear:both;
	border-bottom: 1px dotted #bce8f1;
	color: #3a87ad;
	font-size: 12px;
}
.aabne_sager{
	padding: 5px;
	display: inline-block;
	background-color: #fff;
	float:left;
	border-bottom: 1px dotted #ccc;
	width: 35%;
	font-size: 12px;
}
.total_aabne_sager_label{
	padding: 5px;
	display: inline-block;
	background-color: #c3d8e2;
	float:left;
	width: 65%;
	text-align: right;
	clear:both;
	border-bottom: 1px dotted #fff;
	color: #3a87ad;
	font-size: 12px;
}
.total_aabne_sager{
	padding: 5px;
	display: inline-block;
	background-color: #fff;
	float:left;
	border-bottom: 1px dotted #ccc;
	width: 35%;
	font-size: 12px;
}
.afsluttede_sager_label{
	padding: 5px;
	display: inline-block;
	background-color: #ddd;
	float:left;
	clear: both;
	width: 65%;
	text-align: right;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
}
.afsluttede_sager{
	padding: 5px;
	display: inline-block;
	background-color: #fff;
	float:left;
	border-bottom: 1px dotted #ccc;
	width: 35%;
	font-size: 12px;
}

.unik_sag_label{
	background-color:  #DDF1FC;
}
.unik_sag_value{
	background-color:  #F1F9FD;
}
.insert_break{
	width: 100%;
	height: 50px;
	display: block;
	clear: both;
	float: left;
}
.li_notification{
	list-style-type: none;
	padding: 5px;
	border: 1px dotted #ccc;
	margin-bottom: 5px;
}
.fasename{
	color: #990000;
	font-style: italic;
}
.person_case_counts{
	display: inline-block;
	float: right;
}
.value_percent{
	display:inline-block;
	float: right;
	padding-right: 5px;
	color: #3a87ad;
}
.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.nosides{
	margin-left: 0px !important;
    margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px!important;
}
.left15{
	margin-left: 0px !important;
	padding-left: 13px !important;
}
.c3-chart-arcs-background{fill:#d9edf7;stroke:none} 
#status_timereg_graf .c3-chart-arcs-background {
    fill: #faf8f8;
    stroke: none;
}
#statloader, #statloader1, #statloader2{
	text-align: center;
	width: 100%;
	display: block;
	padding: 60px;
}
#statloader img, #statloader1 img, #statloader2 img{
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    border-radius: 3px !important;
}
.modal-body {
    position: relative;
    max-height: 800px !important;
    padding: 15px;
    overflow-y: auto;
}
#arealgebyrContainer .modal-body {
    max-height: 650px !important;
}
.modal.fade {
    top: -50%;
	pointer-events:none;
}
.modal.fade.in {
	pointer-events:auto;
}
#underoverskrift2{
	color: #3a87ad;
	text-align: center;
	padding-right: 30px;
	margin-bottom: 60px;
}
.txt_white{
	color: #fff;
}
#status_timereg_txt p, #status_sager_txt p{
	color: #909090;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 12px;
	padding-top: 15px;
}

#status_sager_graf .c3-axis-x tspan{
	font-size: 10px;
	fill: #909090;
	/* text-transform: uppercase; */
}
#status_sager_graf .c3-axis-y tspan{
	font-size: 8px;
	fill: #3b7391;
}
#status_sager_graf .c3-axis-x .domain{
	color: #F00;
	font-size: 9px;
	fill: none;
	stroke: #bbb;
	stroke-width: 1.0;
}
#status_sager_graf .c3-axis-y .domain{
	color: #F00;
	font-size: 9px;
	fill: none;
	stroke: #bbb;
	stroke-width: 1.0;
}
#status_sager_graf .c3-bars-Tiguneqarpoq---Modtaget .c3-bar{
	fill: #cb3c39 !important;
	stroke: #cb3c39 !important;
}
#status_sager_graf .c3-bars-Utaqqivoq---Afventer .c3-bar{
	fill: #9cc746 !important;
	stroke: #9cc746 !important;
}
#status_sager_graf .c3-bars-Suliarineqarpoq---Under-behandling .c3-bar{
	fill: #7b57a8 !important;
	stroke: #7b57a8 !important;
}
#status_sager_graf .c3-bars-Suliat-ingerlanneqartut---Aktive-sager .c3-bar{
	fill: #34b3d6 !important;
	stroke: #34b3d6 !important;
}


#status_sager_graf .c3-axis-x .tick text tspan:nth-child(2){
	display: none;
}
#status_sager_graf .c3-axis-x .tick text tspan:nth-child(3){
	display: none;
}
#status_sager_graf .c3-axis-x .tick text tspan:nth-child(4){
	display: none;
}
#status_sager_graf .c3-axis-x .tick text tspan:nth-child(5){
	display: none;
}
#status_sager_graf .c3-tooltip-container{
	background-color: #fff;
	padding: 10px;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Tiguneqarpoq{
	font-size: 10px;
	color: #cb3c39;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Utaqqivoq{
	font-size: 10px;
	color: #779635;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Suliarineqarpoq{
	font-size: 10px;
	color: #7b57a8;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Suliat{
	font-size: 10px;
	color: #2787a1;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Tiguneqarpoq .value{
	text-align: right;
	padding-left: 10px;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Utaqqivoq .value{
	text-align: right;
	padding-left: 10px;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Suliarineqarpoq .value{
	text-align: right;
	padding-left: 10px;
}
#status_sager_graf .c3-tooltip .c3-tooltip-name-Suliat .value{
	text-align: right;
	padding-left: 10px;
}

#status_sager_graf .c3-legend-item-Tiguneqarpoq---Modtaget .c3-legend-item-tile{
	fill: #cb3c39 !important;
	stroke: #cb3c39 !important;
}
#status_sager_graf .c3-legend-item-Utaqqivoq---Afventer .c3-legend-item-tile{
	fill: #9cc746 !important;
	stroke: #9cc746 !important;
}
#status_sager_graf .c3-legend-item-Suliarineqarpoq---Under-behandling .c3-legend-item-tile{
	fill: #7b57a8 !important;
	stroke: #7b57a8 !important;
}
#status_sager_graf .c3-legend-item-Suliat-ingerlanneqartut---Aktive-sager .c3-legend-item-tile{
	fill: #34b3d6 !important;
	stroke: #34b3d6 !important;
}


#status_sager_graf .c3-legend-item-Tiguneqarpoq---Modtaget{
	transform: translate(46px);
}
#status_sager_graf .c3-legend-item-Utaqqivoq---Afventer{
	transform: translate(10px);
}
#status_sager_graf .c3-legend-item-Suliarineqarpoq---Under-behandling{
	transform: translate(1px);
}
#status_sager_graf .c3-legend-item-Suliat-ingerlanneqartut---Aktive-sager{
	
}

#status_sager_graf .c3-legend-item text{
	fill: #909090;
	font-size: 10px;
}

#status_sager_graf .c3-xgrid{
	stroke: #ddd;
}
#status_sager_graf .c3-ygrid{
	stroke: #ddd;
}

#status_sager_graf{
	margin-left: -25px;
}

#status_sager_graf .c3-zoom-rect{
	fill: #faf8f8;
	opacity: 1 !important;
}

#status_sager_graf .c3-legend-item-hidden{
	opacity: 0.25;
}

#status_timereg_graf .c3-gauge-value{
	fill: #909090;
}

#status_timereg_graf .c3-tooltip-container{
	opacity: 0 !important;
}

#status_timereg_graf .c3-chart-arc .c3-shapes .c3-arc--{
	cursor: default !important;
}
.singlecard{
	background:#fafafa;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	border-radius: 2px;
    box-sizing: border-box;
	overflow: hidden;
}
.day{
	font-size: 12px;
}
.cw{
	color: #ccc;
}
.dow{
	font-size: 12px;
	font-weight: bold;
}
td.old.day, td.new.day{
	color: #ddd !important;
}
th.datepicker-switch{
	font-size: 12px;
	font-weight: bold;
}
.forside_areal{
	/* background-image: url(../../images/ilulissat-04.jpg); */
	background-image: url(../../images/piilli-02.svg);
    background-repeat: no-repeat;
	background-position:  top;
    background-size: 1920px; 
}
.underside_areal{
	/* background-image: url(../../images/ilulissat-04.jpg); */
	background-image: url(../../images/piilli-02.svg);
    background-repeat: no-repeat;
	background-position:  top;
    background-size: 1920px; 
}
#ident-img{
	width: 120px;
	height: 105px;
	display: inline-block;
	float: left;
	margin-top: 10px;
}
#ident-txt-wrapper{
	width: 200px;
	height: 105px;
	display: inline-block;
	float: left;
}
#ident-h1{
	width: 170px;
	display: block;
	color:#233978;
	font-size: 26px;
    line-height: 30px;
	font-weight: bold;
    margin: 0;
    text-rendering: optimizelegibility;
	font-family: inherit;
	margin-top: 30px;
}
#ident-h1sub{
    position: static;
    font-size: 18px;
    color: #01aef0;
    font-weight: 200;
	width: 50px;
	display: block;
	line-height: 25px;
}






/* --------------------------------------------------------------------- */
.formrow-utility-help{
	clear: both;
}















#status_sager_graf_stor .c3-text{
	font-size: 10px;
}

#status_sager_graf_stor .c3-axis-x tspan{
	font-size: 10px;
	fill: #909090;
	/* text-transform: uppercase; */
}
#status_sager_graf_stor .c3-axis-y tspan{
	font-size: 8px;
	fill: #3b7391;
}
#status_sager_graf_stor .c3-axis-x .domain{
	color: #F00;
	font-size: 12px;
	fill: none;
	stroke: #bbb;
	stroke-width: 1.0;
}
#status_sager_graf_stor .c3-axis-y .domain{
	color: #F00;
	font-size: 9px;
	fill: none;
	stroke: #bbb;
	stroke-width: 1.0;
}
#status_sager_graf_stor .c3-bars-Tiguneqarpoq---Modtaget .c3-bar{
	fill: #cb3c39 !important;
	stroke: #cb3c39 !important;
}
#status_sager_graf_stor .c3-bars-Utaqqivoq---Afventer .c3-bar{
	fill: #9cc746 !important;
	stroke: #9cc746 !important;
}
#status_sager_graf_stor .c3-bars-Suliarineqarpoq---Under-behandling .c3-bar{
	fill: #7b57a8 !important;
	stroke: #7b57a8 !important;
}
#status_sager_graf_stor .c3-bars-Suliat-ingerlanneqartut---Aktive-sager .c3-bar{
	fill: #34b3d6 !important;
	stroke: #34b3d6 !important;
}


#status_sager_graf_stor .c3-axis-x .tick text tspan:nth-child(2){
	display: none;
}
#status_sager_graf_stor .c3-axis-x .tick text tspan:nth-child(3){
	display: none;
}
#status_sager_graf_stor .c3-axis-x .tick text tspan:nth-child(4){
	display: none;
}
#status_sager_graf_stor .c3-axis-x .tick text tspan:nth-child(5){
	display: none;
}
#status_sager_graf_stor .c3-tooltip-container{
	background-color: #fff;
	padding: 12px;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Tiguneqarpoq{
	font-size: 10px;
	color: #cb3c39;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Utaqqivoq{
	font-size: 10px;
	color: #779635;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Suliarineqarpoq{
	font-size: 10px;
	color: #7b57a8;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Suliat{
	font-size: 10px;
	color: #2787a1;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Tiguneqarpoq .value{
	text-align: right;
	padding-left: 12px;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Utaqqivoq .value{
	text-align: right;
	padding-left: 12px;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Suliarineqarpoq .value{
	text-align: right;
	padding-left: 12px;
}
#status_sager_graf_stor .c3-tooltip .c3-tooltip-name-Suliat .value{
	text-align: right;
	padding-left: 12px;
}

#status_sager_graf_stor .c3-legend-item-Tiguneqarpoq---Modtaget .c3-legend-item-tile{
	fill: #cb3c39 !important;
	stroke: #cb3c39 !important;
}
#status_sager_graf_stor .c3-legend-item-Utaqqivoq---Afventer .c3-legend-item-tile{
	fill: #9cc746 !important;
	stroke: #9cc746 !important;
}
#status_sager_graf_stor .c3-legend-item-Suliarineqarpoq---Under-behandling .c3-legend-item-tile{
	fill: #7b57a8 !important;
	stroke: #7b57a8 !important;
}
#status_sager_graf_stor .c3-legend-item-Suliat-ingerlanneqartut---Aktive-sager .c3-legend-item-tile{
	fill: #34b3d6 !important;
	stroke: #34b3d6 !important;
}


#status_sager_graf_stor .c3-legend-item-Tiguneqarpoq---Modtaget{
	/*transform: translate(46px);*/
}
#status_sager_graf_stor .c3-legend-item-Utaqqivoq---Afventer{
	/*transform: translate(10px);*/
}
#status_sager_graf_stor .c3-legend-item-Suliarineqarpoq---Under-behandling{
	/*transform: translate(1px);*/
}
#status_sager_graf_stor .c3-legend-item-Suliat-ingerlanneqartut---Aktive-sager{
	
}

#status_sager_graf_stor .c3-legend-item text{
	fill: #909090;
	font-size: 12px;
}

#status_sager_graf_stor .c3-xgrid{
	stroke: #ddd;
}
#status_sager_graf_stor .c3-ygrid{
	stroke: #ddd;
}

#status_sager_graf_stor{
	margin-left: -25px;
}

#status_sager_graf_stor .c3-zoom-rect{
	fill: #faf8f8;
	opacity: 1 !important;
}

#status_sager_graf_stor .c3-legend-item-hidden{
	opacity: 0.25;
}




.vilkaarSelect .radio, .vilkaarSelect .checkbox {
    min-height: 20px;
    padding-left: 20px;
    border-top: 2px dashed #ccc;
}
.arealgebyrSelect .radio, .arealgebyrSelect .checkbox {
    min-height: 20px;
    padding-left: 20px;
    border-top: 2px dashed #ccc;
}
.padded_card{
	padding: 15px;
}
.arealgebyr_tal{
	margin-left: 20px;
}







/* --------------------------------------------------------------------- */

.modal-value-bar{
	padding: 15px;
    background-color: #FFAAAA;
    text-align: right;
    font-size: 14px;
}
.modal-value-bar-value-txt{
	display: inline-block;
}
.modal-value-bar-value-value{
	display: inline-block;
	font-weight: 700;
}
.modal-value-bar-value-currency{
	display: inline-block;
}
#arealgebyrContainer .modal-body{
	padding-bottom: 60px;
}
#stats_result{
	margin-top: 30px;
}

#page_areal_arealsagsformular_nd .fa-file-word-o{
	color: #529fe2;
}
#page_areal_arealsagsformular_nd .fa-file-pdf-o{
	color: #E91E63;
}
#page_areal_arealsagsformular_nd .fa-file-excel-o{
    color: #8BC34A;
}






#status_sager_graf_stor_stacked .c3-text{
	font-size: 10px;
}

#status_sager_graf_stor_stacked .c3-axis-x tspan{
	font-size: 10px;
	fill: #909090;
	/* text-transform: uppercase; */
}
#status_sager_graf_stor_stacked .c3-axis-y tspan{
	font-size: 8px;
	fill: #3b7391;
}
#status_sager_graf_stor_stacked .c3-axis-x .domain{
	color: #F00;
	font-size: 12px;
	fill: none;
	stroke: #bbb;
	stroke-width: 1.0;
}
#status_sager_graf_stor_stacked .c3-axis-y .domain{
	color: #F00;
	font-size: 9px;
	fill: none;
	stroke: #bbb;
	stroke-width: 1.0;
}
#status_sager_graf_stor_stacked .c3-bars-Tiguneqarpoq---Modtaget .c3-bar{
	fill: #cb3c39 !important;
	stroke: #cb3c39 !important;
}
#status_sager_graf_stor_stacked .c3-bars-Utaqqivoq---Afventer .c3-bar{
	fill: #9cc746 !important;
	stroke: #9cc746 !important;
}
#status_sager_graf_stor_stacked .c3-bars-Suliarineqarpoq---Under-behandling .c3-bar{
	fill: #7b57a8 !important;
	stroke: #7b57a8 !important;
}
#status_sager_graf_stor_stacked .c3-bars-Suliat-ingerlanneqartut---Aktive-sager .c3-bar{
	fill: #34b3d6 !important;
	stroke: #34b3d6 !important;
}


#status_sager_graf_stor_stacked .c3-axis-x .tick text tspan:nth-child(2){
	display: none;
}
#status_sager_graf_stor_stacked .c3-axis-x .tick text tspan:nth-child(3){
	display: none;
}
#status_sager_graf_stor_stacked .c3-axis-x .tick text tspan:nth-child(4){
	display: none;
}
#status_sager_graf_stor_stacked .c3-axis-x .tick text tspan:nth-child(5){
	display: none;
}
#status_sager_graf_stor_stacked .c3-tooltip-container{
	background-color: #fff;
	padding: 12px;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Tiguneqarpoq{
	font-size: 10px;
	color: #cb3c39;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Utaqqivoq{
	font-size: 10px;
	color: #779635;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Suliarineqarpoq{
	font-size: 10px;
	color: #7b57a8;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Suliat{
	font-size: 10px;
	color: #2787a1;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Tiguneqarpoq .value{
	text-align: right;
	padding-left: 12px;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Utaqqivoq .value{
	text-align: right;
	padding-left: 12px;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Suliarineqarpoq .value{
	text-align: right;
	padding-left: 12px;
}
#status_sager_graf_stor_stacked .c3-tooltip .c3-tooltip-name-Suliat .value{
	text-align: right;
	padding-left: 12px;
}

#status_sager_graf_stor_stacked .c3-legend-item-Tiguneqarpoq---Modtaget .c3-legend-item-tile{
	fill: #cb3c39 !important;
	stroke: #cb3c39 !important;
}
#status_sager_graf_stor_stacked .c3-legend-item-Utaqqivoq---Afventer .c3-legend-item-tile{
	fill: #9cc746 !important;
	stroke: #9cc746 !important;
}
#status_sager_graf_stor_stacked .c3-legend-item-Suliarineqarpoq---Under-behandling .c3-legend-item-tile{
	fill: #7b57a8 !important;
	stroke: #7b57a8 !important;
}
#status_sager_graf_stor_stacked .c3-legend-item-Suliat-ingerlanneqartut---Aktive-sager .c3-legend-item-tile{
	fill: #34b3d6 !important;
	stroke: #34b3d6 !important;
}


#status_sager_graf_stor_stacked .c3-legend-item-Tiguneqarpoq---Modtaget{
	/*transform: translate(46px);*/
}
#status_sager_graf_stor_stacked .c3-legend-item-Utaqqivoq---Afventer{
	/*transform: translate(10px);*/
}
#status_sager_graf_stor_stacked .c3-legend-item-Suliarineqarpoq---Under-behandling{
	/*transform: translate(1px);*/
}
#status_sager_graf_stor_stacked .c3-legend-item-Suliat-ingerlanneqartut---Aktive-sager{
	
}

#status_sager_graf_stor_stacked .c3-legend-item text{
	fill: #909090;
	font-size: 12px;
}

#status_sager_graf_stor_stacked .c3-xgrid{
	stroke: #ddd;
}
#status_sager_graf_stor_stacked .c3-ygrid{
	stroke: #ddd;
}

#status_sager_graf_stor_stacked{
	margin-left: -25px;
}

#status_sager_graf_stor_stacked .c3-zoom-rect{
	fill: #faf8f8;
	opacity: 1 !important;
}

#status_sager_graf_stor_stacked .c3-legend-item-hidden{
	opacity: 0.25;
}
/*
.modal.large {
     width: 1100px;
     margin-left: -550px;
}
*/
#byggemodningsandelModal h2{
	font-size: 12px;
	font-weight: bold;
}
#byggemodningsandelModal table {
color: #333;
border-collapse:
collapse; border-spacing: 0;
font-size: 11px;
}

#byggemodningsandelModal td, #byggemodningsandelModal th {
border: 1px solid transparent; /* No more visible border */
height: 25px;
line-height: 14px;
transition: all 0.3s; /* Simple transition for hover effect */
}

#byggemodningsandelModal  th {
background: #DFDFDF; /* Darken header a bit */
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
}

#byggemodningsandelModal td {
background: #FAFAFA;
text-align: center;
}

/* Cells in even rows (2,4,6...) are one color */
#byggemodningsandelModal  tr:nth-child(even) td { background: #F1F1F1; }

/* Cells in odd rows (1,3,5...) are another (excludes header cells) */
#byggemodningsandelModal tr:nth-child(odd) td { background: #FEFEFE; }

#byggemodningsandelModal tr td:hover { /*background: #666;*//* color: #FFF;*/ } /* Hover cell effect! */
.modal.fade.in {
    top: 1% !important;
}
.vilkaar_generelle{
	background-image: url(../../images/bgr_stripes_14e819.png);
    background-repeat: repeat;
    background-position: top left;
}
.vilkaar_specifikke{
	background-image: url(../../images/bgr_stripes_ffba00.png);
    background-repeat: repeat;
    background-position: top left;
}
.vilkaar_saerlige{
	background-image: url(../../images/bgr_stripes_ff0000.png);
    background-repeat: repeat;
    background-position: top left;
}
.vilkaar_generelle_formular{
	background-image: url(../../images/bgr_transparent_14e819.png);
    background-repeat: repeat;
    background-position: top left;
}
.vilkaar_specifikke_formular{
	background-image: url(../../images/bgr_transparent_ffba00.png);
    background-repeat: repeat;
    background-position: top left;
}
.vilkaar_saerlige_formular{
	background-image: url(../../images/bgr_transparent_ff0000.png);
    background-repeat: repeat;
    background-position: top left;
}
.mangler_saerlig_projektansoegning{
	background-image: url(../../images/bgr_stripes_14afe8.png);
    background-repeat: repeat;
    background-position: top left;
}
.skraveret{
	background-color: #fff;
    padding: 3px;
    margin-top: 0px;
    border: 5px solid #fff;
	color: #000;
	font-size: 10px;
	width: 100px;
	display: inline-block;
	text-align: center
}
/* ------------------------------------------------------------- */

.red-star:after{
	content:"*";
  color:red;
}

div#peli_page_1, div#peli_page_2, div#peli_page_3{
	font-family: Verdana, sans-serif;
}
.vilkaar_overskrift{
	padding: 5px;
    font-weight: bold;
    background: rgba(0,0,0,0.1);
    margin-top: 5px;
}
.arealgebyr_overskrift{
	padding: 5px;
    font-weight: bold;
    background: rgba(0,0,0,0.1);
    margin-top: 5px;
}
.checkbox:nth-child(even){
	/* background: #eee; */
	/*border-right: 2px dashed #ccc;
	padding-right: 15px;*/
}
.checkbox:nth-child(odd){
	/* background: #eee; */
	/*border-left: 2px dashed #ccc;*/
}

.highlight_0003{
	/*border-left:  10px solid #001f3f;
	border-right: 10px solid #001f3f;*/
	/* background-color: rgba(0, 31, 63, 0.1); */
	background-color: #001f3f;
	color: #fff;
}
.highlight_0900{
	/*border-left:  10px solid #FF851B;
	border-right: 10px solid #FF851B;*/
	/* background-color: rgba(255, 133, 27, 0.1); */
	background-color: #FF851B;
	color: #fff;
}
.highlight_1000{
	/*border-left:  10px solid #0074D9;
	border-right: 10px solid #0074D9;*/
	/* background-color: rgba(0, 116, 217, 0.1); */
	background-color: #0074D9;
	color: #fff;
}
.highlight_1100{
	/*border-left:  10px solid #FF4136;
	border-right: 10px solid #FF4136;*/
	/* background-color: rgba(255, 65, 54, 0.1); */
	background-color: #FF4136;
	color: #fff;
}
.highlight_1200{
	/*border-left:  10px solid #7FDBFF;
	border-right: 10px solid #7FDBFF;*/
	/* background-color: rgba(127, 219, 255, 0.1); */
	background-color: #7FDBFF;
	color: #222;
}
.highlight_1400{
	/*border-left:  10px solid #85144b;
	border-right: 10px solid #85144b;*/
	background-color: rgba(133, 20, 75, 0.1);
	background-color: #85144b;
	color: #fff;
}
.highlight_1500{
	/*border-left:  10px solid #39CCCC;
	border-right: 10px solid #39CCCC;*/
	/* background-color: rgba(57, 204, 204, 0.1); */
	background-color: #39CCCC;
	color: #222;
}
.highlight_1600{
	/*border-left:  10px solid #F012BE;
	border-right: 10px solid #F012BE;*/
	background-color: rgba(240, 18, 190, 0.1);
	background-color: #F012BE;
	color: #fff;
}
.highlight_1700{
	/*border-left:  10px solid #3D9970;
	border-right: 10px solid #3D9970;*/
	background-color: rgba(61, 153, 112, 0.10);
	background-color: #3D9970;
	color: #fff;
}
#bell_icon{
    float: left;
    margin-left: 10px;
}
#bell_icon a .fa{
    font-size: 14px;
    color: #d0d0d0;
}
#oversigt a{
	background-color: #fff;
    color: #000;
    padding: 5px;
    min-width: 50px;
    font-size: 13px; 
    border-radius: 10px;
    display: inline-block;
    background: #fafafa;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 2px;
    box-sizing: border-box;
	text-decoration: none;
}
#oversigt a:hover{
	background-color: #ccc;
}
#notificationbox_wrapper{
	text-align: center;
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
}
#notificationbox{
    background-color: #565656;
    width: 310px;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	transition: all .2s ease-in-out;
	font-size: 14px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
#notificationbox_listbox{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}
#notificationbox_listbox ul{
	list-style-type: none;
	margin-left: 0px;
	
}	
.icon_areal{
	color: #01aef0;
}
.icon_bygg{
	color: #8bc34a;
}
.icon_aq{
	color: #f76f6f;
}
.badge_areal{
	background-color: #01aef0;
	margin-right: 15px;
}
.badge_bygg{
	background-color: #8bc34a;
	margin-right: 15px;
}
.badge_aq{
	background-color: #f76f6f;
}
.no_notifications .badge_areal, .no_notifications .badge_bygg, .no_notifications .badge_aq{
	background-color: #828282;
}
.no_notifications .icon_areal, .no_notifications .icon_bygg, .no_notifications .icon_aq{
	color: #828282;
}
.notification_txt{
	color: #212121;
	margin-right: 10px;
}
.link_notifications_txt{
	font-size: 12px;
	color: #fff;
}
#bell_icon a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
#bell_icon .btn-info{
	background-color: #565656;
}
#bell_icon .btn-info:hover{
	background-color: #000000;
}
.notification_list_txt{
	color: #fff;
}
.notification_list_a{
	color: #efefef;
}
#notificationbox_listbox li{
	margin-top: 5px;
}
#ul_areal, #ul_bygg, #ul_aq{
	clear: both;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ul_areal{
	border: 1px solid #01aef0;
}
.padded_card #pagewrapper .row{
	padding-left: 15px;
	padding-right: 15px;
}

#areal_status_123230100000627 .v_green{
	background-color: #0f0;
}
.clickable_date{
	background-color: #efefef !important;
	cursor: pointer;
}
.clickable_date:hover{
	background-color: #f89406 !important;
	cursor: pointer;
}

.white_card{
	background-color: #fff;
}

#responsive_table_stats table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
#responsive_table_stats table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
#responsive_table_stats table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
#responsive_table_stats table th,
#responsive_table_stats table td {
  padding: .625em;
  text-align: center;
}
#responsive_table_stats table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
#odeumform123230100020646{
	padding: 15px;
}
/* TEXT */
#fieldkey_123230100020646, #fieldkey_123230100152752, #sortering_123230100152752, #fieldkey_123230100366815, #fieldkey_123230100094744, #textvalue_123230100094744, #sortering_123230100094744, #filter_fieldkey_123230100094744, #fieldkey_123230100366948, #textvalue_123230100366948, #sortering_123230100366948, #fieldkey_123230100019983, #textvalue_123230100019983, #sortering_123230100019983, #textvalue_123230100006850, #fieldkey_123230100006850, #sortering_123230100006850, #langid_123230100006850, #fieldkey_123230100017583, #textvalue_123230100017583, #titel_123230100017583, #email_123230100017583, #telefon_123230100017583, #sortering_123230100017583, #filter_a_b_nr_123230100114879,#filter_a_sagstype_123230100114879,#filter_a_anvendelse_123230100114879, #a_loebenummer_123230100114879, #a_lokalt_journal_nr_123230100114879   {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom: 15px;
}
#a_loebenummer_123230100114879, #a_lokalt_journal_nr_123230100114879, #textvalue_123230100114879, #a_b_nr_123230100114879, #a_sagstype_123230100114879, #a_anvendelse_123230100114879, #a_beliggenhed_123230100114879, #a_oprettet_123230100114879,#a_klarmeldt_123230100114879, #a_ophoert_123230100114879, #a_rettighedshaver_123230100114879 {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom: 15px;
}
/*  TEXTBOX */
#textvalue_123230100020646, #textvalue_123230100152752, #textvalue_123230100366815, #kn_123230100366815{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	min-height: 200px;
	margin-bottom: 15px;
}
#a_kommentar_123230100114879, #kommentar_123230100018897{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	min-height: 50px;
	margin-bottom: 15px;
}
/* DROPDOWN */
#gaelder_123230100020646, #gaelder_123230100152752, #page_123230100366815, #filter_page_123230100366815, #tilknyttet_hovedtype_123230100006850, #sted_123230100017583, #filter_lokalitetskode_123230100114879, #filter_a_initialer_123230100114879, #filter_a_status_123230100114879, #aktivitet_123230100018897, #sag_123230100018897, #varighed_123230100018897{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 8%, #fefefe 47%, #ededed 93%);
    background: -webkit-linear-gradient(top, #ffffff 8%,#fefefe 47%,#ededed 93%);
    background: linear-gradient(to bottom, #ffffff 8%,#fefefe 47%,#ededed 93%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom: 15px;
}
#lokalitetskode_123230100114879, #a_version_nr_123230100114879, #a_initialer_123230100114879, #a_status_123230100114879{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 8%, #fefefe 47%, #ededed 93%);
    background: -webkit-linear-gradient(top, #ffffff 8%,#fefefe 47%,#ededed 93%);
    background: linear-gradient(to bottom, #ffffff 8%,#fefefe 47%,#ededed 93%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom: 15px;
}

/* BTN */
#submit_123230100020646, #submit_123230100152752, #submit_123230100366815, #submit_123230100094744, #submit_123230100366948, #submit_123230100019983, #submit_123230100006850, #submit_123230100017583, #submitAnr, #submit_123230100018897{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
    background-color: #28a745;
    border-color: #28a745;
	padding: .5rem 1rem;
}
#submit_123230100020646:hover, #submit_123230100152752:hover, #submit_123230100366815:hover, #submit_123230100094744:hover, #submit_123230100366948:hover, #submit_123230100019983:hover, #submit_123230100006850:hover, #submit_123230100017583:hover, #submitAnr:hover, #submit_123230100018897:hover{
    background-color: #218638;
	cursor: pointer;
}
#piilli_header_wrapper{
	background-color: #ffffff;
    height: 80px;
	margin-top: 10px;
}
#piilli_logo, #piilli_notifications, #piilli_loginbox{
	display: inline-block;
}
#piilli_logo{
	float: left;
}
#piilli_notifications{
	float: left;
}
#piilli_loginbox{
	float: right;
}
#piilli_logo{
	height: 80px;
	width: 260px;
}
.forside_areal.komm_960 #piilli_logo, .underside_areal.komm_960 #piilli_logo{
	background-image: url('https://piilli.avannaata.gl/images/piilli-avannaata-areal-01.png');
}
.forside_aq.komm_960 #piilli_logo, .underside_aq.komm_960 #piilli_logo{
	background-image: url('https://piilli.avannaata.gl/images/piilli-avannaata-aq-01.png');
}
.forside_bygg.komm_960 #piilli_logo, .underside_bygg.komm_960 #piilli_logo{
	background-image: url('https://piilli.avannaata.gl/images/piilli-avannaata-bygg-01.png');
}
.forside_areal.komm_959 #piilli_logo, .underside_areal.komm_959 #piilli_logo{
	background-image: url('https://piilli.qeqertalik.gl/images/piilli-qeqertalik-areal-01.png');
}
.forside_aq.komm_959 #piilli_logo, .underside_aq.komm_959 #piilli_logo{
	background-image: url('https://piilli.qeqertalik.gl/images/piilli-qeqertalik-aq-01.png');
}
.forside_bygg.komm_959 #piilli_logo, .underside_bygg.komm_959 #piilli_logo{
	background-image: url('https://piilli.qeqertalik.gl/images/piilli-qeqertalik-bygg-01.png');
}
#link_forside{
	margin-top: 10px;
}
#link_areal, #link_areal a, #link_areal i{
	color: #23b9f2;
	font-size: 12px;
}
#link_aq, #link_aq a, #link_aq i{
	color: #ff730b;
	font-size: 12px;
}
#link_bygg, #link_bygg a, #link_bygg i{
	color: #58a300;
	font-size: 12px;
}
#link_areal{
	margin-right: 5px;
	padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #23b9f2;
    border-radius: 3px;
	line-height: 12px;
	font-size: 12px;
}
#link_aq{
	margin-right: 5px;
	padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #ff730b;
    border-radius: 3px;
	line-height: 12px;
	font-size: 12px;
}
#link_bygg{
	margin-right: 5px;
	padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid #58a300;
    border-radius: 3px;
	line-height: 12px;
	font-size: 12px;
}
#link_areal:hover, #link_areal:hover i{
    background-color: #23b9f2;
	color: #fff;
	text-decoration: none;
}
#link_aq:hover, #link_aq:hover i{
    background-color: #ff730b;
	color: #fff;
	text-decoration: none;
}
#link_bygg:hover, #link_bygg:hover i{
    background-color: #58a300;
	color: #fff;
	text-decoration: none;
}
#link_areal:hover i{
	color: #fff;
	text-decoration: none;
	line-height: 12px;
}
#link_aq:hover i{
	color: #fff;
	text-decoration: none;
	line-height: 12px;
}
#link_bygg:hover i{
	color: #fff;
	text-decoration: none;
	line-height: 12px;
}
.link_not_active, .link_not_active i {
	pointer-events: none;
	cursor: default;
	border: 1px solid #efefef !important;
	color: #efefef !important;
}
.link_not_active:hover {
	pointer-events: none;
	cursor: default;
	border: 1px solid #efefef !important;
	color: #efefef !important;
}
@media screen and (max-width: 600px) {
  #responsive_table_stats table {
    border: 0;
  }
  #responsive_table_stats table caption {
    font-size: 1.3em;
  }
  #responsive_table_stats table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #responsive_table_stats table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  #responsive_table_stats table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  #responsive_table_stats table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  #responsive_table_stats table td:last-child {
    border-bottom: 0;
  }
}

#stat_date{
	font-size: 12px;
	color: #ccc;
}

@media (max-width: 768px){
	.row > [class*="span"], .row-fluid > [class*="span"] {
	    float: none;
	    display: block;
	    width: 100% !important;
	    margin: 0;
	    margin-bottom: 15px  !important;
	}
}
@media (min-width: 1200px){
	.page_front_column{
		margin-bottom: 30px;
	}
	.page_areal_column{
		margin-bottom: 30px;
	}
	body{
		 min-height: 1080px; 
	} 
}
@media print {
    .pagebreak {page-break-after: always;}
	
}