/* Dals-Eds kommun 2012-2024 */
:root {
    --mk-blue: #005eb8;
    --mk-blue-light: #b8ccea;
    --mk-blue-dark: #003a5c;
    --mk-viola: #be84a3;
    --mk-viola-dark: #82526b;
    --mk-sidecar: #f1e6b2;
    --mk-jungle-green: #27998a;
    --mk-algae-green: #9be3bf;
    --mk-rolling-stone: #75787b;
    --mk-quill-gray: #d0d0ce;
    --mk-sunset-orange: #f9443a;
    --mk-sunglow: #ffc72c;

/* DEK röd */	
	--dek-red:#993333;
	--dek-red-minus-1:#892D2D;
	--dek-red-minus-2:#7A2828;
	--dek-red-minus-3:#6B2323;
	--dek-red-minus-4:#5B1E1E;
	--dek-red-minus-5:#4C1919;
	--dek-red-minus-6:#3D1414;
	--dek-red-plus-1:#A34747;
	--dek-red-plus-2:#AD5B5B;
	--dek-red-plus-3:#B77070;
	--dek-red-plus-4:#C18484;
	--dek-red-plus-5:#CB9999;
	--dek-red-plus-6:#D6ADAD;
/* DEK grön */	
	--dek-green:#365C36;
	--dek-green-minus-1:#305230;
	--dek-green-minus-2:#2B492B;
	--dek-green-minus-3:#254025;
	--dek-green-minus-4:#203720;
	--dek-green-minus-5:#1B2D1B;
	--dek-green-minus-6:#152415;
	--dek-green-plus-1:#4A6C4A;
	--dek-green-plus-2:#5E7C5E;
	--dek-green-plus-3:#728C72;
	--dek-green-plus-4:#869D86;
	--dek-green-plus-5:#9AAD9A;
	--dek-green-plus-6:#AEBDAE;
/* DEK blå */	
	--dek-blue:#3f5468;
	--dek-blue-minus-1:#384B5D;
	--dek-blue-minus-2:#324353;
	--dek-blue-minus-3:#2C3A48;
	--dek-blue-minus-4:#25323E;
	--dek-blue-minus-5:#1F2933;
	--dek-blue-minus-6:#192129;
	--dek-blue-plus-1:#526577;
	--dek-blue-plus-2:#657686;
	--dek-blue-plus-3:#788795;
	--dek-blue-plus-4:#8B98A4;
	--dek-blue-plus-5:#9FA9B3;	
    --dek-blue-plus-6:#B2BAC2;    
    --dek-blue-plus-7:#C5CBD1;
    --dek-blue-plus-8:#D8DCE0;
    --dek-blue-plus-9:#EBEDEF;
    --dek-blue-plus-10:#FEFEFE;	
/* DEK orange */	
	--dek-orange:#df6f1d;
	--dek-orange-minus-1:#c8631a;
	--dek-orange-minus-2:#b25817;
	--dek-orange-minus-3:#9c4d14;
	--dek-orange-minus-4:#854211;
	--dek-orange-minus-5:#6f370e;
	--dek-orange-minus-6:#592c0b;
	--dek-orange-plus-1:#e27d33;
	--dek-orange-plus-2:#e58b4a;
	--dek-orange-plus-3:#e89a60;
	--dek-orange-plus-4:#eba877;
	--dek-orange-plus-5:#efb78e;	
    --dek-orange-plus-6:#f2c5a4; 
/* DEK classic */
	--dek-green-classic:#336300;
	--dek-green-classic-minus-1:#2D5900;
	--dek-green-classic-minus-2:#284F00;
	--dek-green-classic-minus-3:#234500;
	--dek-green-classic-minus-4:#1E3B00;
	--dek-green-classic-minus-5:#193100;
	--dek-green-classic-minus-6:#142700;
	--dek-green-classic-plus-1:#477219;
	--dek-green-classic-plus-2:#5B8233;
	--dek-green-classic-plus-3:#70914C;
	--dek-green-classic-plus-4:#84A166;
	--dek-green-classic-plus-5:#99B07F;
	--dek-green-classic-plus-6:#ADC099;

	--dek-blue-classic:#005595;
	--dek-blue-classic-minus-1:#004C86;
	--dek-blue-classic-minus-2:#004477;
	--dek-blue-classic-minus-3:#003B68;
	--dek-blue-classic-minus-4:#003359;
	--dek-blue-classic-minus-5:#002A4A;
	--dek-blue-classic-minus-6:#00223B;
	--dek-blue-classic-plus-1:#19669F;
	--dek-blue-classic-plus-2:#3377AA;
	--dek-blue-classic-plus-3:#4C88B4;
	--dek-blue-classic-plus-4:#6699BF;
	--dek-blue-classic-plus-5:#7FAAC9;
	--dek-blue-classic-plus-6:#99BBD4; 
	--dek-blue-classic-plus-7:#B2CCDF;
    --dek-blue-classic-plus-8:#CCDDE9;
    --dek-blue-classic-plus-9:#E5EEF4;

	
	--bs-nav-link-font-size: 1rem;    
    --bs-nav-link-font-weight: inherit;
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
	--bs-link-color:var(--dek-green-classic-minus-1);
	--bs-link-hover-color:var(--dek-green-classic-plus-2);
	--bs-btn-hover-bg:var(--dek-blue-plus-8);
	
    --step-progress-circle-size: 16px;
    --step-progress-left: 0px;
    --step-progress-line-width: 2px;
	
}
.bg-moss-green {
    background-color: #6AA84F;
}
.bg-dark-red {
    background-color: #aa0000;
}
.bg-gold {
    background-color: #ffd700;
}
.text-green {
    color: var(--dek-green)!important;
}
.text-red {
    color: var(--dek-red)!important;
}
.tidtabell table, .tidtabell th, .tidtabell td {
    border: 1px solid grey;
    border-collapse: collapse;
}

body {
    font-family: 'Open Sans', Verdana;
    color: #000;
    background-color: #fff;
}

a, .linkReadmore, .block-link .text-kommun, .text-kommun, span.fa.toggle, .pushpin {
    color: var(--bs-link-color);
}
.card li:hover a {
  color:var(--bs-link-hover-color);
}

h1 {font-size:2rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.125rem;}
.h3 {font-size:1.125rem;}

input {
    line-height: normal;
}

td {
    vertical-align: top;
}

iframe {
    border: 0;
}

fieldset td {
    padding: .125rem;
}

legend {
    font-size: .875rem;
    font-weight: bold;
    margin-bottom: .5rem;
    border-bottom: 0;
}

video {
    max-width: 100%;
}
.d-contents {
    display: contents;
}
@media (min-width: 768px) {
    .d-md-contents {
        display: contents!important;
    }
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.widescreen {
	position: relative;
	padding-bottom: calc(158/375*100%); /* filmstaden widescreen */
	height: 0;
}
.videoWrapper iframe, .widescreen iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.btn-search:focus {
    border: var(--dek-blue) solid 2px;
}
.block-link h2 {
    font-size: 1.25rem;
}
.block-link p, .block-link span, .block-link li {
	color: #000;
}
.block-link a {
    text-decoration: none;
}
.block-link a:hover {
	text-decoration: none;
}
.block-link a:active {
	text-decoration: none;
}
.block-link a:hover h5 {
	text-decoration: underline;
}
.bg-blue {
    background-color: var(--dek-blue)!important;
}
.border-blue {
    border-color: var(--dek-blue)!important;
}
.bg-blue-light {
    background-color: var(--dek-blue-plus-2)!important;
}
.bg-blue-lighter {
    background-color: var(--dek-blue-plus-3)!important;
}
.border-blue-lighter {
    border-color: var(--dek-blue-plus-3)!important;
}
.bg-blue-dark {
    background-color: var(--dek-blue-minus-2)!important;
}
.border-blue-dark {
    border-color: var(--dek-blue-minus-2)!important;
}
.bg-red {
    background-color: var(--dek-red)!important;
}
.border-red {
    border-color: var(--dek-red)!important;
}
.bg-red-light {
    background-color: var(--dek-red-plus-3)!important;
}
.bg-red-lighter {
    background-color: var(--dek-red-plus-6)!important;
}
.bg-red-dark {
    background-color: var(--dek-red-minus-3)!important;
}
.bg-green {
    background-color: var(--dek-green)!important;
}
.bg-green-light {
    background-color: var(--dek-green-plus-3)!important;
}
.bg-green-dark {
    background-color: var(--dek-green-minus-3)!important;    
}
.bg-viola, .bg-viola:hover {
    background-color: var(--mk-viola)!important;
}
.bg-viola-dark, .bg-viola-dark:hover {
    background-color: var(--mk-viola-dark)!important;
}
.bg-sidecar {
    background-color: var(--mk-sidecar)!important;
}
.bg-jungle-green {
    background-color: var(--mk-jungle-green)!important;
}
.bg-algae-green {
    background-color: var(--mk-algae-green)!important;
}
.bg-rolling-stone {
    background-color: var(--mk-rolling-stone);
}
.bg-quill-gray {
    background-color: var(--mk-quill-gray);
}
.bg-sunset-orange {
    background-color: var(--mk-sunset-orange);
}
.bg-sunglow {
    background-color: var(--mk-sunglow);
}
.fg-black, .fg-black:hover, .fg-black p {
    color: #000;
}
.fg-white, .fg-white:hover, .fg-white p {
    color: #fff;
}
.text-blue {
    color: var(--dek-blue);
}
.font-weight-bold {
    font-weight: 700!important;
}
.breadcrumb-item+.breadcrumb-item:before {font-family:'Font Awesome 6 Free';font-weight:900;content:"\f054";}
.breadcrumb-item:nth-child(2):before {display:none;}

.card-header .event-toggle .toggle:after {
    font-family: 'Font Awesome 6 Free';
    content: "\f056";
    float: right;
}

.card-header .event-toggle.collapsed .toggle:after {
    content: "\f055";
}

.top-right-1rem {
	top: 1rem;
	right: 1rem;
}

.top-right-corner {
	top: 1rem;
	right: .5rem;
}

#__ba_panel {
    display:none;
}

#cookiebar {
    position: sticky;
    z-index: 2000;
    top: 0;
    max-width: calc(100% - 24px);
}
.navbar-toggler {
    font-size: 1rem;
}
div[id^="eventheader"] a {
	text-decoration: none;
}
.col-badge {
	min-width: 6rem;
	max-height: 2.5rem;
}
.badge-kommun {
	color: #fff;
	background-color: var(--dek-blue);
	min-height: 2.75rem;
}
.border-left-transparent {
	border-left: .25rem solid transparent;
}
.pre-scrollable {
    max-height: 400px;
}

.far fa-file-pdf {color:#d00;}

/* Sammanträdestider */
.smtrdiv {
    max-width: 200px;
    padding: 0.5%;
    margin: 0.5%;
    vertical-align: top;
    display: inline-block;
}
.smtrdiv ul {
    padding-left: 0;
    list-style: none;
}
.smtrdiv ul li:nth-child(odd) {
    background: #F5F5F5;
}

#content {
    min-height: 600px;
    overflow: hidden;
}

#content img:not(.gm-svpc img), .container-fluid img, .umb-grid img {
    max-width: 100%;
    height: auto !important;
}
/* Pegman */
.gm-svpc img {
    max-width:inherit!important;
    height:30px!important;
}

/*.img-event {
    max-width: 14rem!important;
}*/

.selected {
    font-weight: bold;
}

.btn-kommun {color: #fff;background-color: var(--dek-blue);}
.btn-kommun a {color: inherit;text-decoration: none;}

.btn-outline-kommun {color: var(--dek-blue);background-color: transparent;background-image: none;border-color: var(--dek-blue);}
.btn-outline-kommun a {text-decoration: none;}
.btn-outline-kommun:hover {border-color:inherit;}

.dropdown-toggle::after {
    content: none;
}
.iconRightDown {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}
.iconRightDown:before {
    content: "\f078";
    line-height: normal;
}
.collapsed .iconRightDown:before {
    content: "\f054";
}
.iconPlusMinus {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}
.iconPlusMinus:before {
    content: "\f068";
    line-height: normal;
}

.collapsed .iconPlusMinus:before {
    content: "\f067";
}
.offcanvas-body .mk-border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) rgba(225, 225, 225, 0.2);
    border-top: inherit;
    opacity: inherit;
}
button .expandIcon:before {
    content: "\f106";
    line-height: normal;
}

button.collapsed .expandIcon:before {
    content: "\f107";
}

/* Workaround for IE not handling max-width */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    video {
        width: 100%;
    }
}

table.grid {
    border-width: 1px;
    border-spacing: 0;
    border-style: solid;
    border-color: gray;
    border-collapse: collapse;
    background-color: white;
}

table.grid th {
    border-width: 1px;
    padding: 2px;
    border-style: inset;
    border-color: gray;
    background-color: white;
}

table.grid td {
    border-width: 1px;
    padding: 2px;
    border-style: inset;
    border-color: gray;
    background-color: white;
}

.table-padded td {
    padding:.25rem !important;
}
.table-padded th {
    padding:.25rem !important;
}

.table-padded-1pr td {
    padding: 1% !important;
}
.table-padded-1pr th {
    padding: 1% !important;
}

.table-padded-2pr td {
    padding: 2% !important;
}
.table-padded-2pr th {
    padding: 2% !important;
}
.table-nowrap-1 td:nth-child(1) { white-space: nowrap !important; }
.table-nowrap-2 td:nth-child(2) { white-space: nowrap !important; }
.table-nowrap-3 td:nth-child(3) { white-space: nowrap !important; }
.table-nowrap-4 td:nth-child(4) { white-space: nowrap !important; }
.table-nowrap-5 td:nth-child(5) { white-space: nowrap !important; }
.table-nowrap-6 td:nth-child(6) { white-space: nowrap !important; }

/* NEWS */
#accordionnews img {
	max-width: 100%;
	height: auto;
}

.dashed {
    border-bottom: #718c9d 1px dashed;
    margin-top: .25rem;
    margin-bottom: .25rem;
}

/* Toggle divs */
.btn-toggle {color:var(--dek-blue);}
.btntoggle {text-align: left;font-weight: bold;line-height: 1.875rem;background-color: var(--dek-blue);}
.btntoggle:after {font-family: 'Font Awesome 6 Free';font-size: 1.25rem;content: "\f056";float: right;}
.btntoggle.collapsed:after {font-family: 'Font Awesome 6 Free';font-size: 1.25rem;content: "\f055";float: right;}
.divcontent {margin-bottom: 3px;}
.divtoggle {border: 2px solid;border-color: #eee;border-bottom-left-radius: .25rem;border-bottom-right-radius: .25rem;border-top: hidden;margin-bottom: .125rem;padding: .25rem;}
.divtoggle p {margin-bottom: .5rem;}

/* Google translate */
#translateDlg {font-size: .75rem;display: none;position: absolute;right: 8vw;top:5rem;background-color: #fff;padding: .5rem;border: 1px solid #cccdce;width: 12rem;z-index: 1200;}
#translateDlg p {white-space: normal;text-align: left;}

.goog-te-gadget,
.goog-te-combo {
    font-family: inherit!important;
}

/* Ung i kommunen */
.youngitem {float: left;margin: .3125rem;height: 2rem;width: 100%;}
.youngitem img {float: left;margin: 5px;height: 32px;width: 32px;}

/* Stegprocess */
.StepProgress-Wrapper {
    font-size: var(--step-progress-circle-size);
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    padding: 1rem;
}

.StepProgress {
    position: relative;
    padding-left: calc(var(--step-progress-left) + 45px);
    list-style: none;
}

.StepProgress li:last-child:before {
    border-left: none;
}

.StepProgress-item {
    position: relative;
}

.StepProgress-item button {
    position: relative;
    top: -4px;
}

.StepProgress-item:not(:last-child) {
    padding-bottom: 20px;
}

.StepProgress-item::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -28px;
    height: 100%;
    border-left: var(--step-progress-line-width) solid #ccc;
}

.StepProgress-item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -37px;
    width: var(--step-progress-circle-size);
    height: var(--step-progress-circle-size);
    border: var(--step-progress-line-width) solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: content-box;
}

.StepProgress-item.is-done::before {
    border-left: var(--step-progress-line-width) solid var(--dek-green);
}

.StepProgress-item.is-done::after {
    content: "✔";
    font-size: calc(var(--step-progress-circle-size) - 6px);
    color: #fff;
    text-align: center;
    border: var(--step-progress-line-width) solid var(--dek-green);
    background-color: var(--dek-green);
}

.StepProgress-item.current::before {
    border-left: var(--step-progress-line-width) solid var(--dek-green);
}

.StepProgress-item.current::after {
    width: calc(var(--step-progress-circle-size) + 4px);
    height: calc(var(--step-progress-circle-size) + 4px);
    top: -2px;
    left: -39px;
    color: green;
    border: var(--step-progress-line-width) solid var(--dek-green);
    background-color: #fff;
}

.StepProgress strong {
    display: block;
}

/* CSS3 Treeview */
.css-treeview ul,
.css-treeview li {padding: 0;margin: 0;list-style: none;font-size: .875rem;}
.css-treeview input {position: absolute;opacity: 0;}
.css-treeview a {color: #00f;display:inline!important;}
.css-treeview a:hover {text-decoration: underline;}
.css-treeview input + label + ul {margin: 0 0 0 22px;}
.css-treeview input ~ ul {display: none;}
.css-treeview label,
.css-treeview label:before {color: #0000ff;cursor: pointer;}
.css-treeview input:checked:not(:disabled) ~ ul {display: block;}
.css-treeview label,
.css-treeview label:before {background: url("/images/icons/folders.png") no-repeat;}
.css-treeview label,
.css-treeview a,
.css-treeview label:before {display: inline-block;height: 16px;line-height: 16px;vertical-align: middle;}
.css-treeview label {background-position: 0 0;}
.css-treeview label:before {content: "";width: 16px;margin: 0 6px 0 0;vertical-align: middle;background-position: 0 -32px;}
.css-treeview input:checked + label:before {background-position: 0 -16px;}

#skattekollenwidget-input p,
#skattekollenwidget-input input,
#skattekollenwidget-input label,
#skattekollenwidget-input #inputIncome,
#skattekollenwidget-result .detail-name,
#skattekollenwidget-result .detail-sum,
#skattekollenwidget-result .zummationcontainer span {background:inherit!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;max-width:inherit!important;}

/* List (organisationsträd) */
.tree li {list-style-type: none;margin: .5rem 0 .5rem .5rem;position: relative;}
.tree li::before {content: "";position: absolute;top: -8px;left: -20px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-radius: 0 0 0 0;width: 18px;height: 21px;}
.tree li::after {position: absolute;content: "";top: 12px;left: -20px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-radius: 0 0 0 0;width: 18px;height: 100%;}
.tree li:last-child::after {display: none;}
.tree li:last-child:before {border-radius: 0 0 0 5px;}
ul.tree > li:first-child::before {display: none;}
ul.tree > li:first-child::after {border-radius: 5px 0 0 0;}
.tree li a {border: 1px #ccc solid;border-radius: 5px;padding: 2px 5px;}

/* Listor och tabeller*/
.plainlist {
    padding-left: 0;
}
.evengrey tr:nth-child(even), .evengrey .d-table-row:nth-child(even), .evengrey li:nth-child(even) {
	background: #F5F5F5;
}
.oddgrey tr:nth-child(odd), .oddgrey .d-table-row:nth-child(odd), .oddgrey li:nth-child(odd) {
	background: #F5F5F5;
}
.paddedlist li {
    padding: 1%;
}
.plainlist li {
    list-style: none;
}
.list-event-facts {
  display: grid;
  grid-auto-flow: row dense;
  justify-content: start;
  gap: 0 2em;
}

.list-event-facts li {
  grid-column: 1;
}

.list-event-facts .br {
  display: none;
}

.list-event-facts li.br~li {
  grid-column: 2;
}

.list-event-facts li.br~.br~li {
  grid-column: 3;
}
.musiclist{
   list-style: none;
}
.musiclist li::before{
  font-family: "Font Awesome 6 Free";
  content: " \f001 \202F \202F";
   font-weight:900;
}
.musiclist_blue li::before{
  	color:#5B9BD5;
}
.bikelist{
   list-style: none;
}
.bikelist li::before{
  font-family: "Font Awesome 6 Free";
  content: " \f206 \202F \202F";
   font-weight:900;
}
.bikelist_blue li::before{
  	color:#5B9BD5;
}
.arrowlist{
   list-style: none;
}
.arrowlist li::before{
  content: "➤ \202F ";
}
.arrowlist_red li::before{
  	color:#AB0000;
}
.redarrow::before{
  	color:#AB0000 !important;
}
.arrowlist_green li::before{
  	color:#228B22;
	margin-right: 1rem;
	margin-left:-2rem; 
}
.greenarrow::before{
  	color:#228B22 !important;
}
.arrowlist_blue li::before{
  	color:#5B9BD5;
}
.bluearrow::before{
  	color:#5B9BD5 !important;
}
.orangearrow::before{
  	color:#FFA500 !important;
}
.easterlist{
   list-style: none;
}
.easterlist li::before{
  font-family: "Font Awesome 6 Free";
  content: " \f7fb \202F \202F";
  background: -webkit-linear-gradient(#FFF2C4, #CCA92F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;	
  font-weight:900;	
}

.pointinglist {
  list-style-type: '👉';
  }

.rocketlist {
  list-style-type: '🚀';
  }

.starlist {
  list-style-type: '⭐';
  }
.nationaldagslista {
    list-style-type: none;
}
.nationaldagslista > li::before {   
    content: '';   
    display: inline-block; 
	margin-left:-2rem;
    height: 30px;   
    width: 30px;    
    background-size: 30px;   
    background-image: url('/media/u0ib5h02/sverige_no_outline_no_shadowopt.svg'); 
    background-repeat: no-repeat;   
    margin-right: 1rem;
    background-position: center center;
    vertical-align: middle;
}
.medaljlista {
    list-style-type: none;
}
.medaljlista > li::before {   
    content: '';   
    display: inline-block; 
	margin-left:-2rem;
    height: 30px;   
    width: 30px;    
    background-size: 30px;   
    background-image: url('/media/ubtdq4g5/medalj.svg'); 
    background-repeat: no-repeat;   
    margin-right: 1rem;
    background-position: center center;
    vertical-align: middle;
}
.medaljlista1 {
    list-style-type: none;
}
.medaljlista1 > li::before {
  content: "🏅 \202F ";
}
@media (max-width:767px) {
    div [id^="alphaindex"] {
        position: relative;
        top: -140px;
        visibility: hidden;
    }
}
@media (min-width:768px) {
    div [id^="alphaindex"] {
        position: relative;
        top: -80px;
        visibility: hidden;
    }
}

/* Pinboard */
@media (orientation: landscape) {
    .portrait {
        display: none;
    }
}


@media print
{
	.noPrint{display:none;}
	.noScreen{}
}

@media screen
{
	.noPrint{}
	.noScreen{display:none;}
}