/* Färgelanda kommun 2024-2024 */
:root {
    --fk-red: #a30d38;
    --fk-red-dark: #901231;
    --fk-red-light: #e1a493;
    --fk-blue: #48667c;
    --fk-blue-light: #96b3df;
    --fk-blue-dark: #163c58;
    --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(--fk-red);
    --bs-link-hover-color: var(--fk-blue);
    --bs-btn-hover-bg: var(--fk-red-light);
    --bs-btn-hover-color: #fff;
}
.bg-dark-red {
    background-color: var(--fk-red-dark);
}
.text-red {
    color: var(--fk-red)!important;
}
.tidtabell table, .tidtabell th, .tidtabell td {
    border: 1px solid grey;
    border-collapse: collapse;
}

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

a, a.list-group-item, .linkReadmore, .block-link .text-kommun, .text-kommun, span.fa.toggle, .pushpin {
    color: var(--fk-blue);
}
.offcanvas button:hover {
    background-color: var(--fk-red-light);
}
.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(--fk-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(--fk-blue)!important;
}
.bg-blue-light {
    background-color: var(--fk-blue-light)!important;
}
.bg-blue-dark {
    background-color: var(--fk-blue-dark)!important;
}
.bg-red {
    background-color: var(--fk-red)!important;
}
.bg-red-light {
    background-color: var(--fk-red-light)!important;
}
.bg-red-dark {
    background-color: var(--fk-red-dark)!important;
}
.fg-black, .fg-black:hover, .fg-black p {
    color: #000;
}
.fg-white, .fg-white:hover, .fg-white p {
    color: #fff;
}
.text-blue {
    color: var(--fk-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(--fk-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(--fk-red);}
.btn-kommun a {color: inherit;text-decoration: none;}

.btn-outline-kommun {color: var(--fk-red);background-color: transparent;background-image: none;border-color: var(--fk-red);}
.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-1pr td {
    padding: 1% !important;
}

.table-padded-2pr td {
    padding: 2% !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(--fk-red-dark);}
.btntoggle {text-align: left;font-weight: bold;line-height: 1.875rem;background-color: var(--fk-red-dark);}
.btntoggle:hover {background-color: var(--fk-red);
}
.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;}

/* 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;
}
.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;
}
.easterlist{
   list-style: none;
}
.easterlist li::before{
  font-family: "Font Awesome 6 Free";
  content: " \f7fb \202F \202F";
  background: -webkit-linear-gradient(#FFF2C4, #CCA92F);
  -webkit-text-fill-color: transparent;	
  font-weight:900;	
}

@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;}
}