/* ==============================
   variables
 ============================== */
/* colors */
/* padding */
/* sizes */
/* ==============================
   font
 ============================== */
/* ==============================
   tags
 ============================== */
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
  font-family: "Maven Pro", sans-serif;
  font-size: 18px;
  background: #fff;
}
html[dir="ltr"], body.cke_editable {
  background: #fff;
}
table {
  width: 100%;
}
td {
  padding: 5px 5px 5px 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
h1 {
  color: #e6000a;
  margin-bottom: 1.4em;
  font-size: 26px;
  line-height: 1.3em;
}
h2 {
  color: #e6000a;
  margin-bottom: 1em;
  font-size: 20px;
}
a {
  color: #e6000a;
  text-decoration: none;
}
p {
  line-height: 19px;
  margin-bottom: 8px;
}
hr {
  border-bottom: 2px solid #888;
  /* ==============================
   general
 ============================== */
}
.clearer {
  clear: both;
  /* ==============================
   layout
 ============================== */
}
.tr {
  clear: both;
}
.td {
  width: 20%;
  clear: none;
  float: left;
}
.hidden-xs {
  display: block;
}
.visible-xs {
  display: none;
}
@media (max-width: 700px) {
  .td {
    width: 100%;
    clear: both;
    float: left;
  }
  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
  .td.visible-xs {
    margin-bottom: 5px;
    margin-top: 10px;
  }
}
#rsys-footer {
  background: transparent;
  padding: 10px 0px 0px 0px;
  margin: 30px 0px 0px 0px;
  border-top: 1px solid #ddd;
  /* ==============================
   layout elements
 ============================== */
}
input {
  max-width: 100%;
}
.kontoinfo {
  padding: 5px 5px 5px 0px;
  margin: 0px 0px 10px 0px;
}
.comment {
  color: #aaa;
}
.kontoinfo td {
  padding-right: 8px;
}
.wrong-refnr {
  margin-top: 10px;
}
form {
  margin-bottom: 10px;
}
.buttons {
  margin-top: 20px;
}
.superscript {
  vertical-align: baseline;
  font-size: 0.8em;
  position: relative;
  top: -0.4em;
}
.form-label {
  color: #777;
  margin-bottom: 3px;
}
.form-value {
  margin-bottom: 10px;
}
.form-label-review {
  float: left;
  clear: both;
  width: 160px;
  margin-bottom: 10px;
  color: #777;
}
.form-value-review {
  float: left;
  clear: none;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.requiredMissing, .requiredhint, .form-labelrequiredMissing {
  color: #c00;
  /* ==============================
   formats
 ============================== */
}
.light-colored {
  color: #999;
  /* ==============================
   debug
 ============================== */
}
.debug {
  background: #c1d6d1;
  border: 1px solid #2b7062;
  padding: 5px;
}
.error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  border-radius: 4px;
  padding: 15px;
  /* ==============================
   BOOTSTRAP
 ============================== */
}
.alert, .wrong-refnr {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-info, .wrong-refnr {
  background-color: transparent;
  border-color: transparent;
  color: #c00;
  padding: 0px;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-slim {
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 5px;
}
.btn-primary {
  background-color: #e6000a !important;
  border-color: #d70009 !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-color: #d70009;
  border-color: #d70009;
  color: #fff;
}
.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}
a.btn {
  padding: 6px 11px;
  text-decoration: none;
  background-color: #777 !important;
  border-color: #888 !important;
}
a.btn:hover {
  background-color: #666 !important;
}
.btn-space {
  margin-bottom: 10px;
}
.badge {
  background-color: #999;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
/* maven-pro-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/maven-pro-v32-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Maven Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/maven-pro-v32-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}