/*
* eiorabatt-02/stylesheets/layout.css
*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* Grundfärger */

.in-bg-green {
	background: #6cc04a;
}

.in-bg-winter {
	background: #e4eae2;
}

.in-bg-dark {
	background: #003902;
	color: #ffffff;
}

.in-text-winter {
	color: #e4eae2;
}

.in-text-dark {
	color: #003902;
}


.wrap-huvud, .wrap-huvud  {
	xxbackground-color: #1662b3;
	xxmargin-bottom: 20px;
}

.container.huvud {
	background: #4ba925;
}
/* Huvud överdel */


.head  {
	margin-top: 30px;
	margin-bottom: 29px;
}
.page-id-14 .head  {
	margin-bottom: 24px;
}
.head .logotyp {
	float: left;
	xxmargin-left: 20px;
	xxmargin-bottom: 20px;
	z-index: 4;
	margin-top: 3px;
}

.nav-pills .nav-link {
	background: #e4eae2;
}

.nav-item .in-bg-dark:hover {
	background-color: #6cc04a;
	color: #ffffff;
}

.nav-item .in-bg-winter:hover {
	background-color: #6cc04a;
	color: #ffffff;
}


#loginbutton {
	background: #003902;
	color: #ffffff;
}

#loginbutton:hover {
	background-color: #6cc04a;
	color: #ffffff;
}

#searchsubmit {
	background: #003902;
	color: #ffffff;
}

#searchsubmit:hover {
	background: #6cc04a;
	color: #ffffff;
}


.navigering {
	float: right;
	margin-top: 18px;
}
.navigering ul li {
	display: inline;
	line-height: 3em;
	margin-left: 18px;
}
ZZ.navigering ul {
	margin-bottom: 5px;
}
.navigering ul li a {
	xxfont-weight: bold;
	color: white;
	text-decoration: none;
	xxfont-size: 15px;
	white-space: nowrap;
	padding-bottom: 4px;
	font-size: 15px;
	font-family: "Flexo-Demi", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navigering li.current a {
	text-decoration: none;
	color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.navigering li a:hover, .navigering li a:focus {
	text-decoration: none;
	color: #bed2ff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.navigering li a:active {
	text-decoration: none;
	color: #ff9224;
}



.container.trumpet {
	background-color: #e5e5e5;
	height: 15px;
}
xx.over-trumpet {
	background-image: url(../bilder/bg/trumpet-over-66x66.png);
	width: 66px;
	height: 66px;
	position: absolute;
	top: -66px;
	left: -0px;
	z-index: 999;
}
xx.under-trumpet {
	background-image: url(../bilder/bg/trumpet-under-66x66.png);
	width: 66px;
	height: 66px;
	position: absolute;
	z-index: 20;
	bottom: -66px;
	left: -0px;
}
/*
.over-trumpet {
	background-image: url(../bilder/bg/trumpet-over-15-10.png);
	width: 74px;
	height: 34px;
	position: absolute;
	top: -33px;
	left: -1px;
	z-index: 999;
}
.under-trumpet {
	background-image: url(../bilder/bg/trumpet-under-15-10.png);
	width: 74px;
	height: 34px;
	position: absolute;
	z-index: 20;
	bottom: -33px;
	left: -1px;
}
*/
/* Mitten - Content */

.container.content {
	xxpadding-bottom: 20px;
	background-color: #fefffe;
	padding-top: 20px;
	background: #fff;
}

/* Ikoner */


.avtal-link {
	display: block;
}

.avtal-link .avtal-ikon {
	display: block;
	box-sizing: border-box;
	width: 120px;
	height: 120px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	object-fit: contain;
	transform: scale(0.733333);
	transform-origin: center;
	transition: transform 0.25s ease;
}

/* Låt faktisk hovring styra, utan villkor om rapporterad inmatningsenhet. */
.avtal-link:hover .avtal-ikon {
	transform: scale(1);
}

/* Förstoring medan länken trycks ned. */
.avtal-link:active .avtal-ikon {
	transform: scale(1);
}

.avtal-link:focus-visible .avtal-ikon {
	transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
	.avtal-link .avtal-ikon {
		transition: none;
	}
}

.container.content a.avtal-link,
.container.content a.avtal-link:visited,
.container.content a.avtal-link:hover,
.container.content a.avtal-link:focus {
	border-bottom: none;
	text-decoration: none;
}

.ikoner.columns {
	margin-right: 32px;
	margin-left: 32px;
}
.container .ikonruta.column { 
	width: 120px;
	margin-left: 6px;
	margin-right: 6px;
}

.ikonruta {
	/* background-color: #458ac0;*/
	padding-top: 103px;
	height:136px;
	margin-bottom: 17px;

	background-repeat: no-repeat;
	background-position: left top;

	text-align: center;
	line-height: 135%;
	font-size: 13px;
	overflow: hidden;
}
a div.ikonruta  {
	font-weight: bold;
	xxfont-family: Arial, sans-serif;
	color: #585858;
}
a div.ikonruta:hover  {
	background-position: 0 -150px;
}

/* Foten */
.wrap-foten {
}
.foten {
	color: white;
	background-color: #003902;
/*	padding-top: 28px;
	height: 105px; */
}

.foten a {
	color: white;
}

.fotnavigering {
	xxbackground-color: #aefadb;
}
.fotnavigering ul {
	xxbackground-color: #fae873;
	margin-bottom: 0;
}
.fotnavigering ul li {
	xxbackground-color: #daca64;
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: normal;
	font-style: normal;
	color: white;
}
.fotnavigering ul li a {
	text-decoration: none;
	color: white;
}
xx.fotnavigering .tabb {
	xxbackground-color: #a4ff50;
	width: 76px;
	display: inline-block;
}
.logotyp-eiorabatt-fot {
	margin-bottom: 4px;
}

/* Under FOTEN */

.under-foten {
	background-color: white;
	font-size: 14px;
	padding-top: 35px;
	padding-bottom: 30px;
}
.under-foten a {
/*	color: #4ba925;*/

}
.underfotrubrik {
/*	color: #4ba925; */
	margin-bottom: 10px;
	font-size: 15px;
}


/* #Page Styles
================================================== */



/* #Default media Queries 
================================================== */

.column.box, .columns.box {
	margin: 0!important;
}

.container .one-third.column.box {
	width: 310px;
}
.container .two-thirds.column.box {
	width: 620px;
}
.container .one-third.column.innerbox {
    width: 240px;
}
.container .two-thirds.column.innerbox {
    width: 580px;
}
.container .one-half.column.innerbox {
    width: 410px;
}
.container .one-third.column.innerbox,
.container .two-thirds.column.innerbox,
.container .one-half.column.innerbox {
	padding: 17px 20px 0;
	margin-bottom: 20px;
}

.innerbox {
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	-o-border-radius: 5px;
 	-ms-border-radius: 5px;
 	-khtml-border-radius: 5px;
	 border-radius: 5px;
}

.innerbox img {
	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	-o-border-radius: 3px;
 	-ms-border-radius: 3px;
 	-khtml-border-radius: 3px;
	 border-radius: 3px;
}

.innerbox.color-grey {
	background-color: #dad9d8;
}
.innerbox.color-0 {
	background-color: #fff;
}
.innerbox.color-1 {
	zzbackground-color: #9daccf;
	ZZbackground-color: #ff864b;
	background-color: #4ba925;
}
.innerbox.color-2 {
	zzbackground-color: #bcc8e1;
	ZZbackground-color: #ffdfb3;
	background-color: #e7e7e7;
}
.innerbox.color-3 {
	zzbackground-color: #cdd5e7;
	zzzbackground-color: #ffcfcf;
	ZZbackground-color: #91aae5;
	background-color: #b3c7f6;
}
.innerbox.color-4 {
	background-color: #4F8AD4;
}
.senaste-nyheterna {
}

.container  .one-sixth.column.lankar { 
    width: 125px; 
	margin-right: 15px;
	margin-left: 15px;
	xxborder-right: 1px solid #fff;
}


/* #Formulär ===================================== */
/* kontaktsidan - post-101 */
	#post-101 input[type="text"],
	#post-101 input[type="password"],
	#post-101 input[type="email"],
	#post-101 textarea,
	#post-101 select {
	width: 280px; }
	#post-101 span.wpcf7-not-valid-tip {
	width: 280px; }


/*  Nyheter - blogg  ============================== */
.nyhetsutdrag h2 a.lasmer{
	padding-bottom: 0px;
	border-bottom: 1px dotted #9d9d9d;
}
.nyhetsutdrag h2 a.lasmer:hover{
	padding-bottom: 0px;
	border-bottom: 1px dotted #727272;
}
.nyhetsbild {
	float: right;
	margin-left: 20px;
}
@media only screen and (max-width: 479px) {
.nyhetsbild {
	float: left;
	margin-left: 0px;
	}
}
.nyhetsbild img {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-bottom-style: none;
}
.nyhetsbild a {
	border-style: none!important;
}

.nyhetsutdrag p {
	margin-bottom: 10px;
}
.nyhetsetiketter {
	font-size: 80%;
	margin-bottom: 15px;
}
.nyhetsetiketter.listning {
	xxfont-size: 80%;
	margin-bottom: 20px;
	xxfloat: right;
	xxwidth: 510px;
	xxtext-align: right;
}
.nyhetsetiketter a {
	color: #7b7b7b;
}
.nyhetsetiketter a:hover {
	color: #474747;
}
.follow-lankar {
	min-height: 30px;
}
hr.nyhets-hr {
	margin-top: 15px;
	margin-bottom: 20px;
}
hr.nyhetslistning-hr {
	margin-top: 23px;
}

/* inloggning
================================================== */
.sidbar-login-liten-skarm {
	display: none !important;
}
.page-id-14 .sidbar-login-liten-skarm {
	height: 10px;
}
.sidbar-login-liten-skarm p {
	xxmargin-left: 20px;
}
xx.sidbar-login-ikonsidan {
	xxdisplay: none!important;
	xxposition: absolute;
}


/* #Avtals sidorna
================================================== */

/* Ikonsidan */
#post-698 h1 {
	margin-bottom: 5px;
}
#post-698 p {
	font-size: 16px;
}
#post-698.sixteen{
	margin-left: 50px;
	width: 860px;
	margin-bottom: 10px;
}


.in-green {
	background-color:#4ba925;
 }

.bg-in-green-2024 {
	background-color:#6CC04A;
 }
 
 .bg-in-green-winter {
 	background-color:#E4EAE2;
 }
 
 .bg-in-green-dark {
 	background-color:#003902;
 }
 
.in-green-2024 {
	color:#6CC04A;
 }
 
 .in-green-winter {
 	color:#E4EAE2;
 }
 
 .in-green-dark {
 	color:#003902;
 }
 
 
 
.avtalsikon {
	height: 12px;
	float: left;
	width: 120px;
	margin-bottom: 0;
	left: -10px;
	position: relative;
}
.ett-avtal h1 {
	margin-bottom: 5px;
}
.ett-avtal h4 {
	margin-bottom: 7px;
}
.avtals-beskrivning {
	font-size: 16px;
	/*min-height: 52px;*/
	line-height: 22px;
}
.jfr-tabell+h4 {
	margin-top: 25px;
}

/*   */
.jfr-tabell {
	margin-bottom: 0px;
}
.jfr-tabell+p {
	margin-top: 10px;
}

/* 4 kolumner */
.jfr-4-kolumner {
}
.jfr-rad   {
	xxclear: left;
}
.jfr-rad  {
	border-bottom: 1px solid #003902;
	padding-bottom: 5px;
	padding-top: 1px;
}
.jfr-rad:nth-child(odd)  {
	background-color: #e4eae2;
}
.jfr-rad span {
	float: left;
}
.jfr-rad .kolumn-0 {
	width: 46%;
	padding-top: 5px;
}
.jfr-rad .kolumn-1,.jfr-rad .kolumn-2,.jfr-rad .kolumn-3 {
	width: 18%;
	text-align: right;
	padding-top: 5px;
}
.jfr-rad.rad-1 {
	xxfont-weight: bold;
	background-color: #003902;
	border-top: 1px solid #003902;
	color: #ffffff;
}

/* 1 kolumner */
.jfr-1-kolumner .kolumn-0 {
	width: 100%;
}

/* 2 kolumner */
.jfr-2-kolumner .kolumn-0 {
	width: 70%;
}
.jfr-2-kolumner .kolumn-1 {
	width: 30%;
}

/* 3 kolumner */
.jfr-3-kolumner .kolumn-0 {
	width: 60%;
}
.jfr-3-kolumner .kolumn-1, .jfr-3-kolumner .kolumn-2 {
	width: 20%;
}


/* Ny version med bootstrap 4 tabeller */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e4eae2;
    }



.leverantor {
	margin-bottom: 20px;
}
.lev-rad span {
	float: left;
}
.lev-rad .lev-kolumn-0  {
	width: 20%;
	xxfont-weight: bold;
	font-family: "Flexo-Demi", Arial, sans-serif;
	color: #111;
}
.lev-rad .lev-kolumn-1  {
	width: 80%;
}
.lev-rad-1 .lev-kolumn-1  {
	xxfont-weight: bold;
	font-family: "Flexo-Demi", Arial, sans-serif; 
	color: #131313;
	font-size: 110%;
}

.dragspels-rubrik {
	border-top: 2px solid #c6e3b9;
	border-bottom: 1px solid #c6e3b9;
	background-color: #60c659;
	color: white;
	margin-top: 10px;
}
.dragspels-rubrik a {
	color: white;
}

.dragspels-rubrik-text {
	float: left;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.dragspels-rubrik-knapp {
	float: right;
	padding-top: 5px;
	padding-right: 10px;
}
.dragspels-innehall {
	background-color: #fefffc;
	padding: 8px;
	border: 1px solid #60c659;
	margin-bottom: 10px;
}
.mindre_text {
	font-size: 84%;
	line-height: 140%;
}
.slider {
	height: 330px;
}
/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

.slider {
	height: 270px;
}

/* Mitten */
.container .one-third.column.box {
	width: 256px;
}
.container .two-thirds.column.box {
	width: 512px;
}
.container .one-third.column.innerbox {
    width: 196px;
}
.container .two-thirds.column.innerbox {
    width: 452px;
}
.container .one-half.column.innerbox {
    width: 324px;
}

/* Ikoner */

.ikoner.columns {
	margin-right: 12px;
	margin-left: 12px;
}
.container .ikonruta.column { 
	width: 120px;
	margin-left: 4px;
	margin-right: 4px;
}
/* Ikonsidan */
#post-698.sixteen{
	margin-left: 29px;
	width: 710px;
	margin-bottom: 10px;
}



/* Foten */
.one-third.column.fotnavigering.kontakt{
	width: 230px;
	xxpadding-left: 0px;
	xxpadding-right: 0px;
}

.container .one-sixth.column.lankar { 
    width: 99px;
}
.container .one-sixth.column.lankar.last {
	border-right-style: none;
}
xx.one-third.column.fotnavigering.kontakt{
	padding-top: 20px;
	width: 738px;
	margin-left: 15px;
}
.one-third.column.fotnavigering.kontakt .uppgifter {
	float: left;
	xmargin-right: 30px;
}	
.logotyp-eiorabatt-fot {
	margin-bottom: 4px;
}
/* .foten {
	height: 110px;
} */
.wrap {
	margin: 0 auto -30px; 
}
 .push {
	height: 170px; 
}




/* #Formulär ===================================== */
/* kontaktsidan - post-101 */
	#post-101 input[type="text"],
	#post-101 input[type="password"],
	#post-101 input[type="email"],
	#post-101 textarea,
	#post-101 select {
	width: 228px; }
	#post-101 span.wpcf7-not-valid-tip {
	width: 228px;
	font-size: 12px;
}	
	
	
} /* ------------------------ */


/* **************************************** */


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
	xxbody {
	background-color: white;
}


.head .logotyp {
	margin-top: 20px;
	margin-left: 8px;
}

.slider {
	height: 165px;
}
.navigering {
	margin-top: 10px;
}

xx.navigering ul li:first-child {
	margin-left: 0px;
}
.row {
	margin-bottom: 0;
}
.container .two-thirds.column.box {
	width: 420px;
	xxbackground-color: #e0f1d2;
}

.container .one-third.column.innerbox,
.container .two-thirds.column.innerbox {
    width: 380px;
}
.container .one-half.column.innerbox {
    width: 380px;
}

/* Ikoner */

.ikoner.columns {
	margin-right: 0px;
	margin-left: 20px;
}
.container .ikonruta.column { 
	width: 120px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* Ikonsidan */
#post-698 h1 {
	margin-bottom: 5px;
}
#post-698 p {
	font-size: 16px;
}
#post-698.sixteen{
	margin-left: 10px;
	width: 400px;
	margin-bottom: 10px;
}

/* inloggning
================================================== */
.sidbar-login-liten-skarm {
	display: block!important;
}
.sidbar-login-ikonsidan {
	display: none!important;
}
.sidbar-login-stor-skarm {
	display: none !important;
}

/* Foten ----------------
.container .one-sixth.column.lankar { 
	xxdisplay: none;
	margin-left: 0;
	width: 195px;
}
.foten {
	height: inherit;
	padding-bottom: 15px;
} */
.one-third.column.fotnavigering.kontakt{
	width: 360px;
	xxpadding-left: 20px;
	xxpadding-right: 20px;
	margin-bottom: 15px;
}

/* #Formulär ===================================== */
/* kontaktsidan - post-101 */
	#post-101 input[type="text"],
	#post-101 input[type="password"],
	#post-101 input[type="email"],
	#post-101 textarea,
	#post-101 select {
	width: 410px; }
	#post-101 span.wpcf7-not-valid-tip {
	width: 410px; }	
	
} /* ------------------------ */

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {	
	
} /* ------------------------ */

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	

.slider {
	height: 125px;
}

.container .two-thirds.column.box {
	width: 300px;
	xxbackground-color: #e0f1d2;
}
.container .one-third.column.innerbox,
.container .two-thirds.column.innerbox {
    width: 260px;
}
.container .one-half.column.innerbox {
    width: 260px;
}


/* Ikoner */

.ikoner.columns {
	xxmargin-right: 0px;
	xxmargin-left: 20px;
}
.container .ikonruta.column { 
	width: 120px;
	margin-left: 15px;
	margin-right: 14px;
	margin-bottom: 10px;
}

/* Ikonsidan */
#post-1316 h1 {
	margin-bottom: 10px;
	font-size: 27px;
	line-height: 34px;
}
#post-1316 p {
	font-size: 15px;
}
/*
#post-1316.sixteen{
	margin-left: 10px;
	width: 280px;
	margin-bottom: 5px;
}
*/


/* Foten */

.container .one-sixth.column.lankar { 
	width: 135px;
}
.one-third.column.fotnavigering.kontakt{
	width: 300px;
	padding-left: 0px;
	padding-right: 0px;
}

.nyhetsbild {
	float: none;
	margin-right: 20px;
}

/* Avtals sidor */
.avtals-sida .ett-avtal h1 {
	font-size: 26px;
	line-height: 32px;
}
.lev-rad  {
	display: block;
	margin-bottom: 10px;
}
.leverantor .lev-rad span {
	float: none;
	width: 100%;
	display: block;
}
.en-tom-cell {
	position: absolute;
}



.btn-blue {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none;
}

.btn-blue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn-red {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #d93434, #b82b2b);
  background-image: -moz-linear-gradient(top, #d93434, #b82b2b);
  background-image: -ms-linear-gradient(top, #d93434, #b82b2b);
  background-image: -o-linear-gradient(top, #d93434, #b82b2b);
  background-image: linear-gradient(to bottom, #d93434, #b82b2b);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none;
}

.btn-red:hover {
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -moz-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -ms-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -o-linear-gradient(top, #fc3c3c, #d93434);
  background-image: linear-gradient(to bottom, #fc3c3c, #d93434);
  text-decoration: none;
  }

} /* Slut på äldre mobilregler (max-width: 479px). */

/* Startsida 2026: header, meny, topplista och avtalsrubrik. */
.in-header-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 16px;
}

.in-site-brand {
	display: block;
	flex-shrink: 0;
	width: 200px;
	max-width: calc(100% - 160px);
}

.in-site-brand img {
	display: block;
	width: 100%;
	height: auto;
}

.in-header-tools {
	min-width: 0;
	max-width: 100%;
	margin-left: auto;
}

.in-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.in-header-user {
	margin-top: 4px;
	text-align: right;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

#loginbutton.in-account-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-height: 40px;
	padding: 8px 25px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 160ms ease;
}

#loginbutton.in-account-link:hover,
#loginbutton.in-account-link:focus {
	background-color: #6cc04a;
	color: #fff;
}

.in-account-icon {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	flex-shrink: 0;
}

.in-header-search {
	flex: 0 1 320px;
	min-width: 0;
	width: 320px;
	max-width: 100%;
}

.in-header-search form {
	margin: 0;
}

.in-header-search .input-group {
	flex-wrap: nowrap;
}

.in-header-search input[type="text"] {
	flex: 1 1 0;
	min-width: 0;
	max-width: none !important;
	height: 40px;
}

.in-header-search #searchsubmit {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	height: 40px;
	padding: 0 !important;
	border: 0;
}

.in-header-search .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.in-primary-nav {
	border-radius: 8px;
	overflow: hidden;
	background: #e4eae2;
}

.in-primary-nav .nav {
	margin: 0;
}

.in-primary-nav .nav-item {
	min-width: 0;
	margin: 0;
}

.in-primary-nav .nav-link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 8px 12px 4px;
	border-bottom: 4px solid transparent;
	border-radius: 0;
	background: #e4eae2;
	color: #003902;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.in-primary-nav .nav-link:hover,
.in-primary-nav .nav-link:focus,
.in-primary-nav .nav-link.is-current {
	background: #d4dfd2;
	color: #003902;
	border-bottom-color: #003902;
}

.in-primary-nav .nav-link.is-current {
	font-weight: 700;
}

.in-primary-nav .nav-link:focus-visible,
#loginbutton.in-account-link:focus-visible,
.in-header-search input[type="text"]:focus-visible,
.in-header-search #searchsubmit:focus-visible,
.in-toplist-list a:focus-visible {
	outline: 2px solid #6cc04a;
	outline-offset: -3px;
}

.in-menu-icon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
	flex-shrink: 0;
	object-fit: contain;
}

.in-primary-nav .nav-item + .nav-item .nav-link::before {
	content: '';
	position: absolute;
	top: 25%;
	bottom: 25%;
	left: 0;
	width: 1px;
	background: #ccd7c9;
}

.in-toplist {
	flex: 1 1 0;
	min-width: 0;
	margin-right: 16px;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.in-toplist h4 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.in-toplist-list {
	list-style: decimal;
	margin: 0;
	padding-left: 25px;
}

.in-toplist-list li {
	margin: 0;
	padding-left: 4px;
}

.in-toplist-list li::marker {
	color: #003902;
	font-weight: 700;
}

.in-toplist-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 28px;
	padding: 3px 0;
	color: #003902;
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none;
}

.in-toplist-list a:hover,
.in-toplist-list a:focus {
	color: #005408;
	text-decoration: none;
}

.in-toplist-list a:hover > span:not(.in-toplist-arrow),
.in-toplist-list a:focus > span:not(.in-toplist-arrow) {
	text-decoration: underline;
}

.in-toplist-arrow {
	margin-left: 12px;
	flex-shrink: 0;
	color: #628069;
}

.in-agreements-heading {
	border-radius: 8px;
}

.in-agreements-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
}

.in-agreements-title::before,
.in-agreements-title::after {
	content: '';
	flex: 1 1 0;
	min-width: 12px;
	height: 1px;
	background: currentColor;
	opacity: .4;
}

.in-agreements-title span {
	margin: 0 20px;
	text-align: center;
}

@media (max-width: 991.98px) {
	.in-primary-nav .nav-item {
		flex: 0 0 33.333333%;
	}

	.in-primary-nav .nav-item:nth-child(3n + 1) .nav-link::before {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.in-header-tools.is-logged-in {
		width: 100%;
	}

	.in-header-search {
		flex-grow: 1;
	}
}

@media (max-width: 575.98px) {
	.in-site-brand {
		width: 180px;
	}

	.in-primary-nav .nav-item {
		flex: 0 0 50%;
	}

	.in-primary-nav .nav-item .nav-link::before {
		display: none;
	}

	.in-primary-nav .nav-item:nth-child(2n) .nav-link::before {
		display: block;
	}

	.in-menu-icon {
		width: 22px;
		height: 22px;
		margin-right: 8px;
	}

	.in-agreements-title {
		font-size: 18px;
		line-height: 1.4;
	}

	.in-agreements-title span {
		margin: 0 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.in-primary-nav .nav-link,
	#loginbutton.in-account-link {
		transition: none;
	}
}

/* Leverantörslistor och prisexempel på grupp- och avtalssidor. */
.in-agreement-content .list-group > .list-group-item:first-child:not(.list-group-item-action),
.in-agreement-content p.list-group-item.in-bg-dark {
	background-color: #003902;
	border-color: #003902;
	color: #ffffff;
	margin-bottom: 24px;
}

.in-agreement-content .in-price-table th,
.in-agreement-content .in-price-table td {
	height: 48px;
	padding-top: 12px;
	padding-bottom: 12px;
	vertical-align: middle;
}