.mGrid, .mTable /* klass för datagrid. Stylar alla i datagriden ingående delar, t ex th eller alt-rader i avikande färg */ 
	{ width: 870px; background-color:#e9e9e9; margin: 5px 0 10px 0; border:0; cellspacing:0; border-collapse:collapse; font-size: 12px; text-align:left; font-weight:bold}
    .mGrid td { padding: 5px 3px 5px 3px;  }
    .mGrid th { padding: 5px 3px 5px 3px; color: #000; background: #fff; border: 0; border-style:none; border-bottom: solid #3a3a3a 1px; text-align:left; font-weight:normal}
	.mGrid .alt { background: #fff; }
	.mGrid .pgr {background: #fff; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border: 0; font-weight: bold; color: #222; line-height: 12px; }   
    .mGrid .pgr a { color: #216fb9; text-decoration: none; }
    .mGrid .pgr a:hover { color: #216fb9; text-decoration: underline; }
	
/*.mGrid tr:hover {color: #fff; background-color: #216fb9; }  */ 



	
/*	.mTable  klass för datagrid. Stylar alla i datagriden ingående delar, t ex th eller alt-rader i avikande färg  
	{ width: 870px; background-color:#e9e9e9; margin: 5px 0 10px 0; border:0; cellspacing:0; border-collapse:collapse; font-size: 12px; text-align:left;}
    .mTable td { padding: 5px 3px 5px 3px;  }
    .mTable th { padding: 5px 3px 5px 3px; color: #fff; background: #3a3a3a; border: 0; text-align:left;}
	.mTable .alt { background: #fff; }
	.mTable .pgr {background: #fff; }
    .mTable .pgr table { margin: 5px 0; }
    .mTable .pgr td { border-width: 0; padding: 0 6px; border: 0; font-weight: bold; color: #222; line-height: 12px; }   
    .mTable .pgr a { color: #216fb9; text-decoration: none; }
    .mTable .pgr a:hover { color: #216fb9; text-decoration: underline; }
	.mTable .td:hover { color: #fff; background:#CC3399 }  */
	
.formbox .mGrid /* gör så att en datagrid med klass mGrid inuti div formbox blir smalare än den vanliga. */ 
	{ width: 800px; }
	
	.formrubrik
	{
	/* Rubrik inuti formulär */
	display: block;
	color: #216fb9;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	font-size: 18px;
	line-height: 18px;
	background-color: none;
	}
		.formStyckeRubrik
	{
	/* Rubrik inuti formulär */
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	}
	
	.tabellsumma 
{
    border-top: 1px dotted #3a3a3a;
    background-color: #3a3a3a; 
	font-weight: bolder; 
	color: #fffffe;
	padding: 33px;
	}
	
	.tabellsummarabatt 
	{
		border-top: 1px dotted #3a3a3a;
		background-color: #3a3a3a; 
		font-style: italic;
		color: #fffffe;
		padding: 33px;
	}
	
	/* Text alignment för table headers med både tabellsumma och text_right */
	.mGrid th.tabellsumma.text_right {
		text-align: right !important;
	}
	
	.radio {
 margin-left: 0px; 
 width:auto; 
 background-color:#e9e9e9;
 border: 0;}
 
 	.checkbox {
 margin-left: 0px; 
 width:auto; 
 background-color:#e9e9e9;
 border: 0;}	
	
	
	
/* ----------KNAPPAR---------- */

.button /* vanlig knapp */ {
	/*padding: 2px 4px 2px 4px;*/
	padding: 6px 9px 6px 9px;
	font-family: 'Archivo', Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	font-size: 14px;
	color: #ffffff;
	border-style: none;
	background-color: #216fb9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;
	TEXT-TRANSFORM: uppercase;
	LETTER-SPACING: 1px;
	CURSOR: pointer;
	overflow: visible;
}



.bigbutton /* vanlig knapp */ {
	/*padding: 2px 4px 2px 4px;*/
	padding: 5px 19px 5px 19px;
	font-family: 'Archivo', Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	font-size: 18px;
	color: #ffffff;
	border-style: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;
	TEXT-TRANSFORM: uppercase;
	LETTER-SPACING: 1px;
	CURSOR: pointer;
	overflow: visible;
}

.smallbutton /* liten knapp */ {
	/*padding: 2px 4px 2px 4px;*/
	padding: 2px 5px 2px 5px;
	font-family: 'Archivo', Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	color: #ffffff;
	border-style: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;
	LETTER-SPACING: 1px;
	CURSOR: pointer;
	overflow: visible;
}

.smallerbutton /* minsta knappen */ {
	/*padding: 2px 4px 2px 4px;*/
	padding: 0px 2px 0px 2px;
	font-family: 'Archivo', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: #fff;
	border-style: 1px solid #000000;
	;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;
	LETTER-SPACING: 1px;
	CURSOR: pointer;
	overflow: visible;
}

.button:hover {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_hover_bg.gif) #216fb9 repeat-x left top;}
.button:active {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}
.button:focus {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}

.smallbutton:hover {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_hover_bg.gif) #216fb9 repeat-x left top;}
.smallbutton:active {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}
.smallbutton:focus {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}

.smallerbutton:hover {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_hover_bg.gif) #216fb9 repeat-x left top;}
.smallerbutton:active {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}
.smallerbutton:focus {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}

.bigbutton:hover {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_hover_bg.gif) #216fb9 repeat-x left top;}
.bigbutton:active {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}
.bigbutton:focus {	BACKGROUND: url(https://hundar.skk.se/gemensam/bilder/button_bg_eds.gif) #216fb9 repeat-x left top;}

.nolink {
border: border: 0px solid;
}


		label 
{
	/* Rubrik på formulärfält, funktion */
	position:relative;
	display: inline-block;
	color: #333;
	font-weight: bold;
	line-height: 16px;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 5px;
	background-color: none;

	}
	
		.obl 
{
	/* Stor blå asteriskk till label för obligatoriska fält */
	display: ;
	color: #216fb9;
	font-size:19px;
	line-height: 50px;
	}
	
	option:link, option:hover, option:active, option:focus  {
	background-color:#216fb9;
	color: #ffffff;
}
  	.text_right{
  text-align: right;
  }

.validator


	.dold /* döljer objektet */
{
display:none;
}


/* ===== Modern knapp (alla varianter) EDS  ny style ===== */
.table_ianm_EDS {
  width: 870px;
  border: 0px;
  border-spacing: 0px;
  padding: 5px 20px 5px 20px;
  background-color: #f0f6ff ;
  text-align: left;
  border-radius: 7px;
  font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  }
  
  /* unikt för texten i #HundViktigInfo */
#HundViktigInfo {
  /*font-weight: bold;*/
  font-size: 12px;
  color: #000000;    /* orange från grafiska manualen #d45d00; men svart*/
}
#HundViktigInfo * {
  font-size: inherit;
  color: inherit;
}

/* Om något ändå överskriver – nödlösning */
#HundViktigInfo, #HundViktigInfo * {
  font-size: 12px !important;
  /*color: #d45d00 !important;*/
}

/* unikt för texten i #HundViktigInfo2 */
#HundViktigInfo2 {
  font-style: italic;
  font-size: 12px;
  color: #000000;/* orange från grafiska manualen #d45d00;*/
}

#HundViktigInfo2 * {
  font-size: inherit;
  color: inherit;
}

.viktiginfotable td,
.viktiginfotable th {
  font-size: 12px;
  color: #000000;   /* orange från grafiska manualen #d45d00; */
  font-style: normal;
}




button.button, input.button, a.button, .button,
button.bigbutton, input.bigbutton, a.bigbutton, .bigbutton,
button.smallbutton, input.smallbutton, a.smallbutton, .smallbutton,
button.smallerbutton, input.smallerbutton, a.smallerbutton, .smallerbutton,
button.tablebutton, input.tablebutton, a.tablebutton, .tablebutton {
    background: linear-gradient(135deg, #2a8ae6, #216fb9) !important; /* djupare blå gradient */
    color: #ffffff !important;

    border-radius: 6px !important;
    border: none !important;
    padding: 6px 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-family: 'Archivo', Arial, Helvetica, sans-serif !important;

    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

    cursor: pointer !important;
    transition: background 0.3s ease, color 0.3s ease, transform 0.06s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Stor knapp */
button.bigbutton, input.bigbutton, a.bigbutton, .bigbutton {
    padding: 8px 18px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
}

/* Liten knapp */
button.smallbutton, input.smallbutton, a.smallbutton, .smallbutton {
    padding: 4px 8px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

/* Minsta knappen */
button.smallerbutton, input.smallerbutton, a.smallerbutton, .smallerbutton {
    padding: 2px 6px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
}

/* Tabellknapp (ny) – ännu nättare än small */
button.tablebutton, input.tablebutton, a.tablebutton, .tablebutton {
    padding: 2px 6px !important;
    font-size: 11.5px !important;
    border-radius: 4px !important;
    /*text-transform: none !important;   /* valfritt: små bokstäver i tabell */
    /*letter-spacing: 0 !important;      /* mindre luft mellan bokstäver */
}

/* Hover = grå gradient */
button.button:hover, input.button:hover, a.button:hover, .button:hover,
button.bigbutton:hover, input.bigbutton:hover, a.bigbutton:hover, .bigbutton:hover,
button.smallbutton:hover, input.smallbutton:hover, a.smallbutton:hover, .smallbutton:hover,
button.smallerbutton:hover, input.smallerbutton:hover, a.smallerbutton:hover, .smallerbutton:hover,
button.tablebutton:hover, input.tablebutton:hover, a.tablebutton:hover, .tablebutton:hover {
    background: linear-gradient(135deg, #e0e0e0, #b0b0b0) !important;
    color: #222 !important;
}

/* Active (nedtryckt) */
button.button:active, input.button:active, a.button:active, .button:active,
button.bigbutton:active, input.bigbutton:active, a.bigbutton:active, .bigbutton:active,
button.smallbutton:active, input.smallbutton:active, a.smallbutton:active, .smallbutton:active,
button.smallerbutton:active, input.smallerbutton:active, a.smallerbutton:active, .smallerbutton:active,
button.tablebutton:active, input.tablebutton:active, a.tablebutton:active, .tablebutton:active {
    background: linear-gradient(135deg, #999, #777) !important;
    color: #fff !important;
    transform: scale(0.98) !important;
}

/* Ta bort focus */
button:focus,
input[type=button]:focus,
input[type=submit]:focus,
a.button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Fokus (diskret svart/grå ram) 
button.button:focus-visible, input.button:focus-visible, a.button:focus-visible, .button:focus-visible,
button.bigbutton:focus-visible, input.bigbutton:focus-visible, a.bigbutton:focus-visible, .bigbutton:focus-visible,
button.smallbutton:focus-visible, input.smallbutton:focus-visible, a.smallbutton:focus-visible, .smallbutton:focus-visible,
button.smallerbutton:focus-visible, input.smallerbutton:focus-visible, a.smallerbutton:focus-visible, .smallerbutton:focus-visible {
    outline: 2px solid #333 !important;
    outline-offset: 2px !important;
}*/

/* Targeta både rena inputs och klass .checkbox */
input[type="checkbox"],
input[type="checkbox"].checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #bbb;
    border-radius: 2px;        /* lite rundare hörn */
    background-color: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
    vertical-align: middle;
    position: relative;
}

/* Ikryssad */
input[type="checkbox"]:checked,
input[type="checkbox"].checkbox:checked {
    background: linear-gradient(135deg, #2680d9, #216fb9);
    border-color: #216fb9;
}

/* Bock-symbol (optiskt centrerad) */
input[type="checkbox"]:checked::after,
input[type="checkbox"].checkbox:checked::after {
    content: "";
    position: absolute;
    top: 20%;
    left: 50%;
    width: 8px;     /* lite större */
    height: 12px;   /* lite högre */
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: translate(-45%, -55%) rotate(45deg);
}


/* Hover-effekt */
input[type="checkbox"]:hover,
input[type="checkbox"].checkbox:hover {
    border-color: #2680d9;
}



/* ===== Radio button ===== */
input[type="radio"].radio {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #bbb;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
    vertical-align: middle;
    position: relative;
}

/* När den är vald */
input[type="radio"].radio:checked {
    border-color: #216fb9;
    background: linear-gradient(135deg, #2680d9, #216fb9);
}

/* Inre cirkel */
input[type="radio"].radio:checked::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}

/* Hover */
input[type="radio"].radio:hover {
    border-color: #2680d9;
}

/* ===== HELP LINK OVERRIDE ===== */
/* Öka specificitet + täck alla states */
table a.help-link, 
table a.help-link:link,
table a.help-link:visited,
table a.help-link:hover,
table a.help-link:active,
.centrerad a.help-link,
.centrerad a.help-link:link,
.centrerad a.help-link:visited,
.centrerad a.help-link:hover,
.centrerad a.help-link:active {
  color: inherit !important;           /* ta bort blå länkfärg */
  text-decoration: none !important;    /* ta bort underline */
  border: 0 !important;                /* om underline gjorts som border */
  display: inline-flex !important;     /* låt ikonen styra höjd */
  align-items: flex-start !important;  /* lyft upp lite på raden */
  line-height: 0 !important;           /* inga extra radpixlar/streck */
  font-size: 0 !important;             /* nolla ev. textnoder i ankaret */
}

/* Basinställningar för img */
a.help-link {
  text-decoration: none !important;
  color: inherit !important;
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

a.help-link img.help-icon {
  width: 14px;
  height: 14px;
  display: block;
  cursor: pointer;
  border: 0;
  outline: 0;
  padding: 0;
  background: #e0e0e0;
}

/* Normal – blå bakgrund, vitt frågetecken */
a.help-link img.help-icon {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><defs><linearGradient id='g' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%232680d9'/><stop offset='100%' stop-color='%23216fb9'/></linearGradient></defs><rect x='0' y='0' width='14' height='14' rx='3' ry='3' fill='url(%23g)'/><path d='M5 4c0-1.2 1-2.2 2-2.2s2 1 2 2.2c0 1.3-1.3 1.7-2 2.3v1.2' stroke='%23fff' stroke-width='1.6' fill='none' stroke-linecap='round'/><circle cx='7' cy='10.4' r='1.05' fill='%23fff'/></svg>");
}

/* Hover – grå bakgrund, mörkt frågetecken (större) 
a.help-link img.help-icon:hover {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><defs><linearGradient id='h' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%23f0f0f0'/><stop offset='100%' stop-color='%23c0c0c0'/></linearGradient></defs><rect x='0' y='0' width='14' height='14' rx='3' ry='3' fill='url(%23h)'/><path d='M5 4c0-1.2 1-2.2 2-2.2s2 1 2 2.2c0 1.3-1.3 1.7-2 2.3v1.2' stroke='%23222' stroke-width='2' fill='none' stroke-linecap='round'/><circle cx='7' cy='10.4' r='1.2' fill='%23222'/></svg>");
}*/

/* Hover – mörkblå bakgrund, vit frågetecken */
a.help-link img.help-icon:hover {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><defs><linearGradient id='h' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%23133c66'/><stop offset='100%' stop-color='%23133c66'/></linearGradient></defs><rect x='0' y='0' width='14' height='14' rx='3' ry='3' fill='url(%23h)'/><path d='M5 4c0-1.2 1-2.2 2-2.2s2 1 2 2.2c0 1.3-1.3 1.7-2 2.3v1.2' stroke='white' stroke-width='2' fill='none' stroke-linecap='round'/><circle cx='7' cy='10.4' r='1.2' fill='white'/></svg>");
}

/* Active – mörkgrå bakgrund, vitt frågetecken (större) */
a.help-link img.help-icon:active {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><defs><linearGradient id='a' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' stop-color='%23999'/><stop offset='100%' stop-color='%23777'/></linearGradient></defs><rect x='0' y='0' width='14' height='14' rx='3' ry='3' fill='url(%23a)'/><path d='M5 4c0-1.2 1-2.2 2-2.2s2 1 2 2.2c0 1.3-1.3 1.7-2 2.3v1.2' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/><circle cx='7' cy='10.4' r='1.2' fill='%23fff'/></svg>");
}


/* Grundfärg */
a.modern-link,
.modern-link-scope a,
a.modern-link span.spanlink,
.modern-link-scope a span.spanlink {
  color: #216fb9 !important;  /* stark blå */
  text-decoration: none !important;
  background: transparent !important;
  font-weight: bold !important;
  transition: color 0.25s ease,
              text-decoration-color 0.25s ease,
              text-underline-offset 0.25s ease;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
}

/* visited */
a.modern-link:visited,
.modern-link-scope a:visited,
a.modern-link:visited span.spanlink,
.modern-link-scope a:visited span.spanlink {
  color: #216fb9 !important;
}

/* Hover/focus */
a.modern-link:hover,
a.modern-link:focus-visible,
.modern-link-scope a:hover,
.modern-link-scope a:focus-visible,
a.modern-link:hover span.spanlink,
a.modern-link:focus-visible span.spanlink,
.modern-link-scope a:hover span.spanlink,
.modern-link-scope a:focus-visible span.spanlink {
  color: #133c66 !important; /* mörkare blå */
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px; /* närmare texten */
  background: transparent !important;
  box-shadow: none !important;
}

/* Active */
a.modern-link:active,
.modern-link-scope a:active,
a.modern-link:active span.spanlink,
.modern-link-scope a:active span.spanlink {
  color: #000 !important; /* helsvart */
  text-decoration: underline !important;
}

/* --- MGRID typografi: bara TH ska vara bold --- */
.mGrid { font-weight: normal !important; }    /* nolla globala bold:en */
.mGrid th { font-weight: 700 !important; }    /* rubrikceller ska vara bold */

/* --- Länkar i mGrid (samma look som modern-link) --- */
.mGrid a {
  color: #216fb9 !important;                 /* grundblå */
  text-decoration: none !important;
  background: transparent !important;
  font-weight: bold !important;              /* länkarna själva bold */
  transition: color .25s ease, text-decoration-color .25s ease, text-underline-offset .25s ease;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
}
.mGrid a:visited { color: #216fb9 !important; }
.mGrid a:hover,
.mGrid a:focus-visible {
  color: #133c66 !important;                 /* mörkblå (nästan svart men blåtonad) */
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;                /* nära texten i tabell */
  background: transparent !important;
  box-shadow: none !important;
}
.mGrid a:active {
  color: #050d1a !important;                 /* ännu mörkare blå vid klick */
  text-decoration: underline !important;
}

/* --- Paginering i mGrid --- */
.mGrid .pgr a {
  color: #216fb9 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}
.mGrid .pgr a:hover,
.mGrid .pgr a:focus-visible {
  color: #133c66 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.mGrid .pgr td { color: #222 !important; }   /* texten runt pagelänkarna */

/* --- Tabellknapp lite nättare i celler --- */
.mGrid .tablebutton,
.mGrid a.tablebutton,
.mGrid button.tablebutton,
.mGrid input.tablebutton {
  padding: 5px 10px !important;
  font-size: 12.5px !important;
  border-radius: 6px !important;
  letter-spacing: .5px !important;
  text-transform: none !important;           /* lugnare i tabell */
  white-space: nowrap !important;            /* spricker inte över rader */
}

/* Grundstil för th-länkar (sortering) */
.mGrid th a {
  color: #000 !important;          /* svart text */
  text-decoration: none !important;
  font-weight: bold !important;
  cursor: pointer;
  position: relative;
  padding-right: 14px;             /* plats för pilen */
}

/* Vid hover – bara färgskiftning */
.mGrid th a:hover {
  color: #216fb9 !important;        /*diskret blå ton vid hover */
}

/* Grundstil för th-länkar */
.mGrid th a {
  color: #000 !important;              /* svart text */
  text-decoration: none !important;    /* ingen underline */
  font-weight: bold !important;
  padding-right: 14px;                 /* plats för pilen */
  position: relative;
}

.mGrid th {
  white-space: nowrap;       /* aldrig radbrytning */
  vertical-align: middle;    /* snygg centrering */
  padding: 6px 10px;
}

/* Ta bort radhover helt för specialtabellen */
.mHoverOption tr:hover td {
  background-color: inherit !important;
}

/* När man hovrar över första cellen ? highlight hela raden */
.mHoverOption td:first-child:hover {
  background-color: #f0f6ff !important; /* ljusblå */
}

/* Låt första cellens hover sprida sig till hela raden */
.mHoverOption td:first-child:hover ~ td {
  background-color: #f0f6ff !important;
}



/* Hover – bara färgskiftning */
.mHoverOption th a:hover {
  color: #216fb9 !important;  /* diskret blå vid hover */
}

/* Neutral pil (alltid synlig) */
.mHoverOption th a::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M2 3 L5 0 L8 3 M2 7 L5 10 L8 7' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>") no-repeat center;
  background-size: contain;
}

/* Aktiv sortering uppåt */
.mHoverOption th a.sort-asc::after {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M2 7 L5 3 L8 7' stroke='%23216fb9' stroke-width='2' fill='none' stroke-linecap='round'/></svg>") no-repeat center;
  background-size: contain;
}

/* Aktiv sortering nedåt */
.mHoverOption th a.sort-desc::after {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M2 3 L5 7 L8 3' stroke='%23216fb9' stroke-width='2' fill='none' stroke-linecap='round'/></svg>") no-repeat center;
  background-size: contain;
}



/* ============= Sök tabellen ==================*/
/* Bas för söktabellen */
.searchdogtable {
  font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  width: 100%;
  max-width: 980px;
  /*background: #ececec;*/
  border-radius: 10px;
  padding: 18px 20px;
  border-collapse: separate;
  border-spacing: 0 8px; /* lite mindre vertikal luft */
}

/* Rubriken högst upp (stor och tydlig) */
.searchdogtable .styckerubrik {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 8px 0;
}

/* Etiketter till vänster – lite mjukare än 700 */
.searchdogtable .text_bold {
  font-weight: 600;          /* var 700 */
  font-size: 12px;           /* var 12 – lite mer läsbart men inte stort */
  line-height: 16px;
}

/* “och/eller” – mindre och nedtonad */
.searchdogtable #regnr0 .text_bold,
.searchdogtable #regnr0 label,
.searchdogtable #regnr0 {
	font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}
/* Endast sista cellen med knappar */
td.searchdogtablecell {
  text-align: right !important;   /* slå ut align="left" */
  vertical-align: middle;
}

/* Lägg knapparna på samma rad även om de ligger i en minitabell */
td.searchdogtablecell > table { border-spacing: 0; margin-left: auto; }
td.searchdogtablecell > table tr { display: flex; gap: 8px; align-items: center; }
td.searchdogtablecell > table td { padding: 0; border: 0; }

/* Gör OK lite nättare utan att ändra global .smallbutton */
td.searchdogtablecell #spanBtnOK .smallbutton {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 4px;
}


/* Mindre OK-knapp */
.searchdogtable td.searchdogtablecell #spanBtnOK .smallbutton {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 4px;
}

/* Inputs & dropdowns – smalare, lägre, svart kant */
.searchdogtable select,
.searchdogtable input[type="text"],
.searchdogtable .textboxSok {
  font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  height: 20px;    /* låg totalhöjd */
  line-height: 15px;         /* kompakt text/rad */
  padding: 1px 1px;          /* smal padding */
  border: 1px solid #000;    /* svart kant (ful-stilen) */
  border-radius: 2px;        /* liten rundning */
  box-sizing: border-box;
  background: #fff;
  outline: none;
}

/* Safari/Firefox kan ignorera height på select – hjälp dem lite */
.searchdogtable select {
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: normal;       /* låt OS hantera vertikal centrering */
}

/* Specifikt: Ras-dropdown och Regnr samma bredd (robust för WebForms-ID) */
.searchdogtable #drpRas,
.searchdogtable [id$="_drpRas"] {
  width: 320px;
  height: 20px;      
}

.searchdogtable #txtRegnr,
.searchdogtable [id$="_txtRegnr"] {
  width: 150px !important;
  height: 20px;              /* var 24px ? ner till 22px */
  line-height: 15px;
  padding: 1px 1px;
}

/* Fokus – ingen blå glow, behåll svart kant */
.searchdogtable select:focus,
.searchdogtable input[type="text"]:focus,
.searchdogtable .textboxSok:focus {
  border-color: #000;
  box-shadow: none;
  outline: none;
}


/* Hjälpikon nära texten */
.searchdogtable .help-icon {
  vertical-align: middle;
  margin-left: 6px;
}

.searchdogtable .pregrid-gap td {
  height: 28px !important;        /* samma effekt som en tom rad */
  line-height: 22 px;
  padding: 0;
  border: 0;
}


/* GridView i resultatlistan */
.searchdogtable .doglist .mGrid {
  font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
  font-size: 12px;
  width: 100%;
}

/* ===========================
   MGrid i searchdogtable (rensad)
   =========================== */

/* Bas */
.searchdogtable .mGrid{
  font-family:'Archivo', Arial, sans-serif;
  font-size:12px;
  border-collapse:collapse;
  width:100%;
}

/* Header (en enda version) */
.searchdogtable .mGrid th{
  background:#ffffff;
  color:#000;
  font-weight:700;
  padding:6px 10px;
  text-align:left;
  border-bottom:1px solid #000;
  white-space:nowrap;
}

/* Celler */
.searchdogtable .mGrid td{
  padding:4px 8px;
  border-bottom:1px solid #e3e8ef;
}

/* Zebra (en enda uppsättning) */
.searchdogtable .mGrid tbody tr:nth-child(odd){ background:#ffffff; }
.searchdogtable .mGrid tbody tr:nth-child(even){ background:#e1e1e1; }

/* Rad-hover */
.searchdogtable .mGrid tr:hover td{ background:#e9f1fb; }

/* Länkar i grid: inaktivera klick (rubriker/text) */
.searchdogtable .mGrid a{
  color:inherit !important;
  text-decoration:none !important;
  font-weight:inherit !important;
  cursor:default !important;
  pointer-events:none;
}

/* Rubriklänkar som text */
.searchdogtable .mGrid th a{
  color:#000 !important;
  text-decoration:none !important;
  font-weight:600 !important;
  padding-right:0;
  pointer-events:none;
}

/* Pager-länkar: låt dem vara klickbara */
.searchdogtable .mGrid .pgr a{
  pointer-events:auto;
  color:#216fb9 !important;
  text-decoration:none !important;
  font-weight:bold !important;
}
.searchdogtable .mGrid .pgr a:hover,
.searchdogtable .mGrid .pgr a:focus-visible{
  color:#133c66 !important;
  text-decoration:underline !important;
  text-underline-offset:2px;
}

/* "Välj"-knappen kompakt */
.searchdogtable .mGrid .smallbutton{
  height:28px;
  line-height:28px;
  padding:0 5px;
  font-size:12px;
  border-radius:6px;
}


/* ========== Lägg till titlar =========== AGOH-för mycket important */
.removeaddedtitles {
  display: inline-flex;      /* textbox + knapp på samma rad */
  align-items: flex-end;     /* bottenlinjera knappen mot textarea */
  gap: 8px;                  /* lite luft mellan */
}

.nyatitlar { 
height: 50px !important; 
resize: none !important; 
font-family: 'Archivo', Arial, Helvetica, sans-serif !important;
}

/* Lås bredd och typografi för Select2 i denna sektion */
.titlar-area .select2.select2-container{
  display:block !important;
  box-sizing:border-box !important;
  width:600px !important;
  max-width:600px !important;
  font-size:12px !important;
  font-family:'Archivo', Arial, Helvetica, sans-serif !important;
}

/* Stängt fält – kompakt och "native" */
.titlar-area .select2-container--default .select2-selection--single{
  height:20px !important;              /* sänk till ~20px (testa 21–22 om du vill) */
  min-height:0 !important;
  box-sizing:border-box !important;
  padding:0 20px 0 4px !important;     /* tajt, med plats för pilen */
  border:1px solid #000 !important;    /* SVART ram */
  border-radius:2px !important;        /* mindre rundning som originalet */
  background:#fff !important;

  display:flex !important;
  align-items:center !important;       /* vertikal centrering utan line-height-trix */
}

/* Text i stängt läge */
.titlar-area .select2-container--default .select2-selection--single .select2-selection__rendered{
  margin:0 !important;
  padding:0 !important;
  line-height:15px !important;         /* nära "14.4px" ? 15px */
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#000 !important;
  font-size:12px !important;
}

/* Pil – lite mindre */
.titlar-area .select2-container--default .select2-selection--single .select2-selection__arrow{
  width:16px !important;
  height:100% !important;
  right:3px !important;
  top:0 !important;
}
.titlar-area .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-style:solid !important;
  border-color:#000 transparent transparent transparent !important;
  border-width:3px 3px 0 3px !important;   /* mindre triangel */
  position:absolute !important;
  left:50% !important; top:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
}

/* Fokus: ingen blå glow, svart kant */
.titlar-area .select2-container--default.select2-container--focus .select2-selection--single{
  border-color:#000 !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Öppnad lista – blå highlight/vald (listan ligger utanför .titlar-area ? styla via dropdownCssClass) */
.s2-skin-dd .select2-results__option{ font-size:12px; padding:3px 6px; }
.s2-skin-dd .select2-results__option--highlighted{ background:#1e4f86 !important; color:#fff !important; }
.s2-skin-dd .select2-results__option[aria-selected="true"]{ background:#216fb9 !important; color:#fff !important; }

/* Reg nr dropdown*/
.drpRasVariant {
  font-family: 'Archivo', Arial, Helvetica, sans-serif;
  font-size: 12px;             /* liten ökning för bättre läsbarhet */
  height: 24px !important;                /* totalhöjd (tidigare ~24px eller 14px internt) */       
  border:1px solid #000;    /* SVART ram */
  border-radius:2px !important;        /* mindre rundning som originalet */
  background:#fff;
  margin:0;
  padding:2px 0 !important;
  line-height:15px;   
}
.rasvariant-wrapper {
    display: inline-block;
    /*padding: 2px 0;          /* 2px top och bottom */
}


/* === Royal Canin Banner ===== */

/* Fullbredds-banner längst ned (overlay) */
.cookie-banner {
  display: none;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 99999;               /* över footer */
  background: #111;
  color: #fff;
  box-shadow: 0 -6px 18px rgba(0,0,0,.25);
  font-size: 11px;
  line-height: 0.9;
}
.cookie-banner__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.cookie-banner__text a { color: #9cf; text-decoration: underline; }
.cookie-banner__actions { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.cookie-banner__secondary { background:#444 !important; border:1px solid #666 !important; color:#fff !important; }

/* Valfri fade */
.cookie-banner { opacity: 0; transition: opacity .25s ease; }
.cookie-banner.is-visible { display: block; opacity: 1; }



/* Normal */
.cookie-fab {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 99999;
  display: none;

  width: 30px;
  height: 30px;
  border-radius: 50%;

  background: linear-gradient(135deg, #e0e0e0, #b0b0b0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%; /* lite mindre så det får luft runt */

  /* vit bi-gear-fill */
  background-image: url("data:image/svg+xml;utf8,\
%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E\
%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E\
%3C/svg%3E");

  border: none;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  cursor: pointer;
  transition: background-image 0.2s ease;
}

/* Hover (endast färgbyte på ikonen) */
.cookie-fab:hover {
  background: linear-gradient(135deg, #e0e0e0, #b0b0b0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;

  /* blå bi-gear-fill */
  background-image: url("data:image/svg+xml;utf8,\
%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23216fb9'%3E\
%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E\
%3C/svg%3E");
}


/* Container/knapp */
.tw-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  color: #111;             /* ikon följer color via currentColor */
  text-decoration: none;
  font: 14px/1.2 Archivo, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.tw-toggle:hover { background: #f7f7f7; }
.tw-toggle:active { transform: translateY(1px); }

.tw-toggle:focus-visible {
  outline: 2px solid #0b5fff;
  outline-offset: 2px;
}

/* Ikonen */
.tw-icon {
  width: 20px;
  height: 20px;
  display: block;
  flex: 0 0 20px;
}

/* Endast ikon-variant (ingen text) */
.tw-icon-only {
  padding: 6px;
  gap: 0;
}

/* Stor variant (om du vill) */
.tw-toggle.tw-lg {
  padding: 8px 12px;
  font-size: 15px;
}
.tw-toggle.tw-lg .tw-icon {
  width: 22px; height: 22px;
}

/* High-contrast fallback */
@media (prefers-contrast: more) {
  .tw-toggle { border-color: currentColor; }
}

/* Lås ReachDeck-toolbaren i toppen, centrerad */
#th_toolbar {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important; /* centrera horisontellt */
  margin: 0 !important;
  z-index: 99999 !important;
  max-width: 100vw !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Se till att “float/draggable”-varianter inte påverkar positionen */
#th_toolbar.ToolbarFloat,
#th_toolbar.react-draggable,
#th_toolbar.gw-toolbar {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Nolla inline-styles de sätter (t.ex. transform: translate(...)) */
#th_toolbar[style] {
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
  bottom: auto !important;
}

/**********************************************************
 * REACHDECK / BROWSEALOUD – OVERRIDES
 **********************************************************/
#__ba_panel .customText { display: none !important; }

/* Dölj flytt-handtaget så man inte kan dra loss baren */
#th_toolbar #ba-drag-handle,
#th_toolbar .handle.gw-toolbar-buttons__move-area,
#th_toolbar .gw-toolbar-move {
  display: none !important;
}

/* Hindra “flyt”-pekare */
#th_toolbar,
#th_toolbar * {
  cursor: default !important;
}

/* Hindra att loggodelen trycker ut knappar på små skärmar */
#th_toolbar .toolbar-logo-container {
  max-width: 30vw;
  overflow: hidden;
}

/* Dölj ReachDeck/BrowseAloud-launchern helt (”röd/orange gubben”) */
#baplus,
#bapluswrapper,
#ba_launcher,
.ba-launcher,
.reachdeck-launcher,
.reachdeck__launcher,
.ba-toolbar-launcher,
.ba__launcher,
#__ba_floatingLaunch,
#__ba_floatingLaunch * ,
.gw-launchpad-icon-button,
.gw-launchpad-icon-button__icon,
button[aria-label^="Speak - Listen with the ReachDeck Toolbar"],
span[alt^="Speak - Listen with the ReachDeck Toolbar"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/**********************************************************
 * FLAGGA + ÖRA RADEN
 *********************************************************

.flag-and-ear {
  display: flex;
  align-items: center;       /* vertikalt centrerat */
 /* justify-content: flex-end; /* tryck allt till höger */
/*  gap: 0;                    /* ingen extra luft – justera vid behov */
 /* max-width: 960px;
  margin: 0 auto;
}

/* Vänster ”kolumn” med flagglänk */
 /*.flagbox {
  width: 75px !important;
}

.flag-and-ear > div {
  display: flex;
  align-items: center;
}

/* Flagglänken: jämn höjd */
 /*.flag-and-ear .flagbox a {
  display: flex;
  align-items: center;
  gap: 0;
  line-height: 1;
}

.flag-and-ear .flagbox img {
  display: block; /* tar bort baseline-gap under bilden */
 /*}

/**********************************************************
 * ÖRA-KNAPPEN (”Aktivera Talande Webb”)
 **********************************************************/

#bapluslogo {
  display: block;             /* undvik inline-gap */
  line-height: 0;             /* noll yta runt SVG-bakgrunden */
  position: relative;
  z-index: 9999;

  width: 20px;
  height: 20px;
  border-radius: 50%;

  /* Grå knapp med vit öron-ikon */
  background: linear-gradient(135deg, #e0e0e0, #b0b0b0) no-repeat center/70%;
  background-image: url("data:image/svg+xml;utf8,\
%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M8.5 1A4.5 4.5 0 0 0 4 5.5v7.047a2.453 2.453 0 0 0 4.75.861l.512-1.363a5.6 5.6 0 0 1 .816-1.46l2.008-2.581A4.34 4.34 0 0 0 8.66 1zM3 5.5A5.5 5.5 0 0 1 8.5 0h.16a5.34 5.34 0 0 1 4.215 8.618l-2.008 2.581a4.6 4.6 0 0 0-.67 1.197l-.51 1.363A3.453 3.453 0 0 1 3 12.547zM8.5 4A1.5 1.5 0 0 0 7 5.5v2.695q.168-.09.332-.192c.327-.208.577-.44.72-.727a.5.5 0 1 1 .895.448c-.256.513-.673.865-1.079 1.123A9 9 0 0 1 7 9.313V11.5a.5.5 0 0 1-1 0v-6a2.5 2.5 0 0 1 5 0V6a.5.5 0 0 1-1 0v-.5A1.5 1.5 0 0 0 8.5 4'/%3E%3C/svg%3E");

  box-shadow: 0 1px 3px rgba(0,0,0,.3);
  filter: drop-shadow(0 0 1px rgba(0,0,0,.6));
  cursor: pointer;
  transition: background-image .2s ease;
}

/* Hover: byt till blå ikon */
#bapluslogo:hover {
  background: linear-gradient(135deg, #e0e0e0, #b0b0b0) no-repeat center/70%;
  background-image: url("data:image/svg+xml;utf8,\
%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23216fb9'%3E%3Cpath d='M8.5 1A4.5 4.5 0 0 0 4 5.5v7.047a2.453 2.453 0 0 0 4.75.861l.512-1.363a5.6 5.6 0 0 1 .816-1.46l2.008-2.581A4.34 4.34 0 0 0 8.66 1zM3 5.5A5.5 5.5 0 0 1 8.5 0h.16a5.34 5.34 0 0 1 4.215 8.618l-2.008 2.581a4.6 4.6 0 0 0-.67 1.197l-.51 1.363A3.453 3.453 0 0 1 3 12.547zM8.5 4A1.5 1.5 0 0 0 7 5.5v2.695q.168-.09.332-.192c.327-.208.577-.44.72-.727a.5.5 0 1 1 .895.448c-.256.513-.673.865-1.079 1.123A9 9 0 0 1 7 9.313V11.5a.5.5 0 0 1-1 0v-6a2.5 2.5 0 0 1 5 0V6a.5.5 0 0 1-1 0v-.5A1.5 1.5 0 0 0 8.5 4'/%3E%3C/svg%3E");
}

/* Tillgänglighet: tydlig fokusram vid tangentbordsnavigering */
#bapluslogo:focus-visible {
  outline: 2px solid #216fb9;
  outline-offset: 2px;
  border-radius: 50%;
}


//* ReachDeck: lås toolbaren i toppen, full bredd */
#th_toolbar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 2147483647 !important;
}

/* Om RD sätter float/draggable-klasser – nolla ändå */
#th_toolbar.ToolbarFloat,
#th_toolbar.react-draggable {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
}

/* Om RD sprutar in inline style med translate(...) – ignorera den */
#th_toolbar[style] {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  transform: none !important;
  width: 100% !important;
}

/* Hindra att användaren drar loss baren */
#th_toolbar #ba-drag-handle,
#th_toolbar .handle.gw-toolbar-buttons__move-area,
#th_toolbar .gw-toolbar-move {
  display: none !important;
}


/* Headerlayout  bakgrundsfärg #e9e9e9*/
#pdf-header-bg {
  width: 100%;
  height: 125px;
  background-color: #e9e9e9;   /* grå ligger alltid här */
}
#pdf-header {
  width: 960px;
  margin: 0 auto;
  height: 125px;
  position: relative;
  padding-left: 504px;        /* 248px (300 + 188 + 16) */
}
/* IKON: absolut till vänster, vertikalt centrerad */
#pdf-header-icon {
  position: absolute;
  left: 300px;                /* flytta in från vänsterkanten 
  top: 50%;*/
  width: 188px;
  height: 125px;
  background: url("https://hundar.skk.se/gemensam/bilder/internetanmalan/eds2026.png") no-repeat left center;
  background-size: 150px 100px;  /* exakt storlek (3:2 ? 188×125) */
  padding:10px;  
}

/* TEXT: centrerad i ytan till höger, lite under mitten */
.pdfheadtextholder {
  position: absolute;
  left: 504px;               /* samma som headerns padding-left */
  right: 24px;
  top: 56%;                  /* 56–58% = lite under mitt */
  transform: translateY(-50%);
  text-align: right;
  line-height: 1.2;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #216fb9;
  right: 300px;  
}

/* Små skärmar: låt text/knappar stacka */
@media (max-width: 640px) {
  .cookie-banner__inner { flex-direction: column; align-items: stretch; gap: 10px; }
  .cookie-banner__actions { justify-content: center; }
}