@charset "UTF-8";
/* ==== gemensam CSS för TAS ==== */
/* gemensamma definitioner */
/* ==== stil-inställningar för UCF-site ==== */
/* ==== grafiska egenskaper ==== */
/* ==== komponenter ==== */
.document, p, .p, dl, dt, .max-width-480px table.simple tr, .subform, ul.messagelist li, ul.errorlist li, ul.warninglist li {
  margin: 0.8em 0 0 0; }
  .document:first-child, p:first-child, .p:first-child, dl:first-child, dt:first-child, .max-width-480px table.simple tr:first-child, .subform:first-child, ul.messagelist li:first-child, ul.errorlist li:first-child, ul.warninglist li:first-child {
    margin: 0; }
  h1 + .document, h1 + p, h1 + .p, h1 + dl, h1 + dt, .max-width-480px table.simple h1 + tr, h1 + .subform, ul.messagelist h1 + li, ul.errorlist h1 + li, ul.warninglist h1 + li, h2 + .document, h2 + p, h2 + .p, h2 + dl, h2 + dt, .max-width-480px table.simple h2 + tr, h2 + .subform, ul.messagelist h2 + li, ul.errorlist h2 + li, ul.warninglist h2 + li, h3 + .document, h3 + p, h3 + .p, h3 + dl, h3 + dt, .max-width-480px table.simple h3 + tr, h3 + .subform, ul.messagelist h3 + li, ul.errorlist h3 + li, ul.warninglist h3 + li, h4 + .document, h4 + p, h4 + .p, h4 + dl, h4 + dt, .max-width-480px table.simple h4 + tr, h4 + .subform, ul.messagelist h4 + li, ul.errorlist h4 + li, ul.warninglist h4 + li, h5 + .document, h5 + p, h5 + .p, h5 + dl, h5 + dt, .max-width-480px table.simple h5 + tr, h5 + .subform, ul.messagelist h5 + li, ul.errorlist h5 + li, ul.warninglist h5 + li, h6 + .document, h6 + p, h6 + .p, h6 + dl, h6 + dt, .max-width-480px table.simple h6 + tr, h6 + .subform, ul.messagelist h6 + li, ul.errorlist h6 + li, ul.warninglist h6 + li, .header + .document, .header + p, .header + .p, .header + dl, .header + dt, .max-width-480px table.simple .header + tr, .header + .subform, ul.messagelist .header + li, ul.errorlist .header + li, ul.warninglist .header + li {
    margin: 0; }
  .document + h1, p + h1, .p + h1, dl + h1, dt + h1, .max-width-480px table.simple tr + h1, .subform + h1, ul.messagelist li + h1, ul.errorlist li + h1, ul.warninglist li + h1, .document + h2, p + h2, .p + h2, dl + h2, dt + h2, .max-width-480px table.simple tr + h2, .subform + h2, ul.messagelist li + h2, ul.errorlist li + h2, ul.warninglist li + h2, .document + h3, p + h3, .p + h3, dl + h3, dt + h3, .max-width-480px table.simple tr + h3, .subform + h3, ul.messagelist li + h3, ul.errorlist li + h3, ul.warninglist li + h3, .document + h4, p + h4, .p + h4, dl + h4, dt + h4, .max-width-480px table.simple tr + h4, .subform + h4, ul.messagelist li + h4, ul.errorlist li + h4, ul.warninglist li + h4, .document + h5, p + h5, .p + h5, dl + h5, dt + h5, .max-width-480px table.simple tr + h5, .subform + h5, ul.messagelist li + h5, ul.errorlist li + h5, ul.warninglist li + h5, .document + h6, p + h6, .p + h6, dl + h6, dt + h6, .max-width-480px table.simple tr + h6, .subform + h6, ul.messagelist li + h6, ul.errorlist li + h6, ul.warninglist li + h6, .document + .header, p + .header, .p + .header, dl + .header, dt + .header, .max-width-480px table.simple tr + .header, .subform + .header, ul.messagelist li + .header, ul.errorlist li + .header, ul.warninglist li + .header {
    margin: 0.8em 0 0 0; }

p.small, .p.small, li, form > p, .subform > p, .pair, .field {
  margin: 0.4em 0 0 0; }
  p.small:first-child, .p.small:first-child, li:first-child, form > p:first-child, .subform > p:first-child, .pair:first-child, .field:first-child {
    margin: 0; }
  h1 + p.small, h1 + .p.small, h1 + li, form > h1 + p, .subform > h1 + p, h1 + .pair, h1 + .field, h2 + p.small, h2 + .p.small, h2 + li, form > h2 + p, .subform > h2 + p, h2 + .pair, h2 + .field, h3 + p.small, h3 + .p.small, h3 + li, form > h3 + p, .subform > h3 + p, h3 + .pair, h3 + .field, h4 + p.small, h4 + .p.small, h4 + li, form > h4 + p, .subform > h4 + p, h4 + .pair, h4 + .field, h5 + p.small, h5 + .p.small, h5 + li, form > h5 + p, .subform > h5 + p, h5 + .pair, h5 + .field, h6 + p.small, h6 + .p.small, h6 + li, form > h6 + p, .subform > h6 + p, h6 + .pair, h6 + .field, .header + p.small, .header + .p.small, .header + li, form > .header + p, .subform > .header + p, .header + .pair, .header + .field {
    margin: 0; }
  p.small + h1, .p.small + h1, li + h1, form > p + h1, .subform > p + h1, .pair + h1, .field + h1, p.small + h2, .p.small + h2, li + h2, form > p + h2, .subform > p + h2, .pair + h2, .field + h2, p.small + h3, .p.small + h3, li + h3, form > p + h3, .subform > p + h3, .pair + h3, .field + h3, p.small + h4, .p.small + h4, li + h4, form > p + h4, .subform > p + h4, .pair + h4, .field + h4, p.small + h5, .p.small + h5, li + h5, form > p + h5, .subform > p + h5, .pair + h5, .field + h5, p.small + h6, .p.small + h6, li + h6, form > p + h6, .subform > p + h6, .pair + h6, .field + h6, p.small + .header, .p.small + .header, li + .header, form > p + .header, .subform > p + .header, .pair + .header, .field + .header {
    margin: 0.8em 0 0 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 #BBB;
  padding: 2px 5px;
  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; }
  form .required input[type=text], form .required input[type=number], form .required input[type=url], form .required input[type=email], form .required input[type=tel], form .required input[type=password], form .required input[type=reset], form .required input[type=submit], form .required button, form .required select, form .required textarea, form .required a.button, form .required .option {
    border: 1px solid #3b3b3b; }
  form .error input[type=text], form .error input[type=number], form .error input[type=url], form .error input[type=email], form .error input[type=tel], form .error input[type=password], form .error input[type=reset], form .error input[type=submit], form .error button, form .error select, form .error textarea, form .error a.button, form .error .option, form .required.error input[type=text], form .required.error input[type=number], form .required.error input[type=url], form .required.error input[type=email], form .required.error input[type=tel], form .required.error input[type=password], form .required.error input[type=reset], form .required.error input[type=submit], form .required.error button, form .required.error select, form .required.error textarea, form .required.error a.button, form .required.error .option {
    border: 1px solid red; }

/* ==== huvudlayout ==== */
html {
  height: 100%; }

body {
  position: relative;
  min-height: 100%;
  background-color: #b3d1ff;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "Cantarell", sans, sans-serif; }

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

/* ===== komponenter ==== */
/* ---- rubriker och stycken ---- */
h1, h2, h3, h4, h5, h6, .header {
  color: #06F;
  font-family: "URW gothic L", "TeX Gyre Adventor", sans, sans-serif; }
  .document h1, .document h2, .document h3, .document h4, .document h5, .document h6, .document .header {
    color: #06F; }

h1 {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 250%;
  font-weight: normal; }
  .max-width-768px h1 {
    font-size: 180%; }
  .max-width-480px h1 {
    font-size: 150%; }

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

h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 160%; }
  .max-width-768px h2 {
    font-size: 140%; }
  .max-width-480px h2 {
    font-size: 125%; }

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

h4 {
  margin: 0;
  padding: 0;
  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%;
  border-bottom: 0px solid #BBB; }
  .max-width-768px .header {
    font-size: 110%; }
  .max-width-480px .header {
    font-size: 110%; }
  .header.plain {
    border-bottom: 0px; }

.lists {
  clear: both; }

.element {
  margin-top: 0.2em; }

.elements {
  margin-top: -0.2em; }

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

aside {
  float: right;
  margin: 0.8em 0 0.8em 0.8em;
  width: 50%;
  padding: 0.8em;
  border: 1px solid #b3d1ff;
  background: #f7faff; }

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

.overview {
  margin: 0.8em 0 0 0;
  padding: 0.8em;
  background: #f7faff; }
  .overview:first-child {
    margin: 0; }

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

/* ---- textstil ---- */
a {
  color: #003d99;
  text-decoration: none; }
  a:hover {
    color: #001433; }
  .document a {
    color: #003d99; }
    .document a:hover {
      color: #001433; }

.action {
  font-family: "Cantarell", sans, sans-serif; }

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

.default {
  color: #888; }

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

.intro {
  font-size: 80%; }

.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: "]"; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

.no {
  color: #888; }

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

dt {
  font-weight: bold;
  display: block; }

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

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

caption {
  font-weight: bold;
  text-align: left; }

th, td {
  text-align: left;
  padding-left: 3px;
  padding-right: 2px; }
  th.group, td.group {
    border-left: 1px solid #BBB;
    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 {
  font-weight: normal;
  font-family: "URW gothic L", "TeX Gyre Adventor", sans, sans-serif;
  white-space: nowrap; }
  th.major {
    font-size: 130%; }

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

span.mass {
  transform: rotate(-90deg);
  width: 1em;
  display: block; }

/* 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 {
    border-bottom: 1px solid #BBB; }
  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 #BBB; }
    .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; }

/* tabell för numeriska data */
table.data tr {
  vertical-align: top; }
  table.data tr .data {
    font-size: 100%; }
  table.data tr .data.small {
    font-size: 80%; }
  table.data tr td {
    white-space: nowrap; }
    table.data tr td:first-child {
      border-left: 0; }
    table.data tr td:last-child {
      width: 100%; }
    table.data tr td.long {
      width: 100%;
      white-space: normal; }
  table.data tr th {
    border-bottom: 1px solid #000; }
  table.data tr.even {
    background: #EEE; }

/* paginering */
.pagination {
  background: #F8F8F8; }

/* ---- formulär ---- */
/* -- layout och gemensam stil -- */
label {
  color: #888;
  display: block;
  font-family: "Cantarell", sans, sans-serif;
  font-size: 80%;
  line-height: 80%; }

.advanced {
  display: none; }

.pair > .field {
  display: inline-block;
  vertical-align: top; }
  .min-width-768px .pair > .field {
    margin: 0; }

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

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;
  line-height: 150%; }
form .data label {
  padding: 0 0 0 0;
  line-height: 80%; }

a.delete-row, a.add-row {
  font-family: "Cantarell", sans, sans-serif; }

/* -- lista med fel -- */
ul.messagelist, ul.errorlist, ul.warninglist {
  display: block;
  border: 1px solid #BBB;
  padding: 0.5em;
  margin: 0 0 0.8em 0; }
  .field ul.messagelist, .field ul.errorlist, .field ul.warninglist {
    font-size: 80%;
    border: 0;
    margin: 0;
    padding: 0; }
    .field ul.messagelist li, .field ul.errorlist li, .field ul.warninglist li {
      display: inline-block;
      margin: 0 0 0.5em 0;
      padding: 0; }
  ul.messagelist li, ul.errorlist li, ul.warninglist li {
    display: block; }

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

ul.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: #d4d4d4; }
  .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: "Cantarell", sans, sans-serif;
  font-size: 90%; }
  .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, button.passive, a.button.passive, .document input[type=submit].passive, .document button.passive, .document a.button.passive {
    color: #888;
    background: #FFF;
    transition: all 0.3s ease-out; }

textarea {
  font-family: "Cantarell", sans, sans-serif;
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

/* ---- ikoner ---- */
.icon {
  height: 0.8em; }
  .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; }

/* ---- widget : basic-vy ---- */
.p.lists {
  clear: both; }

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