@charset "UTF-8";
/* ==== gemensam CSS för tkit och TAS ==== */
/* gemensamma definitioner för alla SCSS-filer i tkit och TAS */
/* importera konfiguration definierad per site */
/* ==== stil-inställningar för Sverigetempot ==== */
/* text */
/* navigering */
/* formulär-widgets */
/* text-widgets */
/* ==== komponenter ==== */
p.large, .p.large {
  margin: 1.6em 0 0 0; }
  p.large:first-child, .p.large:first-child {
    margin: 0; }
  h1 + p.large, h1 + .p.large, h2 + p.large, h2 + .p.large, h3 + p.large, h3 + .p.large, h4 + p.large, h4 + .p.large, h5 + p.large, h5 + .p.large, h6 + p.large, h6 + .p.large, .header + p.large, .header + .p.large {
    margin: 0; }

p, .p, .columns, .side, aside, dl, dt, .max-width-480px table.simple tr, .form-sub, .messagelist, .errorlist, .warninglist, .messagelist li, .errorlist li, .warninglist li {
  margin: 0.8em 0 0 0; }
  p:first-child, .p:first-child, .columns:first-child, .side:first-child, aside:first-child, dl:first-child, dt:first-child, .max-width-480px table.simple tr:first-child, .form-sub:first-child, .messagelist:first-child, .errorlist:first-child, .warninglist:first-child, .messagelist li:first-child, .errorlist li:first-child, .warninglist li:first-child {
    margin: 0; }
  h1 + p, h1 + .p, h1 + .columns, h1 + .side, h1 + aside, h1 + dl, h1 + dt, .max-width-480px table.simple h1 + tr, h1 + .form-sub, h1 + .messagelist, h1 + .errorlist, h1 + .warninglist, .messagelist h1 + li, .errorlist h1 + li, .warninglist h1 + li, h2 + p, h2 + .p, h2 + .columns, h2 + .side, h2 + aside, h2 + dl, h2 + dt, .max-width-480px table.simple h2 + tr, h2 + .form-sub, h2 + .messagelist, h2 + .errorlist, h2 + .warninglist, .messagelist h2 + li, .errorlist h2 + li, .warninglist h2 + li, h3 + p, h3 + .p, h3 + .columns, h3 + .side, h3 + aside, h3 + dl, h3 + dt, .max-width-480px table.simple h3 + tr, h3 + .form-sub, h3 + .messagelist, h3 + .errorlist, h3 + .warninglist, .messagelist h3 + li, .errorlist h3 + li, .warninglist h3 + li, h4 + p, h4 + .p, h4 + .columns, h4 + .side, h4 + aside, h4 + dl, h4 + dt, .max-width-480px table.simple h4 + tr, h4 + .form-sub, h4 + .messagelist, h4 + .errorlist, h4 + .warninglist, .messagelist h4 + li, .errorlist h4 + li, .warninglist h4 + li, h5 + p, h5 + .p, h5 + .columns, h5 + .side, h5 + aside, h5 + dl, h5 + dt, .max-width-480px table.simple h5 + tr, h5 + .form-sub, h5 + .messagelist, h5 + .errorlist, h5 + .warninglist, .messagelist h5 + li, .errorlist h5 + li, .warninglist h5 + li, h6 + p, h6 + .p, h6 + .columns, h6 + .side, h6 + aside, h6 + dl, h6 + dt, .max-width-480px table.simple h6 + tr, h6 + .form-sub, h6 + .messagelist, h6 + .errorlist, h6 + .warninglist, .messagelist h6 + li, .errorlist h6 + li, .warninglist h6 + li, .header + p, .header + .p, .header + .columns, .header + .side, .header + aside, .header + dl, .header + dt, .max-width-480px table.simple .header + tr, .header + .form-sub, .header + .messagelist, .header + .errorlist, .header + .warninglist, .messagelist .header + li, .errorlist .header + li, .warninglist .header + li {
    margin: 0; }

p.small, .p.small, li, .form-field {
  margin: 0.4em 0 0 0; }
  p.small:first-child, .p.small:first-child, li:first-child, .form-field:first-child {
    margin: 0; }
  h1 + p.small, h1 + .p.small, h1 + li, h1 + .form-field, h2 + p.small, h2 + .p.small, h2 + li, h2 + .form-field, h3 + p.small, h3 + .p.small, h3 + li, h3 + .form-field, h4 + p.small, h4 + .p.small, h4 + li, h4 + .form-field, h5 + p.small, h5 + .p.small, h5 + li, h5 + .form-field, h6 + p.small, h6 + .p.small, h6 + li, h6 + .form-field, .header + p.small, .header + .p.small, .header + li, .header + .form-field {
    margin: 0; }

/* ---- formulär ---- */
/* -- widgets -- */
input[type=text], input[type=number], input[type=url], input[type=email], input[type=tel], input[type=password], input[type=reset], input[type=submit], button, select, textarea, a.button, .option {
  display: inline-block;
  white-space: nowrap;
  border: 1px solid #CCC;
  padding: 0.1em 0.3em;
  border-radius: 5px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .touch input[type=text], .touch input[type=number], .touch input[type=url], .touch input[type=email], .touch input[type=tel], .touch input[type=password], .touch input[type=reset], .touch input[type=submit], .touch button, .touch select, .touch textarea, .touch a.button, .touch .option {
    font-size: 120%;
    padding: 0.3em; }
  .required input[type=text], .required input[type=number], .required input[type=url], .required input[type=email], .required input[type=tel], .required input[type=password], .required input[type=reset], .required input[type=submit], .required button, .required select, .required textarea, .required a.button, .required .option, input[required][type=text], input[required][type=number], input[required][type=url], input[required][type=email], input[required][type=tel], input[required][type=password], input[required][type=reset], input[required][type=submit], button[required], select[required], textarea[required], a[required].button, [required].option {
    border: 1px solid #1f567d; }
  input[type=text]:disabled, input[type=number]:disabled, input[type=url]:disabled, input[type=email]:disabled, input[type=tel]:disabled, input[type=password]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, button:disabled, select:disabled, textarea:disabled, a.button:disabled, .option:disabled, form .required input[type=text]:disabled, form .required input[type=number]:disabled, form .required input[type=url]:disabled, form .required input[type=email]:disabled, form .required input[type=tel]:disabled, form .required input[type=password]:disabled, form .required input[type=reset]:disabled, form .required input[type=submit]:disabled, form .required button:disabled, form .required select:disabled, form .required textarea:disabled, form .required a.button:disabled, form .required .option:disabled, input[required][type=text]:disabled, input[required][type=number]:disabled, input[required][type=url]:disabled, input[required][type=email]:disabled, input[required][type=tel]:disabled, input[required][type=password]:disabled, input[required][type=reset]:disabled, input[required][type=submit]:disabled, button[required]:disabled, select[required]:disabled, textarea[required]:disabled, a[required].button:disabled, [required].option:disabled {
    border: 1px solid #EEE;
    color: #888;
    background: inherit; }
  .error input[type=text], .error input[type=number], .error input[type=url], .error input[type=email], .error input[type=tel], .error input[type=password], .error input[type=reset], .error input[type=submit], .error button, .error select, .error textarea, .error a.button, .error .option, .required.error input[type=text], .required.error input[type=number], .required.error input[type=url], .required.error input[type=email], .required.error input[type=tel], .required.error input[type=password], .required.error input[type=reset], .required.error input[type=submit], .required.error button, .required.error select, .required.error textarea, .required.error a.button, .required.error .option, .error input[required][type=text], .error input[required][type=number], .error input[required][type=url], .error input[required][type=email], .error input[required][type=tel], .error input[required][type=password], .error input[required][type=reset], .error input[required][type=submit], .error button[required], .error select[required], .error textarea[required], .error a[required].button, .error [required].option {
    border: 1px solid red; }

/* ==== huvudlayout ==== */
html {
  min-height: 100%;
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  position: relative;
  min-height: 100%;
  background-color: #FFF;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "Open Sans"; }

/* -- dokument -- */
.document {
  background: #FFF;
  color: #000; }

/* ===== komponenter ==== */
/* ---- rubriker ---- */
h1, h2, h3, h4, h5, h6, .header {
  color: #1f567d;
  font-family: "Open Sans";
  margin: 0.8rem 0 0.1rem 0;
  padding: 0; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .header:first-child {
    margin: 0; }
  tr td h1:first-child, tr td h2:first-child, tr td h3:first-child, tr td h4:first-child, tr td h5:first-child, tr td h6:first-child, tr td .header:first-child {
    margin: 0.8rem 0 0.1rem 0; }
  tr:first-child td h1:first-child, tr:first-child td h2:first-child, tr:first-child td h3:first-child, tr:first-child td h4:first-child, tr:first-child td h5:first-child, tr:first-child td h6:first-child, tr:first-child td .header:first-child {
    margin: 0; }
  .document h1, .document h2, .document h3, .document h4, .document h5, .document h6, .document .header {
    color: #1f567d; }

h1 {
  margin: 0.8em 0 0rem 0;
  font-size: 300%;
  font-weight: normal; }
  h1:first-child {
    margin: 0 0 0rem 0; }
  .max-width-768px h1 {
    font-size: 250%; }
  .max-width-480px h1 {
    font-size: 200%; }

h1 > .intro {
  display: block;
  font-size: 40%;
  line-height: 0.5em; }

h2 {
  font-weight: normal;
  font-size: 200%; }
  .max-width-768px h2 {
    font-size: 170%; }
  .max-width-480px h2 {
    font-size: 150%; }

h3 {
  font-weight: normal;
  font-size: 120%; }
  .max-width-768px h3 {
    font-size: 115%; }
  .max-width-480px h3 {
    font-size: 110%; }

h4 {
  font-weight: normal;
  font-size: 110%; }
  .max-width-768px h4 {
    font-size: 105%; }
  .max-width-480px h4 {
    font-size: 100%; }

.header {
  padding: 0;
  margin-bottom: 4px;
  font-weight: normal;
  font-size: 120%; }
  .max-width-768px .header {
    font-size: 115%; }
  .max-width-480px .header {
    font-size: 110%; }

.superheader + h1 {
  margin-top: 0.4rem; }

/* ---- stycken ---- */
blockquote {
  margin: 0.8em 0 0 0.8em;
  font-family: courier,monospace; }
  blockquote:first-child {
    margin: 0; }

.columns {
  columns: 20em;
  column-fill: balanced;
  max-width: 65em; }
  .columns p {
    orphans: 3;
    widows: 3; }

.fixed-columns > .first {
  order: -1; }

.min-width-768px .fixed-columns {
  display: flex;
  flex-flow: row wrap;
  align-items: start; }
  .min-width-768px .fixed-columns.form > * {
    margin-bottom: 0; }
  .min-width-768px .fixed-columns > * {
    margin: 0 0rem 1rem 0;
    width: 20em;
    min-width: 15em;
    max-width: 20em;
    flex: 1 1; }
    .min-width-768px .fixed-columns > *:first-child {
      margin-right: 1rem; }
  .min-width-768px .fixed-columns > .double {
    width: 40em;
    max-width: 40em;
    flex: 2 1; }
  .min-width-768px .fixed-columns > .first {
    order: 0; }

.clear {
  clear: both; }

/* ---- info-rutor ---- */
.min-width-768px .side {
  float: left;
  padding: 0;
  margin: 0 0.8em 0.8em 0;
  max-width: 50%; }

aside {
  padding: 0.8em;
  border: 1px solid #CCC;
  background: #FFF; }
  .min-width-768px aside {
    float: right;
    margin: 0 0 0.8em 0.8em;
    max-width: 50%; }

.pr_blank {
  margin: 0.8em 0 0 0;
  padding: 0.8em;
  border: 1px solid rgba(0, 0, 0, 0); }
  .pr_blank:first-child {
    margin: 0; }

.pr {
  margin: 0.8em 0 0 0;
  padding: 0.8em;
  border: 1px solid #CCC;
  background: #FFF; }
  .pr:first-child {
    margin: 0; }
  .pr.direct {
    margin: 0;
    border-top: 0; }

.pr_temp {
  margin: 0.8em 0 0 0;
  padding: 0.8em;
  border: 1px dashed #CCC;
  background: #FFF; }
  .pr_temp:first-child {
    margin: 0; }
  .pr_temp.direct {
    margin: 0;
    border-top: 0; }

.pr_blank {
  margin: 0.8em 0 0 0;
  padding: 0.8em;
  border: 1px dashed transparent;
  background: #FFF; }
  .pr_blank:first-child {
    margin: 0; }
  .pr_blank.direct {
    margin: 0;
    border-top: 0; }

.pr_area {
  margin: 0.8em 0 0 0;
  padding: 0.8em;
  border: 1px solid #F8F8F8;
  background: #F8F8F8; }
  .pr_area:first-child {
    margin: 0; }
  .pr_area.continue {
    border-bottom: 0; }

.pr_label {
  margin-top: -0.8em; }

/* ---- visning horisontellt eller vertikalt beroende på skärm ---- */
.elements {
  margin-top: -0.2em; }
  .elements > * {
    margin-top: 0.2em; }

/* ---- textstil ---- */
a {
  color: #358ecd;
  text-decoration: none; }
  a:hover {
    color: #87bce1; }
  .document a {
    color: #358ecd; }
    .document a:hover {
      color: #87bce1; }

a[href^="//"]:after, a[href^="http://"]:after, a[href^="https://"]:after {
  border: 1px solid #358ecd;
  margin-left: 0.1em;
  content: "⇗"; }
  .document a[href^="//"]:after,
  .document a[href^="http://"]:after,
  .document a[href^="https://"]:after {
    border: 1px solid #358ecd; }

a[href^="//"]:hover:after, a[href^="http://"]:hover:after, a[href^="https://"]:hover:after {
  border: 1px solid #87bce1;
  margin-left: 0.1em;
  content: "⇗"; }
  .document a[href^="//"]:hover:after,
  .document a[href^="http://"]:hover:after,
  .document a[href^="https://"]:hover:after {
    border: 1px solid #87bce1; }

/* spamfälla */
.email {
  display: none; }

.max-width-480px .optional {
  display: none; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

.intro {
  font-size: 80%; }

.symbol {
  white-space: nowrap; }

.passive {
  color: #888; }
  .document .passive {
    color: #888; }

/* klasser för innehåll */
.timestamp {
  color: #888;
  font-size: 80%; }

.changed {
  font-size: 80%; }

.type {
  color: #888;
  font-size: 80%; }

.code {
  font-family: courier,monospace; }

q {
  font-family: courier,monospace; }

cite {
  font-style: normal;
  font-family: courier,monospace; }
  cite::before {
    font-style: normal;
    content: "["; }
  cite::after {
    font-style: normal;
    content: "]"; }

/* ---- listor ---- */
ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1em; }

dt {
  font-weight: bold;
  display: block;
  color: #1f567d; }
  .document dt {
    color: #1f567d; }

dd {
  margin: 0 0.2em 0 0;
  display: inline; }

/* ---- riktiga tabeller ---- */
table {
  border-collapse: collapse; }

tr.group th, tr.group td {
  padding-top: 0.8rem; }

tr.head {
  border-bottom: 1px solid #CCC; }

tr.odd {
  background: #F8F8F8; }

th, td {
  text-align: left;
  padding-left: 3px;
  padding-right: 0.8em; }
  table.data th, table.data td {
    vertical-align: top; }
  th.group, td.group {
    border-left: 1px solid #CCC;
    padding-left: 0;
    padding-right: 0; }
    th.group:first-child, td.group:first-child {
      border-left: 0; }
  th:first-child, td:first-child {
    padding-left: 2px; }

th {
  color: #1f567d;
  font-weight: normal;
  font-family: "Open Sans";
  white-space: nowrap;
  vertical-align: baseline; }
  th.major {
    font-size: 130%; }

td.amount, th.amount {
  white-space: nowrap;
  text-align: right; }

/* enkel tabell som kan om-visas som sekventiellt på små enheter */
table.simple {
  clear: both; }
  table.simple tr {
    vertical-align: bottom; }
    table.simple tr td {
      padding-top: 0.5em; }
  table.simple tbody tr:hover {
    background: #f2f2f2; }
    .max-width-480px table.simple tbody tr:hover {
      background: inherit; }
  table.simple tr:first-child td {
    padding-top: 0.2em; }
  table.simple td label {
    display: none; }
  table.simple td .explanation {
    display: none; }
  table.simple th {
    vertical-align: top;
    border-bottom: 1px solid #CCC; }
  table.simple .actions {
    display: none; }

.max-width-480px table.simple {
  display: block;
  width: 100%; }
  .max-width-480px table.simple thead {
    display: none; }
  .max-width-480px table.simple tbody {
    display: block;
    width: 100%; }
  .max-width-480px table.simple tr {
    display: block;
    width: 100%;
    border-top: 1px solid #CCC; }
    .max-width-480px table.simple tr:first-child {
      border-top: 0; }
  .max-width-480px table.simple td {
    display: block; }
    .max-width-480px table.simple td:empty {
      display: none; }
    .max-width-480px table.simple td.amount {
      text-align: left; }
    .max-width-480px table.simple td label {
      display: block; }
    .max-width-480px table.simple td .explanation {
      display: inline; }
    .max-width-480px table.simple td .medium-icon > img, .max-width-480px table.simple td .medium-icon > a > img {
      height: 6em;
      max-width: 100%; }

.max-width-480px .dataTables_info {
  display: none; }

/* ---- formulär ---- */
/* layout och gemensam stil */
.advanced {
  display: none; }

.form-pair > .form-field {
  display: inline-block;
  vertical-align: baseline; }

.form-field {
  display: block; }
  .form-field label {
    padding: 0 5px 0 0; }
  .max-width-480px .form-field {
    width: 100%; }

label {
  color: #1f567d;
  display: block;
  font-family: "Open Sans";
  font-size: 80%;
  line-height: 80%; }

form .required label {
  color: #000; }
  .document form .required label {
    color: #000; }
form .error label, form .required.error label {
  color: red; }
  .document form .error label, .document form .required.error label {
    color: red; }
form label {
  padding: 0 5px 0 0; }
form .data label {
  padding: 0;
  line-height: 80%; }

a.delete-row, a.add-row {
  font-family: "Open Sans"; }

/* lista med fel */
.messagelist, .errorlist, .warninglist {
  display: block;
  border: 1px solid #CCC;
  padding: 0.5em; }
  .field .messagelist, .field .errorlist, .field .warninglist {
    font-size: 80%;
    border: 0;
    margin: 0;
    padding: 0; }
    .field .messagelist li, .field .errorlist li, .field .warninglist li {
      display: inline-block;
      margin: 0 0 0.5em 0;
      padding: 0; }
  .messagelist li, .errorlist li, .warninglist li {
    display: block; }
    .messagelist li.error, .errorlist li.error, .warninglist li.error {
      color: red; }
    .messagelist li.warning, .errorlist li.warning, .warninglist li.warning {
      color: orange; }

.errorlist {
  color: red;
  display: block;
  border: 1px solid red; }

.warninglist {
  color: orange;
  display: block;
  border: 1px solid orange; }

/* widgets */
.option {
  display: inline-block;
  margin-left: 0.2em;
  cursor: pointer; }
  .option:first-child {
    margin-left: 0; }
  .option:hover {
    background: #FFF; }
  .option.selected {
    background: #e1e1e1; }
    .option.selected:hover {
      background: #d5d5d5; }
  .touch .option {
    display: block; }

.touch.max-width-480px input[type=text], .touch.max-width-480px input[type=number], .touch.max-width-480px input[type=url], .touch.max-width-480px input[type=email], .touch.max-width-480px input[type=tel], .touch.max-width-480px input[type=password], .touch.max-width-480px input[type=reset], .touch.max-width-480px input[type=submit], .touch.max-width-480px button, .touch.max-width-480px select, .touch.max-width-480px textarea, .touch.max-width-480px a.button, .touch.max-width-480px .option {
  width: 100%; }

input[type=text], input[type=number], input[type=url], input[type=email], input[type=tel], input[type=password], select, textarea {
  color: #000;
  background: #FFF; }
  input[type=text]:hover, input[type=number]:hover, input[type=url]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=password]:hover, select:hover, textarea:hover {
    background: #FFF; }

input[type=submit], button, a.button, .document input[type=submit], .document button, .document a.button {
  color: #000;
  background: #EEE;
  font-family: "Open Sans";
  padding: 0.3em;
  font-size: 100%;
  cursor: pointer; }
  .touch input[type=submit], .touch button, .touch a.button, .touch .document input[type=submit], .touch .document button, .touch .document a.button {
    font-size: 120%;
    padding: 0.3em; }
  input[type=submit]:hover, button:hover, a.button:hover, .document input[type=submit]:hover, .document button:hover, .document a.button:hover {
    background: #e1e1e1; }
  input[type=submit].passive, input[type=submit]:disabled, button.passive, button:disabled, a.button.passive, a.button:disabled, .document input[type=submit].passive, .document input[type=submit]:disabled, .document button.passive, .document button:disabled, .document a.button.passive, .document a.button:disabled {
    background: #FFF; }

input[type=checkbox] {
  position: relative;
  top: 2px; }

.checkbox input[type=checkbox], .radio input[type=checkbox], .checkbox input[type=radio], .radio input[type=radio] {
  position: absolute;
  visibility: hidden; }
.checkbox label, .radio label {
  color: #000;
  font-size: inherit;
  padding: 0;
  display: flex;
  align-items: first baseline;
  cursor: pointer;
  line-height: inherit; }
  .touch .checkbox label, .touch .radio label {
    align-items: center; }
.checkbox .box, .radio .box {
  flex: 0 0 1em;
  border: 1px solid #CCC;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1em;
  width: 1em;
  margin-right: 0.2em;
  user-select: none;
  -moz-user-select: none; }
  .checkbox .box:hover, .radio .box:hover {
    background: #EEE; }
  .touch .checkbox .box, .touch .radio .box {
    flex: 0 0 2em;
    top: 0;
    height: 2em;
    width: 2em; }
.checkbox .check, .radio .check {
  font-size: 80%;
  color: #000;
  display: block;
  visibility: hidden;
  user-select: none; }
  .touch .checkbox .check, .touch .radio .check {
    font-size: 160%; }
.checkbox .text, .radio .text {
  flex: 1 1;
  display: inline-block; }
.touch .long.checkbox label, .touch .long.radio label {
  align-items: flex-start; }
.checkbox input[type=checkbox][required] + label .box, .radio input[type=checkbox][required] + label .box, .checkbox input[type=radio][required] + label .box, .radio input[type=radio][required] + label .box {
  border: 1px solid #1f567d; }
.checkbox input[type=checkbox]:disabled + label, .radio input[type=checkbox]:disabled + label, .checkbox input[type=radio]:disabled + label, .radio input[type=radio]:disabled + label {
  cursor: inherit; }
  .checkbox input[type=checkbox]:disabled + label .box, .radio input[type=checkbox]:disabled + label .box, .checkbox input[type=radio]:disabled + label .box, .radio input[type=radio]:disabled + label .box {
    border: 1px solid #EEE; }
    .checkbox input[type=checkbox]:disabled + label .box:hover, .radio input[type=checkbox]:disabled + label .box:hover, .checkbox input[type=radio]:disabled + label .box:hover, .radio input[type=radio]:disabled + label .box:hover {
      background: inherit; }
    .checkbox input[type=checkbox]:disabled + label .box .check, .radio input[type=checkbox]:disabled + label .box .check, .checkbox input[type=radio]:disabled + label .box .check, .radio input[type=radio]:disabled + label .box .check {
      color: #888;
      border: 1px solid #EEE; }
  .checkbox input[type=checkbox]:disabled + label .text, .radio input[type=checkbox]:disabled + label .text, .checkbox input[type=radio]:disabled + label .text, .radio input[type=radio]:disabled + label .text {
    color: #888; }
.checkbox input[type=checkbox]:checked + label .check, .radio input[type=checkbox]:checked + label .check, .checkbox input[type=radio]:checked + label .check, .radio input[type=radio]:checked + label .check {
  visibility: visible; }

.checkbox .box {
  position: relative;
  bottom: 0.1em;
  border-radius: 5px; }
.touch .checkbox .check {
  padding: 0.3em 0.2em 0.2em 0.2em; }

.radio .box {
  position: relative;
  bottom: 0.15rem;
  border-radius: 0.5rem; }
  .touch .radio .box {
    border-radius: 1rem; }
.radio .check {
  position: relative;
  top: -0.02rem;
  left: 0.02rem;
  font-size: 50%; }
  .touch .radio .check {
    top: 0;
    padding: 0.5rem 0.2rem 0.2rem 0.2rem; }

textarea {
  font-family: "Open Sans";
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  white-space: pre-wrap; }

/* ---- bilder ---- */
img {
  border: none; }

img.full {
  max-width: 100%; }

/* ---- ikoner ---- */
.icon {
  height: 1em; }
  .touch a .icon {
    height: 1.2em; }

.large-icon, .medium-icon, .list-icon {
  vertical-align: top;
  display: inline-block;
  text-align: center; }
  .large-icon > img, .medium-icon > img, .list-icon > img, .large-icon > a > img, .medium-icon > a > img, .list-icon > a > img {
    height: 4em;
    display: block;
    margin: 0 auto; }
  .large-icon > a:focus, .medium-icon > a:focus, .list-icon > a:focus {
    outline: none; }
    .large-icon > a:focus > img, .medium-icon > a:focus > img, .list-icon > a:focus > img {
      opacity: 0.5; }

.medium-icon > img, .medium-icon > a > img {
  height: 3em; }

/* som stor ikon, men med begränsning på textbredd (passar stora listor) */
.list-icon {
  width: 7.5em;
  min-width: 7.5em;
  max-width: 7.5em;
  margin: 0.5em 0.5em 0 0;
  hyphens: auto; }

/*# sourceMappingURL=common.css.map */