body div.wrapper {
	max-width: unset !important;

}

#caseoverview {
	margin-top: 20px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 100%;
	font-size: 14px;
	position: relative;
	top: 20px;
}

#caseoverview th {
	background-color: white;
	border: 0px;
	margin: 0px;
	cursor: pointer;
	color: #4D4D4D;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	padding: 15px 0px;
}
#caseoverview th:first-child {
	padding-left: 20px;
}
#caseoverview th:last-child {
	padding-right: 20px;
}
#caseoverview tr {
	background-color: white;
}
#caseoverview tr td {
	cursor: pointer;
	border-bottom: 1px solid #F5F3F7;
	padding: 15px 10px;
	font-size: 12px;
	color: #666666;
}
.caseoverview-stel {
	text-transform: uppercase;
}
#caseoverview tr td:first-child {
	padding-left: 20px;
}
#caseoverview tr td:last-child {
	padding-right: 20px;
}
#caseoverview tr td:nth-child(2) {
	font-weight: bold;
}
#caseoverview td {
	padding: 6px 10px;
}

#caseoverview .deletecase {
	cursor: pointer;

}
#caseoverview .deletecase > div {
	background-color: #F1F1F1;
	padding: 8px;
	border-radius: 30px;
	transition: all .5s;
}
#caseoverview .deletecase:hover > div {
	background-color: #E13343;
}
#caseoverview .deletecase img {
	position: relative;
	width: 13px;
	top: 1px;
	transition: all .5s;
	filter: contrast(0%) invert(0);
}
#caseoverview .deletecase:hover img {
	filter: contrast(100%) invert(1);
}
#caseoverview td.caseoverview-stel {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#caseoverview td, th.caseoverview-th-status {
	max-width: 210px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#caseoverview td.listcasesstatus, th.caseoverview-th-status {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
}

#caseoverview div.selectbox.filtercasestatus {
	max-width: 100%;
}
#caseoverview #selectbox_status {
	max-width: 90%;
}

.wrapper .pane {
	display: inline-block;
	vertical-align: top;
}

.wrapper .pane.first, .wrapper .pane.second, .wrapper .pane.third {
	width: calc(33% - 30px);
	padding-right: 30px;
}


.wrapper .pane .case-input {
	position: relative;
	margin-bottom: 10px;
}
.wrapper .pane .case-input input, .wrapper .pane .case-input textarea, .wrapper .pane select {
	position: absolute;
	right: 0px;
	width: 50%;
}

.wrapper .pane select {
	width: calc(50% + 8px);
}

.wrapper .pane.third input:-moz-read-only { /* For Firefox */
  border: none;
}

.wrapper .pane.third input:read-only {
  border: none;
}

.wrapper .pane .case-input textarea {
	max-width: 50%;
	height: 150px;
}

.wrapper .pane .case-input.textfield {
	height: 160px;
}

.wrapper table.usertable {
	margin-top: 50px;
	border-collapse: separate;
	border-spacing: 0px;
	width: 100%;
	font-size: 16px;
	background-color: white;
}
.wrapper table.usertable tr {
	padding: 4px 0px;
	border-spacing: 3px;
}
.wrapper table.usertable th {
	border: 0px;
	margin: 0px;
	padding: 20px 10px;
	color: #4D4D4D;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}
.wrapper table.usertable tr td {
	cursor: default;
	border-bottom: 1px solid #F5F3F7;
	padding: 12px 12px;
}

.wrapper table.usertable td {
	padding: 8px 10px;
}

.wrapper table.usertable td img {
	width: 15px;
	margin-left: 15px;
	cursor: pointer;
}

.button.addnewcase, .button.searchtable {
	float: left;
	margin: 10px 10px 10px 10px;
	font-size: 11px;
}

.button.addnewcase {
	padding-left: 36px;
}

.overviewsearchfield {
	float: left;
	width: 0px;
	transition: all .4s;
	border: none;
	background-color: #E2E0E4;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	margin-top: 35px;
}

.overviewsearchfield.visible {
	width: 300px;
	padding: 11px 14px;

}

.searchresultheader {
	font-size: 24px;
	padding-top: 20px;
}

#uploadnewfiles {
	width: calc(100% - 30px);
	min-height: 150px;
	background-color: #DDDBDE;
	padding: 15px;
}
#uploadnewfiles button {
	background: none;
		color: inherit;
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit;
}

#uploadnewfiles .dz-success-mark, #uploadnewfiles .dz-error-mark, #dropzonecontainer .dz-success-mark, #dropzonecontainer .dz-error-mark {
	display: none;
}

#uploadnewfiles .dz-error-message, #dropzonecontainer .dz-error-message {
	color: red;
}

span.uploadtime {
	margin-left: 20px;
	font-size: 12px;
	color: #AEACAF;
}

.smallbutton[disabled] {
	opacity: 0.7;
	pointer-events: none;
}

.smallbutton.hide {
	display: none;
}

.smallbutton.godkendforhaand, .smallbutton.sendpreapproval, .smallbutton.godkendendelig, .smallbutton.sendbill {
	float: right;
}


a.casefilelink {
	line-height: 30px;
	text-transform: capitalize;
}

.smallbutton.getfromdmf, .smallbutton.sendtodmf, .smallbutton.sendkvittering {
	float: right;
}


.smallbutton.godkendmaaned, .smallbutton.sendmaaned, .smallbutton.approvemonth {
	float: right;
}

.docsuploadcontainer {
	padding-top: 35px;
}

.button.rejectestimate {
	background-color: #B20000;
	margin-left: 30px;
}
.docsuploadcontainer #dropzonecontainer {
	padding: 30px;
	background-color: #f9f9f9;
	border: 1px solid #9F9D9F;
	border-radius: 20px;
	min-height: 300px;
}

#savingicon {
	width: 20px;
	opacity: 0;
	transition: all .1s;
}
#savingicon.active {
	opacity: 1;
}


.switchcaseuser.changeuser, .switchcaseuser.finduser {
	text-align: right;
	margin: 12px 0px;
	cursor: pointer;
	transition: all .4s;
	color: black;
	text-decoration: none;
}

.switchcaseuser.changeuser:hover {
	color: #504F50;
	text-decoration: underline;
}


.searchbox > div:not(.button) {
	position: relative;
	display: inline-block;
	padding: 0px 15px;
}

.searchbox input {
	height: 22px;
	padding: 8px 12px;
	border: 1px solid;
	font-size: 14px;
	width: calc(100% - 24px);
}
.search-dato select {
	width: ;
}

.searchbox select {
   cursor: pointer;
   padding: 10px 15px;
   outline: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background: white;
   color: #909090;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

.searchbox select::-ms-expand {
	display: none;
}

.searchbox select:hover,
       .searchbox select:focus {
            color: #000000;
            background: white;
        }
      .searchbox select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

.searchbox #selectbox_admin, .searchbox #searchstatus {
	width: 200px;
}
.wrapper div.loadingtire {
	display: none;

}
.wrapper div.loadingtire.visible {
	display: block;
}
.loadingtire img {
	width: 40px;
}
.loadingtire.visible img {
	-webkit-animation: spin 30s ease-in-out infinite;
    animation: spin 30s ease-in-out infinite;
    -moz-animation:spin 30s ease-in-out infinite;
}

@-webkit-keyframes spin{
  100% { -webkit-transform: rotate(42000deg); }
}
@-moz-keyframes spin{
  100% { -moz-transform: rotate(42000deg); }
}
@keyframes spin{
  100% { transform: rotate(42000deg); }
}


.wrapper div.fullwidth_centered	{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0px;
}
.wrapper div.fullwidth_centered.lowered	{
	padding: 30px 0px;
}

@media all and (max-width: 1400px) {
	.logincontainer, .resetpasscontainer {
		width: calc(40% - 50px);
	}
	div.wrapper {
		max-width: 90vw;
	}
}


@media all and (max-width: 1170px) {
	.logincontainer, .gethelp, .resetpasscontainer {
		display: block !important;
		width: 100%;
	}

	.logincontainer, .resetpasscontainer {
		margin-bottom: 80px;
	}
	.gethelp iframe {
		margin-top: 40px;
		height: calc(80vw / 1.6);
	}
}
.listcasesstatus {
	padding: 10px 10px !important;
}
.listcasesstatus div {
	display: block;
	text-transform: uppercase;
	font-size: 9.8px;
	border-radius: 28px;
	padding: 10px 10px;
	font-weight: bold;
}
.listcasesstatus.turqoise div {
	background-color: #41B8C4;
	color: white;
}

.listcasesstatus.green div {
	background-color: #8BC53F;
	color: white;
}
.listcasesstatus.grey div {
	background-color: #F1F1F1;
	color: #A4A4A4;
}

.companiestable th {
	cursor: pointer;
	padding: 10px 0px;
}


.button.addnewcompany {
	float: left;
	margin-bottom: 40px;
	top: 20px;
}

.editcompanyform {
	padding-top: 40px;
}

.editcompanyform .pane.first, .editcompanyform .pane.second {
	width: calc(50% - 30px);
	padding-right: 30px;
}


.editcompanyform .pane .case-input input, .editcompanyform .pane .case-input textarea, .editcompanyform .pane select {
	right: 20%;
	width: 40%;
}


.savecompany.button {
	position: absolute;
	right: 60px;
	top: 50px;
}
.editcompanyform .pane .case-input {
	margin-bottom: 20px;
}
.editcompanyform .pane .case-input input {
	height: 20px;
}


.companiestable tbody td {
	cursor: pointer !important;
}

div.searchuser-results-container, div.searchcompanies-results-container {
	width: 70%;
	position: absolute;
	right: 0px;
	z-index: 299;
	border: 1px solid #9f9f9f;
	max-height: 260px;
	background-color: #f7feff;
	overflow: scroll;
}


div.searchuser-results-container .user-searchresult, div.searchcompanies-results-container .company-searchresult {
	padding: 10px 20px;
	cursor: pointer;
	max-width: calc(100% - 40px);
}

div.searchuser-results-container .user-searchresult:hover, div.searchcompanies-results-container .company-searchresult:hover {
	background-color: #e0e5e5;
}


span.takeover-case {
	font-size: 11px;
	cursor: pointer;
	text-transform: uppercase;
	margin-left: 10px;
	color: #504F50;
	text-decoration: none;
	transition: all .4s;
}
span.takeover-case:hover {
	text-decoration: underline;
}
div.settings.gearicon {
	 position: absolute;
	 top: 40px;
	 right: 30px;
	 cursor: pointer;
}
div.caselimitinput input {
	display: none;
	position: absolute;
	right: 50px;
	top: 2px;
	height: 15px;
	padding: 4px 10px;
	width: 80px;
}

.caselist-header {
	float: left;
}
.caselist-header h2 {
	display: inline-block;
	margin-right: 30px;
	color: #01312E;
	letter-spacing: 0.75px;
	font-size: 30px;
	margin-bottom: 0px;
}
.casecounter {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	top: -4px;
}


.caseoverviewshowall {
	text-decoration: none;
	cursor: pointer;
	display: inline;
	text-transform: uppercase;
	font-size: 13px;
	color: #504F50;
	margin-left: 10px;
	transition: all .4s;

}

.caseoverviewshowall:hover {
	text-decoration: underline;
}


.smallbutton.notyet {
	background-color: #cfcfcf;
	cursor: default;
}


div.yearline {
	position: relative;
	margin-top: 25px;
	text-align: center !important;
}

div.monthlines {
	position: relative;
	transition: margin-top .4s, opacity .4s;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
	opacity: 0;
	text-align: center !important;
}
div.monthlines.selected {
	margin-top: 25px;
	opacity: 1;
	height: auto;
}

div.yearline .year.selection, div.monthlines .submonth.selection {
	cursor: pointer;
	display: inline-block;
	background-color: #f0f0f0;
	transition: all .4s;
	padding: 12px;
}
div.yearline .year.selection:hover, div.monthlines .submonth.selection:hover {
	background-color: #bababa;
}
div.yearline .year.selection:first-of-type, div.monthlines .submonth.selection:first-of-type {
	border-radius: 8px 0px 0px 8px;
}
div.yearline .year.selection:last-of-type, div.monthlines .submonth.selection:last-of-type {
	border-radius: 0px 8px 8px 0px;
}
div.yearline .year.selection.active, div.monthlines .submonth.selection.active {
	background-color: #2B3553;
	color: white;
}

#billlist_ajax {
	padding: 30px 0px;
}
#billlist_ajax table th, #billlist_ajax table td {
	padding: 4px 20px;
	cursor: default;
}

.downloadfile {
	cursor: pointer;
}

.downloadbillsinperiod {
	text-decoration: underline;
	font-size: 13px;
	text-transform: uppercase;
	cursor: pointer !important;
}

.settings-container > div {
	display: inline-block;
	vertical-align: top;
}
.settings-container .settings-tabs {
	padding: 0px 0px;
	border-radius: 7px;
	border: 1px solid #4e8a7f;
	overflow:hidden;
}

.settings-container .settings-tabs .tab {
	padding: 8px 15px;
	background-color: white;
	cursor: pointer;
	transition: all .4s;
	color: black;
}
.settings-container .settings-tabs .tab:hover {
	background-color: #f3f3f3;
}
.settings-container .settings-tabs .tab.active {
	background-color: #4e8a7f;
	color: white;
}
.settings-container .settings-content {
	padding: 0px 15px;
}

.settings-container .settings-content .settingcontent {
	display: none;
	padding: 0px 20px;
}
.settings-container .settings-content .settingcontent.active {
	display: block;

}
.settings-container .settings-content .settingcontent h3 {
	margin-top: 0px;
}
.settings-container .settings-content .setting-input-label {
	display: inline-block;
	margin-right: 20px;
	cursor: default;
	float: left;
	position: relative;
	top: 5px;
}
.settings-container .settings-content input {
	padding: 8px 14px;
	font-size: 16px;
	float: right;
}
.settings-container .settings-content .settingelem {
	height: 65px;
}

.case-input #ekspeditionsgebyr {
	width: calc(50% - 25px);
	right: 25px;
}

#editfee {
	width: 14px;
	position: absolute;
	right: 0px;
	top: 3px;
	cursor: pointer;
}
#editfee:hover {
	fill: red;
}

.first.pane .case-input input:read-only {
	background-color: #ebebeb;
}

.inactivity-countdown {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 40px 60px;
	background-color: white;
	border: 1px solid #ececec;
	border-radius: 10px;
	z-index: 9999;
	box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.75);
	-webkit-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 9px 1px rgba(0,0,0,0.75);
}
.smallbutton.inactivated {
	cursor: progress;
	background-color: #e3e3e3;
}

.case-action-button-container {
	float: right;
}

.button.searchtable, .button.searchusers {
	background-color: white;
	color: #4D4D4D;
}

.plusspan {
	position: absolute;
	top:50%;
	left:15px;
	font-size:22px;
	transform: translateY(-50%);
}

.usersearchinput {
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #01312e;
	display: inline-block;
	margin-right: 25px;
	font-size: 16px;
}
.editusernote {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}
span.usernote {
	font-size: 10px;
}
@media all and (max-width: 1380px) {
	.wrapper .pane.first, .wrapper .pane.second, .wrapper .pane.third {
		width: 100%;
	}
}

td.deleteuserbutton {
	cursor: pointer !important;
	width: 13px;
}
td.deleteuserbutton svg * {
	fill: black;
	transition: all .7s;
}
td.deleteuserbutton:hover svg * {
	fill: red;
}

.startcalculator-button {
	position: fixed;
	bottom: 40px;
	right: 40px;
	cursor: pointer;
}
.startcalculator-button svg {
	width: 40px;
	height: 40px;
	transition: all .5s;
}
.startcalculator-button svg path {
	stroke-width: 1px;
	stroke: black;
	width: 0px;
	height: 0px;
	stroke-dasharray: 140 540;
	transition: all 1.5s;
	stroke-dashoffset: 470;
	fill: black;
	transition-delay: fill 1.5s;
}
.startcalculator-button.notunpacked svg path {
	fill: transparent;
	stroke-dashoffset: 840;
	pointer-events: none;
}

.calculator-overlay {
	position: fixed;
	top: 40px;
	left: 40px;
	background-color: white;
	border-radius: 8px;
	overflow: scroll;
	height: calc(100vh - 160px);
	width: calc(100vw - 200px);
	z-index: 9999;
	padding: 40px 60px;
}

.calculator-overlay .column {
	display: inline-block;
	vertical-align: top;
	margin: 0px 15px;
}

.calculator-overlay .column .part {
	width: 235px;
	position: relative;
	margin: 00px 0px 6px 0px;
}
.calculator-overlay .column h3 {
	margin-bottom: 5px;
}
.calculator-overlay .column .part label {
	font-size: 13px;
}
.calculator-overlay .column .part input, .calculator-overlay .column .part select {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 95px;
}
.calculator-overlay .tab {
	pointer-events: none;
	opacity: 0;
	transition: all .5s;
	position: absolute;
	top: 75px;
	max-width: calc(100% - 120px);
}
.calculator-overlay .tab.active {
	pointer-events: all;
	opacity: 1;
	transition-delay: .6s;
}
.calculator-overlay .tabcontroller {
	 padding: 2px;
	display: inline-block;
	background-color: #EEF1EC;
	border-radius: 7px;
 }
.calculator-overlay .tabcontroller .tabclick {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 16px;
	background-color: #EEF1EC;
	transition: all .5s;
	cursor: pointer;
}
.calculator-overlay .tabcontroller .tabclick.active {
	transition: all .5s;
	background-color: white;
	border-radius: 7px;
}
.add_beregningsgrundlag_eksempel {
	width: 20px;
	position: relative;
	top: 10px;
	float: right;
	cursor: pointer;
}
.delete_beregningsgrundlag_eksempel {
	cursor: pointer;
}

.negativenumber {
	color: red;
}
.calculationbasedonexamples {
	border-collapse: collapse;
}
.calculationbasedonexamples td {
	padding: 2px 14px;
	font-size: 12px;
}
tr.emptyrow {
	height: 10px;

}
tr.emptyrow td {
	border-bottom: 0px solid white;
	padding-top: 10px;
}
.calculationbasedonexamples td {
	text-align: right;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.calculationbasedonexamples td:first-child {
	text-align: left;
}

tr.splitresult td {
	border-top: 1px solid black;
	border-bottom: 2px solid black;
}

tr.finalresult td {
	border-bottom: 1px double black;
    border-width: 3px;
    border-bottom-style: double;
}

.kilometer_beregning {
	margin-bottom: 40px;
	margin-top: 20px;
}
.andre_reguleringer {
	margin-bottom: 50px;
}
.kilometer_beregning td, .andre_reguleringer td {
	padding: 2px 14px;
	text-align: left;
	font-size: 12px;
}
.kilometer_beregning td:nth-child(even), .andre_reguleringer td:nth-child(even) {
	text-align: right;
}
.bolden {
	font-weight: 800;
}
.udspecifikation_calculations {
	border-collapse: collapse;
}
.udspecifikation_calculations td:nth-child(even) {
	text-align: right;
}
.maindata_table {
	margin-top: 50px;
	margin-bottom: 30px;
}
.maindata_table td {
	font-size: 22px;
	padding: 12px 130px;
	text-align: center;
}
.maindata_table tr:nth-child(3) td {
	background-color: rgb(24, 176, 36);
	color: white;
}
.calculator-overlay input:read-only {
	background-color: rgb(238, 238, 238);
}
.calculator-overlay div.half {
	display: inline-block;
	vertical-align: top;
	max-width: calc(50% - 5px);
}

.calculator-overlay .part select {
	width: 150px;
}

.close_calculator_overlay {
	cursor: pointer;
	font-size: 30px;
	position: absolute;
	top: 25px;
	right: 30px;
}
.hiddenfield {
	display: none;
}

.use_this_calculation {
	margin-right: 20px;
}

@media all and (min-width: 1900px) {
	.calculator-overlay .tab.basicdata .half:nth-child(2) .column:nth-child(2) {
		position: relative;
		width: 52vw !important;
	}
	.calculator-overlay table.andre_reguleringer {
		position: absolute;
		top: 60px;
		right: 0px;
	}
}


.otherusercases-box {
	 margin-top: 50px;
}

.otherusercases-box .casestatuscircle, .dashboard-module .casestatuscircle {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: 0px solid transparent;
	margin-right: 6px;
	vertical-align: middle;
}

.otherusercases-box .casestatuscircle.turqoise, .dashboard-module .casestatuscircle.turqoise {
	background-color: #41B8C4;
}

.otherusercases-box .casestatuscircle.green, .dashboard-module .casestatuscircle.green {
	background-color: #8BC53F;
}
.otherusercases-box .casestatuscircle.grey, .dashboard-module .casestatuscircle.grey {
	background-color: #959595;
}

.otherusercases-box table {
    font-size: 13px;
    border-collapse: collapse
}

.otherusercases-box table td {
    text-align: right;
    padding: 2px 4px;
    margin-bottom: 2px;
		cursor: pointer;
		background-color: none;
		transition: all .4s;
		width: 33%;
}
.otherusercases-box .prior-example:hover td {
	background-color: #fff;
}
.otherusercases-box table tr:first-child td {
	padding-top: 7px;
}
.otherusercases-box table tr:last-child td {
	padding-bottom: 7px;
}
.otherusercases-box table td:nth-child(1) {
    text-align: left;
}

.otherusercases-box table tr:nth-child(2) {
    font-size: 11px
}

.shellstartbutton {
	background-color: rgb(212, 212, 212);
	border-radius: 60px;
	padding: 20px;
	transition: all .5s;
    -webkit-box-shadow: 1px 7px 11px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 7px 11px 3px rgba(0,0,0,0.2);
}
.shellstartbutton:hover {
    background-color: #ebebeb;
    -webkit-box-shadow: 1px 7px 11px 7px rgba(0,0,0,0.2);
    box-shadow: 1px 7px 11px 7px rgba(0,0,0,0.2);
}

.dashboard-container {
	position: relative;
	width: 100%;
}
.dashboard-module {
	display: inline-block;
	width: calc(33% - 70px);
	margin: 0px 20px 40px;
	padding: 25px 15px 15px;
	background-color: white;
	vertical-align: top;
	position: relative;
	overflow-x: hidden;
}

.dashboard-module .dash-title {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}
.dashboard-module table {
	border-collapse: collapse;
}
.dashboard-module table tr:nth-child(even) td {
	background-color: #f7f7f7;
}
.dashboard-module table tr td {
	transition: all .4s;
	cursor: pointer;
	font-size: 14px;
	padding: 2px 8px;
}
.dashboard-module table tr:hover td {
	background-color: #e4e4e4;

}
.dashboard-module table tr span.small {
	font-size: 11px;
}

.dashboard-container .grandnumber-fourth {
	display: inline-block;
	width: 50%;
	text-align: center;
	margin: 30px 0px;
}

.dashboard-container .grandnumber-fourth .whatisthis {
	font-size: 16px;
	color: #105c57;

}
.dashboard-container .grandnumber-fourth .figure {
	font-size: 21px;
	color: #105c57;
	margin-top: 6px;
	font-weight: bold;
}
a .extlinksvg {
	width: 14px;
	position: relative;
	top: 2px;
	margin-right: 6px;
}

.dashboard-caselink a {
	text-decoration: underline;
}
.dashboard-module.customer-stats th {
	position: sticky;
    top: 14px;
	background-color: white;
	font-size: 16px;
}
.dashboard-module.customer-stats th:nth-child(n + 2) {
    text-align: right;
}
.dashboard-module.customer-stats {
    position: relative;
    padding: 0px 15px 15px
}
.dashboard-module.customer-stats .dash-title {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: white;
    padding: 25px 0px;
}
.customer-stats {
	max-height: 418px;
	overflow-y: scroll;
}

.dashboard-module.customer-stats td:nth-child(n + 2) {
	text-align: right;
}
#customerstatstable th {
	cursor: pointer;
}
#customerstatstable td {
	cursor: default !important;
}

.vehicledatamodule table td {
	padding: 10px 5px;
	line-height: 1.2em;

}

.vehicledatamodule {
	max-height: 418px;
	overflow-y: scroll;
}
.dashboard-module.vehicledatamodule {
    position: relative;
    padding: 0px 15px 15px
}
.vehicledatamodule .dash-title {
	position: sticky;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: white;
	padding: 25px 0px;
}
.vehicledatamodule  table th {
	position: sticky;
  top: 14px;
	background-color: white;
	padding: 8px 10px;
	font-size: 16px;
	cursor: pointer;
}

.mainvehiclestats div {
    height: 0px;
    overflow: hidden;
		transition: all .5s;
}

.mainvehiclestats.unfolded div {
    height: auto;
}
.dashboard-module.casestatsmodule {
	height: 394px;
}
.dashboard-module.boxplots {
	padding: 0px 30px 15px 0px;
}
.dashboard-module.boxplots .dash-title {
	 	position: absolute;
		top: 25px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 999;
 }
.dashboard-module.boxplots .modebar-container {
	display: none;
}

#fastsaettelseboxplot .plot-container.plotly > div {
	max-height: 420px;
	overflow: hidden;
}

@media all and (max-width: 2550px) {
	.dashboard-caselink td:nth-child(1) {
    max-width: 120px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
	}

	.dashboard-caselink td:nth-child(3) {
	    max-width: 90px;
	     overflow: hidden;
	     text-overflow: ellipsis;
	     white-space: nowrap;
	}

}

@media all and (max-width: 2000px) {
	.dashboard-module {
		width: calc(50% - 70px);
	}
}

@media all and (max-width: 1530px) {
	.dashboard-module {
		width: calc(100% - 70px);

	}
	.dashboard-caselink td:nth-child(1) {
    max-width: none;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
	}

	.dashboard-caselink td:nth-child(3) {
	    max-width: none;
	     overflow: hidden;
	     text-overflow: ellipsis;
	     white-space: nowrap;
	}
    .dashboard-module table {
        width: 100%;
    }
    .dashboard-module.casestatsmodule {
        height: auto;
    }
		#fastsaettelseboxplot .plot-container.plotly > div {
			max-height: none;
		}
		.dashboard-module.customer-stats th {
			padding-bottom: 5px;
		}
}

table.lagerbilstable {
	background-color: white;
	border-collapse: collapse;
}

table.lagerbilstable td, table.lagerbilstable th  {
	background-color: white;
	padding: 6px 10px;

}
table.lagerbilstable th {
	cursor: pointer;
}

.lagerbil-actions .edit-lagerbil, .lagerbil-actions .delete-lagerbil, .lagerbil-actions .save-lagerbil {
	width: 16px;
	height: 16px;
	padding: 8px;
	cursor: pointer;
	border-radius: 16px;
	background-color: #F1F1F1;
	transition: all .5s;
	display: inline-block;
	margin: 0px 8px;
}

.lagerbil-actions .edit-lagerbil img, .lagerbil-actions .delete-lagerbil img, .lagerbil-actions .save-lagerbil img {
	width: 14px;
}

.lagerbil-actions .edit-lagerbil:hover, .lagerbil-actions .save-lagerbil:hover {
	background-color: #43e133;
}

.lagerbil-actions .delete-lagerbil:hover {
	background-color: #E13343;
}

.button.addlagerbil {
	 position: fixed;
	top: 40px;
	right: 70px;
	padding: 14px 23px 12px 41px;
 }

.lagerbil-actions .save-lagerbil {
	display: none;
}

table.lagerbilstable input {
    height: 16px;
    padding: 5px 8px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #c1c1c1;
}

.lagerbilstable .editing .edit-lagerbil, .lagerbilstable .editing .delete-lagerbil {
	display: none;
}
.lagerbilstable .editing .save-lagerbil {
	display: inline-block;
}

.lagerbilstable .editing td {
	padding: 6px 1px;
}

.lagerbilstable td:nth-child(3) input, .lagerbilstable td:nth-child(4) input, .lagerbilstable td:nth-child(5) input, .lagerbilstable td:nth-child(3) input, .lagerbilstable td:nth-child(3) input {
	width: 50px;
}

.lagerbilstable td:nth-child(6) input, .lagerbilstable td:nth-child(7) input, .lagerbilstable td:nth-child(8) input, .lagerbilstable td:nth-child(11) input, .lagerbilstable td:nth-child(12) input, .lagerbilstable td:nth-child(13) input, .lagerbilstable td:nth-child(14) input, .lagerbilstable td:nth-child(15) input, .lagerbilstable td:nth-child(16) input {
	width: 70px;
}

.lagerbilstable td:nth-child(1) input, .lagerbilstable td:nth-child(2) input, .lagerbilstable td:nth-child(9) input, .lagerbilstable td:nth-child(17) input {
	width: 90px;
}
.lagerbilstable td:nth-child(10) input {
    width: 120px
}

div.button.betal-forhaandsvurdering {
	 background-color: #13d21d;
 }

.casehasbeenpaidlabel {
	background-color: rgb(36, 219, 36);
	display: inline-block;
	padding: 7px 14px;
	border-radius: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

td#regulering_km_stand {
	position: relative;
}

#exampleExplainer {
	position: absolute;
	top: 1px;
	right: 0px;
	width: 10px;
	height: 10px;
	cursor: default;
	color: rgb(146, 146, 146);
}