/* Minification failed. Returning unminified contents.
(4,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,19): run-time error CSS1039: Token not allowed after unary operator: '-darktextboxbackground'
(230,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextboxbackground'
(542,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextboxbackground'
(548,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolordark'
(552,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolordark'
(660,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(813,35): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(985,22): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(992,26): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(1399,29): run-time error CSS1038: Expected hex color, found '#CCCC'
(1543,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(1546,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(1600,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(1601,21): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(1819,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(1988,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextboxbackground'
(1989,21): run-time error CSS1039: Token not allowed after unary operator: '-darkformcontrolbordercolor'
(2024,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2028,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2032,25): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(2037,25): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(2042,21): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(2042,44): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(2042,67): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(2043,25): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(2047,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2053,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2058,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2062,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2066,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2094,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2099,14): run-time error CSS1039: Token not allowed after unary operator: '-darktextgreen'
(2205,29): run-time error CSS1039: Token not allowed after unary operator: '-mandatory-input'
(2213,26): run-time error CSS1039: Token not allowed after unary operator: '-mandatory-input-dark'
(2215,25): run-time error CSS1039: Token not allowed after unary operator: '-darktextboxbackground'
(2216,21): run-time error CSS1039: Token not allowed after unary operator: '-darktextboxbackground'
(2221,26): run-time error CSS1039: Token not allowed after unary operator: '-mandatory-input-dark'
(2227,26): run-time error CSS1039: Token not allowed after unary operator: '-mandatory-input-dark'
(3235,30): run-time error CSS1039: Token not allowed after unary operator: '-mandatory-input'
(3373,22): run-time error CSS1039: Token not allowed after unary operator: '-darkgreenbutton'
(3977,19): run-time error CSS1035: Expected colon, found '50%'
 */
/* Add here all your CSS customizations */

:root {
	--darktextgreen: #477c22;
	--darktextboxdisabled: #343434fa;
	--darktextboxbackground: #282d36;
	--darkgreenbutton: #135221d9;
	--darkformcontrolbordercolor: #393d44;
	--fontcolor: #f6f2f2;
	--fontcolordark: #b0adad;
	--dropdownitem: #dddfe2;
	--mandatory-input: #ee9173;
	--mandatory-input-dark: #d5623d;
}


/* popover 
	ex -      <i class="fa fa-info-circle" data-container="body" data-trigger="hover" data-toggle="popover" data-placement="left" title="Info" data-content="HTML-formaterad info-text kan skrivas här"></i>
*/

.popover {
	background-color: #000;
	color: #fff !important;
}

.popover-header {
	background-color: #181818 !important;
	color: white !important;
	border-bottom: 1px solid #444;
	font-size: 0.8rem;
	font-weight: normal !important;
	text-transform: none !important;
	font-family: inherit !important;
}

.popover-body,
.popover-title {
	color: #fff !important;
	opacity: 1 !important;
	line-height: 1.1rem;
	font-size: 0.8rem;
}

.popover.bs-popover-right .arrow::before {
	border-width: 0.5rem 0.5rem 0.5rem 0;
	border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent;
}

.popover.bs-popover-left .arrow::after {
	border-width: 0.5rem 0 0.5rem 0.5rem !important;
	border-color: transparent transparent transparent black !important;
}

.popover.bs-popover-right .arrow::after {
	border-width: 0.5rem 0.5rem 0.5rem 0 !important;
	border-color: transparent black transparent transparent !important;
}

.popover.bs-popover-top .arrow::after {
	border-width: 0.5rem 0.5rem 0 0.5rem !important;
	border-color: black transparent transparent transparent !important;
}

.popover.bs-popover-bottom .arrow::after {
	border-width: 0 0.5rem 0.5rem 0.5rem !important;
	border-color: transparent transparent black transparent !important;
}


/* summernote fixar */
.note-popover, .note-tooltip, .note-air-popover {
	z-index: 20000 !important;	/* lägger bildens hantera-knappar överst */
}


.btn-teams {
	background: #5c5fc7 !important;
	color: #fff !important;
}
.btn.btn-teams:hover {
	color: #fff;
	background: #4043a7 !important;
}

.btn-border {
	font-weight: 300;
	font-size: 12px;
	color: black;
	background-color: transparent;
	border-color: #f1f1f1;
}

	.btn-border:hover {
		background-color: hsl(0, 0%, 98%);
	}

html.dark .btn-border {
	color: white;
	border-color: #3f3f41;
	background-color: transparent;
}

	html.dark .btn-border:hover {
		background: #19191a
	}


/* #region Stora knappar 
Används bl.a på startsidan*/

/* stora knappar */
.large-black-button {
	border: 2px solid black;
	border-radius: 50px;
	padding: 7px 20px 7px 20px;
	background: black;
	color: white;
	font-weight: 400;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 5px;
}

.large-white-button {
	border: 2px solid black;
	border-radius: 50px;
	padding: 7px 20px 7px 20px;
	background: white;
	color: black;
	font-weight: 400;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 5px;
}

.large-white-button-transparent {
	border: 2px solid transparent;
	padding: 7px 20px 7px 20px;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 5px;
}


.large-white-button:hover, .large-white-button:focus {
	color: #000;
	background: #ECEBEB;
	text-decoration: none;
}

.large-black-button:hover, .large-black-button:focus {
	color: #fff;
	background: #565656;
	border-color: #565656;
	text-decoration: none;
}

.large-white-button.inactive {
	background: #f7f7f7;
	border-color: #f7f7f7;
	color: #bbb;
}
.large-white-button.inactive:hover {
	filter: brightness(97%);
}
.btn-lightred:hover {
	background: #ba3923;
	color: white;
}

html.dark .large-white-button {
	color: black;
}
html.dark .large-black-button {
	color: white;
}


html.dark .btn-dark:hover, html.dark .btn-dark:focus {
	color: #fff !important;
	background: #000;
}

html.dark .btn-light:hover, html.dark .btn-light:focus {
	color: #fff !important;
	background: #000;
}


/* marginal vid flera knappar och rader */
@media (max-width: 768px) {
	a.large-white-button, a.large-black-button {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

/* om vi vill göra knappen 100% bred på liten skärm */
@media (max-width: 576px) {
	a.large-white-buttonx, a.large-black-buttonx {
		display: flex;
	}
}


/* #endregion */


/* backpanel */
h6 {
	font-weight: 600;
}
.backpanel {
	background: #f9f9f9;
	border-radius: 10px;
}
html.dark .backpanel {
	background: #282c30;
}
html.dark .backpanel {
	--darktextboxbackground: #202329;
}
html.dark .backpanel .checkbox-custom label:before {
	background: var(--darktextboxbackground);
	border-color: #2c3237;
}
html.dark .backpanel .select2-container--bootstrap .select2-selection,
html.dark .backpanel .select2-container--bootstrap .select2-dropdown,
html.dark .backpanel .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	background-color: var(--darktextboxbackground);
}
.bg-summary-block {
	border-radius: 8px;
	border: 1px solid #eeeeee;
	background: #fff;
	margin-right: 0.8rem !important;
}
.bg-summary-block.selected {
	border: 1px solid #479cf8;
}
html.dark .bg-summary-block {
	background: #212529;
	border-color: #353535;
}






/* reklambanners */
.banner-large {
	max-height: 325px;
	width: 100%;
	object-fit: cover;
	object-position:center center;
}
.banner-small {
	max-height: 325px;
	width: 100%;
	object-fit: cover;
	object-position: center center;
}

.left-50pct {
	left: 50%;
}

/* justering av mobil meny */
#header .header-nav-main nav {
	max-height: calc(100vh - 56px);
	transition: height .35s ease;
}

.dropdown-arrow-ul {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

.dropdown-arrow {
	margin-left: 8px;
	display: block;
	line-height: 40px;
	padding-top: 4px;
	padding-bottom: 6px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	width: 100%;
}

.dropdown-arrow:after {
	position: absolute;
	right: 30px;
	content: '\f054';
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 13px;
}

.dropdown-arrow-ul li {
	cursor: pointer; /* Visar pekarens muspekare för att indikera klickbarhet */
	transition: background-color 0.3s ease; /* Gör bakgrundsfärgsändringen mjukare */
}

.dropdown-arrow-ul li:hover, .dropdown-arrow-ul li:active {
	background-color: #f0f0f0;
	text-decoration: none;
}

html.dark a.btn.buttons-html5.btn-default {
	color: white !important;	/* exportera excel, pdf */
}

/* Lägg till enheter i textbox - manipulerar kr, öre i en textbox 
	<asp:TextBox ID="txtTransaction" ClientIDMode="Static" cssclass="form-control text-right add-data-field-3-char" data-mask="## ##0" data-mask-reverse="true" maxlength="3" runat="server" />
    <label for="txtTransaction" class="add-data-text">öre</label>
*/
.add-data-field-2-char {
	padding-right: 30px;
}
.add-data-field-3-char {
	padding-right: 37px;
}
.add-data-text {
	position: absolute;
	right: 26px;
	font-weight: 500;
	font-size: 12px;
	top: 34.5px;		/* 43 */
}           

/* ta bort länkfärg */
a.no-link, html.dark a.no-link {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

	a.no-link:hover,
	a.no-link:focus {
		text-decoration: none;
		color: inherit;
	}

	a.no-link * {
		pointer-events: none;
	}

.btn-rounded {
	border-radius: 25px;
}

.maxlength-success {
	background: transparent;
	color: #2f2c2c;
	font-weight: 600;
	font-size: 0.8em;
}

.maxlength-danger {
	background: transparent;
	color: #fbc5c5;
	font-weight: 600;
	font-size: 0.8em;
}

.border-dotted-line {
	border: 1px dashed #ced0d5;
	line-height: 150%;
	align-items: center;
	border-radius: 20px;
}

html.dark .border-dotted-line {
	border-color: #716e6e;
}


/* Gap för rader */
.g-1 > [class^="col-"] {
	padding: 0.25rem; /* 4px gap */
}

.g-2 > [class^="col-"] {
	padding: 0.5rem; /* 8px gap */
}

.g-3 > [class^="col-"] {
	padding: 1rem; /* 16px gap */
}

.g-4 > [class^="col-"] {
	padding: 1.5rem; /* 24px gap */
}

.g-5 > [class^="col-"] {
	padding: 3rem; /* 48px gap */
}

	/* Tar bort padding på yttersta kolumnerna så de justeras mot kanten */
	.g-1 > [class^="col-"]:first-child,
	.g-2 > [class^="col-"]:first-child,
	.g-3 > [class^="col-"]:first-child,
	.g-4 > [class^="col-"]:first-child,
	.g-5 > [class^="col-"]:first-child,
	.g-1 > [class^="col-"]:last-child,
	.g-2 > [class^="col-"]:last-child,
	.g-3 > [class^="col-"]:last-child,
	.g-4 > [class^="col-"]:last-child,
	.g-5 > [class^="col-"]:last-child {
		padding-left: 0;
		padding-right: 0;
	}












body {
	/*font-family: 'Source Sans 3', 'Open Sans','Trebuchet MS';*/
	/*color: var(--fontcolor);*/
}

/*span a {
	text-decoration: underline !important;
	font-weight: 600 !important;
}*/

/* textlänkar på sidor och dokument */
table tr td a {
	color: black;
	text-decoration: underline;
	font-weight: 600;
}
.row > p a, p a {
	text-decoration: underline;
	font-weight: 600;
	cursor: pointer;
}

.row > p a:hover, p a:hover {
	color: #8f8f93;
}

html.dark .row > p a:hover, html.dark p a:hover {
	color: #61946d;
}

p {
	line-height: 1.5em;
}

.link {
	color: black;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}
	.link:hover {
		color: #777;
	}


/* scrollar popup-fönster */
.modal-dialog-fit,
.modal-content-fit {
	/* x% of window height */
	height: 95%;
}

.modal-body-fit {
	/* 100% = dialog height, 120px = header + footer */
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}


/*label, label.required {
	font-size: 0.85em !important;
	font-weight: 500 !important;
	color: #3d3d3d !important;
}

html.dark label {
	color: #ccc !important;
}*/

.btn-disabled {
	color: #9d9d9d;
	background-color: #bebebe;
	cursor: not-allowed;
}

html.dark .btn-disabled {
	color: #3d3d3d;
	background-color: #6e6f703b !important;
}m-control:foc

.table-responsive thead, .table-responsive tfoot {
	background: #898989;
	color: white;
}

html.dark .table-responsive thead, html.dark .table-responsive tfoot {
	background: #1f1f1f;
	color: #858585;
}

html.dark .table > tfoot > tr > td {
	border-color: transparent;
}




/* alert warning */
.alert-warning, .alert-warning p {
	background-color: #68c282;
	border-color: #5c9c6f;
	color: white;
}
html.dark .alert-warning, html.dark .alert-warning p {
	background-color: #2b5e52;
	border-color: #386b5f;
	color: white;
}

.form-control:focus {
	/*border: 1px solid rgba(0, 0, 0, 0.09) !important;*/
}

html.dark .form-control {
	background-color: var(--darktextboxbackground);
	border-color: #2c3237;
}


html.dark body {
	color: var(--fontcolordark);
}

html.dark p {
	color: var(--fontcolordark);
}

.page-header {
	margin: 0 0 20px 0 !important;
	padding: 20px 0 !important;
}

html.dark .page-header {
	background-color: #0f161a;
}


.bg-color-grey {
	background-color: #fafafa !important;
}

.btn.p-3 {
	padding: .6rem !important;
}


/*
	
	1600 finns
	1440 finns
	1366 finns (för ipad)


*/


@media (min-width: 1366px) {
	.container {
		max-width: 1340px;
	}
}

/* responsive xxl samt xxxl */

@media (min-width: 1440px) {
	.col-xxl-2 {
		flex: 0 0 22%;
		max-width: 22%;
	}
}

@media (min-width: 1440px) {
	.col-xxl-10 {
		flex: 0 0 78%;
		max-width: 78%;
	}
}

@media (min-width: 1680px) {
	.col-xxl-2 {
		flex: 0 0 18%;
		max-width: 18%;
	}

	.col-xxl-10 {
		flex: 0 0 82%;
		max-width: 82%;
	}
}

@media (min-width: 2280px) {
	.col-xxl-2 {
		flex: 0 0 18%;
		max-width: 330px;
	}

	.col-xxl-10 {
		flex: 0 0 82%;
		max-width: 82%;
	}
}

@media (min-width: 2040px) {
	.col-xxxl-1 {
		flex: 0 0 14%;
		max-width: 14%;
	}
}

@media (min-width: 2040px) {
	.col-xxxl-11 {
		flex: 0 0 86%;
		max-width: 86%;
	}
}

.datepicker {
	z-index: 4000 !important;
}

/* tabell */
.table td, .table th {
	padding: 0.3rem 0.6rem 0.3rem 0.6rem;
}

.table tbody tr td a {
	color: black !important;
	text-decoration: underline;
	font-weight: 600;
}

html.dark .table tbody tr td a {
	color: var(--darktextgreen) !important;
}

/*#region for Dropzone */


li.sortable-placeholder {
	border: 1px dashed #ccc;
}

.selection-button {
	border: 1px solid #f1f1f1;
	padding: 10px 20px;
	border-radius: 10px;
	cursor: pointer;
	line-height: 1.4em;
}

html.dark .selection-button {
	border: 1px solid #424343;
}

.selection-button:hover {
	border: 1px solid #f1f1f1;
	background-color: #f9f9f9;
}

html.dark .selection-button:hover {
	border: 1px solid #505050;
	background-color: #2f3940;
	color: white;
}

.create-contribution, .create-contribution p {
	background-color: #1e653a;
	color: white;
}

html.dark .create-contribution, html.dark .create-contribution p {
	background-color: #1e653a;
	color: white;
}

.break-line {
	display: block;
}

.arrow-right-2-lines {
	position: relative;
	top: -32px;
}

.text-color-dark-grey {
	color: #d0d3d7;
}

html.dark .text-color-dark-grey {
	color: #d0d3d7;
}

.text-lightred {
	color: #ff5a4f;
	padding-right: 5px;
}


/* dropzone-relaterade länkar */
.dropzone {
	border: 1px dashed #a9a2a2;
	border-radius: 0.75rem;
	min-height: 400px;
	padding: 5px;
}

	.dropzone .dz-message {
		top: 60px;
		position: relative;
	}
	/* minskar ram så vi får plats med 6 bilder per rad */
	.dropzone .dz-preview {
		margin: 5px;
	}

/* xl-9,60, lg-9,60, md-8,27, sm-7,80, xs-   */
@media only screen and (min-width: 1025px) {
	.dropzone .dz-preview .dz-image {
		width: 18em;
		height: 14em;
	}
}

@media only screen and (max-width: 1024px) {
	.dropzone .dz-preview .dz-image {
		width: 14.2em;
		height: 12em;
	}
}

@media only screen and (max-width: 768px) {
	.dropzone .dz-preview .dz-image {
		width: 8.27em;
		height: 8.27em;
	}
}

@media only screen and (max-width: 425px) {
	.dropzone .dz-preview .dz-image {
		width: 7.80em;
		height: 7.80em;
	}
}

@media only screen and (max-width: 375px) {
	.dropzone .dz-preview .dz-image {
		width: 6.45em;
		height: 6.45em;
	}
}

/* centrera texten ladda upp frå.. */
.dropzone > .dz-button {
	text-decoration: underline;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
}
/* knapp för radera - ändra även dropzone.js text för radera och byt mot ikon */
.dropzone .dz-preview .dz-menu {
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 99;
}

.dz-delete-icon {
	font-size: 24px;
	background-color: white;
	color: black;
	cursor: pointer;
	border-radius: 100%;
}

/*#endregion*/

/*#region Datagrid */
.c-signed  {color:green !important;}
.c-signing {color:coral !important;}
.c-normal  {}

html.dark .c-signed  {color: var(--darktextgreen) !important; }
html.dark .c-signing {color: greenyellow !important;}
html.dark .c-normal  {color: dimgray; }

/*#endregion*/

/* specialare för required och fält med tags, behöver också jquery */
.bootstrap-tagsinput.required {
	border-left: 2px solid #3a9147 !important;
}

/* support ikon */
.support, .helpicon {
	cursor: pointer;
	color: darkorange;
}
html.dark .support {
	color: darkorange;
}

.system-message {
	position: relative;
	top: -3px;
	height: 40px;
	background-color: #e9cd48;
	padding-top: 7px;
	text-align: center;
	color: black;
	font-weight: 700;
	margin-bottom: 5px;
}

.multiselect {
	background-color: #646c75;
}

html.dark .multiselect.dropdown-toggle.disabled {
	background-color: #646c75;
	border: 1px solid #ccc;
	color: #555;
}

html.dark .multiselect.dropdown-toggle.disabled {
	background-color: #646c75;
	border: 1px solid #ccc;
	color: #555;
}

.multiselect.dropdown-toggle.disabled {
	background-color: #e9ecef;
	border: 1px solid #ccc;
	color: #555;
}

html.dark .select2-container--bootstrap.select2-container--disabled .select2-selection {
	background-color: #4f545a !important;
	font-size: 1.0em;
}

html.dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
	color: #fff !important;
}

html.dark .btn.disabled {
	/*font-size: 1.0em;*/
}


/*#region generellt */


.pagination > li > a, .pagination>li>span {
	color: #2c3237 !important;
}

html.dark .pagination>li>a, html.dark .pagination>li>span {
	color: #fff !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
	background-color: #2c3237 !important;
	border-color: transparent;
	color: white !important;
}

html.dark .pagination > .active > a,
html.dark .pagination > .active > span,
html.dark .pagination > .active > a:hover,
html.dark .pagination > .active > span:hover,
html.dark .pagination > .active > a:focus,
html.dark .pagination > .active > span:focus,
html.dark .pagination .page-item.active .page-link {
	background-color: #808080 !important;
	border-color: transparent !important;
	color: white !important;
}

.breadcrumb li a {
	color: #ccc;
}

.text-right {
	top: unset !important;
}

/* rullande text vid varningar på sajten */
.marquee {
	width: 100000px;
	transform: translateX(0px);
	animation: 10.191335740072201s linear 0s infinite normal none running marqueeAnimation-7115312;
	white-space: nowrap;
	margin-left: 5px;
}


/* tabell & kodavsnitt */
.table-bordered {
	background-color: #f4f4f7;
}

html.dark .table-bordered {
	background-color: #292a2d;
}

html.dark pre {
	background-color: #292a2d !important;
}

html.dark kbd {
	background-color: #395e82
}

pre {
	white-space: pre-wrap;
}

	pre code {
		color: #367ec7
	}

html.dark pre code {
	color: rgb(69, 131, 74);
}

/* Används tillsammans med common.js för att göra skärmen till maxbredd */
@media (min-width: 1024px) {
	.widescreen {
		max-width: 100vw !important;
		padding-left: 80px;
		padding-right: 80px;
	}
}



/*#endregion*/
/*#region process-list */

.process {
	text-align: center;
}

	.process .process-step-circle {
		border-color: #0088CC;
	}
	html.dark .process .process-step-circle {
		border-color: var(--darktextgreen);
	}

	.process .process-step:hover .process-step-circle {
		background-color: #0088CC;
	}
	html.dark .process .process-step:hover .process-step-circle {
		background-color: var(--darktextgreen);
	}

	.process .process-step-circle {
		display: flex;
		justify-content: center;
		height: 90px;
		text-align: center;
		width: 90px;
		border: 2px solid #0088CC;
		border-radius: 50%;
		align-items: center;
		position: relative;
		background-color: transparent;
		transition: all 0.2s ease-in-out;
	}

	.process .process-step {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.process .process-step:hover .process-step-circle .process-step-circle-content .icons {
		color: #FFF !important;
	}

	.process .process-step-content {
		padding-top: 20px;
	}

	.process .process-step-circle-content {
		font-weight: bold;
		color: #fa8905;
		font-size: 1.6em;
		letter-spacing: -1px;
		transition: all 0.2s ease-in-out;
	}

	html.dark .process .process-step-circle-content {
		color: lightgray;
	}


@media (min-width: 992px) {
	.process .process-step:before {
		height: 2px;
		display: block;
		background-color: #EDEDED;
		position: absolute;
		content: '';
		width: 50%;
		top: 45px;
		left: 75%;
	}

	.process .process-step:last-child:before {
		display: none;
	}
}

/*#endregion*/
/*#region tabs and left menu */

.tabs-navigation-simple {
	border: 0 !important;
	border-radius: 0 !important;
}

	.tabs-navigation-simple .nav-tabs {
		border: 0 !important;
		border-radius: 0 !important;
	}

		.tabs-navigation-simple .nav-tabs .nav-link, .tabs-navigation-simple .nav-tabs .nav-link:hover {
			background: transparent !important;
			border-radius: 0 !important;
			border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
			border-left: 0 !important;
			padding-left: 0 !important;
		}

		.tabs-navigation-simple .nav-tabs li:last-child .nav-link, .tabs-navigation-simple .nav-tabs li:last-child .nav-link:hover {
			border-bottom: 0 !important;
		}

.tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link {
	background-color: #fdfdfd !important;
	padding-left: 10px !important;
}

html.dark .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link {
	background-color: #282a2e !important;
	border-right-color: white !important;
	color: #fdfdfd !important;
}

html body .tabs.tabs-vertical.tabs-right .nav-link {
	padding-left: 10px !important;
	color: black;
}


/*#endregion*/

/*#region popup dialogboxes */
.modal-dialog, .modal-content2 {
	/* 80% of window height */
	height: 95%;
}

.modal-body2 {
	/* 100% = dialog height, 120px = header + footer */
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}
@media (min-width: 992px) {
	.modal-lg {
		min-width: 800px !important;
	}
}

.modal-max {
	min-width: 92% !important;
}

.modal-title {
	padding-left: 10px;
	margin-top: 5px;
}


/*#endregion*/
/*#region buttons */

	/* hanterar stil för disabled asp.net linkbutton */
	a.btn-success[disabled=disabled], .aspNetDisabled.btn-success {
		background-color: #61946d;
		border-color: #61946d #61946d #61946d;
		color: #FFF !important;
		opacity: .55;
		cursor: not-allowed;
	}

	html.dark a.btn-success[disabled=disabled], html.dark .aspNetDisabled.btn-success {
		background-color: #61946d;
		border-color: #61946d #61946d #61946d;
		cursor: not-allowed;
	}

	/* länkknapp vit text */
	html.dark a.btn {
		color: white;
	}


/* disabled på asp:linkbutton */
a.disabled > span.btn-lightred {
	background: #ff5a4f61;
	border-color: #f7969061 #f7969061 #f7969061;
}

a.disabled > span.btn-lightred:hover {
	background: #ea8d88d1 !important;
}

html.dark a.disabled > span.btn-lightred {
	background: #dea39fd1;
	border-color: #f7969061 #f7969061 #f7969061;
}

html.dark a.disabled > span.btn-lightred:hover {
	background: #ea8d88d1 !important;
}


	/* länk med btn-klass samma höjd */
a.btn {
	padding: 8.528px 14.928px !important;
	padding: 0.533rem 0.933rem !important;
}

/*#endregion*/
/*#region toggler - visa och dölj text */

/* Toggles */
.toggle {
	margin: 10px 0 20px;
	position: relative;
	clear: both;
}

	.toggle .toggle {
		margin: 10px 0 0;
	}

	.toggle > input {
		cursor: pointer;
		filter: alpha(opacity=0);
		height: 45px;
		margin: 0;
		opacity: 0;
		position: absolute;
		width: 100%;
		z-index: 2;
	}

	.toggle > label,
	.toggle > .toggle-title {
		transition: all .15s ease-out;
		background: #f7f7f7;
		border-left: 3px solid #CCC;
		border-radius: 5px;
		color: #CCC;
		display: block;
		min-height: 20px;
		padding: 12px 20px 12px 15px;
		position: relative;
		cursor: pointer;
		font-weight: 600;
		letter-spacing: -0.2px;
		text-decoration: none !important;
	}

		.toggle > label:-moz-selection,
		.toggle > .toggle-title:-moz-selection {
			background: none;
		}

		.toggle > label i.fa-minus,
		.toggle > .toggle-title i.fa-minus {
			display: none;
		}

		.toggle > label i.fa-plus,
		.toggle > .toggle-title i.fa-plus {
			display: inline;
		}

		.toggle > label:before,
		.toggle > .toggle-title:before {
			content: " ";
			position: absolute;
			top: calc(50% + 1px);
			right: 14px;
			border-color: #CCC;
			border-top: 1px solid;
			border-right: 1px solid;
			width: 8px;
			height: 8px;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			transition: transform 0.3s, top 0.3s;
			transform: rotate(-45deg) translate3d(0, -50%, 0);
			transform-origin: 35%;
		}

		.toggle > label:hover,
		.toggle > .toggle-title:hover {
			background: #f5f5f5;
		}

		.toggle > label + p,
		.toggle > .toggle-title + p {
			color: #999;
			display: block;
			overflow: hidden;
			padding-left: 30px;
			text-overflow: ellipsis;
			white-space: nowrap;
			height: 25px;
		}

		.toggle > label i,
		.toggle > .toggle-title i {
			font-size: 0.7em;
			margin-right: 8px;
			position: relative;
			top: -1px;
		}

	.toggle > .toggle-content {
		display: none;
	}

		.toggle > .toggle-content > p {
			margin-bottom: 0;
			padding: 10px 0;
		}

	.toggle.active i.fa-minus {
		display: inline;
	}

	.toggle.active i.fa-plus {
		display: none;
	}

	.toggle.active > label,
	.toggle.active > .toggle-title {
		background: #f7f7f7;
		border-color: #CCC;
	}

		.toggle.active > label:before,
		.toggle.active > .toggle-title:before {
			top: calc(50% - 8px);
			transform: rotate(135deg);
		}

	.toggle.active > p {
		white-space: normal;
	}

	.toggle > p.preview-active {
		height: auto;
		white-space: normal;
	}

	.toggle.toggle-sm .toggle > label,
	.toggle.toggle-sm .toggle > .toggle-title {
		font-size: 0.9em;
		padding: 6px 20px 6px 10px;
	}

	.toggle.toggle-sm .toggle > .toggle-content > p {
		font-size: 0.9em;
	}

	.toggle.toggle-lg .toggle > label,
	.toggle.toggle-lg .toggle > .toggle-title {
		font-size: 1.1em;
		padding: 16px 20px 16px 20px;
	}

	.toggle.toggle-lg .toggle > .toggle-content > p {
		font-size: 1.1em;
	}

	.toggle.toggle-simple .toggle > label,
	.toggle.toggle-simple .toggle > .toggle-title {
		border-radius: 0;
		border: 0;
		background: transparent;
		color: #777;
		padding-left: 32px;
		margin-bottom: -10px;
		font-size: 1em;
		font-weight: 600;
		color: #212529;
	}

		.toggle.toggle-simple .toggle > label:after,
		.toggle.toggle-simple .toggle > .toggle-title:after {
			content: '';
			position: absolute;
			left: 0;
			display: block;
			width: 24px;
			height: 24px;
			background: #CCC;
			top: 25px;
			margin-top: -12px;
			border-radius: 3px;
			z-index: 1;
		}

		.toggle.toggle-simple .toggle > label:before,
		.toggle.toggle-simple .toggle > .toggle-title:before {
			border: 0;
			left: 9px;
			right: auto;
			margin-top: 0;
			top: 12px;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 900;
			content: "\f067";
			z-index: 2;
			color: #FFF;
			font-size: 7px;
			width: auto;
			height: auto;
			transform: none;
		}

	.toggle.toggle-simple .toggle.active > label,
	.toggle.toggle-simple .toggle.active > .toggle-title {
		background: transparent;
		color: #212529;
	}

		.toggle.toggle-simple .toggle.active > label:before,
		.toggle.toggle-simple .toggle.active > .toggle-title:before {
			content: "\f068";
		}

	.toggle.toggle-minimal .toggle {
		margin: 0;
	}

		.toggle.toggle-minimal .toggle > label,
		.toggle.toggle-minimal .toggle > .toggle-title {
			background: transparent;
			color: #777;
			border-left: 0;
			border-bottom: 1px solid #CCCC;
			border-radius: 0;
			margin: 0;
			padding: 12px 20px 12px 0;
			font-weight: 600;
		}

		.toggle.toggle-minimal .toggle.active > label,
		.toggle.toggle-minimal .toggle.active > .toggle-title {
			background: transparent;
			border-bottom-color: #CCC;
		}

/*#endregion*/
/*#region meny*/

/* minskat mellanrum mellan menyalternativen */
.dropdown-menu {
	padding: .15rem 0.5rem !important;
}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li > a {
		font-weight: 600;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.dropdown-item > li {
		font-weight: 600;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.badgeextra {
	position: relative;
	top: -6px;
	left: 1px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	text-decoration: none;
	background-color: red;
	font-size: 10px !important;
	font-weight: bold;
	padding-right: 0px;
}

.profile-top-mail {
	position: absolute;
	top: -4px;
	left: 25px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	text-decoration: none;
	background-color: red;
	font-size: 10px !important;
	font-weight: bold;
	padding-right: 0px;
}

html.dark #header .header-nav-top .nav > li + .nav-item-left-border:after {
	background: #534f4f;
	content: "";
	width: 1px;
	height: 16px;
	position: absolute;
	display: block;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	left: 0;
}

html.dark #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-remove:after {
	content: none;
}

.profile-top-avatar {
	background-color: #f6f6f6;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	height: 35px;
	width: 35px;
	display: table;
	margin: 0 auto;
	border: 2px solid #fff;
	position: relative;
	top: 0px;
}

.nav22 {
	font-size: 12px;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: #444;
}

@media screen and (max-width: 375px) {
	.nav22-item {
		display: none;
	}
}

/* räknare i menyn */
.text-counter {
	color: #4389dfee;
}

html.dark .text-counter {
	color: #bbbaba;
}

html.dark .logo {
	background-image: url("/img/logo-white.png");
	height: 152px;
	width: 40px;
}

a.dropdown-item.nav-item-bottom-border-remove {
	border-bottom: hidden !important;
}

html.dark .dropdown-divider {
	border-color: #2c581b;
}

/*#endregion*/
/*#region texter*/
a.text-link {
	color: var(--darktextgreen) !important;
}
html.dark a.text-link {
	color: var(--darktextgreen) !important;
}

@media (max-width: 575px) {
	.justify-content-md-center {
		text-align: center;
	}
}


/*#endregion*/
/*#region input*/

/* generellt - rätt höjd på tag-input-box*/
.bootstrap-tagsinput input {
	height: 29px !important;
}

/* input ruta som är disablad via code behind, dvs .enabled=false */
input[type="text"].aspNetDisabled {
	opacity: .55;
	cursor: not-allowed;
	border-left: 1px solid rgba(118, 118, 118, 0.3) !important;
	height: 38.22px;
	line-height: 1.5;
	border-radius: 0.25rem;
	padding-left: 8px;
	background-color: #f9f9f9;
}

html.dark input[type="text"].aspNetDisabled {
	background-color: #484d55;
	color: #adb7be;
}

/* disabled=disabled på dropdown-item */
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
	color: #b7b4b4;
	cursor: not-allowed;
}
html.dark .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
	color: #5c5c5c;
	cursor: not-allowed;
}
/*#endregion*/

.ul-columns-2 {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

/* punktlista */
html.dark .list.list-ordened.list-ordened-style-2 li:before {
	color: var(--darktextgreen);
	border-color: var(--darktextgreen);
}

/* meny i mobil-format */
html.dark #header .header-btn-collapse-nav {
	background: #214d1d;
}


html.dark .alert-danger {
	color: #d6878e;
	background-color: #80383f;
	border-color: #492327;
}

/* generellt kommando för mobil-version */
@media all and (max-width: 320px) {
	.hide-320 {
		display: none !important;
	}
}

html.dark .text-reverse {
	color: #bbaeae !important;
}

.profile-picture-remove {
	position: relative;
	top: 8px;
}

html.dark .header {
	color:#d9d9d9  !important
	/*color: #8a8f8b;*/
}

.nav-link.active {
	background-color: #efe9e954;
}

html.dark .nav-link.active {
	background-color: #42424254;
}

.bg-menu-grey {
	background-color: #e5dfdf21 !important;
}

html.dark .bg-menu-grey {
	background-color: #1f2326 !important;
}


/*#region IOs Switch */
.switch {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 3px 0;
}

	.switch .ios-switch {
		height: 35px;
		width: 65px;
	}

	.switch .ios-switch .handle {
		height: 31px;
		width: 31px;
	}

	.switch.switch-primary .ios-switch .on-background {
		background: #CCC;
	}

	.switch.switch-success .ios-switch .on-background {
		background: #28a745;
	}

	.switch.switch-warning .ios-switch .on-background {
		background: #ed9c28;
	}

	.switch.switch-danger .ios-switch .on-background {
		background: #d2322d;
	}

	.switch.switch-info .ios-switch .on-background {
		background: #5bc0de;
	}

	.switch.switch-dark .ios-switch .on-background {
		background: #171717;
	}

	.switch.switch-lg .ios-switch {
		height: 45px;
		width: 75px;
	}

	.switch.switch-lg .ios-switch .handle {
		height: 41px;
		width: 41px;
	}

	.switch.switch-sm .ios-switch {
		height: 25px;
		width: 55px;
	}

	.switch.switch-sm .ios-switch .handle {
		height: 21px;
		width: 21px;
	}

	.switch.switch-xs .ios-switch {
		height: 20px;
		width: 50px;
	}

	.switch.switch-xs .ios-switch .handle {
		height: 16px;
		width: 16px;
	}

.ios-switch {
	height: 45px;
	width: 75px;
	position: relative;
	background-color: #E5E5E5;
	border-radius: 100px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

	.ios-switch .background-fill {
		width: 100%;
		height: 100%;
		border-radius: 100px;
		position: absolute;
		left: 0;
		top: 0;
	}

	.ios-switch .on-background {
		background-image: linear-gradient(#00e459, #00e158);
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		filter: alpha(opacity=0);
		z-index: 1;
		transition: .3s 0.2s;
	}

	.ios-switch .state-background {
		border-radius: 100px;
		z-index: 2;
		background-image: linear-gradient(#ffffff, #FDFDFD);
		border: 2px solid #E5E5E5;
		box-sizing: border-box;
		transform: scale(1);
		transition: .4s;
	}

	.ios-switch .handle {
		width: 41px;
		height: 41px;
		background-color: #fff;
		top: 2px;
		left: 2px;
		position: absolute;
		border-radius: 20px;
		box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05);
		z-index: 3;
		transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
		box-sizing: content-box;
	}

	.ios-switch.off .handle {
		-webkit-animation: expand-off .3s 0.2s;
		animation: expand-off .3s 0.2s;
		transform: translate(0px, 0);
		transform: translate3d(0px, 0, 0);
	}

	.ios-switch.off .on-background {
		transition: .3s 0s;
	}

	.ios-switch.off .state-background {
		transition: .4s 0.25s;
	}

	.ios-switch.on .handle {
		-webkit-animation: expand-on .3s 0.2s;
		animation: expand-on .3s 0.2s;
		transform: translate(30px, 0);
		transform: translate3d(30px, 0, 0);
	}

	.ios-switch.on .on-background {
		opacity: 1;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		filter: alpha(opacity=100);
	}

	.ios-switch.on .state-background {
		transform: scale(0);
	}
/*#endregion*/



/* 
    todo -- header-navtop--hoover ljus skärm ....
*/


html.dark a {
	color: var(--darktextgreen);
}

html.dark .feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: white;
}

html.dark .feature-box.feature-box-style-1 .feature-box-icon {
	border-color: dimgray;
	background-color: darkgreen;
}

html.dark .feature-box.feature-box-style-3 .feature-box-icon {
	border-color: dimgray;
	background-color: #383f48;
}

html.dark .feature-box.feature-box-style-1 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: white;
}

html.dark .feature-box.feature-box-style-1 .feature-box-icon {
	border-color: dimgray;
}



.text-height-1 {
	line-height: 16px;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
	margin-top: 4px;
}
.text-height-2 {
	line-height: 19px;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
}
.text-height-3 {
	line-height: 22px;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
}

.text-rows-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}

/* hanterar om det bara är 1 rad och samtidigt är ett li-objekt med större marginaler */
.nav-list-nowrap li.text-rows-1 {
	height: 31px !important;
	margin-bottom: 5px !important;
}


.text-rows-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
	line-height: 1.5em;
}
.text-rows-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
	line-height: 1.5em;
}
.text-rows-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* number of lines to show */
	-webkit-box-orient: vertical;
	line-height: 1.5em;
}

html.dark hr {
	background-image: linear-gradient(to left, #2d562d, #2d562d, #2d562d);
}

/* edit meny när man högerklickar för action*/
#ContentPlaceHolder1_editMenu .dropdown-menu {
    position: relative;
    top: -20px;
}

html.dark .dropdown-menu {
    background-color: #262A2F !important;
}

html.dark .dropdown-menu a:hover {
	color: #ababab !important;
}

.dropdown-item {
	color: #3b4345 !important;
}

html.dark .dropdown-item {
	color: white !important;
}
.dropdown-item:hover {
	background-color: #ececedbd !important;
}

html.dark .dropdown-item:hover {
    background-color: #383f48 !important;
}

html.dark .dropdown-menu a {
    border-bottom-color: #393535 !important;
}

.dropdown-item.disabled {
	color: #babcbf !important;
}
html.dark .dropdown-item.disabled {
	color: #494a4b !important;
}

html.dark .typeahead a {
	color: #8e9398 !important;
}


html.dark ul.nav-list li > a.active {
	color: #aeaaaa;
}
html.dark .fa-ellipsis-v {
	color: white;
}


/* justera fokus på textarea med mycket text som strular annaras */
.form-textarea {
    width: 100%;
    border-color: rgba(0, 0, 0, 0.09);
    font-size: 0.85rem;
    line-height: 1.85;
    min-height: 2.4rem;
    height: auto;
    padding: .375rem .75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    resize: vertical;
    overflow: auto;
}

html.dark .form-textarea {
	background-color: var(--darktextboxbackground);
	border-color: var(--darkformcontrolbordercolor);
	color: white;
}


/* textarea - vid fokus */
.form-textarea:focus {
    outline: none !important;
    border: 1px solid #c3c3c3;
    box-shadow: 0 0 2px #c3c3c3;
}
html.dark .form-textarea:focus {
	outline: none !important;
	box-shadow: 0 0 2px #c3c3c3;
}


/* hover på topmenyn */
#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
    background-color: white;
}

.page-header h1 {
    font-weight: 100;
    top: 1px;
}

#header .header-logo img {
    top: -2px !important;
}


/* footer och blog */

html.dark .recent-posts .date .month, article.post .post-date .month {
	background-color: var(--darktextgreen) !important;
}

html.dark .recent-posts .date .day, article.post .post-date .day {
	color: var(--darktextgreen);
}

.btn-success {
	background-color: var(--darkgreenbutton);
}

html.dark .btn-success:hover {
	filter: brightness(100%);
	border: 1px solid var(--darkgreenbutton);
}

html.dark .btn-success {
	color: white !important;
	border-color: var(--darkgreenbutton) var(--darkgreenbutton) var(--darkgreenbutton);
	border: 1px solid var(--darkgreenbutton);
}

html body .tabs-primary .nav-tabs li.active .nav-link, html.dark body .tabs-primary .nav-tabs li.active .nav-link, html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link, html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link, html body .tabs-primary .nav-tabs li.active .nav-link:hover, html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover, html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover, html body .tabs-primary .nav-tabs li.active .nav-link:focus, html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus, html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
	border-top-color: var(--darktextgreen);
	color: #b1acac;
}

html.dark .nav-item a:hover {
	border-top-color: #b1acac !important;
	color: var(--darktextgreen) !important;
}

html.dark .nav-link {
	/*color: #2c5e09 !important*/
	color: var(--darktextgreen) !important;
}

html.dark .badge-dark {
	background-color: var(--darktextgreen);
}

html.dark .list.list-icons li > [class*="fa-"]:first-child {
	color: var(--darktextgreen);
}

html.dark html body .tabs .nav-tabs li.active .nav-link, html.dark body .tabs .nav-tabs li.active .nav-link {
	border-top-color: #b1acac !important;
}



/* varukorg radbryter annars när man visar sökrutan */
#header .header-nav-features {
    padding-left: 10px;
}

.required {
    font-size: 14px;
    top: 0.0em;
    margin-bottom: 0.4rem;
	color: #777 !important;
}

@media only screen and (max-width: 768px) {
    h2 {
        margin-top: 10px;
    }
}

html.dark a.dropdown-item.text-color-primary {
	color: var(--darktextgreen) !important;
}

html.dark i.far.text-color-primary,
html.dark i.fas.text-color-primary {
	color: var(--darktextgreen) !important;
}

html.dark .breadcrumb .text-primary,
html.dark .breadcrumb a,
html.dark .breadcrumb .active a {
	color: #ccc /*var(--darktextgreen) !important;*/
	/*font-weight: 700 !important;*/
}

/* disablad textbox */
html.dark .form-control[disabled], html.dark .form-control[readonly], html.dark fieldset[disabled] .form-control {
	background-color: #484d5533;
	color: #75797c;
	/*	background-color: var(--darktextboxdisabled);
	color: #bbb;*/

	cursor: not-allowed;
}

/* minskar typsnitt och sätter samma färg på dropdown som övriga kontroller */
html.dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    /* color: #868484; */
    margin: 0.1em;
}
/* dropdown */
html.dark .select2-container--bootstrap .select2-selection, html.dark .select2-container--bootstrap .select2-dropdown, html.dark .select2-container--bootstrap .select2-choices .select2-search-field input, html.dark .select2-container--bootstrap .select2-choice, html.dark .select2-container--bootstrap .select2-choices {
    font-size: 13px;
}

/* pil ner 7px vid dropdown menyer (logga in) */
html.dark #header .header-nav-top .dropdown-menu:before {
    border-bottom: 7px solid #2c3237;
}

/* metatag-text vid darkmode är svart, ändra till vit */
html.dark .bootstrap-tagsinput input {
    color: white;
}

html.dark .list-borders li {
    border-bottom: 1px solid #4e4d4d;
}


html.dark
element.style {
}



/* sökrutan */
html.dark .simple-search .input-group-append {
    border-color: #2c3237;
}

.simple-search .form-control + .input-group-append {
    transition: ease border-color 300ms;
}

.simple-search .input-group-append {
    border-radius: 0 .2rem 0.2rem 0;
}
    /* kolumnbredd på varje huvudmenyalternativ så det får plats lite mer */
    @media (min-width: 991px) {
        #header .header-nav.header-nav-line nav > ul > li > a {
        padding: 0 .6rem !important;
    }
}

/* visa lösenord */
html.dark .btn-outline-secondary {
    background-color: #383f48;
}


/*html.dark .form-control {
    border-left: 1px solid #383f48;
    border-top: 1px solid #383f48;
    border-bottom: 1px solid #383f48;
}

    html.dark .form-control:focus {
        border-left: 1px solid #CCC;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }*/

html.dark .search-icon {
    border: 0px;
    background-color: #282d36;
    border-color: #282d36;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    cursor: pointer;
    width: 50px;
    padding: 10px;
}

.dropdown-item.notranslate {
    font-size: small;
}

/* Required-fält får en markering så det syns tydligare  */
:required,
select[data-plugin-selecttwo]:required + .select2 .select2-selection {
    border-left-color: var(--mandatory-input) !important;
    border-width: 1px;
    border-left-width: 2px;
}

/* Motsvarande, för dark */
html.dark :required,
html.dark select[data-plugin-selecttwo]:required + .select2 .select2-selection {
	border-left-color: var(--mandatory-input-dark) !important;
	border-width: 1px;
	background-color: var(--darktextboxbackground);
	border-color: var(--darktextboxbackground);
	color: white;
}

html.dark .input-group-prepend + :required {
	border-left-color: var(--mandatory-input-dark) !important;
	border-width: 1px;
	border-left-width: 2px;
}

.input-group-prepend + :required {
	border-left-color: var(--mandatory-input-dark) !important;
	border-width: 1px;
	border-left-width: 2px;
}

/*#region färgkombinationer*/

span.text-blue {
    color: cornflowerblue !important;
}
i.text-blue {
    color: cornflowerblue !important;
}
/*#endregion*/

/* centrerar titelns text vågrätt på dialogbox */
.card-title {
    padding-top: 1rem;
}

/* generella funktioner att använda */
.radius-left-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.radius-right-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/*#region  Modal window redesign*/
.modal-body {
    padding: 2rem;
}

.modal-content {
    border-radius: 1rem;
}

.modal-header > h3 {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
}

.modal-header {
    background-color: #fcfcfc;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.modal-header .close {
   /* padding: 2rem;
    font-size: 2rem;*/
    font-weight: 300;
	color: black;
	margin: 15px !important;
}

/* stänger popup fönster*/
.modal .close {
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: 50em;
	transition-timing-function: ease;
	transition-duration: .3s;
	transition-property: background;
	transform: translateY(0);
}
.modal .close:hover {
	background: #bec0c6;
	color: white !important;
}
html.dark .modal .close:hover {
	background: #1f2022;
	color: white !important;
}




.modal-footer {
    padding: 2rem;
    background-color: #f4f4f5;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

html.dark .modal-footer, html.dark .modal-header {
    background-color: #282d31;
}

/*#endregion*/



/* tillåter x rader, sen klipps texten / truncate */
.post-trunc-1 {
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.post-trunc-2 {
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 125%;
}

.post-trunc-3 {
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 125%;
}

/* Kompletterar med några ändringar för att matcha designen så det blir snyggt */
/*#region darkmode*/


html.dark .btn-light.disabled {
    color: #212529;
}

html.dark .input-group-text {
    color: #f9f9f9;
    background-color: #212529; 
    border-color: #282d36;
}

/* ändra prickar vid carousel vid mörkt tema */
html.dark .owl-theme .owl-dots .owl-dot.active span {
    background: #1b5614;
}

html.dark .owl-theme .owl-dots .owl-dot span {
    background: #c9c9c9;
} 

html.dark .page-header.page-header-classic:after {
    background: #2B3139 !important;
}
html.dark #header .header-body {
    border-top: 3px solid black !important;
}
html.dark .bg-color-grey {
    background-color: #212020 !important;
}
html.dark .header-body {
    background-color: #1E2126 !important;
}
html.dark *::-webkit-input-placeholder {
    color: #848484 !important;
}
html.dark .text-dark {
    color: #969090 !important;
}
html.dark .text-black {
    color: #777 !important;
}

/* forum*/
html.dark .row-line {
    background-color: #202429 !important;
}
html.dark .row-line-header {
    background-color: #202429 !important;
}
html.dark .border-top {
    border-top: 1px solid #777 !important;
}
html.dark .pagination > li.disabled > a {
    background-color: #2c3237 !important;                     
    border-color: #282d31 !important;
}
/*html.dark .section.section {
    background-color: #202429 !important;
}*/
html.dark .text-dark {
    color: #ddd !important;
}                                                
html.dark .border-bottom {
    border-bottom: 1px solid #303439 !important;
}
html.dark .text-reverse {
    color: white;
}

.text-reverse {
	color: white;
}

html.dark .border-right {
    border-right: 1px solid #383f48 !important;
}
html.dark .border-left {
    border-left: 1px solid #383f48 !important;
}
html.dark .modal-header h3 {
    color: white;
}

/* datatabell*/
html.dark #datatable-default {
    border: 1px solid #2B3139 !important;
}

/* kontroller */
html.dark .multiselect {
	background-color: #202329 !important; 
	border: 1px solid #202329;
	color: #fff !important;
}
html.dark .btn-light:disabled {
    color: #777 !important;
}

html.dark .amount {
    color: #827e7e !important;
}

/* sektioner, paneler */
html.dark .bg-color-grey-scale-1 {
    background-color: #272b31 !important;
}
html.dark .bg-color-grey-scale-2 {
    background-color: #2B3139 !important;
}
html.dark .call-to-action-strong-grey {
    background-color: #1C232B !important;
}
html.dark .bg-color-light {
    background-color: #2B3139 !important;
}
html.dark .bg-footer {
    background-color: #272B2D !important;
}

html.dark .card {
    background-color: #1c1e1f !important;
}
html.dark .tabs .tab-content {
    background-color: #1c1e1f !important;
    border-color: #1c1e1f !important;
}
html.dark .tabs .nav-tabs li.active a {
    background-color: #1c1e1f !important;
    border-left-color: #1c1e1f !important;
    border-right-color: #1c1e1f !important;
}



/*#endregion*/















/* lägger även till en modal-xl för samarbetsavtals dialogrutan blir 100% bred annars */
/*#region 
    Ser till att det blir border även på -xl format
    Okler: 27/4
*/

/* lägger även till en modal-xl för samarbetsavtals dialogrutan blir 100% bred annars */


@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

@media (min-width: 1440px) {
    .container-xl {
        max-width: 1340px;
    }
}

@media (min-width: 1600px) {
    .container-xl {
        max-width: 1500px;
    }
}

@media (min-width: 1770px) {
	.container-xl {
		max-width: 1700px;
	}
}

@media (min-width: 2040px) {
	.container-xl {
		max-width: 2000px;
	}
}

@media(min-width: 1440px) {
    .img-xl-2 {
        max-width: 20%;
        flex-basis: 20%;
    }
}

/*#endregion*/

/* så knapparna kommer överst i ows-carousel, de försvinner på padda vid stående format annars */
.mfp-arrow {
    z-index: 99999 !important;
}

.text-underline {
	text-decoration: underline;
}
.no-underline {
	text-decoration: none !important;
}

.btn-lightred {
	background-color: #FF5A4f;
	border-color: #FF5A4F #FF5A4F #e2554c;
	color: #FFF !important;
}

a.btn-lightred:hover, input[type=submit].btn-lightred:hover, span.btn-lightred:hover {
	color: #fff !important;
	background-color: #fc6e65 !important;
}

.btn-lightred:visited {
	color: white !important;
}

/* formaterar ikonen nytt fordon */
.ny {
    position: absolute;
    padding-top: 12px;
    background-color: #2e6b17;
    border-radius: 133px;
    left: auto;
    right: 6px;
    top: 6px;
    text-shadow: none;
    width: 25px;
    height: 25px;
    line-height: 0px;
    display: inline-block;
    text-align: center;
    z-index: 2;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0.7em;
    font-weight: 600;
    color: white;
    border-bottom: 2px solid transparent;
}

html.dark .ny {
	background-color: #24420fe0 !important;
}

/* formaterar ikonen video på fordon */
.nyvideo {
    position: absolute;
    color: white;
    right: 40%;
    top: 25%;
    display: inline-block;
    text-align: center;
    z-index: 2;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 40px;
}



/*#region 
    PJ 2020-03-31, 04/01, 1/12-21    
    hanterar bilder i produktfilter att de får samma höjd
    en div är tillagd runt bilden, samt h-100 på varje bild
    Den sista hanterar så bilerna blir ok även som minimerade
*/
.custom-image-fit {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 160px;
	background-color: rgb(210, 208, 213);
	border-radius: 3px;
}
.custom-image-fit img {
    position: absolute;
    max-height: 100%;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate3d(-50%, -50%, 0);
	min-height: 100%;
}

@media(max-width: 575px) and (min-width: 380px) {
    .custom-image-fit {
        height: 50vw !important;
    }
    .custom-image-fit img {
        max-height: none !important;
    }
}
/*#endregion*/


/*#region timeline */


.timeline .tm-body {
    position: relative;
    padding: 30px 0;
}

    .timeline .tm-body:after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0)), color-stop(8%, #505050), color-stop(92%, #505050), to(rgba(80, 80, 80, 0)));
        background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
        content: '';
        display: block;
        height: 100%;
        left: 140px;
        margin-left: -2px;
        position: absolute;
        top: 0;
        width: 3px;
        z-index: 0;
        opacity: 0.35;
    }

.timeline .tm-title {
    position: relative;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    background-color: #fff;
    padding: 4px 5px;
    margin: 0 40px;
    z-index: 1;
    border-radius: 3px;
}

.timeline .tm-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .timeline .tm-items > li {
        position: relative;
        margin: 30px 0;
        padding: 0 0 0 190px;
        min-height: 65px;
        z-index: 1;
    }

        .timeline .tm-items > li .tm-datetime {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100px;
            height: 48px;
            margin-top: -24px;
            text-align: right;
            z-index: 3;
        }

            .timeline .tm-items > li .tm-datetime .tm-datetime-time {
                color: #CCC;
                font-size: 22.4px;
                font-size: 1.4rem;
                font-weight: 700;
                margin: 0;
                white-space: nowrap;
            }

        .timeline .tm-items > li .tm-icon {
            position: absolute;
            top: 50%;
            left: 140px;
            background-color: #ecedf0;
            border: 3px solid #CCC;
            color: #CCC;
            font-size: 28px;
            padding: 10px;
            width: 55px;
            height: 55px;
            text-align: center;
            line-height: 29px;
            margin-top: -28px;
            margin-left: -28px;
            z-index: 2;
            border-radius: 28px;
        }

        .timeline .tm-items > li .tm-box {
            position: relative;
            background: #faf9f9;
            min-height: 65px;
            padding: 10px 20px;
            border: 1px solid #e9e9e9;
            border-radius: 6px;
        }

            .timeline .tm-items > li .tm-box:after {
                right: 100%;
                border: solid transparent;
                content: ' ';
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-right-color: #fff;
                border-width: 8px;
                top: 50%;
                margin-top: -8px;
                z-index: 2;
            }

            .timeline .tm-items > li .tm-box p:last-child {
                margin-bottom: 0;
            }

            .timeline .tm-items > li .tm-box .tm-meta {
                margin: 10px 0 0;
            }

                .timeline .tm-items > li .tm-box .tm-meta span {
                    display: inline-block;
                    padding-right: 8px;
                }

                    .timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
                        padding-right: 0;
                    }

.timeline.timeline-simple .tm-body:after {
    left: 30px;
}

.timeline.timeline-simple .tm-body .tm-title {
    border: 1px solid #e9e9e9;
    margin: 0 10px;
}

.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 0 0 55px;
}

    .timeline.timeline-simple .tm-body .tm-items > li:before {
        display: block;
        position: absolute;
        content: ' ';
        background: none repeat scroll 0 0 #CCC;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC;
        box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC;
        height: 7px;
        left: 30px;
        top: 50%;
        width: 8px;
        margin-left: -4px;
        margin-top: -4px;
    }

    .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
        left: -17px;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #e9e9e9;
        border-width: 8px;
        top: 50%;
        margin-top: -8px;
        z-index: 1;
    }
/*#endregion*/

/*#region indikator nya händelser i meny etc. */

.tip-round {
    background: #ed5348;
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 9px;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,.3);
    background: #1089ff;
    position: absolute;
    right: -2px;
    top: 30px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
}

.tip-new {
    background: #ed5348;
    width: 30px;
    height: 17px;
    line-height: 17px;
    font-size: 9px;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,.3);
    background: #f45905;
    position: absolute;
    right: -3px;
    top: 25px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
    color: #fff;
}

/*#endregion*/


/*#region Styling av Blog-sidorna 
/* formatering för blogposter */

.room-suite-info::after {
    clear: both;
    content: "";
    display: block;
}

.room-suite-info ul {
    margin: 10px 0 30px;
    padding: 0;
    list-style: none;
}

    .room-suite-info ul li {
        border-bottom: 1px solid #e9e9e9;
    }

    html.dark .room-suite-info ul li {
        border-bottom: 1px solid #383f48;
    }

        .room-suite-info ul li label {
            display: inline-block;
            font-size: 12px;
            font-weight: normal;
            margin: 0;
            opacity: 0.7;
            padding: 0;
            text-align: left;
            text-transform: uppercase;
            width: 50%;
        }

        .room-suite-info ul li span, .room-suite-info ul li strong {
            display: inline-block;
            font-size: 12px;
            font-weight: normal;
            line-height: 14px;
            margin: 0 -10px 0 -5px;
            padding: 0;
            width: 50%;
            text-align: right;
        }

        .room-suite-info ul li strong {
            font-size: 14px;
            font-weight: 700;
            padding: 15px 0;
        }

        .room-suite-info ul li .room-suite-info-detail {
            float: left;
            font-size: 11px;
            margin: 7px 0 0;
            text-transform: uppercase;
        }

        .room-suite-info ul li .room-suite-info-book {
            float: right;
            font-size: 12px;
            margin: 7px 0 0;
            text-transform: uppercase;
            font-weight: 700;
        }

        .room-suite-info ul li .room-suite-info-book-now {
            float: right;
            margin: 7px 0 50px;
        }

        .room-suite-info ul li:last-child {
            border-bottom: 0;
        }

/*#endregion*/


/* gör så att dropdown-listor beter sig rätt på padda när man roterar den
    lade tidigare till detta på dropdown

    data-plugin-options='{ "buttonWidth": "100%" }'

*/
.select2-container--bootstrap {
    width: 100% !important;
}
.multiselect-native-select .multiselect {
    width: 100% !important;
}

/* fler färger att använda*/
.text-black {
    color: black;
}
.text-cornflowerblue {
    color:cornflowerblue;
}
.text-grey {
    color:lightgrey;
}

.text-lightgrey {
	color: #2c2b2b !important;
}

html.dark .text-lightgrey {
	color: #b3b3b3 !important;
}

.text-green {
    color: darkseagreen;
}

.text-color-blue {
    color: cornflowerblue;
}

.btn-color-mediumblue {
    background-color: #659dbd;
    border-color: #659dbd #659dbd #dc372d;
    color: #FFF;
}

/* Lägger till knapp för blå-likt logotyp */
.btn-blue {
    background-color: #119df4;
    border-color: #119df9 #119df9 #119df9;
    color: #FFF;
}

    .btn-blue:hover, .btn-blue.hover {
        background-color: #50b5f4;
        border-color: #50b5f4 #50b5f4 #50b5f4;
        color: #FFF;
    }

    .btn-blue:focus, .btn-blue.focus {
        -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 255, 0.5);
        box-shadow: 0 0 0 3px rgba(40, 167, 255, 0.5);
    }

    .btn-blue.disabled, .btn-blue:disabled {
        background-color: rgba(36, 112, 206, 0.50);
        border-color: #50b5f4 #50b5f4 #50b5f4;
        color: white;
        cursor: not-allowed;
    }

    .btn-blue:active, .btn-blue.active, .show > .btn-blue.dropdown-toggle {
        background-color: #119df4;
        background-image: none;
        border-color: #119df4 #119df4 #119df4;
    }




/* tonar ner grön knapp vid disabled */
    html.dark .btn-success:disabled {
        background-color: #61946d;
        border-color: #61946d #61946d #61946d;
        cursor: not-allowed;
    }

/* Lägger till knapp för blå-likt logotyp */
.btn-darkred {
    background-color: #9e2a2b;
    border-color: #9e2a2b #9e2a2b #9e2a2b;
    color: #FFF;
}

    .btn-darkred:hover, .btn-darkred.hover {
        background-color: #c32f27;
        border-color: #c32f27 #c32f27 #c32f27;
        color: #FFF;
    }

    .btn-darkred:focus, .btn-darkred.focus {
        -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 255, 0.5);
        box-shadow: 0 0 0 3px rgba(40, 167, 255, 0.5);
    }

    .btn-darkred.disabled, .btn-darkred:disabled {
        background-color: rgba(36, 112, 206, 0.50);
        border-color: #a04668 #a04668 #a04668;
        color: white;
        cursor: not-allowed;
    }

    .btn-darkred:active, .btn-darkred.active, .show > .btn-darkred.dropdown-toggle {
        background-color: #a04668;
        background-image: none;
        border-color: #a04668 #a04668 #a04668;
    }


/* redigerar att rader/sida radbryter */
.dataTables_length {
	line-height: 38px !important;
}

.dataTables_length .select2-container--bootstrap {
	float: left !important;
    padding-right: 5px;
}


/* justerar datatabellen i kunddokument m.fl, see also bootstrap4.css for border collapse  */
#datatable-default_wrapper {
    padding-left: 0px;
    padding-right: 0px;
}
#datatable-default {
    border: solid 1px #e8e2e2;
}

/* input med ikon blir lite högre än andra textboxar. Detta jämnar ut höjden, 0rem var .375rem */

.input-group-text {
    padding: -0rem .75rem;
}


/* håller ihop knapp och input

    fix, denna krashar wysiwyg-knapparna

*/
.btn-groupx {
    width: calc(100% - 43px) !important;
}
.btn-group {
	width: 100% !important;
}

/* formatering dropzone 
    den sista används för att när bilder laddas upp från servern så får de fel storlek annars

*/
.dropzone {
    border: 1px solid #ede9e9;
    border-radius: .25rem;
}

.dropzone .dz-message {
    font-size: 8px;
}

/* fix för att få förladdade bilder till rätt storlek (ej zoomade) */
.dropzone .dz-image img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

.dropzone .dz-text {
    font-size:12px;
}

/* använd inte denna, då blir bilden vid uppladdningen (thumbnail lite mindre) */
.dropzone .dz-preview .dz-image imgx {
    display: block;
    height: auto !important;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}


/* för att skapa blinkande colon på klockan överst */
#colon { visibility:hidden }

/* för att formatera multiselect (med ikon först) */
.multiselect-container {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    width: 100%;
	z-index: 7000;
}

.multiselect-container > li > a > label {
	padding: 5px 20px 5px 12px;
	font-size: 12.8px;
	font-size: 0.8rem;
}

.multiselect-container > li > a > label input {
	position: relative;
	top: 2px;     /* ändrade från 2 till -1, nu till 2 igen */
	margin-right: 3px;
}

.multiselect-container > li.active > a > label {
	color: #000;
}

html.dark .multiselect-container > li.active > a > label {
		color: #fff;
	}

/* justerar radio mot texten */
.multiselect-container > li > a > label input:after {
	position:relative;
	top: 2px;		
}


.multiselect-container > li.multiselect-group label {
	font-size: 12.8px;
	font-size: 0.8rem;
	padding: 5px 20px 5px 12px;
}

.multiselect-container .input-group {
	padding: 5px;
	margin: 0
}
.multiselect-container .input-group input {
	max-width: 100%;
}

/* tar bort rundning till vänster när det är ikon före, ex nyckelhantering/val */
.multiselect {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	text-align: left;
	background: white !important;
	border: 1px solid #ccc !important;
	height: calc(1.5em + .75rem + 5px) !important;
}

html.dark .multiselect {
	background: #202329 !important;
	border: 1px solid #2c3237 !important;
}


/* men låter övriga vara runda hörn till vänster */
.multiselect.dropdown-toggle {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: left;
}

/* markerar dropdown med checkbox grön om required */
:required, button.multiselect.dropdown-toggle {
	border-left: 2px solid var(--mandatory-input);
}

/* flyttar pilen/ikonen i dropdown från vänster till höger */
.multiselect.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 14px;
}

.multiselect-native-select {
	width: 100%;
}

.multiselect-native-select .multiselect {
	text-align: left;
}

/* för att få linjer på toppmenyns rader för användare och roll */
@media(min-width: 992px) {
	.dropdown-menu {
		padding: 1px 1px !important;
	}
	.dropdown-menu a {
		border-bottom: 1px solid #eaeaea;
		padding: 5px 10px;
	}
    html.dark .dropdown-menu a {
        border-bottom-color: #333940 !important;
    }
	.dropdown-menu a:last-child {
		border-bottom: 0;
	}
}

/* sätter pil på droplista för roll åt vänster */
#header .header-nav-top .dropdown-menu:before {
    left: 20px;
}

/* formaterar slider

/*	Slider - */
.ui-slider.ui-widget-content {
	background: #ebebeb;
	border: none;
}

/*	Sliders - Horizontal */
.ui-slider-horizontal {
	height: 6px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -7px;
}

/*	Sliders - Vertical */
.ui-slider-vertical {
	display: inline-block;
	width: 6px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -7px;
}

/*	Sliders - UI Handle */
.ui-slider .ui-slider-handle {
	background: #0088cc;
	border: 6px solid #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
	        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.ui-slider .ui-slider-handle:hover {
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
}

/*	Sliders - UI Handle (Fix Windows Mobile Devices) */
.ui-slider .ui-slider-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/*	Sliders - Range */
.ui-slider .ui-slider-range {
	background: #d9d9d9;
}

/*	Sliders - Contextual */
.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
	background: #CCC;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), color-stop(50%, #CCC), to(#b3b3b3));
	background-image: linear-gradient(#e6e6e6 0, #CCC 50%, #b3b3b3 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #e6e6e6), color-stop(50%, #CCC), to(#b3b3b3));
	background-image: linear-gradient(to right, #e6e6e6 0, #CCC 50%, #b3b3b3 100%);
}

.slider-success .ui-slider-range,
.slider-success .ui-slider-handle {
	background: #47a447;
}

.slider-gradient.slider-success .ui-slider-range,
.slider-gradient.slider-success .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63bb63), color-stop(50%, #47a447), to(#388038));
	background-image: linear-gradient(#63bb63 0, #47a447 50%, #388038 100%);
}

.slider-gradient.ui-slider-vertical.slider-success .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-success .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #63bb63), color-stop(50%, #47a447), to(#388038));
	background-image: linear-gradient(to right, #63bb63 0, #47a447 50%, #388038 100%);
}

.slider-warning .ui-slider-range,
.slider-warning .ui-slider-handle {
	background: #47a447;
}

html.dark .slider-warning .ui-slider-range, 
html.dark .slider-warning .ui-slider-handle {
    background: var(--darkgreenbutton);
}

    .slider-gradient.slider-warning .ui-slider-range,
    .slider-gradient.slider-warning .ui-slider-handle {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1b257), color-stop(50%, #ed9c28), to(#d18211));
        background-image: linear-gradient(#f1b257 0, #ed9c28 50%, #d18211 100%);
    }

.slider-gradient.ui-slider-vertical.slider-warning .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-warning .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f1b257), color-stop(50%, #ed9c28), to(#d18211));
	background-image: linear-gradient(to right, #f1b257 0, #ed9c28 50%, #d18211 100%);
}

.slider-danger .ui-slider-range,
.slider-danger .ui-slider-handle {
	background: #d2322d;
}

.slider-gradient.slider-danger .ui-slider-range,
.slider-gradient.slider-danger .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #db5b57), color-stop(50%, #d2322d), to(#a82824));
	background-image: linear-gradient(#db5b57 0, #d2322d 50%, #a82824 100%);
}

.slider-gradient.ui-slider-vertical.slider-danger .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-danger .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #db5b57), color-stop(50%, #d2322d), to(#a82824));
	background-image: linear-gradient(to right, #db5b57 0, #d2322d 50%, #a82824 100%);
}

.slider-info .ui-slider-range,
.slider-info .ui-slider-handle {
	background: #5bc0de;
}

.slider-gradient.slider-info .ui-slider-range,
.slider-gradient.slider-info .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #85d0e7), color-stop(50%, #5bc0de), to(#31b0d5));
	background-image: linear-gradient(#85d0e7 0, #5bc0de 50%, #31b0d5 100%);
}

.slider-gradient.ui-slider-vertical.slider-info .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-info .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #85d0e7), color-stop(50%, #5bc0de), to(#31b0d5));
	background-image: linear-gradient(to right, #85d0e7 0, #5bc0de 50%, #31b0d5 100%);
}

.slider-dark .ui-slider-range,
.slider-dark .ui-slider-handle {
	background: #171717;
}

.slider-gradient.slider-dark .ui-slider-range,
.slider-gradient.slider-dark .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313131), color-stop(50%, #171717), to(black));
	background-image: linear-gradient(#313131 0, #171717 50%, black 100%);
}

.slider-gradient.ui-slider-vertical.slider-dark .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-dark .ui-slider-handle {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #313131), color-stop(50%, #171717), to(black));
	background-image: linear-gradient(to right, #313131 0, #171717 50%, black 100%);
}

html.dark .ui-slider.ui-widget-content {
	background: #3c5b50 !important;
}




/* Form - lite större Checkbox */
.checkbox-custom {
	position: relative;
	padding: 0 0 0 25px;
	margin-bottom: 7px;
	margin-top: 0;
}

.checkbox-custom.checkbox-inline {
	display: inline-block;
	vertical-align: middle;
}

.form-group .checkbox-custom.checkbox-inline {
	margin-top: 7px;
	padding-top: 0;
}

.checkbox-custom:last-child, .checkbox-custom:last-of-type {
	margin-bottom: 0;
}

.checkbox-custom input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 3px;
	margin: -6px 0 0 0;
	z-index: 2;
	cursor: pointer;
}

/* checkbox-knappen */
.checkbox-custom input[type="checkbox"]:checked + label:after {
	position: absolute;
	display: inline-block;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	content: '\f00c';
	top: 50%;
	left: 4px;
	margin-top: -5px;
	font-size: 11px;
	line-height: 1;
	width: 16px;
	height: 16px;
	color: #4d9232;
}

.checkbox-custom input[type="checkbox"]:disabled {
	cursor: not-allowed;
}

.checkbox-custom input[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}

.checkbox-custom input[type="checkbox"]:disabled + label {
	cursor: not-allowed;
	color: #b1b1b1;
}

html.dark .checkbox-custom input[type="checkbox"]:disabled + label {
	color: #5c5c5c;
}

.checkbox-custom input[type="checkbox"]:disabled + label:before {
    background-color: #eee;
}

.checkbox-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	line-height: 1.5;
}

.checkbox-custom label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 19px;
	height: 18px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #bbb;
	background: #fff;
}

.checkbox-custom label + label.error {
	display: block;
}

/* linjefärg checkbox */
html.dark .checkbox-custom label:before {
    background: #353940;
    border-color: #5d5959;
}

html.dark .checkbox-custom input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-custom input[type="checkbox"]:disabled + label:before {
	background: #242830;
	border-color: #242830;
}

html.dark .checkbox-primary input[type="checkbox"]:checked + label:after,
.checkbox-primary input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
	background: #CCC;
	border-color: #bfbfbf;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
	color: #CCC;
}

html.dark .checkbox-success input[type="checkbox"]:checked + label:after,
.checkbox-success input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-success label:before,
.checkbox-success label:before {
	background: #47a447;
	border-color: #3f923f;
}

html.dark .checkbox-text-success input[type="checkbox"]:checked + label:after,
.checkbox-text-success input[type="checkbox"]:checked + label:after {
	color: #47a447;
}

html.dark .checkbox-warning input[type="checkbox"]:checked + label:after,
.checkbox-warning input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-warning label:before,
.checkbox-warning label:before {
	background: #ed9c28;
	border-color: #e89113;
}

html.dark .checkbox-text-warning input[type="checkbox"]:checked + label:after,
.checkbox-text-warning input[type="checkbox"]:checked + label:after {
	color: #ed9c28;
}

html.dark .checkbox-danger input[type="checkbox"]:checked + label:after,
.checkbox-danger input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-danger label:before,
.checkbox-danger label:before {
	background: #d2322d;
	border-color: #bd2d29;
}

html.dark .checkbox-text-danger input[type="checkbox"]:checked + label:after,
.checkbox-text-danger input[type="checkbox"]:checked + label:after {
	color: #d2322d;
}

html.dark .checkbox-info input[type="checkbox"]:checked + label:after,
.checkbox-info input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-info label:before,
.checkbox-info label:before {
	background: #5bc0de;
	border-color: #46b8da;
}

html.dark .checkbox-text-info input[type="checkbox"]:checked + label:after,
.checkbox-text-info input[type="checkbox"]:checked + label:after {
	color: #5bc0de;
}

html.dark .checkbox-dark input[type="checkbox"]:checked + label:after,
.checkbox-dark input[type="checkbox"]:checked + label:after {
	color: #fff;
}

html.dark .checkbox-dark label:before,
.checkbox-dark label:before {
	background: #171717;
	border-color: #0a0a0a;
}

html.dark .checkbox-text-dark input[type="checkbox"]:checked + label:after,
.checkbox-text-dark input[type="checkbox"]:checked + label:after {
	color: #171717;
}

/* Form - Custom Radio */
.radio-custom {
	position: relative;
	padding: 0 0 0 25px;
	margin-bottom: 7px;
	margin-top: 0;
}

.radio-custom.radio-inline {
	display: inline-block;
	vertical-align: middle;
}

.form-group .radio-custom.radio-inline {
	margin-top: 7px;
	padding-top: 0;
}

.radio-custom:last-child, .radio-custom:last-of-type {
	margin-bottom: 0;
}

.radio-custom input[type="radio"] {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 3px;
	margin: -6px 0 0 0;
	z-index: 2;
	cursor: pointer;
}

.radio-custom input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 4px;
	margin-top: -5px;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	width: 10px;
	height: 10px;
	background-color: #444;
	border-radius: 50px;
	-webkit-box-shadow: 0px 0px 1px #444;
	        box-shadow: 0px 0px 1px #444;
}

.radio-custom input[type="radio"]:disabled {
	cursor: not-allowed;
}

.radio-custom input[type="radio"]:disabled:checked + label:after {
	color: #999;
}

.radio-custom input[type="radio"]:disabled + label {
	cursor: not-allowed;
}

.radio-custom input[type="radio"]:disabled + label:before {
	background-color: #eee;
}

.radio-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	line-height: 1.2;
}

.radio-custom label:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 50px;
	border: 1px solid #bbb;
	background: #fff;
}

.radio-custom label + label.error {
	display: block;
}


/* linjefärg runt radio-knappen */
.radio-custom label:before {
	left: -1px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
}
html.dark .radio-custom label:before {
	background: #282d36;
	border-color: #5d5959;
}

html.dark .radio-custom input[type="radio"]:checked + label:after {
	background-color: #fff;
}

html.dark .radio-custom input[type="radio"]:disabled + label:before {
	background: #404143;
	border-color: #4a4d52;
}

html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
	background: #CCC;
	-webkit-box-shadow: 0px 0px 1px #CCC;
	        box-shadow: 0px 0px 1px #CCC;
}

html.dark .radio-success input[type="radio"]:checked + label:after,
.radio-success input[type="radio"]:checked + label:after {
	background: #47a447;
	-webkit-box-shadow: 0px 0px 1px #47a447;
	        box-shadow: 0px 0px 1px #47a447;
}

html.dark .radio-warning input[type="radio"]:checked + label:after,
.radio-warning input[type="radio"]:checked + label:after {
	background: #47a447;
	-webkit-box-shadow: 0px 0px 1px #ed9c28;
	        box-shadow: 0px 0px 1px #ed9c28;
}

html.dark .radio-danger input[type="radio"]:checked + label:after,
.radio-danger input[type="radio"]:checked + label:after {
	background: #d2322d;
	-webkit-box-shadow: 0px 0px 1px #d2322d;
	        box-shadow: 0px 0px 1px #d2322d;
}

html.dark .radio-info input[type="radio"]:checked + label:after,
.radio-info input[type="radio"]:checked + label:after {
	background: #5bc0de;
	-webkit-box-shadow: 0px 0px 1px #5bc0de;
	        box-shadow: 0px 0px 1px #5bc0de;
}

html.dark .radio-dark input[type="radio"]:checked + label:after,
.radio-dark input[type="radio"]:checked + label:after {
	background: #171717;
	-webkit-box-shadow: 0px 0px 1px #171717;
	        box-shadow: 0px 0px 1px #171717;
}

/* fix sökrutan i menyn */
/* rättar linjefärg på sökrutan, den högra delen vid sökikonen */
.simple-search .form-control {
    border-radius: 0.2rem 0 0 0.2rem;
}
.header-nav-features-dropdown { 
    background-color: transparent;
}
.simple-search .input-group-append {
    border-radius: 0 .2rem 0.2rem 0;
}
.simple-search .form-control + .input-group-append {
    transition: ease border-color 300ms;
}
.simple-search .form-control:focus + .input-group-append {
    border-color: #ccc;
}

 #header .header-nav-features .header-nav-features-dropdown {
        padding: 0px;
        margin-top: 95px;
        background-color: white;
        border-radius: .2rem .2rem .2rem .2rem;
    }

#header .header-nav-features .header-nav-features-search-reveal-container {
    padding-top: 4px;
}

/* fix - gör att ikon+kalender (textbox) inte radbryter vid mindre upplösning/skrämar */
#lstErrortype .select2-container {
    width: calc(100% - 43px) !important;
}

#lstErrortype + .select2-container .select2-selection {
	width: 100% !important;
}

/* fix ie11 att kontrollerna får rätt höjd */
html.ie11 .form-control {
    min-height: 40px;
}

/* språkstöd start 
    https://ctrlq.org/code/19899-google-translate-languages
    https://gtranslate.io
*/
a.gflag {vertical-align:middle;font-size:10px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}


/* för att få linjer på språkmenyn */
@media(min-width: 992px) {
	.translation-links {
		padding: 1px 1px !important;
	}
   .translation-links a {
        border-bottom: 1px solid #eaeaea;
        padding: 5px 10px;
        color: #777;
   }

    html.dark .translation-links a:hover {
        background: #333940 !important;
    }

    html.dark .translation-links a {
        border-bottom-color: #333940 !important;
    }
	.translation-links a:last-child {
		border-bottom: 0;
	}
}

/* språkstöd slut */ 


/* fix formatering för att stänga menyn när man byter/väljer språk 
    detta tillsammans med ändring i js/custom
*/
@media (min-width: 375px) {
	.close-translation .dropdown-menu.translation-links {
		display: none !important;
	}
	.close-translation .nav-link {
		color: #444 !important;
		opacity: 1 !important;
	}
	.close-translation:hover .nav-link {
		color: #fa8905 !important;
	}
	.close-translation .nav-link:before {
		content: none !important;
	}
	.close-translation:hover .nav-link:before {
		content: '' !important;
	}
}
/* -------------------------------------------------------------- */


/*
    Med hjälp av http://jsfiddle.net/o9hbwfev/1/ lyckades jag lägga till en
    strobe-känsla på aktuell position i kartan när man hittar användaren med
    hjälp av geosposition. Kör jag trådlöst blir det högre position än med
    kabel. 212022 behövs för att translate inte skall ändra en text som "Din position".

*/

@-moz-keyframes pulsate {
    from { -moz-transform: scale(0.25);opacity: 1.0;}
    95% {-moz-transform: scale(1.3);opacity: 0;}
    to {-moz-transform: scale(0.3);opacity: 0;}
}
@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
}
/*  Get the container that's just outside the marker image, which just happens to have our Marker title in it 
    Obs! tyvärr måste jag sätta title 212 för annars översätts title om man byter språk och då kan vi inte hitta "title", så detta är lösningen
*/
#map div[title="212"] {
    -moz-animation: pulsate 2.9s ease-in-out infinite;
    -webkit-animation: pulsate 2.9s ease-in-out infinite;
    border:1pt solid #fff;
    /* make a circle */
    -moz-border-radius:70px;
    -webkit-border-radius:70px;
    border-radius:70px;
    /* multiply the shadows, inside and outside the circle */
    -moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
    -webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
    box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
    /* set the ring's new dimension and re-center it */
    height:70px!important;
    margin:-30px 0 0 -30px;
    width:70px!important;
    background-color: #19f;

}
/* hide the superfluous marker image since it would expand and shrink with its containing element */
/*	#map_canvas div[style*="987654"][title] img {*/
#map div[title="212"] img {
    display:none;
}

/* compensate for iPhone and Android devices with high DPI, add iPad media query */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
    #map div[title="212"] {
        margin:-23px 0 0 -23px;
    }
}

/* ritar cirkel i kartan */
#map div[title="212"] div {
    border-radius 50%
    height 18px
    width 18px
    position absolute
    margin -13px 0 0 -13px
    opacity 0.0
    box-shadow 0 0 1px 2px #3e6ebc
    animation-delay 1.9s
}

/* - korrigerar höjden på generell dropdownlist - */
.select2-container--bootstrap .select2-selection--single {
    height: 39px;
    padding: 8px 24px 6px 12px;
}

/* - korrigerar höjden på textbox samt disabled textbox - */
.form-control {
	height: calc(2.25rem + 3px);
}
.form-control-grey {
	background-color: #fcfbfb;
}