@charset "UTF-8";
/**
 * Debug, was für ein Target
 */
/*$color_1: $primary;
$color_2: $tertiary;
$color_10: $secondary;*/
:root {
  --primary: #2980b9;
  --primary-lighter: #6ab0de;
  --primary-lightest: #94c6e7;
  --primary-darker: #164666;
  --primary-darkest: #0d293c;
  --primary-desaturated: #407ba2;
  --primary-rgb: 41, 128, 185;
  --secondary: #f1a32b;
  --secondary-lighter: #f7cd8b;
  --secondary-lightest: #fae1bb;
  --secondary-darker: #ab6c0b;
  --secondary-darkest: #7b4e08;
  --secondary-desaturated: #da9e42;
  --secondary-rgb: 241, 163, 43;
  --tertiary: #e74c3c;
  --tertiary-lighter: #f29f97;
  --tertiary-lightest: #f8c9c4;
  --tertiary-darker: #a82315;
  --tertiary-darkest: #7b190f;
  --tertiary-desaturated: #d15e52;
  --tertiary-rgb: 231, 76, 60;
}

/*$color_1: #000; //hauptfarbe, bgs etc
$color_2: green; //Primary-Button, Ladebalken etc
$color_3: #000; //fonts
$color_4: pink;
$color_5: pink;
$color_6: pink;
$color_7: #fff;
$color_8: transparent;
$color_9: pink;
var(--highlight-color): #ccc; // Premiumstern, Dein digitaler Finanzmanager auf Dashboard
$color_11: #777;
*/
/*@if $version == 'vimb' {
    var(--highlight-color): #aaa;
} @else if $version == 'kc' {
    var(--highlight-color): #ccc;
}*/
/* body {
  background: linear-gradient(#fff, $color_1 50%);
} */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #2d3f51;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #2980b9;
  text-decoration: none;
}
a:hover, a:focus {
  color: #1b557a;
  text-decoration: none;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #e74c3c;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #d62c1a;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #e74c3c;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #d62c1a;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .form-horizontal .form-group > label, .col-md-4, .form-horizontal label ~ div, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .form-horizontal label ~ div, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .form-horizontal label ~ div, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .form-horizontal label ~ div, .form-horizontal .form-group > label {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12, .form-horizontal label ~ div, .form-horizontal .form-group > label {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .form-horizontal .form-group > label, .col-sm-5, .col-sm-6, .form-horizontal label ~ div, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4, .form-horizontal .form-group > label {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6, .form-horizontal label ~ div {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .form-horizontal label ~ div, .form-horizontal .form-group > label, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4, .form-horizontal label ~ div, .form-horizontal .form-group > label {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control, .form-group input[type=email], .form-group input[type=number], .form-group input[type=password], .form-group input[type=search], .form-group input[type=tel], .form-group input[type=text], .form-group input[type=url], .form-group input[type=color], .form-group input[type=date], .form-group input[type=datetime], .form-group input[type=datetime-local], .form-group input[type=month], .form-group input[type=time], .form-group input[type=week],
.form-group select,
.form-group textarea {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus, .form-group input[type=email]:focus, .form-group input[type=number]:focus, .form-group input[type=password]:focus, .form-group input[type=search]:focus, .form-group input[type=tel]:focus, .form-group input[type=text]:focus, .form-group input[type=url]:focus, .form-group input[type=color]:focus, .form-group input[type=date]:focus, .form-group input[type=datetime]:focus, .form-group input[type=datetime-local]:focus, .form-group input[type=month]:focus, .form-group input[type=time]:focus, .form-group input[type=week]:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder, .form-group input[type=email]::-moz-placeholder, .form-group input[type=number]::-moz-placeholder, .form-group input[type=password]::-moz-placeholder, .form-group input[type=search]::-moz-placeholder, .form-group input[type=tel]::-moz-placeholder, .form-group input[type=text]::-moz-placeholder, .form-group input[type=url]::-moz-placeholder, .form-group input[type=color]::-moz-placeholder, .form-group input[type=date]::-moz-placeholder, .form-group input[type=datetime]::-moz-placeholder, .form-group input[type=datetime-local]::-moz-placeholder, .form-group input[type=month]::-moz-placeholder, .form-group input[type=time]::-moz-placeholder, .form-group input[type=week]::-moz-placeholder,
.form-group select::-moz-placeholder,
.form-group textarea::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.form-control:-ms-input-placeholder, .form-group input[type=email]:-ms-input-placeholder, .form-group input[type=number]:-ms-input-placeholder, .form-group input[type=password]:-ms-input-placeholder, .form-group input[type=search]:-ms-input-placeholder, .form-group input[type=tel]:-ms-input-placeholder, .form-group input[type=text]:-ms-input-placeholder, .form-group input[type=url]:-ms-input-placeholder, .form-group input[type=color]:-ms-input-placeholder, .form-group input[type=date]:-ms-input-placeholder, .form-group input[type=datetime]:-ms-input-placeholder, .form-group input[type=datetime-local]:-ms-input-placeholder, .form-group input[type=month]:-ms-input-placeholder, .form-group input[type=time]:-ms-input-placeholder, .form-group input[type=week]:-ms-input-placeholder,
.form-group select:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
  color: #777;
}
.form-control::-webkit-input-placeholder, .form-group input[type=email]::-webkit-input-placeholder, .form-group input[type=number]::-webkit-input-placeholder, .form-group input[type=password]::-webkit-input-placeholder, .form-group input[type=search]::-webkit-input-placeholder, .form-group input[type=tel]::-webkit-input-placeholder, .form-group input[type=text]::-webkit-input-placeholder, .form-group input[type=url]::-webkit-input-placeholder, .form-group input[type=color]::-webkit-input-placeholder, .form-group input[type=date]::-webkit-input-placeholder, .form-group input[type=datetime]::-webkit-input-placeholder, .form-group input[type=datetime-local]::-webkit-input-placeholder, .form-group input[type=month]::-webkit-input-placeholder, .form-group input[type=time]::-webkit-input-placeholder, .form-group input[type=week]::-webkit-input-placeholder,
.form-group select::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
  color: #777;
}
.form-control::-ms-expand, .form-group input[type=email]::-ms-expand, .form-group input[type=number]::-ms-expand, .form-group input[type=password]::-ms-expand, .form-group input[type=search]::-ms-expand, .form-group input[type=tel]::-ms-expand, .form-group input[type=text]::-ms-expand, .form-group input[type=url]::-ms-expand, .form-group input[type=color]::-ms-expand, .form-group input[type=date]::-ms-expand, .form-group input[type=datetime]::-ms-expand, .form-group input[type=datetime-local]::-ms-expand, .form-group input[type=month]::-ms-expand, .form-group input[type=time]::-ms-expand, .form-group input[type=week]::-ms-expand,
.form-group select::-ms-expand,
.form-group textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled], .form-group input[disabled][type=email], .form-group input[disabled][type=number], .form-group input[disabled][type=password], .form-group input[disabled][type=search], .form-group input[disabled][type=tel], .form-group input[disabled][type=text], .form-group input[disabled][type=url], .form-group input[disabled][type=color], .form-group input[disabled][type=date], .form-group input[disabled][type=datetime], .form-group input[disabled][type=datetime-local], .form-group input[disabled][type=month], .form-group input[disabled][type=time], .form-group input[disabled][type=week],
.form-group select[disabled],
.form-group textarea[disabled], .form-control[readonly], .form-group input[readonly][type=email], .form-group input[readonly][type=number], .form-group input[readonly][type=password], .form-group input[readonly][type=search], .form-group input[readonly][type=tel], .form-group input[readonly][type=text], .form-group input[readonly][type=url], .form-group input[readonly][type=color], .form-group input[readonly][type=date], .form-group input[readonly][type=datetime], .form-group input[readonly][type=datetime-local], .form-group input[readonly][type=month], .form-group input[readonly][type=time], .form-group input[readonly][type=week],
.form-group select[readonly],
.form-group textarea[readonly], fieldset[disabled] .form-control, fieldset[disabled] .form-group input[type=email], .form-group fieldset[disabled] input[type=email], fieldset[disabled] .form-group input[type=number], .form-group fieldset[disabled] input[type=number], fieldset[disabled] .form-group input[type=password], .form-group fieldset[disabled] input[type=password], fieldset[disabled] .form-group input[type=search], .form-group fieldset[disabled] input[type=search], fieldset[disabled] .form-group input[type=tel], .form-group fieldset[disabled] input[type=tel], fieldset[disabled] .form-group input[type=text], .form-group fieldset[disabled] input[type=text], fieldset[disabled] .form-group input[type=url], .form-group fieldset[disabled] input[type=url], fieldset[disabled] .form-group input[type=color], .form-group fieldset[disabled] input[type=color], fieldset[disabled] .form-group input[type=date], .form-group fieldset[disabled] input[type=date], fieldset[disabled] .form-group input[type=datetime], .form-group fieldset[disabled] input[type=datetime], fieldset[disabled] .form-group input[type=datetime-local], .form-group fieldset[disabled] input[type=datetime-local], fieldset[disabled] .form-group input[type=month], .form-group fieldset[disabled] input[type=month], fieldset[disabled] .form-group input[type=time], .form-group fieldset[disabled] input[type=time], fieldset[disabled] .form-group input[type=week], .form-group fieldset[disabled] input[type=week],
fieldset[disabled] .form-group select,
.form-group fieldset[disabled] select,
fieldset[disabled] .form-group textarea,
.form-group fieldset[disabled] textarea {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled], .form-group input[disabled][type=email], .form-group input[disabled][type=number], .form-group input[disabled][type=password], .form-group input[disabled][type=search], .form-group input[disabled][type=tel], .form-group input[disabled][type=text], .form-group input[disabled][type=url], .form-group input[disabled][type=color], .form-group input[disabled][type=date], .form-group input[disabled][type=datetime], .form-group input[disabled][type=datetime-local], .form-group input[disabled][type=month], .form-group input[disabled][type=time], .form-group input[disabled][type=week],
.form-group select[disabled],
.form-group textarea[disabled], fieldset[disabled] .form-control, fieldset[disabled] .form-group input[type=email], .form-group fieldset[disabled] input[type=email], fieldset[disabled] .form-group input[type=number], .form-group fieldset[disabled] input[type=number], fieldset[disabled] .form-group input[type=password], .form-group fieldset[disabled] input[type=password], fieldset[disabled] .form-group input[type=search], .form-group fieldset[disabled] input[type=search], fieldset[disabled] .form-group input[type=tel], .form-group fieldset[disabled] input[type=tel], fieldset[disabled] .form-group input[type=text], .form-group fieldset[disabled] input[type=text], fieldset[disabled] .form-group input[type=url], .form-group fieldset[disabled] input[type=url], fieldset[disabled] .form-group input[type=color], .form-group fieldset[disabled] input[type=color], fieldset[disabled] .form-group input[type=date], .form-group fieldset[disabled] input[type=date], fieldset[disabled] .form-group input[type=datetime], .form-group fieldset[disabled] input[type=datetime], fieldset[disabled] .form-group input[type=datetime-local], .form-group fieldset[disabled] input[type=datetime-local], fieldset[disabled] .form-group input[type=month], .form-group fieldset[disabled] input[type=month], fieldset[disabled] .form-group input[type=time], .form-group fieldset[disabled] input[type=time], fieldset[disabled] .form-group input[type=week], .form-group fieldset[disabled] input[type=week],
fieldset[disabled] .form-group select,
.form-group fieldset[disabled] select,
fieldset[disabled] .form-group textarea,
.form-group fieldset[disabled] textarea {
  cursor: not-allowed;
}

textarea.form-control,
.form-group textarea {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control, .form-group input[type=date],
input[type=time].form-control,
.form-group input[type=time],
input[type=datetime-local].form-control,
.form-group input[type=datetime-local],
input[type=month].form-control,
.form-group input[type=month] {
    line-height: 34px;
  }
  input[type=date].input-sm,
.input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > .input-group-btn > input[type=time].btn,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > .input-group-btn > input[type=datetime-local].btn,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > .input-group-btn > input[type=month].btn,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
.input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > .input-group-btn > input[type=time].btn,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > .input-group-btn > input[type=datetime-local].btn,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > .input-group-btn > input[type=month].btn,
.input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .form-group .input-group-lg > input.form-control-static[type=email], .form-group .input-group-lg > input.form-control-static[type=number], .form-group .input-group-lg > input.form-control-static[type=password], .form-group .input-group-lg > input.form-control-static[type=search], .form-group .input-group-lg > input.form-control-static[type=tel], .form-group .input-group-lg > input.form-control-static[type=text], .form-group .input-group-lg > input.form-control-static[type=url], .form-group .input-group-lg > input.form-control-static[type=color], .form-group .input-group-lg > input.form-control-static[type=date], .form-group .input-group-lg > input.form-control-static[type=datetime], .form-group .input-group-lg > input.form-control-static[type=datetime-local], .form-group .input-group-lg > input.form-control-static[type=month], .form-group .input-group-lg > input.form-control-static[type=time], .form-group .input-group-lg > input.form-control-static[type=week],
.form-group .input-group-lg > select.form-control-static,
.form-group .input-group-lg > textarea.form-control-static,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .form-group .input-group-sm > input.form-control-static[type=email], .form-group .input-group-sm > input.form-control-static[type=number], .form-group .input-group-sm > input.form-control-static[type=password], .form-group .input-group-sm > input.form-control-static[type=search], .form-group .input-group-sm > input.form-control-static[type=tel], .form-group .input-group-sm > input.form-control-static[type=text], .form-group .input-group-sm > input.form-control-static[type=url], .form-group .input-group-sm > input.form-control-static[type=color], .form-group .input-group-sm > input.form-control-static[type=date], .form-group .input-group-sm > input.form-control-static[type=datetime], .form-group .input-group-sm > input.form-control-static[type=datetime-local], .form-group .input-group-sm > input.form-control-static[type=month], .form-group .input-group-sm > input.form-control-static[type=time], .form-group .input-group-sm > input.form-control-static[type=week],
.form-group .input-group-sm > select.form-control-static,
.form-group .input-group-sm > textarea.form-control-static,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .input-group-sm > .form-control, .form-group .input-group-sm > input[type=email], .form-group .input-group-sm > input[type=number], .form-group .input-group-sm > input[type=password], .form-group .input-group-sm > input[type=search], .form-group .input-group-sm > input[type=tel], .form-group .input-group-sm > input[type=text], .form-group .input-group-sm > input[type=url], .form-group .input-group-sm > input[type=color], .form-group .input-group-sm > input[type=date], .form-group .input-group-sm > input[type=datetime], .form-group .input-group-sm > input[type=datetime-local], .form-group .input-group-sm > input[type=month], .form-group .input-group-sm > input[type=time], .form-group .input-group-sm > input[type=week],
.form-group .input-group-sm > select,
.form-group .input-group-sm > textarea,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.form-group .input-group-sm > select,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.form-group .input-group-sm > textarea,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.form-group .input-group-sm > select[multiple],
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control, .form-group-sm .form-group input[type=email], .form-group .form-group-sm input[type=email], .form-group-sm .form-group input[type=number], .form-group .form-group-sm input[type=number], .form-group-sm .form-group input[type=password], .form-group .form-group-sm input[type=password], .form-group-sm .form-group input[type=search], .form-group .form-group-sm input[type=search], .form-group-sm .form-group input[type=tel], .form-group .form-group-sm input[type=tel], .form-group-sm .form-group input[type=text], .form-group .form-group-sm input[type=text], .form-group-sm .form-group input[type=url], .form-group .form-group-sm input[type=url], .form-group-sm .form-group input[type=color], .form-group .form-group-sm input[type=color], .form-group-sm .form-group input[type=date], .form-group .form-group-sm input[type=date], .form-group-sm .form-group input[type=datetime], .form-group .form-group-sm input[type=datetime], .form-group-sm .form-group input[type=datetime-local], .form-group .form-group-sm input[type=datetime-local], .form-group-sm .form-group input[type=month], .form-group .form-group-sm input[type=month], .form-group-sm .form-group input[type=time], .form-group .form-group-sm input[type=time], .form-group-sm .form-group input[type=week], .form-group .form-group-sm input[type=week],
.form-group-sm .form-group select,
.form-group .form-group-sm select,
.form-group-sm .form-group textarea,
.form-group .form-group-sm textarea {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control,
.form-group-sm .form-group select,
.form-group .form-group-sm select {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm .form-group textarea,
.form-group .form-group-sm textarea,
.form-group-sm select[multiple].form-control,
.form-group-sm .form-group select[multiple],
.form-group .form-group-sm select[multiple] {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control, .form-group .input-group-lg > input[type=email], .form-group .input-group-lg > input[type=number], .form-group .input-group-lg > input[type=password], .form-group .input-group-lg > input[type=search], .form-group .input-group-lg > input[type=tel], .form-group .input-group-lg > input[type=text], .form-group .input-group-lg > input[type=url], .form-group .input-group-lg > input[type=color], .form-group .input-group-lg > input[type=date], .form-group .input-group-lg > input[type=datetime], .form-group .input-group-lg > input[type=datetime-local], .form-group .input-group-lg > input[type=month], .form-group .input-group-lg > input[type=time], .form-group .input-group-lg > input[type=week],
.form-group .input-group-lg > select,
.form-group .input-group-lg > textarea,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.form-group .input-group-lg > select,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.form-group .input-group-lg > textarea,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.form-group .input-group-lg > select[multiple],
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control, .form-group-lg .form-group input[type=email], .form-group .form-group-lg input[type=email], .form-group-lg .form-group input[type=number], .form-group .form-group-lg input[type=number], .form-group-lg .form-group input[type=password], .form-group .form-group-lg input[type=password], .form-group-lg .form-group input[type=search], .form-group .form-group-lg input[type=search], .form-group-lg .form-group input[type=tel], .form-group .form-group-lg input[type=tel], .form-group-lg .form-group input[type=text], .form-group .form-group-lg input[type=text], .form-group-lg .form-group input[type=url], .form-group .form-group-lg input[type=url], .form-group-lg .form-group input[type=color], .form-group .form-group-lg input[type=color], .form-group-lg .form-group input[type=date], .form-group .form-group-lg input[type=date], .form-group-lg .form-group input[type=datetime], .form-group .form-group-lg input[type=datetime], .form-group-lg .form-group input[type=datetime-local], .form-group .form-group-lg input[type=datetime-local], .form-group-lg .form-group input[type=month], .form-group .form-group-lg input[type=month], .form-group-lg .form-group input[type=time], .form-group .form-group-lg input[type=time], .form-group-lg .form-group input[type=week], .form-group .form-group-lg input[type=week],
.form-group-lg .form-group select,
.form-group .form-group-lg select,
.form-group-lg .form-group textarea,
.form-group .form-group-lg textarea {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control,
.form-group-lg .form-group select,
.form-group .form-group-lg select {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg .form-group textarea,
.form-group .form-group-lg textarea,
.form-group-lg select[multiple].form-control,
.form-group-lg .form-group select[multiple],
.form-group .form-group-lg select[multiple] {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control, .has-feedback .form-group input[type=email], .form-group .has-feedback input[type=email], .has-feedback .form-group input[type=number], .form-group .has-feedback input[type=number], .has-feedback .form-group input[type=password], .form-group .has-feedback input[type=password], .has-feedback .form-group input[type=search], .form-group .has-feedback input[type=search], .has-feedback .form-group input[type=tel], .form-group .has-feedback input[type=tel], .has-feedback .form-group input[type=text], .form-group .has-feedback input[type=text], .has-feedback .form-group input[type=url], .form-group .has-feedback input[type=url], .has-feedback .form-group input[type=color], .form-group .has-feedback input[type=color], .has-feedback .form-group input[type=date], .form-group .has-feedback input[type=date], .has-feedback .form-group input[type=datetime], .form-group .has-feedback input[type=datetime], .has-feedback .form-group input[type=datetime-local], .form-group .has-feedback input[type=datetime-local], .has-feedback .form-group input[type=month], .form-group .has-feedback input[type=month], .has-feedback .form-group input[type=time], .form-group .has-feedback input[type=time], .has-feedback .form-group input[type=week], .form-group .has-feedback input[type=week],
.has-feedback .form-group select,
.form-group .has-feedback select,
.has-feedback .form-group textarea,
.form-group .has-feedback textarea {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .form-group .input-group-lg > input[type=email] + .form-control-feedback, .form-group .input-group-lg > input[type=number] + .form-control-feedback, .form-group .input-group-lg > input[type=password] + .form-control-feedback, .form-group .input-group-lg > input[type=search] + .form-control-feedback, .form-group .input-group-lg > input[type=tel] + .form-control-feedback, .form-group .input-group-lg > input[type=text] + .form-control-feedback, .form-group .input-group-lg > input[type=url] + .form-control-feedback, .form-group .input-group-lg > input[type=color] + .form-control-feedback, .form-group .input-group-lg > input[type=date] + .form-control-feedback, .form-group .input-group-lg > input[type=datetime] + .form-control-feedback, .form-group .input-group-lg > input[type=datetime-local] + .form-control-feedback, .form-group .input-group-lg > input[type=month] + .form-control-feedback, .form-group .input-group-lg > input[type=time] + .form-control-feedback, .form-group .input-group-lg > input[type=week] + .form-control-feedback,
.form-group .input-group-lg > select + .form-control-feedback,
.form-group .input-group-lg > textarea + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback,
.form-group-lg .form-group input[type=email] + .form-control-feedback,
.form-group .form-group-lg input[type=email] + .form-control-feedback,
.form-group-lg .form-group input[type=number] + .form-control-feedback,
.form-group .form-group-lg input[type=number] + .form-control-feedback,
.form-group-lg .form-group input[type=password] + .form-control-feedback,
.form-group .form-group-lg input[type=password] + .form-control-feedback,
.form-group-lg .form-group input[type=search] + .form-control-feedback,
.form-group .form-group-lg input[type=search] + .form-control-feedback,
.form-group-lg .form-group input[type=tel] + .form-control-feedback,
.form-group .form-group-lg input[type=tel] + .form-control-feedback,
.form-group-lg .form-group input[type=text] + .form-control-feedback,
.form-group .form-group-lg input[type=text] + .form-control-feedback,
.form-group-lg .form-group input[type=url] + .form-control-feedback,
.form-group .form-group-lg input[type=url] + .form-control-feedback,
.form-group-lg .form-group input[type=color] + .form-control-feedback,
.form-group .form-group-lg input[type=color] + .form-control-feedback,
.form-group-lg .form-group input[type=date] + .form-control-feedback,
.form-group .form-group-lg input[type=date] + .form-control-feedback,
.form-group-lg .form-group input[type=datetime] + .form-control-feedback,
.form-group .form-group-lg input[type=datetime] + .form-control-feedback,
.form-group-lg .form-group input[type=datetime-local] + .form-control-feedback,
.form-group .form-group-lg input[type=datetime-local] + .form-control-feedback,
.form-group-lg .form-group input[type=month] + .form-control-feedback,
.form-group .form-group-lg input[type=month] + .form-control-feedback,
.form-group-lg .form-group input[type=time] + .form-control-feedback,
.form-group .form-group-lg input[type=time] + .form-control-feedback,
.form-group-lg .form-group input[type=week] + .form-control-feedback,
.form-group .form-group-lg input[type=week] + .form-control-feedback,
.form-group-lg .form-group select + .form-control-feedback,
.form-group .form-group-lg select + .form-control-feedback,
.form-group-lg .form-group textarea + .form-control-feedback,
.form-group .form-group-lg textarea + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .form-group .input-group-sm > input[type=email] + .form-control-feedback, .form-group .input-group-sm > input[type=number] + .form-control-feedback, .form-group .input-group-sm > input[type=password] + .form-control-feedback, .form-group .input-group-sm > input[type=search] + .form-control-feedback, .form-group .input-group-sm > input[type=tel] + .form-control-feedback, .form-group .input-group-sm > input[type=text] + .form-control-feedback, .form-group .input-group-sm > input[type=url] + .form-control-feedback, .form-group .input-group-sm > input[type=color] + .form-control-feedback, .form-group .input-group-sm > input[type=date] + .form-control-feedback, .form-group .input-group-sm > input[type=datetime] + .form-control-feedback, .form-group .input-group-sm > input[type=datetime-local] + .form-control-feedback, .form-group .input-group-sm > input[type=month] + .form-control-feedback, .form-group .input-group-sm > input[type=time] + .form-control-feedback, .form-group .input-group-sm > input[type=week] + .form-control-feedback,
.form-group .input-group-sm > select + .form-control-feedback,
.form-group .input-group-sm > textarea + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback,
.form-group-sm .form-group input[type=email] + .form-control-feedback,
.form-group .form-group-sm input[type=email] + .form-control-feedback,
.form-group-sm .form-group input[type=number] + .form-control-feedback,
.form-group .form-group-sm input[type=number] + .form-control-feedback,
.form-group-sm .form-group input[type=password] + .form-control-feedback,
.form-group .form-group-sm input[type=password] + .form-control-feedback,
.form-group-sm .form-group input[type=search] + .form-control-feedback,
.form-group .form-group-sm input[type=search] + .form-control-feedback,
.form-group-sm .form-group input[type=tel] + .form-control-feedback,
.form-group .form-group-sm input[type=tel] + .form-control-feedback,
.form-group-sm .form-group input[type=text] + .form-control-feedback,
.form-group .form-group-sm input[type=text] + .form-control-feedback,
.form-group-sm .form-group input[type=url] + .form-control-feedback,
.form-group .form-group-sm input[type=url] + .form-control-feedback,
.form-group-sm .form-group input[type=color] + .form-control-feedback,
.form-group .form-group-sm input[type=color] + .form-control-feedback,
.form-group-sm .form-group input[type=date] + .form-control-feedback,
.form-group .form-group-sm input[type=date] + .form-control-feedback,
.form-group-sm .form-group input[type=datetime] + .form-control-feedback,
.form-group .form-group-sm input[type=datetime] + .form-control-feedback,
.form-group-sm .form-group input[type=datetime-local] + .form-control-feedback,
.form-group .form-group-sm input[type=datetime-local] + .form-control-feedback,
.form-group-sm .form-group input[type=month] + .form-control-feedback,
.form-group .form-group-sm input[type=month] + .form-control-feedback,
.form-group-sm .form-group input[type=time] + .form-control-feedback,
.form-group .form-group-sm input[type=time] + .form-control-feedback,
.form-group-sm .form-group input[type=week] + .form-control-feedback,
.form-group .form-group-sm input[type=week] + .form-control-feedback,
.form-group-sm .form-group select + .form-control-feedback,
.form-group .form-group-sm select + .form-control-feedback,
.form-group-sm .form-group textarea + .form-control-feedback,
.form-group .form-group-sm textarea + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .form-group label,
.form-group .has-success label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control, .has-success .form-group input[type=email], .form-group .has-success input[type=email], .has-success .form-group input[type=number], .form-group .has-success input[type=number], .has-success .form-group input[type=password], .form-group .has-success input[type=password], .has-success .form-group input[type=search], .form-group .has-success input[type=search], .has-success .form-group input[type=tel], .form-group .has-success input[type=tel], .has-success .form-group input[type=text], .form-group .has-success input[type=text], .has-success .form-group input[type=url], .form-group .has-success input[type=url], .has-success .form-group input[type=color], .form-group .has-success input[type=color], .has-success .form-group input[type=date], .form-group .has-success input[type=date], .has-success .form-group input[type=datetime], .form-group .has-success input[type=datetime], .has-success .form-group input[type=datetime-local], .form-group .has-success input[type=datetime-local], .has-success .form-group input[type=month], .form-group .has-success input[type=month], .has-success .form-group input[type=time], .form-group .has-success input[type=time], .has-success .form-group input[type=week], .form-group .has-success input[type=week],
.has-success .form-group select,
.form-group .has-success select,
.has-success .form-group textarea,
.form-group .has-success textarea {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus, .has-success .form-group input[type=email]:focus, .form-group .has-success input[type=email]:focus, .has-success .form-group input[type=number]:focus, .form-group .has-success input[type=number]:focus, .has-success .form-group input[type=password]:focus, .form-group .has-success input[type=password]:focus, .has-success .form-group input[type=search]:focus, .form-group .has-success input[type=search]:focus, .has-success .form-group input[type=tel]:focus, .form-group .has-success input[type=tel]:focus, .has-success .form-group input[type=text]:focus, .form-group .has-success input[type=text]:focus, .has-success .form-group input[type=url]:focus, .form-group .has-success input[type=url]:focus, .has-success .form-group input[type=color]:focus, .form-group .has-success input[type=color]:focus, .has-success .form-group input[type=date]:focus, .form-group .has-success input[type=date]:focus, .has-success .form-group input[type=datetime]:focus, .form-group .has-success input[type=datetime]:focus, .has-success .form-group input[type=datetime-local]:focus, .form-group .has-success input[type=datetime-local]:focus, .has-success .form-group input[type=month]:focus, .form-group .has-success input[type=month]:focus, .has-success .form-group input[type=time]:focus, .form-group .has-success input[type=time]:focus, .has-success .form-group input[type=week]:focus, .form-group .has-success input[type=week]:focus,
.has-success .form-group select:focus,
.form-group .has-success select:focus,
.has-success .form-group textarea:focus,
.form-group .has-success textarea:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .form-group label,
.form-group .has-warning label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control, .has-warning .form-group input[type=email], .form-group .has-warning input[type=email], .has-warning .form-group input[type=number], .form-group .has-warning input[type=number], .has-warning .form-group input[type=password], .form-group .has-warning input[type=password], .has-warning .form-group input[type=search], .form-group .has-warning input[type=search], .has-warning .form-group input[type=tel], .form-group .has-warning input[type=tel], .has-warning .form-group input[type=text], .form-group .has-warning input[type=text], .has-warning .form-group input[type=url], .form-group .has-warning input[type=url], .has-warning .form-group input[type=color], .form-group .has-warning input[type=color], .has-warning .form-group input[type=date], .form-group .has-warning input[type=date], .has-warning .form-group input[type=datetime], .form-group .has-warning input[type=datetime], .has-warning .form-group input[type=datetime-local], .form-group .has-warning input[type=datetime-local], .has-warning .form-group input[type=month], .form-group .has-warning input[type=month], .has-warning .form-group input[type=time], .form-group .has-warning input[type=time], .has-warning .form-group input[type=week], .form-group .has-warning input[type=week],
.has-warning .form-group select,
.form-group .has-warning select,
.has-warning .form-group textarea,
.form-group .has-warning textarea {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus, .has-warning .form-group input[type=email]:focus, .form-group .has-warning input[type=email]:focus, .has-warning .form-group input[type=number]:focus, .form-group .has-warning input[type=number]:focus, .has-warning .form-group input[type=password]:focus, .form-group .has-warning input[type=password]:focus, .has-warning .form-group input[type=search]:focus, .form-group .has-warning input[type=search]:focus, .has-warning .form-group input[type=tel]:focus, .form-group .has-warning input[type=tel]:focus, .has-warning .form-group input[type=text]:focus, .form-group .has-warning input[type=text]:focus, .has-warning .form-group input[type=url]:focus, .form-group .has-warning input[type=url]:focus, .has-warning .form-group input[type=color]:focus, .form-group .has-warning input[type=color]:focus, .has-warning .form-group input[type=date]:focus, .form-group .has-warning input[type=date]:focus, .has-warning .form-group input[type=datetime]:focus, .form-group .has-warning input[type=datetime]:focus, .has-warning .form-group input[type=datetime-local]:focus, .form-group .has-warning input[type=datetime-local]:focus, .has-warning .form-group input[type=month]:focus, .form-group .has-warning input[type=month]:focus, .has-warning .form-group input[type=time]:focus, .form-group .has-warning input[type=time]:focus, .has-warning .form-group input[type=week]:focus, .form-group .has-warning input[type=week]:focus,
.has-warning .form-group select:focus,
.form-group .has-warning select:focus,
.has-warning .form-group textarea:focus,
.form-group .has-warning textarea:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .form-group label,
.form-group .has-error label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control, .has-error .form-group input[type=email], .form-group .has-error input[type=email], .has-error .form-group input[type=number], .form-group .has-error input[type=number], .has-error .form-group input[type=password], .form-group .has-error input[type=password], .has-error .form-group input[type=search], .form-group .has-error input[type=search], .has-error .form-group input[type=tel], .form-group .has-error input[type=tel], .has-error .form-group input[type=text], .form-group .has-error input[type=text], .has-error .form-group input[type=url], .form-group .has-error input[type=url], .has-error .form-group input[type=color], .form-group .has-error input[type=color], .has-error .form-group input[type=date], .form-group .has-error input[type=date], .has-error .form-group input[type=datetime], .form-group .has-error input[type=datetime], .has-error .form-group input[type=datetime-local], .form-group .has-error input[type=datetime-local], .has-error .form-group input[type=month], .form-group .has-error input[type=month], .has-error .form-group input[type=time], .form-group .has-error input[type=time], .has-error .form-group input[type=week], .form-group .has-error input[type=week],
.has-error .form-group select,
.form-group .has-error select,
.has-error .form-group textarea,
.form-group .has-error textarea {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus, .has-error .form-group input[type=email]:focus, .form-group .has-error input[type=email]:focus, .has-error .form-group input[type=number]:focus, .form-group .has-error input[type=number]:focus, .has-error .form-group input[type=password]:focus, .form-group .has-error input[type=password]:focus, .has-error .form-group input[type=search]:focus, .form-group .has-error input[type=search]:focus, .has-error .form-group input[type=tel]:focus, .form-group .has-error input[type=tel]:focus, .has-error .form-group input[type=text]:focus, .form-group .has-error input[type=text]:focus, .has-error .form-group input[type=url]:focus, .form-group .has-error input[type=url]:focus, .has-error .form-group input[type=color]:focus, .form-group .has-error input[type=color]:focus, .has-error .form-group input[type=date]:focus, .form-group .has-error input[type=date]:focus, .has-error .form-group input[type=datetime]:focus, .form-group .has-error input[type=datetime]:focus, .has-error .form-group input[type=datetime-local]:focus, .form-group .has-error input[type=datetime-local]:focus, .has-error .form-group input[type=month]:focus, .form-group .has-error input[type=month]:focus, .has-error .form-group input[type=time]:focus, .form-group .has-error input[type=time]:focus, .has-error .form-group input[type=week]:focus, .form-group .has-error input[type=week]:focus,
.has-error .form-group select:focus,
.form-group .has-error select:focus,
.has-error .form-group textarea:focus,
.form-group .has-error textarea:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #5b7fa3;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control, .form-inline .form-group input[type=email], .form-group .form-inline input[type=email], .form-inline .form-group input[type=number], .form-group .form-inline input[type=number], .form-inline .form-group input[type=password], .form-group .form-inline input[type=password], .form-inline .form-group input[type=search], .form-group .form-inline input[type=search], .form-inline .form-group input[type=tel], .form-group .form-inline input[type=tel], .form-inline .form-group input[type=text], .form-group .form-inline input[type=text], .form-inline .form-group input[type=url], .form-group .form-inline input[type=url], .form-inline .form-group input[type=color], .form-group .form-inline input[type=color], .form-inline .form-group input[type=date], .form-group .form-inline input[type=date], .form-inline .form-group input[type=datetime], .form-group .form-inline input[type=datetime], .form-inline .form-group input[type=datetime-local], .form-group .form-inline input[type=datetime-local], .form-inline .form-group input[type=month], .form-group .form-inline input[type=month], .form-inline .form-group input[type=time], .form-group .form-inline input[type=time], .form-inline .form-group input[type=week], .form-group .form-inline input[type=week],
.form-inline .form-group select,
.form-group .form-inline select,
.form-inline .form-group textarea,
.form-group .form-inline textarea {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control,
.form-inline .input-group .form-group input[type=email],
.form-group .form-inline .input-group input[type=email],
.form-inline .input-group .form-group input[type=number],
.form-group .form-inline .input-group input[type=number],
.form-inline .input-group .form-group input[type=password],
.form-group .form-inline .input-group input[type=password],
.form-inline .input-group .form-group input[type=search],
.form-group .form-inline .input-group input[type=search],
.form-inline .input-group .form-group input[type=tel],
.form-group .form-inline .input-group input[type=tel],
.form-inline .input-group .form-group input[type=text],
.form-group .form-inline .input-group input[type=text],
.form-inline .input-group .form-group input[type=url],
.form-group .form-inline .input-group input[type=url],
.form-inline .input-group .form-group input[type=color],
.form-group .form-inline .input-group input[type=color],
.form-inline .input-group .form-group input[type=date],
.form-group .form-inline .input-group input[type=date],
.form-inline .input-group .form-group input[type=datetime],
.form-group .form-inline .input-group input[type=datetime],
.form-inline .input-group .form-group input[type=datetime-local],
.form-group .form-inline .input-group input[type=datetime-local],
.form-inline .input-group .form-group input[type=month],
.form-group .form-inline .input-group input[type=month],
.form-inline .input-group .form-group input[type=time],
.form-group .form-inline .input-group input[type=time],
.form-inline .input-group .form-group input[type=week],
.form-group .form-inline .input-group input[type=week],
.form-inline .input-group .form-group select,
.form-group .form-inline .input-group select,
.form-inline .input-group .form-group textarea,
.form-group .form-inline .input-group textarea {
    width: auto;
  }
  .form-inline .input-group > .form-control, .form-inline .form-group .input-group > input[type=email], .form-group .form-inline .input-group > input[type=email], .form-inline .form-group .input-group > input[type=number], .form-group .form-inline .input-group > input[type=number], .form-inline .form-group .input-group > input[type=password], .form-group .form-inline .input-group > input[type=password], .form-inline .form-group .input-group > input[type=search], .form-group .form-inline .input-group > input[type=search], .form-inline .form-group .input-group > input[type=tel], .form-group .form-inline .input-group > input[type=tel], .form-inline .form-group .input-group > input[type=text], .form-group .form-inline .input-group > input[type=text], .form-inline .form-group .input-group > input[type=url], .form-group .form-inline .input-group > input[type=url], .form-inline .form-group .input-group > input[type=color], .form-group .form-inline .input-group > input[type=color], .form-inline .form-group .input-group > input[type=date], .form-group .form-inline .input-group > input[type=date], .form-inline .form-group .input-group > input[type=datetime], .form-group .form-inline .input-group > input[type=datetime], .form-inline .form-group .input-group > input[type=datetime-local], .form-group .form-inline .input-group > input[type=datetime-local], .form-inline .form-group .input-group > input[type=month], .form-group .form-inline .input-group > input[type=month], .form-inline .form-group .input-group > input[type=time], .form-group .form-inline .input-group > input[type=time], .form-inline .form-group .input-group > input[type=week], .form-group .form-inline .input-group > input[type=week],
.form-inline .form-group .input-group > select,
.form-group .form-inline .input-group > select,
.form-inline .form-group .input-group > textarea,
.form-group .form-inline .input-group > textarea {
    width: 100%;
  }
  .form-inline .control-label, .form-inline .form-group label, .form-group .form-inline label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label, .form-horizontal .form-group label, .form-group .form-horizontal label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label, .form-horizontal .form-group-lg .form-group label, .form-group .form-horizontal .form-group-lg label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label, .form-horizontal .form-group-sm .form-group label, .form-group .form-horizontal .form-group-sm label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e43725;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #d62c1a;
  border-color: #7b190f;
}
.btn-primary:hover {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #b62516;
  border-color: #7b190f;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #e74c3c;
  border-color: #e43725;
}
.btn-primary .badge {
  color: #e74c3c;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #2980b9;
  font-weight: normal;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #1b557a;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #e74c3c;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret,
.page_action .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu,
.page_action .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control, .input-group .form-group input[type=email], .form-group .input-group input[type=email], .input-group .form-group input[type=number], .form-group .input-group input[type=number], .input-group .form-group input[type=password], .form-group .input-group input[type=password], .input-group .form-group input[type=search], .form-group .input-group input[type=search], .input-group .form-group input[type=tel], .form-group .input-group input[type=tel], .input-group .form-group input[type=text], .form-group .input-group input[type=text], .input-group .form-group input[type=url], .form-group .input-group input[type=url], .input-group .form-group input[type=color], .form-group .input-group input[type=color], .input-group .form-group input[type=date], .form-group .input-group input[type=date], .input-group .form-group input[type=datetime], .form-group .input-group input[type=datetime], .input-group .form-group input[type=datetime-local], .form-group .input-group input[type=datetime-local], .input-group .form-group input[type=month], .form-group .input-group input[type=month], .input-group .form-group input[type=time], .form-group .input-group input[type=time], .input-group .form-group input[type=week], .form-group .input-group input[type=week],
.input-group .form-group select,
.form-group .input-group select,
.input-group .form-group textarea,
.form-group .input-group textarea {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus, .input-group .form-group input[type=email]:focus, .form-group .input-group input[type=email]:focus, .input-group .form-group input[type=number]:focus, .form-group .input-group input[type=number]:focus, .input-group .form-group input[type=password]:focus, .form-group .input-group input[type=password]:focus, .input-group .form-group input[type=search]:focus, .form-group .input-group input[type=search]:focus, .input-group .form-group input[type=tel]:focus, .form-group .input-group input[type=tel]:focus, .input-group .form-group input[type=text]:focus, .form-group .input-group input[type=text]:focus, .input-group .form-group input[type=url]:focus, .form-group .input-group input[type=url]:focus, .input-group .form-group input[type=color]:focus, .form-group .input-group input[type=color]:focus, .input-group .form-group input[type=date]:focus, .form-group .input-group input[type=date]:focus, .input-group .form-group input[type=datetime]:focus, .form-group .input-group input[type=datetime]:focus, .input-group .form-group input[type=datetime-local]:focus, .form-group .input-group input[type=datetime-local]:focus, .input-group .form-group input[type=month]:focus, .form-group .input-group input[type=month]:focus, .input-group .form-group input[type=time]:focus, .form-group .input-group input[type=time]:focus, .input-group .form-group input[type=week]:focus, .form-group .input-group input[type=week]:focus,
.input-group .form-group select:focus,
.form-group .input-group select:focus,
.input-group .form-group textarea:focus,
.form-group .input-group textarea:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group .form-group input[type=email],
.form-group .input-group input[type=email],
.input-group .form-group input[type=number],
.form-group .input-group input[type=number],
.input-group .form-group input[type=password],
.form-group .input-group input[type=password],
.input-group .form-group input[type=search],
.form-group .input-group input[type=search],
.input-group .form-group input[type=tel],
.form-group .input-group input[type=tel],
.input-group .form-group input[type=text],
.form-group .input-group input[type=text],
.input-group .form-group input[type=url],
.form-group .input-group input[type=url],
.input-group .form-group input[type=color],
.form-group .input-group input[type=color],
.input-group .form-group input[type=date],
.form-group .input-group input[type=date],
.input-group .form-group input[type=datetime],
.form-group .input-group input[type=datetime],
.input-group .form-group input[type=datetime-local],
.form-group .input-group input[type=datetime-local],
.input-group .form-group input[type=month],
.form-group .input-group input[type=month],
.input-group .form-group input[type=time],
.form-group .input-group input[type=time],
.input-group .form-group input[type=week],
.form-group .input-group input[type=week],
.input-group .form-group select,
.form-group .input-group select,
.input-group .form-group textarea,
.form-group .input-group textarea {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child),
.input-group .form-group input[type=email]:not(:first-child):not(:last-child),
.form-group .input-group input[type=email]:not(:first-child):not(:last-child),
.input-group .form-group input[type=number]:not(:first-child):not(:last-child),
.form-group .input-group input[type=number]:not(:first-child):not(:last-child),
.input-group .form-group input[type=password]:not(:first-child):not(:last-child),
.form-group .input-group input[type=password]:not(:first-child):not(:last-child),
.input-group .form-group input[type=search]:not(:first-child):not(:last-child),
.form-group .input-group input[type=search]:not(:first-child):not(:last-child),
.input-group .form-group input[type=tel]:not(:first-child):not(:last-child),
.form-group .input-group input[type=tel]:not(:first-child):not(:last-child),
.input-group .form-group input[type=text]:not(:first-child):not(:last-child),
.form-group .input-group input[type=text]:not(:first-child):not(:last-child),
.input-group .form-group input[type=url]:not(:first-child):not(:last-child),
.form-group .input-group input[type=url]:not(:first-child):not(:last-child),
.input-group .form-group input[type=color]:not(:first-child):not(:last-child),
.form-group .input-group input[type=color]:not(:first-child):not(:last-child),
.input-group .form-group input[type=date]:not(:first-child):not(:last-child),
.form-group .input-group input[type=date]:not(:first-child):not(:last-child),
.input-group .form-group input[type=datetime]:not(:first-child):not(:last-child),
.form-group .input-group input[type=datetime]:not(:first-child):not(:last-child),
.input-group .form-group input[type=datetime-local]:not(:first-child):not(:last-child),
.form-group .input-group input[type=datetime-local]:not(:first-child):not(:last-child),
.input-group .form-group input[type=month]:not(:first-child):not(:last-child),
.form-group .input-group input[type=month]:not(:first-child):not(:last-child),
.input-group .form-group input[type=time]:not(:first-child):not(:last-child),
.form-group .input-group input[type=time]:not(:first-child):not(:last-child),
.input-group .form-group input[type=week]:not(:first-child):not(:last-child),
.form-group .input-group input[type=week]:not(:first-child):not(:last-child),
.input-group .form-group select:not(:first-child):not(:last-child),
.form-group .input-group select:not(:first-child):not(:last-child),
.input-group .form-group textarea:not(:first-child):not(:last-child),
.form-group .input-group textarea:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child, .input-group .form-group input[type=email]:first-child, .form-group .input-group input[type=email]:first-child, .input-group .form-group input[type=number]:first-child, .form-group .input-group input[type=number]:first-child, .input-group .form-group input[type=password]:first-child, .form-group .input-group input[type=password]:first-child, .input-group .form-group input[type=search]:first-child, .form-group .input-group input[type=search]:first-child, .input-group .form-group input[type=tel]:first-child, .form-group .input-group input[type=tel]:first-child, .input-group .form-group input[type=text]:first-child, .form-group .input-group input[type=text]:first-child, .input-group .form-group input[type=url]:first-child, .form-group .input-group input[type=url]:first-child, .input-group .form-group input[type=color]:first-child, .form-group .input-group input[type=color]:first-child, .input-group .form-group input[type=date]:first-child, .form-group .input-group input[type=date]:first-child, .input-group .form-group input[type=datetime]:first-child, .form-group .input-group input[type=datetime]:first-child, .input-group .form-group input[type=datetime-local]:first-child, .form-group .input-group input[type=datetime-local]:first-child, .input-group .form-group input[type=month]:first-child, .form-group .input-group input[type=month]:first-child, .input-group .form-group input[type=time]:first-child, .form-group .input-group input[type=time]:first-child, .input-group .form-group input[type=week]:first-child, .form-group .input-group input[type=week]:first-child,
.input-group .form-group select:first-child,
.form-group .input-group select:first-child,
.input-group .form-group textarea:first-child,
.form-group .input-group textarea:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child, .input-group .form-group input[type=email]:last-child, .form-group .input-group input[type=email]:last-child, .input-group .form-group input[type=number]:last-child, .form-group .input-group input[type=number]:last-child, .input-group .form-group input[type=password]:last-child, .form-group .input-group input[type=password]:last-child, .input-group .form-group input[type=search]:last-child, .form-group .input-group input[type=search]:last-child, .input-group .form-group input[type=tel]:last-child, .form-group .input-group input[type=tel]:last-child, .input-group .form-group input[type=text]:last-child, .form-group .input-group input[type=text]:last-child, .input-group .form-group input[type=url]:last-child, .form-group .input-group input[type=url]:last-child, .input-group .form-group input[type=color]:last-child, .form-group .input-group input[type=color]:last-child, .input-group .form-group input[type=date]:last-child, .form-group .input-group input[type=date]:last-child, .input-group .form-group input[type=datetime]:last-child, .form-group .input-group input[type=datetime]:last-child, .input-group .form-group input[type=datetime-local]:last-child, .form-group .input-group input[type=datetime-local]:last-child, .input-group .form-group input[type=month]:last-child, .form-group .input-group input[type=month]:last-child, .input-group .form-group input[type=time]:last-child, .form-group .input-group input[type=time]:last-child, .input-group .form-group input[type=week]:last-child, .form-group .input-group input[type=week]:last-child,
.input-group .form-group select:last-child,
.form-group .input-group select:last-child,
.input-group .form-group textarea:last-child,
.form-group .input-group textarea:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #2980b9;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #e74c3c;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse, .page_action .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse,
.page_action .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse,
.page_action .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom,
.page_action {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
.navbar-fixed-bottom,
.page_action {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom, .page_action {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control, .navbar-form .form-group input[type=email], .form-group .navbar-form input[type=email], .navbar-form .form-group input[type=number], .form-group .navbar-form input[type=number], .navbar-form .form-group input[type=password], .form-group .navbar-form input[type=password], .navbar-form .form-group input[type=search], .form-group .navbar-form input[type=search], .navbar-form .form-group input[type=tel], .form-group .navbar-form input[type=tel], .navbar-form .form-group input[type=text], .form-group .navbar-form input[type=text], .navbar-form .form-group input[type=url], .form-group .navbar-form input[type=url], .navbar-form .form-group input[type=color], .form-group .navbar-form input[type=color], .navbar-form .form-group input[type=date], .form-group .navbar-form input[type=date], .navbar-form .form-group input[type=datetime], .form-group .navbar-form input[type=datetime], .navbar-form .form-group input[type=datetime-local], .form-group .navbar-form input[type=datetime-local], .navbar-form .form-group input[type=month], .form-group .navbar-form input[type=month], .navbar-form .form-group input[type=time], .form-group .navbar-form input[type=time], .navbar-form .form-group input[type=week], .form-group .navbar-form input[type=week],
.navbar-form .form-group select,
.form-group .navbar-form select,
.navbar-form .form-group textarea,
.form-group .navbar-form textarea {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control,
.navbar-form .input-group .form-group input[type=email],
.form-group .navbar-form .input-group input[type=email],
.navbar-form .input-group .form-group input[type=number],
.form-group .navbar-form .input-group input[type=number],
.navbar-form .input-group .form-group input[type=password],
.form-group .navbar-form .input-group input[type=password],
.navbar-form .input-group .form-group input[type=search],
.form-group .navbar-form .input-group input[type=search],
.navbar-form .input-group .form-group input[type=tel],
.form-group .navbar-form .input-group input[type=tel],
.navbar-form .input-group .form-group input[type=text],
.form-group .navbar-form .input-group input[type=text],
.navbar-form .input-group .form-group input[type=url],
.form-group .navbar-form .input-group input[type=url],
.navbar-form .input-group .form-group input[type=color],
.form-group .navbar-form .input-group input[type=color],
.navbar-form .input-group .form-group input[type=date],
.form-group .navbar-form .input-group input[type=date],
.navbar-form .input-group .form-group input[type=datetime],
.form-group .navbar-form .input-group input[type=datetime],
.navbar-form .input-group .form-group input[type=datetime-local],
.form-group .navbar-form .input-group input[type=datetime-local],
.navbar-form .input-group .form-group input[type=month],
.form-group .navbar-form .input-group input[type=month],
.navbar-form .input-group .form-group input[type=time],
.form-group .navbar-form .input-group input[type=time],
.navbar-form .input-group .form-group input[type=week],
.form-group .navbar-form .input-group input[type=week],
.navbar-form .input-group .form-group select,
.form-group .navbar-form .input-group select,
.navbar-form .input-group .form-group textarea,
.form-group .navbar-form .input-group textarea {
    width: auto;
  }
  .navbar-form .input-group > .form-control, .navbar-form .form-group .input-group > input[type=email], .form-group .navbar-form .input-group > input[type=email], .navbar-form .form-group .input-group > input[type=number], .form-group .navbar-form .input-group > input[type=number], .navbar-form .form-group .input-group > input[type=password], .form-group .navbar-form .input-group > input[type=password], .navbar-form .form-group .input-group > input[type=search], .form-group .navbar-form .input-group > input[type=search], .navbar-form .form-group .input-group > input[type=tel], .form-group .navbar-form .input-group > input[type=tel], .navbar-form .form-group .input-group > input[type=text], .form-group .navbar-form .input-group > input[type=text], .navbar-form .form-group .input-group > input[type=url], .form-group .navbar-form .input-group > input[type=url], .navbar-form .form-group .input-group > input[type=color], .form-group .navbar-form .input-group > input[type=color], .navbar-form .form-group .input-group > input[type=date], .form-group .navbar-form .input-group > input[type=date], .navbar-form .form-group .input-group > input[type=datetime], .form-group .navbar-form .input-group > input[type=datetime], .navbar-form .form-group .input-group > input[type=datetime-local], .form-group .navbar-form .input-group > input[type=datetime-local], .navbar-form .form-group .input-group > input[type=month], .form-group .navbar-form .input-group > input[type=month], .navbar-form .form-group .input-group > input[type=time], .form-group .navbar-form .input-group > input[type=time], .navbar-form .form-group .input-group > input[type=week], .form-group .navbar-form .input-group > input[type=week],
.navbar-form .form-group .input-group > select,
.form-group .navbar-form .input-group > select,
.navbar-form .form-group .input-group > textarea,
.form-group .navbar-form .input-group > textarea {
    width: 100%;
  }
  .navbar-form .control-label, .navbar-form .form-group label, .form-group .navbar-form label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
.navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu, .page_action .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #e74c3c;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #d62c1a;
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #2980b9;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger, .banking-login .error, .error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr, .banking-login .error hr, .error hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link, .error .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #e74c3c;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #fdf3f2;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #e74c3c;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e74c3c;
}
.panel-primary > .panel-heading .badge {
  color: #e74c3c;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e74c3c;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:before, .dummy-gesellschaften .list-entry:before, kuendigungsfrist-directive .form50 .form-group:before, producttree-directive li.sonstiges > a:before, .clearfix:after, .dummy-gesellschaften .list-entry:after, kuendigungsfrist-directive .form50 .form-group:after, producttree-directive li.sonstiges > a:after {
  content: " ";
  display: table;
}
.clearfix:after, .dummy-gesellschaften .list-entry:after, kuendigungsfrist-directive .form50 .form-group:after, producttree-directive li.sonstiges > a:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 334px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 334px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 334px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 334px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 334px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa, .glyphicon, label[for*=geschlecht]:before, #main-navigation .expand, #main-navigation .hassubnav > a:before,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left, .fa-pull-left.glyphicon, label.fa-pull-left[for*=geschlecht]:before, #main-navigation .fa-pull-left.expand, #main-navigation .hassubnav > a.fa-pull-left:before,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right, .fa-pull-right.glyphicon, label.fa-pull-right[for*=geschlecht]:before, #main-navigation .fa-pull-right.expand, #main-navigation .hassubnav > a.fa-pull-right:before,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin, .page-schadensmeldung .uploader .doc_list .uploading:before, .doc_list .uploading:before {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

.fa-abacus:before {
  content: "\f640";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-acorn:before {
  content: "\f6ae";
}

.fa-acquisitions-incorporated:before {
  content: "\f6af";
}

.fa-ad:before {
  content: "\f641";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-air-conditioner:before {
  content: "\f8f4";
}

.fa-air-freshener:before {
  content: "\f5d0";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-alarm-clock:before {
  content: "\f34e";
}

.fa-alarm-exclamation:before {
  content: "\f843";
}

.fa-alarm-plus:before {
  content: "\f844";
}

.fa-alarm-snooze:before {
  content: "\f845";
}

.fa-album:before {
  content: "\f89f";
}

.fa-album-collection:before {
  content: "\f8a0";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-alicorn:before {
  content: "\f6b0";
}

.fa-alien:before {
  content: "\f8f5";
}

.fa-alien-monster:before {
  content: "\f8f6";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-slash:before {
  content: "\f846";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-allergies:before {
  content: "\f461";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-amp-guitar:before {
  content: "\f8a1";
}

.fa-analytics:before {
  content: "\f643";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angel:before {
  content: "\f779";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before, #main-navigation .hassubnav > a:before {
  content: "\f107";
}

.fa-angle-left:before, #main-navigation.active .expand:before {
  content: "\f104";
}

.fa-angle-right:before, #main-navigation .expand:before {
  content: "\f105";
}

.fa-angle-up:before, #main-navigation .hassubnav.active > a:before {
  content: "\f106";
}

.fa-angry:before {
  content: "\f556";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-alt:before {
  content: "\f5d1";
}

.fa-apple-crate:before {
  content: "\f6b1";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-alt-down:before {
  content: "\f354";
}

.fa-arrow-alt-from-bottom:before {
  content: "\f346";
}

.fa-arrow-alt-from-left:before {
  content: "\f347";
}

.fa-arrow-alt-from-right:before {
  content: "\f348";
}

.fa-arrow-alt-from-top:before {
  content: "\f349";
}

.fa-arrow-alt-left:before {
  content: "\f355";
}

.fa-arrow-alt-right:before {
  content: "\f356";
}

.fa-arrow-alt-square-down:before {
  content: "\f350";
}

.fa-arrow-alt-square-left:before {
  content: "\f351";
}

.fa-arrow-alt-square-right:before {
  content: "\f352";
}

.fa-arrow-alt-square-up:before {
  content: "\f353";
}

.fa-arrow-alt-to-bottom:before {
  content: "\f34a";
}

.fa-arrow-alt-to-left:before {
  content: "\f34b";
}

.fa-arrow-alt-to-right:before {
  content: "\f34c";
}

.fa-arrow-alt-to-top:before {
  content: "\f34d";
}

.fa-arrow-alt-up:before {
  content: "\f357";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-from-bottom:before {
  content: "\f342";
}

.fa-arrow-from-left:before {
  content: "\f343";
}

.fa-arrow-from-right:before {
  content: "\f344";
}

.fa-arrow-from-top:before {
  content: "\f345";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-square-down:before {
  content: "\f339";
}

.fa-arrow-square-left:before {
  content: "\f33a";
}

.fa-arrow-square-right:before {
  content: "\f33b";
}

.fa-arrow-square-up:before {
  content: "\f33c";
}

.fa-arrow-to-bottom:before {
  content: "\f33d";
}

.fa-arrow-to-left:before {
  content: "\f33e";
}

.fa-arrow-to-right:before {
  content: "\f340";
}

.fa-arrow-to-top:before {
  content: "\f341";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-atlas:before {
  content: "\f558";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-atom-alt:before {
  content: "\f5d3";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-award:before {
  content: "\f559";
}

.fa-aws:before {
  content: "\f375";
}

.fa-axe:before {
  content: "\f6b2";
}

.fa-axe-battle:before {
  content: "\f6b3";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before {
  content: "\f77d";
}

.fa-backpack:before {
  content: "\f5d4";
}

.fa-backspace:before {
  content: "\f55a";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-badge:before {
  content: "\f335";
}

.fa-badge-check:before {
  content: "\f336";
}

.fa-badge-dollar:before {
  content: "\f645";
}

.fa-badge-percent:before {
  content: "\f646";
}

.fa-badge-sheriff:before {
  content: "\f8a2";
}

.fa-badger-honey:before {
  content: "\f6b4";
}

.fa-bags-shopping:before {
  content: "\f847";
}

.fa-bahai:before {
  content: "\f666";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-balance-scale-left:before {
  content: "\f515";
}

.fa-balance-scale-right:before {
  content: "\f516";
}

.fa-ball-pile:before {
  content: "\f77e";
}

.fa-ballot:before {
  content: "\f732";
}

.fa-ballot-check:before {
  content: "\f733";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-banjo:before {
  content: "\f8a3";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-barcode-alt:before {
  content: "\f463";
}

.fa-barcode-read:before {
  content: "\f464";
}

.fa-barcode-scan:before {
  content: "\f465";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball:before {
  content: "\f432";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-basketball-hoop:before {
  content: "\f435";
}

.fa-bat:before {
  content: "\f6b5";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-bolt:before {
  content: "\f376";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-slash:before {
  content: "\f377";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-bed:before {
  content: "\f236";
}

.fa-bed-alt:before {
  content: "\f8f7";
}

.fa-bed-bunk:before {
  content: "\f8f8";
}

.fa-bed-empty:before {
  content: "\f8f9";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-exclamation:before {
  content: "\f848";
}

.fa-bell-on:before {
  content: "\f8fa";
}

.fa-bell-plus:before {
  content: "\f849";
}

.fa-bell-school:before {
  content: "\f5d5";
}

.fa-bell-school-slash:before {
  content: "\f5d6";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bells:before {
  content: "\f77f";
}

.fa-betamax:before {
  content: "\f8a4";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bible:before {
  content: "\f647";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-biking:before {
  content: "\f84a";
}

.fa-biking-mountain:before {
  content: "\f84b";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blanket:before {
  content: "\f498";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blinds:before {
  content: "\f8fb";
}

.fa-blinds-open:before {
  content: "\f8fc";
}

.fa-blinds-raised:before {
  content: "\f8fd";
}

.fa-blog:before {
  content: "\f781";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bone-break:before {
  content: "\f5d8";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-book-alt:before {
  content: "\f5d9";
}

.fa-book-dead:before {
  content: "\f6b7";
}

.fa-book-heart:before {
  content: "\f499";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-reader:before {
  content: "\f5da";
}

.fa-book-spells:before {
  content: "\f6b8";
}

.fa-book-user:before {
  content: "\f7e7";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-books:before {
  content: "\f5db";
}

.fa-books-medical:before {
  content: "\f7e8";
}

.fa-boombox:before {
  content: "\f8a5";
}

.fa-boot:before {
  content: "\f782";
}

.fa-booth-curtain:before {
  content: "\f734";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-bottom:before {
  content: "\f84d";
}

.fa-border-center-h:before {
  content: "\f89c";
}

.fa-border-center-v:before {
  content: "\f89d";
}

.fa-border-inner:before {
  content: "\f84e";
}

.fa-border-left:before {
  content: "\f84f";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-outer:before {
  content: "\f851";
}

.fa-border-right:before {
  content: "\f852";
}

.fa-border-style:before {
  content: "\f853";
}

.fa-border-style-alt:before {
  content: "\f854";
}

.fa-border-top:before {
  content: "\f855";
}

.fa-bow-arrow:before {
  content: "\f6b9";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-bowling-pins:before {
  content: "\f437";
}

.fa-box:before {
  content: "\f466";
}

.fa-box-alt:before {
  content: "\f49a";
}

.fa-box-ballot:before {
  content: "\f735";
}

.fa-box-check:before {
  content: "\f467";
}

.fa-box-fragile:before {
  content: "\f49b";
}

.fa-box-full:before {
  content: "\f49c";
}

.fa-box-heart:before {
  content: "\f49d";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-box-up:before {
  content: "\f49f";
}

.fa-box-usd:before {
  content: "\f4a0";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-boxes-alt:before {
  content: "\f4a1";
}

.fa-boxing-glove:before {
  content: "\f438";
}

.fa-brackets:before {
  content: "\f7e9";
}

.fa-brackets-curly:before {
  content: "\f7ea";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-bread-loaf:before {
  content: "\f7eb";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-bring-forward:before {
  content: "\f856";
}

.fa-bring-front:before {
  content: "\f857";
}

.fa-broadcast-tower:before {
  content: "\f519";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-browser:before {
  content: "\f37e";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-bullseye-arrow:before {
  content: "\f648";
}

.fa-bullseye-pointer:before {
  content: "\f649";
}

.fa-burger-soda:before {
  content: "\f858";
}

.fa-burn:before {
  content: "\f46a";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-burrito:before {
  content: "\f7ed";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before {
  content: "\f55e";
}

.fa-bus-school:before {
  content: "\f5dd";
}

.fa-business-time:before {
  content: "\f64a";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-cabinet-filing:before {
  content: "\f64b";
}

.fa-cactus:before {
  content: "\f8a7";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calculator-alt:before {
  content: "\f64c";
}

.fa-calendar:before, .glyphicon-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-edit:before {
  content: "\f333";
}

.fa-calendar-exclamation:before {
  content: "\f334";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-star:before {
  content: "\f736";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-camcorder:before {
  content: "\f8a8";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-alt:before {
  content: "\f332";
}

.fa-camera-home:before {
  content: "\f8fe";
}

.fa-camera-movie:before {
  content: "\f8a9";
}

.fa-camera-polaroid:before {
  content: "\f8aa";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-campfire:before {
  content: "\f6ba";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-candle-holder:before {
  content: "\f6bc";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-candy-corn:before {
  content: "\f6bd";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-car-alt:before {
  content: "\f5de";
}

.fa-car-battery:before {
  content: "\f5df";
}

.fa-car-building:before {
  content: "\f859";
}

.fa-car-bump:before {
  content: "\f5e0";
}

.fa-car-bus:before {
  content: "\f85a";
}

.fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-garage:before {
  content: "\f5e2";
}

.fa-car-mechanic:before {
  content: "\f5e3";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-car-tilt:before {
  content: "\f5e5";
}

.fa-car-wash:before {
  content: "\f5e6";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caravan-alt:before {
  content: "\e000";
}

.fa-caret-circle-down:before {
  content: "\f32d";
}

.fa-caret-circle-left:before {
  content: "\f32e";
}

.fa-caret-circle-right:before {
  content: "\f330";
}

.fa-caret-circle-up:before {
  content: "\f331";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cars:before {
  content: "\f85b";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cassette-tape:before {
  content: "\f8ab";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cat-space:before {
  content: "\e001";
}

.fa-cauldron:before {
  content: "\f6bf";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cctv:before {
  content: "\f8ac";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-chair-office:before {
  content: "\f6c1";
}

.fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before {
  content: "\f51c";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-line-down:before {
  content: "\f64d";
}

.fa-chart-network:before {
  content: "\f78a";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-chart-pie-alt:before {
  content: "\f64e";
}

.fa-chart-scatter:before {
  content: "\f7ee";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-cheese-swiss:before {
  content: "\f7f0";
}

.fa-cheeseburger:before {
  content: "\f7f1";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-bishop-alt:before {
  content: "\f43b";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-clock:before {
  content: "\f43d";
}

.fa-chess-clock-alt:before {
  content: "\f43e";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-king-alt:before {
  content: "\f440";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-knight-alt:before {
  content: "\f442";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-pawn-alt:before {
  content: "\f444";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-queen-alt:before {
  content: "\f446";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chess-rook-alt:before {
  content: "\f448";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-double-down:before {
  content: "\f322";
}

.fa-chevron-double-left:before {
  content: "\f323";
}

.fa-chevron-double-right:before {
  content: "\f324";
}

.fa-chevron-double-up:before {
  content: "\f325";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before, .glyphicon-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before, .glyphicon-chevron-right:before {
  content: "\f054";
}

.fa-chevron-square-down:before {
  content: "\f329";
}

.fa-chevron-square-left:before {
  content: "\f32a";
}

.fa-chevron-square-right:before {
  content: "\f32b";
}

.fa-chevron-square-up:before {
  content: "\f32c";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chimney:before {
  content: "\f78b";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clarinet:before {
  content: "\f8ad";
}

.fa-claw-marks:before {
  content: "\f6c2";
}

.fa-clinic-medical:before {
  content: "\f7f2";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clipboard-list-check:before {
  content: "\f737";
}

.fa-clipboard-prescription:before {
  content: "\f5e8";
}

.fa-clipboard-user:before {
  content: "\f7f3";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-drizzle:before {
  content: "\f738";
}

.fa-cloud-hail:before {
  content: "\f739";
}

.fa-cloud-hail-mixed:before {
  content: "\f73a";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-music:before {
  content: "\f8ae";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-rainbow:before {
  content: "\f73e";
}

.fa-cloud-showers:before {
  content: "\f73f";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-sleet:before {
  content: "\f741";
}

.fa-cloud-snow:before {
  content: "\f742";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-clouds:before {
  content: "\f744";
}

.fa-clouds-moon:before {
  content: "\f745";
}

.fa-clouds-sun:before {
  content: "\f746";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-club:before {
  content: "\f327";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-code-commit:before {
  content: "\f386";
}

.fa-code-merge:before {
  content: "\f387";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-coffee-pot:before {
  content: "\e002";
}

.fa-coffee-togo:before {
  content: "\f6c5";
}

.fa-coffin:before {
  content: "\f6c6";
}

.fa-coffin-cross:before {
  content: "\e051";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-coin:before {
  content: "\f85c";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comet:before {
  content: "\e003";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comment-alt-check:before {
  content: "\f4a2";
}

.fa-comment-alt-dollar:before {
  content: "\f650";
}

.fa-comment-alt-dots:before {
  content: "\f4a3";
}

.fa-comment-alt-edit:before {
  content: "\f4a4";
}

.fa-comment-alt-exclamation:before {
  content: "\f4a5";
}

.fa-comment-alt-lines:before {
  content: "\f4a6";
}

.fa-comment-alt-medical:before {
  content: "\f7f4";
}

.fa-comment-alt-minus:before {
  content: "\f4a7";
}

.fa-comment-alt-music:before {
  content: "\f8af";
}

.fa-comment-alt-plus:before {
  content: "\f4a8";
}

.fa-comment-alt-slash:before {
  content: "\f4a9";
}

.fa-comment-alt-smile:before {
  content: "\f4aa";
}

.fa-comment-alt-times:before {
  content: "\f4ab";
}

.fa-comment-check:before {
  content: "\f4ac";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before {
  content: "\f4ad";
}

.fa-comment-edit:before {
  content: "\f4ae";
}

.fa-comment-exclamation:before {
  content: "\f4af";
}

.fa-comment-lines:before {
  content: "\f4b0";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-minus:before {
  content: "\f4b1";
}

.fa-comment-music:before {
  content: "\f8b0";
}

.fa-comment-plus:before {
  content: "\f4b2";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comment-smile:before {
  content: "\f4b4";
}

.fa-comment-times:before {
  content: "\f4b5";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-alt:before {
  content: "\f4b6";
}

.fa-comments-alt-dollar:before {
  content: "\f652";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compass-slash:before {
  content: "\f5e9";
}

.fa-compress:before {
  content: "\f066";
}

.fa-compress-alt:before {
  content: "\f422";
}

.fa-compress-arrows-alt:before {
  content: "\f78c";
}

.fa-compress-wide:before {
  content: "\f326";
}

.fa-computer-classic:before {
  content: "\f8b1";
}

.fa-computer-speaker:before {
  content: "\f8b2";
}

.fa-concierge-bell:before {
  content: "\f562";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-construction:before {
  content: "\f85d";
}

.fa-container-storage:before {
  content: "\f4b7";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-conveyor-belt:before {
  content: "\f46e";
}

.fa-conveyor-belt-alt:before {
  content: "\f46f";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-corn:before {
  content: "\f6c7";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cow:before {
  content: "\f6c8";
}

.fa-cowbell:before {
  content: "\f8b3";
}

.fa-cowbell-more:before {
  content: "\f8b4";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-credit-card-blank:before {
  content: "\f389";
}

.fa-credit-card-front:before {
  content: "\f38a";
}

.fa-cricket:before {
  content: "\f449";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-croissant:before {
  content: "\f7f6";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-crutches:before {
  content: "\f7f8";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-curling:before {
  content: "\f44a";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dagger:before {
  content: "\f6cb";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-debug:before {
  content: "\f7f9";
}

.fa-deer:before {
  content: "\f78e";
}

.fa-deer-rudolph:before {
  content: "\f78f";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-desktop-alt:before {
  content: "\f390";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dewpoint:before {
  content: "\f748";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diagnoses:before {
  content: "\f470";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d10:before {
  content: "\f6cd";
}

.fa-dice-d12:before {
  content: "\f6ce";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d4:before {
  content: "\f6d0";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-d8:before {
  content: "\f6d2";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digging:before {
  content: "\f85e";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-digital-tachograph:before {
  content: "\f566";
}

.fa-diploma:before {
  content: "\f5ea";
}

.fa-directions:before {
  content: "\f5eb";
}

.fa-disc-drive:before {
  content: "\f8b5";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dizzy:before {
  content: "\f567";
}

.fa-dna:before {
  content: "\f471";
}

.fa-do-not-enter:before {
  content: "\f5ec";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dog-leashed:before {
  content: "\f6d4";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-empty:before {
  content: "\f473";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-dolly-flatbed-alt:before {
  content: "\f475";
}

.fa-dolly-flatbed-empty:before {
  content: "\f476";
}

.fa-donate:before {
  content: "\f4b9";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-circle:before {
  content: "\f5ed";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-draw-square:before {
  content: "\f5ef";
}

.fa-dreidel:before {
  content: "\f792";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-drone:before {
  content: "\f85f";
}

.fa-drone-alt:before {
  content: "\f860";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick:before {
  content: "\f6d6";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dryer:before {
  content: "\f861";
}

.fa-dryer-alt:before {
  content: "\f862";
}

.fa-duck:before {
  content: "\f6d8";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-ear:before {
  content: "\f5f0";
}

.fa-ear-muffs:before {
  content: "\f795";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-eclipse:before {
  content: "\f749";
}

.fa-eclipse-alt:before {
  content: "\f74a";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-edit:before {
  content: "\f044";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-egg-fried:before {
  content: "\f7fc";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-elephant:before {
  content: "\f6da";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-h-alt:before {
  content: "\f39b";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ellipsis-v-alt:before {
  content: "\f39c";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-empty-set:before {
  content: "\f656";
}

.fa-engine-warning:before {
  content: "\f5f2";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-dollar:before {
  content: "\f657";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-equals:before {
  content: "\f52c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-square:before {
  content: "\f321";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-alt:before {
  content: "\f424";
}

.fa-expand-arrows:before {
  content: "\f31d";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expand-wide:before {
  content: "\f320";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-evil:before {
  content: "\f6db";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fan:before {
  content: "\f863";
}

.fa-fan-table:before {
  content: "\e004";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-farm:before {
  content: "\f864";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-faucet-drip:before {
  content: "\e006";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before {
  content: "\f56b";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-female:before {
  content: "\f182";
}

.fa-field-hockey:before {
  content: "\f44c";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-figma:before {
  content: "\f799";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before {
  content: "\f1c6";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-certificate:before {
  content: "\f5f3";
}

.fa-file-chart-line:before {
  content: "\f659";
}

.fa-file-chart-pie:before {
  content: "\f65a";
}

.fa-file-check:before {
  content: "\f316";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-download:before {
  content: "\f56d";
}

.fa-file-edit:before {
  content: "\f31c";
}

.fa-file-excel:before {
  content: "\f1c3";
}

.fa-file-exclamation:before {
  content: "\f31a";
}

.fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-medical-alt:before {
  content: "\f478";
}

.fa-file-minus:before {
  content: "\f318";
}

.fa-file-music:before {
  content: "\f8b6";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-plus:before {
  content: "\f319";
}

.fa-file-powerpoint:before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-search:before {
  content: "\f865";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-spreadsheet:before {
  content: "\f65b";
}

.fa-file-times:before {
  content: "\f317";
}

.fa-file-upload:before {
  content: "\f574";
}

.fa-file-user:before {
  content: "\f65c";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-file-word:before {
  content: "\f1c2";
}

.fa-files-medical:before {
  content: "\f7fd";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-film-alt:before {
  content: "\f3a0";
}

.fa-film-canister:before {
  content: "\f8b7";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-alt:before {
  content: "\f7e4";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-fire-smoke:before {
  content: "\f74b";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-fireplace:before {
  content: "\f79a";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fish-cooked:before {
  content: "\f7fe";
}

.fa-fist-raised:before {
  content: "\f6de";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-alt:before {
  content: "\f74c";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flame:before {
  content: "\f6df";
}

.fa-flashlight:before {
  content: "\f8b8";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flask-poison:before {
  content: "\f6e0";
}

.fa-flask-potion:before {
  content: "\f6e1";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flower:before {
  content: "\f7ff";
}

.fa-flower-daffodil:before {
  content: "\f800";
}

.fa-flower-tulip:before {
  content: "\f801";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-flute:before {
  content: "\f8b9";
}

.fa-flux-capacitor:before {
  content: "\f8ba";
}

.fa-fly:before {
  content: "\f417";
}

.fa-fog:before {
  content: "\f74e";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-download:before {
  content: "\e053";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-folder-times:before {
  content: "\f65f";
}

.fa-folder-tree:before {
  content: "\f802";
}

.fa-folder-upload:before {
  content: "\e054";
}

.fa-folders:before {
  content: "\f660";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-font-case:before {
  content: "\f866";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-football-helmet:before {
  content: "\f44f";
}

.fa-forklift:before {
  content: "\f47a";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-fragile:before {
  content: "\f4bb";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-french-fries:before {
  content: "\f803";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frosty-head:before {
  content: "\f79b";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-function:before {
  content: "\f661";
}

.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-galaxy:before {
  content: "\e008";
}

.fa-game-board:before {
  content: "\f867";
}

.fa-game-board-alt:before {
  content: "\f868";
}

.fa-game-console-handheld:before {
  content: "\f8bb";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gamepad-alt:before {
  content: "\f8bc";
}

.fa-garage:before {
  content: "\e009";
}

.fa-garage-car:before {
  content: "\e00a";
}

.fa-garage-open:before {
  content: "\e00b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gas-pump-slash:before {
  content: "\f5f4";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gift-card:before {
  content: "\f663";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-gingerbread-man:before {
  content: "\f79d";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass:before {
  content: "\f804";
}

.fa-glass-champagne:before {
  content: "\f79e";
}

.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-glass-citrus:before {
  content: "\f869";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glass-whiskey:before {
  content: "\f7a0";
}

.fa-glass-whiskey-rocks:before {
  content: "\f7a1";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glasses-alt:before {
  content: "\f5f5";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-globe-snow:before {
  content: "\f7a3";
}

.fa-globe-stand:before {
  content: "\f5f6";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-golf-club:before {
  content: "\f451";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gramophone:before {
  content: "\f8bd";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-guitar-electric:before {
  content: "\f8be";
}

.fa-guitars:before {
  content: "\f8bf";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-h1:before {
  content: "\f313";
}

.fa-h2:before {
  content: "\f314";
}

.fa-h3:before {
  content: "\f315";
}

.fa-h4:before {
  content: "\f86a";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hamburger:before {
  content: "\f805";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hammer-war:before {
  content: "\f6e4";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-heart:before {
  content: "\f4bc";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-box:before {
  content: "\f47b";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-magic:before {
  content: "\f6e5";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-hand-holding-seedling:before {
  content: "\f4bf";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-receiving:before {
  content: "\f47c";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-heart:before {
  content: "\f4c3";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-hands-usd:before {
  content: "\f4c5";
}

.fa-hands-wash:before {
  content: "\e05e";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-handshake-alt:before {
  content: "\f4c6";
}

.fa-handshake-alt-slash:before {
  content: "\e05f";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-hat:before {
  content: "\f807";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hat-chef:before {
  content: "\f86b";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-santa:before {
  content: "\f7a7";
}

.fa-hat-winter:before {
  content: "\f7a8";
}

.fa-hat-witch:before {
  content: "\f6e7";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-head-side:before {
  content: "\f6e9";
}

.fa-head-side-brain:before {
  content: "\f808";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-head-side-headphones:before {
  content: "\f8c2";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-head-side-medical:before {
  content: "\f809";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-head-vr:before {
  content: "\f6ea";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-broken:before {
  content: "\f7a9";
}

.fa-heart-circle:before {
  content: "\f4c7";
}

.fa-heart-rate:before {
  content: "\f5f8";
}

.fa-heart-square:before {
  content: "\f4c8";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-heat:before {
  content: "\e00c";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-helmet-battle:before {
  content: "\f6eb";
}

.fa-hexagon:before {
  content: "\f312";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hiking:before {
  content: "\f6ec";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-hockey-mask:before {
  content: "\f6ee";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-hockey-sticks:before {
  content: "\f454";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-home:before {
  content: "\f015";
}

.fa-home-alt:before {
  content: "\f80a";
}

.fa-home-heart:before {
  content: "\f4c9";
}

.fa-home-lg:before {
  content: "\f80b";
}

.fa-home-lg-alt:before {
  content: "\f80c";
}

.fa-hood-cloak:before {
  content: "\f6ef";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-horizontal-rule:before {
  content: "\f86c";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-horse-saddle:before {
  content: "\f8c3";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-hospitals:before {
  content: "\f80e";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-house:before {
  content: "\e00d";
}

.fa-house-damage:before {
  content: "\f6f1";
}

.fa-house-day:before {
  content: "\e00e";
}

.fa-house-flood:before {
  content: "\f74f";
}

.fa-house-leave:before {
  content: "\e00f";
}

.fa-house-night:before {
  content: "\e010";
}

.fa-house-return:before {
  content: "\e011";
}

.fa-house-signal:before {
  content: "\e012";
}

.fa-house-user:before {
  content: "\e065";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-humidity:before {
  content: "\f750";
}

.fa-hurricane:before {
  content: "\f751";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-ice-skate:before {
  content: "\f7ac";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-icons:before {
  content: "\f86d";
}

.fa-icons-alt:before {
  content: "\f86e";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-image-polaroid:before {
  content: "\f8c4";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-inbox-in:before {
  content: "\f310";
}

.fa-inbox-out:before {
  content: "\f311";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-industry-alt:before {
  content: "\f3b3";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-info-square:before {
  content: "\f30f";
}

.fa-inhaler:before {
  content: "\f5f9";
}

.fa-innosoft:before {
  content: "\e080";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-integral:before {
  content: "\f667";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-intersection:before {
  content: "\f668";
}

.fa-inventory:before {
  content: "\f480";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-island-tropical:before {
  content: "\f811";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-jack-o-lantern:before {
  content: "\f30e";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-journal-whills:before {
  content: "\f66a";
}

.fa-joystick:before {
  content: "\f8c5";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-jug:before {
  content: "\f8c6";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-kazoo:before {
  content: "\f8c7";
}

.fa-kerning:before {
  content: "\f86f";
}

.fa-key:before {
  content: "\f084";
}

.fa-key-skeleton:before {
  content: "\f6f3";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-keynote:before {
  content: "\f66c";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kidneys:before {
  content: "\f5fb";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kite:before {
  content: "\f6f4";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-knife-kitchen:before {
  content: "\f6f5";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-lambda:before {
  content: "\f66e";
}

.fa-lamp:before {
  content: "\f4ca";
}

.fa-lamp-desk:before {
  content: "\e014";
}

.fa-lamp-floor:before {
  content: "\e015";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-landmark-alt:before {
  content: "\f752";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-house:before {
  content: "\e066";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lasso:before {
  content: "\f8c8";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-layer-minus:before {
  content: "\f5fe";
}

.fa-layer-plus:before {
  content: "\f5ff";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leaf-heart:before {
  content: "\f4cb";
}

.fa-leaf-maple:before {
  content: "\f6f6";
}

.fa-leaf-oak:before {
  content: "\f6f7";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-light-ceiling:before {
  content: "\e016";
}

.fa-light-switch:before {
  content: "\e017";
}

.fa-light-switch-off:before {
  content: "\e018";
}

.fa-light-switch-on:before {
  content: "\e019";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-lightbulb-dollar:before {
  content: "\f670";
}

.fa-lightbulb-exclamation:before {
  content: "\f671";
}

.fa-lightbulb-on:before {
  content: "\f672";
}

.fa-lightbulb-slash:before {
  content: "\f673";
}

.fa-lights-holiday:before {
  content: "\f7b2";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-line-columns:before {
  content: "\f870";
}

.fa-line-height:before {
  content: "\f871";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lips:before {
  content: "\f600";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-music:before {
  content: "\f8c9";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location:before {
  content: "\f601";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-location-circle:before {
  content: "\f602";
}

.fa-location-slash:before {
  content: "\f603";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-alt:before {
  content: "\f30d";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-lock-open-alt:before {
  content: "\f3c2";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-loveseat:before {
  content: "\f4cc";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luchador:before {
  content: "\f455";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-mace:before {
  content: "\f6f8";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mail-bulk:before {
  content: "\f674";
}

.fa-mailbox:before {
  content: "\f813";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-mandolin:before {
  content: "\f6f9";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-marker-alt-slash:before {
  content: "\f605";
}

.fa-map-marker-check:before {
  content: "\f606";
}

.fa-map-marker-edit:before {
  content: "\f607";
}

.fa-map-marker-exclamation:before {
  content: "\f608";
}

.fa-map-marker-minus:before {
  content: "\f609";
}

.fa-map-marker-plus:before {
  content: "\f60a";
}

.fa-map-marker-question:before {
  content: "\f60b";
}

.fa-map-marker-slash:before {
  content: "\f60c";
}

.fa-map-marker-smile:before {
  content: "\f60d";
}

.fa-map-marker-times:before {
  content: "\f60e";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before, label[for=geschlecht_1]:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-meat:before {
  content: "\f814";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaphone:before {
  content: "\f675";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microphone-stand:before {
  content: "\f8cb";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-microwave:before {
  content: "\e01b";
}

.fa-mind-share:before {
  content: "\f677";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-hexagon:before {
  content: "\f307";
}

.fa-minus-octagon:before {
  content: "\f308";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mistletoe:before {
  content: "\f7b4";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-mobile-android:before {
  content: "\f3ce";
}

.fa-mobile-android-alt:before {
  content: "\f3cf";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-money-check-edit:before {
  content: "\f872";
}

.fa-money-check-edit-alt:before {
  content: "\f873";
}

.fa-monitor-heart-rate:before {
  content: "\f611";
}

.fa-monkey:before {
  content: "\f6fb";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-moon-cloud:before {
  content: "\f754";
}

.fa-moon-stars:before {
  content: "\f755";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mountains:before {
  content: "\f6fd";
}

.fa-mouse:before {
  content: "\f8cc";
}

.fa-mouse-alt:before {
  content: "\f8cd";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-mp3-player:before {
  content: "\f8ce";
}

.fa-mug:before {
  content: "\f874";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-mug-marshmallows:before {
  content: "\f7b7";
}

.fa-mug-tea:before {
  content: "\f875";
}

.fa-music:before {
  content: "\f001";
}

.fa-music-alt:before {
  content: "\f8cf";
}

.fa-music-alt-slash:before {
  content: "\f8d0";
}

.fa-music-slash:before {
  content: "\f8d1";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-narwhal:before {
  content: "\f6fe";
}

.fa-neos:before {
  content: "\f612";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-octagon:before {
  content: "\f306";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-oil-temp:before {
  content: "\f614";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-om:before {
  content: "\f679";
}

.fa-omega:before {
  content: "\f67a";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-ornament:before {
  content: "\f7b8";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-otter:before {
  content: "\f700";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-outlet:before {
  content: "\e01c";
}

.fa-oven:before {
  content: "\e01d";
}

.fa-overline:before {
  content: "\f876";
}

.fa-page-break:before {
  content: "\f877";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-paint-brush-alt:before {
  content: "\f5a9";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-pallet-alt:before {
  content: "\f483";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-paragraph-rtl:before {
  content: "\f878";
}

.fa-parking:before {
  content: "\f540";
}

.fa-parking-circle:before {
  content: "\f615";
}

.fa-parking-circle-slash:before {
  content: "\f616";
}

.fa-parking-slash:before {
  content: "\f617";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-pastafarianism:before {
  content: "\f67b";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paw-alt:before {
  content: "\f701";
}

.fa-paw-claws:before {
  content: "\f702";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pegasus:before {
  content: "\f703";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-paintbrush:before {
  content: "\f618";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-pennant:before {
  content: "\f456";
}

.fa-penny-arcade:before {
  content: "\f704";
}

.fa-people-arrows:before {
  content: "\e068";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-percent:before {
  content: "\f295";
}

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-person-carry:before {
  content: "\f4cf";
}

.fa-person-dolly:before {
  content: "\f4d0";
}

.fa-person-dolly-empty:before {
  content: "\f4d1";
}

.fa-person-sign:before {
  content: "\f757";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before {
  content: "\f879";
}

.fa-phone-laptop:before {
  content: "\f87a";
}

.fa-phone-office:before {
  content: "\f67d";
}

.fa-phone-plus:before {
  content: "\f4d2";
}

.fa-phone-rotary:before {
  content: "\f8d3";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-square-alt:before {
  content: "\f87b";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-photo-video:before {
  content: "\f87c";
}

.fa-php:before {
  content: "\f457";
}

.fa-pi:before {
  content: "\f67e";
}

.fa-piano:before {
  content: "\f8d4";
}

.fa-piano-keyboard:before {
  content: "\f8d5";
}

.fa-pie:before {
  content: "\f705";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-square:before {
  content: "\e01e";
}

.fa-pig:before {
  content: "\f706";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-pizza:before {
  content: "\f817";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-alt:before {
  content: "\f3de";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-planet-moon:before {
  content: "\e01f";
}

.fa-planet-ringed:before {
  content: "\e020";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-hexagon:before {
  content: "\f300";
}

.fa-plus-octagon:before {
  content: "\f301";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-podium:before {
  content: "\f680";
}

.fa-podium-star:before {
  content: "\f758";
}

.fa-police-box:before {
  content: "\e021";
}

.fa-poll:before {
  content: "\f681";
}

.fa-poll-h:before {
  content: "\f682";
}

.fa-poll-people:before {
  content: "\f759";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-popcorn:before {
  content: "\f819";
}

.fa-portal-enter:before {
  content: "\e022";
}

.fa-portal-exit:before {
  content: "\e023";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-pray:before {
  content: "\f683";
}

.fa-praying-hands:before {
  content: "\f684";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-presentation:before {
  content: "\f685";
}

.fa-print:before {
  content: "\f02f";
}

.fa-print-search:before {
  content: "\f81a";
}

.fa-print-slash:before {
  content: "\f686";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-projector:before {
  content: "\f8d6";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-pumpkin:before {
  content: "\f707";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-question-square:before {
  content: "\f2fd";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-quran:before {
  content: "\f687";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-rabbit:before {
  content: "\f708";
}

.fa-rabbit-fast:before {
  content: "\f709";
}

.fa-racquet:before {
  content: "\f45a";
}

.fa-radar:before {
  content: "\e024";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-radio:before {
  content: "\f8d7";
}

.fa-radio-alt:before {
  content: "\f8d8";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-raindrops:before {
  content: "\f75c";
}

.fa-ram:before {
  content: "\f70a";
}

.fa-ramp-loading:before {
  content: "\f4d4";
}

.fa-random:before {
  content: "\f074";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-raygun:before {
  content: "\e025";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-rectangle-landscape:before {
  content: "\f2fa";
}

.fa-rectangle-portrait:before {
  content: "\f2fb";
}

.fa-rectangle-wide:before {
  content: "\f2fc";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-refrigerator:before {
  content: "\e026";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-remove-format:before {
  content: "\f87d";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-repeat:before {
  content: "\f363";
}

.fa-repeat-1:before {
  content: "\f365";
}

.fa-repeat-1-alt:before {
  content: "\f366";
}

.fa-repeat-alt:before {
  content: "\f364";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-retweet-alt:before {
  content: "\f361";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-rings-wedding:before {
  content: "\f81b";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocket-launch:before {
  content: "\e027";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-route-highway:before {
  content: "\f61a";
}

.fa-route-interstate:before {
  content: "\f61b";
}

.fa-router:before {
  content: "\f8da";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-triangle:before {
  content: "\f61c";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-running:before {
  content: "\f70c";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-rv:before {
  content: "\f7be";
}

.fa-sack:before {
  content: "\f81c";
}

.fa-sack-dollar:before {
  content: "\f81d";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salad:before {
  content: "\f81e";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sandwich:before {
  content: "\f81f";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-sausage:before {
  content: "\f820";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-sax-hot:before {
  content: "\f8db";
}

.fa-saxophone:before {
  content: "\f8dc";
}

.fa-scalpel:before {
  content: "\f61d";
}

.fa-scalpel-path:before {
  content: "\f61e";
}

.fa-scanner:before {
  content: "\f488";
}

.fa-scanner-image:before {
  content: "\f8f3";
}

.fa-scanner-keyboard:before {
  content: "\f489";
}

.fa-scanner-touchscreen:before {
  content: "\f48a";
}

.fa-scarecrow:before {
  content: "\f70d";
}

.fa-scarf:before {
  content: "\f7c1";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-school:before {
  content: "\f549";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-scroll-old:before {
  content: "\f70f";
}

.fa-scrubber:before {
  content: "\f2f8";
}

.fa-scythe:before {
  content: "\f710";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-dollar:before {
  content: "\f688";
}

.fa-search-location:before {
  content: "\f689";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-send-back:before {
  content: "\f87e";
}

.fa-send-backward:before {
  content: "\f87f";
}

.fa-sensor:before {
  content: "\e028";
}

.fa-sensor-alert:before {
  content: "\e029";
}

.fa-sensor-fire:before {
  content: "\e02a";
}

.fa-sensor-on:before {
  content: "\e02b";
}

.fa-sensor-smoke:before {
  content: "\e02c";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-all:before {
  content: "\f367";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-sheep:before {
  content: "\f711";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield:before {
  content: "\f132";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-shield-check:before {
  content: "\f2f7";
}

.fa-shield-cross:before {
  content: "\f712";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shipping-timed:before {
  content: "\f48c";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shish-kebab:before {
  content: "\f821";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shovel:before {
  content: "\f713";
}

.fa-shovel-snow:before {
  content: "\f7c3";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shredder:before {
  content: "\f68a";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

.fa-shuttlecock:before {
  content: "\f45b";
}

.fa-sickle:before {
  content: "\f822";
}

.fa-sigma:before {
  content: "\f68b";
}

.fa-sign:before {
  content: "\f4d9";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signal-1:before {
  content: "\f68c";
}

.fa-signal-2:before {
  content: "\f68d";
}

.fa-signal-3:before {
  content: "\f68e";
}

.fa-signal-4:before {
  content: "\f68f";
}

.fa-signal-alt:before {
  content: "\f690";
}

.fa-signal-alt-1:before {
  content: "\f691";
}

.fa-signal-alt-2:before {
  content: "\f692";
}

.fa-signal-alt-3:before {
  content: "\f693";
}

.fa-signal-alt-slash:before {
  content: "\f694";
}

.fa-signal-slash:before {
  content: "\f695";
}

.fa-signal-stream:before {
  content: "\f8dd";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-siren:before {
  content: "\e02d";
}

.fa-siren-on:before {
  content: "\e02e";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skating:before {
  content: "\f7c5";
}

.fa-skeleton:before {
  content: "\f620";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-ski-jump:before {
  content: "\f7c7";
}

.fa-ski-lift:before {
  content: "\f7c8";
}

.fa-skiing:before {
  content: "\f7c9";
}

.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-cow:before {
  content: "\f8de";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sledding:before {
  content: "\f7cb";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-sliders-h-square:before {
  content: "\f3f0";
}

.fa-sliders-v:before {
  content: "\f3f1";
}

.fa-sliders-v-square:before {
  content: "\f3f2";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-plus:before {
  content: "\f5b9";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoke:before {
  content: "\f760";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-sms:before {
  content: "\f7cd";
}

.fa-snake:before {
  content: "\f716";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snooze:before {
  content: "\f880";
}

.fa-snow-blowing:before {
  content: "\f761";
}

.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowflakes:before {
  content: "\f7cf";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowmobile:before {
  content: "\f7d1";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-solar-system:before {
  content: "\e02f";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-sort-alt:before {
  content: "\f883";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-sort-circle:before {
  content: "\e030";
}

.fa-sort-circle-down:before {
  content: "\e031";
}

.fa-sort-circle-up:before {
  content: "\e032";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-sort-shapes-down:before {
  content: "\f888";
}

.fa-sort-shapes-down-alt:before {
  content: "\f889";
}

.fa-sort-shapes-up:before {
  content: "\f88a";
}

.fa-sort-shapes-up-alt:before {
  content: "\f88b";
}

.fa-sort-size-down:before {
  content: "\f88c";
}

.fa-sort-size-down-alt:before {
  content: "\f88d";
}

.fa-sort-size-up:before {
  content: "\f88e";
}

.fa-sort-size-up-alt:before {
  content: "\f88f";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-soup:before {
  content: "\f823";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-space-station-moon:before {
  content: "\e033";
}

.fa-space-station-moon-alt:before {
  content: "\e034";
}

.fa-spade:before {
  content: "\f2f4";
}

.fa-sparkles:before {
  content: "\f890";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker:before {
  content: "\f8df";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-speakers:before {
  content: "\f8e0";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spider-black-widow:before {
  content: "\f718";
}

.fa-spider-web:before {
  content: "\f719";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-spinner-third:before {
  content: "\f3f4";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-sprinkler:before {
  content: "\e035";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-square-root:before {
  content: "\f697";
}

.fa-square-root-alt:before {
  content: "\f698";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-squirrel:before {
  content: "\f71a";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-staff:before {
  content: "\f71b";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-christmas:before {
  content: "\f7d4";
}

.fa-star-exclamation:before {
  content: "\f2f3";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-star-shooting:before {
  content: "\e036";
}

.fa-starfighter:before {
  content: "\e037";
}

.fa-starfighter-alt:before {
  content: "\e038";
}

.fa-stars:before {
  content: "\f762";
}

.fa-starship:before {
  content: "\e039";
}

.fa-starship-freighter:before {
  content: "\e03a";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steak:before {
  content: "\f824";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-steering-wheel:before {
  content: "\f622";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stocking:before {
  content: "\f7d5";
}

.fa-stomach:before {
  content: "\f623";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-alt:before {
  content: "\f54f";
}

.fa-store-alt-slash:before {
  content: "\e070";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-stretcher:before {
  content: "\f825";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-sun-cloud:before {
  content: "\f763";
}

.fa-sun-dust:before {
  content: "\f764";
}

.fa-sun-haze:before {
  content: "\f765";
}

.fa-sunglasses:before {
  content: "\f892";
}

.fa-sunrise:before {
  content: "\f766";
}

.fa-sunset:before {
  content: "\f767";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-sword:before {
  content: "\f71c";
}

.fa-sword-laser:before {
  content: "\e03b";
}

.fa-sword-laser-alt:before {
  content: "\e03c";
}

.fa-swords:before {
  content: "\f71d";
}

.fa-swords-laser:before {
  content: "\e03d";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablet-android:before {
  content: "\f3fb";
}

.fa-tablet-android-alt:before {
  content: "\f3fc";
}

.fa-tablet-rugged:before {
  content: "\f48f";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer:before {
  content: "\f0e4";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tachometer-alt-average:before {
  content: "\f624";
}

.fa-tachometer-alt-fast:before {
  content: "\f625";
}

.fa-tachometer-alt-fastest:before {
  content: "\f626";
}

.fa-tachometer-alt-slow:before {
  content: "\f627";
}

.fa-tachometer-alt-slowest:before {
  content: "\f628";
}

.fa-tachometer-average:before {
  content: "\f629";
}

.fa-tachometer-fast:before {
  content: "\f62a";
}

.fa-tachometer-fastest:before {
  content: "\f62b";
}

.fa-tachometer-slow:before {
  content: "\f62c";
}

.fa-tachometer-slowest:before {
  content: "\f62d";
}

.fa-taco:before {
  content: "\f826";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tally:before {
  content: "\f69c";
}

.fa-tanakh:before {
  content: "\f827";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-tasks-alt:before {
  content: "\f828";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-telescope:before {
  content: "\e03e";
}

.fa-temperature-down:before {
  content: "\e03f";
}

.fa-temperature-frigid:before {
  content: "\f768";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-hot:before {
  content: "\f76a";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-temperature-up:before {
  content: "\e040";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-tenge:before {
  content: "\f7d7";
}

.fa-tennis-ball:before {
  content: "\f45e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text:before {
  content: "\f893";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-size:before {
  content: "\f894";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-theta:before {
  content: "\f69e";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-thunderstorm:before {
  content: "\f76c";
}

.fa-thunderstorm-moon:before {
  content: "\f76d";
}

.fa-thunderstorm-sun:before {
  content: "\f76e";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-tilde:before {
  content: "\f69f";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-times-hexagon:before {
  content: "\f2ee";
}

.fa-times-octagon:before {
  content: "\f2f0";
}

.fa-times-square:before {
  content: "\f2d3";
}

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tire:before {
  content: "\f631";
}

.fa-tire-flat:before {
  content: "\f632";
}

.fa-tire-pressure-warning:before {
  content: "\f633";
}

.fa-tire-rugged:before {
  content: "\f634";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toilet-paper-alt:before {
  content: "\f71f";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-tombstone:before {
  content: "\f720";
}

.fa-tombstone-alt:before {
  content: "\f721";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tools:before {
  content: "\f7d9";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-toothbrush:before {
  content: "\f635";
}

.fa-torah:before {
  content: "\f6a0";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tornado:before {
  content: "\f76f";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-cone:before {
  content: "\f636";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-traffic-light-go:before {
  content: "\f638";
}

.fa-traffic-light-slow:before {
  content: "\f639";
}

.fa-traffic-light-stop:before {
  content: "\f63a";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-train:before {
  content: "\f238";
}

.fa-tram:before {
  content: "\f7da";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-transporter:before {
  content: "\e042";
}

.fa-transporter-1:before {
  content: "\e043";
}

.fa-transporter-2:before {
  content: "\e044";
}

.fa-transporter-3:before {
  content: "\e045";
}

.fa-transporter-empty:before {
  content: "\e046";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-trash-undo:before {
  content: "\f895";
}

.fa-trash-undo-alt:before {
  content: "\f896";
}

.fa-treasure-chest:before {
  content: "\f723";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-tree-alt:before {
  content: "\f400";
}

.fa-tree-christmas:before {
  content: "\f7db";
}

.fa-tree-decorated:before {
  content: "\f7dc";
}

.fa-tree-large:before {
  content: "\f7dd";
}

.fa-tree-palm:before {
  content: "\f82b";
}

.fa-trees:before {
  content: "\f724";
}

.fa-trello:before {
  content: "\f181";
}

.fa-triangle:before {
  content: "\f2ec";
}

.fa-triangle-music:before {
  content: "\f8e2";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-trophy-alt:before {
  content: "\f2eb";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-container:before {
  content: "\f4dc";
}

.fa-truck-couch:before {
  content: "\f4dd";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-truck-plow:before {
  content: "\f7de";
}

.fa-truck-ramp:before {
  content: "\f4e0";
}

.fa-trumpet:before {
  content: "\f8e3";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-turkey:before {
  content: "\f725";
}

.fa-turntable:before {
  content: "\f8e4";
}

.fa-turtle:before {
  content: "\f726";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-tv-alt:before {
  content: "\f8e5";
}

.fa-tv-music:before {
  content: "\f8e6";
}

.fa-tv-retro:before {
  content: "\f401";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typewriter:before {
  content: "\f8e7";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-ufo:before {
  content: "\e047";
}

.fa-ufo-beam:before {
  content: "\e048";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-unicorn:before {
  content: "\f727";
}

.fa-union:before {
  content: "\f6a2";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "\e049";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-usb-drive:before {
  content: "\f8e9";
}

.fa-usd-circle:before {
  content: "\f2e8";
}

.fa-usd-square:before {
  content: "\f2e9";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-alien:before {
  content: "\e04a";
}

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-chart:before {
  content: "\f6a3";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-cog:before {
  content: "\f4fe";
}

.fa-user-cowboy:before {
  content: "\f8ea";
}

.fa-user-crown:before {
  content: "\f6a4";
}

.fa-user-edit:before {
  content: "\f4ff";
}

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-hard-hat:before {
  content: "\f82c";
}

.fa-user-headset:before {
  content: "\f82d";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-md-chat:before {
  content: "\f82e";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-music:before {
  content: "\f8eb";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-robot:before {
  content: "\e04b";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-user-unlock:before {
  content: "\e058";
}

.fa-user-visor:before {
  content: "\e04c";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-class:before {
  content: "\f63d";
}

.fa-users-cog:before {
  content: "\f509";
}

.fa-users-crown:before {
  content: "\f6a5";
}

.fa-users-medical:before {
  content: "\f830";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-fork:before {
  content: "\f2e3";
}

.fa-utensil-knife:before {
  content: "\f2e4";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-utensils-alt:before {
  content: "\f2e6";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vacuum:before {
  content: "\e04d";
}

.fa-vacuum-robot:before {
  content: "\e04e";
}

.fa-value-absolute:before {
  content: "\f6a6";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before, label[for=geschlecht_2]:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-vest:before {
  content: "\e085";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-vhs:before {
  content: "\f8ec";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-plus:before {
  content: "\f4e1";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-violin:before {
  content: "\f8ed";
}

.fa-virus:before {
  content: "\e074";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volcano:before {
  content: "\f770";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume:before {
  content: "\f6a8";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-mute:before {
  content: "\f6a9";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-slash:before {
  content: "\f2e2";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vote-nay:before {
  content: "\f771";
}

.fa-vote-yea:before {
  content: "\f772";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-wagon-covered:before {
  content: "\f8ee";
}

.fa-walker:before {
  content: "\f831";
}

.fa-walkie-talkie:before {
  content: "\f8ef";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-wand:before {
  content: "\f72a";
}

.fa-wand-magic:before {
  content: "\f72b";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-warehouse-alt:before {
  content: "\f495";
}

.fa-washer:before {
  content: "\f898";
}

.fa-watch:before {
  content: "\f2e1";
}

.fa-watch-calculator:before {
  content: "\f8f0";
}

.fa-watch-fitness:before {
  content: "\f63e";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-water:before {
  content: "\f773";
}

.fa-water-lower:before {
  content: "\f774";
}

.fa-water-rise:before {
  content: "\f775";
}

.fa-wave-sine:before {
  content: "\f899";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-wave-triangle:before {
  content: "\f89a";
}

.fa-waveform:before {
  content: "\f8f1";
}

.fa-waveform-path:before {
  content: "\f8f2";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-webcam:before {
  content: "\f832";
}

.fa-webcam-slash:before {
  content: "\f833";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whale:before {
  content: "\f72c";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheat:before {
  content: "\f72d";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whistle:before {
  content: "\f460";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wifi-1:before {
  content: "\f6aa";
}

.fa-wifi-2:before {
  content: "\f6ab";
}

.fa-wifi-slash:before {
  content: "\f6ac";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-wind-turbine:before {
  content: "\f89b";
}

.fa-wind-warning:before {
  content: "\f776";
}

.fa-window:before {
  content: "\f40e";
}

.fa-window-alt:before {
  content: "\f40f";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-frame:before {
  content: "\e04f";
}

.fa-window-frame-open:before {
  content: "\e050";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-windsock:before {
  content: "\f777";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wpressr:before {
  content: "\f3e4";
}

.fa-wreath:before {
  content: "\f7e2";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("vendors/font-awesome/fa-solid-900.eot");
  src: url("vendors/font-awesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("vendors/font-awesome/fa-solid-900.woff2") format("woff2"), url("vendors/font-awesome/fa-solid-900.woff") format("woff"), url("vendors/font-awesome/fa-solid-900.ttf") format("truetype"), url("vendors/font-awesome/fa-solid-900.svg#fontawesome") format("svg");
}
.fa, .glyphicon, label[for*=geschlecht]:before, #main-navigation .expand, #main-navigation .hassubnav > a:before,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("vendors/font-awesome/fa-regular-400.eot");
  src: url("vendors/font-awesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("vendors/font-awesome/fa-regular-400.woff2") format("woff2"), url("vendors/font-awesome/fa-regular-400.woff") format("woff"), url("vendors/font-awesome/fa-regular-400.ttf") format("truetype"), url("vendors/font-awesome/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("vendors/font-awesome/fa-light-300.eot");
  src: url("vendors/font-awesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("vendors/font-awesome/fa-light-300.woff2") format("woff2"), url("vendors/font-awesome/fa-light-300.woff") format("woff"), url("vendors/font-awesome/fa-light-300.ttf") format("truetype"), url("vendors/font-awesome/fa-light-300.svg#fontawesome") format("svg");
}
.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa.fa-glass:before, .fa-glass.glyphicon:before, label.fa-glass[for*=geschlecht]:before, #main-navigation .fa-glass.expand:before, #main-navigation .hassubnav > a.fa-glass:before {
  content: "\f000";
}

.fa.fa-meetup, .fa-meetup.glyphicon, label.fa-meetup[for*=geschlecht]:before, #main-navigation .fa-meetup.expand, #main-navigation .hassubnav > a.fa-meetup:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-star-o, .fa-star-o.glyphicon, label.fa-star-o[for*=geschlecht]:before, #main-navigation .fa-star-o.expand, #main-navigation .hassubnav > a.fa-star-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-star-o:before, .fa-star-o.glyphicon:before, label.fa-star-o[for*=geschlecht]:before, #main-navigation .fa-star-o.expand:before, #main-navigation .hassubnav > a.fa-star-o:before {
  content: "\f005";
}

.fa.fa-remove:before, .fa-remove.glyphicon:before, label.fa-remove[for*=geschlecht]:before, #main-navigation .fa-remove.expand:before, #main-navigation .hassubnav > a.fa-remove:before {
  content: "\f00d";
}

.fa.fa-close:before, .fa-close.glyphicon:before, label.fa-close[for*=geschlecht]:before, #main-navigation .fa-close.expand:before, #main-navigation .hassubnav > a.fa-close:before {
  content: "\f00d";
}

.fa.fa-gear:before, .fa-gear.glyphicon:before, label.fa-gear[for*=geschlecht]:before, #main-navigation .fa-gear.expand:before, #main-navigation .hassubnav > a.fa-gear:before {
  content: "\f013";
}

.fa.fa-trash-o, .fa-trash-o.glyphicon, label.fa-trash-o[for*=geschlecht]:before, #main-navigation .fa-trash-o.expand, #main-navigation .hassubnav > a.fa-trash-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-trash-o:before, .fa-trash-o.glyphicon:before, label.fa-trash-o[for*=geschlecht]:before, #main-navigation .fa-trash-o.expand:before, #main-navigation .hassubnav > a.fa-trash-o:before {
  content: "\f2ed";
}

.fa.fa-file-o, .fa-file-o.glyphicon, label.fa-file-o[for*=geschlecht]:before, #main-navigation .fa-file-o.expand, #main-navigation .hassubnav > a.fa-file-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-o:before, .fa-file-o.glyphicon:before, label.fa-file-o[for*=geschlecht]:before, #main-navigation .fa-file-o.expand:before, #main-navigation .hassubnav > a.fa-file-o:before {
  content: "\f15b";
}

.fa.fa-clock-o, .fa-clock-o.glyphicon, label.fa-clock-o[for*=geschlecht]:before, #main-navigation .fa-clock-o.expand, #main-navigation .hassubnav > a.fa-clock-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-clock-o:before, .fa-clock-o.glyphicon:before, label.fa-clock-o[for*=geschlecht]:before, #main-navigation .fa-clock-o.expand:before, #main-navigation .hassubnav > a.fa-clock-o:before {
  content: "\f017";
}

.fa.fa-arrow-circle-o-down, .fa-arrow-circle-o-down.glyphicon, label.fa-arrow-circle-o-down[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-down.expand, #main-navigation .hassubnav > a.fa-arrow-circle-o-down:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-down:before, .fa-arrow-circle-o-down.glyphicon:before, label.fa-arrow-circle-o-down[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-down.expand:before, #main-navigation .hassubnav > a.fa-arrow-circle-o-down:before {
  content: "\f358";
}

.fa.fa-arrow-circle-o-up, .fa-arrow-circle-o-up.glyphicon, label.fa-arrow-circle-o-up[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-up.expand, #main-navigation .hassubnav > a.fa-arrow-circle-o-up:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-up:before, .fa-arrow-circle-o-up.glyphicon:before, label.fa-arrow-circle-o-up[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-up.expand:before, #main-navigation .hassubnav > a.fa-arrow-circle-o-up:before {
  content: "\f35b";
}

.fa.fa-play-circle-o, .fa-play-circle-o.glyphicon, label.fa-play-circle-o[for*=geschlecht]:before, #main-navigation .fa-play-circle-o.expand, #main-navigation .hassubnav > a.fa-play-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-play-circle-o:before, .fa-play-circle-o.glyphicon:before, label.fa-play-circle-o[for*=geschlecht]:before, #main-navigation .fa-play-circle-o.expand:before, #main-navigation .hassubnav > a.fa-play-circle-o:before {
  content: "\f144";
}

.fa.fa-repeat:before, .fa-repeat.glyphicon:before, label.fa-repeat[for*=geschlecht]:before, #main-navigation .fa-repeat.expand:before, #main-navigation .hassubnav > a.fa-repeat:before {
  content: "\f01e";
}

.fa.fa-rotate-right:before, .fa-rotate-right.glyphicon:before, label.fa-rotate-right[for*=geschlecht]:before, #main-navigation .fa-rotate-right.expand:before, #main-navigation .hassubnav > a.fa-rotate-right:before {
  content: "\f01e";
}

.fa.fa-refresh:before, .fa-refresh.glyphicon:before, label.fa-refresh[for*=geschlecht]:before, #main-navigation .fa-refresh.expand:before, #main-navigation .hassubnav > a.fa-refresh:before {
  content: "\f021";
}

.fa.fa-list-alt, .fa-list-alt.glyphicon, label.fa-list-alt[for*=geschlecht]:before, #main-navigation .fa-list-alt.expand, #main-navigation .hassubnav > a.fa-list-alt:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-dedent:before, .fa-dedent.glyphicon:before, label.fa-dedent[for*=geschlecht]:before, #main-navigation .fa-dedent.expand:before, #main-navigation .hassubnav > a.fa-dedent:before {
  content: "\f03b";
}

.fa.fa-video-camera:before, .fa-video-camera.glyphicon:before, label.fa-video-camera[for*=geschlecht]:before, #main-navigation .fa-video-camera.expand:before, #main-navigation .hassubnav > a.fa-video-camera:before {
  content: "\f03d";
}

.fa.fa-picture-o, .fa-picture-o.glyphicon, label.fa-picture-o[for*=geschlecht]:before, #main-navigation .fa-picture-o.expand, #main-navigation .hassubnav > a.fa-picture-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-picture-o:before, .fa-picture-o.glyphicon:before, label.fa-picture-o[for*=geschlecht]:before, #main-navigation .fa-picture-o.expand:before, #main-navigation .hassubnav > a.fa-picture-o:before {
  content: "\f03e";
}

.fa.fa-photo, .fa-photo.glyphicon, label.fa-photo[for*=geschlecht]:before, #main-navigation .fa-photo.expand, #main-navigation .hassubnav > a.fa-photo:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-photo:before, .fa-photo.glyphicon:before, label.fa-photo[for*=geschlecht]:before, #main-navigation .fa-photo.expand:before, #main-navigation .hassubnav > a.fa-photo:before {
  content: "\f03e";
}

.fa.fa-image, .fa-image.glyphicon, label.fa-image[for*=geschlecht]:before, #main-navigation .fa-image.expand, #main-navigation .hassubnav > a.fa-image:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-image:before, .fa-image.glyphicon:before, label.fa-image[for*=geschlecht]:before, #main-navigation .fa-image.expand:before, #main-navigation .hassubnav > a.fa-image:before {
  content: "\f03e";
}

.fa.fa-pencil:before, .fa-pencil.glyphicon:before, label.fa-pencil[for*=geschlecht]:before, #main-navigation .fa-pencil.expand:before, #main-navigation .hassubnav > a.fa-pencil:before {
  content: "\f303";
}

.fa.fa-map-marker:before, .fa-map-marker.glyphicon:before, label.fa-map-marker[for*=geschlecht]:before, #main-navigation .fa-map-marker.expand:before, #main-navigation .hassubnav > a.fa-map-marker:before {
  content: "\f3c5";
}

.fa.fa-pencil-square-o, .fa-pencil-square-o.glyphicon, label.fa-pencil-square-o[for*=geschlecht]:before, #main-navigation .fa-pencil-square-o.expand, #main-navigation .hassubnav > a.fa-pencil-square-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-pencil-square-o:before, .fa-pencil-square-o.glyphicon:before, label.fa-pencil-square-o[for*=geschlecht]:before, #main-navigation .fa-pencil-square-o.expand:before, #main-navigation .hassubnav > a.fa-pencil-square-o:before {
  content: "\f044";
}

.fa.fa-share-square-o, .fa-share-square-o.glyphicon, label.fa-share-square-o[for*=geschlecht]:before, #main-navigation .fa-share-square-o.expand, #main-navigation .hassubnav > a.fa-share-square-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-share-square-o:before, .fa-share-square-o.glyphicon:before, label.fa-share-square-o[for*=geschlecht]:before, #main-navigation .fa-share-square-o.expand:before, #main-navigation .hassubnav > a.fa-share-square-o:before {
  content: "\f14d";
}

.fa.fa-check-square-o, .fa-check-square-o.glyphicon, label.fa-check-square-o[for*=geschlecht]:before, #main-navigation .fa-check-square-o.expand, #main-navigation .hassubnav > a.fa-check-square-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-check-square-o:before, .fa-check-square-o.glyphicon:before, label.fa-check-square-o[for*=geschlecht]:before, #main-navigation .fa-check-square-o.expand:before, #main-navigation .hassubnav > a.fa-check-square-o:before {
  content: "\f14a";
}

.fa.fa-arrows:before, .fa-arrows.glyphicon:before, label.fa-arrows[for*=geschlecht]:before, #main-navigation .fa-arrows.expand:before, #main-navigation .hassubnav > a.fa-arrows:before {
  content: "\f0b2";
}

.fa.fa-times-circle-o, .fa-times-circle-o.glyphicon, label.fa-times-circle-o[for*=geschlecht]:before, #main-navigation .fa-times-circle-o.expand, #main-navigation .hassubnav > a.fa-times-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-times-circle-o:before, .fa-times-circle-o.glyphicon:before, label.fa-times-circle-o[for*=geschlecht]:before, #main-navigation .fa-times-circle-o.expand:before, #main-navigation .hassubnav > a.fa-times-circle-o:before {
  content: "\f057";
}

.fa.fa-check-circle-o, .fa-check-circle-o.glyphicon, label.fa-check-circle-o[for*=geschlecht]:before, #main-navigation .fa-check-circle-o.expand, #main-navigation .hassubnav > a.fa-check-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-check-circle-o:before, .fa-check-circle-o.glyphicon:before, label.fa-check-circle-o[for*=geschlecht]:before, #main-navigation .fa-check-circle-o.expand:before, #main-navigation .hassubnav > a.fa-check-circle-o:before {
  content: "\f058";
}

.fa.fa-mail-forward:before, .fa-mail-forward.glyphicon:before, label.fa-mail-forward[for*=geschlecht]:before, #main-navigation .fa-mail-forward.expand:before, #main-navigation .hassubnav > a.fa-mail-forward:before {
  content: "\f064";
}

.fa.fa-expand:before, .fa-expand.glyphicon:before, label.fa-expand[for*=geschlecht]:before, #main-navigation .fa-expand.expand:before, #main-navigation .hassubnav > a.fa-expand:before {
  content: "\f424";
}

.fa.fa-compress:before, .fa-compress.glyphicon:before, label.fa-compress[for*=geschlecht]:before, #main-navigation .fa-compress.expand:before, #main-navigation .hassubnav > a.fa-compress:before {
  content: "\f422";
}

.fa.fa-eye, .fa-eye.glyphicon, label.fa-eye[for*=geschlecht]:before, #main-navigation .fa-eye.expand, #main-navigation .hassubnav > a.fa-eye:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-eye-slash, .fa-eye-slash.glyphicon, label.fa-eye-slash[for*=geschlecht]:before, #main-navigation .fa-eye-slash.expand, #main-navigation .hassubnav > a.fa-eye-slash:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-warning:before, .fa-warning.glyphicon:before, label.fa-warning[for*=geschlecht]:before, #main-navigation .fa-warning.expand:before, #main-navigation .hassubnav > a.fa-warning:before {
  content: "\f071";
}

.fa.fa-calendar:before, .fa.glyphicon-calendar:before, .fa-calendar.glyphicon:before, .glyphicon.glyphicon-calendar:before, label.fa-calendar[for*=geschlecht]:before, label[for*=geschlecht].glyphicon-calendar:before, #main-navigation .fa-calendar.expand:before, #main-navigation .expand.glyphicon-calendar:before, #main-navigation .hassubnav > a.fa-calendar:before, #main-navigation .hassubnav > a.glyphicon-calendar:before {
  content: "\f073";
}

.fa.fa-arrows-v:before, .fa-arrows-v.glyphicon:before, label.fa-arrows-v[for*=geschlecht]:before, #main-navigation .fa-arrows-v.expand:before, #main-navigation .hassubnav > a.fa-arrows-v:before {
  content: "\f338";
}

.fa.fa-arrows-h:before, .fa-arrows-h.glyphicon:before, label.fa-arrows-h[for*=geschlecht]:before, #main-navigation .fa-arrows-h.expand:before, #main-navigation .hassubnav > a.fa-arrows-h:before {
  content: "\f337";
}

.fa.fa-bar-chart, .fa-bar-chart.glyphicon, label.fa-bar-chart[for*=geschlecht]:before, #main-navigation .fa-bar-chart.expand, #main-navigation .hassubnav > a.fa-bar-chart:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-bar-chart:before, .fa-bar-chart.glyphicon:before, label.fa-bar-chart[for*=geschlecht]:before, #main-navigation .fa-bar-chart.expand:before, #main-navigation .hassubnav > a.fa-bar-chart:before {
  content: "\f080";
}

.fa.fa-bar-chart-o, .fa-bar-chart-o.glyphicon, label.fa-bar-chart-o[for*=geschlecht]:before, #main-navigation .fa-bar-chart-o.expand, #main-navigation .hassubnav > a.fa-bar-chart-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-bar-chart-o:before, .fa-bar-chart-o.glyphicon:before, label.fa-bar-chart-o[for*=geschlecht]:before, #main-navigation .fa-bar-chart-o.expand:before, #main-navigation .hassubnav > a.fa-bar-chart-o:before {
  content: "\f080";
}

.fa.fa-twitter-square, .fa-twitter-square.glyphicon, label.fa-twitter-square[for*=geschlecht]:before, #main-navigation .fa-twitter-square.expand, #main-navigation .hassubnav > a.fa-twitter-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-facebook-square, .fa-facebook-square.glyphicon, label.fa-facebook-square[for*=geschlecht]:before, #main-navigation .fa-facebook-square.expand, #main-navigation .hassubnav > a.fa-facebook-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gears:before, .fa-gears.glyphicon:before, label.fa-gears[for*=geschlecht]:before, #main-navigation .fa-gears.expand:before, #main-navigation .hassubnav > a.fa-gears:before {
  content: "\f085";
}

.fa.fa-thumbs-o-up, .fa-thumbs-o-up.glyphicon, label.fa-thumbs-o-up[for*=geschlecht]:before, #main-navigation .fa-thumbs-o-up.expand, #main-navigation .hassubnav > a.fa-thumbs-o-up:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-up:before, .fa-thumbs-o-up.glyphicon:before, label.fa-thumbs-o-up[for*=geschlecht]:before, #main-navigation .fa-thumbs-o-up.expand:before, #main-navigation .hassubnav > a.fa-thumbs-o-up:before {
  content: "\f164";
}

.fa.fa-thumbs-o-down, .fa-thumbs-o-down.glyphicon, label.fa-thumbs-o-down[for*=geschlecht]:before, #main-navigation .fa-thumbs-o-down.expand, #main-navigation .hassubnav > a.fa-thumbs-o-down:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-down:before, .fa-thumbs-o-down.glyphicon:before, label.fa-thumbs-o-down[for*=geschlecht]:before, #main-navigation .fa-thumbs-o-down.expand:before, #main-navigation .hassubnav > a.fa-thumbs-o-down:before {
  content: "\f165";
}

.fa.fa-heart-o, .fa-heart-o.glyphicon, label.fa-heart-o[for*=geschlecht]:before, #main-navigation .fa-heart-o.expand, #main-navigation .hassubnav > a.fa-heart-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-heart-o:before, .fa-heart-o.glyphicon:before, label.fa-heart-o[for*=geschlecht]:before, #main-navigation .fa-heart-o.expand:before, #main-navigation .hassubnav > a.fa-heart-o:before {
  content: "\f004";
}

.fa.fa-sign-out:before, .fa-sign-out.glyphicon:before, label.fa-sign-out[for*=geschlecht]:before, #main-navigation .fa-sign-out.expand:before, #main-navigation .hassubnav > a.fa-sign-out:before {
  content: "\f2f5";
}

.fa.fa-linkedin-square, .fa-linkedin-square.glyphicon, label.fa-linkedin-square[for*=geschlecht]:before, #main-navigation .fa-linkedin-square.expand, #main-navigation .hassubnav > a.fa-linkedin-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-linkedin-square:before, .fa-linkedin-square.glyphicon:before, label.fa-linkedin-square[for*=geschlecht]:before, #main-navigation .fa-linkedin-square.expand:before, #main-navigation .hassubnav > a.fa-linkedin-square:before {
  content: "\f08c";
}

.fa.fa-thumb-tack:before, .fa-thumb-tack.glyphicon:before, label.fa-thumb-tack[for*=geschlecht]:before, #main-navigation .fa-thumb-tack.expand:before, #main-navigation .hassubnav > a.fa-thumb-tack:before {
  content: "\f08d";
}

.fa.fa-external-link:before, .fa-external-link.glyphicon:before, label.fa-external-link[for*=geschlecht]:before, #main-navigation .fa-external-link.expand:before, #main-navigation .hassubnav > a.fa-external-link:before {
  content: "\f35d";
}

.fa.fa-sign-in:before, .fa-sign-in.glyphicon:before, label.fa-sign-in[for*=geschlecht]:before, #main-navigation .fa-sign-in.expand:before, #main-navigation .hassubnav > a.fa-sign-in:before {
  content: "\f2f6";
}

.fa.fa-github-square, .fa-github-square.glyphicon, label.fa-github-square[for*=geschlecht]:before, #main-navigation .fa-github-square.expand, #main-navigation .hassubnav > a.fa-github-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-lemon-o, .fa-lemon-o.glyphicon, label.fa-lemon-o[for*=geschlecht]:before, #main-navigation .fa-lemon-o.expand, #main-navigation .hassubnav > a.fa-lemon-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-lemon-o:before, .fa-lemon-o.glyphicon:before, label.fa-lemon-o[for*=geschlecht]:before, #main-navigation .fa-lemon-o.expand:before, #main-navigation .hassubnav > a.fa-lemon-o:before {
  content: "\f094";
}

.fa.fa-square-o, .fa-square-o.glyphicon, label.fa-square-o[for*=geschlecht]:before, #main-navigation .fa-square-o.expand, #main-navigation .hassubnav > a.fa-square-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-square-o:before, .fa-square-o.glyphicon:before, label.fa-square-o[for*=geschlecht]:before, #main-navigation .fa-square-o.expand:before, #main-navigation .hassubnav > a.fa-square-o:before {
  content: "\f0c8";
}

.fa.fa-bookmark-o, .fa-bookmark-o.glyphicon, label.fa-bookmark-o[for*=geschlecht]:before, #main-navigation .fa-bookmark-o.expand, #main-navigation .hassubnav > a.fa-bookmark-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-bookmark-o:before, .fa-bookmark-o.glyphicon:before, label.fa-bookmark-o[for*=geschlecht]:before, #main-navigation .fa-bookmark-o.expand:before, #main-navigation .hassubnav > a.fa-bookmark-o:before {
  content: "\f02e";
}

.fa.fa-twitter, .fa-twitter.glyphicon, label.fa-twitter[for*=geschlecht]:before, #main-navigation .fa-twitter.expand, #main-navigation .hassubnav > a.fa-twitter:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-facebook, .fa-facebook.glyphicon, label.fa-facebook[for*=geschlecht]:before, #main-navigation .fa-facebook.expand, #main-navigation .hassubnav > a.fa-facebook:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-facebook:before, .fa-facebook.glyphicon:before, label.fa-facebook[for*=geschlecht]:before, #main-navigation .fa-facebook.expand:before, #main-navigation .hassubnav > a.fa-facebook:before {
  content: "\f39e";
}

.fa.fa-facebook-f, .fa-facebook-f.glyphicon, label.fa-facebook-f[for*=geschlecht]:before, #main-navigation .fa-facebook-f.expand, #main-navigation .hassubnav > a.fa-facebook-f:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-facebook-f:before, .fa-facebook-f.glyphicon:before, label.fa-facebook-f[for*=geschlecht]:before, #main-navigation .fa-facebook-f.expand:before, #main-navigation .hassubnav > a.fa-facebook-f:before {
  content: "\f39e";
}

.fa.fa-github, .fa-github.glyphicon, label.fa-github[for*=geschlecht]:before, #main-navigation .fa-github.expand, #main-navigation .hassubnav > a.fa-github:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-credit-card, .fa-credit-card.glyphicon, label.fa-credit-card[for*=geschlecht]:before, #main-navigation .fa-credit-card.expand, #main-navigation .hassubnav > a.fa-credit-card:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-feed:before, .fa-feed.glyphicon:before, label.fa-feed[for*=geschlecht]:before, #main-navigation .fa-feed.expand:before, #main-navigation .hassubnav > a.fa-feed:before {
  content: "\f09e";
}

.fa.fa-hdd-o, .fa-hdd-o.glyphicon, label.fa-hdd-o[for*=geschlecht]:before, #main-navigation .fa-hdd-o.expand, #main-navigation .hassubnav > a.fa-hdd-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hdd-o:before, .fa-hdd-o.glyphicon:before, label.fa-hdd-o[for*=geschlecht]:before, #main-navigation .fa-hdd-o.expand:before, #main-navigation .hassubnav > a.fa-hdd-o:before {
  content: "\f0a0";
}

.fa.fa-hand-o-right, .fa-hand-o-right.glyphicon, label.fa-hand-o-right[for*=geschlecht]:before, #main-navigation .fa-hand-o-right.expand, #main-navigation .hassubnav > a.fa-hand-o-right:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-right:before, .fa-hand-o-right.glyphicon:before, label.fa-hand-o-right[for*=geschlecht]:before, #main-navigation .fa-hand-o-right.expand:before, #main-navigation .hassubnav > a.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa.fa-hand-o-left, .fa-hand-o-left.glyphicon, label.fa-hand-o-left[for*=geschlecht]:before, #main-navigation .fa-hand-o-left.expand, #main-navigation .hassubnav > a.fa-hand-o-left:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-left:before, .fa-hand-o-left.glyphicon:before, label.fa-hand-o-left[for*=geschlecht]:before, #main-navigation .fa-hand-o-left.expand:before, #main-navigation .hassubnav > a.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa.fa-hand-o-up, .fa-hand-o-up.glyphicon, label.fa-hand-o-up[for*=geschlecht]:before, #main-navigation .fa-hand-o-up.expand, #main-navigation .hassubnav > a.fa-hand-o-up:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-up:before, .fa-hand-o-up.glyphicon:before, label.fa-hand-o-up[for*=geschlecht]:before, #main-navigation .fa-hand-o-up.expand:before, #main-navigation .hassubnav > a.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa.fa-hand-o-down, .fa-hand-o-down.glyphicon, label.fa-hand-o-down[for*=geschlecht]:before, #main-navigation .fa-hand-o-down.expand, #main-navigation .hassubnav > a.fa-hand-o-down:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-down:before, .fa-hand-o-down.glyphicon:before, label.fa-hand-o-down[for*=geschlecht]:before, #main-navigation .fa-hand-o-down.expand:before, #main-navigation .hassubnav > a.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa.fa-arrows-alt:before, .fa-arrows-alt.glyphicon:before, label.fa-arrows-alt[for*=geschlecht]:before, #main-navigation .fa-arrows-alt.expand:before, #main-navigation .hassubnav > a.fa-arrows-alt:before {
  content: "\f31e";
}

.fa.fa-group:before, .fa-group.glyphicon:before, label.fa-group[for*=geschlecht]:before, #main-navigation .fa-group.expand:before, #main-navigation .hassubnav > a.fa-group:before {
  content: "\f0c0";
}

.fa.fa-chain:before, .fa-chain.glyphicon:before, label.fa-chain[for*=geschlecht]:before, #main-navigation .fa-chain.expand:before, #main-navigation .hassubnav > a.fa-chain:before {
  content: "\f0c1";
}

.fa.fa-scissors:before, .fa-scissors.glyphicon:before, label.fa-scissors[for*=geschlecht]:before, #main-navigation .fa-scissors.expand:before, #main-navigation .hassubnav > a.fa-scissors:before {
  content: "\f0c4";
}

.fa.fa-files-o, .fa-files-o.glyphicon, label.fa-files-o[for*=geschlecht]:before, #main-navigation .fa-files-o.expand, #main-navigation .hassubnav > a.fa-files-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-files-o:before, .fa-files-o.glyphicon:before, label.fa-files-o[for*=geschlecht]:before, #main-navigation .fa-files-o.expand:before, #main-navigation .hassubnav > a.fa-files-o:before {
  content: "\f0c5";
}

.fa.fa-floppy-o, .fa-floppy-o.glyphicon, label.fa-floppy-o[for*=geschlecht]:before, #main-navigation .fa-floppy-o.expand, #main-navigation .hassubnav > a.fa-floppy-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-floppy-o:before, .fa-floppy-o.glyphicon:before, label.fa-floppy-o[for*=geschlecht]:before, #main-navigation .fa-floppy-o.expand:before, #main-navigation .hassubnav > a.fa-floppy-o:before {
  content: "\f0c7";
}

.fa.fa-navicon:before, .fa-navicon.glyphicon:before, label.fa-navicon[for*=geschlecht]:before, #main-navigation .fa-navicon.expand:before, #main-navigation .hassubnav > a.fa-navicon:before {
  content: "\f0c9";
}

.fa.fa-reorder:before, .fa-reorder.glyphicon:before, label.fa-reorder[for*=geschlecht]:before, #main-navigation .fa-reorder.expand:before, #main-navigation .hassubnav > a.fa-reorder:before {
  content: "\f0c9";
}

.fa.fa-pinterest, .fa-pinterest.glyphicon, label.fa-pinterest[for*=geschlecht]:before, #main-navigation .fa-pinterest.expand, #main-navigation .hassubnav > a.fa-pinterest:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square, .fa-pinterest-square.glyphicon, label.fa-pinterest-square[for*=geschlecht]:before, #main-navigation .fa-pinterest-square.expand, #main-navigation .hassubnav > a.fa-pinterest-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-square, .fa-google-plus-square.glyphicon, label.fa-google-plus-square[for*=geschlecht]:before, #main-navigation .fa-google-plus-square.expand, #main-navigation .hassubnav > a.fa-google-plus-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-plus, .fa-google-plus.glyphicon, label.fa-google-plus[for*=geschlecht]:before, #main-navigation .fa-google-plus.expand, #main-navigation .hassubnav > a.fa-google-plus:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-plus:before, .fa-google-plus.glyphicon:before, label.fa-google-plus[for*=geschlecht]:before, #main-navigation .fa-google-plus.expand:before, #main-navigation .hassubnav > a.fa-google-plus:before {
  content: "\f0d5";
}

.fa.fa-money, .fa-money.glyphicon, label.fa-money[for*=geschlecht]:before, #main-navigation .fa-money.expand, #main-navigation .hassubnav > a.fa-money:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-money:before, .fa-money.glyphicon:before, label.fa-money[for*=geschlecht]:before, #main-navigation .fa-money.expand:before, #main-navigation .hassubnav > a.fa-money:before {
  content: "\f3d1";
}

.fa.fa-unsorted:before, .fa-unsorted.glyphicon:before, label.fa-unsorted[for*=geschlecht]:before, #main-navigation .fa-unsorted.expand:before, #main-navigation .hassubnav > a.fa-unsorted:before {
  content: "\f0dc";
}

.fa.fa-sort-desc:before, .fa-sort-desc.glyphicon:before, label.fa-sort-desc[for*=geschlecht]:before, #main-navigation .fa-sort-desc.expand:before, #main-navigation .hassubnav > a.fa-sort-desc:before {
  content: "\f0dd";
}

.fa.fa-sort-asc:before, .fa-sort-asc.glyphicon:before, label.fa-sort-asc[for*=geschlecht]:before, #main-navigation .fa-sort-asc.expand:before, #main-navigation .hassubnav > a.fa-sort-asc:before {
  content: "\f0de";
}

.fa.fa-linkedin, .fa-linkedin.glyphicon, label.fa-linkedin[for*=geschlecht]:before, #main-navigation .fa-linkedin.expand, #main-navigation .hassubnav > a.fa-linkedin:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-linkedin:before, .fa-linkedin.glyphicon:before, label.fa-linkedin[for*=geschlecht]:before, #main-navigation .fa-linkedin.expand:before, #main-navigation .hassubnav > a.fa-linkedin:before {
  content: "\f0e1";
}

.fa.fa-rotate-left:before, .fa-rotate-left.glyphicon:before, label.fa-rotate-left[for*=geschlecht]:before, #main-navigation .fa-rotate-left.expand:before, #main-navigation .hassubnav > a.fa-rotate-left:before {
  content: "\f0e2";
}

.fa.fa-legal:before, .fa-legal.glyphicon:before, label.fa-legal[for*=geschlecht]:before, #main-navigation .fa-legal.expand:before, #main-navigation .hassubnav > a.fa-legal:before {
  content: "\f0e3";
}

.fa.fa-tachometer:before, .fa-tachometer.glyphicon:before, label.fa-tachometer[for*=geschlecht]:before, #main-navigation .fa-tachometer.expand:before, #main-navigation .hassubnav > a.fa-tachometer:before {
  content: "\f3fd";
}

.fa.fa-dashboard:before, .fa-dashboard.glyphicon:before, label.fa-dashboard[for*=geschlecht]:before, #main-navigation .fa-dashboard.expand:before, #main-navigation .hassubnav > a.fa-dashboard:before {
  content: "\f3fd";
}

.fa.fa-comment-o, .fa-comment-o.glyphicon, label.fa-comment-o[for*=geschlecht]:before, #main-navigation .fa-comment-o.expand, #main-navigation .hassubnav > a.fa-comment-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-comment-o:before, .fa-comment-o.glyphicon:before, label.fa-comment-o[for*=geschlecht]:before, #main-navigation .fa-comment-o.expand:before, #main-navigation .hassubnav > a.fa-comment-o:before {
  content: "\f075";
}

.fa.fa-comments-o, .fa-comments-o.glyphicon, label.fa-comments-o[for*=geschlecht]:before, #main-navigation .fa-comments-o.expand, #main-navigation .hassubnav > a.fa-comments-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-comments-o:before, .fa-comments-o.glyphicon:before, label.fa-comments-o[for*=geschlecht]:before, #main-navigation .fa-comments-o.expand:before, #main-navigation .hassubnav > a.fa-comments-o:before {
  content: "\f086";
}

.fa.fa-flash:before, .fa-flash.glyphicon:before, label.fa-flash[for*=geschlecht]:before, #main-navigation .fa-flash.expand:before, #main-navigation .hassubnav > a.fa-flash:before {
  content: "\f0e7";
}

.fa.fa-clipboard, .fa-clipboard.glyphicon, label.fa-clipboard[for*=geschlecht]:before, #main-navigation .fa-clipboard.expand, #main-navigation .hassubnav > a.fa-clipboard:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-paste, .fa-paste.glyphicon, label.fa-paste[for*=geschlecht]:before, #main-navigation .fa-paste.expand, #main-navigation .hassubnav > a.fa-paste:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-paste:before, .fa-paste.glyphicon:before, label.fa-paste[for*=geschlecht]:before, #main-navigation .fa-paste.expand:before, #main-navigation .hassubnav > a.fa-paste:before {
  content: "\f328";
}

.fa.fa-lightbulb-o, .fa-lightbulb-o.glyphicon, label.fa-lightbulb-o[for*=geschlecht]:before, #main-navigation .fa-lightbulb-o.expand, #main-navigation .hassubnav > a.fa-lightbulb-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-lightbulb-o:before, .fa-lightbulb-o.glyphicon:before, label.fa-lightbulb-o[for*=geschlecht]:before, #main-navigation .fa-lightbulb-o.expand:before, #main-navigation .hassubnav > a.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa.fa-exchange:before, .fa-exchange.glyphicon:before, label.fa-exchange[for*=geschlecht]:before, #main-navigation .fa-exchange.expand:before, #main-navigation .hassubnav > a.fa-exchange:before {
  content: "\f362";
}

.fa.fa-cloud-download:before, .fa-cloud-download.glyphicon:before, label.fa-cloud-download[for*=geschlecht]:before, #main-navigation .fa-cloud-download.expand:before, #main-navigation .hassubnav > a.fa-cloud-download:before {
  content: "\f381";
}

.fa.fa-cloud-upload:before, .fa-cloud-upload.glyphicon:before, label.fa-cloud-upload[for*=geschlecht]:before, #main-navigation .fa-cloud-upload.expand:before, #main-navigation .hassubnav > a.fa-cloud-upload:before {
  content: "\f382";
}

.fa.fa-bell-o, .fa-bell-o.glyphicon, label.fa-bell-o[for*=geschlecht]:before, #main-navigation .fa-bell-o.expand, #main-navigation .hassubnav > a.fa-bell-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-bell-o:before, .fa-bell-o.glyphicon:before, label.fa-bell-o[for*=geschlecht]:before, #main-navigation .fa-bell-o.expand:before, #main-navigation .hassubnav > a.fa-bell-o:before {
  content: "\f0f3";
}

.fa.fa-cutlery:before, .fa-cutlery.glyphicon:before, label.fa-cutlery[for*=geschlecht]:before, #main-navigation .fa-cutlery.expand:before, #main-navigation .hassubnav > a.fa-cutlery:before {
  content: "\f2e7";
}

.fa.fa-file-text-o, .fa-file-text-o.glyphicon, label.fa-file-text-o[for*=geschlecht]:before, #main-navigation .fa-file-text-o.expand, #main-navigation .hassubnav > a.fa-file-text-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-text-o:before, .fa-file-text-o.glyphicon:before, label.fa-file-text-o[for*=geschlecht]:before, #main-navigation .fa-file-text-o.expand:before, #main-navigation .hassubnav > a.fa-file-text-o:before {
  content: "\f15c";
}

.fa.fa-building-o, .fa-building-o.glyphicon, label.fa-building-o[for*=geschlecht]:before, #main-navigation .fa-building-o.expand, #main-navigation .hassubnav > a.fa-building-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-building-o:before, .fa-building-o.glyphicon:before, label.fa-building-o[for*=geschlecht]:before, #main-navigation .fa-building-o.expand:before, #main-navigation .hassubnav > a.fa-building-o:before {
  content: "\f1ad";
}

.fa.fa-hospital-o, .fa-hospital-o.glyphicon, label.fa-hospital-o[for*=geschlecht]:before, #main-navigation .fa-hospital-o.expand, #main-navigation .hassubnav > a.fa-hospital-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hospital-o:before, .fa-hospital-o.glyphicon:before, label.fa-hospital-o[for*=geschlecht]:before, #main-navigation .fa-hospital-o.expand:before, #main-navigation .hassubnav > a.fa-hospital-o:before {
  content: "\f0f8";
}

.fa.fa-tablet:before, .fa-tablet.glyphicon:before, label.fa-tablet[for*=geschlecht]:before, #main-navigation .fa-tablet.expand:before, #main-navigation .hassubnav > a.fa-tablet:before {
  content: "\f3fa";
}

.fa.fa-mobile:before, .fa-mobile.glyphicon:before, label.fa-mobile[for*=geschlecht]:before, #main-navigation .fa-mobile.expand:before, #main-navigation .hassubnav > a.fa-mobile:before {
  content: "\f3cd";
}

.fa.fa-mobile-phone:before, .fa-mobile-phone.glyphicon:before, label.fa-mobile-phone[for*=geschlecht]:before, #main-navigation .fa-mobile-phone.expand:before, #main-navigation .hassubnav > a.fa-mobile-phone:before {
  content: "\f3cd";
}

.fa.fa-circle-o, .fa-circle-o.glyphicon, label.fa-circle-o[for*=geschlecht]:before, #main-navigation .fa-circle-o.expand, #main-navigation .hassubnav > a.fa-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-circle-o:before, .fa-circle-o.glyphicon:before, label.fa-circle-o[for*=geschlecht]:before, #main-navigation .fa-circle-o.expand:before, #main-navigation .hassubnav > a.fa-circle-o:before {
  content: "\f111";
}

.fa.fa-mail-reply:before, .fa-mail-reply.glyphicon:before, label.fa-mail-reply[for*=geschlecht]:before, #main-navigation .fa-mail-reply.expand:before, #main-navigation .hassubnav > a.fa-mail-reply:before {
  content: "\f3e5";
}

.fa.fa-github-alt, .fa-github-alt.glyphicon, label.fa-github-alt[for*=geschlecht]:before, #main-navigation .fa-github-alt.expand, #main-navigation .hassubnav > a.fa-github-alt:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-folder-o, .fa-folder-o.glyphicon, label.fa-folder-o[for*=geschlecht]:before, #main-navigation .fa-folder-o.expand, #main-navigation .hassubnav > a.fa-folder-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-folder-o:before, .fa-folder-o.glyphicon:before, label.fa-folder-o[for*=geschlecht]:before, #main-navigation .fa-folder-o.expand:before, #main-navigation .hassubnav > a.fa-folder-o:before {
  content: "\f07b";
}

.fa.fa-folder-open-o, .fa-folder-open-o.glyphicon, label.fa-folder-open-o[for*=geschlecht]:before, #main-navigation .fa-folder-open-o.expand, #main-navigation .hassubnav > a.fa-folder-open-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-folder-open-o:before, .fa-folder-open-o.glyphicon:before, label.fa-folder-open-o[for*=geschlecht]:before, #main-navigation .fa-folder-open-o.expand:before, #main-navigation .hassubnav > a.fa-folder-open-o:before {
  content: "\f07c";
}

.fa.fa-smile-o, .fa-smile-o.glyphicon, label.fa-smile-o[for*=geschlecht]:before, #main-navigation .fa-smile-o.expand, #main-navigation .hassubnav > a.fa-smile-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-smile-o:before, .fa-smile-o.glyphicon:before, label.fa-smile-o[for*=geschlecht]:before, #main-navigation .fa-smile-o.expand:before, #main-navigation .hassubnav > a.fa-smile-o:before {
  content: "\f118";
}

.fa.fa-frown-o, .fa-frown-o.glyphicon, label.fa-frown-o[for*=geschlecht]:before, #main-navigation .fa-frown-o.expand, #main-navigation .hassubnav > a.fa-frown-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-frown-o:before, .fa-frown-o.glyphicon:before, label.fa-frown-o[for*=geschlecht]:before, #main-navigation .fa-frown-o.expand:before, #main-navigation .hassubnav > a.fa-frown-o:before {
  content: "\f119";
}

.fa.fa-meh-o, .fa-meh-o.glyphicon, label.fa-meh-o[for*=geschlecht]:before, #main-navigation .fa-meh-o.expand, #main-navigation .hassubnav > a.fa-meh-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-meh-o:before, .fa-meh-o.glyphicon:before, label.fa-meh-o[for*=geschlecht]:before, #main-navigation .fa-meh-o.expand:before, #main-navigation .hassubnav > a.fa-meh-o:before {
  content: "\f11a";
}

.fa.fa-keyboard-o, .fa-keyboard-o.glyphicon, label.fa-keyboard-o[for*=geschlecht]:before, #main-navigation .fa-keyboard-o.expand, #main-navigation .hassubnav > a.fa-keyboard-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-keyboard-o:before, .fa-keyboard-o.glyphicon:before, label.fa-keyboard-o[for*=geschlecht]:before, #main-navigation .fa-keyboard-o.expand:before, #main-navigation .hassubnav > a.fa-keyboard-o:before {
  content: "\f11c";
}

.fa.fa-flag-o, .fa-flag-o.glyphicon, label.fa-flag-o[for*=geschlecht]:before, #main-navigation .fa-flag-o.expand, #main-navigation .hassubnav > a.fa-flag-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-flag-o:before, .fa-flag-o.glyphicon:before, label.fa-flag-o[for*=geschlecht]:before, #main-navigation .fa-flag-o.expand:before, #main-navigation .hassubnav > a.fa-flag-o:before {
  content: "\f024";
}

.fa.fa-mail-reply-all:before, .fa-mail-reply-all.glyphicon:before, label.fa-mail-reply-all[for*=geschlecht]:before, #main-navigation .fa-mail-reply-all.expand:before, #main-navigation .hassubnav > a.fa-mail-reply-all:before {
  content: "\f122";
}

.fa.fa-star-half-o, .fa-star-half-o.glyphicon, label.fa-star-half-o[for*=geschlecht]:before, #main-navigation .fa-star-half-o.expand, #main-navigation .hassubnav > a.fa-star-half-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-star-half-o:before, .fa-star-half-o.glyphicon:before, label.fa-star-half-o[for*=geschlecht]:before, #main-navigation .fa-star-half-o.expand:before, #main-navigation .hassubnav > a.fa-star-half-o:before {
  content: "\f089";
}

.fa.fa-star-half-empty, .fa-star-half-empty.glyphicon, label.fa-star-half-empty[for*=geschlecht]:before, #main-navigation .fa-star-half-empty.expand, #main-navigation .hassubnav > a.fa-star-half-empty:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-star-half-empty:before, .fa-star-half-empty.glyphicon:before, label.fa-star-half-empty[for*=geschlecht]:before, #main-navigation .fa-star-half-empty.expand:before, #main-navigation .hassubnav > a.fa-star-half-empty:before {
  content: "\f089";
}

.fa.fa-star-half-full, .fa-star-half-full.glyphicon, label.fa-star-half-full[for*=geschlecht]:before, #main-navigation .fa-star-half-full.expand, #main-navigation .hassubnav > a.fa-star-half-full:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-star-half-full:before, .fa-star-half-full.glyphicon:before, label.fa-star-half-full[for*=geschlecht]:before, #main-navigation .fa-star-half-full.expand:before, #main-navigation .hassubnav > a.fa-star-half-full:before {
  content: "\f089";
}

.fa.fa-code-fork:before, .fa-code-fork.glyphicon:before, label.fa-code-fork[for*=geschlecht]:before, #main-navigation .fa-code-fork.expand:before, #main-navigation .hassubnav > a.fa-code-fork:before {
  content: "\f126";
}

.fa.fa-chain-broken:before, .fa-chain-broken.glyphicon:before, label.fa-chain-broken[for*=geschlecht]:before, #main-navigation .fa-chain-broken.expand:before, #main-navigation .hassubnav > a.fa-chain-broken:before {
  content: "\f127";
}

.fa.fa-shield:before, .fa-shield.glyphicon:before, label.fa-shield[for*=geschlecht]:before, #main-navigation .fa-shield.expand:before, #main-navigation .hassubnav > a.fa-shield:before {
  content: "\f3ed";
}

.fa.fa-calendar-o, .fa-calendar-o.glyphicon, label.fa-calendar-o[for*=geschlecht]:before, #main-navigation .fa-calendar-o.expand, #main-navigation .hassubnav > a.fa-calendar-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-calendar-o:before, .fa-calendar-o.glyphicon:before, label.fa-calendar-o[for*=geschlecht]:before, #main-navigation .fa-calendar-o.expand:before, #main-navigation .hassubnav > a.fa-calendar-o:before {
  content: "\f133";
}

.fa.fa-maxcdn, .fa-maxcdn.glyphicon, label.fa-maxcdn[for*=geschlecht]:before, #main-navigation .fa-maxcdn.expand, #main-navigation .hassubnav > a.fa-maxcdn:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-html5, .fa-html5.glyphicon, label.fa-html5[for*=geschlecht]:before, #main-navigation .fa-html5.expand, #main-navigation .hassubnav > a.fa-html5:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-css3, .fa-css3.glyphicon, label.fa-css3[for*=geschlecht]:before, #main-navigation .fa-css3.expand, #main-navigation .hassubnav > a.fa-css3:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ticket:before, .fa-ticket.glyphicon:before, label.fa-ticket[for*=geschlecht]:before, #main-navigation .fa-ticket.expand:before, #main-navigation .hassubnav > a.fa-ticket:before {
  content: "\f3ff";
}

.fa.fa-minus-square-o, .fa-minus-square-o.glyphicon, label.fa-minus-square-o[for*=geschlecht]:before, #main-navigation .fa-minus-square-o.expand, #main-navigation .hassubnav > a.fa-minus-square-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-minus-square-o:before, .fa-minus-square-o.glyphicon:before, label.fa-minus-square-o[for*=geschlecht]:before, #main-navigation .fa-minus-square-o.expand:before, #main-navigation .hassubnav > a.fa-minus-square-o:before {
  content: "\f146";
}

.fa.fa-level-up:before, .fa-level-up.glyphicon:before, label.fa-level-up[for*=geschlecht]:before, #main-navigation .fa-level-up.expand:before, #main-navigation .hassubnav > a.fa-level-up:before {
  content: "\f3bf";
}

.fa.fa-level-down:before, .fa-level-down.glyphicon:before, label.fa-level-down[for*=geschlecht]:before, #main-navigation .fa-level-down.expand:before, #main-navigation .hassubnav > a.fa-level-down:before {
  content: "\f3be";
}

.fa.fa-pencil-square:before, .fa-pencil-square.glyphicon:before, label.fa-pencil-square[for*=geschlecht]:before, #main-navigation .fa-pencil-square.expand:before, #main-navigation .hassubnav > a.fa-pencil-square:before {
  content: "\f14b";
}

.fa.fa-external-link-square:before, .fa-external-link-square.glyphicon:before, label.fa-external-link-square[for*=geschlecht]:before, #main-navigation .fa-external-link-square.expand:before, #main-navigation .hassubnav > a.fa-external-link-square:before {
  content: "\f360";
}

.fa.fa-compass, .fa-compass.glyphicon, label.fa-compass[for*=geschlecht]:before, #main-navigation .fa-compass.expand, #main-navigation .hassubnav > a.fa-compass:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down, .fa-caret-square-o-down.glyphicon, label.fa-caret-square-o-down[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-down.expand, #main-navigation .hassubnav > a.fa-caret-square-o-down:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down:before, .fa-caret-square-o-down.glyphicon:before, label.fa-caret-square-o-down[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-down.expand:before, #main-navigation .hassubnav > a.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa.fa-toggle-down, .fa-toggle-down.glyphicon, label.fa-toggle-down[for*=geschlecht]:before, #main-navigation .fa-toggle-down.expand, #main-navigation .hassubnav > a.fa-toggle-down:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-toggle-down:before, .fa-toggle-down.glyphicon:before, label.fa-toggle-down[for*=geschlecht]:before, #main-navigation .fa-toggle-down.expand:before, #main-navigation .hassubnav > a.fa-toggle-down:before {
  content: "\f150";
}

.fa.fa-caret-square-o-up, .fa-caret-square-o-up.glyphicon, label.fa-caret-square-o-up[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-up.expand, #main-navigation .hassubnav > a.fa-caret-square-o-up:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-up:before, .fa-caret-square-o-up.glyphicon:before, label.fa-caret-square-o-up[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-up.expand:before, #main-navigation .hassubnav > a.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa.fa-toggle-up, .fa-toggle-up.glyphicon, label.fa-toggle-up[for*=geschlecht]:before, #main-navigation .fa-toggle-up.expand, #main-navigation .hassubnav > a.fa-toggle-up:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-toggle-up:before, .fa-toggle-up.glyphicon:before, label.fa-toggle-up[for*=geschlecht]:before, #main-navigation .fa-toggle-up.expand:before, #main-navigation .hassubnav > a.fa-toggle-up:before {
  content: "\f151";
}

.fa.fa-caret-square-o-right, .fa-caret-square-o-right.glyphicon, label.fa-caret-square-o-right[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-right.expand, #main-navigation .hassubnav > a.fa-caret-square-o-right:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-right:before, .fa-caret-square-o-right.glyphicon:before, label.fa-caret-square-o-right[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-right.expand:before, #main-navigation .hassubnav > a.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa.fa-toggle-right, .fa-toggle-right.glyphicon, label.fa-toggle-right[for*=geschlecht]:before, #main-navigation .fa-toggle-right.expand, #main-navigation .hassubnav > a.fa-toggle-right:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-toggle-right:before, .fa-toggle-right.glyphicon:before, label.fa-toggle-right[for*=geschlecht]:before, #main-navigation .fa-toggle-right.expand:before, #main-navigation .hassubnav > a.fa-toggle-right:before {
  content: "\f152";
}

.fa.fa-eur:before, .fa-eur.glyphicon:before, label.fa-eur[for*=geschlecht]:before, #main-navigation .fa-eur.expand:before, #main-navigation .hassubnav > a.fa-eur:before {
  content: "\f153";
}

.fa.fa-euro:before, .fa-euro.glyphicon:before, label.fa-euro[for*=geschlecht]:before, #main-navigation .fa-euro.expand:before, #main-navigation .hassubnav > a.fa-euro:before {
  content: "\f153";
}

.fa.fa-gbp:before, .fa-gbp.glyphicon:before, label.fa-gbp[for*=geschlecht]:before, #main-navigation .fa-gbp.expand:before, #main-navigation .hassubnav > a.fa-gbp:before {
  content: "\f154";
}

.fa.fa-usd:before, .fa-usd.glyphicon:before, label.fa-usd[for*=geschlecht]:before, #main-navigation .fa-usd.expand:before, #main-navigation .hassubnav > a.fa-usd:before {
  content: "\f155";
}

.fa.fa-dollar:before, .fa-dollar.glyphicon:before, label.fa-dollar[for*=geschlecht]:before, #main-navigation .fa-dollar.expand:before, #main-navigation .hassubnav > a.fa-dollar:before {
  content: "\f155";
}

.fa.fa-inr:before, .fa-inr.glyphicon:before, label.fa-inr[for*=geschlecht]:before, #main-navigation .fa-inr.expand:before, #main-navigation .hassubnav > a.fa-inr:before {
  content: "\f156";
}

.fa.fa-rupee:before, .fa-rupee.glyphicon:before, label.fa-rupee[for*=geschlecht]:before, #main-navigation .fa-rupee.expand:before, #main-navigation .hassubnav > a.fa-rupee:before {
  content: "\f156";
}

.fa.fa-jpy:before, .fa-jpy.glyphicon:before, label.fa-jpy[for*=geschlecht]:before, #main-navigation .fa-jpy.expand:before, #main-navigation .hassubnav > a.fa-jpy:before {
  content: "\f157";
}

.fa.fa-cny:before, .fa-cny.glyphicon:before, label.fa-cny[for*=geschlecht]:before, #main-navigation .fa-cny.expand:before, #main-navigation .hassubnav > a.fa-cny:before {
  content: "\f157";
}

.fa.fa-rmb:before, .fa-rmb.glyphicon:before, label.fa-rmb[for*=geschlecht]:before, #main-navigation .fa-rmb.expand:before, #main-navigation .hassubnav > a.fa-rmb:before {
  content: "\f157";
}

.fa.fa-yen:before, .fa-yen.glyphicon:before, label.fa-yen[for*=geschlecht]:before, #main-navigation .fa-yen.expand:before, #main-navigation .hassubnav > a.fa-yen:before {
  content: "\f157";
}

.fa.fa-rub:before, .fa-rub.glyphicon:before, label.fa-rub[for*=geschlecht]:before, #main-navigation .fa-rub.expand:before, #main-navigation .hassubnav > a.fa-rub:before {
  content: "\f158";
}

.fa.fa-ruble:before, .fa-ruble.glyphicon:before, label.fa-ruble[for*=geschlecht]:before, #main-navigation .fa-ruble.expand:before, #main-navigation .hassubnav > a.fa-ruble:before {
  content: "\f158";
}

.fa.fa-rouble:before, .fa-rouble.glyphicon:before, label.fa-rouble[for*=geschlecht]:before, #main-navigation .fa-rouble.expand:before, #main-navigation .hassubnav > a.fa-rouble:before {
  content: "\f158";
}

.fa.fa-krw:before, .fa-krw.glyphicon:before, label.fa-krw[for*=geschlecht]:before, #main-navigation .fa-krw.expand:before, #main-navigation .hassubnav > a.fa-krw:before {
  content: "\f159";
}

.fa.fa-won:before, .fa-won.glyphicon:before, label.fa-won[for*=geschlecht]:before, #main-navigation .fa-won.expand:before, #main-navigation .hassubnav > a.fa-won:before {
  content: "\f159";
}

.fa.fa-btc, .fa-btc.glyphicon, label.fa-btc[for*=geschlecht]:before, #main-navigation .fa-btc.expand, #main-navigation .hassubnav > a.fa-btc:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin, .fa-bitcoin.glyphicon, label.fa-bitcoin[for*=geschlecht]:before, #main-navigation .fa-bitcoin.expand, #main-navigation .hassubnav > a.fa-bitcoin:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin:before, .fa-bitcoin.glyphicon:before, label.fa-bitcoin[for*=geschlecht]:before, #main-navigation .fa-bitcoin.expand:before, #main-navigation .hassubnav > a.fa-bitcoin:before {
  content: "\f15a";
}

.fa.fa-file-text:before, .fa-file-text.glyphicon:before, label.fa-file-text[for*=geschlecht]:before, #main-navigation .fa-file-text.expand:before, #main-navigation .hassubnav > a.fa-file-text:before {
  content: "\f15c";
}

.fa.fa-sort-alpha-asc:before, .fa-sort-alpha-asc.glyphicon:before, label.fa-sort-alpha-asc[for*=geschlecht]:before, #main-navigation .fa-sort-alpha-asc.expand:before, #main-navigation .hassubnav > a.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa.fa-sort-alpha-desc:before, .fa-sort-alpha-desc.glyphicon:before, label.fa-sort-alpha-desc[for*=geschlecht]:before, #main-navigation .fa-sort-alpha-desc.expand:before, #main-navigation .hassubnav > a.fa-sort-alpha-desc:before {
  content: "\f881";
}

.fa.fa-sort-amount-asc:before, .fa-sort-amount-asc.glyphicon:before, label.fa-sort-amount-asc[for*=geschlecht]:before, #main-navigation .fa-sort-amount-asc.expand:before, #main-navigation .hassubnav > a.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa.fa-sort-amount-desc:before, .fa-sort-amount-desc.glyphicon:before, label.fa-sort-amount-desc[for*=geschlecht]:before, #main-navigation .fa-sort-amount-desc.expand:before, #main-navigation .hassubnav > a.fa-sort-amount-desc:before {
  content: "\f884";
}

.fa.fa-sort-numeric-asc:before, .fa-sort-numeric-asc.glyphicon:before, label.fa-sort-numeric-asc[for*=geschlecht]:before, #main-navigation .fa-sort-numeric-asc.expand:before, #main-navigation .hassubnav > a.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa.fa-sort-numeric-desc:before, .fa-sort-numeric-desc.glyphicon:before, label.fa-sort-numeric-desc[for*=geschlecht]:before, #main-navigation .fa-sort-numeric-desc.expand:before, #main-navigation .hassubnav > a.fa-sort-numeric-desc:before {
  content: "\f886";
}

.fa.fa-youtube-square, .fa-youtube-square.glyphicon, label.fa-youtube-square[for*=geschlecht]:before, #main-navigation .fa-youtube-square.expand, #main-navigation .hassubnav > a.fa-youtube-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-youtube, .fa-youtube.glyphicon, label.fa-youtube[for*=geschlecht]:before, #main-navigation .fa-youtube.expand, #main-navigation .hassubnav > a.fa-youtube:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-xing, .fa-xing.glyphicon, label.fa-xing[for*=geschlecht]:before, #main-navigation .fa-xing.expand, #main-navigation .hassubnav > a.fa-xing:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-xing-square, .fa-xing-square.glyphicon, label.fa-xing-square[for*=geschlecht]:before, #main-navigation .fa-xing-square.expand, #main-navigation .hassubnav > a.fa-xing-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-youtube-play, .fa-youtube-play.glyphicon, label.fa-youtube-play[for*=geschlecht]:before, #main-navigation .fa-youtube-play.expand, #main-navigation .hassubnav > a.fa-youtube-play:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-youtube-play:before, .fa-youtube-play.glyphicon:before, label.fa-youtube-play[for*=geschlecht]:before, #main-navigation .fa-youtube-play.expand:before, #main-navigation .hassubnav > a.fa-youtube-play:before {
  content: "\f167";
}

.fa.fa-dropbox, .fa-dropbox.glyphicon, label.fa-dropbox[for*=geschlecht]:before, #main-navigation .fa-dropbox.expand, #main-navigation .hassubnav > a.fa-dropbox:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-stack-overflow, .fa-stack-overflow.glyphicon, label.fa-stack-overflow[for*=geschlecht]:before, #main-navigation .fa-stack-overflow.expand, #main-navigation .hassubnav > a.fa-stack-overflow:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-instagram, .fa-instagram.glyphicon, label.fa-instagram[for*=geschlecht]:before, #main-navigation .fa-instagram.expand, #main-navigation .hassubnav > a.fa-instagram:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-flickr, .fa-flickr.glyphicon, label.fa-flickr[for*=geschlecht]:before, #main-navigation .fa-flickr.expand, #main-navigation .hassubnav > a.fa-flickr:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-adn, .fa-adn.glyphicon, label.fa-adn[for*=geschlecht]:before, #main-navigation .fa-adn.expand, #main-navigation .hassubnav > a.fa-adn:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket, .fa-bitbucket.glyphicon, label.fa-bitbucket[for*=geschlecht]:before, #main-navigation .fa-bitbucket.expand, #main-navigation .hassubnav > a.fa-bitbucket:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square, .fa-bitbucket-square.glyphicon, label.fa-bitbucket-square[for*=geschlecht]:before, #main-navigation .fa-bitbucket-square.expand, #main-navigation .hassubnav > a.fa-bitbucket-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square:before, .fa-bitbucket-square.glyphicon:before, label.fa-bitbucket-square[for*=geschlecht]:before, #main-navigation .fa-bitbucket-square.expand:before, #main-navigation .hassubnav > a.fa-bitbucket-square:before {
  content: "\f171";
}

.fa.fa-tumblr, .fa-tumblr.glyphicon, label.fa-tumblr[for*=geschlecht]:before, #main-navigation .fa-tumblr.expand, #main-navigation .hassubnav > a.fa-tumblr:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square, .fa-tumblr-square.glyphicon, label.fa-tumblr-square[for*=geschlecht]:before, #main-navigation .fa-tumblr-square.expand, #main-navigation .hassubnav > a.fa-tumblr-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-long-arrow-down:before, .fa-long-arrow-down.glyphicon:before, label.fa-long-arrow-down[for*=geschlecht]:before, #main-navigation .fa-long-arrow-down.expand:before, #main-navigation .hassubnav > a.fa-long-arrow-down:before {
  content: "\f309";
}

.fa.fa-long-arrow-up:before, .fa-long-arrow-up.glyphicon:before, label.fa-long-arrow-up[for*=geschlecht]:before, #main-navigation .fa-long-arrow-up.expand:before, #main-navigation .hassubnav > a.fa-long-arrow-up:before {
  content: "\f30c";
}

.fa.fa-long-arrow-left:before, .fa-long-arrow-left.glyphicon:before, label.fa-long-arrow-left[for*=geschlecht]:before, #main-navigation .fa-long-arrow-left.expand:before, #main-navigation .hassubnav > a.fa-long-arrow-left:before {
  content: "\f30a";
}

.fa.fa-long-arrow-right:before, .fa-long-arrow-right.glyphicon:before, label.fa-long-arrow-right[for*=geschlecht]:before, #main-navigation .fa-long-arrow-right.expand:before, #main-navigation .hassubnav > a.fa-long-arrow-right:before {
  content: "\f30b";
}

.fa.fa-apple, .fa-apple.glyphicon, label.fa-apple[for*=geschlecht]:before, #main-navigation .fa-apple.expand, #main-navigation .hassubnav > a.fa-apple:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-windows, .fa-windows.glyphicon, label.fa-windows[for*=geschlecht]:before, #main-navigation .fa-windows.expand, #main-navigation .hassubnav > a.fa-windows:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-android, .fa-android.glyphicon, label.fa-android[for*=geschlecht]:before, #main-navigation .fa-android.expand, #main-navigation .hassubnav > a.fa-android:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-linux, .fa-linux.glyphicon, label.fa-linux[for*=geschlecht]:before, #main-navigation .fa-linux.expand, #main-navigation .hassubnav > a.fa-linux:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-dribbble, .fa-dribbble.glyphicon, label.fa-dribbble[for*=geschlecht]:before, #main-navigation .fa-dribbble.expand, #main-navigation .hassubnav > a.fa-dribbble:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-skype, .fa-skype.glyphicon, label.fa-skype[for*=geschlecht]:before, #main-navigation .fa-skype.expand, #main-navigation .hassubnav > a.fa-skype:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-foursquare, .fa-foursquare.glyphicon, label.fa-foursquare[for*=geschlecht]:before, #main-navigation .fa-foursquare.expand, #main-navigation .hassubnav > a.fa-foursquare:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-trello, .fa-trello.glyphicon, label.fa-trello[for*=geschlecht]:before, #main-navigation .fa-trello.expand, #main-navigation .hassubnav > a.fa-trello:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gratipay, .fa-gratipay.glyphicon, label.fa-gratipay[for*=geschlecht]:before, #main-navigation .fa-gratipay.expand, #main-navigation .hassubnav > a.fa-gratipay:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gittip, .fa-gittip.glyphicon, label.fa-gittip[for*=geschlecht]:before, #main-navigation .fa-gittip.expand, #main-navigation .hassubnav > a.fa-gittip:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gittip:before, .fa-gittip.glyphicon:before, label.fa-gittip[for*=geschlecht]:before, #main-navigation .fa-gittip.expand:before, #main-navigation .hassubnav > a.fa-gittip:before {
  content: "\f184";
}

.fa.fa-sun-o, .fa-sun-o.glyphicon, label.fa-sun-o[for*=geschlecht]:before, #main-navigation .fa-sun-o.expand, #main-navigation .hassubnav > a.fa-sun-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-sun-o:before, .fa-sun-o.glyphicon:before, label.fa-sun-o[for*=geschlecht]:before, #main-navigation .fa-sun-o.expand:before, #main-navigation .hassubnav > a.fa-sun-o:before {
  content: "\f185";
}

.fa.fa-moon-o, .fa-moon-o.glyphicon, label.fa-moon-o[for*=geschlecht]:before, #main-navigation .fa-moon-o.expand, #main-navigation .hassubnav > a.fa-moon-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-moon-o:before, .fa-moon-o.glyphicon:before, label.fa-moon-o[for*=geschlecht]:before, #main-navigation .fa-moon-o.expand:before, #main-navigation .hassubnav > a.fa-moon-o:before {
  content: "\f186";
}

.fa.fa-vk, .fa-vk.glyphicon, label.fa-vk[for*=geschlecht]:before, #main-navigation .fa-vk.expand, #main-navigation .hassubnav > a.fa-vk:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-weibo, .fa-weibo.glyphicon, label.fa-weibo[for*=geschlecht]:before, #main-navigation .fa-weibo.expand, #main-navigation .hassubnav > a.fa-weibo:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-renren, .fa-renren.glyphicon, label.fa-renren[for*=geschlecht]:before, #main-navigation .fa-renren.expand, #main-navigation .hassubnav > a.fa-renren:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-pagelines, .fa-pagelines.glyphicon, label.fa-pagelines[for*=geschlecht]:before, #main-navigation .fa-pagelines.expand, #main-navigation .hassubnav > a.fa-pagelines:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-stack-exchange, .fa-stack-exchange.glyphicon, label.fa-stack-exchange[for*=geschlecht]:before, #main-navigation .fa-stack-exchange.expand, #main-navigation .hassubnav > a.fa-stack-exchange:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right, .fa-arrow-circle-o-right.glyphicon, label.fa-arrow-circle-o-right[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-right.expand, #main-navigation .hassubnav > a.fa-arrow-circle-o-right:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right:before, .fa-arrow-circle-o-right.glyphicon:before, label.fa-arrow-circle-o-right[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-right.expand:before, #main-navigation .hassubnav > a.fa-arrow-circle-o-right:before {
  content: "\f35a";
}

.fa.fa-arrow-circle-o-left, .fa-arrow-circle-o-left.glyphicon, label.fa-arrow-circle-o-left[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-left.expand, #main-navigation .hassubnav > a.fa-arrow-circle-o-left:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-left:before, .fa-arrow-circle-o-left.glyphicon:before, label.fa-arrow-circle-o-left[for*=geschlecht]:before, #main-navigation .fa-arrow-circle-o-left.expand:before, #main-navigation .hassubnav > a.fa-arrow-circle-o-left:before {
  content: "\f359";
}

.fa.fa-caret-square-o-left, .fa-caret-square-o-left.glyphicon, label.fa-caret-square-o-left[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-left.expand, #main-navigation .hassubnav > a.fa-caret-square-o-left:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-left:before, .fa-caret-square-o-left.glyphicon:before, label.fa-caret-square-o-left[for*=geschlecht]:before, #main-navigation .fa-caret-square-o-left.expand:before, #main-navigation .hassubnav > a.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa.fa-toggle-left, .fa-toggle-left.glyphicon, label.fa-toggle-left[for*=geschlecht]:before, #main-navigation .fa-toggle-left.expand, #main-navigation .hassubnav > a.fa-toggle-left:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-toggle-left:before, .fa-toggle-left.glyphicon:before, label.fa-toggle-left[for*=geschlecht]:before, #main-navigation .fa-toggle-left.expand:before, #main-navigation .hassubnav > a.fa-toggle-left:before {
  content: "\f191";
}

.fa.fa-dot-circle-o, .fa-dot-circle-o.glyphicon, label.fa-dot-circle-o[for*=geschlecht]:before, #main-navigation .fa-dot-circle-o.expand, #main-navigation .hassubnav > a.fa-dot-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-dot-circle-o:before, .fa-dot-circle-o.glyphicon:before, label.fa-dot-circle-o[for*=geschlecht]:before, #main-navigation .fa-dot-circle-o.expand:before, #main-navigation .hassubnav > a.fa-dot-circle-o:before {
  content: "\f192";
}

.fa.fa-vimeo-square, .fa-vimeo-square.glyphicon, label.fa-vimeo-square[for*=geschlecht]:before, #main-navigation .fa-vimeo-square.expand, #main-navigation .hassubnav > a.fa-vimeo-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-try:before, .fa-try.glyphicon:before, label.fa-try[for*=geschlecht]:before, #main-navigation .fa-try.expand:before, #main-navigation .hassubnav > a.fa-try:before {
  content: "\f195";
}

.fa.fa-turkish-lira:before, .fa-turkish-lira.glyphicon:before, label.fa-turkish-lira[for*=geschlecht]:before, #main-navigation .fa-turkish-lira.expand:before, #main-navigation .hassubnav > a.fa-turkish-lira:before {
  content: "\f195";
}

.fa.fa-plus-square-o, .fa-plus-square-o.glyphicon, label.fa-plus-square-o[for*=geschlecht]:before, #main-navigation .fa-plus-square-o.expand, #main-navigation .hassubnav > a.fa-plus-square-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-plus-square-o:before, .fa-plus-square-o.glyphicon:before, label.fa-plus-square-o[for*=geschlecht]:before, #main-navigation .fa-plus-square-o.expand:before, #main-navigation .hassubnav > a.fa-plus-square-o:before {
  content: "\f0fe";
}

.fa.fa-slack, .fa-slack.glyphicon, label.fa-slack[for*=geschlecht]:before, #main-navigation .fa-slack.expand, #main-navigation .hassubnav > a.fa-slack:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wordpress, .fa-wordpress.glyphicon, label.fa-wordpress[for*=geschlecht]:before, #main-navigation .fa-wordpress.expand, #main-navigation .hassubnav > a.fa-wordpress:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-openid, .fa-openid.glyphicon, label.fa-openid[for*=geschlecht]:before, #main-navigation .fa-openid.expand, #main-navigation .hassubnav > a.fa-openid:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-institution:before, .fa-institution.glyphicon:before, label.fa-institution[for*=geschlecht]:before, #main-navigation .fa-institution.expand:before, #main-navigation .hassubnav > a.fa-institution:before {
  content: "\f19c";
}

.fa.fa-bank:before, .fa-bank.glyphicon:before, label.fa-bank[for*=geschlecht]:before, #main-navigation .fa-bank.expand:before, #main-navigation .hassubnav > a.fa-bank:before {
  content: "\f19c";
}

.fa.fa-mortar-board:before, .fa-mortar-board.glyphicon:before, label.fa-mortar-board[for*=geschlecht]:before, #main-navigation .fa-mortar-board.expand:before, #main-navigation .hassubnav > a.fa-mortar-board:before {
  content: "\f19d";
}

.fa.fa-yahoo, .fa-yahoo.glyphicon, label.fa-yahoo[for*=geschlecht]:before, #main-navigation .fa-yahoo.expand, #main-navigation .hassubnav > a.fa-yahoo:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google, .fa-google.glyphicon, label.fa-google[for*=geschlecht]:before, #main-navigation .fa-google.expand, #main-navigation .hassubnav > a.fa-google:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-reddit, .fa-reddit.glyphicon, label.fa-reddit[for*=geschlecht]:before, #main-navigation .fa-reddit.expand, #main-navigation .hassubnav > a.fa-reddit:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square, .fa-reddit-square.glyphicon, label.fa-reddit-square[for*=geschlecht]:before, #main-navigation .fa-reddit-square.expand, #main-navigation .hassubnav > a.fa-reddit-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-stumbleupon-circle, .fa-stumbleupon-circle.glyphicon, label.fa-stumbleupon-circle[for*=geschlecht]:before, #main-navigation .fa-stumbleupon-circle.expand, #main-navigation .hassubnav > a.fa-stumbleupon-circle:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-stumbleupon, .fa-stumbleupon.glyphicon, label.fa-stumbleupon[for*=geschlecht]:before, #main-navigation .fa-stumbleupon.expand, #main-navigation .hassubnav > a.fa-stumbleupon:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-delicious, .fa-delicious.glyphicon, label.fa-delicious[for*=geschlecht]:before, #main-navigation .fa-delicious.expand, #main-navigation .hassubnav > a.fa-delicious:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-digg, .fa-digg.glyphicon, label.fa-digg[for*=geschlecht]:before, #main-navigation .fa-digg.expand, #main-navigation .hassubnav > a.fa-digg:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-pp, .fa-pied-piper-pp.glyphicon, label.fa-pied-piper-pp[for*=geschlecht]:before, #main-navigation .fa-pied-piper-pp.expand, #main-navigation .hassubnav > a.fa-pied-piper-pp:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-alt, .fa-pied-piper-alt.glyphicon, label.fa-pied-piper-alt[for*=geschlecht]:before, #main-navigation .fa-pied-piper-alt.expand, #main-navigation .hassubnav > a.fa-pied-piper-alt:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-drupal, .fa-drupal.glyphicon, label.fa-drupal[for*=geschlecht]:before, #main-navigation .fa-drupal.expand, #main-navigation .hassubnav > a.fa-drupal:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-joomla, .fa-joomla.glyphicon, label.fa-joomla[for*=geschlecht]:before, #main-navigation .fa-joomla.expand, #main-navigation .hassubnav > a.fa-joomla:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-spoon:before, .fa-spoon.glyphicon:before, label.fa-spoon[for*=geschlecht]:before, #main-navigation .fa-spoon.expand:before, #main-navigation .hassubnav > a.fa-spoon:before {
  content: "\f2e5";
}

.fa.fa-behance, .fa-behance.glyphicon, label.fa-behance[for*=geschlecht]:before, #main-navigation .fa-behance.expand, #main-navigation .hassubnav > a.fa-behance:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-behance-square, .fa-behance-square.glyphicon, label.fa-behance-square[for*=geschlecht]:before, #main-navigation .fa-behance-square.expand, #main-navigation .hassubnav > a.fa-behance-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-steam, .fa-steam.glyphicon, label.fa-steam[for*=geschlecht]:before, #main-navigation .fa-steam.expand, #main-navigation .hassubnav > a.fa-steam:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-steam-square, .fa-steam-square.glyphicon, label.fa-steam-square[for*=geschlecht]:before, #main-navigation .fa-steam-square.expand, #main-navigation .hassubnav > a.fa-steam-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-automobile:before, .fa-automobile.glyphicon:before, label.fa-automobile[for*=geschlecht]:before, #main-navigation .fa-automobile.expand:before, #main-navigation .hassubnav > a.fa-automobile:before {
  content: "\f1b9";
}

.fa.fa-envelope-o, .fa-envelope-o.glyphicon, label.fa-envelope-o[for*=geschlecht]:before, #main-navigation .fa-envelope-o.expand, #main-navigation .hassubnav > a.fa-envelope-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-envelope-o:before, .fa-envelope-o.glyphicon:before, label.fa-envelope-o[for*=geschlecht]:before, #main-navigation .fa-envelope-o.expand:before, #main-navigation .hassubnav > a.fa-envelope-o:before {
  content: "\f0e0";
}

.fa.fa-spotify, .fa-spotify.glyphicon, label.fa-spotify[for*=geschlecht]:before, #main-navigation .fa-spotify.expand, #main-navigation .hassubnav > a.fa-spotify:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-deviantart, .fa-deviantart.glyphicon, label.fa-deviantart[for*=geschlecht]:before, #main-navigation .fa-deviantart.expand, #main-navigation .hassubnav > a.fa-deviantart:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-soundcloud, .fa-soundcloud.glyphicon, label.fa-soundcloud[for*=geschlecht]:before, #main-navigation .fa-soundcloud.expand, #main-navigation .hassubnav > a.fa-soundcloud:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-file-pdf-o, .fa-file-pdf-o.glyphicon, label.fa-file-pdf-o[for*=geschlecht]:before, #main-navigation .fa-file-pdf-o.expand, #main-navigation .hassubnav > a.fa-file-pdf-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-pdf-o:before, .fa-file-pdf-o.glyphicon:before, label.fa-file-pdf-o[for*=geschlecht]:before, #main-navigation .fa-file-pdf-o.expand:before, #main-navigation .hassubnav > a.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa.fa-file-word-o, .fa-file-word-o.glyphicon, label.fa-file-word-o[for*=geschlecht]:before, #main-navigation .fa-file-word-o.expand, #main-navigation .hassubnav > a.fa-file-word-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-word-o:before, .fa-file-word-o.glyphicon:before, label.fa-file-word-o[for*=geschlecht]:before, #main-navigation .fa-file-word-o.expand:before, #main-navigation .hassubnav > a.fa-file-word-o:before {
  content: "\f1c2";
}

.fa.fa-file-excel-o, .fa-file-excel-o.glyphicon, label.fa-file-excel-o[for*=geschlecht]:before, #main-navigation .fa-file-excel-o.expand, #main-navigation .hassubnav > a.fa-file-excel-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-excel-o:before, .fa-file-excel-o.glyphicon:before, label.fa-file-excel-o[for*=geschlecht]:before, #main-navigation .fa-file-excel-o.expand:before, #main-navigation .hassubnav > a.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa.fa-file-powerpoint-o, .fa-file-powerpoint-o.glyphicon, label.fa-file-powerpoint-o[for*=geschlecht]:before, #main-navigation .fa-file-powerpoint-o.expand, #main-navigation .hassubnav > a.fa-file-powerpoint-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-powerpoint-o:before, .fa-file-powerpoint-o.glyphicon:before, label.fa-file-powerpoint-o[for*=geschlecht]:before, #main-navigation .fa-file-powerpoint-o.expand:before, #main-navigation .hassubnav > a.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa.fa-file-image-o, .fa-file-image-o.glyphicon, label.fa-file-image-o[for*=geschlecht]:before, #main-navigation .fa-file-image-o.expand, #main-navigation .hassubnav > a.fa-file-image-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-image-o:before, .fa-file-image-o.glyphicon:before, label.fa-file-image-o[for*=geschlecht]:before, #main-navigation .fa-file-image-o.expand:before, #main-navigation .hassubnav > a.fa-file-image-o:before {
  content: "\f1c5";
}

.fa.fa-file-photo-o, .fa-file-photo-o.glyphicon, label.fa-file-photo-o[for*=geschlecht]:before, #main-navigation .fa-file-photo-o.expand, #main-navigation .hassubnav > a.fa-file-photo-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-photo-o:before, .fa-file-photo-o.glyphicon:before, label.fa-file-photo-o[for*=geschlecht]:before, #main-navigation .fa-file-photo-o.expand:before, #main-navigation .hassubnav > a.fa-file-photo-o:before {
  content: "\f1c5";
}

.fa.fa-file-picture-o, .fa-file-picture-o.glyphicon, label.fa-file-picture-o[for*=geschlecht]:before, #main-navigation .fa-file-picture-o.expand, #main-navigation .hassubnav > a.fa-file-picture-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-picture-o:before, .fa-file-picture-o.glyphicon:before, label.fa-file-picture-o[for*=geschlecht]:before, #main-navigation .fa-file-picture-o.expand:before, #main-navigation .hassubnav > a.fa-file-picture-o:before {
  content: "\f1c5";
}

.fa.fa-file-archive-o, .fa-file-archive-o.glyphicon, label.fa-file-archive-o[for*=geschlecht]:before, #main-navigation .fa-file-archive-o.expand, #main-navigation .hassubnav > a.fa-file-archive-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-archive-o:before, .fa-file-archive-o.glyphicon:before, label.fa-file-archive-o[for*=geschlecht]:before, #main-navigation .fa-file-archive-o.expand:before, #main-navigation .hassubnav > a.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa.fa-file-zip-o, .fa-file-zip-o.glyphicon, label.fa-file-zip-o[for*=geschlecht]:before, #main-navigation .fa-file-zip-o.expand, #main-navigation .hassubnav > a.fa-file-zip-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-zip-o:before, .fa-file-zip-o.glyphicon:before, label.fa-file-zip-o[for*=geschlecht]:before, #main-navigation .fa-file-zip-o.expand:before, #main-navigation .hassubnav > a.fa-file-zip-o:before {
  content: "\f1c6";
}

.fa.fa-file-audio-o, .fa-file-audio-o.glyphicon, label.fa-file-audio-o[for*=geschlecht]:before, #main-navigation .fa-file-audio-o.expand, #main-navigation .hassubnav > a.fa-file-audio-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-audio-o:before, .fa-file-audio-o.glyphicon:before, label.fa-file-audio-o[for*=geschlecht]:before, #main-navigation .fa-file-audio-o.expand:before, #main-navigation .hassubnav > a.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa.fa-file-sound-o, .fa-file-sound-o.glyphicon, label.fa-file-sound-o[for*=geschlecht]:before, #main-navigation .fa-file-sound-o.expand, #main-navigation .hassubnav > a.fa-file-sound-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-sound-o:before, .fa-file-sound-o.glyphicon:before, label.fa-file-sound-o[for*=geschlecht]:before, #main-navigation .fa-file-sound-o.expand:before, #main-navigation .hassubnav > a.fa-file-sound-o:before {
  content: "\f1c7";
}

.fa.fa-file-video-o, .fa-file-video-o.glyphicon, label.fa-file-video-o[for*=geschlecht]:before, #main-navigation .fa-file-video-o.expand, #main-navigation .hassubnav > a.fa-file-video-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-video-o:before, .fa-file-video-o.glyphicon:before, label.fa-file-video-o[for*=geschlecht]:before, #main-navigation .fa-file-video-o.expand:before, #main-navigation .hassubnav > a.fa-file-video-o:before {
  content: "\f1c8";
}

.fa.fa-file-movie-o, .fa-file-movie-o.glyphicon, label.fa-file-movie-o[for*=geschlecht]:before, #main-navigation .fa-file-movie-o.expand, #main-navigation .hassubnav > a.fa-file-movie-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-movie-o:before, .fa-file-movie-o.glyphicon:before, label.fa-file-movie-o[for*=geschlecht]:before, #main-navigation .fa-file-movie-o.expand:before, #main-navigation .hassubnav > a.fa-file-movie-o:before {
  content: "\f1c8";
}

.fa.fa-file-code-o, .fa-file-code-o.glyphicon, label.fa-file-code-o[for*=geschlecht]:before, #main-navigation .fa-file-code-o.expand, #main-navigation .hassubnav > a.fa-file-code-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-file-code-o:before, .fa-file-code-o.glyphicon:before, label.fa-file-code-o[for*=geschlecht]:before, #main-navigation .fa-file-code-o.expand:before, #main-navigation .hassubnav > a.fa-file-code-o:before {
  content: "\f1c9";
}

.fa.fa-vine, .fa-vine.glyphicon, label.fa-vine[for*=geschlecht]:before, #main-navigation .fa-vine.expand, #main-navigation .hassubnav > a.fa-vine:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-codepen, .fa-codepen.glyphicon, label.fa-codepen[for*=geschlecht]:before, #main-navigation .fa-codepen.expand, #main-navigation .hassubnav > a.fa-codepen:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-jsfiddle, .fa-jsfiddle.glyphicon, label.fa-jsfiddle[for*=geschlecht]:before, #main-navigation .fa-jsfiddle.expand, #main-navigation .hassubnav > a.fa-jsfiddle:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-life-ring, .fa-life-ring.glyphicon, label.fa-life-ring[for*=geschlecht]:before, #main-navigation .fa-life-ring.expand, #main-navigation .hassubnav > a.fa-life-ring:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-life-bouy, .fa-life-bouy.glyphicon, label.fa-life-bouy[for*=geschlecht]:before, #main-navigation .fa-life-bouy.expand, #main-navigation .hassubnav > a.fa-life-bouy:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-life-bouy:before, .fa-life-bouy.glyphicon:before, label.fa-life-bouy[for*=geschlecht]:before, #main-navigation .fa-life-bouy.expand:before, #main-navigation .hassubnav > a.fa-life-bouy:before {
  content: "\f1cd";
}

.fa.fa-life-buoy, .fa-life-buoy.glyphicon, label.fa-life-buoy[for*=geschlecht]:before, #main-navigation .fa-life-buoy.expand, #main-navigation .hassubnav > a.fa-life-buoy:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-life-buoy:before, .fa-life-buoy.glyphicon:before, label.fa-life-buoy[for*=geschlecht]:before, #main-navigation .fa-life-buoy.expand:before, #main-navigation .hassubnav > a.fa-life-buoy:before {
  content: "\f1cd";
}

.fa.fa-life-saver, .fa-life-saver.glyphicon, label.fa-life-saver[for*=geschlecht]:before, #main-navigation .fa-life-saver.expand, #main-navigation .hassubnav > a.fa-life-saver:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-life-saver:before, .fa-life-saver.glyphicon:before, label.fa-life-saver[for*=geschlecht]:before, #main-navigation .fa-life-saver.expand:before, #main-navigation .hassubnav > a.fa-life-saver:before {
  content: "\f1cd";
}

.fa.fa-support, .fa-support.glyphicon, label.fa-support[for*=geschlecht]:before, #main-navigation .fa-support.expand, #main-navigation .hassubnav > a.fa-support:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-support:before, .fa-support.glyphicon:before, label.fa-support[for*=geschlecht]:before, #main-navigation .fa-support.expand:before, #main-navigation .hassubnav > a.fa-support:before {
  content: "\f1cd";
}

.fa.fa-circle-o-notch:before, .fa-circle-o-notch.glyphicon:before, label.fa-circle-o-notch[for*=geschlecht]:before, #main-navigation .fa-circle-o-notch.expand:before, #main-navigation .hassubnav > a.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa.fa-rebel, .fa-rebel.glyphicon, label.fa-rebel[for*=geschlecht]:before, #main-navigation .fa-rebel.expand, #main-navigation .hassubnav > a.fa-rebel:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ra, .fa-ra.glyphicon, label.fa-ra[for*=geschlecht]:before, #main-navigation .fa-ra.expand, #main-navigation .hassubnav > a.fa-ra:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ra:before, .fa-ra.glyphicon:before, label.fa-ra[for*=geschlecht]:before, #main-navigation .fa-ra.expand:before, #main-navigation .hassubnav > a.fa-ra:before {
  content: "\f1d0";
}

.fa.fa-resistance, .fa-resistance.glyphicon, label.fa-resistance[for*=geschlecht]:before, #main-navigation .fa-resistance.expand, #main-navigation .hassubnav > a.fa-resistance:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-resistance:before, .fa-resistance.glyphicon:before, label.fa-resistance[for*=geschlecht]:before, #main-navigation .fa-resistance.expand:before, #main-navigation .hassubnav > a.fa-resistance:before {
  content: "\f1d0";
}

.fa.fa-empire, .fa-empire.glyphicon, label.fa-empire[for*=geschlecht]:before, #main-navigation .fa-empire.expand, #main-navigation .hassubnav > a.fa-empire:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ge, .fa-ge.glyphicon, label.fa-ge[for*=geschlecht]:before, #main-navigation .fa-ge.expand, #main-navigation .hassubnav > a.fa-ge:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ge:before, .fa-ge.glyphicon:before, label.fa-ge[for*=geschlecht]:before, #main-navigation .fa-ge.expand:before, #main-navigation .hassubnav > a.fa-ge:before {
  content: "\f1d1";
}

.fa.fa-git-square, .fa-git-square.glyphicon, label.fa-git-square[for*=geschlecht]:before, #main-navigation .fa-git-square.expand, #main-navigation .hassubnav > a.fa-git-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-git, .fa-git.glyphicon, label.fa-git[for*=geschlecht]:before, #main-navigation .fa-git.expand, #main-navigation .hassubnav > a.fa-git:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-hacker-news, .fa-hacker-news.glyphicon, label.fa-hacker-news[for*=geschlecht]:before, #main-navigation .fa-hacker-news.expand, #main-navigation .hassubnav > a.fa-hacker-news:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square, .fa-y-combinator-square.glyphicon, label.fa-y-combinator-square[for*=geschlecht]:before, #main-navigation .fa-y-combinator-square.expand, #main-navigation .hassubnav > a.fa-y-combinator-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square:before, .fa-y-combinator-square.glyphicon:before, label.fa-y-combinator-square[for*=geschlecht]:before, #main-navigation .fa-y-combinator-square.expand:before, #main-navigation .hassubnav > a.fa-y-combinator-square:before {
  content: "\f1d4";
}

.fa.fa-yc-square, .fa-yc-square.glyphicon, label.fa-yc-square[for*=geschlecht]:before, #main-navigation .fa-yc-square.expand, #main-navigation .hassubnav > a.fa-yc-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-yc-square:before, .fa-yc-square.glyphicon:before, label.fa-yc-square[for*=geschlecht]:before, #main-navigation .fa-yc-square.expand:before, #main-navigation .hassubnav > a.fa-yc-square:before {
  content: "\f1d4";
}

.fa.fa-tencent-weibo, .fa-tencent-weibo.glyphicon, label.fa-tencent-weibo[for*=geschlecht]:before, #main-navigation .fa-tencent-weibo.expand, #main-navigation .hassubnav > a.fa-tencent-weibo:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-qq, .fa-qq.glyphicon, label.fa-qq[for*=geschlecht]:before, #main-navigation .fa-qq.expand, #main-navigation .hassubnav > a.fa-qq:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-weixin, .fa-weixin.glyphicon, label.fa-weixin[for*=geschlecht]:before, #main-navigation .fa-weixin.expand, #main-navigation .hassubnav > a.fa-weixin:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wechat, .fa-wechat.glyphicon, label.fa-wechat[for*=geschlecht]:before, #main-navigation .fa-wechat.expand, #main-navigation .hassubnav > a.fa-wechat:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wechat:before, .fa-wechat.glyphicon:before, label.fa-wechat[for*=geschlecht]:before, #main-navigation .fa-wechat.expand:before, #main-navigation .hassubnav > a.fa-wechat:before {
  content: "\f1d7";
}

.fa.fa-send:before, .fa-send.glyphicon:before, label.fa-send[for*=geschlecht]:before, #main-navigation .fa-send.expand:before, #main-navigation .hassubnav > a.fa-send:before {
  content: "\f1d8";
}

.fa.fa-paper-plane-o, .fa-paper-plane-o.glyphicon, label.fa-paper-plane-o[for*=geschlecht]:before, #main-navigation .fa-paper-plane-o.expand, #main-navigation .hassubnav > a.fa-paper-plane-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-paper-plane-o:before, .fa-paper-plane-o.glyphicon:before, label.fa-paper-plane-o[for*=geschlecht]:before, #main-navigation .fa-paper-plane-o.expand:before, #main-navigation .hassubnav > a.fa-paper-plane-o:before {
  content: "\f1d8";
}

.fa.fa-send-o, .fa-send-o.glyphicon, label.fa-send-o[for*=geschlecht]:before, #main-navigation .fa-send-o.expand, #main-navigation .hassubnav > a.fa-send-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-send-o:before, .fa-send-o.glyphicon:before, label.fa-send-o[for*=geschlecht]:before, #main-navigation .fa-send-o.expand:before, #main-navigation .hassubnav > a.fa-send-o:before {
  content: "\f1d8";
}

.fa.fa-circle-thin, .fa-circle-thin.glyphicon, label.fa-circle-thin[for*=geschlecht]:before, #main-navigation .fa-circle-thin.expand, #main-navigation .hassubnav > a.fa-circle-thin:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-circle-thin:before, .fa-circle-thin.glyphicon:before, label.fa-circle-thin[for*=geschlecht]:before, #main-navigation .fa-circle-thin.expand:before, #main-navigation .hassubnav > a.fa-circle-thin:before {
  content: "\f111";
}

.fa.fa-header:before, .fa-header.glyphicon:before, label.fa-header[for*=geschlecht]:before, #main-navigation .fa-header.expand:before, #main-navigation .hassubnav > a.fa-header:before {
  content: "\f1dc";
}

.fa.fa-sliders:before, .fa-sliders.glyphicon:before, label.fa-sliders[for*=geschlecht]:before, #main-navigation .fa-sliders.expand:before, #main-navigation .hassubnav > a.fa-sliders:before {
  content: "\f1de";
}

.fa.fa-futbol-o, .fa-futbol-o.glyphicon, label.fa-futbol-o[for*=geschlecht]:before, #main-navigation .fa-futbol-o.expand, #main-navigation .hassubnav > a.fa-futbol-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-futbol-o:before, .fa-futbol-o.glyphicon:before, label.fa-futbol-o[for*=geschlecht]:before, #main-navigation .fa-futbol-o.expand:before, #main-navigation .hassubnav > a.fa-futbol-o:before {
  content: "\f1e3";
}

.fa.fa-soccer-ball-o, .fa-soccer-ball-o.glyphicon, label.fa-soccer-ball-o[for*=geschlecht]:before, #main-navigation .fa-soccer-ball-o.expand, #main-navigation .hassubnav > a.fa-soccer-ball-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-soccer-ball-o:before, .fa-soccer-ball-o.glyphicon:before, label.fa-soccer-ball-o[for*=geschlecht]:before, #main-navigation .fa-soccer-ball-o.expand:before, #main-navigation .hassubnav > a.fa-soccer-ball-o:before {
  content: "\f1e3";
}

.fa.fa-slideshare, .fa-slideshare.glyphicon, label.fa-slideshare[for*=geschlecht]:before, #main-navigation .fa-slideshare.expand, #main-navigation .hassubnav > a.fa-slideshare:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-twitch, .fa-twitch.glyphicon, label.fa-twitch[for*=geschlecht]:before, #main-navigation .fa-twitch.expand, #main-navigation .hassubnav > a.fa-twitch:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-yelp, .fa-yelp.glyphicon, label.fa-yelp[for*=geschlecht]:before, #main-navigation .fa-yelp.expand, #main-navigation .hassubnav > a.fa-yelp:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-newspaper-o, .fa-newspaper-o.glyphicon, label.fa-newspaper-o[for*=geschlecht]:before, #main-navigation .fa-newspaper-o.expand, #main-navigation .hassubnav > a.fa-newspaper-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-newspaper-o:before, .fa-newspaper-o.glyphicon:before, label.fa-newspaper-o[for*=geschlecht]:before, #main-navigation .fa-newspaper-o.expand:before, #main-navigation .hassubnav > a.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa.fa-paypal, .fa-paypal.glyphicon, label.fa-paypal[for*=geschlecht]:before, #main-navigation .fa-paypal.expand, #main-navigation .hassubnav > a.fa-paypal:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-wallet, .fa-google-wallet.glyphicon, label.fa-google-wallet[for*=geschlecht]:before, #main-navigation .fa-google-wallet.expand, #main-navigation .hassubnav > a.fa-google-wallet:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-visa, .fa-cc-visa.glyphicon, label.fa-cc-visa[for*=geschlecht]:before, #main-navigation .fa-cc-visa.expand, #main-navigation .hassubnav > a.fa-cc-visa:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-mastercard, .fa-cc-mastercard.glyphicon, label.fa-cc-mastercard[for*=geschlecht]:before, #main-navigation .fa-cc-mastercard.expand, #main-navigation .hassubnav > a.fa-cc-mastercard:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-discover, .fa-cc-discover.glyphicon, label.fa-cc-discover[for*=geschlecht]:before, #main-navigation .fa-cc-discover.expand, #main-navigation .hassubnav > a.fa-cc-discover:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-amex, .fa-cc-amex.glyphicon, label.fa-cc-amex[for*=geschlecht]:before, #main-navigation .fa-cc-amex.expand, #main-navigation .hassubnav > a.fa-cc-amex:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-paypal, .fa-cc-paypal.glyphicon, label.fa-cc-paypal[for*=geschlecht]:before, #main-navigation .fa-cc-paypal.expand, #main-navigation .hassubnav > a.fa-cc-paypal:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-stripe, .fa-cc-stripe.glyphicon, label.fa-cc-stripe[for*=geschlecht]:before, #main-navigation .fa-cc-stripe.expand, #main-navigation .hassubnav > a.fa-cc-stripe:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bell-slash-o, .fa-bell-slash-o.glyphicon, label.fa-bell-slash-o[for*=geschlecht]:before, #main-navigation .fa-bell-slash-o.expand, #main-navigation .hassubnav > a.fa-bell-slash-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-bell-slash-o:before, .fa-bell-slash-o.glyphicon:before, label.fa-bell-slash-o[for*=geschlecht]:before, #main-navigation .fa-bell-slash-o.expand:before, #main-navigation .hassubnav > a.fa-bell-slash-o:before {
  content: "\f1f6";
}

.fa.fa-trash:before, .fa-trash.glyphicon:before, label.fa-trash[for*=geschlecht]:before, #main-navigation .fa-trash.expand:before, #main-navigation .hassubnav > a.fa-trash:before {
  content: "\f2ed";
}

.fa.fa-copyright, .fa-copyright.glyphicon, label.fa-copyright[for*=geschlecht]:before, #main-navigation .fa-copyright.expand, #main-navigation .hassubnav > a.fa-copyright:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-eyedropper:before, .fa-eyedropper.glyphicon:before, label.fa-eyedropper[for*=geschlecht]:before, #main-navigation .fa-eyedropper.expand:before, #main-navigation .hassubnav > a.fa-eyedropper:before {
  content: "\f1fb";
}

.fa.fa-area-chart:before, .fa-area-chart.glyphicon:before, label.fa-area-chart[for*=geschlecht]:before, #main-navigation .fa-area-chart.expand:before, #main-navigation .hassubnav > a.fa-area-chart:before {
  content: "\f1fe";
}

.fa.fa-pie-chart:before, .fa-pie-chart.glyphicon:before, label.fa-pie-chart[for*=geschlecht]:before, #main-navigation .fa-pie-chart.expand:before, #main-navigation .hassubnav > a.fa-pie-chart:before {
  content: "\f200";
}

.fa.fa-line-chart:before, .fa-line-chart.glyphicon:before, label.fa-line-chart[for*=geschlecht]:before, #main-navigation .fa-line-chart.expand:before, #main-navigation .hassubnav > a.fa-line-chart:before {
  content: "\f201";
}

.fa.fa-lastfm, .fa-lastfm.glyphicon, label.fa-lastfm[for*=geschlecht]:before, #main-navigation .fa-lastfm.expand, #main-navigation .hassubnav > a.fa-lastfm:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square, .fa-lastfm-square.glyphicon, label.fa-lastfm-square[for*=geschlecht]:before, #main-navigation .fa-lastfm-square.expand, #main-navigation .hassubnav > a.fa-lastfm-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ioxhost, .fa-ioxhost.glyphicon, label.fa-ioxhost[for*=geschlecht]:before, #main-navigation .fa-ioxhost.expand, #main-navigation .hassubnav > a.fa-ioxhost:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-angellist, .fa-angellist.glyphicon, label.fa-angellist[for*=geschlecht]:before, #main-navigation .fa-angellist.expand, #main-navigation .hassubnav > a.fa-angellist:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc, .fa-cc.glyphicon, label.fa-cc[for*=geschlecht]:before, #main-navigation .fa-cc.expand, #main-navigation .hassubnav > a.fa-cc:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-cc:before, .fa-cc.glyphicon:before, label.fa-cc[for*=geschlecht]:before, #main-navigation .fa-cc.expand:before, #main-navigation .hassubnav > a.fa-cc:before {
  content: "\f20a";
}

.fa.fa-ils:before, .fa-ils.glyphicon:before, label.fa-ils[for*=geschlecht]:before, #main-navigation .fa-ils.expand:before, #main-navigation .hassubnav > a.fa-ils:before {
  content: "\f20b";
}

.fa.fa-shekel:before, .fa-shekel.glyphicon:before, label.fa-shekel[for*=geschlecht]:before, #main-navigation .fa-shekel.expand:before, #main-navigation .hassubnav > a.fa-shekel:before {
  content: "\f20b";
}

.fa.fa-sheqel:before, .fa-sheqel.glyphicon:before, label.fa-sheqel[for*=geschlecht]:before, #main-navigation .fa-sheqel.expand:before, #main-navigation .hassubnav > a.fa-sheqel:before {
  content: "\f20b";
}

.fa.fa-meanpath, .fa-meanpath.glyphicon, label.fa-meanpath[for*=geschlecht]:before, #main-navigation .fa-meanpath.expand, #main-navigation .hassubnav > a.fa-meanpath:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-meanpath:before, .fa-meanpath.glyphicon:before, label.fa-meanpath[for*=geschlecht]:before, #main-navigation .fa-meanpath.expand:before, #main-navigation .hassubnav > a.fa-meanpath:before {
  content: "\f2b4";
}

.fa.fa-buysellads, .fa-buysellads.glyphicon, label.fa-buysellads[for*=geschlecht]:before, #main-navigation .fa-buysellads.expand, #main-navigation .hassubnav > a.fa-buysellads:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-connectdevelop, .fa-connectdevelop.glyphicon, label.fa-connectdevelop[for*=geschlecht]:before, #main-navigation .fa-connectdevelop.expand, #main-navigation .hassubnav > a.fa-connectdevelop:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-dashcube, .fa-dashcube.glyphicon, label.fa-dashcube[for*=geschlecht]:before, #main-navigation .fa-dashcube.expand, #main-navigation .hassubnav > a.fa-dashcube:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-forumbee, .fa-forumbee.glyphicon, label.fa-forumbee[for*=geschlecht]:before, #main-navigation .fa-forumbee.expand, #main-navigation .hassubnav > a.fa-forumbee:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-leanpub, .fa-leanpub.glyphicon, label.fa-leanpub[for*=geschlecht]:before, #main-navigation .fa-leanpub.expand, #main-navigation .hassubnav > a.fa-leanpub:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-sellsy, .fa-sellsy.glyphicon, label.fa-sellsy[for*=geschlecht]:before, #main-navigation .fa-sellsy.expand, #main-navigation .hassubnav > a.fa-sellsy:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-shirtsinbulk, .fa-shirtsinbulk.glyphicon, label.fa-shirtsinbulk[for*=geschlecht]:before, #main-navigation .fa-shirtsinbulk.expand, #main-navigation .hassubnav > a.fa-shirtsinbulk:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-simplybuilt, .fa-simplybuilt.glyphicon, label.fa-simplybuilt[for*=geschlecht]:before, #main-navigation .fa-simplybuilt.expand, #main-navigation .hassubnav > a.fa-simplybuilt:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-skyatlas, .fa-skyatlas.glyphicon, label.fa-skyatlas[for*=geschlecht]:before, #main-navigation .fa-skyatlas.expand, #main-navigation .hassubnav > a.fa-skyatlas:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-diamond, .fa-diamond.glyphicon, label.fa-diamond[for*=geschlecht]:before, #main-navigation .fa-diamond.expand, #main-navigation .hassubnav > a.fa-diamond:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-diamond:before, .fa-diamond.glyphicon:before, label.fa-diamond[for*=geschlecht]:before, #main-navigation .fa-diamond.expand:before, #main-navigation .hassubnav > a.fa-diamond:before {
  content: "\f3a5";
}

.fa.fa-intersex:before, .fa-intersex.glyphicon:before, label.fa-intersex[for*=geschlecht]:before, #main-navigation .fa-intersex.expand:before, #main-navigation .hassubnav > a.fa-intersex:before {
  content: "\f224";
}

.fa.fa-facebook-official, .fa-facebook-official.glyphicon, label.fa-facebook-official[for*=geschlecht]:before, #main-navigation .fa-facebook-official.expand, #main-navigation .hassubnav > a.fa-facebook-official:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-facebook-official:before, .fa-facebook-official.glyphicon:before, label.fa-facebook-official[for*=geschlecht]:before, #main-navigation .fa-facebook-official.expand:before, #main-navigation .hassubnav > a.fa-facebook-official:before {
  content: "\f09a";
}

.fa.fa-pinterest-p, .fa-pinterest-p.glyphicon, label.fa-pinterest-p[for*=geschlecht]:before, #main-navigation .fa-pinterest-p.expand, #main-navigation .hassubnav > a.fa-pinterest-p:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-whatsapp, .fa-whatsapp.glyphicon, label.fa-whatsapp[for*=geschlecht]:before, #main-navigation .fa-whatsapp.expand, #main-navigation .hassubnav > a.fa-whatsapp:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-hotel:before, .fa-hotel.glyphicon:before, label.fa-hotel[for*=geschlecht]:before, #main-navigation .fa-hotel.expand:before, #main-navigation .hassubnav > a.fa-hotel:before {
  content: "\f236";
}

.fa.fa-viacoin, .fa-viacoin.glyphicon, label.fa-viacoin[for*=geschlecht]:before, #main-navigation .fa-viacoin.expand, #main-navigation .hassubnav > a.fa-viacoin:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-medium, .fa-medium.glyphicon, label.fa-medium[for*=geschlecht]:before, #main-navigation .fa-medium.expand, #main-navigation .hassubnav > a.fa-medium:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator, .fa-y-combinator.glyphicon, label.fa-y-combinator[for*=geschlecht]:before, #main-navigation .fa-y-combinator.expand, #main-navigation .hassubnav > a.fa-y-combinator:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-yc, .fa-yc.glyphicon, label.fa-yc[for*=geschlecht]:before, #main-navigation .fa-yc.expand, #main-navigation .hassubnav > a.fa-yc:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-yc:before, .fa-yc.glyphicon:before, label.fa-yc[for*=geschlecht]:before, #main-navigation .fa-yc.expand:before, #main-navigation .hassubnav > a.fa-yc:before {
  content: "\f23b";
}

.fa.fa-optin-monster, .fa-optin-monster.glyphicon, label.fa-optin-monster[for*=geschlecht]:before, #main-navigation .fa-optin-monster.expand, #main-navigation .hassubnav > a.fa-optin-monster:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-opencart, .fa-opencart.glyphicon, label.fa-opencart[for*=geschlecht]:before, #main-navigation .fa-opencart.expand, #main-navigation .hassubnav > a.fa-opencart:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-expeditedssl, .fa-expeditedssl.glyphicon, label.fa-expeditedssl[for*=geschlecht]:before, #main-navigation .fa-expeditedssl.expand, #main-navigation .hassubnav > a.fa-expeditedssl:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-battery-4:before, .fa-battery-4.glyphicon:before, label.fa-battery-4[for*=geschlecht]:before, #main-navigation .fa-battery-4.expand:before, #main-navigation .hassubnav > a.fa-battery-4:before {
  content: "\f240";
}

.fa.fa-battery:before, .fa-battery.glyphicon:before, label.fa-battery[for*=geschlecht]:before, #main-navigation .fa-battery.expand:before, #main-navigation .hassubnav > a.fa-battery:before {
  content: "\f240";
}

.fa.fa-battery-3:before, .fa-battery-3.glyphicon:before, label.fa-battery-3[for*=geschlecht]:before, #main-navigation .fa-battery-3.expand:before, #main-navigation .hassubnav > a.fa-battery-3:before {
  content: "\f241";
}

.fa.fa-battery-2:before, .fa-battery-2.glyphicon:before, label.fa-battery-2[for*=geschlecht]:before, #main-navigation .fa-battery-2.expand:before, #main-navigation .hassubnav > a.fa-battery-2:before {
  content: "\f242";
}

.fa.fa-battery-1:before, .fa-battery-1.glyphicon:before, label.fa-battery-1[for*=geschlecht]:before, #main-navigation .fa-battery-1.expand:before, #main-navigation .hassubnav > a.fa-battery-1:before {
  content: "\f243";
}

.fa.fa-battery-0:before, .fa-battery-0.glyphicon:before, label.fa-battery-0[for*=geschlecht]:before, #main-navigation .fa-battery-0.expand:before, #main-navigation .hassubnav > a.fa-battery-0:before {
  content: "\f244";
}

.fa.fa-object-group, .fa-object-group.glyphicon, label.fa-object-group[for*=geschlecht]:before, #main-navigation .fa-object-group.expand, #main-navigation .hassubnav > a.fa-object-group:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-object-ungroup, .fa-object-ungroup.glyphicon, label.fa-object-ungroup[for*=geschlecht]:before, #main-navigation .fa-object-ungroup.expand, #main-navigation .hassubnav > a.fa-object-ungroup:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o, .fa-sticky-note-o.glyphicon, label.fa-sticky-note-o[for*=geschlecht]:before, #main-navigation .fa-sticky-note-o.expand, #main-navigation .hassubnav > a.fa-sticky-note-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o:before, .fa-sticky-note-o.glyphicon:before, label.fa-sticky-note-o[for*=geschlecht]:before, #main-navigation .fa-sticky-note-o.expand:before, #main-navigation .hassubnav > a.fa-sticky-note-o:before {
  content: "\f249";
}

.fa.fa-cc-jcb, .fa-cc-jcb.glyphicon, label.fa-cc-jcb[for*=geschlecht]:before, #main-navigation .fa-cc-jcb.expand, #main-navigation .hassubnav > a.fa-cc-jcb:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cc-diners-club, .fa-cc-diners-club.glyphicon, label.fa-cc-diners-club[for*=geschlecht]:before, #main-navigation .fa-cc-diners-club.expand, #main-navigation .hassubnav > a.fa-cc-diners-club:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-clone, .fa-clone.glyphicon, label.fa-clone[for*=geschlecht]:before, #main-navigation .fa-clone.expand, #main-navigation .hassubnav > a.fa-clone:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hourglass-o, .fa-hourglass-o.glyphicon, label.fa-hourglass-o[for*=geschlecht]:before, #main-navigation .fa-hourglass-o.expand, #main-navigation .hassubnav > a.fa-hourglass-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hourglass-o:before, .fa-hourglass-o.glyphicon:before, label.fa-hourglass-o[for*=geschlecht]:before, #main-navigation .fa-hourglass-o.expand:before, #main-navigation .hassubnav > a.fa-hourglass-o:before {
  content: "\f254";
}

.fa.fa-hourglass-1:before, .fa-hourglass-1.glyphicon:before, label.fa-hourglass-1[for*=geschlecht]:before, #main-navigation .fa-hourglass-1.expand:before, #main-navigation .hassubnav > a.fa-hourglass-1:before {
  content: "\f251";
}

.fa.fa-hourglass-2:before, .fa-hourglass-2.glyphicon:before, label.fa-hourglass-2[for*=geschlecht]:before, #main-navigation .fa-hourglass-2.expand:before, #main-navigation .hassubnav > a.fa-hourglass-2:before {
  content: "\f252";
}

.fa.fa-hourglass-3:before, .fa-hourglass-3.glyphicon:before, label.fa-hourglass-3[for*=geschlecht]:before, #main-navigation .fa-hourglass-3.expand:before, #main-navigation .hassubnav > a.fa-hourglass-3:before {
  content: "\f253";
}

.fa.fa-hand-rock-o, .fa-hand-rock-o.glyphicon, label.fa-hand-rock-o[for*=geschlecht]:before, #main-navigation .fa-hand-rock-o.expand, #main-navigation .hassubnav > a.fa-hand-rock-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-rock-o:before, .fa-hand-rock-o.glyphicon:before, label.fa-hand-rock-o[for*=geschlecht]:before, #main-navigation .fa-hand-rock-o.expand:before, #main-navigation .hassubnav > a.fa-hand-rock-o:before {
  content: "\f255";
}

.fa.fa-hand-grab-o, .fa-hand-grab-o.glyphicon, label.fa-hand-grab-o[for*=geschlecht]:before, #main-navigation .fa-hand-grab-o.expand, #main-navigation .hassubnav > a.fa-hand-grab-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-grab-o:before, .fa-hand-grab-o.glyphicon:before, label.fa-hand-grab-o[for*=geschlecht]:before, #main-navigation .fa-hand-grab-o.expand:before, #main-navigation .hassubnav > a.fa-hand-grab-o:before {
  content: "\f255";
}

.fa.fa-hand-paper-o, .fa-hand-paper-o.glyphicon, label.fa-hand-paper-o[for*=geschlecht]:before, #main-navigation .fa-hand-paper-o.expand, #main-navigation .hassubnav > a.fa-hand-paper-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-paper-o:before, .fa-hand-paper-o.glyphicon:before, label.fa-hand-paper-o[for*=geschlecht]:before, #main-navigation .fa-hand-paper-o.expand:before, #main-navigation .hassubnav > a.fa-hand-paper-o:before {
  content: "\f256";
}

.fa.fa-hand-stop-o, .fa-hand-stop-o.glyphicon, label.fa-hand-stop-o[for*=geschlecht]:before, #main-navigation .fa-hand-stop-o.expand, #main-navigation .hassubnav > a.fa-hand-stop-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-stop-o:before, .fa-hand-stop-o.glyphicon:before, label.fa-hand-stop-o[for*=geschlecht]:before, #main-navigation .fa-hand-stop-o.expand:before, #main-navigation .hassubnav > a.fa-hand-stop-o:before {
  content: "\f256";
}

.fa.fa-hand-scissors-o, .fa-hand-scissors-o.glyphicon, label.fa-hand-scissors-o[for*=geschlecht]:before, #main-navigation .fa-hand-scissors-o.expand, #main-navigation .hassubnav > a.fa-hand-scissors-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-scissors-o:before, .fa-hand-scissors-o.glyphicon:before, label.fa-hand-scissors-o[for*=geschlecht]:before, #main-navigation .fa-hand-scissors-o.expand:before, #main-navigation .hassubnav > a.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa.fa-hand-lizard-o, .fa-hand-lizard-o.glyphicon, label.fa-hand-lizard-o[for*=geschlecht]:before, #main-navigation .fa-hand-lizard-o.expand, #main-navigation .hassubnav > a.fa-hand-lizard-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-lizard-o:before, .fa-hand-lizard-o.glyphicon:before, label.fa-hand-lizard-o[for*=geschlecht]:before, #main-navigation .fa-hand-lizard-o.expand:before, #main-navigation .hassubnav > a.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa.fa-hand-spock-o, .fa-hand-spock-o.glyphicon, label.fa-hand-spock-o[for*=geschlecht]:before, #main-navigation .fa-hand-spock-o.expand, #main-navigation .hassubnav > a.fa-hand-spock-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-spock-o:before, .fa-hand-spock-o.glyphicon:before, label.fa-hand-spock-o[for*=geschlecht]:before, #main-navigation .fa-hand-spock-o.expand:before, #main-navigation .hassubnav > a.fa-hand-spock-o:before {
  content: "\f259";
}

.fa.fa-hand-pointer-o, .fa-hand-pointer-o.glyphicon, label.fa-hand-pointer-o[for*=geschlecht]:before, #main-navigation .fa-hand-pointer-o.expand, #main-navigation .hassubnav > a.fa-hand-pointer-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-pointer-o:before, .fa-hand-pointer-o.glyphicon:before, label.fa-hand-pointer-o[for*=geschlecht]:before, #main-navigation .fa-hand-pointer-o.expand:before, #main-navigation .hassubnav > a.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa.fa-hand-peace-o, .fa-hand-peace-o.glyphicon, label.fa-hand-peace-o[for*=geschlecht]:before, #main-navigation .fa-hand-peace-o.expand, #main-navigation .hassubnav > a.fa-hand-peace-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-hand-peace-o:before, .fa-hand-peace-o.glyphicon:before, label.fa-hand-peace-o[for*=geschlecht]:before, #main-navigation .fa-hand-peace-o.expand:before, #main-navigation .hassubnav > a.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa.fa-registered, .fa-registered.glyphicon, label.fa-registered[for*=geschlecht]:before, #main-navigation .fa-registered.expand, #main-navigation .hassubnav > a.fa-registered:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-creative-commons, .fa-creative-commons.glyphicon, label.fa-creative-commons[for*=geschlecht]:before, #main-navigation .fa-creative-commons.expand, #main-navigation .hassubnav > a.fa-creative-commons:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gg, .fa-gg.glyphicon, label.fa-gg[for*=geschlecht]:before, #main-navigation .fa-gg.expand, #main-navigation .hassubnav > a.fa-gg:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gg-circle, .fa-gg-circle.glyphicon, label.fa-gg-circle[for*=geschlecht]:before, #main-navigation .fa-gg-circle.expand, #main-navigation .hassubnav > a.fa-gg-circle:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-tripadvisor, .fa-tripadvisor.glyphicon, label.fa-tripadvisor[for*=geschlecht]:before, #main-navigation .fa-tripadvisor.expand, #main-navigation .hassubnav > a.fa-tripadvisor:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki, .fa-odnoklassniki.glyphicon, label.fa-odnoklassniki[for*=geschlecht]:before, #main-navigation .fa-odnoklassniki.expand, #main-navigation .hassubnav > a.fa-odnoklassniki:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square, .fa-odnoklassniki-square.glyphicon, label.fa-odnoklassniki-square[for*=geschlecht]:before, #main-navigation .fa-odnoklassniki-square.expand, #main-navigation .hassubnav > a.fa-odnoklassniki-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-get-pocket, .fa-get-pocket.glyphicon, label.fa-get-pocket[for*=geschlecht]:before, #main-navigation .fa-get-pocket.expand, #main-navigation .hassubnav > a.fa-get-pocket:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wikipedia-w, .fa-wikipedia-w.glyphicon, label.fa-wikipedia-w[for*=geschlecht]:before, #main-navigation .fa-wikipedia-w.expand, #main-navigation .hassubnav > a.fa-wikipedia-w:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-safari, .fa-safari.glyphicon, label.fa-safari[for*=geschlecht]:before, #main-navigation .fa-safari.expand, #main-navigation .hassubnav > a.fa-safari:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-chrome, .fa-chrome.glyphicon, label.fa-chrome[for*=geschlecht]:before, #main-navigation .fa-chrome.expand, #main-navigation .hassubnav > a.fa-chrome:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-firefox, .fa-firefox.glyphicon, label.fa-firefox[for*=geschlecht]:before, #main-navigation .fa-firefox.expand, #main-navigation .hassubnav > a.fa-firefox:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-opera, .fa-opera.glyphicon, label.fa-opera[for*=geschlecht]:before, #main-navigation .fa-opera.expand, #main-navigation .hassubnav > a.fa-opera:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-internet-explorer, .fa-internet-explorer.glyphicon, label.fa-internet-explorer[for*=geschlecht]:before, #main-navigation .fa-internet-explorer.expand, #main-navigation .hassubnav > a.fa-internet-explorer:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-television:before, .fa-television.glyphicon:before, label.fa-television[for*=geschlecht]:before, #main-navigation .fa-television.expand:before, #main-navigation .hassubnav > a.fa-television:before {
  content: "\f26c";
}

.fa.fa-contao, .fa-contao.glyphicon, label.fa-contao[for*=geschlecht]:before, #main-navigation .fa-contao.expand, #main-navigation .hassubnav > a.fa-contao:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-500px, .fa-500px.glyphicon, label.fa-500px[for*=geschlecht]:before, #main-navigation .fa-500px.expand, #main-navigation .hassubnav > a.fa-500px:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-amazon, .fa-amazon.glyphicon, label.fa-amazon[for*=geschlecht]:before, #main-navigation .fa-amazon.expand, #main-navigation .hassubnav > a.fa-amazon:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-calendar-plus-o, .fa-calendar-plus-o.glyphicon, label.fa-calendar-plus-o[for*=geschlecht]:before, #main-navigation .fa-calendar-plus-o.expand, #main-navigation .hassubnav > a.fa-calendar-plus-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-calendar-plus-o:before, .fa-calendar-plus-o.glyphicon:before, label.fa-calendar-plus-o[for*=geschlecht]:before, #main-navigation .fa-calendar-plus-o.expand:before, #main-navigation .hassubnav > a.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa.fa-calendar-minus-o, .fa-calendar-minus-o.glyphicon, label.fa-calendar-minus-o[for*=geschlecht]:before, #main-navigation .fa-calendar-minus-o.expand, #main-navigation .hassubnav > a.fa-calendar-minus-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-calendar-minus-o:before, .fa-calendar-minus-o.glyphicon:before, label.fa-calendar-minus-o[for*=geschlecht]:before, #main-navigation .fa-calendar-minus-o.expand:before, #main-navigation .hassubnav > a.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa.fa-calendar-times-o, .fa-calendar-times-o.glyphicon, label.fa-calendar-times-o[for*=geschlecht]:before, #main-navigation .fa-calendar-times-o.expand, #main-navigation .hassubnav > a.fa-calendar-times-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-calendar-times-o:before, .fa-calendar-times-o.glyphicon:before, label.fa-calendar-times-o[for*=geschlecht]:before, #main-navigation .fa-calendar-times-o.expand:before, #main-navigation .hassubnav > a.fa-calendar-times-o:before {
  content: "\f273";
}

.fa.fa-calendar-check-o, .fa-calendar-check-o.glyphicon, label.fa-calendar-check-o[for*=geschlecht]:before, #main-navigation .fa-calendar-check-o.expand, #main-navigation .hassubnav > a.fa-calendar-check-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-calendar-check-o:before, .fa-calendar-check-o.glyphicon:before, label.fa-calendar-check-o[for*=geschlecht]:before, #main-navigation .fa-calendar-check-o.expand:before, #main-navigation .hassubnav > a.fa-calendar-check-o:before {
  content: "\f274";
}

.fa.fa-map-o, .fa-map-o.glyphicon, label.fa-map-o[for*=geschlecht]:before, #main-navigation .fa-map-o.expand, #main-navigation .hassubnav > a.fa-map-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-map-o:before, .fa-map-o.glyphicon:before, label.fa-map-o[for*=geschlecht]:before, #main-navigation .fa-map-o.expand:before, #main-navigation .hassubnav > a.fa-map-o:before {
  content: "\f279";
}

.fa.fa-commenting:before, .fa-commenting.glyphicon:before, label.fa-commenting[for*=geschlecht]:before, #main-navigation .fa-commenting.expand:before, #main-navigation .hassubnav > a.fa-commenting:before {
  content: "\f4ad";
}

.fa.fa-commenting-o, .fa-commenting-o.glyphicon, label.fa-commenting-o[for*=geschlecht]:before, #main-navigation .fa-commenting-o.expand, #main-navigation .hassubnav > a.fa-commenting-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-commenting-o:before, .fa-commenting-o.glyphicon:before, label.fa-commenting-o[for*=geschlecht]:before, #main-navigation .fa-commenting-o.expand:before, #main-navigation .hassubnav > a.fa-commenting-o:before {
  content: "\f4ad";
}

.fa.fa-houzz, .fa-houzz.glyphicon, label.fa-houzz[for*=geschlecht]:before, #main-navigation .fa-houzz.expand, #main-navigation .hassubnav > a.fa-houzz:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-vimeo, .fa-vimeo.glyphicon, label.fa-vimeo[for*=geschlecht]:before, #main-navigation .fa-vimeo.expand, #main-navigation .hassubnav > a.fa-vimeo:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-vimeo:before, .fa-vimeo.glyphicon:before, label.fa-vimeo[for*=geschlecht]:before, #main-navigation .fa-vimeo.expand:before, #main-navigation .hassubnav > a.fa-vimeo:before {
  content: "\f27d";
}

.fa.fa-black-tie, .fa-black-tie.glyphicon, label.fa-black-tie[for*=geschlecht]:before, #main-navigation .fa-black-tie.expand, #main-navigation .hassubnav > a.fa-black-tie:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-fonticons, .fa-fonticons.glyphicon, label.fa-fonticons[for*=geschlecht]:before, #main-navigation .fa-fonticons.expand, #main-navigation .hassubnav > a.fa-fonticons:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-reddit-alien, .fa-reddit-alien.glyphicon, label.fa-reddit-alien[for*=geschlecht]:before, #main-navigation .fa-reddit-alien.expand, #main-navigation .hassubnav > a.fa-reddit-alien:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-edge, .fa-edge.glyphicon, label.fa-edge[for*=geschlecht]:before, #main-navigation .fa-edge.expand, #main-navigation .hassubnav > a.fa-edge:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-credit-card-alt:before, .fa-credit-card-alt.glyphicon:before, label.fa-credit-card-alt[for*=geschlecht]:before, #main-navigation .fa-credit-card-alt.expand:before, #main-navigation .hassubnav > a.fa-credit-card-alt:before {
  content: "\f09d";
}

.fa.fa-codiepie, .fa-codiepie.glyphicon, label.fa-codiepie[for*=geschlecht]:before, #main-navigation .fa-codiepie.expand, #main-navigation .hassubnav > a.fa-codiepie:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-modx, .fa-modx.glyphicon, label.fa-modx[for*=geschlecht]:before, #main-navigation .fa-modx.expand, #main-navigation .hassubnav > a.fa-modx:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-fort-awesome, .fa-fort-awesome.glyphicon, label.fa-fort-awesome[for*=geschlecht]:before, #main-navigation .fa-fort-awesome.expand, #main-navigation .hassubnav > a.fa-fort-awesome:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-usb, .fa-usb.glyphicon, label.fa-usb[for*=geschlecht]:before, #main-navigation .fa-usb.expand, #main-navigation .hassubnav > a.fa-usb:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-product-hunt, .fa-product-hunt.glyphicon, label.fa-product-hunt[for*=geschlecht]:before, #main-navigation .fa-product-hunt.expand, #main-navigation .hassubnav > a.fa-product-hunt:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-mixcloud, .fa-mixcloud.glyphicon, label.fa-mixcloud[for*=geschlecht]:before, #main-navigation .fa-mixcloud.expand, #main-navigation .hassubnav > a.fa-mixcloud:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-scribd, .fa-scribd.glyphicon, label.fa-scribd[for*=geschlecht]:before, #main-navigation .fa-scribd.expand, #main-navigation .hassubnav > a.fa-scribd:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-pause-circle-o, .fa-pause-circle-o.glyphicon, label.fa-pause-circle-o[for*=geschlecht]:before, #main-navigation .fa-pause-circle-o.expand, #main-navigation .hassubnav > a.fa-pause-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-pause-circle-o:before, .fa-pause-circle-o.glyphicon:before, label.fa-pause-circle-o[for*=geschlecht]:before, #main-navigation .fa-pause-circle-o.expand:before, #main-navigation .hassubnav > a.fa-pause-circle-o:before {
  content: "\f28b";
}

.fa.fa-stop-circle-o, .fa-stop-circle-o.glyphicon, label.fa-stop-circle-o[for*=geschlecht]:before, #main-navigation .fa-stop-circle-o.expand, #main-navigation .hassubnav > a.fa-stop-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-stop-circle-o:before, .fa-stop-circle-o.glyphicon:before, label.fa-stop-circle-o[for*=geschlecht]:before, #main-navigation .fa-stop-circle-o.expand:before, #main-navigation .hassubnav > a.fa-stop-circle-o:before {
  content: "\f28d";
}

.fa.fa-bluetooth, .fa-bluetooth.glyphicon, label.fa-bluetooth[for*=geschlecht]:before, #main-navigation .fa-bluetooth.expand, #main-navigation .hassubnav > a.fa-bluetooth:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-bluetooth-b, .fa-bluetooth-b.glyphicon, label.fa-bluetooth-b[for*=geschlecht]:before, #main-navigation .fa-bluetooth-b.expand, #main-navigation .hassubnav > a.fa-bluetooth-b:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-gitlab, .fa-gitlab.glyphicon, label.fa-gitlab[for*=geschlecht]:before, #main-navigation .fa-gitlab.expand, #main-navigation .hassubnav > a.fa-gitlab:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wpbeginner, .fa-wpbeginner.glyphicon, label.fa-wpbeginner[for*=geschlecht]:before, #main-navigation .fa-wpbeginner.expand, #main-navigation .hassubnav > a.fa-wpbeginner:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wpforms, .fa-wpforms.glyphicon, label.fa-wpforms[for*=geschlecht]:before, #main-navigation .fa-wpforms.expand, #main-navigation .hassubnav > a.fa-wpforms:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-envira, .fa-envira.glyphicon, label.fa-envira[for*=geschlecht]:before, #main-navigation .fa-envira.expand, #main-navigation .hassubnav > a.fa-envira:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt, .fa-wheelchair-alt.glyphicon, label.fa-wheelchair-alt[for*=geschlecht]:before, #main-navigation .fa-wheelchair-alt.expand, #main-navigation .hassubnav > a.fa-wheelchair-alt:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt:before, .fa-wheelchair-alt.glyphicon:before, label.fa-wheelchair-alt[for*=geschlecht]:before, #main-navigation .fa-wheelchair-alt.expand:before, #main-navigation .hassubnav > a.fa-wheelchair-alt:before {
  content: "\f368";
}

.fa.fa-question-circle-o, .fa-question-circle-o.glyphicon, label.fa-question-circle-o[for*=geschlecht]:before, #main-navigation .fa-question-circle-o.expand, #main-navigation .hassubnav > a.fa-question-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-question-circle-o:before, .fa-question-circle-o.glyphicon:before, label.fa-question-circle-o[for*=geschlecht]:before, #main-navigation .fa-question-circle-o.expand:before, #main-navigation .hassubnav > a.fa-question-circle-o:before {
  content: "\f059";
}

.fa.fa-volume-control-phone:before, .fa-volume-control-phone.glyphicon:before, label.fa-volume-control-phone[for*=geschlecht]:before, #main-navigation .fa-volume-control-phone.expand:before, #main-navigation .hassubnav > a.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa.fa-asl-interpreting:before, .fa-asl-interpreting.glyphicon:before, label.fa-asl-interpreting[for*=geschlecht]:before, #main-navigation .fa-asl-interpreting.expand:before, #main-navigation .hassubnav > a.fa-asl-interpreting:before {
  content: "\f2a3";
}

.fa.fa-deafness:before, .fa-deafness.glyphicon:before, label.fa-deafness[for*=geschlecht]:before, #main-navigation .fa-deafness.expand:before, #main-navigation .hassubnav > a.fa-deafness:before {
  content: "\f2a4";
}

.fa.fa-hard-of-hearing:before, .fa-hard-of-hearing.glyphicon:before, label.fa-hard-of-hearing[for*=geschlecht]:before, #main-navigation .fa-hard-of-hearing.expand:before, #main-navigation .hassubnav > a.fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa.fa-glide, .fa-glide.glyphicon, label.fa-glide[for*=geschlecht]:before, #main-navigation .fa-glide.expand, #main-navigation .hassubnav > a.fa-glide:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-glide-g, .fa-glide-g.glyphicon, label.fa-glide-g[for*=geschlecht]:before, #main-navigation .fa-glide-g.expand, #main-navigation .hassubnav > a.fa-glide-g:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-signing:before, .fa-signing.glyphicon:before, label.fa-signing[for*=geschlecht]:before, #main-navigation .fa-signing.expand:before, #main-navigation .hassubnav > a.fa-signing:before {
  content: "\f2a7";
}

.fa.fa-viadeo, .fa-viadeo.glyphicon, label.fa-viadeo[for*=geschlecht]:before, #main-navigation .fa-viadeo.expand, #main-navigation .hassubnav > a.fa-viadeo:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square, .fa-viadeo-square.glyphicon, label.fa-viadeo-square[for*=geschlecht]:before, #main-navigation .fa-viadeo-square.expand, #main-navigation .hassubnav > a.fa-viadeo-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-snapchat, .fa-snapchat.glyphicon, label.fa-snapchat[for*=geschlecht]:before, #main-navigation .fa-snapchat.expand, #main-navigation .hassubnav > a.fa-snapchat:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost, .fa-snapchat-ghost.glyphicon, label.fa-snapchat-ghost[for*=geschlecht]:before, #main-navigation .fa-snapchat-ghost.expand, #main-navigation .hassubnav > a.fa-snapchat-ghost:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-square, .fa-snapchat-square.glyphicon, label.fa-snapchat-square[for*=geschlecht]:before, #main-navigation .fa-snapchat-square.expand, #main-navigation .hassubnav > a.fa-snapchat-square:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper, .fa-pied-piper.glyphicon, label.fa-pied-piper[for*=geschlecht]:before, #main-navigation .fa-pied-piper.expand, #main-navigation .hassubnav > a.fa-pied-piper:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-first-order, .fa-first-order.glyphicon, label.fa-first-order[for*=geschlecht]:before, #main-navigation .fa-first-order.expand, #main-navigation .hassubnav > a.fa-first-order:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-yoast, .fa-yoast.glyphicon, label.fa-yoast[for*=geschlecht]:before, #main-navigation .fa-yoast.expand, #main-navigation .hassubnav > a.fa-yoast:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-themeisle, .fa-themeisle.glyphicon, label.fa-themeisle[for*=geschlecht]:before, #main-navigation .fa-themeisle.expand, #main-navigation .hassubnav > a.fa-themeisle:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official, .fa-google-plus-official.glyphicon, label.fa-google-plus-official[for*=geschlecht]:before, #main-navigation .fa-google-plus-official.expand, #main-navigation .hassubnav > a.fa-google-plus-official:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official:before, .fa-google-plus-official.glyphicon:before, label.fa-google-plus-official[for*=geschlecht]:before, #main-navigation .fa-google-plus-official.expand:before, #main-navigation .hassubnav > a.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa.fa-google-plus-circle, .fa-google-plus-circle.glyphicon, label.fa-google-plus-circle[for*=geschlecht]:before, #main-navigation .fa-google-plus-circle.expand, #main-navigation .hassubnav > a.fa-google-plus-circle:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-circle:before, .fa-google-plus-circle.glyphicon:before, label.fa-google-plus-circle[for*=geschlecht]:before, #main-navigation .fa-google-plus-circle.expand:before, #main-navigation .hassubnav > a.fa-google-plus-circle:before {
  content: "\f2b3";
}

.fa.fa-font-awesome, .fa-font-awesome.glyphicon, label.fa-font-awesome[for*=geschlecht]:before, #main-navigation .fa-font-awesome.expand, #main-navigation .hassubnav > a.fa-font-awesome:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-fa, .fa-fa.glyphicon, label.fa-fa[for*=geschlecht]:before, #main-navigation .fa-fa.expand, #main-navigation .hassubnav > a.fa-fa:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-fa:before, .fa-fa.glyphicon:before, label.fa-fa[for*=geschlecht]:before, #main-navigation .fa-fa.expand:before, #main-navigation .hassubnav > a.fa-fa:before {
  content: "\f2b4";
}

.fa.fa-handshake-o, .fa-handshake-o.glyphicon, label.fa-handshake-o[for*=geschlecht]:before, #main-navigation .fa-handshake-o.expand, #main-navigation .hassubnav > a.fa-handshake-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-handshake-o:before, .fa-handshake-o.glyphicon:before, label.fa-handshake-o[for*=geschlecht]:before, #main-navigation .fa-handshake-o.expand:before, #main-navigation .hassubnav > a.fa-handshake-o:before {
  content: "\f2b5";
}

.fa.fa-envelope-open-o, .fa-envelope-open-o.glyphicon, label.fa-envelope-open-o[for*=geschlecht]:before, #main-navigation .fa-envelope-open-o.expand, #main-navigation .hassubnav > a.fa-envelope-open-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-envelope-open-o:before, .fa-envelope-open-o.glyphicon:before, label.fa-envelope-open-o[for*=geschlecht]:before, #main-navigation .fa-envelope-open-o.expand:before, #main-navigation .hassubnav > a.fa-envelope-open-o:before {
  content: "\f2b6";
}

.fa.fa-linode, .fa-linode.glyphicon, label.fa-linode[for*=geschlecht]:before, #main-navigation .fa-linode.expand, #main-navigation .hassubnav > a.fa-linode:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-address-book-o, .fa-address-book-o.glyphicon, label.fa-address-book-o[for*=geschlecht]:before, #main-navigation .fa-address-book-o.expand, #main-navigation .hassubnav > a.fa-address-book-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-address-book-o:before, .fa-address-book-o.glyphicon:before, label.fa-address-book-o[for*=geschlecht]:before, #main-navigation .fa-address-book-o.expand:before, #main-navigation .hassubnav > a.fa-address-book-o:before {
  content: "\f2b9";
}

.fa.fa-vcard:before, .fa-vcard.glyphicon:before, label.fa-vcard[for*=geschlecht]:before, #main-navigation .fa-vcard.expand:before, #main-navigation .hassubnav > a.fa-vcard:before {
  content: "\f2bb";
}

.fa.fa-address-card-o, .fa-address-card-o.glyphicon, label.fa-address-card-o[for*=geschlecht]:before, #main-navigation .fa-address-card-o.expand, #main-navigation .hassubnav > a.fa-address-card-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-address-card-o:before, .fa-address-card-o.glyphicon:before, label.fa-address-card-o[for*=geschlecht]:before, #main-navigation .fa-address-card-o.expand:before, #main-navigation .hassubnav > a.fa-address-card-o:before {
  content: "\f2bb";
}

.fa.fa-vcard-o, .fa-vcard-o.glyphicon, label.fa-vcard-o[for*=geschlecht]:before, #main-navigation .fa-vcard-o.expand, #main-navigation .hassubnav > a.fa-vcard-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-vcard-o:before, .fa-vcard-o.glyphicon:before, label.fa-vcard-o[for*=geschlecht]:before, #main-navigation .fa-vcard-o.expand:before, #main-navigation .hassubnav > a.fa-vcard-o:before {
  content: "\f2bb";
}

.fa.fa-user-circle-o, .fa-user-circle-o.glyphicon, label.fa-user-circle-o[for*=geschlecht]:before, #main-navigation .fa-user-circle-o.expand, #main-navigation .hassubnav > a.fa-user-circle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-user-circle-o:before, .fa-user-circle-o.glyphicon:before, label.fa-user-circle-o[for*=geschlecht]:before, #main-navigation .fa-user-circle-o.expand:before, #main-navigation .hassubnav > a.fa-user-circle-o:before {
  content: "\f2bd";
}

.fa.fa-user-o, .fa-user-o.glyphicon, label.fa-user-o[for*=geschlecht]:before, #main-navigation .fa-user-o.expand, #main-navigation .hassubnav > a.fa-user-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-user-o:before, .fa-user-o.glyphicon:before, label.fa-user-o[for*=geschlecht]:before, #main-navigation .fa-user-o.expand:before, #main-navigation .hassubnav > a.fa-user-o:before {
  content: "\f007";
}

.fa.fa-id-badge, .fa-id-badge.glyphicon, label.fa-id-badge[for*=geschlecht]:before, #main-navigation .fa-id-badge.expand, #main-navigation .hassubnav > a.fa-id-badge:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license:before, .fa-drivers-license.glyphicon:before, label.fa-drivers-license[for*=geschlecht]:before, #main-navigation .fa-drivers-license.expand:before, #main-navigation .hassubnav > a.fa-drivers-license:before {
  content: "\f2c2";
}

.fa.fa-id-card-o, .fa-id-card-o.glyphicon, label.fa-id-card-o[for*=geschlecht]:before, #main-navigation .fa-id-card-o.expand, #main-navigation .hassubnav > a.fa-id-card-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-id-card-o:before, .fa-id-card-o.glyphicon:before, label.fa-id-card-o[for*=geschlecht]:before, #main-navigation .fa-id-card-o.expand:before, #main-navigation .hassubnav > a.fa-id-card-o:before {
  content: "\f2c2";
}

.fa.fa-drivers-license-o, .fa-drivers-license-o.glyphicon, label.fa-drivers-license-o[for*=geschlecht]:before, #main-navigation .fa-drivers-license-o.expand, #main-navigation .hassubnav > a.fa-drivers-license-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license-o:before, .fa-drivers-license-o.glyphicon:before, label.fa-drivers-license-o[for*=geschlecht]:before, #main-navigation .fa-drivers-license-o.expand:before, #main-navigation .hassubnav > a.fa-drivers-license-o:before {
  content: "\f2c2";
}

.fa.fa-quora, .fa-quora.glyphicon, label.fa-quora[for*=geschlecht]:before, #main-navigation .fa-quora.expand, #main-navigation .hassubnav > a.fa-quora:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-free-code-camp, .fa-free-code-camp.glyphicon, label.fa-free-code-camp[for*=geschlecht]:before, #main-navigation .fa-free-code-camp.expand, #main-navigation .hassubnav > a.fa-free-code-camp:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-telegram, .fa-telegram.glyphicon, label.fa-telegram[for*=geschlecht]:before, #main-navigation .fa-telegram.expand, #main-navigation .hassubnav > a.fa-telegram:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-thermometer-4:before, .fa-thermometer-4.glyphicon:before, label.fa-thermometer-4[for*=geschlecht]:before, #main-navigation .fa-thermometer-4.expand:before, #main-navigation .hassubnav > a.fa-thermometer-4:before {
  content: "\f2c7";
}

.fa.fa-thermometer:before, .fa-thermometer.glyphicon:before, label.fa-thermometer[for*=geschlecht]:before, #main-navigation .fa-thermometer.expand:before, #main-navigation .hassubnav > a.fa-thermometer:before {
  content: "\f2c7";
}

.fa.fa-thermometer-3:before, .fa-thermometer-3.glyphicon:before, label.fa-thermometer-3[for*=geschlecht]:before, #main-navigation .fa-thermometer-3.expand:before, #main-navigation .hassubnav > a.fa-thermometer-3:before {
  content: "\f2c8";
}

.fa.fa-thermometer-2:before, .fa-thermometer-2.glyphicon:before, label.fa-thermometer-2[for*=geschlecht]:before, #main-navigation .fa-thermometer-2.expand:before, #main-navigation .hassubnav > a.fa-thermometer-2:before {
  content: "\f2c9";
}

.fa.fa-thermometer-1:before, .fa-thermometer-1.glyphicon:before, label.fa-thermometer-1[for*=geschlecht]:before, #main-navigation .fa-thermometer-1.expand:before, #main-navigation .hassubnav > a.fa-thermometer-1:before {
  content: "\f2ca";
}

.fa.fa-thermometer-0:before, .fa-thermometer-0.glyphicon:before, label.fa-thermometer-0[for*=geschlecht]:before, #main-navigation .fa-thermometer-0.expand:before, #main-navigation .hassubnav > a.fa-thermometer-0:before {
  content: "\f2cb";
}

.fa.fa-bathtub:before, .fa-bathtub.glyphicon:before, label.fa-bathtub[for*=geschlecht]:before, #main-navigation .fa-bathtub.expand:before, #main-navigation .hassubnav > a.fa-bathtub:before {
  content: "\f2cd";
}

.fa.fa-s15:before, .fa-s15.glyphicon:before, label.fa-s15[for*=geschlecht]:before, #main-navigation .fa-s15.expand:before, #main-navigation .hassubnav > a.fa-s15:before {
  content: "\f2cd";
}

.fa.fa-window-maximize, .fa-window-maximize.glyphicon, label.fa-window-maximize[for*=geschlecht]:before, #main-navigation .fa-window-maximize.expand, #main-navigation .hassubnav > a.fa-window-maximize:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-window-restore, .fa-window-restore.glyphicon, label.fa-window-restore[for*=geschlecht]:before, #main-navigation .fa-window-restore.expand, #main-navigation .hassubnav > a.fa-window-restore:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle:before, .fa-times-rectangle.glyphicon:before, label.fa-times-rectangle[for*=geschlecht]:before, #main-navigation .fa-times-rectangle.expand:before, #main-navigation .hassubnav > a.fa-times-rectangle:before {
  content: "\f410";
}

.fa.fa-window-close-o, .fa-window-close-o.glyphicon, label.fa-window-close-o[for*=geschlecht]:before, #main-navigation .fa-window-close-o.expand, #main-navigation .hassubnav > a.fa-window-close-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-window-close-o:before, .fa-window-close-o.glyphicon:before, label.fa-window-close-o[for*=geschlecht]:before, #main-navigation .fa-window-close-o.expand:before, #main-navigation .hassubnav > a.fa-window-close-o:before {
  content: "\f410";
}

.fa.fa-times-rectangle-o, .fa-times-rectangle-o.glyphicon, label.fa-times-rectangle-o[for*=geschlecht]:before, #main-navigation .fa-times-rectangle-o.expand, #main-navigation .hassubnav > a.fa-times-rectangle-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle-o:before, .fa-times-rectangle-o.glyphicon:before, label.fa-times-rectangle-o[for*=geschlecht]:before, #main-navigation .fa-times-rectangle-o.expand:before, #main-navigation .hassubnav > a.fa-times-rectangle-o:before {
  content: "\f410";
}

.fa.fa-bandcamp, .fa-bandcamp.glyphicon, label.fa-bandcamp[for*=geschlecht]:before, #main-navigation .fa-bandcamp.expand, #main-navigation .hassubnav > a.fa-bandcamp:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-grav, .fa-grav.glyphicon, label.fa-grav[for*=geschlecht]:before, #main-navigation .fa-grav.expand, #main-navigation .hassubnav > a.fa-grav:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-etsy, .fa-etsy.glyphicon, label.fa-etsy[for*=geschlecht]:before, #main-navigation .fa-etsy.expand, #main-navigation .hassubnav > a.fa-etsy:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-imdb, .fa-imdb.glyphicon, label.fa-imdb[for*=geschlecht]:before, #main-navigation .fa-imdb.expand, #main-navigation .hassubnav > a.fa-imdb:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-ravelry, .fa-ravelry.glyphicon, label.fa-ravelry[for*=geschlecht]:before, #main-navigation .fa-ravelry.expand, #main-navigation .hassubnav > a.fa-ravelry:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-eercast, .fa-eercast.glyphicon, label.fa-eercast[for*=geschlecht]:before, #main-navigation .fa-eercast.expand, #main-navigation .hassubnav > a.fa-eercast:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-eercast:before, .fa-eercast.glyphicon:before, label.fa-eercast[for*=geschlecht]:before, #main-navigation .fa-eercast.expand:before, #main-navigation .hassubnav > a.fa-eercast:before {
  content: "\f2da";
}

.fa.fa-snowflake-o, .fa-snowflake-o.glyphicon, label.fa-snowflake-o[for*=geschlecht]:before, #main-navigation .fa-snowflake-o.expand, #main-navigation .hassubnav > a.fa-snowflake-o:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fa.fa-snowflake-o:before, .fa-snowflake-o.glyphicon:before, label.fa-snowflake-o[for*=geschlecht]:before, #main-navigation .fa-snowflake-o.expand:before, #main-navigation .hassubnav > a.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa.fa-superpowers, .fa-superpowers.glyphicon, label.fa-superpowers[for*=geschlecht]:before, #main-navigation .fa-superpowers.expand, #main-navigation .hassubnav > a.fa-superpowers:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-wpexplorer, .fa-wpexplorer.glyphicon, label.fa-wpexplorer[for*=geschlecht]:before, #main-navigation .fa-wpexplorer.expand, #main-navigation .hassubnav > a.fa-wpexplorer:before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa.fa-cab:before, .fa-cab.glyphicon:before, label.fa-cab[for*=geschlecht]:before, #main-navigation .fa-cab.expand:before, #main-navigation .hassubnav > a.fa-cab:before {
  content: "\f1ba";
}

/*!
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("vendors/font-awesome/fa-brands-400.eot");
  src: url("vendors/font-awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("vendors/font-awesome/fa-brands-400.woff2") format("woff2"), url("vendors/font-awesome/fa-brands-400.woff") format("woff"), url("vendors/font-awesome/fa-brands-400.ttf") format("truetype"), url("vendors/font-awesome/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.trustpass {
  clear: both;
  overflow: hidden;
}

.trustpass-checklist {
  clear: both;
  overflow: hidden;
  list-style: none;
  padding: 10px 0;
  margin: 0;
}
.trustpass-checklist li {
  display: block;
  list-style: none;
  float: left;
  width: 5000%;
  line-height: 1.5em;
  font-size: 1em;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.trustpass-checklist li.trustpass-yep {
  opacity: 0.3;
}

.trustpass-done {
  display: block;
  clear: both;
  margin: 10px 0 0 0;
  padding: 10px;
  color: #3c763d;
  background: #dff0d8;
  border-radius: 6px;
  font-size: 1em;
}

.trustpass-guide {
  display: block;
  clear: both;
  margin: 0;
  padding: 10px 0 0 0;
  color: #888;
  font-size: 0.8em;
}

/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block;
}
.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.intl-tel-input .hide {
  display: none;
}
.intl-tel-input .v-hide {
  visibility: hidden;
}
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}
.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}
.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}
@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.intl-tel-input .country-list .country {
  padding: 5px 10px;
}
.intl-tel-input .country-list .country .dial-code {
  color: #999;
}
.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 6px;
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.intl-tel-input.allow-dropdown .flag-container {
  right: auto;
  left: 0;
}
.intl-tel-input.allow-dropdown .selected-flag {
  width: 46px;
}
.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}
.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 70px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 78px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 86px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 94px;
}
.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}
.iti-flag.be {
  width: 18px;
}
.iti-flag.ch {
  width: 15px;
}
.iti-flag.mc {
  width: 19px;
}
.iti-flag.ne {
  width: 18px;
}
.iti-flag.np {
  width: 13px;
}
.iti-flag.va {
  width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}
.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}
.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}
.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../img/flags@2x.png");
  }
}

.iti-flag.np {
  background-color: transparent;
}

.iti-flag {
  width: 20px;
}
.iti-flag.be {
  width: 18px;
}
.iti-flag.ch {
  width: 15px;
}
.iti-flag.mc {
  width: 19px;
}
.iti-flag.ne {
  width: 18px;
}
.iti-flag.np {
  width: 13px;
}
.iti-flag.va {
  width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}
.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}
.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}
.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.doc_list a[icontype]:before,
.doc_list .uploading:before {
  content: "\f016";
  /* generic file icon */
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  /*width: 20px;
  text-align: right;
  margin-right: 10px;*/
}

.doc_list a[icontype$=".txt"][icontype]:before,
.doc_list [icontype$=".txt"].uploading:before,
.doc_list a.link-text[icontype]:before,
.doc_list .link-text[icontype].uploading:before {
  content: "\f15c";
  /*Text*/
  color: var(--text-color);
}

.doc_list a[icontype$=".pdf"][icontype]:before,
.doc_list [icontype$=".pdf"].uploading:before,
.doc_list a.link-pdf[icontype]:before,
.doc_list .link-pdf[icontype].uploading:before {
  content: "\f1c1";
  /*PDF*/
  color: #D61111;
}

.doc_list a[icontype$=".doc"][icontype]:before,
.doc_list [icontype$=".doc"].uploading:before,
.doc_list a[icontype$=".docx"][icontype]:before,
.doc_list [icontype$=".docx"].uploading:before,
.doc_list a[icontype$=".rtf"][icontype]:before,
.doc_list [icontype$=".rtf"].uploading:before,
.doc_list a[icontype$=".odt"][icontype]:before,
.doc_list [icontype$=".odt"].uploading:before,
.doc_list a.link-word[icontype]:before,
.doc_list .link-word[icontype].uploading:before {
  content: "\f1c2";
  /*Word*/
  color: #2591e5;
}

.doc_list a[icontype$=".xls"][icontype]:before,
.doc_list [icontype$=".xls"].uploading:before,
.doc_list a[icontype$=".xlsx"][icontype]:before,
.doc_list [icontype$=".xlsx"].uploading:before,
.doc_list a[icontype$=".csv"][icontype]:before,
.doc_list [icontype$=".csv"].uploading:before,
.doc_list a[icontype$=".ods"][icontype]:before,
.doc_list [icontype$=".ods"].uploading:before,
.doc_list a.link-excel[icontype]:before,
.doc_list .link-excel[icontype].uploading:before {
  content: "\f1c3";
  /*Excel*/
  color: #62c14c;
}

.doc_list a[icontype$=".ppt"][icontype]:before,
.doc_list [icontype$=".ppt"].uploading:before,
.doc_list a[icontype$=".pptx"][icontype]:before,
.doc_list [icontype$=".pptx"].uploading:before,
.doc_list a.link-powerpoint[icontype]:before,
.doc_list .link-powerpoint[icontype].uploading:before {
  content: "\f1c4";
  /*Powerpoint*/
}

.doc_list a[icontype$=".gif"][icontype]:before,
.doc_list [icontype$=".gif"].uploading:before,
.doc_list a[icontype$=".jpg"][icontype]:before,
.doc_list [icontype$=".jpg"].uploading:before,
.doc_list a[icontype$=".jpeg"][icontype]:before,
.doc_list [icontype$=".jpeg"].uploading:before,
.doc_list a[icontype$=".png"][icontype]:before,
.doc_list [icontype$=".png"].uploading:before,
.doc_list a[icontype$=".bmp"][icontype]:before,
.doc_list [icontype$=".bmp"].uploading:before,
.doc_list a[icontype$=".tif"][icontype]:before,
.doc_list [icontype$=".tif"].uploading:before,
.doc_list a.link-image[icontype]:before,
.doc_list .link-image[icontype].uploading:before {
  content: "\f1c5";
  /*Image*/
  color: #f87626;
}

.doc_list a[icontype$=".zip"][icontype]:before,
.doc_list [icontype$=".zip"].uploading:before,
.doc_list a[icontype$=".zipx"][icontype]:before,
.doc_list [icontype$=".zipx"].uploading:before,
.doc_list a[icontype$=".rar"][icontype]:before,
.doc_list [icontype$=".rar"].uploading:before,
.doc_list a[icontype$=".tar"][icontype]:before,
.doc_list [icontype$=".tar"].uploading:before,
.doc_list a[icontype$=".gz"][icontype]:before,
.doc_list [icontype$=".gz"].uploading:before,
.doc_list a[icontype$=".dmg"][icontype]:before,
.doc_list [icontype$=".dmg"].uploading:before,
.doc_list a[icontype$=".iso"][icontype]:before,
.doc_list [icontype$=".iso"].uploading:before,
.doc_list a.link-archive[icontype]:before,
.doc_list .link-archive[icontype].uploading:before {
  content: "\f1c6";
  /*Archive*/
}

.doc_list a[icontype$=".wav"][icontype]:before,
.doc_list [icontype$=".wav"].uploading:before,
.doc_list a[icontype$=".mp3"][icontype]:before,
.doc_list [icontype$=".mp3"].uploading:before,
.doc_list a[icontype$=".fla"][icontype]:before,
.doc_list [icontype$=".fla"].uploading:before,
.doc_list a[icontype$=".flac"][icontype]:before,
.doc_list [icontype$=".flac"].uploading:before,
.doc_list a[icontype$=".ra"][icontype]:before,
.doc_list [icontype$=".ra"].uploading:before,
.doc_list a[icontype$=".rma"][icontype]:before,
.doc_list [icontype$=".rma"].uploading:before,
.doc_list a[icontype$=".aif"][icontype]:before,
.doc_list [icontype$=".aif"].uploading:before,
.doc_list a[icontype$=".aiff"][icontype]:before,
.doc_list [icontype$=".aiff"].uploading:before,
.doc_list a[icontype$=".aa"][icontype]:before,
.doc_list [icontype$=".aa"].uploading:before,
.doc_list a[icontype$=".aac"][icontype]:before,
.doc_list [icontype$=".aac"].uploading:before,
.doc_list a[icontype$=".aax"][icontype]:before,
.doc_list [icontype$=".aax"].uploading:before,
.doc_list a[icontype$=".ac3"][icontype]:before,
.doc_list [icontype$=".ac3"].uploading:before,
.doc_list a[icontype$=".au"][icontype]:before,
.doc_list [icontype$=".au"].uploading:before,
.doc_list a[icontype$=".ogg"][icontype]:before,
.doc_list [icontype$=".ogg"].uploading:before,
.doc_list a[icontype$=".avr"][icontype]:before,
.doc_list [icontype$=".avr"].uploading:before,
.doc_list a[icontype$=".3ga"][icontype]:before,
.doc_list [icontype$=".3ga"].uploading:before,
.doc_list a[icontype$=".mid"][icontype]:before,
.doc_list [icontype$=".mid"].uploading:before,
.doc_list a[icontype$=".midi"][icontype]:before,
.doc_list [icontype$=".midi"].uploading:before,
.doc_list a[icontype$=".m4a"][icontype]:before,
.doc_list [icontype$=".m4a"].uploading:before,
.doc_list a[icontype$=".mp4a"][icontype]:before,
.doc_list [icontype$=".mp4a"].uploading:before,
.doc_list a[icontype$=".amz"][icontype]:before,
.doc_list [icontype$=".amz"].uploading:before,
.doc_list a[icontype$=".mka"][icontype]:before,
.doc_list [icontype$=".mka"].uploading:before,
.doc_list a[icontype$=".asx"][icontype]:before,
.doc_list [icontype$=".asx"].uploading:before,
.doc_list a[icontype$=".pcm"][icontype]:before,
.doc_list [icontype$=".pcm"].uploading:before,
.doc_list a[icontype$=".m3u"][icontype]:before,
.doc_list [icontype$=".m3u"].uploading:before,
.doc_list a[icontype$=".wma"][icontype]:before,
.doc_list [icontype$=".wma"].uploading:before,
.doc_list a[icontype$=".xwma"][icontype]:before,
.doc_list [icontype$=".xwma"].uploading:before,
.doc_list a.link-audio[icontype]:before,
.doc_list .link-audio[icontype].uploading:before {
  content: "\f1c7";
  /*Audio*/
}

.doc_list a[icontype$=".avi"][icontype]:before,
.doc_list [icontype$=".avi"].uploading:before,
.doc_list a[icontype$=".mpg"][icontype]:before,
.doc_list [icontype$=".mpg"].uploading:before,
.doc_list a[icontype$=".mp4"][icontype]:before,
.doc_list [icontype$=".mp4"].uploading:before,
.doc_list a[icontype$=".mkv"][icontype]:before,
.doc_list [icontype$=".mkv"].uploading:before,
.doc_list a[icontype$=".mov"][icontype]:before,
.doc_list [icontype$=".mov"].uploading:before,
.doc_list a[icontype$=".wmv"][icontype]:before,
.doc_list [icontype$=".wmv"].uploading:before,
.doc_list a[icontype$=".vp6"][icontype]:before,
.doc_list [icontype$=".vp6"].uploading:before,
.doc_list a[icontype$=".264"][icontype]:before,
.doc_list [icontype$=".264"].uploading:before,
.doc_list a[icontype$=".vid"][icontype]:before,
.doc_list [icontype$=".vid"].uploading:before,
.doc_list a[icontype$=".rv"][icontype]:before,
.doc_list [icontype$=".rv"].uploading:before,
.doc_list a[icontype$=".webm"][icontype]:before,
.doc_list [icontype$=".webm"].uploading:before,
.doc_list a[icontype$=".swf"][icontype]:before,
.doc_list [icontype$=".swf"].uploading:before,
.doc_list a[icontype$=".h264"][icontype]:before,
.doc_list [icontype$=".h264"].uploading:before,
.doc_list a[icontype$=".flv"][icontype]:before,
.doc_list [icontype$=".flv"].uploading:before,
.doc_list a[icontype$=".mk3d"][icontype]:before,
.doc_list [icontype$=".mk3d"].uploading:before,
.doc_list a[icontype$=".gifv"][icontype]:before,
.doc_list [icontype$=".gifv"].uploading:before,
.doc_list a[icontype$=".oggv"][icontype]:before,
.doc_list [icontype$=".oggv"].uploading:before,
.doc_list a[icontype$=".3gp"][icontype]:before,
.doc_list [icontype$=".3gp"].uploading:before,
.doc_list a[icontype$=".m4v"][icontype]:before,
.doc_list [icontype$=".m4v"].uploading:before,
.doc_list a[icontype$=".movie"][icontype]:before,
.doc_list [icontype$=".movie"].uploading:before,
.doc_list a[icontype$=".divx"][icontype]:before,
.doc_list [icontype$=".divx"].uploading:before,
.doc_list a.link-video[icontype]:before,
.doc_list .link-video[icontype].uploading:before {
  content: "\f1c8";
  /*Video*/
}

.doc_list a[icontype$=".css"][icontype]:before,
.doc_list [icontype$=".css"].uploading:before,
.doc_list a[icontype$=".js"][icontype]:before,
.doc_list [icontype$=".js"].uploading:before,
.doc_list a[icontype$=".py"][icontype]:before,
.doc_list [icontype$=".py"].uploading:before,
.doc_list a[icontype$=".git"][icontype]:before,
.doc_list [icontype$=".git"].uploading:before,
.doc_list a[icontype$=".cpp"][icontype]:before,
.doc_list [icontype$=".cpp"].uploading:before,
.doc_list a[icontype$=".h"][icontype]:before,
.doc_list [icontype$=".h"].uploading:before,
.doc_list a[icontype$=".ini"][icontype]:before,
.doc_list [icontype$=".ini"].uploading:before,
.doc_list a[icontype$=".config"][icontype]:before,
.doc_list [icontype$=".config"].uploading:before,
.doc_list a.link-code[icontype]:before,
.doc_list .link-code[icontype].uploading:before {
  content: "\f1c9";
  /*code*/
}

.doc_list a[icontype$=".exe"][icontype]:before,
.doc_list [icontype$=".exe"].uploading:before,
.doc_list a[icontype$=".jar"][icontype]:before,
.doc_list [icontype$=".jar"].uploading:before,
.doc_list a[icontype$=".dll"][icontype]:before,
.doc_list [icontype$=".dll"].uploading:before,
.doc_list a[icontype$=".bat"][icontype]:before,
.doc_list [icontype$=".bat"].uploading:before,
.doc_list a[icontype$=".pl"][icontype]:before,
.doc_list [icontype$=".pl"].uploading:before,
.doc_list a[icontype$=".scr"][icontype]:before,
.doc_list [icontype$=".scr"].uploading:before,
.doc_list a[icontype$=".msi"][icontype]:before,
.doc_list [icontype$=".msi"].uploading:before,
.doc_list a[icontype$=".app"][icontype]:before,
.doc_list [icontype$=".app"].uploading:before,
.doc_list a[icontype$=".deb"][icontype]:before,
.doc_list [icontype$=".deb"].uploading:before,
.doc_list a[icontype$=".apk"][icontype]:before,
.doc_list [icontype$=".apk"].uploading:before,
.doc_list a[icontype$=".vb"][icontype]:before,
.doc_list [icontype$=".vb"].uploading:before,
.doc_list a[icontype$=".prg"][icontype]:before,
.doc_list [icontype$=".prg"].uploading:before,
.doc_list a[icontype$=".sh"][icontype]:before,
.doc_list [icontype$=".sh"].uploading:before,
.doc_list a.link-exe[icontype]:before,
.doc_list .link-exe[icontype].uploading:before {
  content: "\f085";
  /*Executable*/
}

.doc_list a[icontype$=".com"][icontype]:before,
.doc_list [icontype$=".com"].uploading:before,
.doc_list a[icontype$=".net"][icontype]:before,
.doc_list [icontype$=".net"].uploading:before,
.doc_list a[icontype$=".org"][icontype]:before,
.doc_list [icontype$=".org"].uploading:before,
.doc_list a[icontype$=".edu"][icontype]:before,
.doc_list [icontype$=".edu"].uploading:before,
.doc_list a[icontype$=".gov"][icontype]:before,
.doc_list [icontype$=".gov"].uploading:before,
.doc_list a[icontype$=".mil"][icontype]:before,
.doc_list [icontype$=".mil"].uploading:before,
.doc_list a[icontype$="/"][icontype]:before,
.doc_list [icontype$="/"].uploading:before,
.doc_list a[icontype$=".html"][icontype]:before,
.doc_list [icontype$=".html"].uploading:before,
.doc_list a[icontype$=".htm"][icontype]:before,
.doc_list [icontype$=".htm"].uploading:before,
.doc_list a[icontype$=".xhtml"][icontype]:before,
.doc_list [icontype$=".xhtml"].uploading:before,
.doc_list a[icontype$=".jhtml"][icontype]:before,
.doc_list [icontype$=".jhtml"].uploading:before,
.doc_list a[icontype$=".php"][icontype]:before,
.doc_list [icontype$=".php"].uploading:before,
.doc_list a[icontype$=".php3"][icontype]:before,
.doc_list [icontype$=".php3"].uploading:before,
.doc_list a[icontype$=".php4"][icontype]:before,
.doc_list [icontype$=".php4"].uploading:before,
.doc_list a[icontype$=".php5"][icontype]:before,
.doc_list [icontype$=".php5"].uploading:before,
.doc_list a[icontype$=".phtml"][icontype]:before,
.doc_list [icontype$=".phtml"].uploading:before,
.doc_list a[icontype$=".asp"][icontype]:before,
.doc_list [icontype$=".asp"].uploading:before,
.doc_list a[icontype$=".aspx"][icontype]:before,
.doc_list [icontype$=".aspx"].uploading:before,
.doc_list a[icontype$=".cfm"][icontype]:before,
.doc_list [icontype$=".cfm"].uploading:before,
.doc_list a[icontype]:not([icontype*="."]):before,
.doc_list .uploading:not([icontype*="."]):before,
.doc_list a.link[icontype]:before,
.doc_list .link[icontype].uploading:before {
  content: "\f0c1";
  /*link*/
}

/*
 * INPUT[type='range'] Shadow Elements Selectors
 * ============================================= *
     http://codepen.io/long-lazuli/pen/WbyqKg    *
                                                 */
.maxchar, .page-anbieter .link-list.tree a, .vertragsuebersicht .group-name, .maxchar-20, .maxchar-10 {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.maxchar-10 {
  max-width: 5em;
  max-width: 10ch;
  display: inline-block;
  margin: 0 0 -0.25em;
}

.maxchar-20 {
  max-width: 11em;
  max-width: 20ch;
  display: inline-block;
  margin: 0 0 -0.25em;
}

@media screen and (min-width: 992px) {
  .vertragsuebersicht .entry, .doc_list .list-node > li, .action_list .list-node > li, .link-list .list-node > li, .default-list .list-node > li {
    position: relative;
  }
  .vertragsuebersicht .entry:before, .doc_list .list-node > li:before, .action_list .list-node > li:before, .link-list .list-node > li:before, .default-list .list-node > li:before {
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    left: 50%;
    top: 50%;
    bottom: 50%;
    background: transparent;
    transition: all ease-in 0.25s;
    border-radius: 1000px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
  }
  .vertragsuebersicht .entry:hover > a:not(.more), .doc_list .list-node > li:hover > a:not(.more), .action_list .list-node > li:hover > a:not(.more), .link-list .list-node > li:hover > a:not(.more), .default-list .list-node > li:hover > a:not(.more) {
    z-index: auto;
    position: relative;
  }
  .vertragsuebersicht .entry:hover:before, .doc_list .list-node > li:hover:before, .action_list .list-node > li:hover:before, .link-list .list-node > li:hover:before, .default-list .list-node > li:hover:before {
    left: 0;
    right: 0;
    top: -1px;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }
}
@media screen and (min-width: 992px) and (prefers-color-scheme: dark) {
  .vertragsuebersicht .entry:hover:before, .doc_list .list-node > li:hover:before, .action_list .list-node > li:hover:before, .link-list .list-node > li:hover:before, .default-list .list-node > li:hover:before {
    background: rgba(255, 255, 255, 0.05);
  }
}

.highlighted {
  background: #ffff6c;
  display: inline-block;
  padding: 0 5px;
  border-radius: 5px;
}

/**
 * highlightedText Gesellschaften-Dummy/oder Gesellschaftensuche
 */
.highlightedText {
  background: rgba(255, 255, 0, 0.5);
  color: #1d1d1d;
  display: inline-block;
  padding: 0 2px;
  border-radius: 5px;
  margin: 0 -2px;
  font-weight: 600;
  /**
   * Für <b> immer ansonsten wenn .highlightedBold gesetzt ist
   * wird der Text auf "bold" gesetzt.
   */
}
b .highlightedText {
  font-weight: bold;
}

.highlightedBold .highlightedText {
  font-weight: bold;
}

.page-vertraegeedit .page_action, .body-vertraege .page-vertraege .page_action, .blockbuttons-2 {
  display: flex;
}
.page-vertraegeedit .page_action .btn, .body-vertraege .page-vertraege .page_action .btn, .blockbuttons-2 .btn {
  width: 100%;
}
.page-vertraegeedit .page_action .btn + .btn, .body-vertraege .page-vertraege .page_action .btn + .btn, .blockbuttons-2 .btn + .btn {
  margin-left: 10px;
}

producttree-directive li.versicherungen > a:after {
  content: "Kfz, Rechtsschutz, Haftpflicht, …";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.vermoegen > a:after {
  content: "Finanzanlagen, Girokonten, …";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.telekommunikation > a:after {
  content: "Mobiltelefon, Internet und Festnetz";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.wohnen > a:after {
  content: "Miete, Strom, Gas, …";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.online > a:after {
  content: "Online-Videotheken, Musikstreaming, …";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.mitgliedschaften > a:after {
  content: "Automobilclub, Fitnessstudio, …";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.mobilitaet > a:after {
  content: "Bahncard, Car-Sharing, Nahverkehr, …";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.abonnements > a:after {
  content: "Theater, Zeitschrift, Tageszeitung";
  display: block;
  font-size: 80%;
  white-space: normal;
}

producttree-directive li.sonstiges > a:after {
  content: "";
  display: block;
  font-size: 80%;
  white-space: normal;
}

.page-dokumente li.eigene > a:after {
  content: "Lade Deine Dokumente hoch.";
}

.page-dokumente li.rechnung > a:after {
  content: "Rechnungen, Kassenbons, …";
}

.page-dokumente li.freigaben > a:after {
  content: "Angebote, Dokumentationen, etc. die Dein Berater hinterlegt hat.";
}

.page-dokumente li.vertrag > a:after {
  content: "Vertragskopien, AGB, PIB, VIB, …";
}

.page-dokumente li.mandant > a:after {
  content: "Formulare, Vollmachten, etc. die Dein Berater hinterlegt hat.";
}

.page-dokumente li.Schadendokumente > a:after {
  content: "Dokumente, die Du zu einem Schadensfall hochgeladen hast.";
}

.page-anbieter .description, .page-vertraegeadd li > a:after,
.page-dokumente li a:after {
  content: "";
  display: block;
  font-size: 80%;
  white-space: normal;
  color: #fff;
}

.page-vertraegeadd li > a:after,
.page-dokumente li a:after {
  content: "";
}

.negative {
  color: #ff0000;
}

.positive {
  color: #009e06;
}

/**
 * positive-negative-gradient-as-bg mixin
 * $shadow boolean - soll ein shadow gesetzt werden? - top, bottom, true (top + bottom), false (aus), 
 */
body, body > [ui-view], body > [ui-view] > div:not(.modal), body #content, body .page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex: 1;
}
body #content {
  display: flex;
  flex-flow: column;
}
body .page {
  height: auto;
  flex-grow: 1;
  min-height: auto !important;
  flex: 1;
}
body .page.page > [ui-view] {
  display: flex;
  flex: 1;
  flex-direction: column;
}
body .page.page > [ui-view] > *:only-child:not(.tour-slider) {
  width: 100%;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Open_Sans-normal-300.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Open_Sans-normal-400.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/Open_Sans-normal-600.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Open_Sans-normal-700.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("fonts/Open_Sans-normal-800.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/Open_Sans-italic-300.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/Open_Sans-italic-400.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("fonts/Open_Sans-italic-600.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/Open_Sans-italic-700.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: url("fonts/Open_Sans-italic-800.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Open_Sans_Condensed-normal-700.woff") format("woff");
  unicode-range: U+0-10FFFF;
}
/*.normal {
  // Regular font-weight (400), normal font-style:
  @include font('Open Sans');
}

.bold {
  // Bold (weight of 700), normal font-style:
  @include font('Open Sans', 700);
}

.semi-bold-italic {
  // Semi-bold (weight of 600), italic font-style:
  @include font('Open Sans', 600, italic);
}

.other-font {
  // Different font, bold (weight of 700)
  @include font('PT Serif', 700);
}*/
.underline {
  text-decoration: underline;
}

body {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-size: 12px;
}
@media screen and (min-width: 335px) {
  body {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

h1 {
  font-family: "Open Sans";
  font-weight: "700";
  font-style: normal;
}

b {
  font-family: "Open Sans";
  font-weight: "700";
  font-style: normal;
}

.font-size-large {
  font-size: 120%;
}

.background-text {
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  margin: 0;
  padding: 0 30px 1.5em;
  color: var(--text-on-bg);
}
@media screen and (max-width: 991px) {
  .background-text {
    color: #fff;
    padding-bottom: 0.5em;
  }
}

.block-ui-active .page {
  opacity: 0;
}
.block-ui-active .page.page-home {
  opacity: 1;
}

.modal-open.block-ui-active .page {
  opacity: 1;
}

[ng-bind=field] {
  color: transparent;
  background: rgba(0, 0, 0, 0.075);
  margin: 0 0 5px;
  border-radius: 4px;
  min-height: 34px;
}

:focus {
  outline: 0;
}

.ng-leave {
  opacity: 0 !important;
}

a[disabled=disabled] {
  color: #ccc;
}

[disabled=disabled] {
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  -o-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
  cursor: default;
}

body.ng-animate img {
  opacity: 0 !important;
  transition: opacity ease-in 0.25s;
}

[ng-click] {
  cursor: pointer;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak {
  display: none !important;
}

.col-xs-1, .col-is-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-is-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-is-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-is-4, .col-sm-4, .form-horizontal .form-group > label, .col-md-4, .form-horizontal label ~ div, .col-lg-4, .col-xs-5, .col-is-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-is-6, .col-sm-6, .form-horizontal label ~ div, .col-md-6, .col-lg-6, .col-xs-7, .col-is-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-is-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-is-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-is-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-is-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .form-horizontal label ~ div, .col-is-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 335px) and (max-width: 767px) {
  .container {
    width: 460px;
  }
}

@media (min-width: 335px) and (max-width: 767px) {
  .col-is-1, .col-is-2, .col-is-3, .col-is-4, .col-is-5, .col-is-6, .col-is-7, .col-is-8, .col-is-9, .col-is-10, .col-is-11, .col-is-12 {
    float: left;
  }

  .col-is-1 {
    width: 8.3333333333%;
  }

  .col-is-2 {
    width: 16.6666666667%;
  }

  .col-is-3 {
    width: 25%;
  }

  .col-is-4 {
    width: 33.3333333333%;
  }

  .col-is-5 {
    width: 41.6666666667%;
  }

  .col-is-6 {
    width: 50%;
  }

  .col-is-7 {
    width: 58.3333333333%;
  }

  .col-is-8 {
    width: 66.6666666667%;
  }

  .col-is-9 {
    width: 75%;
  }

  .col-is-10 {
    width: 83.3333333333%;
  }

  .col-is-11 {
    width: 91.6666666667%;
  }

  .col-is-12 {
    width: 100%;
  }

  .col-is-pull-0 {
    right: auto;
  }

  .col-is-pull-1 {
    right: 8.3333333333%;
  }

  .col-is-pull-2 {
    right: 16.6666666667%;
  }

  .col-is-pull-3 {
    right: 25%;
  }

  .col-is-pull-4 {
    right: 33.3333333333%;
  }

  .col-is-pull-5 {
    right: 41.6666666667%;
  }

  .col-is-pull-6 {
    right: 50%;
  }

  .col-is-pull-7 {
    right: 58.3333333333%;
  }

  .col-is-pull-8 {
    right: 66.6666666667%;
  }

  .col-is-pull-9 {
    right: 75%;
  }

  .col-is-pull-10 {
    right: 83.3333333333%;
  }

  .col-is-pull-11 {
    right: 91.6666666667%;
  }

  .col-is-pull-12 {
    right: 100%;
  }

  .col-is-push-0 {
    left: auto;
  }

  .col-is-push-1 {
    left: 8.3333333333%;
  }

  .col-is-push-2 {
    left: 16.6666666667%;
  }

  .col-is-push-3 {
    left: 25%;
  }

  .col-is-push-4 {
    left: 33.3333333333%;
  }

  .col-is-push-5 {
    left: 41.6666666667%;
  }

  .col-is-push-6 {
    left: 50%;
  }

  .col-is-push-7 {
    left: 58.3333333333%;
  }

  .col-is-push-8 {
    left: 66.6666666667%;
  }

  .col-is-push-9 {
    left: 75%;
  }

  .col-is-push-10 {
    left: 83.3333333333%;
  }

  .col-is-push-11 {
    left: 91.6666666667%;
  }

  .col-is-push-12 {
    left: 100%;
  }

  .col-is-offset-0 {
    margin-left: 0%;
  }

  .col-is-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-is-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-is-offset-3 {
    margin-left: 25%;
  }

  .col-is-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-is-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-is-offset-6 {
    margin-left: 50%;
  }

  .col-is-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-is-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-is-offset-9 {
    margin-left: 75%;
  }

  .col-is-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-is-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-is-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 335px) and (max-width: 767px) {
  .visible-is {
    display: block !important;
  }

  table.visible-is {
    display: table !important;
  }

  tr.visible-is {
    display: table-row !important;
  }

  th.visible-is,
td.visible-is {
    display: table-cell !important;
  }
}
@media (min-width: 335px) and (max-width: 767px) {
  .hidden-is {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-is {
    display: none !important;
  }
}
@media (max-width: 334px) {
  .visible-is {
    display: none !important;
  }
}
.slide-toggle {
  overflow: hidden;
  transition: all 0.25s;
  /*&.ng-hide-animate {
    padding-top: 15px !important;
  }*/
}
.slide-toggle.ng-hide {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.slide-toggle[ng-if]:not([ng-show]) {
  transition: none;
}

/*.actions {
	background:#efefef;            //TODO
    padding:10px;
    margin:0;

    @media screen and (min-width: $screen-sm) {
        margin:0 0 10px;
        border-radius: $border-radius-length;
    }

    .btn {
        border:0;
        background: none;
        font-weight: bold;
        //font-size:16px;             //TODO

        // ggf muss der ausgelagert werden 
        i {
            margin-right: 4px;
            color:$brand-primary;   
        }
    }
}*/
.btn-default.btn-inverse {
  color: #fff;
  background-color: #333;
  border-color: #fff;
}
.btn-default.btn-inverse:focus, .btn-default.btn-inverse.focus {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #bfbfbf;
}
.btn-default.btn-inverse:hover {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #e0e0e0;
}
.btn-default.btn-inverse:active, .btn-default.btn-inverse.active, .open > .btn-default.btn-inverse.dropdown-toggle {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #e0e0e0;
}
.btn-default.btn-inverse:active:hover, .btn-default.btn-inverse:active:focus, .btn-default.btn-inverse:active.focus, .btn-default.btn-inverse.active:hover, .btn-default.btn-inverse.active:focus, .btn-default.btn-inverse.active.focus, .open > .btn-default.btn-inverse.dropdown-toggle:hover, .open > .btn-default.btn-inverse.dropdown-toggle:focus, .open > .btn-default.btn-inverse.dropdown-toggle.focus {
  color: #fff;
  background-color: #080808;
  border-color: #bfbfbf;
}
.btn-default.btn-inverse:active, .btn-default.btn-inverse.active, .open > .btn-default.btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-default.btn-inverse.disabled:hover, .btn-default.btn-inverse.disabled:focus, .btn-default.btn-inverse.disabled.focus, .btn-default.btn-inverse[disabled]:hover, .btn-default.btn-inverse[disabled]:focus, .btn-default.btn-inverse[disabled].focus, fieldset[disabled] .btn-default.btn-inverse:hover, fieldset[disabled] .btn-default.btn-inverse:focus, fieldset[disabled] .btn-default.btn-inverse.focus {
  background-color: #333;
  border-color: #fff;
}
.btn-default.btn-inverse .badge {
  color: #333;
  background-color: #fff;
}
.btn-default.btn-inverse:hover {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.btn-inverse:hover:focus, .btn-default.btn-inverse:hover.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default.btn-inverse:hover:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.btn-inverse:hover:active, .btn-default.btn-inverse:hover.active, .open > .btn-default.btn-inverse:hover.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.btn-inverse:hover:active:hover, .btn-default.btn-inverse:hover:active:focus, .btn-default.btn-inverse:hover:active.focus, .btn-default.btn-inverse:hover.active:hover, .btn-default.btn-inverse:hover.active:focus, .btn-default.btn-inverse:hover.active.focus, .open > .btn-default.btn-inverse:hover.dropdown-toggle:hover, .open > .btn-default.btn-inverse:hover.dropdown-toggle:focus, .open > .btn-default.btn-inverse:hover.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.btn-inverse:hover:active, .btn-default.btn-inverse:hover.active, .open > .btn-default.btn-inverse:hover.dropdown-toggle {
  background-image: none;
}
.btn-default.btn-inverse:hover.disabled:hover, .btn-default.btn-inverse:hover.disabled:focus, .btn-default.btn-inverse:hover.disabled.focus, .btn-default.btn-inverse:hover[disabled]:hover, .btn-default.btn-inverse:hover[disabled]:focus, .btn-default.btn-inverse:hover[disabled].focus, fieldset[disabled] .btn-default.btn-inverse:hover:hover, fieldset[disabled] .btn-default.btn-inverse:hover:focus, fieldset[disabled] .btn-default.btn-inverse:hover.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.btn-inverse:hover .badge {
  color: #fff;
  background-color: #333;
}
.btn-default.btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-default.btn-transparent:focus, .btn-default.btn-transparent.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:active, .btn-default.btn-transparent.active, .open > .btn-default.btn-transparent.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:active:hover, .btn-default.btn-transparent:active:focus, .btn-default.btn-transparent:active.focus, .btn-default.btn-transparent.active:hover, .btn-default.btn-transparent.active:focus, .btn-default.btn-transparent.active.focus, .open > .btn-default.btn-transparent.dropdown-toggle:hover, .open > .btn-default.btn-transparent.dropdown-toggle:focus, .open > .btn-default.btn-transparent.dropdown-toggle.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:active, .btn-default.btn-transparent.active, .open > .btn-default.btn-transparent.dropdown-toggle {
  background-image: none;
}
.btn-default.btn-transparent.disabled:hover, .btn-default.btn-transparent.disabled:focus, .btn-default.btn-transparent.disabled.focus, .btn-default.btn-transparent[disabled]:hover, .btn-default.btn-transparent[disabled]:focus, .btn-default.btn-transparent[disabled].focus, fieldset[disabled] .btn-default.btn-transparent:hover, fieldset[disabled] .btn-default.btn-transparent:focus, fieldset[disabled] .btn-default.btn-transparent.focus {
  background-color: transparent;
  border-color: #fff;
}
.btn-default.btn-transparent .badge {
  color: transparent;
  background-color: #fff;
}
.btn-default.btn-transparent:hover {
  color: #fff;
  background-color: rgba(0, 4, 6, 0.3);
  border-color: rgba(0, 4, 6, 0.3);
}
.btn-default.btn-transparent:hover:focus, .btn-default.btn-transparent:hover.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-default.btn-transparent:hover:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-default.btn-transparent:hover:active, .btn-default.btn-transparent:hover.active, .open > .btn-default.btn-transparent:hover.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-default.btn-transparent:hover:active:hover, .btn-default.btn-transparent:hover:active:focus, .btn-default.btn-transparent:hover:active.focus, .btn-default.btn-transparent:hover.active:hover, .btn-default.btn-transparent:hover.active:focus, .btn-default.btn-transparent:hover.active.focus, .open > .btn-default.btn-transparent:hover.dropdown-toggle:hover, .open > .btn-default.btn-transparent:hover.dropdown-toggle:focus, .open > .btn-default.btn-transparent:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
}
.btn-default.btn-transparent:hover:active, .btn-default.btn-transparent:hover.active, .open > .btn-default.btn-transparent:hover.dropdown-toggle {
  background-image: none;
}
.btn-default.btn-transparent:hover.disabled:hover, .btn-default.btn-transparent:hover.disabled:focus, .btn-default.btn-transparent:hover.disabled.focus, .btn-default.btn-transparent:hover[disabled]:hover, .btn-default.btn-transparent:hover[disabled]:focus, .btn-default.btn-transparent:hover[disabled].focus, fieldset[disabled] .btn-default.btn-transparent:hover:hover, fieldset[disabled] .btn-default.btn-transparent:hover:focus, fieldset[disabled] .btn-default.btn-transparent:hover.focus {
  background-color: rgba(0, 4, 6, 0.3);
  border-color: rgba(0, 4, 6, 0.3);
}
.btn-default.btn-transparent:hover .badge {
  color: rgba(0, 4, 6, 0.3);
  background-color: #fff;
}
.btn-default.btn-transparent:active {
  color: #fff;
  background-color: rgba(0, 4, 6, 0.18);
  border-color: #fff;
}
.btn-default.btn-transparent:active:focus, .btn-default.btn-transparent:active.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.18);
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:active:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.18);
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:active:active, .btn-default.btn-transparent:active.active, .open > .btn-default.btn-transparent:active.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.18);
  border-color: #e0e0e0;
}
.btn-default.btn-transparent:active:active:hover, .btn-default.btn-transparent:active:active:focus, .btn-default.btn-transparent:active:active.focus, .btn-default.btn-transparent:active.active:hover, .btn-default.btn-transparent:active.active:focus, .btn-default.btn-transparent:active.active.focus, .open > .btn-default.btn-transparent:active.dropdown-toggle:hover, .open > .btn-default.btn-transparent:active.dropdown-toggle:focus, .open > .btn-default.btn-transparent:active.dropdown-toggle.focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.18);
  border-color: #bfbfbf;
}
.btn-default.btn-transparent:active:active, .btn-default.btn-transparent:active.active, .open > .btn-default.btn-transparent:active.dropdown-toggle {
  background-image: none;
}
.btn-default.btn-transparent:active.disabled:hover, .btn-default.btn-transparent:active.disabled:focus, .btn-default.btn-transparent:active.disabled.focus, .btn-default.btn-transparent:active[disabled]:hover, .btn-default.btn-transparent:active[disabled]:focus, .btn-default.btn-transparent:active[disabled].focus, fieldset[disabled] .btn-default.btn-transparent:active:hover, fieldset[disabled] .btn-default.btn-transparent:active:focus, fieldset[disabled] .btn-default.btn-transparent:active.focus {
  background-color: rgba(0, 4, 6, 0.18);
  border-color: #fff;
}
.btn-default.btn-transparent:active .badge {
  color: rgba(0, 4, 6, 0.18);
  background-color: #fff;
}

.btn-primary.btn-inverse {
  color: #e74c3c;
  background-color: #fff;
  border-color: #e74c3c;
}
.btn-primary.btn-inverse:focus, .btn-primary.btn-inverse.focus {
  color: #e74c3c;
  background-color: #e6e6e6;
  border-color: #921e12;
}
.btn-primary.btn-inverse:hover {
  color: #e74c3c;
  background-color: #e6e6e6;
  border-color: #cd2a19;
}
.btn-primary.btn-inverse:active, .btn-primary.btn-inverse.active, .open > .btn-primary.btn-inverse.dropdown-toggle {
  color: #e74c3c;
  background-color: #e6e6e6;
  border-color: #cd2a19;
}
.btn-primary.btn-inverse:active:hover, .btn-primary.btn-inverse:active:focus, .btn-primary.btn-inverse:active.focus, .btn-primary.btn-inverse.active:hover, .btn-primary.btn-inverse.active:focus, .btn-primary.btn-inverse.active.focus, .open > .btn-primary.btn-inverse.dropdown-toggle:hover, .open > .btn-primary.btn-inverse.dropdown-toggle:focus, .open > .btn-primary.btn-inverse.dropdown-toggle.focus {
  color: #e74c3c;
  background-color: #d4d4d4;
  border-color: #921e12;
}
.btn-primary.btn-inverse:active, .btn-primary.btn-inverse.active, .open > .btn-primary.btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-primary.btn-inverse.disabled:hover, .btn-primary.btn-inverse.disabled:focus, .btn-primary.btn-inverse.disabled.focus, .btn-primary.btn-inverse[disabled]:hover, .btn-primary.btn-inverse[disabled]:focus, .btn-primary.btn-inverse[disabled].focus, fieldset[disabled] .btn-primary.btn-inverse:hover, fieldset[disabled] .btn-primary.btn-inverse:focus, fieldset[disabled] .btn-primary.btn-inverse.focus {
  background-color: #fff;
  border-color: #e74c3c;
}
.btn-primary.btn-inverse .badge {
  color: #fff;
  background-color: #e74c3c;
}
.btn-primary.btn-inverse:hover {
  color: #fff;
  background-color: #e74c3c;
  border-color: #e43725;
}
.btn-primary.btn-inverse:hover:focus, .btn-primary.btn-inverse:hover.focus {
  color: #fff;
  background-color: #d62c1a;
  border-color: #7b190f;
}
.btn-primary.btn-inverse:hover:hover {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
.btn-primary.btn-inverse:hover:active, .btn-primary.btn-inverse:hover.active, .open > .btn-primary.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
.btn-primary.btn-inverse:hover:active:hover, .btn-primary.btn-inverse:hover:active:focus, .btn-primary.btn-inverse:hover:active.focus, .btn-primary.btn-inverse:hover.active:hover, .btn-primary.btn-inverse:hover.active:focus, .btn-primary.btn-inverse:hover.active.focus, .open > .btn-primary.btn-inverse:hover.dropdown-toggle:hover, .open > .btn-primary.btn-inverse:hover.dropdown-toggle:focus, .open > .btn-primary.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #b62516;
  border-color: #7b190f;
}
.btn-primary.btn-inverse:hover:active, .btn-primary.btn-inverse:hover.active, .open > .btn-primary.btn-inverse:hover.dropdown-toggle {
  background-image: none;
}
.btn-primary.btn-inverse:hover.disabled:hover, .btn-primary.btn-inverse:hover.disabled:focus, .btn-primary.btn-inverse:hover.disabled.focus, .btn-primary.btn-inverse:hover[disabled]:hover, .btn-primary.btn-inverse:hover[disabled]:focus, .btn-primary.btn-inverse:hover[disabled].focus, fieldset[disabled] .btn-primary.btn-inverse:hover:hover, fieldset[disabled] .btn-primary.btn-inverse:hover:focus, fieldset[disabled] .btn-primary.btn-inverse:hover.focus {
  background-color: #e74c3c;
  border-color: #e43725;
}
.btn-primary.btn-inverse:hover .badge {
  color: #e74c3c;
  background-color: #fff;
}
.btn-primary.btn-transparent {
  color: #e74c3c;
  background-color: transparent;
  border-color: #e74c3c;
}
.btn-primary.btn-transparent:focus, .btn-primary.btn-transparent.focus {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #921e12;
}
.btn-primary.btn-transparent:hover {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #cd2a19;
}
.btn-primary.btn-transparent:active, .btn-primary.btn-transparent.active, .open > .btn-primary.btn-transparent.dropdown-toggle {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #cd2a19;
}
.btn-primary.btn-transparent:active:hover, .btn-primary.btn-transparent:active:focus, .btn-primary.btn-transparent:active.focus, .btn-primary.btn-transparent.active:hover, .btn-primary.btn-transparent.active:focus, .btn-primary.btn-transparent.active.focus, .open > .btn-primary.btn-transparent.dropdown-toggle:hover, .open > .btn-primary.btn-transparent.dropdown-toggle:focus, .open > .btn-primary.btn-transparent.dropdown-toggle.focus {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #921e12;
}
.btn-primary.btn-transparent:active, .btn-primary.btn-transparent.active, .open > .btn-primary.btn-transparent.dropdown-toggle {
  background-image: none;
}
.btn-primary.btn-transparent.disabled:hover, .btn-primary.btn-transparent.disabled:focus, .btn-primary.btn-transparent.disabled.focus, .btn-primary.btn-transparent[disabled]:hover, .btn-primary.btn-transparent[disabled]:focus, .btn-primary.btn-transparent[disabled].focus, fieldset[disabled] .btn-primary.btn-transparent:hover, fieldset[disabled] .btn-primary.btn-transparent:focus, fieldset[disabled] .btn-primary.btn-transparent.focus {
  background-color: transparent;
  border-color: #e74c3c;
}
.btn-primary.btn-transparent .badge {
  color: transparent;
  background-color: #e74c3c;
}
.btn-primary.btn-transparent:hover {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #e74c3c;
}
.btn-primary.btn-transparent:hover:focus, .btn-primary.btn-transparent:hover.focus {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #921e12;
}
.btn-primary.btn-transparent:hover:hover {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #cd2a19;
}
.btn-primary.btn-transparent:hover:active, .btn-primary.btn-transparent:hover.active, .open > .btn-primary.btn-transparent:hover.dropdown-toggle {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #cd2a19;
}
.btn-primary.btn-transparent:hover:active:hover, .btn-primary.btn-transparent:hover:active:focus, .btn-primary.btn-transparent:hover:active.focus, .btn-primary.btn-transparent:hover.active:hover, .btn-primary.btn-transparent:hover.active:focus, .btn-primary.btn-transparent:hover.active.focus, .open > .btn-primary.btn-transparent:hover.dropdown-toggle:hover, .open > .btn-primary.btn-transparent:hover.dropdown-toggle:focus, .open > .btn-primary.btn-transparent:hover.dropdown-toggle.focus {
  color: #e74c3c;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #921e12;
}
.btn-primary.btn-transparent:hover:active, .btn-primary.btn-transparent:hover.active, .open > .btn-primary.btn-transparent:hover.dropdown-toggle {
  background-image: none;
}
.btn-primary.btn-transparent:hover.disabled:hover, .btn-primary.btn-transparent:hover.disabled:focus, .btn-primary.btn-transparent:hover.disabled.focus, .btn-primary.btn-transparent:hover[disabled]:hover, .btn-primary.btn-transparent:hover[disabled]:focus, .btn-primary.btn-transparent:hover[disabled].focus, fieldset[disabled] .btn-primary.btn-transparent:hover:hover, fieldset[disabled] .btn-primary.btn-transparent:hover:focus, fieldset[disabled] .btn-primary.btn-transparent:hover.focus {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #e74c3c;
}
.btn-primary.btn-transparent:hover .badge {
  color: rgba(0, 0, 0, 0.3);
  background-color: #e74c3c;
}

.btn-success.btn-inverse {
  color: #5cb85c;
  background-color: #fff;
  border-color: #5cb85c;
}
.btn-success.btn-inverse:focus, .btn-success.btn-inverse.focus {
  color: #5cb85c;
  background-color: #e6e6e6;
  border-color: #2d672d;
}
.btn-success.btn-inverse:hover {
  color: #5cb85c;
  background-color: #e6e6e6;
  border-color: #419641;
}
.btn-success.btn-inverse:active, .btn-success.btn-inverse.active, .open > .btn-success.btn-inverse.dropdown-toggle {
  color: #5cb85c;
  background-color: #e6e6e6;
  border-color: #419641;
}
.btn-success.btn-inverse:active:hover, .btn-success.btn-inverse:active:focus, .btn-success.btn-inverse:active.focus, .btn-success.btn-inverse.active:hover, .btn-success.btn-inverse.active:focus, .btn-success.btn-inverse.active.focus, .open > .btn-success.btn-inverse.dropdown-toggle:hover, .open > .btn-success.btn-inverse.dropdown-toggle:focus, .open > .btn-success.btn-inverse.dropdown-toggle.focus {
  color: #5cb85c;
  background-color: #d4d4d4;
  border-color: #2d672d;
}
.btn-success.btn-inverse:active, .btn-success.btn-inverse.active, .open > .btn-success.btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-success.btn-inverse.disabled:hover, .btn-success.btn-inverse.disabled:focus, .btn-success.btn-inverse.disabled.focus, .btn-success.btn-inverse[disabled]:hover, .btn-success.btn-inverse[disabled]:focus, .btn-success.btn-inverse[disabled].focus, fieldset[disabled] .btn-success.btn-inverse:hover, fieldset[disabled] .btn-success.btn-inverse:focus, fieldset[disabled] .btn-success.btn-inverse.focus {
  background-color: #fff;
  border-color: #5cb85c;
}
.btn-success.btn-inverse .badge {
  color: #fff;
  background-color: #5cb85c;
}
.btn-success.btn-inverse:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.btn-inverse:hover:focus, .btn-success.btn-inverse:hover.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success.btn-inverse:hover:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.btn-inverse:hover:active, .btn-success.btn-inverse:hover.active, .open > .btn-success.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.btn-inverse:hover:active:hover, .btn-success.btn-inverse:hover:active:focus, .btn-success.btn-inverse:hover:active.focus, .btn-success.btn-inverse:hover.active:hover, .btn-success.btn-inverse:hover.active:focus, .btn-success.btn-inverse:hover.active.focus, .open > .btn-success.btn-inverse:hover.dropdown-toggle:hover, .open > .btn-success.btn-inverse:hover.dropdown-toggle:focus, .open > .btn-success.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.btn-inverse:hover:active, .btn-success.btn-inverse:hover.active, .open > .btn-success.btn-inverse:hover.dropdown-toggle {
  background-image: none;
}
.btn-success.btn-inverse:hover.disabled:hover, .btn-success.btn-inverse:hover.disabled:focus, .btn-success.btn-inverse:hover.disabled.focus, .btn-success.btn-inverse:hover[disabled]:hover, .btn-success.btn-inverse:hover[disabled]:focus, .btn-success.btn-inverse:hover[disabled].focus, fieldset[disabled] .btn-success.btn-inverse:hover:hover, fieldset[disabled] .btn-success.btn-inverse:hover:focus, fieldset[disabled] .btn-success.btn-inverse:hover.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.btn-inverse:hover .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-success.btn-transparent {
  color: #5cb85c;
  background-color: transparent;
  border-color: #5cb85c;
}
.btn-success.btn-transparent:focus, .btn-success.btn-transparent.focus {
  color: #5cb85c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2d672d;
}
.btn-success.btn-transparent:hover {
  color: #5cb85c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #419641;
}
.btn-success.btn-transparent:active, .btn-success.btn-transparent.active, .open > .btn-success.btn-transparent.dropdown-toggle {
  color: #5cb85c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #419641;
}
.btn-success.btn-transparent:active:hover, .btn-success.btn-transparent:active:focus, .btn-success.btn-transparent:active.focus, .btn-success.btn-transparent.active:hover, .btn-success.btn-transparent.active:focus, .btn-success.btn-transparent.active.focus, .open > .btn-success.btn-transparent.dropdown-toggle:hover, .open > .btn-success.btn-transparent.dropdown-toggle:focus, .open > .btn-success.btn-transparent.dropdown-toggle.focus {
  color: #5cb85c;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2d672d;
}
.btn-success.btn-transparent:active, .btn-success.btn-transparent.active, .open > .btn-success.btn-transparent.dropdown-toggle {
  background-image: none;
}
.btn-success.btn-transparent.disabled:hover, .btn-success.btn-transparent.disabled:focus, .btn-success.btn-transparent.disabled.focus, .btn-success.btn-transparent[disabled]:hover, .btn-success.btn-transparent[disabled]:focus, .btn-success.btn-transparent[disabled].focus, fieldset[disabled] .btn-success.btn-transparent:hover, fieldset[disabled] .btn-success.btn-transparent:focus, fieldset[disabled] .btn-success.btn-transparent.focus {
  background-color: transparent;
  border-color: #5cb85c;
}
.btn-success.btn-transparent .badge {
  color: transparent;
  background-color: #5cb85c;
}
.btn-success.btn-transparent:hover {
  color: #5cb85c;
  background-color: #2d672d;
  border-color: #5cb85c;
}
.btn-success.btn-transparent:hover:focus, .btn-success.btn-transparent:hover.focus {
  color: #5cb85c;
  background-color: #1e441e;
  border-color: #2d672d;
}
.btn-success.btn-transparent:hover:hover {
  color: #5cb85c;
  background-color: #1e441e;
  border-color: #419641;
}
.btn-success.btn-transparent:hover:active, .btn-success.btn-transparent:hover.active, .open > .btn-success.btn-transparent:hover.dropdown-toggle {
  color: #5cb85c;
  background-color: #1e441e;
  border-color: #419641;
}
.btn-success.btn-transparent:hover:active:hover, .btn-success.btn-transparent:hover:active:focus, .btn-success.btn-transparent:hover:active.focus, .btn-success.btn-transparent:hover.active:hover, .btn-success.btn-transparent:hover.active:focus, .btn-success.btn-transparent:hover.active.focus, .open > .btn-success.btn-transparent:hover.dropdown-toggle:hover, .open > .btn-success.btn-transparent:hover.dropdown-toggle:focus, .open > .btn-success.btn-transparent:hover.dropdown-toggle.focus {
  color: #5cb85c;
  background-color: #132b13;
  border-color: #2d672d;
}
.btn-success.btn-transparent:hover:active, .btn-success.btn-transparent:hover.active, .open > .btn-success.btn-transparent:hover.dropdown-toggle {
  background-image: none;
}
.btn-success.btn-transparent:hover.disabled:hover, .btn-success.btn-transparent:hover.disabled:focus, .btn-success.btn-transparent:hover.disabled.focus, .btn-success.btn-transparent:hover[disabled]:hover, .btn-success.btn-transparent:hover[disabled]:focus, .btn-success.btn-transparent:hover[disabled].focus, fieldset[disabled] .btn-success.btn-transparent:hover:hover, fieldset[disabled] .btn-success.btn-transparent:hover:focus, fieldset[disabled] .btn-success.btn-transparent:hover.focus {
  background-color: #2d672d;
  border-color: #5cb85c;
}
.btn-success.btn-transparent:hover .badge {
  color: #2d672d;
  background-color: #5cb85c;
}

.btn-info.btn-inverse {
  color: #5bc0de;
  background-color: #fff;
  border-color: #5bc0de;
}
.btn-info.btn-inverse:focus, .btn-info.btn-inverse.focus {
  color: #5bc0de;
  background-color: #e6e6e6;
  border-color: #1f7e9a;
}
.btn-info.btn-inverse:hover {
  color: #5bc0de;
  background-color: #e6e6e6;
  border-color: #2aabd2;
}
.btn-info.btn-inverse:active, .btn-info.btn-inverse.active, .open > .btn-info.btn-inverse.dropdown-toggle {
  color: #5bc0de;
  background-color: #e6e6e6;
  border-color: #2aabd2;
}
.btn-info.btn-inverse:active:hover, .btn-info.btn-inverse:active:focus, .btn-info.btn-inverse:active.focus, .btn-info.btn-inverse.active:hover, .btn-info.btn-inverse.active:focus, .btn-info.btn-inverse.active.focus, .open > .btn-info.btn-inverse.dropdown-toggle:hover, .open > .btn-info.btn-inverse.dropdown-toggle:focus, .open > .btn-info.btn-inverse.dropdown-toggle.focus {
  color: #5bc0de;
  background-color: #d4d4d4;
  border-color: #1f7e9a;
}
.btn-info.btn-inverse:active, .btn-info.btn-inverse.active, .open > .btn-info.btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-info.btn-inverse.disabled:hover, .btn-info.btn-inverse.disabled:focus, .btn-info.btn-inverse.disabled.focus, .btn-info.btn-inverse[disabled]:hover, .btn-info.btn-inverse[disabled]:focus, .btn-info.btn-inverse[disabled].focus, fieldset[disabled] .btn-info.btn-inverse:hover, fieldset[disabled] .btn-info.btn-inverse:focus, fieldset[disabled] .btn-info.btn-inverse.focus {
  background-color: #fff;
  border-color: #5bc0de;
}
.btn-info.btn-inverse .badge {
  color: #fff;
  background-color: #5bc0de;
}
.btn-info.btn-inverse:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.btn-inverse:hover:focus, .btn-info.btn-inverse:hover.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info.btn-inverse:hover:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.btn-inverse:hover:active, .btn-info.btn-inverse:hover.active, .open > .btn-info.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.btn-inverse:hover:active:hover, .btn-info.btn-inverse:hover:active:focus, .btn-info.btn-inverse:hover:active.focus, .btn-info.btn-inverse:hover.active:hover, .btn-info.btn-inverse:hover.active:focus, .btn-info.btn-inverse:hover.active.focus, .open > .btn-info.btn-inverse:hover.dropdown-toggle:hover, .open > .btn-info.btn-inverse:hover.dropdown-toggle:focus, .open > .btn-info.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.btn-inverse:hover:active, .btn-info.btn-inverse:hover.active, .open > .btn-info.btn-inverse:hover.dropdown-toggle {
  background-image: none;
}
.btn-info.btn-inverse:hover.disabled:hover, .btn-info.btn-inverse:hover.disabled:focus, .btn-info.btn-inverse:hover.disabled.focus, .btn-info.btn-inverse:hover[disabled]:hover, .btn-info.btn-inverse:hover[disabled]:focus, .btn-info.btn-inverse:hover[disabled].focus, fieldset[disabled] .btn-info.btn-inverse:hover:hover, fieldset[disabled] .btn-info.btn-inverse:hover:focus, fieldset[disabled] .btn-info.btn-inverse:hover.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.btn-inverse:hover .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-info.btn-transparent {
  color: #5bc0de;
  background-color: transparent;
  border-color: #5bc0de;
}
.btn-info.btn-transparent:focus, .btn-info.btn-transparent.focus {
  color: #5bc0de;
  background-color: rgba(0, 0, 0, 0);
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:hover {
  color: #5bc0de;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2aabd2;
}
.btn-info.btn-transparent:active, .btn-info.btn-transparent.active, .open > .btn-info.btn-transparent.dropdown-toggle {
  color: #5bc0de;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2aabd2;
}
.btn-info.btn-transparent:active:hover, .btn-info.btn-transparent:active:focus, .btn-info.btn-transparent:active.focus, .btn-info.btn-transparent.active:hover, .btn-info.btn-transparent.active:focus, .btn-info.btn-transparent.active.focus, .open > .btn-info.btn-transparent.dropdown-toggle:hover, .open > .btn-info.btn-transparent.dropdown-toggle:focus, .open > .btn-info.btn-transparent.dropdown-toggle.focus {
  color: #5bc0de;
  background-color: rgba(0, 0, 0, 0);
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:active, .btn-info.btn-transparent.active, .open > .btn-info.btn-transparent.dropdown-toggle {
  background-image: none;
}
.btn-info.btn-transparent.disabled:hover, .btn-info.btn-transparent.disabled:focus, .btn-info.btn-transparent.disabled.focus, .btn-info.btn-transparent[disabled]:hover, .btn-info.btn-transparent[disabled]:focus, .btn-info.btn-transparent[disabled].focus, fieldset[disabled] .btn-info.btn-transparent:hover, fieldset[disabled] .btn-info.btn-transparent:focus, fieldset[disabled] .btn-info.btn-transparent.focus {
  background-color: transparent;
  border-color: #5bc0de;
}
.btn-info.btn-transparent .badge {
  color: transparent;
  background-color: #5bc0de;
}
.btn-info.btn-transparent:hover {
  color: #5bc0de;
  background-color: #1f7e9a;
  border-color: #5bc0de;
}
.btn-info.btn-transparent:hover:focus, .btn-info.btn-transparent:hover.focus {
  color: #5bc0de;
  background-color: #175b70;
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:hover:hover {
  color: #5bc0de;
  background-color: #175b70;
  border-color: #2aabd2;
}
.btn-info.btn-transparent:hover:active, .btn-info.btn-transparent:hover.active, .open > .btn-info.btn-transparent:hover.dropdown-toggle {
  color: #5bc0de;
  background-color: #175b70;
  border-color: #2aabd2;
}
.btn-info.btn-transparent:hover:active:hover, .btn-info.btn-transparent:hover:active:focus, .btn-info.btn-transparent:hover:active.focus, .btn-info.btn-transparent:hover.active:hover, .btn-info.btn-transparent:hover.active:focus, .btn-info.btn-transparent:hover.active.focus, .open > .btn-info.btn-transparent:hover.dropdown-toggle:hover, .open > .btn-info.btn-transparent:hover.dropdown-toggle:focus, .open > .btn-info.btn-transparent:hover.dropdown-toggle.focus {
  color: #5bc0de;
  background-color: #114352;
  border-color: #1f7e9a;
}
.btn-info.btn-transparent:hover:active, .btn-info.btn-transparent:hover.active, .open > .btn-info.btn-transparent:hover.dropdown-toggle {
  background-image: none;
}
.btn-info.btn-transparent:hover.disabled:hover, .btn-info.btn-transparent:hover.disabled:focus, .btn-info.btn-transparent:hover.disabled.focus, .btn-info.btn-transparent:hover[disabled]:hover, .btn-info.btn-transparent:hover[disabled]:focus, .btn-info.btn-transparent:hover[disabled].focus, fieldset[disabled] .btn-info.btn-transparent:hover:hover, fieldset[disabled] .btn-info.btn-transparent:hover:focus, fieldset[disabled] .btn-info.btn-transparent:hover.focus {
  background-color: #1f7e9a;
  border-color: #5bc0de;
}
.btn-info.btn-transparent:hover .badge {
  color: #1f7e9a;
  background-color: #5bc0de;
}

.btn-warning.btn-inverse {
  color: #f0ad4e;
  background-color: #fff;
  border-color: #f0ad4e;
}
.btn-warning.btn-inverse:focus, .btn-warning.btn-inverse.focus {
  color: #f0ad4e;
  background-color: #e6e6e6;
  border-color: #b06d0f;
}
.btn-warning.btn-inverse:hover {
  color: #f0ad4e;
  background-color: #e6e6e6;
  border-color: #eb9316;
}
.btn-warning.btn-inverse:active, .btn-warning.btn-inverse.active, .open > .btn-warning.btn-inverse.dropdown-toggle {
  color: #f0ad4e;
  background-color: #e6e6e6;
  border-color: #eb9316;
}
.btn-warning.btn-inverse:active:hover, .btn-warning.btn-inverse:active:focus, .btn-warning.btn-inverse:active.focus, .btn-warning.btn-inverse.active:hover, .btn-warning.btn-inverse.active:focus, .btn-warning.btn-inverse.active.focus, .open > .btn-warning.btn-inverse.dropdown-toggle:hover, .open > .btn-warning.btn-inverse.dropdown-toggle:focus, .open > .btn-warning.btn-inverse.dropdown-toggle.focus {
  color: #f0ad4e;
  background-color: #d4d4d4;
  border-color: #b06d0f;
}
.btn-warning.btn-inverse:active, .btn-warning.btn-inverse.active, .open > .btn-warning.btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-warning.btn-inverse.disabled:hover, .btn-warning.btn-inverse.disabled:focus, .btn-warning.btn-inverse.disabled.focus, .btn-warning.btn-inverse[disabled]:hover, .btn-warning.btn-inverse[disabled]:focus, .btn-warning.btn-inverse[disabled].focus, fieldset[disabled] .btn-warning.btn-inverse:hover, fieldset[disabled] .btn-warning.btn-inverse:focus, fieldset[disabled] .btn-warning.btn-inverse.focus {
  background-color: #fff;
  border-color: #f0ad4e;
}
.btn-warning.btn-inverse .badge {
  color: #fff;
  background-color: #f0ad4e;
}
.btn-warning.btn-inverse:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.btn-inverse:hover:focus, .btn-warning.btn-inverse:hover.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning.btn-inverse:hover:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.btn-inverse:hover:active, .btn-warning.btn-inverse:hover.active, .open > .btn-warning.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.btn-inverse:hover:active:hover, .btn-warning.btn-inverse:hover:active:focus, .btn-warning.btn-inverse:hover:active.focus, .btn-warning.btn-inverse:hover.active:hover, .btn-warning.btn-inverse:hover.active:focus, .btn-warning.btn-inverse:hover.active.focus, .open > .btn-warning.btn-inverse:hover.dropdown-toggle:hover, .open > .btn-warning.btn-inverse:hover.dropdown-toggle:focus, .open > .btn-warning.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.btn-inverse:hover:active, .btn-warning.btn-inverse:hover.active, .open > .btn-warning.btn-inverse:hover.dropdown-toggle {
  background-image: none;
}
.btn-warning.btn-inverse:hover.disabled:hover, .btn-warning.btn-inverse:hover.disabled:focus, .btn-warning.btn-inverse:hover.disabled.focus, .btn-warning.btn-inverse:hover[disabled]:hover, .btn-warning.btn-inverse:hover[disabled]:focus, .btn-warning.btn-inverse:hover[disabled].focus, fieldset[disabled] .btn-warning.btn-inverse:hover:hover, fieldset[disabled] .btn-warning.btn-inverse:hover:focus, fieldset[disabled] .btn-warning.btn-inverse:hover.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.btn-inverse:hover .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-warning.btn-transparent {
  color: #f0ad4e;
  background-color: transparent;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent:focus, .btn-warning.btn-transparent.focus {
  color: #f0ad4e;
  background-color: rgba(0, 0, 0, 0);
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:hover {
  color: #f0ad4e;
  background-color: rgba(0, 0, 0, 0);
  border-color: #eb9316;
}
.btn-warning.btn-transparent:active, .btn-warning.btn-transparent.active, .open > .btn-warning.btn-transparent.dropdown-toggle {
  color: #f0ad4e;
  background-color: rgba(0, 0, 0, 0);
  border-color: #eb9316;
}
.btn-warning.btn-transparent:active:hover, .btn-warning.btn-transparent:active:focus, .btn-warning.btn-transparent:active.focus, .btn-warning.btn-transparent.active:hover, .btn-warning.btn-transparent.active:focus, .btn-warning.btn-transparent.active.focus, .open > .btn-warning.btn-transparent.dropdown-toggle:hover, .open > .btn-warning.btn-transparent.dropdown-toggle:focus, .open > .btn-warning.btn-transparent.dropdown-toggle.focus {
  color: #f0ad4e;
  background-color: rgba(0, 0, 0, 0);
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:active, .btn-warning.btn-transparent.active, .open > .btn-warning.btn-transparent.dropdown-toggle {
  background-image: none;
}
.btn-warning.btn-transparent.disabled:hover, .btn-warning.btn-transparent.disabled:focus, .btn-warning.btn-transparent.disabled.focus, .btn-warning.btn-transparent[disabled]:hover, .btn-warning.btn-transparent[disabled]:focus, .btn-warning.btn-transparent[disabled].focus, fieldset[disabled] .btn-warning.btn-transparent:hover, fieldset[disabled] .btn-warning.btn-transparent:focus, fieldset[disabled] .btn-warning.btn-transparent.focus {
  background-color: transparent;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent .badge {
  color: transparent;
  background-color: #f0ad4e;
}
.btn-warning.btn-transparent:hover {
  color: #f0ad4e;
  background-color: #b06d0f;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent:hover:focus, .btn-warning.btn-transparent:hover.focus {
  color: #f0ad4e;
  background-color: #81500b;
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:hover:hover {
  color: #f0ad4e;
  background-color: #81500b;
  border-color: #eb9316;
}
.btn-warning.btn-transparent:hover:active, .btn-warning.btn-transparent:hover.active, .open > .btn-warning.btn-transparent:hover.dropdown-toggle {
  color: #f0ad4e;
  background-color: #81500b;
  border-color: #eb9316;
}
.btn-warning.btn-transparent:hover:active:hover, .btn-warning.btn-transparent:hover:active:focus, .btn-warning.btn-transparent:hover:active.focus, .btn-warning.btn-transparent:hover.active:hover, .btn-warning.btn-transparent:hover.active:focus, .btn-warning.btn-transparent:hover.active.focus, .open > .btn-warning.btn-transparent:hover.dropdown-toggle:hover, .open > .btn-warning.btn-transparent:hover.dropdown-toggle:focus, .open > .btn-warning.btn-transparent:hover.dropdown-toggle.focus {
  color: #f0ad4e;
  background-color: #603b08;
  border-color: #b06d0f;
}
.btn-warning.btn-transparent:hover:active, .btn-warning.btn-transparent:hover.active, .open > .btn-warning.btn-transparent:hover.dropdown-toggle {
  background-image: none;
}
.btn-warning.btn-transparent:hover.disabled:hover, .btn-warning.btn-transparent:hover.disabled:focus, .btn-warning.btn-transparent:hover.disabled.focus, .btn-warning.btn-transparent:hover[disabled]:hover, .btn-warning.btn-transparent:hover[disabled]:focus, .btn-warning.btn-transparent:hover[disabled].focus, fieldset[disabled] .btn-warning.btn-transparent:hover:hover, fieldset[disabled] .btn-warning.btn-transparent:hover:focus, fieldset[disabled] .btn-warning.btn-transparent:hover.focus {
  background-color: #b06d0f;
  border-color: #f0ad4e;
}
.btn-warning.btn-transparent:hover .badge {
  color: #b06d0f;
  background-color: #f0ad4e;
}

.btn-danger.btn-inverse {
  color: #d9534f;
  background-color: #fff;
  border-color: #d9534f;
}
.btn-danger.btn-inverse:focus, .btn-danger.btn-inverse.focus {
  color: #d9534f;
  background-color: #e6e6e6;
  border-color: #8b211e;
}
.btn-danger.btn-inverse:hover {
  color: #d9534f;
  background-color: #e6e6e6;
  border-color: #c12e2a;
}
.btn-danger.btn-inverse:active, .btn-danger.btn-inverse.active, .open > .btn-danger.btn-inverse.dropdown-toggle {
  color: #d9534f;
  background-color: #e6e6e6;
  border-color: #c12e2a;
}
.btn-danger.btn-inverse:active:hover, .btn-danger.btn-inverse:active:focus, .btn-danger.btn-inverse:active.focus, .btn-danger.btn-inverse.active:hover, .btn-danger.btn-inverse.active:focus, .btn-danger.btn-inverse.active.focus, .open > .btn-danger.btn-inverse.dropdown-toggle:hover, .open > .btn-danger.btn-inverse.dropdown-toggle:focus, .open > .btn-danger.btn-inverse.dropdown-toggle.focus {
  color: #d9534f;
  background-color: #d4d4d4;
  border-color: #8b211e;
}
.btn-danger.btn-inverse:active, .btn-danger.btn-inverse.active, .open > .btn-danger.btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-danger.btn-inverse.disabled:hover, .btn-danger.btn-inverse.disabled:focus, .btn-danger.btn-inverse.disabled.focus, .btn-danger.btn-inverse[disabled]:hover, .btn-danger.btn-inverse[disabled]:focus, .btn-danger.btn-inverse[disabled].focus, fieldset[disabled] .btn-danger.btn-inverse:hover, fieldset[disabled] .btn-danger.btn-inverse:focus, fieldset[disabled] .btn-danger.btn-inverse.focus {
  background-color: #fff;
  border-color: #d9534f;
}
.btn-danger.btn-inverse .badge {
  color: #fff;
  background-color: #d9534f;
}
.btn-danger.btn-inverse:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.btn-inverse:hover:focus, .btn-danger.btn-inverse:hover.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger.btn-inverse:hover:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.btn-inverse:hover:active, .btn-danger.btn-inverse:hover.active, .open > .btn-danger.btn-inverse:hover.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.btn-inverse:hover:active:hover, .btn-danger.btn-inverse:hover:active:focus, .btn-danger.btn-inverse:hover:active.focus, .btn-danger.btn-inverse:hover.active:hover, .btn-danger.btn-inverse:hover.active:focus, .btn-danger.btn-inverse:hover.active.focus, .open > .btn-danger.btn-inverse:hover.dropdown-toggle:hover, .open > .btn-danger.btn-inverse:hover.dropdown-toggle:focus, .open > .btn-danger.btn-inverse:hover.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.btn-inverse:hover:active, .btn-danger.btn-inverse:hover.active, .open > .btn-danger.btn-inverse:hover.dropdown-toggle {
  background-image: none;
}
.btn-danger.btn-inverse:hover.disabled:hover, .btn-danger.btn-inverse:hover.disabled:focus, .btn-danger.btn-inverse:hover.disabled.focus, .btn-danger.btn-inverse:hover[disabled]:hover, .btn-danger.btn-inverse:hover[disabled]:focus, .btn-danger.btn-inverse:hover[disabled].focus, fieldset[disabled] .btn-danger.btn-inverse:hover:hover, fieldset[disabled] .btn-danger.btn-inverse:hover:focus, fieldset[disabled] .btn-danger.btn-inverse:hover.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.btn-inverse:hover .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-danger.btn-transparent {
  color: #d9534f;
  background-color: transparent;
  border-color: #d9534f;
}
.btn-danger.btn-transparent:focus, .btn-danger.btn-transparent.focus {
  color: #d9534f;
  background-color: rgba(0, 0, 0, 0);
  border-color: #8b211e;
}
.btn-danger.btn-transparent:hover {
  color: #d9534f;
  background-color: rgba(0, 0, 0, 0);
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:active, .btn-danger.btn-transparent.active, .open > .btn-danger.btn-transparent.dropdown-toggle {
  color: #d9534f;
  background-color: rgba(0, 0, 0, 0);
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:active:hover, .btn-danger.btn-transparent:active:focus, .btn-danger.btn-transparent:active.focus, .btn-danger.btn-transparent.active:hover, .btn-danger.btn-transparent.active:focus, .btn-danger.btn-transparent.active.focus, .open > .btn-danger.btn-transparent.dropdown-toggle:hover, .open > .btn-danger.btn-transparent.dropdown-toggle:focus, .open > .btn-danger.btn-transparent.dropdown-toggle.focus {
  color: #d9534f;
  background-color: rgba(0, 0, 0, 0);
  border-color: #8b211e;
}
.btn-danger.btn-transparent:active, .btn-danger.btn-transparent.active, .open > .btn-danger.btn-transparent.dropdown-toggle {
  background-image: none;
}
.btn-danger.btn-transparent.disabled:hover, .btn-danger.btn-transparent.disabled:focus, .btn-danger.btn-transparent.disabled.focus, .btn-danger.btn-transparent[disabled]:hover, .btn-danger.btn-transparent[disabled]:focus, .btn-danger.btn-transparent[disabled].focus, fieldset[disabled] .btn-danger.btn-transparent:hover, fieldset[disabled] .btn-danger.btn-transparent:focus, fieldset[disabled] .btn-danger.btn-transparent.focus {
  background-color: transparent;
  border-color: #d9534f;
}
.btn-danger.btn-transparent .badge {
  color: transparent;
  background-color: #d9534f;
}
.btn-danger.btn-transparent:hover {
  color: #d9534f;
  background-color: #8b211e;
  border-color: #d9534f;
}
.btn-danger.btn-transparent:hover:focus, .btn-danger.btn-transparent:hover.focus {
  color: #d9534f;
  background-color: #611715;
  border-color: #8b211e;
}
.btn-danger.btn-transparent:hover:hover {
  color: #d9534f;
  background-color: #611715;
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:hover:active, .btn-danger.btn-transparent:hover.active, .open > .btn-danger.btn-transparent:hover.dropdown-toggle {
  color: #d9534f;
  background-color: #611715;
  border-color: #c12e2a;
}
.btn-danger.btn-transparent:hover:active:hover, .btn-danger.btn-transparent:hover:active:focus, .btn-danger.btn-transparent:hover:active.focus, .btn-danger.btn-transparent:hover.active:hover, .btn-danger.btn-transparent:hover.active:focus, .btn-danger.btn-transparent:hover.active.focus, .open > .btn-danger.btn-transparent:hover.dropdown-toggle:hover, .open > .btn-danger.btn-transparent:hover.dropdown-toggle:focus, .open > .btn-danger.btn-transparent:hover.dropdown-toggle.focus {
  color: #d9534f;
  background-color: #43100f;
  border-color: #8b211e;
}
.btn-danger.btn-transparent:hover:active, .btn-danger.btn-transparent:hover.active, .open > .btn-danger.btn-transparent:hover.dropdown-toggle {
  background-image: none;
}
.btn-danger.btn-transparent:hover.disabled:hover, .btn-danger.btn-transparent:hover.disabled:focus, .btn-danger.btn-transparent:hover.disabled.focus, .btn-danger.btn-transparent:hover[disabled]:hover, .btn-danger.btn-transparent:hover[disabled]:focus, .btn-danger.btn-transparent:hover[disabled].focus, fieldset[disabled] .btn-danger.btn-transparent:hover:hover, fieldset[disabled] .btn-danger.btn-transparent:hover:focus, fieldset[disabled] .btn-danger.btn-transparent:hover.focus {
  background-color: #8b211e;
  border-color: #d9534f;
}
.btn-danger.btn-transparent:hover .badge {
  color: #8b211e;
  background-color: #d9534f;
}

.btn-secondary {
  color: #fff;
  background-color: #f1a32b;
  border-color: #ef9913;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #db8a0e;
  border-color: #7b4e08;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #db8a0e;
  border-color: #b9750c;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #db8a0e;
  border-color: #b9750c;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: #b9750c;
  border-color: #7b4e08;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
  background-color: #f1a32b;
  border-color: #ef9913;
}
.btn-secondary .badge {
  color: #f1a32b;
  background-color: #fff;
}

.btn-lg, .btn-group-lg > .btn {
  font-size: 120%;
}

.btn-outline {
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  background: transparent;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.btn-outline:active, .btn-outline.active {
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.4);
}

body {
  overflow-x: hidden;
}

#main-navigation {
  padding: var(--safe-area-inset-top) 0 var(--safe-area-inset-bottom);
  float: left;
  width: 0;
  overflow: hidden;
  overflow-y: auto;
  position: fixed;
  top: 30px;
  bottom: 0;
  z-index: 600;
  -webkit-transition: width 0.25s ease-in;
  -moz-transition: width 0.25s ease-in;
  transition: width 0.25s ease-in;
  background: var(--main-nav-background);
  /*@media screen and (min-width: $screen-tablet) {
  	.hassubnav > a:before {
  		display:none;	
  		line-height:38px;						// Höhe vom Menüpunkt
  	}

  	&.active .hassubnav > a:before {
  		display:block
  	}

  	width:50px;

  	.expand {
  		display:block;	
  	}

  	@media screen and (max-width: $screen-sm-max) {			
  		&:not(.active) span { 
  			opacity:0
  		}
  	}
  }*/
}
@media screen and (min-width: 992px) {
  #main-navigation {
    padding-bottom: 0;
  }
}
#main-navigation > a {
  display: none;
}
#main-navigation a img {
  cursor: pointer;
}
#main-navigation .responsive-logo {
  display: inline-flex;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #main-navigation .responsive-logo {
    height: 100%;
  }
}
@media screen and (min-width: 992px) {
  #main-navigation .logo-default {
    height: 100%;
  }
}
@media screen and (min-width: 992px) {
  #main-navigation {
    top: 80px;
  }
  .fixfixed #main-navigation {
    position: absolute;
  }
}
#main-navigation .expand {
  background: #1d659e;
}
#main-navigation .subnav {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.25s ease-in;
  -moz-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
}
#main-navigation .subnav a {
  padding: 7px 10px 7px 40px;
}
#main-navigation .badge {
  background-color: rgb(136, 0, 0);
  padding: 3px 5px;
}
#main-navigation li {
  border-top: 1px solid transparent;
}
@media screen and (min-width: 992px) {
  #main-navigation li {
    border-top: 0;
  }
}
#main-navigation li.active {
  border-top: var(--main-nav-active-border-horizontal);
}
#main-navigation li.active .subnav {
  max-height: 1000px;
  border-bottom: var(--main-nav-active-border-horizontal);
}
#main-navigation li.active.hassubnav + .active {
  border-top: 0;
}
#main-navigation .hassubnav > a:before {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  line-height: 35px;
  font-size: 170%;
}
@media screen and (min-width: 992px) {
  #main-navigation {
    width: 220px;
    /*background:#fff;
    border-right: 2px solid $color_3;

    .active {
        > a {
            background:rgba(29, 29, 29, 0.05) !important;
        }

        > ul {
            background:#fff !important;
        }
    }

    a {
        color: $color_3 !important;
        i {
            color: $color_1;
        }

    }*/
  }
  #main-navigation .hassubnav > a:before {
    display: block;
  }
  #main-navigation .expand {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  #main-navigation.active {
    width: 220px;
  }
  #main-navigation.active {
    width: calc(220px + var(--safe-area-inset-left));
  }
  #main-navigation > ul {
    margin-left: var(--safe-area-inset-left);
  }
}
@media screen and (max-width: 767px) {
  #main-navigation.active .expand {
    display: block;
  }
}
#main-navigation i, #main-navigation .expand:before {
  display: inline-block;
  width: 30px;
  text-align: center;
}
#main-navigation ul {
  padding: 0;
}
#main-navigation li {
  overflow: hidden;
  display: block;
  /**
   * :hover nur für Links, nicht für Logo
   */
}
#main-navigation li:hover > a {
  background: var(--main-nav-hover-background, rgba(255, 255, 255, 0.25));
  color: var(--main-nav-hover-color, var(--main-nav-color));
}
#main-navigation a {
  display: block;
  padding: 10px;
  color: var(--main-nav-color);
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  -webkit-transition: border 0.25s ease-in;
  -moz-transition: border 0.25s ease-in;
  transition: border 0.25s ease-in;
}
#main-navigation a span {
  -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
}
#main-navigation .active > a,
#main-navigation .active > ul {
  background: var(--main-nav-active-background, rgba(0, 0, 0, 0.25));
  color: var(--main-nav-active-color, var(--main-nav-color));
}
#main-navigation .active a {
  border-left: var(--main-nav-active-border);
}
#main-navigation .active a:hover {
  background: var(--main-nav-hover-background, rgba(255, 255, 255, 0.25));
  color: var(--main-nav-hover-color, var(--main-nav-active-color));
}
@media screen and (max-width: 991px) {
  #main-navigation > a {
    display: none;
  }
}

#main-navigation + #content {
  -webkit-transition: margin 0.25s ease-in;
  -moz-transition: margin 0.25s ease-in;
  transition: margin 0.25s ease-in;
  /*@media screen and (min-width: $screen-tablet) {		
  	margin: 0 0 0 $menu-width-tablet;
  	width:auto;

  	.page_action {
  		bottom:0	
  	}
  }*/
}
@media screen and (min-width: 992px) {
  #main-navigation + #content {
    margin: 0 0 0 220px;
  }
}

#main-navigation.active + #content {
  width: 100%;
  /* Wozu wird der gebraucht???

     .page {
  	bottom:0	
  }*/
}
@media screen and (max-width: 991px) {
  #main-navigation.active + #content #app-header {
    left: 220px;
    /*body.desktop & { ????
        left:0;
    }*/
  }
}
@media screen and (max-width: 991px) {
  #main-navigation.active + #content {
    margin-left: 220px;
  }
  #main-navigation.active + #content {
    margin-left: calc(220px + var(--safe-area-inset-left));
  }
}
@media screen and (max-width: 991px) {
  #main-navigation.active + #content {
    margin: 0 0 0 220px;
    width: auto;
  }
  #main-navigation.active + #content .page {
    margin-right: -220px;
  }
  #main-navigation.active + #content .page_action {
    left: 220px;
  }
  #main-navigation.active + #content .page_action {
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  #main-navigation.active + #content #nav-overlay {
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 550;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}
.quick-navigation {
  display: none;
}

@media screen and (min-width: 992px) {
  #main-navigation {
    width: auto;
    top: 30px;
    left: 0;
    right: 0;
    bottom: auto;
    text-align: center;
    overflow: visible;
    height: var(--header-height);
    transition: all ease-in 0.25s;
    padding-top: var(--safe-area-inset-top);
  }
  #main-navigation > ul {
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
  }
  #main-navigation li {
    display: inline-block;
    text-align: left;
  }
  #main-navigation li li {
    display: block;
  }
  #main-navigation .active a {
    border-left: 0;
  }
  #main-navigation a {
    line-height: calc(var(--header-base) - 20px);
    height: var(--header-base);
    transition: all ease-in 0.25s;
  }
  #main-navigation a:before {
    display: none !important;
  }
  #main-navigation .hassubnav.active .subnav {
    max-height: 0;
    border-bottom: 0;
  }
  #main-navigation .hassubnav .subnav a {
    color: transparent;
    padding: 5px 10px !important;
    height: auto;
  }
  #main-navigation .hassubnav:hover .subnav {
    max-height: 1000px;
    background: #2b3c4e;
  }
  #main-navigation .hassubnav:hover .subnav a {
    color: #fff;
  }
  #main-navigation .subnav {
    position: absolute;
  }
  #main-navigation + #content {
    margin: 0;
  }
  #main-navigation i {
    display: none;
  }
  #main-navigation > a {
    display: inline-block;
    padding: 0 15px;
    max-height: var(--header-base);
    line-height: var(--header-base);
    max-width: 170px;
    width: 100%;
    vertical-align: middle;
    transition: all ease-in 0.25s;
  }
  #main-navigation > a img {
    width: 100%;
    height: 100%;
    max-width: 170px;
    vertical-align: middle;
  }
}
.panel {
  background: transparent;
}
.panel .panel-body,
.panel .panel-heading {
  background: #fff;
}

.panel-heading {
  padding-top: 0;
  padding-bottom: 0;
}
.panel-heading .panel-title {
  line-height: 40px;
}

@media screen and (max-width: 334px) {
  .panel-heading {
    border-radius: 0;
  }
}
/*.panel-heading a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
}

.panel-heading a.collapsed:after {
	content: "\e080";
}*/
.loader {
  bottom: 0;
  color: #fff;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
  /**
   * Wenn inline
   */
}
body .block-ui .loader {
  position: absolute;
  background-color: var(--background-loader);
}
body .block-ui .loader .spinner {
  margin-top: 0;
  position: absolute;
  top: calc(50% - 14px);
  left: 0;
  right: 0;
  text-align: center;
}
body .block-ui .loader .message {
  padding-top: 0;
}
body .block-ui.fixed-spinner .loader .spinner {
  position: fixed;
}
.loader .message {
  text-align: center;
  padding-top: 100px;
  color: #2d3f51;
}

.block-ui-active .loader {
  display: block;
  transition: background ease-in 0.25s;
}

.block-ui {
  position: relative;
}

body.block-ui {
  /* IE8 doesn't support .block-ui:not(body) */
  position: static;
}

body.block-ui-active > .block-ui-container,
body.block-ui > .block-ui-container,
.block-ui-main > .block-ui-container {
  position: fixed;
}

.block-ui-container {
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}

.block-ui-active > .block-ui-container {
  height: 100%;
  cursor: wait;
}

.block-ui-active .block-ui-active > .block-ui-container {
  height: 0;
}

.block-ui-visible > .block-ui-container {
  opacity: 1;
  filter: alpha(opacity=100);
}

.block-ui-anim-fade > .block-ui-container {
  -webkit-transition: height 0s linear 200ms, opacity 200ms easein 0s;
  -moz-transition: height 0s linear 200ms, opacity 200ms easein 0s;
  transition: height 0s linear 200ms, opacity 200ms easein 0s;
}

.block-ui-anim-fade.block-ui-active > .block-ui-container {
  /*this resets the initial delay of the height */
  /*and sizes the block to full height at once at the start of the block. */
  transition-delay: 0s;
}

.spinner {
  margin: 100px auto 0;
  text-align: center;
}
.spinner > div:last-child {
  margin-right: 0;
}

.spinner > div {
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  width: 28px;
  height: 28px;
  background-color: #e74c3c;
  margin-right: 7px;
  border-radius: 100%;
  display: inline-block;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

/*
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}*/
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
input[type=range] {
  box-sizing: padding-box;
  background: #CCC;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
input[type=range], input[type=range]::before, input[type=range]::after, input[type=range] *, input[type=range] *::before, input[type=range] *::after {
  box-sizing: border-box;
}
input[type=range] * {
  position: relative;
}
input[type=range]:not(*:root) {
  font-size: 1em;
}
@supports (-moz-appearance: meterbar) {
  input[type=range] {
    font-size: 1em;
  }
}
_:-ms-input-placeholder, :root input[type=range] {
  font-size: 1em;
}

_:-ms-fullscreen, :root input[type=range] {
  font-size: 1em;
}

input[type=range]:not(*:root) {
  -webkit-appearance: none;
}
input[type=range]:not(*:root):focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  position: relative;
  z-index: 1;
}
input[type=range]::-webkit-slider-runnable-track::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  z-index: -1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  text-align: center;
}
input[type=range]::-webkit-slider-thumb::before {
  position: absolute;
  content: "";
  transform: translate(-100%, -50%);
  display: block;
  z-index: -1;
  left: 0;
  top: 50%;
}
input[type=range]::-moz-range-track {
  z-index: -1;
}
input[type=range]::-ms-track {
  border: none;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: transparent;
}
input[type=range]::-webkit-slider-runnable-track {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  height: 10px;
  min-height: 0;
}
input[type=range]::-moz-range-track {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  height: 10px;
  min-height: 0;
}
input[type=range]::-ms-track {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  height: 10px;
  min-height: 0;
}
input[type=range]::-webkit-slider-thumb {
  height: 25px;
  width: 25px;
  background: #e74c3c;
  border: none;
  border-radius: 25px;
  transition: transform 250ms linear;
  transform: scale(1);
  color: #fff;
  background-color: #e74c3c;
  border-color: #e43725;
}
input[type=range]::-webkit-slider-thumb:focus, input[type=range]::-webkit-slider-thumb.focus {
  color: #fff;
  background-color: #d62c1a;
  border-color: #7b190f;
}
input[type=range]::-webkit-slider-thumb:hover {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
input[type=range]::-webkit-slider-thumb:active, input[type=range]::-webkit-slider-thumb.active, .open > input[type=range]::-webkit-slider-thumb.dropdown-toggle {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
input[type=range]::-webkit-slider-thumb:active:hover, input[type=range]::-webkit-slider-thumb:active:focus, input[type=range]::-webkit-slider-thumb:active.focus, input[type=range]::-webkit-slider-thumb.active:hover, input[type=range]::-webkit-slider-thumb.active:focus, input[type=range]::-webkit-slider-thumb.active.focus, .open > input[type=range]::-webkit-slider-thumb.dropdown-toggle:hover, .open > input[type=range]::-webkit-slider-thumb.dropdown-toggle:focus, .open > input[type=range]::-webkit-slider-thumb.dropdown-toggle.focus {
  color: #fff;
  background-color: #b62516;
  border-color: #7b190f;
}
input[type=range]::-webkit-slider-thumb:active, input[type=range]::-webkit-slider-thumb.active, .open > input[type=range]::-webkit-slider-thumb.dropdown-toggle {
  background-image: none;
}
input[type=range]::-webkit-slider-thumb.disabled:hover, input[type=range]::-webkit-slider-thumb.disabled:focus, input[type=range]::-webkit-slider-thumb.disabled.focus, input[type=range]::-webkit-slider-thumb[disabled]:hover, input[type=range]::-webkit-slider-thumb[disabled]:focus, input[type=range]::-webkit-slider-thumb[disabled].focus, fieldset[disabled] input[type=range]::-webkit-slider-thumb:hover, fieldset[disabled] input[type=range]::-webkit-slider-thumb:focus, fieldset[disabled] input[type=range]::-webkit-slider-thumb.focus {
  background-color: #e74c3c;
  border-color: #e43725;
}
input[type=range]::-webkit-slider-thumb .badge {
  color: #e74c3c;
  background-color: #fff;
}
input[type=range]::-moz-range-thumb {
  height: 25px;
  width: 25px;
  background: #e74c3c;
  border: none;
  border-radius: 25px;
  transition: transform 250ms linear;
  transform: scale(1);
  color: #fff;
  background-color: #e74c3c;
  border-color: #e43725;
}
input[type=range]::-moz-range-thumb:focus, input[type=range]::-moz-range-thumb.focus {
  color: #fff;
  background-color: #d62c1a;
  border-color: #7b190f;
}
input[type=range]::-moz-range-thumb:hover {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
input[type=range]::-moz-range-thumb:active, input[type=range]::-moz-range-thumb.active, .open > input[type=range]::-moz-range-thumb.dropdown-toggle {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
input[type=range]::-moz-range-thumb:active:hover, input[type=range]::-moz-range-thumb:active:focus, input[type=range]::-moz-range-thumb:active.focus, input[type=range]::-moz-range-thumb.active:hover, input[type=range]::-moz-range-thumb.active:focus, input[type=range]::-moz-range-thumb.active.focus, .open > input[type=range]::-moz-range-thumb.dropdown-toggle:hover, .open > input[type=range]::-moz-range-thumb.dropdown-toggle:focus, .open > input[type=range]::-moz-range-thumb.dropdown-toggle.focus {
  color: #fff;
  background-color: #b62516;
  border-color: #7b190f;
}
input[type=range]::-moz-range-thumb:active, input[type=range]::-moz-range-thumb.active, .open > input[type=range]::-moz-range-thumb.dropdown-toggle {
  background-image: none;
}
input[type=range]::-moz-range-thumb.disabled:hover, input[type=range]::-moz-range-thumb.disabled:focus, input[type=range]::-moz-range-thumb.disabled.focus, input[type=range]::-moz-range-thumb[disabled]:hover, input[type=range]::-moz-range-thumb[disabled]:focus, input[type=range]::-moz-range-thumb[disabled].focus, fieldset[disabled] input[type=range]::-moz-range-thumb:hover, fieldset[disabled] input[type=range]::-moz-range-thumb:focus, fieldset[disabled] input[type=range]::-moz-range-thumb.focus {
  background-color: #e74c3c;
  border-color: #e43725;
}
input[type=range]::-moz-range-thumb .badge {
  color: #e74c3c;
  background-color: #fff;
}
input[type=range]::-ms-thumb {
  height: 25px;
  width: 25px;
  background: #e74c3c;
  border: none;
  border-radius: 25px;
  transition: transform 250ms linear;
  transform: scale(1);
  color: #fff;
  background-color: #e74c3c;
  border-color: #e43725;
}
input[type=range]::-ms-thumb:focus, input[type=range]::-ms-thumb.focus {
  color: #fff;
  background-color: #d62c1a;
  border-color: #7b190f;
}
input[type=range]::-ms-thumb:hover {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
input[type=range]::-ms-thumb:active, input[type=range]::-ms-thumb.active, .open > input[type=range]::-ms-thumb.dropdown-toggle {
  color: #fff;
  background-color: #d62c1a;
  border-color: #b62516;
}
input[type=range]::-ms-thumb:active:hover, input[type=range]::-ms-thumb:active:focus, input[type=range]::-ms-thumb:active.focus, input[type=range]::-ms-thumb.active:hover, input[type=range]::-ms-thumb.active:focus, input[type=range]::-ms-thumb.active.focus, .open > input[type=range]::-ms-thumb.dropdown-toggle:hover, .open > input[type=range]::-ms-thumb.dropdown-toggle:focus, .open > input[type=range]::-ms-thumb.dropdown-toggle.focus {
  color: #fff;
  background-color: #b62516;
  border-color: #7b190f;
}
input[type=range]::-ms-thumb:active, input[type=range]::-ms-thumb.active, .open > input[type=range]::-ms-thumb.dropdown-toggle {
  background-image: none;
}
input[type=range]::-ms-thumb.disabled:hover, input[type=range]::-ms-thumb.disabled:focus, input[type=range]::-ms-thumb.disabled.focus, input[type=range]::-ms-thumb[disabled]:hover, input[type=range]::-ms-thumb[disabled]:focus, input[type=range]::-ms-thumb[disabled].focus, fieldset[disabled] input[type=range]::-ms-thumb:hover, fieldset[disabled] input[type=range]::-ms-thumb:focus, fieldset[disabled] input[type=range]::-ms-thumb.focus {
  background-color: #e74c3c;
  border-color: #e43725;
}
input[type=range]::-ms-thumb .badge {
  color: #e74c3c;
  background-color: #fff;
}
input[type=range]:active::-webkit-slider-thumb {
  transform: scale(1.25);
}
input[type=range]:active::-moz-range-thumb {
  transform: scale(1.25);
}
input[type=range]:active::-ms-thumb {
  transform: scale(1.25);
}
input[type=range]::-webkit-slider-thumb {
  margin-top: -0.625em;
}
input[type=range]::-ms-track {
  margin-left: auto;
  margin-right: auto;
}

.range {
  margin: 10px 0;
}

.checkbox-group {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.checkbox-group .checkbox {
  float: right;
}
.checkbox-group label {
  padding-top: 17px;
}

.checkbox {
  float: right;
}
.form-horizontal .checkbox {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.checkbox .fa-check, .checkbox .fa-times {
  position: absolute;
  top: 8px;
  font-size: 18px;
  z-index: 1000;
  color: transparent;
  left: 10px;
  transition: all ease-in 0.1s;
  pointer-events: none;
}
.checkbox .fa-times {
  color: #fe2222;
}
.checkbox input:checked ~ .fa-check {
  left: 32px;
  color: #2fad4a;
}
.checkbox input:checked ~ .fa-times {
  color: transparent;
  left: 32px;
}
.checkbox.no-slide {
  position: absolute;
  left: 0;
  top: calc(50% - 26px);
  bottom: 0;
}
.checkbox.no-slide label {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  background: transparent;
  box-shadow: none;
}
.checkbox.no-slide label:after {
  background: transparent;
  border-radius: 0;
  background: rgba(223, 206, 206, 0.1);
  box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, 0.1) !important;
  transition: all ease-in 0.25s;
  background: transparent;
  width: 53px;
}
.checkbox.no-slide label:before {
  left: 10px !important;
  width: 31px !important;
  border-radius: 50% !important;
  box-shadow: none;
}
.checkbox.no-slide input:checked ~ i {
  color: var(--font-light, #fff) !important;
  left: 17px;
}
.checkbox.no-slide .fa-times {
  display: none;
}
.checkbox.no-slide input ~ label:before {
  background: #969696;
}
.checkbox.no-slide input:checked ~ label:before {
  background: #2fad4a;
}
.checkbox.no-slide input:checked ~ label:after {
  background: transparent;
}

.checkbox input {
  display: none;
}
.checkbox input + .error-msg {
  display: none;
}
.checkbox input ~ label {
  cursor: pointer;
  font-size: 1em;
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  width: 58px;
  height: 32px;
  box-shadow: inset 0px 0px 2px 0px #d3d3d3;
  background: var(--checkbox-background);
}
.checkbox input ~ label:after {
  content: " ";
  position: absolute;
  top: 0;
  -webkit-transition: box-shadow 0.1s ease-in;
  -moz-transition: box-shadow 0.1s ease-in;
  transition: box-shadow 0.1s ease-in;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.2);
}
.has-error .checkbox input ~ label:after {
  background: #b3001b;
}
.checkbox input ~ label:before {
  content: " ";
  position: absolute;
  background: white;
  top: 1px;
  left: 1px;
  z-index: 999;
  width: 30px;
  height: calc(100% - 2px);
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  border-radius: 100px;
  box-shadow: 0 3px 1px rgba(0, 0, 0, 0.05), 0 0px 1px rgba(0, 0, 0, 0.3);
}
.checkbox input ~ label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox input:active ~ label:after {
  box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}
.checkbox input:active ~ label:before {
  width: 37px;
}
.checkbox input:checked:active ~ label:before {
  width: 37px;
  left: 20px;
}
.checkbox input:checked ~ label:after {
  content: " ";
  font-size: 1.5em;
  position: absolute;
  background: #2fad4a;
  box-shadow: none;
}
.checkbox input:checked ~ label:before {
  content: " ";
  position: absolute;
  left: 26px;
  border-radius: 100px;
}

/*temp raus für präse
.radio {

    input {
        & + span {

            cursor: pointer;
            font-size: 1em;

            background-color: #fafbfa;                            //TODO

            border-radius: 50%;
            border:1px solid #ccc;
            height:50px;
            width:50px;
            position: relative;

            //margin-right: 30px;                                 WARUM?
            @include transition(all 0.1s ease-in);

            &:after {                                             // bar
                content:'';
                position: absolute;
                background: transparent;
                top: 5px;
                left: 5px;
                right: 5px;
                bottom: 5px;
            }

            &:active {
                box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
            }
        }
    }
}*/
input[type=email], .form-group input[type=email], input[type=number], .form-group input[type=number], input[type=password], .form-group input[type=password], input[type=search], .form-group input[type=search], input[type=tel], .form-group input[type=tel], input[type=text], .form-group input[type=text], input[type=url], .form-group input[type=url], input[type=color], .form-group input[type=color], input[type=date], .form-group input[type=date], input[type=datetime], .form-group input[type=datetime], input[type=datetime-local], .form-group input[type=datetime-local], input[type=month], .form-group input[type=month], input[type=time], .form-group input[type=time], input[type=week], .form-group input[type=week],
select,
.form-group select,
textarea,
.form-group textarea,
.switch-toggle,
.form-group .switch-toggle {
  color: var(--field-color);
  background: var(--field-background-color);
  border: var(--field-border);
}

option, .form-group option {
  background: var(--field-option-background-color, var(--field-background-color));
  color: var(--field-option-color, var(--field-color));
}

.switch-toggle a {
  display: none;
}
.switch-toggle input:checked ~ a {
  display: block;
}
.switch-toggle.janein .btn-primary {
  border-color: transparent;
}
.switch-toggle.janein input:checked + label {
  color: #fff;
}
.switch-toggle.janein input:checked:nth-child(1) ~ .btn-primary {
  background: green;
}
.switch-toggle.janein input:checked:nth-child(3) ~ .btn-primary {
  background: red;
}

/**
 * ggf. für alle Forms nachziehen: textfield-display braucht (formabhängig) padding
 */
.form-horizontal .textfield-display > label ~ div {
  padding-top: 7px;
}

@-moz-document url-prefix() {
  .form-group input[type=time] {
    line-height: unset;
  }
}

.replace-text-with-icon, label[for*=geschlecht] {
  text-indent: -1000px;
  position: relative;
  overflow: hidden;
}

label[for*=geschlecht]:before {
  position: absolute;
  font-size: 150%;
  line-height: 28px;
  text-indent: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.infinity {
  font-size: 14px;
}
.infinity.form-group {
  /*input {
      width: calc(100% - 3em);
  } */
}
.infinity.form-group > div {
  padding-right: calc(3em + 15px);
  min-height: 34px;
}
.infinity a {
  width: 1.6666666667em;
  font-size: 1.8em;
  height: 34px;
  line-height: 34px;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  background: #eee;
  font-weight: bold;
  right: 15px;
  top: 0;
  position: absolute;
  left: auto;
  cursor: pointer;
  color: #00B21D;
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.infinity .infinity_text {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  opacity: 1;
}
.infinity .infinity_text.ng-hide {
  opacity: 0;
}
.infinity .infinity_text.ng-animate {
  display: inline-block !important;
}
.infinity.form-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.infinity input {
  opacity: 1;
  -webkit-transition: all 0.25s ease-in, color 0s !important;
  -moz-transition: all 0.25s ease-in, color 0s !important;
  transition: all 0.25s ease-in, color 0s !important;
}
.infinity input.ng-animate {
  display: block !important;
}
.infinity input.ng-hide {
  opacity: 0;
}
.infinity input.ng-hide ~ a {
  border-radius: 4px;
}
.infinity input.ng-hide-add {
  color: transparent !important;
  opacity: 1;
  transition-property: none !important;
}
.infinity input.ng-hide-remove {
  color: #2d3f51;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in !important;
  -moz-transition: all 0.25s ease-in !important;
  transition: all 0.25s ease-in !important;
}

.btn-default {
  color: var(--btn-default-color, var(--field-color));
  background: var(--btn-default-background, var(--field-background-color));
  border: var(--btn-default-border, var(--field-border));
}

/**
 * Legends generelle Formatierung
 */
legend {
  /**
   * für den fall dass dort icons reinkommen
   * Farben TODO
   */
  border: 0;
  font-size: 120%;
  font-weight: bold;
  margin: 0 -15px 1em;
  padding: 10px 15px;
  position: relative;
  color: var(--text-on-bg);
  width: calc(100% + 30px);
  /**
   * Wenn Legend innerhalb einer Leistung definiert
   */
}
@media screen and (min-width: 992px) {
  legend {
    border-radius: 5px;
  }
}
legend.haslink {
  cursor: pointer;
}
legend:empty {
  display: none;
}
[leistung] legend {
  margin-top: 1em;
  padding-top: 0.5em;
}
@media screen and (min-width: 768px) {
  .edit legend {
    text-align: center;
  }
  .edit [leistung] legend {
    font-weight: normal;
  }
}

.form-horizontal {
  /**
   * Pflichtfeld-Anzeige "* Pflichtfeld", wird anscheinend nirgendwo genutzt
   * Password etc. sind statisch definiert
   * Radio etc wenn dann auch statisch.
   * Forms für password.html, radio_switch_toggle.html, radio.html, dropdown_bankverbindungen.html, dropdown_adressen.html, vertraege_list.html derzeit unnütz
   */
  /**
  .required-error {
    @extend .col-xs-8;
    @extend .col-xs-offset-4;
    @extend .col-sm-6;
    @extend .col-sm-offset-4;
    @extend .col-md-4;
    @extend .col-md-offset-4;
    margin-top: -5px;
    margin-bottom: 15px;
  }*/
}
.edit .form-horizontal {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
.form-horizontal .form-group {
  --btn-default-border: var(--field-border);
  clear: both;
}
.form-horizontal .form-group > label {
  padding-top: 7px;
}
.modal-body .form-horizontal .form-group > label {
  width: 100%;
  text-align: left;
  /**
   * Anpassung bei Modals wenn Label leer
   */
}
.modal-body .form-horizontal .form-group > label:empty {
  display: none;
}
.form-horizontal .form-group .switch-toggle label {
  text-align: center;
  padding-top: 0;
  font-weight: normal;
}
.modal-body .form-horizontal label ~ div {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-horizontal .textfield label ~ div {
    padding-top: 7px;
  }
}

/**
 * Für Select und Date die Chrome-Ansicht abschalten (Icons innerhalb des Felds)
 */
select,
input[type=date] {
  -webkit-appearance: none;
}

/**
 * Alle Platzhalter normale Font
 * Bourbon-Mixin, nicht Bootstrap!
 */
input {
  font-weight: normal;
}
.form-group input[type=date] {
  line-height: 21.7999999929px;
  display: flex;
  display: -webkit-flex;
  flex: 1 0 0;
  -webkit-flex: 1 0 0;
}

.form-group input[type=email].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=email].btn, .form-group .input-group-lg > input[type=email], .form-group input[type=number].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=number].btn, .form-group .input-group-lg > input[type=number], .form-group input[type=password].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=password].btn, .form-group .input-group-lg > input[type=password], .form-group input[type=search].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=search].btn, .form-group .input-group-lg > input[type=search], .form-group input[type=tel].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=tel].btn, .form-group .input-group-lg > input[type=tel], .form-group input[type=text].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=text].btn, .form-group .input-group-lg > input[type=text], .form-group input[type=url].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=url].btn, .form-group .input-group-lg > input[type=url], .form-group input[type=color].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=color].btn, .form-group .input-group-lg > input[type=color], .form-group input[type=date].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=date].btn, .form-group .input-group-lg > input[type=date], .form-group input[type=datetime].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=datetime].btn, .form-group .input-group-lg > input[type=datetime], .form-group input[type=datetime-local].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .form-group .input-group-lg > input[type=datetime-local], .form-group input[type=month].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=month].btn, .form-group .input-group-lg > input[type=month], .form-group input[type=time].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=time].btn, .form-group .input-group-lg > input[type=time], .form-group input[type=week].input-lg,
.form-group .input-group-lg > .input-group-btn > input[type=week].btn, .form-group .input-group-lg > input[type=week] {
  height: auto;
  font-size: 110%;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
}
.form-group select {
  padding-right: 30px;
  /**
   * Fix Firefox
   */
  -moz-appearance: none;
  /**
   * Fix Internet Explorer
   */
}
.form-group select::-ms-expand {
  display: none;
}
.form-group select.input-lg,
.form-group .input-group-lg > .input-group-btn > select.btn,
.form-group .input-group-lg > select {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
}

.select-group div, .select-group.inline {
  position: relative;
}

/**
 * Eigenes Select-Toggle-Icon
 */
.select-indicator::after {
  position: absolute;
  pointer-events: none;
  right: 15px;
  top: calc(50% - 0.25em);
  content: "";
  border-color: transparent;
  border-width: 0.5em;
  border-style: solid;
  border-top-color: #e74c3c;
}
.form-horizontal .select-indicator::after {
  right: 25px;
}
.inline .select-indicator::after {
  right: 15px;
}
[class*=input-lg] + .select-indicator, .form-group-lg .select-indicator {
  font-size: 1.5em;
}

.form-group-lg select {
  line-height: 1.33333 !important;
  font-size: 1em !important;
}

.view-fields .form-group label {
  text-align: left;
}
.view-fields .form-group label ~ div {
  font-size: 110%;
}
.view-fields .form-group label,
.view-fields .form-group div {
  width: 50%;
  float: left;
  padding-top: 0;
}

.form-group {
  clear: both;
}

/**
 * Automatische Höhe für Multiselects
 */
.form-group select[multiple] {
  height: auto;
}

/**
 * Fehlermeldung
 * Klasse ist auf den Gruppenelement ".form-group"
 */
.form-group.has-error {
  /**
   * Fehleranzeige
   * wird nur angezeigt, wenn gefüllt
   */
  /**
   * Bugfix: Firefox hat falschen Abstandzufügen.
   */
}
.form-group.has-error input.ng-invalid,
.form-group.has-error textarea.ng-invalid,
.form-group.has-error select.ng-invalid {
  border: 2px solid #b3001b !important;
}
.form-group.has-error .has-error.help-block:not(:empty) {
  background: #b3001b;
  color: #fff;
  padding: 0.5em 15px;
  margin: -3px 0 10px;
  border-radius: 0 0 5px 5px;
  text-align: center;
  font-size: 80%;
  clear: both;
}
.form-group.has-error .input-group + .has-error {
  margin: -3px 15px 10px !important;
  position: relative;
  top: -2px;
  /**
   * Bugfix: Firefox wenn tablet/desktop (Vertrag EDIT)
   */
}
@media screen and (min-width: 768px) {
  .form-group.has-error .input-group + .has-error {
    margin-left: calc(33.3333333333% + 15px) !important;
    width: calc(50% - 30px) !important;
    /**
     * Bugfix: Firefox wenn Desktop und wenn im Dialog (Wecker bearbeiten)
     */
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  .form-group.has-error .input-group + .has-error {
    width: calc(33.3333333333% - 30px) !important;
  }
}
@media screen and (min-width: 768px) {
  .modal-content .form-group.has-error .input-group + .has-error {
    margin-left: 15px !important;
    width: auto !important;
  }
}
.form-group.has-error .select-indicator::after {
  top: 14px;
}

.separated {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
  margin: -1px -30px;
  padding: 1em 15px;
}
@media screen and (max-width: 1199px) {
  .separated {
    margin: -1px -15px;
  }
}
@media screen and (min-width: 992px) {
  .separated {
    margin: 0 -15px;
    padding: 1em 15px;
    border-bottom: 0;
  }
  .separated + .page_action {
    border-top: 1px solid #ccc;
    margin: 0 -15px;
  }
}

.separated.checkbox {
  float: none;
  margin-top: 0;
}
.separated.checkbox .checkbox {
  float: left;
  width: 50px;
}
.separated.checkbox > label {
  width: calc(100% - 75px);
  display: inline-block;
}
@media screen and (min-width: 992px) {
  .separated.checkbox {
    padding: 1em 0;
  }
  .separated.checkbox .checkbox {
    width: 75px;
    padding-left: 15px;
  }
  .separated.checkbox > label {
    width: calc(100% - 90px);
  }
}

/*
 * Überprüfung des Passworts (Password-Strength)
 */
.trustpass-checklist li {
  width: 50%;
  font-size: 0.9em;
}
.trustpass-checklist li.trustpass-yep {
  opacity: 1;
  color: #517293;
}
.trustpass-checklist li.trustpass-yep::before {
  content: \f00c;
  color: #2fad4a;
}
.trustpass-checklist li.trustpass-nope::before {
  content: \f00d;
  color: #b3001b;
}
.trustpass-checklist li::before {
  font-family: "FontAwesome";
  font-weight: 400;
  font-style: normal;
  margin-right: 5px;
  display: inline-block;
  width: 1em;
  text-align: center;
}

/*
 * Registrierung: Flaggenauswahl/Länderauswahl
 */
.intl-tel-input .selected-flag {
  height: 47px;
}
.intl-tel-input.allow-dropdown input.input-lg, .intl-tel-input.allow-dropdown .input-group-lg > input.form-control,
.intl-tel-input.allow-dropdown .input-group-lg > input.input-group-addon,
.intl-tel-input.allow-dropdown .input-group-lg > .input-group-btn > input.btn, .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=email], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=email], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=number], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=number], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=password], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=password], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=search], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=search], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=tel], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=tel], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=text], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=text], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=url], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=url], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=color], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=color], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=date], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=date], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=datetime], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=datetime], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=datetime-local], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=datetime-local], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=month], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=month], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=time], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=time], .intl-tel-input.allow-dropdown .form-group .input-group-lg > input[type=week], .form-group .intl-tel-input.allow-dropdown .input-group-lg > input[type=week] {
  padding-left: 52px;
}

/**
 * Minimumhöhe für Textareas setzen
 */
textarea.form-control,
.form-group textarea {
  min-height: 100px;
}

/**
 * temp fix
 * was fixt das?
 */
.form-horizontal .form-group.inline {
  margin: 0;
}

/**
 * inline
 */
[inline=true] .form-group {
  display: inline-block;
}
[inline=true] .form-group select {
  padding-right: 2.5em;
}

/**
 * Datepicker bei Chrome, FF/Edge etc testen!
 */
input {
  position: relative;
}

/*::-webkit-datetime-edit { padding: 0; }
::-webkit-datetime-edit-fields-wrapper { background: silver; }
::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: blue; }
::-webkit-datetime-edit-day-field { color: green; }
::-webkit-datetime-edit-year-field { color: purple; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { background: orange; }*/
::-webkit-outer-spin-button,
::-webkit-inner-spin-button,
::-webkit-clear-button {
  --webkit-appearance: none;
  margin: 0;
}

::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/* set reference point */
.tab-animation > .tab-content {
  position: relative;
}

/* set animate effect */
.tab-animation > .tab-content > .tab-pane {
  transition: 0.2s linear opacity;
}

/* overwrite display: none and remove from document flow */
.tab-animation > .tab-content > .tab-pane.active-remove {
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
  left: 0;
  right: 0;
}

/* opacity=0 when removing "active" class */
.tab-animation > .tab-content > .tab-pane.active-remove-active {
  opacity: 0;
}

/* opacity=0 when adding "active" class */
.tab-animation > .tab-content > .tab-pane.active-add {
  opacity: 0;
}

.nav-tabs.nav-justified {
  clear: both;
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  padding: 0 15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 992px) {
  .nav-tabs.nav-justified {
    border-top: 0;
  }
}
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
  padding-top: 0.5em;
}
.nav-tabs.nav-justified > li > a {
  padding: 0.5em 0;
  font-size: 110%;
  color: #2d3f51;
  border-bottom: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    font-size: 100%;
  }
  .nav-tabs.nav-justified > li > a .fa, .nav-tabs.nav-justified > li > a .glyphicon, .nav-tabs.nav-justified > li > a #main-navigation .hassubnav > a:before, #main-navigation .nav-tabs.nav-justified > li > a .hassubnav > a:before, .nav-tabs.nav-justified > li > a #main-navigation .expand, #main-navigation .nav-tabs.nav-justified > li > a .expand, .nav-tabs.nav-justified > li > a label[for*=geschlecht]:before {
    display: block;
    text-align: center;
    font-size: 180%;
    margin-bottom: 0.1em;
    color: #1c4260;
  }
}
.nav-tabs.nav-justified > li > a {
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  margin-bottom: -2px;
  border-bottom: 0 none;
  position: relative;
  padding-bottom: calc(0.5em + 2px);
  /*@media screen and (min-width: $screen-desktop) {
      padding-bottom: calc(0.5em + 2px);
  }*/
}
.nav-tabs.nav-justified > .active > a i,
.nav-tabs.nav-justified > .active > a:hover i,
.nav-tabs.nav-justified > .active > a:focus i {
  color: #e74c3c;
}

.thumbnail {
  width: 100%;
  padding: 141.4% 0 0;
  position: relative;
  border-color: #ccc !important;
}
.thumbnail img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.thumbnail:before {
  border-style: solid;
  border-width: 2em 0 0 2em;
  border-color: #fff #fff #fff #ccc;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 0;
  height: 0;
  background: #ccc;
  z-index: 1;
}
@media screen and (max-width: 334px) {
  .thumbnail:before {
    border-width: 1em 0 0 1em;
  }
}
@media screen and (min-width: 992px) {
  .thumbnail:before {
    border-width: 1.25em 0 0 1.25em;
  }
}

.doc_list .file-name, .list-heading, .action_list .action-name, .doc_list .list-node > li > b, .action_list .list-node > li > b, .link-list .list-node > li > b, .default-list .list-node > li > b {
  --list-heading-color: var(--background-container-text);
  display: block;
  color: var(--list-heading-color);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.doc_list .list-node, .action_list .list-node, .link-list .list-node, .default-list .list-node {
  list-style: none;
  padding: 0;
  margin: 0;
}
.doc_list p, .action_list p, .link-list p, .default-list p {
  color: var(--text-on-bg);
}
.doc_list legend, .action_list legend, .link-list legend, .default-list legend {
  padding-top: 0.75em;
  margin-bottom: 0;
}
.doc_list .list-node > li, .action_list .list-node > li, .link-list .list-node > li, .default-list .list-node > li {
  padding: 0;
  position: relative;
  border-bottom: 2px solid var(--border-color);
  z-index: 2;
}
.doc_list .list-node > li > a:not(.more), .action_list .list-node > li > a:not(.more), .link-list .list-node > li > a:not(.more), .default-list .list-node > li > a:not(.more), .doc_list .list-node > li > any, .action_list .list-node > li > any, .link-list .list-node > li > any, .default-list .list-node > li > any {
  padding: 0.75em 15px;
  display: block;
}
.doc_list .list-node > li b, .action_list .list-node > li b, .link-list .list-node > li b, .default-list .list-node > li b {
  position: relative;
}
.doc_list .list-node > li:hover, .action_list .list-node > li:hover, .link-list .list-node > li:hover, .default-list .list-node > li:hover {
  /*&:before { //TODO für was muss das so eignestellt werden?!!!
      left: -4em;
      right: -1em;
  }*/
}
.doc_list .list-node > li.list-separator, .action_list .list-node > li.list-separator, .link-list .list-node > li.list-separator, .default-list .list-node > li.list-separator {
  background: var(--background-container-inverse);
  color: var(--list-entry-color);
  padding: 1em 15px;
  font-weight: bold;
}
.doc_list .list-node > li > a, .action_list .list-node > li > a, .link-list .list-node > li > a, .default-list .list-node > li > a {
  color: var(--list-entry-color, var(--text-on-bg));
  cursor: pointer;
}
.doc_list .list-node > li > a:hover, .action_list .list-node > li > a:hover, .link-list .list-node > li > a:hover, .default-list .list-node > li > a:hover {
  text-decoration: none;
}
.link-list .pull-right {
  color: #ccc;
}
.link-list .list-node > li {
  padding: 0;
  margin: 0;
  /*wurde generell gemacht
   a {
      padding:0.75em 0;
      display: block;
  }*/
}
@media (prefers-color-scheme: dark) {
  .link-list .list-node > li {
    background: transparent;
  }
}
.link-list .list-node > li:hover:before {
  left: 0;
  right: 0;
}
.link-list[uib-accordion] li > a {
  position: relative;
}

.link-list.tree {
  /* TODO:  darf doch nicht nur für nur desktop gemacht werden*/
  /* @media screen and (max-width: $screen-sm-max) {
       height:auto !important;
   }*/
  /*
  ul ul {
      a { background:red; }
      ul {
          a { background:green; }
          ul {
              a { background: blue; }
              ul {
                  a { background:yellow; }
              }
          }
      }
  }*/
}
.link-list.tree .list-node > li > .doc_list,
.link-list.tree .list-node > document-directive > div > .doc_list {
  font-size: 66.6666%;
  background: #fff;
  padding: 0 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.link-list.tree .list-node > li > .doc_list > .subgroup > legend,
.link-list.tree .list-node > document-directive > div > .doc_list > .subgroup > legend {
  background: #eee;
  padding-right: 55px;
}
.link-list.tree .list-node > li > .doc_list > div + div,
.link-list.tree .list-node > document-directive > div > .doc_list > div + div {
  padding-top: 0;
}
.link-list.tree .list-node > li > .doc_list .list-node > li,
.link-list.tree .list-node > document-directive > div > .doc_list .list-node > li {
  background: transparent;
}
.link-list.tree .list-node > li > a:not(.more) {
  padding: 0.786em 15px;
}
.link-list.tree .subgroup:last-child > legend, .link-list.tree .subgroup:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.link-list.tree.tree-inline {
  /*ul > a {
      transition:all ease-in 0.5s;
  }

  .active > a {
      background:#efefef
  }*/
}
.link-list.tree.tree-inline ul.visible {
  left: 0;
  position: relative;
  margin-bottom: -1px;
}
.link-list.tree.tree-inline .active > ul > li.li-tree > a {
  background: #f3f3f3;
  color: #2d3f51;
}
.link-list.tree.tree-swipe ul {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  width: 100%;
  transition: left ease-in 0.25s;
  /*.has_entries > a {
      font-weight: bold
  }*/
}
.link-list.tree.tree-swipe ul.outofview {
  left: -100vw;
}
.link-list.tree.tree-swipe ul ul {
  display: none;
  left: 100vw;
}
.link-list.tree.tree-swipe ul ul.visible, .link-list.tree.tree-swipe ul ul.outofview, .link-list.tree.tree-swipe ul ul.outofview-right {
  display: block;
}
.link-list.tree.tree-swipe ul ul.outofview {
  left: 0;
}
.link-list.tree.tree-swipe ul ul.visible {
  left: 100vw;
  /*height: auto;
  bottom: auto;*/
}
.link-list.tree.tree-swipe ul ul.outofview-right {
  left: 100vw;
}
.link-list.tree.tree-swipe ul .back > a {
  background: rgba(255, 255, 255, 0.075);
  color: var(--list-entry-color, #fff);
  font-weight: bold;
  padding: 0.5em 15px 0.5em 35px;
}
.link-list.tree.tree-swipe ul li {
  position: static !important;
}
@media screen and (min-width: 992px) {
  .link-list.tree.tree-swipe > producttree-directive > .list-node {
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  .link-list.tree {
    overflow: hidden;
  }
  .link-list.tree, .link-list.tree ul {
    position: relative;
    /*führt zum flackern ggf nur bei Vertrag hinzufügen? 
    top:0;
    bottom: auto;

    width: 100%;*/
  }
}

.action_list {
  /*li:hover:before {
      left: -15px;
      right: -15px;
  }*/
}
.action_list legend {
  margin-bottom: 0;
}
.action_list .action-name {
  display: block;
}
.action_list .action-description {
  color: #7c7c7c;
  padding-bottom: 1em;
  display: block;
  padding-left: 15px;
}
.action_list .count {
  top: calc(50% - 1em);
  right: 0;
}
.action_list ul + .btn {
  margin-top: 1em;
}

.hasicons.action_list .list-node > li, .hasicons.link-list .list-node > li, .hasicons .list-node > li {
  margin-left: 3em;
}
.hasicons.action_list .list-node > li:hover:before, .hasicons.link-list .list-node > li:hover:before, .hasicons .list-node > li:hover:before {
  left: -3em;
  right: 0;
}
.hasicons.action_list .list-node > li > a, .hasicons.link-list .list-node > li > a, .hasicons .list-node > li > a {
  padding-left: 0;
}
.hasicons.action_list .list-node > li > a > i.fa,
.hasicons.action_list .list-node > li img.icon,
.hasicons.action_list .list-node > li .action-list-icon,
.hasicons.action_list .list-node > li .logo.icon > img, .hasicons.link-list .list-node > li > a > i.fa,
.hasicons.link-list .list-node > li img.icon,
.hasicons.link-list .list-node > li .action-list-icon,
.hasicons.link-list .list-node > li .logo.icon > img, .hasicons .list-node > li > a > i.fa, .hasicons .list-node > li > a > i.glyphicon, .hasicons #main-navigation .list-node > li > a > i.expand, #main-navigation .hasicons .list-node > li > a > i.expand,
.hasicons .list-node > li img.icon,
.hasicons .list-node > li .action-list-icon,
.hasicons .list-node > li .logo.icon > img {
  font-size: 150%;
  left: -1.75em;
  position: absolute;
  top: calc(50% - 0.5em);
  text-align: center;
  width: 1em;
  color: var(--link-color);
}
.hasicons.action_list .list-node > li img.icon,
.hasicons.action_list .list-node > li .logo.icon > img, .hasicons.link-list .list-node > li img.icon,
.hasicons.link-list .list-node > li .logo.icon > img, .hasicons .list-node > li img.icon,
.hasicons .list-node > li .logo.icon > img {
  font-size: 100%;
  left: -3em;
  width: 3em;
  height: 2em;
  top: calc(50% + 1px - 1.25em);
  border: 1px solid transparent;
}
.hasicons.action_list .list-node > li .logo.icon img, .hasicons.link-list .list-node > li .logo.icon img, .hasicons .list-node > li .logo.icon img {
  width: 1.5em;
  height: 1.5em;
  background: #fff;
  border-radius: 50%;
  margin: 10px;
}

.asgrid .list-node > li > a {
  margin: 0 0 0 -15px;
}
.asgrid.doc_list .list-node > li > a:before {
  left: calc(-1.5em + 15px);
}

.more, .doc_list .file-more, .doc_list .file-cancel {
  top: calc(50% - 0.7em);
  position: absolute;
  right: 5px;
  font-size: 130%;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--border-color);
  background: var(--background-container);
}
.doc_list .more, .doc_list .file-more, .doc_list .file-cancel {
  padding: 0;
}
.more.file-cancel .fa, .more.file-cancel .glyphicon, .doc_list .file-cancel .fa, .doc_list .file-cancel .glyphicon, .more.file-cancel #main-navigation .hassubnav > a:before, .doc_list .file-cancel #main-navigation .hassubnav > a:before, #main-navigation .more.file-cancel .hassubnav > a:before, #main-navigation .doc_list .file-cancel .hassubnav > a:before, .doc_list #main-navigation .file-cancel .hassubnav > a:before, .more.file-cancel #main-navigation .expand, .doc_list .file-cancel #main-navigation .expand, #main-navigation .more.file-cancel .expand, #main-navigation .doc_list .file-cancel .expand, .doc_list #main-navigation .file-cancel .expand, .more.file-cancel label[for*=geschlecht]:before, .doc_list .file-cancel label[for*=geschlecht]:before {
  font-size: 80%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  line-height: 140%;
  display: block;
}
.more .fa, .more .glyphicon, .doc_list .file-more .fa, .doc_list .file-more .glyphicon, .doc_list .file-cancel .fa, .doc_list .file-cancel .glyphicon, .more #main-navigation .hassubnav > a:before, .doc_list .file-more #main-navigation .hassubnav > a:before, .doc_list .file-cancel #main-navigation .hassubnav > a:before, #main-navigation .more .hassubnav > a:before, #main-navigation .doc_list .file-more .hassubnav > a:before, .doc_list #main-navigation .file-more .hassubnav > a:before, #main-navigation .doc_list .file-cancel .hassubnav > a:before, .doc_list #main-navigation .file-cancel .hassubnav > a:before, .more #main-navigation .expand, .doc_list .file-more #main-navigation .expand, .doc_list .file-cancel #main-navigation .expand, #main-navigation .more .expand, #main-navigation .doc_list .file-more .expand, .doc_list #main-navigation .file-more .expand, #main-navigation .doc_list .file-cancel .expand, .doc_list #main-navigation .file-cancel .expand, .more label[for*=geschlecht]:before, .doc_list .file-more label[for*=geschlecht]:before, .doc_list .file-cancel label[for*=geschlecht]:before {
  color: var(--link-color);
}

.doc_list {
  --empty-state-color: var(--text-color);
}
.doc_list .actions {
  padding-bottom: 1em;
}
.doc_list .list-node > li > any {
  display: block;
  padding-left: 0;
}
.doc_list a[icontype],
.doc_list .uploading {
  padding-left: 0;
  display: block;
  position: relative;
}
.doc_list a[icontype]:before,
.doc_list .uploading:before {
  font-size: 200%;
  position: absolute;
  top: calc(50% - 0.75em);
  left: -1.5em;
  text-align: center;
  width: 1.5em;
}
.doc_list a[icontype].btn:before,
.doc_list .uploading.btn:before {
  font-size: 120%;
  position: static;
  margin-right: 0.25em;
}
.doc_list .uploading:before {
  content: "\f021" !important;
}
.doc_list > div + div {
  padding-top: 1em;
}
.doc_list .list-node > li {
  margin-left: 3em;
  padding-right: 45px;
}
.doc_list .list-node > li:hover:before {
  left: -4em;
  right: -1em;
}
.doc_list .file-name {
  word-break: break-all;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .doc_list .file-name {
    font-size: 110%;
  }
}
.doc_list .file-size, .doc_list .file-date, .doc_list .file-mandant {
  display: inline-block;
  color: var(--background-container-text);
}
.doc_list .progress {
  height: 5px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  box-shadow: none;
  background: #eee;
  transition: all ease-in 0.25s;
}
.doc_list .list-node > li:hover .progress {
  background: #2d3f51;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.modal-dialog .doc_list {
  margin-bottom: 15px;
}
.doc_list .subgroup {
  margin: 0 -15px 15px;
}
.doc_list .subgroup legend {
  cursor: pointer;
  border-bottom: 0;
  background: transparent;
  position: relative;
  padding-bottom: 0.75em;
}
.doc_list .subgroup legend span {
  font-size: 90%;
}
.doc_list .subgroup legend .fa, .doc_list .subgroup legend .glyphicon, .doc_list .subgroup legend #main-navigation .hassubnav > a:before, #main-navigation .doc_list .subgroup legend .hassubnav > a:before, .doc_list .subgroup legend #main-navigation .expand, #main-navigation .doc_list .subgroup legend .expand, .doc_list .subgroup legend label[for*=geschlecht]:before {
  right: 20px;
}
.doc_list .subgroup ~ .subgroup legend {
  border-top: 1px solid #ccc;
  border-radius: 0;
}
.doc_list .list-node {
  padding: 0 15px;
}
.modal .doc_list .list-node {
  padding: 0;
}
.doc_list .list-node > li:last-child {
  border-bottom: 0;
}
.doc_list .list-node > li:first-child {
  border-top: 0;
}
.doc_list .filter {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.modal-dialog .doc_list .filter {
  border: 0;
  margin: 0 -15px;
  padding: 5px;
  border-bottom: 1px solid #eee;
  background: var(--modal-body);
  color: #fff;
}
.modal-dialog .doc_list .filter label {
  font-weight: normal;
}
.modal-dialog .doc_list .filter .well {
  background-color: rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.modal-dialog .doc_list .filter .btn {
  background: #e74c3c;
}
.doc_list .filter.row > span:first-child {
  width: calc(3em + 15px);
  float: left;
  padding-left: 15px;
}
.doc_list .filter.row .clearfix, .doc_list .filter.row .dummy-gesellschaften .list-entry, .dummy-gesellschaften .doc_list .filter.row .list-entry, .doc_list .filter.row kuendigungsfrist-directive .form50 .form-group, kuendigungsfrist-directive .form50 .doc_list .filter.row .form-group, .doc_list .filter.row producttree-directive li.sonstiges > a, producttree-directive .doc_list .filter.row li.sonstiges > a {
  width: calc(100% - 3em - 15px);
  float: left;
  padding-right: 45px;
  margin-left: -15px;
}
.doc_list .minwidth {
  min-width: 80px;
}
.doc_list legend {
  position: relative;
  border-radius: 0px;
  padding: 15px 30px;
}
.doc_list legend a {
  padding: 1px 7px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  background: var(--background-container);
  position: absolute;
  right: 15px;
  top: calc(50% - 12px);
  cursor: pointer;
}

/*producttree-directive {
    .link-list & {
        a {
            //padding: 1.11em 15px; //padding:0.75em 15px;
            padding: 0.786em 15px;
        }
    }
}*/
.link-list.tree {
  font-size: 150%;
  overflow: hidden;
}
.link-list.tree .list-node {
  border-radius: 4px;
}
.link-list.tree .list-node .list-node,
.link-list.tree .list-node legend {
  border-radius: 0;
}
.link-list.tree .list-node > li:before {
  display: none;
}
.link-list.tree .list-node > li > a:not(.more) {
  position: relative;
}
.link-list.tree .list-node > li > .pull-right {
  position: absolute;
  right: 15px;
  top: calc(50% - 0.5em);
}
.link-list.tree .list-node > li > .pull-left {
  position: relative;
  top: 0.25em;
}
@media screen and (max-width: 991px) {
  .link-list.tree > .list-node > ul, .link-list.tree > ul.list-node {
    position: relative;
  }
  .page-vertraegeadd .link-list.tree > .list-node > ul, .page-vertraegeadd .link-list.tree > ul.list-node {
    margin: 0;
  }
}
.link-list.tree > .list-node > ul > li > a:not(.more), .link-list.tree > ul.list-node > li > a:not(.more) {
  background: transparent;
  padding-right: 55px;
}
.page-vertraegeadd .link-list.tree > .list-node > ul > li > a:not(.more), .page-vertraegeadd .link-list.tree > ul.list-node > li > a:not(.more) {
  padding-right: 0;
}
.link-list.tree > .list-node > ul > li:first-child, .link-list.tree > ul.list-node > li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.link-list.tree > .list-node > ul > li:last-child, .link-list.tree > ul.list-node > li:last-child {
  border-bottom: 0 none;
  padding-bottom: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.link-list.tree > .list-node > ul > li:last-child.active > ul li.tree-li:last-child, .link-list.tree > ul.list-node > li:last-child.active > ul li.tree-li:last-child {
  border-bottom: 0;
  background: transparent;
}

.modal {
  --modal-header: var(--background-container-inverse);
  --modal-header-text: var(--background-container-text);
  --modal-header-border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  --modal-footer: #fff;
  --modal-footer-text: #fff;
  --modal-footer-border-top: 1px solid #e5e5e5;
  --modal-body-text: $text-color;
  --list-entry-color: $text-color;
  top: var(--app-margin-top);
  bottom: var(--app-margin-bottom);
  /*  warum?
  @media screen and (max-width:$screen-sm-max) {
      .modal-body {
          font-size: 120%;
      }
  }*/
}
.modal legend {
  color: var(--modal-body-text);
}
@media (prefers-color-scheme: dark) {
  .modal {
    --modal-header-border-bottom: 0;
    --modal-footer: rgba(0, 0, 0, 0.1);
    --modal-footer-text: rgba(0, 0, 0, 0.5);
    --modal-footer-border-top: 1px solid rgba(255, 255, 255, 0.5);
    --modal-body-text: var(--background-container-text);
  }
  .modal .modal-content {
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.modal-header {
  background: var(--modal-header);
  color: var(--modal-header-text);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  border-bottom: var(--modal-header-border-bottom);
}
.modal-content {
  background: var(--modal-body);
  color: var(--modal-body-text);
  background-attachment: unset;
}
.modal-footer {
  text-align: center;
  background: var(--modal-footer);
  color: var(--modal-footer-text);
  border-radius: 0 0 5px 5px;
  clear: both;
  border-top: var(--modal-header-border-top);
}
.modal-title {
  word-break: break-word;
}
.modal-small > .modal-dialog {
  max-width: 375px;
  margin: 10px auto;
}
@media screen and (min-width: 768px) {
  .modal-small > .modal-dialog {
    margin: 30px auto;
  }
}
.modal-notitle .modal-header {
  display: none;
}
.modal-body img {
  max-width: 100%;
}
.modal-body legend {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.modal-fullscreen .modal-dialog, .modal-fullscreen .modal-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-fullscreen .modal-content {
  display: flex;
  flex-direction: column;
}
.modal-fullscreen .modal-body {
  flex-grow: 1;
}

.fullscreen {
  --background-gradient: linear-gradient(#013750 0, #1b1c2d 100vh) fixed;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--background);
  z-index: 10000;
}
@media screen and (min-width: 992px) {
  .fullscreen .slide-list {
    margin: 0 auto;
    width: 600px !important;
  }
}
.fullscreen .tour-slider.dark .slide {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
}
.fullscreen .premium-header {
  text-align: center;
  height: var(--header-height);
  min-height: 60px;
}
@media screen and (min-width: 992px) {
  .fullscreen .premium-header {
    width: 600px;
    margin: 10px auto;
  }
}
.fullscreen .premium-hinweis {
  color: #fff;
  text-align: center;
  padding: 15px;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .fullscreen .premium-hinweis {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .fullscreen .container-fluid {
    max-width: 600px;
  }
}
.fullscreen h1 {
  color: var(--highlight-color);
  font-size: 23.8px;
  font-weight: 600;
  display: block;
  margin: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1.2em;
  top: 50%;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.fullscreen .back {
  color: var(--highlight-color);
  font-size: 23.8px;
  position: relative;
  float: left;
  width: 30px;
  padding-left: 10px;
  z-index: 1;
  line-height: 1.2em;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.fullscreen .btn {
  padding: 5px 15px;
  margin-left: 30px;
  margin-right: 30px;
  white-space: nowrap;
  min-width: 120px;
}
@media screen and (min-width: 992px) {
  .fullscreen .btn {
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
  }
}
.fullscreen .text-center {
  padding: 0 15px;
}
.fullscreen .text-center .btn {
  margin: 0;
  width: calc(50% - 3px);
}
.fullscreen .final-page {
  padding-top: 100px;
}
.fullscreen .final-page-icon {
  font-size: 5em;
  padding: 10px;
}
.fullscreen .slider-navigation.animated nav, .fullscreen #toast-container .slider-navigation[toast].ng-enter nav, #toast-container .fullscreen .slider-navigation[toast].ng-enter nav, .fullscreen #toast-container .slider-navigation[toast].ng-leave nav, #toast-container .fullscreen .slider-navigation[toast].ng-leave nav {
  border: none;
}

.filter {
  /*background: #fbfbfb;
  padding: 10px 0;
  margin:0 -15px;*/
  font-weight: bold;
}
.vertragsuebersicht .filter, .body-dokumente .filter, .page-vertraegeview .filter {
  background: transparent;
  font-size: 85%;
  /*@media screen and (min-width:$screen-desktop) {
      border-bottom: 0 none;   
  }*/
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .filter, .body-dokumente .filter, .page-vertraegeview .filter {
    background: var(--background);
    margin: 0 -15px 0;
    padding: 0 15px 0.5em;
    /* Alternativ popup 
    margin: 0;
    padding: 0.5em 15px;
    position: fixed;
    top: 75px;
    z-index: 100000;
    left: 0;
    right: 0;*/
  }
}
.vertragsuebersicht .filter .switch-toggle, .body-dokumente .filter .switch-toggle, .page-vertraegeview .filter .switch-toggle {
  background-color: rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(0, 0, 0, 0.05);
  /*@media screen and (min-width:$screen-desktop) {
      //width: 400px;
      float:right;
  } */
}
.vertragsuebersicht .filter .switch-toggle label, .body-dokumente .filter .switch-toggle label, .page-vertraegeview .filter .switch-toggle label {
  font-weight: normal;
  padding: 0.15em 0.5em;
}
.vertragsuebersicht .filter .switch-toggle input, .body-dokumente .filter .switch-toggle input, .page-vertraegeview .filter .switch-toggle input {
  height: 0;
}
.vertragsuebersicht .filter .switch-toggle input:checked + label, .body-dokumente .filter .switch-toggle input:checked + label, .page-vertraegeview .filter .switch-toggle input:checked + label {
  color: #fff;
}
.vertragsuebersicht .filter .switch-toggle input:checked ~ .btn, .body-dokumente .filter .switch-toggle input:checked ~ .btn, .page-vertraegeview .filter .switch-toggle input:checked ~ .btn {
  background: #e74c3c;
}
.vertragsuebersicht .filter .switch-toggle label, .body-dokumente .filter .switch-toggle label, .page-vertraegeview .filter .switch-toggle label {
  font-weight: normal;
  color: #fff;
}
.filter a {
  color: inherit;
}
.filter a span {
  margin-right: -15px;
}

.switch-toggle input {
  pointer-events: none;
}
.switch-toggle i {
  transition: all ease-in 0.25s;
  position: absolute;
  right: 8px;
  /* später: Flex, benötigen neue FA
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;*/
  top: calc(50% - 0.5em);
  font-size: 150%;
}
.switch-toggle i.ng-hide {
  font-size: 0;
}

.message-container .message {
  clear: both;
  margin-top: 20px;
}

.msg-body {
  position: relative;
  padding: 10px 20px;
  word-break: break-word;
  border-radius: 5px;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

.msg-day .message:first-of-type .msg-body, .msg-day .message.from-them + .from-me .msg-body, .msg-day .message.from-me + .from-them .msg-body {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.msg-day .message:last-child .msg-body, .msg-day .message.last-of-type .msg-body {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.msg-day .message.from-them .msg-body {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.msg-day .message.from-me .msg-body {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}

.from-me .msg-body {
  color: white;
  background: rgba(41, 128, 185, 0.5);
  float: right;
  margin-left: 30px;
}

.from-them .msg-body {
  color: white;
  background: rgba(0, 0, 0, 0.25);
  float: left;
  margin-right: 30px;
  -webkit-animation-name: "fadeInLeft";
  -moz-animation-name: "fadeInLeft";
  animation-name: "fadeInLeft";
}

.slide-actions {
  position: absolute;
  top: 0;
  right: -300px;
  bottom: 0;
  width: 300px;
  display: none;
}
.has-slide-actions {
  position: relative;
  left: 0;
  -webkit-transition: all ease-in 0.25s;
  -moz-transition: all ease-in 0.25s;
  transition: all ease-in 0.25s;
}
.has-slide-actions:before {
  display: none !important;
}

.show-slide-actions {
  position: relative;
  left: -300px;
}

.top-description-toggleable .slide-list-eintrag-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
}

.top-description-toggleable.active .slide-list-eintrag-description {
  white-space: inherit;
  width: unset;
}
.top-description-toggleable.active .slide-list-eintrag-content {
  font-size: 80%;
  font-weight: normal;
  position: relative;
  text-align: left;
  white-space: inherit;
  width: unset;
  z-index: 1;
}
.top-description-toggleable.active .slide-list-kategorie-list {
  display: none;
}

.body-angebote {
  background: var(--background);
}
.body-angebote .slide-list-eintrag-subeintrag {
  width: calc(50% - 4px);
}

.body-anbieter .group-icon {
  border: none;
  background-color: white;
  color: #102739;
}

.body-optimieren .slide-list-eintrag-description {
  text-align: left;
  font-weight: normal;
}

@media screen and (min-width: 992px) {
  .body-dokumente .slide-list {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) {
  .body-dokumente .slide-list-eintrag.active {
    transition: height 1s, width 1s;
  }
}

.kat-head-wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: var(--slide-list-kategorie-head-z-index);
}

slide-list {
  --empty-state-color: #fff;
  --empty-state-background: transparent;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
}
slide-list .group-count {
  border: 2px solid var(--slide-list-background, rgba(0, 0, 0, 0.25));
  position: relative;
  opacity: 1;
  min-width: 45px;
  text-align: center;
  padding: 2px 0;
  border-radius: 7px;
  transition: all ease-in 0.2s;
  margin-right: 15px;
  overflow: hidden;
  line-height: 28px;
  float: left;
}
slide-list .group-icon {
  border: 2px solid var(--slide-list-background, rgba(0, 0, 0, 0.25));
}
slide-list .active .group-count {
  opacity: 0;
  width: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
  box-shadow: none;
  font-size: 0;
}
slide-list .slide-list-progress-bar {
  --progress-bar-container-background: #b62516;
  --progress-bar-background: #5cb85c;
}
slide-list .slide-list-progress-bar .bar {
  padding-left: 0;
  display: grid;
  grid-template-columns: 1fr 3em;
  column-gap: 5px;
}
slide-list .slide-list-progress-bar .percent-number {
  text-align: right;
}
slide-list .slide-list-progress-bar .progress {
  height: 20px;
  margin: auto 0;
  background-color: var(--progress-bar-container-background);
}
slide-list .slide-list-progress-bar .progress .progress-bar {
  background-color: var(--progress-bar-background);
  background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.368627451), transparent);
}

.slide-list {
  flex: 1 auto;
  flex-direction: column;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s;
  position: relative;
}
@media screen and (min-width: 992px) {
  .slide-list {
    margin: 0 auto;
    width: 100%;
    max-width: 992px;
  }
}
.slide-list.active:after {
  height: 100%;
}
.slide-list:after {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background: var(--slide-list-background, rgba(0, 0, 0, 0.25));
  position: absolute;
  opacity: 0.5;
  z-index: 0;
  transition: all ease-in 0.25s;
}
@media screen and (min-width: 992px) {
  .slide-list:after {
    border-radius: 15px;
  }
}
@media screen and (min-width: 992px) {
  .slide-list {
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
  }
  .slide-list.active {
    border-radius: 15px;
    border-bottom: 0;
    margin-top: 5px;
  }
}
.slide-list > .slide-toggle {
  padding-left: 5px;
}
@media screen and (min-width: 992px) {
  .slide-list > .slide-toggle {
    padding-right: 5px;
    padding-top: 5px;
  }
}
.slide-list-eintrag {
  background: var(--background-container);
  display: block;
  max-width: calc(50% - 5px);
  width: 100%;
  margin: 5px 5px 0 0;
  padding: 10px 15px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-content: center;
  color: var(--background-container-color);
  font-weight: 800;
  border-radius: 5px;
  min-height: 3.5em;
  justify-content: center;
  position: relative;
  z-index: 1;
  height: 100%;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s;
}
@media screen and (min-width: 992px) {
  .slide-list-eintrag {
    max-width: calc(25% - 10px);
    border-radius: 15px;
    margin: 5px;
  }
}
.slide-list-eintrag.active {
  padding: 15px 5px 5px;
  max-width: calc(100% - 5px);
}
@media screen and (min-width: 992px) {
  .slide-list-eintrag.active {
    order: -1;
  }
}
.slide-list-eintrag.active .slide-list-eintrag-title {
  font-size: 150%;
  margin-bottom: 10px;
}
.slide-list-eintrag.active .slide-list-eintrag-title-label {
  text-align: center;
}
.slide-list-eintrag.active .slide-list-eintrag-title-label-wrapper {
  transform: translateX(50%);
}
.slide-list-eintrag.active .slide-list-eintrag-title-label-wrapper span {
  transform: translateX(-50%);
  padding-left: 10px;
}
.slide-list-eintrag.active .slide-list-eintrag-title .slide-list-eintrag-description {
  padding: 0 15px;
  margin: 0;
  font-size: 70%;
  text-align: center;
}
.slide-list-eintrag.active .slide-list-eintrag-title i {
  right: 15px;
}
.slide-list-eintrag.active .slide-list-eintrag-count {
  opacity: 0;
  font-size: 0;
  min-width: 0;
  overflow: hidden;
}
.slide-list-eintrag:not(.active) .slide-list-eintrag-title {
  white-space: nowrap;
}
.slide-list-eintrag-title {
  text-align: left;
  position: relative;
  z-index: 1;
}
.slide-list-eintrag-title-label {
  display: block;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.25s;
  transform: translateX(0%);
  overflow: hidden;
  max-width: 100%;
  padding-right: 5px;
  text-overflow: ellipsis;
  text-align: left;
}
.slide-list-eintrag-title-label-wrapper {
  display: block;
  transform: translateX(0%);
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.25s;
}
.slide-list-eintrag:not(.active) .slide-list-eintrag-title-label-wrapper {
  height: 24px;
}
.slide-list-eintrag-title-label-wrapper-arrow {
  grid-area: icon;
  transition: all ease-in 0.25s;
  font-size: 24px;
}
.slide-list-eintrag-title i {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s;
}
.slide-list-eintrag-count {
  background: var(--slide-list-background, rgba(0, 0, 0, 0.25));
  color: var(--slide-list-color, #fff);
  border-radius: 20px;
  min-width: 24px;
  text-align: center;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s;
  font-size: 14px;
  float: right;
}
@media screen and (min-width: 768px) {
  .slide-list-eintrag-count {
    padding: 3px 5px 2px;
  }
}
@media screen and (min-width: 992px) {
  .slide-list-eintrag-count {
    padding: 2px 5px;
  }
}
.slide-list-eintrag-description {
  font-size: 80%;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
}
.slide-list-eintrag .slide-toggle {
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}
.slide-list-eintrag-subeintrag {
  display: block;
  font-weight: 600;
  margin: 4px 2px 0;
  background: var(--background-container);
  color: var(--background-container-text);
  padding: 5px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: center;
  border-radius: 5px;
}
.slide-list-eintrag-subeintrag i {
  display: block;
  text-align: center;
  font-size: 130%;
  margin-bottom: 5px;
}
.slide-list-eintrag-subeintrag-title-name {
  font-size: 115%;
  text-align: center;
  display: block;
}
.slide-list-kategorie-head {
  position: relative;
  clear: both;
  color: #fff;
  font-size: 140%;
  font-weight: 600;
  cursor: pointer;
  padding: 10px 15px;
  align-items: self-start;
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.25s;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .slide-list-kategorie-head {
    border-top: 0;
  }
}
.slide-list-kategorie-head.block-ui {
  position: initial;
}
.slide-list-kategorie-head .slide-list-eintrag-head-wrapper {
  width: 100%;
}
.slide-list-togglebutton-active .slide-list-kategorie-head .slide-list-eintrag-head-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 20px;
  grid-template-areas: "title icon" "progressbar icon" "description description" "content content";
}
.slide-list-togglebutton-active .slide-list-kategorie-head .slide-list-eintrag-head-wrapper .slide-list-eintrag-title {
  grid-area: title;
}
.slide-list-togglebutton-active .slide-list-kategorie-head .slide-list-eintrag-head-wrapper .slide-list-progress-bar {
  grid-area: progressbar;
}
.slide-list-togglebutton-active .slide-list-kategorie-head .slide-list-eintrag-head-wrapper .slide-list-eintrag-description {
  grid-area: description;
}
.slide-list-togglebutton-active .slide-list-kategorie-head .slide-list-eintrag-head-wrapper .slide-list-eintrag-content {
  grid-area: content;
}
.slide-list-togglebutton-active .slide-list-kategorie-head .slide-list-eintrag-head-wrapper .slide-list-eintrag-togglebutton {
  grid-area: icon;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 5px;
}
.slide-list-kategorie-head .slide-list-eintrag-head-wrapper > .slide-list-eintrag-title {
  text-align: left;
  padding: 4px 0;
  line-height: 28px;
}
.slide-list-kategorie-head .slide-list-eintrag-head-wrapper span {
  display: block;
}
.slide-list-kategorie-head::before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  position: absolute;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}
.slide-list-kategorie-head.top-description-toggleable.active::before {
  display: none;
}
.slide-list-kategorie-head.active {
  border-top-color: transparent;
  display: flex;
  height: auto;
  color: var(--slide-list-color, #fff);
}
.slide-list-kategorie-head.active .fa, .slide-list-kategorie-head.active .glyphicon, .slide-list-kategorie-head.active #main-navigation .hassubnav > a:before, #main-navigation .slide-list-kategorie-head.active .hassubnav > a:before, .slide-list-kategorie-head.active #main-navigation .expand, #main-navigation .slide-list-kategorie-head.active .expand, .slide-list-kategorie-head.active label[for*=geschlecht]:before {
  opacity: 0;
  width: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
  box-shadow: none;
  font-size: 0;
}
.slide-list-kategorie-head.active::before {
  height: 100%;
  background: var(--slide-list-background, rgba(0, 0, 0, 0.25));
}
@media screen and (min-width: 992px) {
  .slide-list-kategorie-head.active::before {
    border-radius: 15px;
  }
}
.slide-list-kategorie-head .fa, .slide-list-kategorie-head .glyphicon, .slide-list-kategorie-head #main-navigation .hassubnav > a:before, #main-navigation .slide-list-kategorie-head .hassubnav > a:before, .slide-list-kategorie-head #main-navigation .expand, #main-navigation .slide-list-kategorie-head .expand, .slide-list-kategorie-head label[for*=geschlecht]:before {
  position: relative;
  opacity: 1;
  min-width: 45px;
  text-align: center;
  padding: 2px 0;
  border-radius: 7px;
  transition: all ease-in 0.2s;
  margin-right: 15px;
  overflow: hidden;
  line-height: 28px;
  float: left;
}
.slide-list-kategorie-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5px;
}
@media screen and (max-width: 992px) {
  .slide-list-kategorie-list .slide-list-eintrag:last-of-type:nth-of-type(odd):not(.halfline) {
    max-width: calc(100% - 5px);
  }
  .slide-list-kategorie-list .slide-list-eintrag.fullline {
    max-width: calc(100% - 5px);
  }
  .slide-list-kategorie-list .slide-list-eintrag.halfline {
    max-width: calc(50% - 5px);
  }
}
.slide-list-kategorie-list.hasactive .angebote-list-eintrag:not(.active) {
  opacity: 0.5;
  cursor: not-allowed;
}
.slide-list-kategorie-list.hasactive .angebote-list-eintrag:not(.active) * {
  pointer-events: none;
}

.mdform {
  --field-background-color: #eee;
  --field-border: 1px solid #ccc;
  --border-color: #ccc;
  --btn-default-border: 1px solid var(--border-color);
  --field-color: color: var(--font-dark);
  background: #fff;
  color: var(--font-dark);
  padding: 15px 30px;
  border-radius: 6px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  margin: 5px;
  width: calc(100% - 10px);
  min-width: auto;
  font-size: 120%;
}
@media screen and (min-width: 992px) {
  .mdform {
    padding: 15px 200px;
    margin: 0;
    width: 100%;
  }
}
.mdform-title {
  text-align: center;
  font-weight: bold;
  font-family: "Open Sans Condensed";
  font-size: var(--mdform-title-size, 36px);
}
.mdform h4 {
  font-weight: bold;
}
.mdform .form-group {
  display: block;
}
> .mdform .form-group-rowset {
  min-height: unset;
  height: unset;
}
> .mdform .form-group-colset {
  min-width: unset;
  width: unset;
}
.mdform .form-group label {
  display: block;
}
.mdform .form-group .hide-input {
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
  border: 0 !important;
}
.mdform .form-group .fas.fa-file-signature {
  display: block;
  font-size: 400%;
  margin-bottom: 10px;
}
.mdform h1 {
  font-size: var(--mdform-title-size, 36px);
}
.mdform h2 {
  font-size: var(--mdform-subtitle-size, 1.3em);
  font-weight: var(--mdform-subtitle-weight, normal);
  margin-bottom: 1em;
}
.mdform h3 {
  font-size: var(--mdform-subtitle-size, 24px);
  font-weight: var(--mdform-subtitle-weight, normal);
}
.mdform p {
  font-size: var(--mdform-paragraph-size, inherit);
  margin-bottom: 1em;
}
.mdform .checkbox {
  float: none;
}
.mdform .checkbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  border: 1px solid var(--border-color);
  border-radius: 15px;
  padding: 0 10px;
}
.mdform .checkbox-group > label {
  order: 2;
  padding: 0 15px;
  margin: 10px 0;
  width: 100%;
  font-weight: normal;
}
.mdform input,
.mdform textarea {
  padding: 10px;
  box-shadow: none;
  height: auto;
  font-size: 100%;
}
.mdform .has-success input {
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .mdform .document-generator-group {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 10px;
  }
}

.body-optimieren .empty-state {
  font-size: 90%;
}

.empty-state {
  background-color: var(--empty-state-background, var(--background-container));
  position: relative;
  z-index: 99;
  font-weight: 600;
  font-size: 115%;
  padding: 30px 15px;
  color: var(--empty-state-color, var(--background-container-text));
  border-radius: 5px;
  max-width: 600px;
  margin: auto;
  display: block;
}
.empty-state-head {
  padding: 0 30px 30px;
  font-size: 1.3em;
  text-align: center;
  margin-bottom: 0;
  color: inherit;
}
.empty-state-content {
  text-align: center;
  margin: auto 0;
  padding: 0 15px 0;
}
.empty-state-content i[class^=fa] {
  color: var(--empty-state-icon-color, inherit);
  display: block;
  font-size: 500%;
  margin-bottom: 30px;
  text-align: center;
}
.empty-state-action {
  padding-top: 10px;
}
.slide-list .empty-state-container {
  width: 100%;
  justify-content: center;
}

empty-state.highlight i[class^=fa] {
  color: #f1a32b;
}

/**
 * Empty error: Hinweis wenn keine Einträge gefunden wurden
 * largeHint Basisklasse, genutzt im Maklerchatclient
 */
/*
 * Basisklasse ehemals .empty-error
 */
.banking-einrichtung-error, .banking-einrichtung-loader, .large-hint {
  font-size: 150%;
  text-align: center;
  margin: 1em auto;
  max-width: 600px;
  padding: 0 15px 0.5em;
}
@media screen and (min-width: 335px) {
  .banking-einrichtung-error, .banking-einrichtung-loader, .large-hint {
    font-size: 180%;
  }
}
.modal-dialog .banking-einrichtung-error, .modal-dialog .banking-einrichtung-loader, .modal-dialog .large-hint {
  font-size: 150%;
}
.small.banking-einrichtung-error, .small.banking-einrichtung-loader, .small.large-hint {
  font-size: 100%;
}
.page-dokumente .small.banking-einrichtung-error, .page-dokumente .small.banking-einrichtung-loader, .page-dokumente .small.large-hint {
  margin-bottom: 0;
  padding-bottom: 0;
}
.banking-einrichtung-error q, .banking-einrichtung-loader q, .large-hint q {
  font-weight: bold;
}
.banking-einrichtung-error .fa, .banking-einrichtung-error .glyphicon, .banking-einrichtung-loader .fa, .banking-einrichtung-loader .glyphicon, .large-hint .fa, .large-hint .glyphicon, .banking-einrichtung-error #main-navigation .hassubnav > a:before, .banking-einrichtung-loader #main-navigation .hassubnav > a:before, #main-navigation .banking-einrichtung-error .hassubnav > a:before, #main-navigation .banking-einrichtung-loader .hassubnav > a:before, .large-hint #main-navigation .hassubnav > a:before, #main-navigation .large-hint .hassubnav > a:before, .banking-einrichtung-error #main-navigation .expand, .banking-einrichtung-loader #main-navigation .expand, #main-navigation .banking-einrichtung-error .expand, #main-navigation .banking-einrichtung-loader .expand, .large-hint #main-navigation .expand, #main-navigation .large-hint .expand, .banking-einrichtung-error label[for*=geschlecht]:before, .banking-einrichtung-loader label[for*=geschlecht]:before, .large-hint label[for*=geschlecht]:before {
  font-size: 300%;
  display: block;
  margin-bottom: 10px;
  color: rgba(41, 128, 185, 0.31);
}
@media screen and (min-width: 335px) {
  .banking-einrichtung-error .fa, .banking-einrichtung-error .glyphicon, .banking-einrichtung-loader .fa, .banking-einrichtung-loader .glyphicon, .large-hint .fa, .large-hint .glyphicon, .banking-einrichtung-error #main-navigation .hassubnav > a:before, .banking-einrichtung-loader #main-navigation .hassubnav > a:before, #main-navigation .banking-einrichtung-error .hassubnav > a:before, #main-navigation .banking-einrichtung-loader .hassubnav > a:before, .large-hint #main-navigation .hassubnav > a:before, #main-navigation .large-hint .hassubnav > a:before, .banking-einrichtung-error #main-navigation .expand, .banking-einrichtung-loader #main-navigation .expand, #main-navigation .banking-einrichtung-error .expand, #main-navigation .banking-einrichtung-loader .expand, .large-hint #main-navigation .expand, #main-navigation .large-hint .expand, .banking-einrichtung-error label[for*=geschlecht]:before, .banking-einrichtung-loader label[for*=geschlecht]:before, .large-hint label[for*=geschlecht]:before {
    font-size: 500%;
  }
}
.banking-einrichtung-error + .col-xs-12, .banking-einrichtung-loader + .col-xs-12, .large-hint + .col-xs-12, .form-horizontal .form-group > .banking-einrichtung-error + label, .form-horizontal .form-group > .banking-einrichtung-loader + label, .form-horizontal .form-group > .large-hint + label, .form-horizontal label ~ .banking-einrichtung-error + div, .form-horizontal label ~ .banking-einrichtung-loader + div, .form-horizontal label.banking-einrichtung-error + div, .form-horizontal label.banking-einrichtung-loader + div, .form-horizontal label ~ .large-hint + div, .form-horizontal label.large-hint + div {
  margin: 1em auto;
  max-width: 600px;
  float: none;
}

/**
 * Vertraginfo -> Bereich indem Anbieterinfos und Ansprechpartner angezeigt werden
 * Wird benutzt bei vertraege_view, ggf. später auch bei add und edit
 * Umfasst Displayanbieter und Ansprechpartner
 */
.info-ansprechpartner {
  /**
   * Kommunikationsfelder, bspw. Telefon oder E-Mail, Skype etc.
   */
}
@media screen and (max-width: 767px) {
  .logo:not(.ng-hide) ~ .info-ansprechpartner {
    border-top: 1px solid #fff;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.info-ansprechpartner .komfeld {
  clear: both;
}
.info-ansprechpartner .komfeld label {
  font-size: 90%;
  display: block;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 0;
  color: #2980b9;
}

/**
 * Kommunikationsfelder, bspw. Telefon oder E-Mail, Skype etc. BEARBEITEN
 */
.komfeld_edit {
  padding-right: 30px;
  position: relative;
  /**
   * löschen
   * top 50% minus hälfte der Schrifthöhe minus Ausgleich für margin-bottom
   */
  /**
   * Padding
   */
}
.komfeld_edit a {
  position: absolute;
  top: calc(50% - 0.5em - 11px);
  padding: 0;
  text-align: center;
  width: 30px;
}
.komfeld_edit .col-xs-5,
.komfeld_edit .col-xs-7 {
  padding-right: 0;
}

#adresseform {
  /**
   * Wählen eines bestehenden Ansprechpartners
   * Padding negieren
   */
  /**
   * Edit-Dialog Buttons
   */
  /**
   * Button für Kommunikationsfelder
   */
}
#adresseform .link-list {
  margin: -15px;
  /**
   * DELETE
   */
}
#adresseform .link-list li {
  position: relative;
}
#adresseform .link-list li:last-child {
  border-bottom: 0;
}
#adresseform .link-list .fa, #adresseform .link-list .glyphicon, #adresseform .link-list #main-navigation .hassubnav > a:before, #main-navigation #adresseform .link-list .hassubnav > a:before, #adresseform .link-list #main-navigation .expand, #main-navigation #adresseform .link-list .expand, #adresseform .link-list label[for*=geschlecht]:before {
  color: #2980b9;
}
#adresseform .link-list .delete {
  position: absolute;
  right: 0;
  top: 0;
}
#adresseform .link-list .delete .fa, #adresseform .link-list .delete .glyphicon, #adresseform .link-list .delete #main-navigation .hassubnav > a:before, #main-navigation #adresseform .link-list .delete .hassubnav > a:before, #adresseform .link-list .delete #main-navigation .expand, #main-navigation #adresseform .link-list .delete .expand, #adresseform .link-list .delete label[for*=geschlecht]:before {
  color: #e20000;
  font-size: 135%;
}
#adresseform .modal-footer .btn {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
  margin-left: 0;
}
#adresseform .form-horizontal .btn {
  margin-bottom: 1em;
}

/**
 * Richtigen Namen!
 */
.vertraginfocontainer {
  padding: 15px 0;
  background: var(--background-container);
  color: var(--background-container-text);
  text-align: left;
  margin: 10px 15px 10px;
  border-radius: 10px;
  clear: both;
  border: 1px solid #d6d6d6;
  border-top-color: #e6e6e6;
  border-left-color: #e6e6e6;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
  .vertraginfocontainer {
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.vertraginfocontainer .vertrag-logo {
  background: #fff;
}

.form-group > div > .currency {
  right: 15px;
  top: 0;
  position: absolute;
  line-height: 34px;
  font-weight: 600;
}
.form-horizontal .currency-form-wrap {
  padding-right: 50px;
}
@media screen and (min-width: 768px) {
  .form-horizontal .currency-form-wrap {
    padding-right: 55px;
  }
}

@media screen and (max-width: 991px) {
  .search {
    min-height: 54px;
  }
}

.search, .page_head_function {
  color: var(--text-on-bg);
  background: var(--background);
  /*&:before { //ios nach oben scrollen bei desktop
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      background: $color_1;
      display: block;
      z-index: -1;
      top: -250px;
      height: 300px;
  }

  z-index: 90;*/
  padding: 1em 15px 1em;
  position: relative;
  text-align: center;
}
.vertragsuebersicht .search, .vertragsuebersicht .page_head_function {
  padding-top: 0;
}
@media screen and (min-width: 992px) {
  .search, .page_head_function {
    padding: 1em 0;
    border-radius: 10px 10px 0 0;
  }
}
.search input + a, .page_head_function input + a {
  position: absolute;
  top: calc(50% - 15px);
  height: 54px;
  right: 25px;
  font-size: 21px;
}
.modal-dialog .search, .modal-dialog .page_head_function {
  margin: 0;
  border-radius: 5px 5px 0 0;
  background: var(--background);
  padding: 5px;
}
.container-fluid > .search, .vertragsuebersicht > .search, .container-fluid > .page_head_function, .vertragsuebersicht > .page_head_function {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .container-fluid > .search, .vertragsuebersicht > .search, .container-fluid > .page_head_function, .vertragsuebersicht > .page_head_function {
    border-radius: 10px 10px 0 0;
    margin: -30px -30px 15px;
    padding: 1em 30px;
  }
}
.search input, .search select, .page_head_function input, .page_head_function select {
  width: 100%;
}
.search .btn, .page_head_function .btn {
  background-color: rgba(28, 66, 96, 0.36);
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
  margin-bottom: 10px;
}
.search .btn i, .page_head_function .btn i {
  margin-right: 5px;
  line-height: 70%;
}

/**
 * inline über form
 * Beispiel Banking add
 */
.search .form-group {
  margin: 0;
  /**
  * bessere Lösung?
  * extend ist ineffizient
  */
}
.search .form-group input {
  font-size: 18px;
  width: 100%;
  padding: 0.5em 15px;
  height: 40px;
}

/**
 * Wenn Logos in einem Modal-Header gezeigt werden sollen ist die Klasse zu benutzen.
 */
.modal-header-logo {
  border-bottom: 0;
  /**
   * Wenn leer analog _banking_account.scss
   */
  /**
   * LOGO
   */
}
.modal-header-logo[style=""] {
  background: #fff;
  border-bottom: 2px solid #2980b9;
  color: #2d3f51;
}
.modal-header-logo img {
  max-width: 400px;
  max-height: 80px;
  margin: 0 auto;
  display: block;
}
.modal-header-logo .vertrag-logo {
  border-bottom: 0;
  padding: 0;
}

.dropdown-menu {
  background: var(--modal-body);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
@media (prefers-color-scheme: light) {
  .dropdown-menu {
    color: var(--font-dark);
  }
}
.dropdown-menu td, .dropdown-menu th {
  padding: 2px;
}

.date-input > div {
  position: relative;
}
.date-input .fa, .date-input .glyphicon, .date-input #main-navigation .hassubnav > a:before, #main-navigation .date-input .hassubnav > a:before, .date-input #main-navigation .expand, #main-navigation .date-input .expand, .date-input label[for*=geschlecht]:before {
  position: absolute;
  right: 25px;
  pointer-events: none;
  top: 10px;
  z-index: calc(var(--z-index, 0) + 1);
  color: var(--field-color);
}
@-moz-document url-prefix() {
  .date-input .fa, .date-input .glyphicon, .date-input #main-navigation .hassubnav > a:before, #main-navigation .date-input .hassubnav > a:before, .date-input #main-navigation .expand, #main-navigation .date-input .expand, .date-input label[for*=geschlecht]:before {
    display: none;
  }
  .date-input input {
    -moz-appearance: none;
  }
}
.date-input-inline .fa, .date-input-inline .glyphicon, .date-input-inline #main-navigation .hassubnav > a:before, #main-navigation .date-input-inline .hassubnav > a:before, .date-input-inline #main-navigation .expand, #main-navigation .date-input-inline .expand, .date-input-inline label[for*=geschlecht]:before, .modal-dialog kuendigungsfrist-directive .date-input .fa, .modal-dialog kuendigungsfrist-directive .date-input .glyphicon, .modal-dialog kuendigungsfrist-directive .date-input #main-navigation .hassubnav > a:before, #main-navigation .modal-dialog kuendigungsfrist-directive .date-input .hassubnav > a:before, .modal-dialog kuendigungsfrist-directive .date-input #main-navigation .expand, #main-navigation .modal-dialog kuendigungsfrist-directive .date-input .expand, .modal-dialog kuendigungsfrist-directive .date-input label[for*=geschlecht]:before {
  right: 10px;
}
@media screen and (max-width: 767px) {
  .modal-dialog kuendigungsfrist-directive .date-input .fa, .modal-dialog kuendigungsfrist-directive .date-input .glyphicon, .modal-dialog kuendigungsfrist-directive .date-input #main-navigation .hassubnav > a:before, #main-navigation .modal-dialog kuendigungsfrist-directive .date-input .hassubnav > a:before, .modal-dialog kuendigungsfrist-directive .date-input #main-navigation .expand, #main-navigation .modal-dialog kuendigungsfrist-directive .date-input .expand, .modal-dialog kuendigungsfrist-directive .date-input label[for*=geschlecht]:before {
    display: none;
  }
}

.progress, .progress * {
  transform: translateZ(0);
}

contract-diff {
  display: block;
}
.vertragsuebersicht.vertragsgruppen contract-diff.entry {
  margin: 0;
  cursor: default;
}
.vertragsuebersicht.vertragsgruppen contract-diff.entry:not(:first-child) {
  margin-top: 5px;
}
.vertragsuebersicht.vertragsgruppen contract-diff.entry select {
  cursor: pointer;
}
.vertragsuebersicht contract-diff.entry::before {
  display: none;
}

.contract-diff-modal-body {
  padding: 5px;
}
@media (prefers-color-scheme: light) {
  .contract-diff-modal-body {
    background: #eee;
  }
}
.contract-diff-modal-body .alert {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contract-diff-modal-body .view-fields .form-group > div,
.contract-diff-modal-body .view-fields .form-group > label {
    width: 100%;
  }
  .contract-diff-modal-body .view-fields select {
    margin-top: 5px;
  }
}
.contract-diff-modal-body label.show-all {
  max-width: none;
}
.contract-diff-modal-body label.show-all label {
  padding-left: 10px;
}
.contract-diff.header {
  margin: 8px 15px 8px 0;
  display: grid;
  grid-template-areas: "logo gesellschaft beitrag" "logo product zahlweise";
  grid-template-rows: repeat(2, 22px);
  grid-template-columns: 60px auto min-content;
  align-items: center;
}
.contract-diff.header > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 4px;
}
.contract-diff.header > .main {
  font-weight: bold;
}
.contract-diff.header [area=logo] {
  grid-area: logo;
}
.contract-diff.header [area=gesellschaft] {
  grid-area: gesellschaft;
}
.contract-diff.header [area=beitrag] {
  grid-area: beitrag;
}
.contract-diff.header [area=zahlungsweise] {
  grid-area: zahlungsweise;
}
.contract-diff.header [area=puduct] {
  grid-area: puduct;
}
.contract-diff.header [area=zahlweise] {
  grid-area: zahlweise;
}
.contract-diff.header [area=beitrag] {
  text-align: right;
}
.contract-diff.diff {
  margin: 5px 5px -10px;
}
.contract-diff .form-group {
  margin: 0 -15px;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .contract-diff .form-group:not(.ng-hide) {
    display: flex !important;
    align-items: baseline;
  }
}
.contract-diff-modal-body .contract-diff .form-group:first-child {
  border-top: 0;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .contract-diff .checkbox {
    background: inherit !important;
    top: 7px !important;
    left: 0 !important;
  }
  .vertragsuebersicht .contract-diff .checkbox label {
    margin-left: 0px;
  }
}
.contract-diff .btn-row {
  margin: 15px 0;
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated, #toast-container [toast].ng-enter, #toast-container [toast].ng-leave {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite, #toast-container .infinite[toast].ng-enter, #toast-container .infinite[toast].ng-leave {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge, #toast-container .hinge[toast].ng-enter, #toast-container .hinge[toast].ng-leave {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn, #toast-container .bounceIn[toast].ng-enter, #toast-container .bounceIn[toast].ng-leave,
.animated.bounceOut,
#toast-container .bounceOut[toast].ng-enter,
#toast-container .bounceOut[toast].ng-leave {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.animated.flipOutX, #toast-container .flipOutX[toast].ng-enter, #toast-container .flipOutX[toast].ng-leave,
.animated.flipOutY,
#toast-container .flipOutY[toast].ng-enter,
#toast-container .flipOutY[toast].ng-leave {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip, #toast-container .flip[toast].ng-enter, #toast-container .flip[toast].ng-leave {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown, #toast-container [toast].ng-enter {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp, #toast-container [toast].ng-leave {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

#toast-container {
  top: var(--app-margin-top);
  /**
   * FALL notifications für Nachrichten etc.
   */
}
#toast-container .alert {
  text-align: center;
  border: 0 none;
  padding: 0.5em 15px;
  margin-bottom: 1em;
  border-radius: 0;
  position: relative;
}
#toast-container .alert::after {
  background: var(--background);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: -1;
}
#toast-container [toast].ng-leave {
  transition: opacity ease-in 1s !important;
}
#toast-container .alert.toast-notification {
  /**
   * zentriert
   */
  margin: 1em auto;
  padding: 0;
  border-radius: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  max-width: 500px;
  min-width: 0;
  position: relative;
}
@media screen and (max-width: 530px) {
  #toast-container .alert.toast-notification {
    margin: 1em 15px;
  }
}
#toast-container .alert.toast-notification .toast-title {
  padding: 0.75em 50px 0;
  font-size: 130%;
  font-weight: 600;
}
#toast-container .alert.toast-notification .toast-message {
  text-align: left;
  padding: 1em 15px 1.5em 80px;
  position: relative;
  min-height: 65px;
}
@media screen and (min-width: 530px) {
  #toast-container .alert.toast-notification .toast-message {
    padding-right: 3em;
  }
}
#toast-container .alert.toast-notification > div {
  display: flex;
  height: 100%;
  flex-direction: column;
}
#toast-container .alert.toast-notification img,
#toast-container .alert.toast-notification svg {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  left: 15px;
}
#toast-container .alert.toast-notification img.logo,
#toast-container .alert.toast-notification svg.logo {
  margin-top: -4px;
}
#toast-container .alert.toast-notification a {
  pointer-events: none;
  text-decoration: none;
  color: inherit;
}

.toast-title {
  font-weight: bold;
}

/**
 * Die Nachricht selbst
 */
.toast-notification {
  /**
   * Success und Error
   */
  /**
   * success
   */
  /**
   * error
   */
}
.toast-notification.alert-success, .toast-notification.alert-danger, .toast-notification.error {
  /**
   * Error und Danger dürfen immer angezeigt werden!
   */
  z-index: 9999999;
}
.toast-notification.alert-success::before, .toast-notification.alert-danger::before, .toast-notification.error::before {
  left: 15px;
  font-size: 37.5px;
  width: 50px;
  line-height: 50px;
  font-family: "FontAwesome";
  position: absolute;
  text-align: center;
  display: block;
  top: calc(50% - 50px/2);
}
.toast-notification.alert-success::before {
  content: \f00c;
  color: #2fad4a;
  /*content: $fa-var-times;
  color: #b3001b;*/
}
.toast-notification.alert-danger::before, .toast-notification.error::before {
  content: \f00d;
  color: #b3001b;
}

.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}

.toast-close-button {
  position: absolute;
  right: 24px;
  top: 16px;
  font-size: 20px;
  color: #2d3f51;
  cursor: pointer;
}
.toast-close-button:hover, .toast-close-button:focus {
  opacity: 0.7;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  left: 0;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

/*
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/
#toast-container > :hover {
  /*-moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;*/
  cursor: pointer;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  margin: auto;
}

/*Animations*/
/* 
.toast {
  opacity: 1 !important;
}

.toast.ng-enter {
  opacity: 0 !important;
  transition: opacity 0.3s linear;
}

.toast.ng-enter.ng-enter-active {
  opacity: 1 !important;
}

.toast.ng-leave {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.toast.ng-leave.ng-leave-active {
  opacity: 0 !important;
}*/
/*Responsive Design*/
/*
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}*/
.toast-notification .logo {
  position: relative;
  top: 9px;
}

/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
.switch-toggle {
  margin-bottom: 0;
}

/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle a,
.switch-light span span {
  display: none;
}

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
   */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
     * when the inputs are focused.
     */
  }
  .switch-light::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-light *,
.switch-light *:before,
.switch-light *:after {
    box-sizing: border-box;
  }
  .switch-light a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-light label,
.switch-light > span {
    /* breathing room for bootstrap/foundation classes.
     */
    line-height: 2em;
    vertical-align: middle;
  }
  .switch-light input:focus ~ span a,
.switch-light input:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */
  }

  /* don't hide the input from screen-readers and keyboard access
   */

  /* inherit from label
   */

  /* Radio Switch
   */

  /* Candy Theme
   * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
   * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
   */

  /* iOS Theme
  */

  /* Holo Theme
   */

  /* Selected ON switch-light
  */

  /* Material Theme
   */
  /* switch-light
   */

  /* switch-toggle
   */

  /* ripple
   */

  /* trick to prevent the default checked ripple animation from showing
   * when the page loads.
   * the ripples are hidden by default, and shown only when the input is focused.
   */
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  .switch-light input:focus ~ span a,
.switch-light input:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
@media only screen {
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3;
  }
}
@media only screen {
  .switch-light input:checked ~ span a {
    right: 0%;
  }
}
@media only screen {
  .switch-light strong {
    font-weight: inherit;
  }
}
@media only screen {
  .switch-light > span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
     * eg. bootstrap .well
     */
    padding: 0;
    text-align: left;
  }
}
@media only screen {
  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
}
@media only screen {
  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
  }
}
@media only screen {
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
     * when the inputs are focused.
     */
    /* For callout panels in foundation
    */
    padding: 0 !important;
    /* 2 items
     */
    /* 3 items
     */
    /* 4 items
     */
    /* 5 items
     */
    /* 6 items
     */
  }
  .switch-toggle::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-toggle *,
.switch-toggle *:before,
.switch-toggle *:after {
    box-sizing: border-box;
  }
  .switch-toggle a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-toggle label,
.switch-toggle > span {
    /* breathing room for bootstrap/foundation classes.
     */
    line-height: 2em;
    vertical-align: middle;
  }
  .switch-toggle input:focus ~ span a,
.switch-toggle input:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 0) {
  .switch-toggle input:focus ~ span a,
.switch-toggle input:focus + label {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
@media only screen {
  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0;
  }
}
@media only screen {
  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding: 0 0.5em;
    margin: 0;
    text-align: center;
  }
}
@media only screen {
  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 10px;
    height: 100%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(4),
.switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
.switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
    width: 50%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
    left: 50%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(6),
.switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
.switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
    width: 33.33%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
    left: 33.33%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
    left: 66.66%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(8),
.switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
.switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
    width: 25%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
    left: 25%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
    left: 50%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
    left: 75%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(10),
.switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
.switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
    width: 20%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
    left: 20%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
    left: 40%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
    left: 60%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
    left: 80%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(12),
.switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
.switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
    width: 16.6%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
    left: 16.6%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
    left: 33.2%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
    left: 49.8%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
    left: 66.4%;
  }
}
@media only screen {
  .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
    left: 83%;
  }
}
@media only screen {
  .switch-toggle.switch-candy,
.switch-light.switch-candy > span {
    background-color: #2d3035;
    border-radius: 3px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
  }
}
@media only screen {
  .switch-light.switch-candy span span,
.switch-light.switch-candy input:checked ~ span span:first-child,
.switch-toggle.switch-candy label {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;
  }
}
@media only screen {
  .switch-light.switch-candy input ~ span span:first-child,
.switch-light.switch-candy input:checked ~ span span:nth-child(2),
.switch-candy input:checked + label {
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
}
@media only screen {
  .switch-candy a {
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    background-color: #70c66b;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
  }
}
@media only screen {
  .switch-candy-blue a {
    background-color: #38a3d4;
  }
}
@media only screen {
  .switch-candy-yellow a {
    background-color: #f5e560;
  }
}
@media only screen {
  .switch-ios.switch-light span span {
    color: #888b92;
  }
  .switch-ios.switch-light a {
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    background-color: #fff;
    border-radius: 100%;
    border: 0.25em solid #D8D9DB;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-ios.switch-light > span {
    display: block;
    width: 100%;
    height: 2em;
    background-color: #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .switch-ios.switch-light > span span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 1.875em;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-ios.switch-light > span span:first-of-type {
    opacity: 1;
    padding-left: 1.875em;
  }
  .switch-ios.switch-light > span span:last-of-type {
    padding-right: 1.875em;
  }
  .switch-ios.switch-light input:checked ~ span a {
    left: 100%;
    border-color: #4BD865;
    margin-left: -2em;
  }
  .switch-ios.switch-light input:checked ~ span {
    border-color: #4BD865;
    box-shadow: inset 0 0 0 30px #4BD865;
  }
  .switch-ios.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .switch-ios.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
  }
  .switch-ios.switch-toggle {
    background-color: #D8D9DB;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  }
  .switch-ios.switch-toggle a {
    background-color: #4BD865;
    border: 0.125em solid #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
  }
  .switch-ios.switch-toggle label {
    height: 2.4em;
    color: #888b92;
    line-height: 2.4em;
    vertical-align: middle;
  }
  .switch-ios input:checked + label {
    color: #3e4043;
  }
}
@media only screen {
  .switch-toggle.switch-holo,
.switch-light.switch-holo > span {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    text-transform: uppercase;
  }
}
@media only screen {
  .switch-holo label {
    color: #fff;
  }
}
@media only screen {
  .switch-holo > span span {
    opacity: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
  }
  .switch-holo > span span:first-of-type {
    opacity: 1;
  }
}
@media only screen {
  .switch-holo > span span,
.switch-holo label {
    font-size: 85%;
    line-height: 2.15625em;
  }
}
@media only screen {
  .switch-holo a {
    background-color: #666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
  }
}
@media only screen {
  .switch-holo.switch-light input:checked ~ span a {
    background-color: #0E88B1;
  }
}
@media only screen {
  .switch-holo.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }
}
@media only screen {
  .switch-holo.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
  }
}
@media only screen {
  .switch-light.switch-material a {
    top: -0.1875em;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@media only screen {
  .switch-material.switch-light {
    overflow: visible;
  }
  .switch-material.switch-light::after {
    clear: both;
    content: "";
    display: table;
  }
}
@media only screen {
  .switch-material.switch-light > span {
    overflow: visible;
    position: relative;
    top: 0.1875em;
    width: 3.25em;
    height: 1.5em;
    min-height: auto;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.26);
  }
}
@media only screen {
  .switch-material.switch-light span span {
    position: absolute;
    clip: rect(0 0 0 0);
  }
}
@media only screen {
  .switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #3f51b5;
    box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12);
  }
}
@media only screen {
  .switch-material.switch-light input:checked ~ span {
    background: rgba(63, 81, 181, 0.5);
  }
}
@media only screen {
  .switch-toggle.switch-material {
    overflow: visible;
  }
  .switch-toggle.switch-material::after {
    clear: both;
    content: "";
    display: table;
  }
}
@media only screen {
  .switch-toggle.switch-material a {
    top: 48%;
    width: 0.375em !important;
    height: 0.375em;
    margin-left: 0.25em;
    background: #3f51b5;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.4s ease-in;
    -moz-transition: -moz-transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
  }
}
@media only screen {
  .switch-toggle.switch-material label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1em;
  }
}
@media only screen {
  .switch-toggle.switch-material label:before {
    content: "";
    position: absolute;
    top: 48%;
    left: 0;
    display: block;
    width: 0.875em;
    height: 0.875em;
    border-radius: 100%;
    border: 0.125em solid rgba(0, 0, 0, 0.54);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen {
  .switch-toggle.switch-material input:checked + label:before {
    border-color: #3f51b5;
  }
}
@media only screen {
  .switch-light.switch-material > span:before,
.switch-light.switch-material > span:after,
.switch-toggle.switch-material label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    background: #3f51b5;
    opacity: 0.4;
    margin-left: -1.25em;
    margin-top: -1.25em;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
  }
}
@media only screen {
  .switch-light.switch-material > span:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.25em;
  }
}
@media only screen {
  .switch-toggle.switch-material label:after {
    width: 3.25em;
    height: 3.25em;
    margin-top: -0.75em;
  }
}
@media only screen {
  @-webkit-keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
    }
    20% {
      -webkit-transform: scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
    }
  }
}
@media only screen {
  @-moz-keyframes materialRipple {
    0% {
      -moz-transform: scale(0);
    }
    20% {
      -moz-transform: scale(1);
    }
    100% {
      opacity: 0;
      -moz-transform: scale(1);
    }
  }
}
@media only screen {
  @keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
    }
    20% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
}
@media only screen {
  .switch-material.switch-light input:not(:checked) ~ span:after,
.switch-material.switch-light input:checked ~ span:before,
.switch-toggle.switch-material input:checked + label:after {
    -webkit-animation: materialRipple 0.4s ease-in;
    -moz-animation: materialRipple 0.4s ease-in;
    animation: materialRipple 0.4s ease-in;
  }
}
@media only screen {
  .switch-light.switch-material.switch-light input ~ span:before,
.switch-light.switch-material.switch-light input ~ span:after,
.switch-material.switch-toggle input + label:after {
    visibility: hidden;
  }
}
@media only screen {
  .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
.switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after,
.switch-material.switch-toggle input:focus:checked + label:after {
    visibility: visible;
  }
}
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light,
.switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s;
  }
}
@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
#app-header {
  padding: 0;
  font-size: 170%;
  font-weight: bold;
  position: fixed;
  top: 30px;
  left: 0;
  z-index: 200;
  width: 100%;
  background: var(--app-header-background);
  color: #fff;
  line-height: var(--header-base);
  min-height: var(--header-height);
  height: var(--header-height);
  transition: height ease-in 0.25s;
  padding-top: var(--safe-area-inset-top);
  display: flex;
  align-items: center;
  /**
  * Dummy für #130 Icon in die Kopfleiste verschieben
  */
}
#app-header .fa-bars {
  color: var(--hamburger-color, inherit);
}
#app-header.sticky {
  background: var(--background);
  background-attachment: unset;
}
#app-header.sticky h1 {
  font-size: 80%;
}
.fixfixed #app-header {
  position: absolute;
}
#app-header a {
  color: #fff;
}
@media screen and (min-width: 992px) {
  #app-header {
    display: none;
  }
}
#app-header h1 {
  color: var(--highlight-color);
  font-size: 23.8px;
  font-weight: 600;
  transition: font-size ease-in 0.25s;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 992px) {
  #app-header h1 {
    font-size: 120%;
  }
}
#app-header a {
  position: absolute;
}
#app-header a.back {
  font-size: 150%;
  z-index: 1000;
  left: 10px;
  padding-left: calc(10px + var(--safe-area-inset-left));
}
#app-header a.back + .button-menu {
  display: none;
}
#app-header a.button-menu {
  left: 20px;
  display: block;
  transition: all ease-in 0.25s;
  z-index: 550;
}
@media screen and (min-width: 992px) {
  #app-header a.button-menu {
    display: none;
  }
}
#app-header a.button-logout {
  display: none;
  right: 10px;
  font-size: 70%;
  font-weight: normal;
}
#app-header a.button-logout i {
  font-size: 120%;
  margin-right: 10px;
}
#app-header a i {
  text-shadow: none;
}
#app-header .icon-list {
  position: absolute;
  right: 20px;
  z-index: auto;
  transition: all ease-in 0.25s;
}
#app-header .icon-list a {
  position: relative;
  z-index: 5000;
  float: left;
  margin-left: 3px;
}
#app-header .icon-list a .fa, #app-header .icon-list a .glyphicon, #app-header .icon-list a #main-navigation .hassubnav > a:before, #main-navigation #app-header .icon-list a .hassubnav > a:before, #app-header .icon-list a #main-navigation .expand, #main-navigation #app-header .icon-list a .expand, #app-header .icon-list a label[for*=geschlecht]:before {
  margin: 0;
}

/**
 * Wird durch angular gesetzt
 */
.icons-active {
  padding-bottom: 0;
  margin-bottom: -1px;
}
.icons-active [class^=col-] {
  min-height: 0;
}

.desktop-nav {
  display: none;
}
@media screen and (min-width: 992px) {
  .desktop-nav {
    background: #1c4260;
    display: block;
    transition: bottom ease-in 0.25s;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    z-index: 500;
  }
  .fixfixed .desktop-nav {
    bottom: -50px;
  }
  body.desktop .desktop-nav {
    position: relative;
    margin-top: 15px;
  }
  .desktop-nav ul {
    margin: 0;
  }
  .desktop-nav li {
    display: inline-block;
  }
  .desktop-nav li.active a {
    background: rgba(0, 0, 0, 0.5);
  }
  .desktop-nav li a {
    color: #fff;
    padding: 0 15px;
    line-height: 50px;
    height: 50px;
    display: block;
  }
  .desktop-nav li a i {
    margin-right: 0.5em;
    font-size: 120%;
  }
  .desktop-nav .subnav {
    display: none;
    position: absolute;
    bottom: 50px;
    background: #000;
    padding: 0;
  }
  .desktop-nav .subnav li {
    display: block;
  }
  .desktop-nav .subnav li a {
    padding: 10px;
    display: block;
    line-height: 1em;
  }
  .desktop-nav li:hover .subnav {
    display: block;
  }
}

.page_action {
  border-top: 1px solid #ccc;
  padding: 10px 15px;
  display: none;
  background: var(--background-footer);
  text-align: center;
  left: 0;
  right: 0;
  bottom: var(--quick-nav-height);
  max-height: 54px;
  box-sizing: border-box;
  z-index: 500;
  -webkit-transform: translateZ(0);
}
.fixfixed .page_action {
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 335px) {
  .page_action {
    max-height: 64.8px;
  }
}
@media screen and (min-width: 992px) {
  .hasaction:not(.hasaction-fixed) .page_action {
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    clear: both;
    background: transparent;
    padding: 20px 15px 30px;
    border-top-width: 3px;
    margin-top: 20px;
  }
  .hasaction:not(.hasaction-fixed) .page_action :after {
    content: "";
    clear: both;
  }
}

.page.hasaction + div .page_action,
.page.hasaction .page_action {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .page.hasaction + div .page_action,
.page.hasaction .page_action {
    max-height: none;
    padding: 20px 0 5px;
  }
}

/*
@media screen and (min-width: $screen-desktop) {
    .page.hasaction.hasaction-fixed { //explizit fixed für Desktop bspw. bei vertraege.js um PDF zu erstellen
        .page_action {
            bottom:0;
            height:50px; // wie die navigation ? TODO: Variable
            padding: 7px;

            .btn {
                font-size: 100%;
            }
        }
    }
}*/
#app-footer .quick-navigation {
  padding-bottom: var(--safe-area-inset-bottom);
  /* iOS 11.2 */
}

/* wird nicht benutzt
body {
    @media screen and (min-width:$screen-lg) { 
        //background: #001a2b;
        background: #dfdfdf; //wie verivox



        > div {
            width: 1200px; //1200
            @media screen and (min-width:1400px) { 
                width: 1280px; //=1280 gesamt
            }
            position: absolute;
            margin: 0 auto;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
        }
    }
}
*/
/*laut SF später

body {
    @media screen and (min-width:$screen-lg) { 
        &.hastopbanner {
            > div {
                top:90px;
            }
        }
    }
}

#skyscraper {
    position: fixed;
    right:0;
    bottom:0;
    top:0;
    width:220px;
}*/
html,
body {
  width: 100%;
  min-height: 100vh !important;
}

html {
  height: 100%;
}

body {
  padding-top: 30px;
}

a, a:visited, a:active, a:focus, a:hover {
  color: var(--link-color);
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
}
body::after {
  content: "";
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--background);
}

#content {
  /*position:absolute;
     .desktop & {
         position: static; // warum ist das für die dc-version noch nicht static/relative?
     }
  top:0 + $dev-bar-height;
     @media screen and (min-width: $screen-desktop) {
         top: 0 + $dev-bar-height + $desktop-header-height;
     }
  bottom:0;
  left:0;
  right:0;*/
}
#content > .page {
  position: static;
  padding-top: var(--header-height);
  padding-bottom: var(--quick-nav-height);
  min-width: 100%;
  transition: all ease-in 0.25s;
}
#content > .page.hasaction {
  padding-bottom: calc(var(--quick-nav-height) + var(--action-bar-height));
}
.fixfixed #content > .page {
  --quick-nav-height: 0px;
  position: relative;
}

@media screen and (min-width: 992px) {
  .max-width-page > div:not(:empty), .page > div:not(:empty) {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 15px;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  #content .max-width-page, #content .page {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .max-width-page .page_action.animated, .page .page_action.animated, .max-width-page #toast-container .page_action[toast].ng-leave, .page #toast-container .page_action[toast].ng-leave, #toast-container .max-width-page .page_action[toast].ng-leave, #toast-container .page .page_action[toast].ng-leave, .max-width-page #toast-container .page_action[toast].ng-enter, .page #toast-container .page_action[toast].ng-enter, #toast-container .max-width-page .page_action[toast].ng-enter, #toast-container .page .page_action[toast].ng-enter {
    animation: none;
  }
  .max-width-page .page_action.animated .btn, .page .page_action.animated .btn, .max-width-page #toast-container .page_action[toast].ng-leave .btn, .page #toast-container .page_action[toast].ng-leave .btn, #toast-container .max-width-page .page_action[toast].ng-leave .btn, #toast-container .page .page_action[toast].ng-leave .btn, .max-width-page #toast-container .page_action[toast].ng-enter .btn, .page #toast-container .page_action[toast].ng-enter .btn, #toast-container .max-width-page .page_action[toast].ng-enter .btn, #toast-container .page .page_action[toast].ng-enter .btn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeIn;
    font-size: 120%;
  }
}

/* raus/alternative Suchen, führt beim Chat zu Problemen
.fixfixed {
  -webkit-transform: translate3d(0,0,0);
}*/
.bg-light {
  color: var(--font-dark);
  /* vorerst raus, ggf muss das wiedr rein wenn es zu problemen an manchen stellen führt
  @media screen and (max-width: $screen-sm-max) {
    background: var(--background-container);

    @if ($darkmode) {
      @media (prefers-color-scheme: dark) {
        background: transparent;
      }
    }
  }*/
}
.bg-light a {
  --list-entry-color: var(--font-dark);
}
.bg-light legend {
  color: var(--font-dark);
}
.bg-light > div {
  background: var(--background-container);
  color: var(--background-container-text);
}
@media screen and (min-width: 992px) {
  .bg-light > div {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    min-height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .bg-light > div {
    margin: 5px;
    border-radius: 5px;
  }
}
@media (prefers-color-scheme: dark) {
  .bg-light > div {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    min-height: 0;
  }
}

.count {
  position: absolute;
  top: -0.5em;
  right: -0.1em;
  z-index: 100;
  background: rgb(255, 35, 35);
  width: auto;
  line-height: 150%;
  height: 1.5em;
  border-radius: 1em;
  padding: 0 0.25em;
  font-weight: normal;
  text-align: center;
  min-width: 1.5em;
  box-sizing: border-box;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff !important;
  text-shadow: none;
  align-items: center;
  justify-content: center;
  display: flex;
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.page-home .fluid-container .count, .quick-navigation .count {
  right: calc(50% - 2.5em);
  top: -0.15em;
}

.vertragsuebersicht .logo, .list-group .logo {
  width: auto;
  height: 60px;
  padding: 0;
  /*  

  // vertragsuebersicht xs-3 auf xs2 etc umstellen
  */
}
.list-group .logo img, .logo-small img {
  max-width: 100%;
  max-height: 100%;
}
.vertragsuebersicht .logo {
  margin: -10px -15px -10px 0;
}
.list-group .logo {
  display: inline-block;
  margin: 0 15px 0 0;
}

/*
.list-group .logo + span  {
    @extend .maxchar-20;
}*/
.list-group .logo {
  float: left;
  max-width: 60px;
}

.list-group-item {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 90px;
  clear: both;
}
.list-group-item .logo + span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
}

.rating {
  position: relative;
  display: block;
  width: 100%;
}
.rating i {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 10px;
}
.rating i:before {
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: flex;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  color: #e74c3c;
}
.rating.rating0 i:before, .rating.rating1 i:nth-child(1) ~ i:before, .rating.rating2 i:nth-child(2) ~ i:before, .rating.rating3 i:nth-child(3) ~ i:before, .rating.rating4 i:nth-child(4) ~ i:before {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.25);
}
.rating.inverted i:before {
  color: #fff;
}

.rating-color.rating1 {
  background-color: #ccc;
}
.rating-color.rating2 {
  background-color: #86c357;
}
.rating-color.rating3 {
  background-color: #e7c23c;
}
.rating-color.rating4 {
  background-color: #f97d24;
}
.rating-color.rating5 {
  background-color: #e74c3c;
}

.status {
  /**
   * #129 Abgerundete Ecke nach techn. Vorlage http://dabblet.com/gist/4592062
   * TODO: Aktiv/Inaktiv-Farben ggf. auslagern
   */
}
.status-button {
  padding: 4px 0;
  text-align: center;
  border-bottom: 0;
  margin-bottom: 2px;
}
.status-button.aktiv {
  background: #dff5c6;
  color: #39620d;
  border-top: 3px solid #eefae0;
  border-bottom: 3px solid #b8e587;
}
.status-button.inaktiv {
  background: #f5c6c6;
  color: #5f0a0a;
  border-bottom: 3px solid #e74c3c;
  border-top: 3px solid #ffe4e4;
}
.vertragsuebersicht .status {
  position: absolute;
  right: 3px;
  top: 3px;
  background: #eee;
  text-align: left;
  border-top-right-radius: 30%;
  font-size: 0;
}
.vertragsuebersicht .status::before, .vertragsuebersicht .status::after {
  content: "";
  position: absolute;
  background-color: inherit;
}
.vertragsuebersicht .status, .vertragsuebersicht .status::before, .vertragsuebersicht .status::after {
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .status {
    border-top-right-radius: 15px;
  }
  .vertragsuebersicht .status, .vertragsuebersicht .status::before, .vertragsuebersicht .status::after {
    width: 15px;
    height: 15px;
  }
}
.vertragsuebersicht .status::before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.vertragsuebersicht .status::after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
.vertragsuebersicht .status.aktiv {
  background: rgb(156, 216, 95);
}
.vertragsuebersicht .status.inaktiv {
  background: #e74c3c;
}

.anbieter li:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .anbieter li a {
    line-height: 39px;
  }
}
.anbieter li img {
  max-width: 110px;
  max-height: 25px;
  margin-left: 10px;
}

banner {
  display: block;
  background: var(--field-color);
  color: var(--font-light);
  text-align: center;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (prefers-color-scheme: dark) {
  banner {
    background: rgba(49, 112, 143, 0.5);
  }
}
banner a > i {
  margin-right: 5px;
}
@media screen and (min-width: 992px) {
  banner {
    margin: 0 auto;
    width: 100%;
    border-radius: 4px;
    max-width: 992px;
  }
}
@media screen and (min-width: 767px) {
  banner .btn-block {
    display: inline-block;
    width: auto;
  }
}

banner.card {
  display: inline-block;
  flex: 1 1 0px;
  margin: 15px;
  max-width: none;
  border-radius: 4px;
  min-width: calc(50% - 10px);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-position-x: 0;
  background-size: 100%;
  border: 0;
  transition: all ease-in 0.25s;
}
banner.card + banner.card {
  margin-top: 0;
}
banner.card h4 {
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
banner.card p {
  font-size: 120%;
}
banner.card p,
banner.card .banner-icon {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
banner.card .banner-icon {
  font-size: 5em;
}
banner.card-yellow {
  background-color: #fc9d03;
  background-image: linear-gradient(145deg, #feb447 0%, #fc9d03 75%);
}
banner.card-blue {
  background-color: #0396FF;
  background-image: linear-gradient(145deg, #ABDCFF 0%, #0396FF 75%);
}
banner.card-red {
  background-color: #3f0d12;
  background-image: linear-gradient(145deg, #a71d31 0%, #3f0d12 75%);
}
banner.card-disabled {
  filter: grayscale(50%);
}
banner.card:hover {
  background-position-x: 100%;
  background-size: 200%;
}

.in-app-purchase-list {
  transition: all ease-in 0.25s;
}
.in-app-purchase-list-loader {
  min-height: 130px;
}
.in-app-purchase-list-loader.dark .loader {
  padding-top: 30px;
}
.in-app-purchase-list-loader.dark .loader .message {
  color: var(--loader-font-color, inherit);
}
@media screen and (min-width: 992px) {
  .in-app-purchase-list-loader.dark .loader .message {
    padding-top: 100px;
  }
}
@media screen and (max-width: 991px) {
  .in-app-purchase-list-loader.dark .loader {
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px;
    color: #fff;
  }
  .in-app-purchase-list-loader.dark .loader .message {
    margin-bottom: 20px;
  }
  .in-app-purchase-list-loader.dark .loader .spinner {
    position: static !important;
  }
}
.block-ui-active .in-app-purchase-list {
  opacity: 0;
}
.in-app-purchase-product {
  text-align: center;
}
.in-app-purchase-product-title {
  display: block;
  font-size: 170%;
  font-weight: 600;
  margin-bottom: 0.3em;
  margin-top: 0.5em;
}
.in-app-purchase-product-trial {
  font-weight: 600;
  margin-top: 0.5em;
}
.in-app-purchase-product-price {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 991px) {
  .dark .in-app-purchase-product .btn {
    border-width: 2px;
    font-weight: bold;
    line-height: 180%;
    text-transform: uppercase;
    background: var(--highlight-color);
    border-color: transparent;
    margin-top: 15px;
    display: block;
  }
}
.dark .in-app-purchase-subscription-alert {
  color: var(--highlight-color);
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .dark .in-app-purchase-subscription-alert {
    font-size: 90%;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 2px -1px #000;
    padding: 15px;
    border-radius: 4px;
  }
}
.in-app-purchase-infotext {
  line-height: 140%;
}
.in-app-purchase-infotext b {
  display: block;
}
.in-app-purchase-restore-link {
  font-size: 110%;
  margin: 15px 0;
  display: inline-block;
  font-weight: bold;
  border: 1px solid;
  padding: 5px 15px;
  border-radius: 5px;
}
@media screen and (max-width: 991px) {
  .in-app-purchase-restore-link {
    text-align: center;
    display: block;
  }
}
.in-app-purchase-links {
  font-size: 90%;
}
.in-app-purchase-links a {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .in-app-purchase-links {
    text-align: center;
  }
}

producttree-directive .link-list {
  font-size: 120%;
}
producttree-directive .fa-chevron-left, producttree-directive .glyphicon-chevron-left {
  position: absolute;
  left: 0;
  width: 35px;
  text-align: center;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
producttree-directive .fa-chevron-right, producttree-directive .glyphicon-chevron-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 15px;
}
producttree-directive + .form-horizontal {
  padding-top: 0;
}

.produktgeber .link-list li {
  margin-left: 4.5em;
}
.produktgeber .link-list li:before {
  left: -4.5em !important;
}
.produktgeber .link-list li img.icon {
  width: 3.25em;
  top: calc(50% + 1px - 1.625em);
  left: -4.5em;
  margin-left: 0.5em;
}
.produktgeber legend {
  color: #ffffff;
  font-weight: bold;
  padding: 0 15px 0.5em;
  border: 0;
  margin: 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .produktgeber legend {
    padding-top: 1em;
  }
  .produktgeber legend + div .search {
    padding-top: 0 !important;
    border-radius: 0;
  }
}
.produktgeber .empty-state {
  margin: 1em 15px 1em;
  max-width: 100%;
}
.modal-dialog .produktgeber #gesellschaftsliste {
  overflow-y: auto;
  max-height: calc(100vh - 200px);
}
@media screen and (min-width: 992px) {
  .modal-dialog .produktgeber #gesellschaftsliste {
    max-height: 500px;
  }
}
@media screen and (min-width: 992px) {
  .produktgeber #gesellschaftsliste .empty-state {
    margin: 0;
  }
}

/**
 * Default-Slider-Funktion anhand Höhe des Parent-Containers
 * Wenn alle parents 100% height haben, kann somit auch die gesamte Fläche automatisch gefüllt werden.
 * Andernfalls kann eine JAVASCRIPT-berechnete Höhe genutzt werden.
 */
.slider-default, .tour-slider.dark {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
}
.slider-default .slide, .tour-slider.dark .slide {
  padding: 25px 65px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (min-width: 992px) {
  .slider-default .slide, .tour-slider.dark .slide {
    padding: 25px 150px;
  }
}
.slider-default .slide .full-width, .tour-slider.dark .slide .full-width {
  margin-left: -50px;
  margin-right: -50px;
}
.slider-default .arrow-left, .tour-slider.dark .arrow-left, .slider-default .arrow-right, .tour-slider.dark .arrow-right {
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 80px;
  color: #ccc;
  padding: 10px;
  transition: all cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .slider-default .arrow-left, .tour-slider.dark .arrow-left, .slider-default .arrow-right, .tour-slider.dark .arrow-right {
    padding: 10px 50px;
  }
}
@media screen and (min-width: 992px) {
  .slider-default .arrow-left:hover, .tour-slider.dark .arrow-left:hover, .slider-default .arrow-right:hover, .tour-slider.dark .arrow-right:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
  }
}
.slider-default .arrow-left, .tour-slider.dark .arrow-left {
  left: 0;
}
.slider-default .arrow-right, .tour-slider.dark .arrow-right {
  right: 0;
}

.tour-slider .first-slide.center ~ .arrow-left {
  left: -50px;
  opacity: 0;
}
.tour-slider .last-slide.center ~ .arrow-right {
  right: -50px;
  opacity: 0;
}

.slide {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  opacity: 0;
  pointer-events: none;
  cursor: unset;
}
.slide.left {
  transform: translate3d(-100%, 0, 0);
}
.slide.center {
  transform: translate3d(0, 0, 0);
  left: 0;
  right: 0;
  opacity: 1;
  pointer-events: auto;
}
.slide.right {
  transform: translate3d(100%, 0, 0);
}
.slide-relative.center {
  position: relative;
}
.slide.transition {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
}

.swipeerror-left .slide.center {
  -webkit-animation: shake-left cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
  -moz-animation: shake-left cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
  animation: shake-left cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
}
.swipeerror-right .slide.center {
  -webkit-animation: shake-right cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
  -moz-animation: shake-right cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
  animation: shake-right cubic-bezier(0.5, 0, 0.5, 1) 0.5s;
}
.swipeerror-left .slide.center, .swipeerror-right .slide.center {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes shake-left {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(20%, 0px);
  }
  90% {
    -webkit-transform: translate(5%, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@-moz-keyframes shake-left {
  0% {
    -moz-transform: translate(0px, 0px);
  }
  50% {
    -moz-transform: translate(20%, 0px);
  }
  90% {
    -moz-transform: translate(5%, 0px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
  }
}
@keyframes shake-left {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(20%, 0px);
    -moz-transform: translate(20%, 0px);
    -ms-transform: translate(20%, 0px);
    -o-transform: translate(20%, 0px);
    transform: translate(20%, 0px);
  }
  90% {
    -webkit-transform: translate(5%, 0px);
    -moz-transform: translate(5%, 0px);
    -ms-transform: translate(5%, 0px);
    -o-transform: translate(5%, 0px);
    transform: translate(5%, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes shake-right {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-20%, 0px);
  }
  90% {
    -webkit-transform: translate(-5%, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@-moz-keyframes shake-right {
  0% {
    -moz-transform: translate(0px, 0px);
  }
  50% {
    -moz-transform: translate(-20%, 0px);
  }
  90% {
    -moz-transform: translate(-5%, 0px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
  }
}
@keyframes shake-right {
  0% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-20%, 0px);
    -moz-transform: translate(-20%, 0px);
    -ms-transform: translate(-20%, 0px);
    -o-transform: translate(-20%, 0px);
    transform: translate(-20%, 0px);
  }
  90% {
    -webkit-transform: translate(-5%, 0px);
    -moz-transform: translate(-5%, 0px);
    -ms-transform: translate(-5%, 0px);
    -o-transform: translate(-5%, 0px);
    transform: translate(-5%, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.slide-wrapper {
  flex-grow: 1;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slider-navigation {
  margin-top: auto;
  width: 100%;
  overflow: hidden;
}
.slider-navigation.active .slider-navigation-entry {
  transition: all cubic-bezier(0.5, 0, 0.5, 1) 0.3s;
}
.slider-navigation.animated nav, #toast-container .slider-navigation[toast].ng-leave nav, #toast-container .slider-navigation[toast].ng-enter nav {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #ccc;
}
.slider-navigation.animated nav .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry {
  padding: 5px 15px;
  white-space: nowrap;
  min-width: 100%;
  display: flex;
  transform: translate3d(-100%, 0, 0);
}
.slider-navigation.animated nav .slider-navigation-entry.nav-hidden, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.nav-hidden, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.nav-hidden {
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  width: 0;
  min-width: 0;
  border-left: 0;
  border-right: 0px;
  /* &-add, &-remove {
    width: 0;
    min-width: 0;
    background: red;
  }*/
}
.slider-navigation.animated nav .slider-navigation-entry.nav-hidden-remove, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.nav-hidden-remove, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.nav-hidden-remove {
  width: 100%;
  min-width: 100%;
  transform: translate3d(-100%, 0, 0);
}
.slider-navigation.animated nav .slider-navigation-entry.nav-hidden-remove + *, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.nav-hidden-remove + *, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.nav-hidden-remove + * {
  width: 100%;
  min-width: 100%;
  transform: translate3d(100%, 0, 0) !important;
}
.slider-navigation.animated nav .slider-navigation-entry.center, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center {
  transform: translate3d(0, 0, 0);
}
.slider-navigation.animated nav .slider-navigation-entry.center-add, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center-add, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center-add {
  width: 100%;
}
.slider-navigation.animated nav .slider-navigation-entry.center-remove + .center-add, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center-remove + .center-add, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center-remove + .center-add {
  width: 100%;
}
.slider-navigation.animated nav .slider-navigation-entry.center + .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center + .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center + .slider-navigation-entry {
  transform: translate3d(100%, 0, 0);
  min-width: 100%;
}
.slider-navigation.animated nav .slider-navigation-entry.center-remove, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center-remove, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center-remove {
  transform: translate3d(-100%, 0, 0);
}
.slider-navigation.animated nav .slider-navigation-entry.center-remove + .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center-remove + .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center-remove + .slider-navigation-entry {
  transform: translate3d(100%, 0, 0);
}
.slider-navigation.animated nav .slider-navigation-entry.center-remove + .slider-navigation-entry.center-add, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center-remove + .slider-navigation-entry.center-add, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center-remove + .slider-navigation-entry.center-add {
  width: 100%;
  min-width: 100%;
  transition: all cubic-bezier(0.5, 0, 0.5, 1) 0.3s, width 0ms, min-width 0ms;
  transform: translate3d(0, 0, 0);
}
.slider-navigation.animated nav .slider-navigation-entry.center-add + .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry.center-add + .slider-navigation-entry, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry.center-add + .slider-navigation-entry {
  transform: translate3d(-100%, 0, 0);
  /*
  &.nav-hidden-add {
    width: 100%;
    min-width: 100%;
    background: green;
  }*/
}
.slider-navigation.animated nav .slider-navigation-entry .btn, #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry .btn, #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry .btn {
  flex: 1;
}
.slider-navigation.animated nav .slider-navigation-entry .btn:not(:last-child), #toast-container .slider-navigation[toast].ng-leave nav .slider-navigation-entry .btn:not(:last-child), #toast-container .slider-navigation[toast].ng-enter nav .slider-navigation-entry .btn:not(:last-child) {
  margin-right: 5px;
}

.tour-slider.dark {
  overflow: hidden;
  color: #ffffff;
}
.tour-slider.dark .slide {
  display: flex;
  flex-direction: column;
}
.tour-slider.dark .slide .text {
  text-align: center;
  margin-left: -50px;
  margin-right: -50px;
}
.tour-slider.dark .slide .text p {
  font-size: 130%;
}
.tour-slider.dark .slide h2 {
  display: block;
  font-size: 170%;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 15px;
}
@media screen and (min-width: 992px) {
  .tour-slider.dark .slide h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .tour-slider.dark .slide h2 {
    color: var(--highlight-color);
  }
}
@media screen and (max-width: 991px) {
  .tour-slider.dark .slide .switch-toggle.well {
    background: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.25);
  }
}
@media screen and (min-width: 992px) {
  .tour-slider.dark .slide .switch-toggle.well {
    margin-top: 30px;
  }
}
.tour-slider.dark .slide h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 135%;
  font-weight: 600;
}
.tour-slider.dark .slide p {
  margin: 0 0 15px;
}
.tour-slider.dark .slide-image {
  flex-grow: 2;
  height: calc(100% - 100px);
  text-align: center;
}
.tour-slider.dark .slide-image img {
  min-height: 200px;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 992px) {
  .tour-slider.dark .slide.desktop-flex {
    flex-direction: row;
  }
  .tour-slider.dark .slide .text {
    text-align: left;
    margin: 0 70px 0 0;
    padding-top: 10%;
  }
  .tour-slider.dark .slide .text:not(:last-child) {
    width: 70%;
  }
  .tour-slider.dark .slide .text h2 {
    font-size: 270%;
  }
  .tour-slider.dark .slide .text h3 {
    font-size: 180%;
  }
}
.tour-slider.dark .img-wrapper {
  margin-top: auto;
  margin-bottom: auto;
}
.tour-slider.dark .img-wrapper img, .tour-slider.dark .img-wrapper svg {
  min-height: 200px;
  min-width: 101.3px;
  pointer-events: none;
  max-width: 220px;
  margin: 0 auto;
  width: 100%;
}

.body-dokumente #app-header .fa-plus.active, .body-dokumente #app-header .fa-filter.active {
  background: var(--file-queue-background-color);
  padding: 5px 5px 0;
  border-radius: 5px 5px 0 0;
  color: var(--text-color);
}
.body-dokumente #app-header .fa-plus.active::before, .body-dokumente #app-header .fa-filter.active::before {
  content: "\f00d";
}
@media screen and (max-width: 767px) {
  .body-dokumente #app-header .fa-plus.active, .body-dokumente #app-header .fa-filter.active {
    padding: 5px 5px 1px;
  }
}

.page-dokumente .btn.btn-upload {
  float: right;
}
.page-dokumente .btn.btn-upload.active:hover, .page-dokumente .btn.btn-upload.active {
  background: var(--file-queue-background-color);
  border-color: var(--file-queue-background-color);
  border-radius: 5px 5px 0 0;
  color: var(--background-container-color);
}
.page-dokumente .uploader-container .uploader {
  background: var(--file-queue-background-color);
}
.page-dokumente .doc_up .list-node {
  width: 100%;
}
.page-dokumente .doc_up .list-node li {
  padding-top: 0;
  margin-left: 2em;
  padding-right: 45px;
  width: 98%;
  border-top: 2px solid var(--border-color);
}
.page-dokumente .uploader {
  z-index: 500;
  animation: slideInDown;
  animation-duration: 0.2s;
  border-radius: 5px;
  border-top-right-radius: 0;
  padding: 5px;
}
@media screen and (max-width: 991px) {
  .page-dokumente .uploader {
    position: fixed;
    right: 20px;
    max-width: calc(100vw - 40px);
  }
}
@media screen and (min-width: 992px) {
  .page-dokumente .uploader {
    max-width: 992px;
    position: absolute;
    right: 0;
    top: 34px;
  }
}
.page-dokumente .uploader .fa-chevron-up {
  display: block;
  text-align: center;
  padding: 5px 0 0;
}
.page-dokumente .background {
  border-radius: 5px;
  margin: 0;
}
.page-dokumente .list-node > li > div {
  display: block;
  padding: 10px 5px 10px 0;
}
.page-dokumente .borderless {
  position: absolute;
  top: calc(50% - 0.7em);
  right: 5px;
  font-size: 130%;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  border-radius: 50%;
  text-align: center;
}

[btf-markdown] h1, btf-markdown h1 {
  font-size: 150%;
  font-weight: 600;
  text-transform: uppercase;
}
[btf-markdown] h2, btf-markdown h2 {
  font-size: 140%;
  font-weight: bold;
}
[btf-markdown] h3, btf-markdown h3 {
  font-size: 120%;
  font-weight: 600;
}
[btf-markdown] h4, btf-markdown h4 {
  font-size: 100%;
  font-weight: bold;
}
[btf-markdown] h1, [btf-markdown] h2, [btf-markdown] h3, [btf-markdown] h4, btf-markdown h1, btf-markdown h2, btf-markdown h3, btf-markdown h4 {
  line-height: 140%;
}
[btf-markdown] a[href], btf-markdown a[href] {
  text-decoration: underline;
}

.responsive-logo {
  width: 100%;
  max-width: 300px;
  --logo-color: var(--logo-font, var(--text-color));
  --logo-slogan-color: var(--logo-slogan, var(--text-color));
}
.responsive-logo.inverted {
  --logo-color: var(--background-container-text);
  --logo-slogan-color: var(--background-container-text);
}
.responsive-logo.dark {
  --logo-color: var(--logo-font-light, var(--font-light));
  --logo-slogan-color: var(--logo-slogan-light, var(--font-light));
}
.responsive-logo.light {
  --logo-color: var(--logo-font-dark, var(--font-dark));
  --logo-slogan-color: var(--logo-slogan-dark, var(--font-dark));
}
.responsive-logo.hide-slogan .logo-slogan {
  opacity: 0;
}
.responsive-logo.hide-slogan .logo-slogan + g {
  transform: translateY(25%);
}
.responsive-logo svg:not(:root) {
  width: 100%;
  height: auto;
}
.responsive-logo g {
  transition: all ease-in 0.25s;
}

.signature {
  margin: auto;
}
.signature-wrapper.signed {
  display: inline-block;
}
.signature-wrapper.signed .btn {
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
}
.signature-wrapper.unsigned {
  width: 100%;
}
.signature canvas, .signature-display {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.signature canvas {
  width: 100%;
}
.signature-display {
  border-radius: 4px 4px 0 0;
}
@media screen and (min-width: 768px) {
  .signature-modal .modal-dialog {
    width: 680px;
  }
}
.signature-modal .modal-footer {
  display: flex;
}
.signature-modal .modal-footer .btn {
  width: 100%;
  margin: 0 5px;
}

.btn-signature {
  padding: 15px;
}
.has-error .btn-signature {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.toggle-button {
  text-align: center;
  padding-top: 10px;
}
.toggle-button button {
  display: block;
  width: 6em;
  height: 6em;
  margin: 0 auto;
  background: var(--togglebutton-background, #7bb6b4);
  border-radius: 0.7142857143em;
  border: none;
}
.toggle-button button i {
  font-size: 3em;
}
@media screen and (min-width: 992px) {
  .toggle-button button {
    font-size: 0.4em;
  }
}
.toggle-button.active button {
  background-color: #f1a32b;
}
.toggle-button .button-label {
  font-size: 1em;
  padding: 0.5em 0;
  display: block;
}

.document-directive.selectable .doc_list span.file-name {
  word-wrap: inherit;
}
.document-directive.selectable .doc_list .list-node > li {
  margin-left: unset;
}
.document-directive.selectable .doc_list .list-node > li .checkbox {
  padding: 0;
}
.document-directive.selectable .doc_list .list-node > li any {
  padding-left: 6.5em;
}
.document-directive.selectable .document-directive-checkbox.checkbox-disable {
  opacity: 0.7;
}

greeting {
  text-align: center;
  margin: 0 15px;
  padding: 15px 0;
  color: var(--greeting-color, var(--font-light));
  line-height: 1.4em;
}
greeting [data-fittext] {
  line-height: 1.4em !important;
}

.body-intro {
  transition: all ease-in 0.5s;
}
.body-intro,
.body-intro > [ui-view],
.body-intro > [ui-view] > div,
.body-intro #content, .body-intro.tour #content .page,
.body-intro #content .page > div,
.body-intro #content .banking {
  height: 100%;
}
@media screen and (max-width: 991px) {
  .body-intro,
.body-intro > [ui-view],
.body-intro > [ui-view] > div,
.body-intro #content, .body-intro.tour #content .page,
.body-intro #content .page > div,
.body-intro #content .banking {
    min-height: 100%;
  }
}
@media screen and (min-width: 992px) {
  .body-intro > [ui-view] > div {
    padding-top: 20px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 992px) {
  .body-intro .tour-slider.dark {
    margin: 0 auto;
    overflow: hidden;
    height: calc(100% - 50px);
    max-width: 1200px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    min-height: 100px;
  }
}
@media screen and (min-width: 1220px) {
  .body-intro .tour-slider.dark {
    width: 100%;
  }
}
@media screen and (max-width: 1220px) and (min-width: 992px) {
  .body-intro .tour-slider.dark {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 992px) {
  .body-intro .slide.last-slide {
    flex-direction: row;
  }
  .body-intro .slide.last-slide .text {
    width: 100%;
  }
}
.body-intro .slide.last-slide .img-wrapper {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0, #102739 100%);
  padding: 20px;
}
.body-intro .navbar {
  background: transparent;
  text-align: center;
  padding: 15px 15px calc(15px + var(--safe-area-inset-bottom, 15px));
  margin: 0;
  border: 0;
}
@media screen and (max-width: 991px) {
  .body-intro .navbar {
    background: rgba(0, 0, 0, 0.25);
  }
}
.body-intro .navbar .btn {
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
  .body-intro .navbar .btn.btn-outline {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.body-login {
  --background-gradient: linear-gradient(#0d2e48, #2980b9) fixed;
}

.page-login #content {
  padding: 1em 15px;
  top: 30px;
}
.page-login img, .page-login .responsive-logo {
  max-width: 225px;
  display: block;
  margin: 4em auto 2em;
  width: 70%;
}
.page-login .btn-outline {
  --btn-default-color: var(--font-light);
  background: rgba(0, 0, 0, 0.35);
  border: 0;
  border-color: rgba(0, 0, 0, 0.25);
  font-weight: bold;
  margin: 2.5em auto 0.5em;
  padding: 0.75em 0;
  text-transform: uppercase;
}

.login-form {
  margin: -15px auto;
  max-width: 400px;
  padding: 1em 15px;
  width: 100%;
}
.login-form a:not(.btn) {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 80%;
  margin: 0;
  padding: 2em 1em 1em;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  width: 50%;
}
.login-form .options {
  text-align: center;
}
.login-form .options .fa, .login-form .options .glyphicon, .login-form .options #main-navigation .hassubnav > a:before, #main-navigation .login-form .options .hassubnav > a:before, .login-form .options #main-navigation .expand, #main-navigation .login-form .options .expand, .login-form .options label[for*=geschlecht]:before {
  color: var(--highlight-color);
  display: block;
  font-size: 170%;
  margin-bottom: 0.5em;
}
.login-form .options.app a:not(.btn) {
  width: 33.3333333333%;
}
.login-form h3 {
  color: #fff;
  font-size: 140%;
  margin-bottom: 0.75em;
  text-align: center;
}
.login-form .form-group {
  margin: 0;
  margin-bottom: 0;
  padding: 0;
}
.login-form .form-group label {
  float: left;
  margin: 1em 15px;
}
.login-form .form-group input {
  background: rgba(0, 0, 0, 0.15);
  border: 0 none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #fff !important;
  font-size: 110%;
  height: 60px;
  line-height: 60px;
  margin: 0 0 10px;
  padding: 0 15px;
}
.login-form .form-group input:-webkit-autofill, .login-form .form-group input:-webkit-autofill:hover, .login-form .form-group input:-webkit-autofill:focus, .login-form .form-group input:-webkit-autofill:active {
  -webkit-transition: color 99999999s ease-out, background-color 99999999s ease-out;
  -webkit-transition-delay: 99999999s;
}
.login-form .form-group .help-block {
  margin: -13px 0 10px !important;
}
.login-form .form-group .has-error input {
  border-radius: 6px;
}

.page-signup h3, .page-signup h4, .page-passwort-vergessen h3, .page-passwort-vergessen h4 {
  margin-top: 0;
}
.page-signup #code, .page-passwort-vergessen #code {
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  padding: 0.25em 1em;
  height: auto;
}
.page-signup .text-center .btn-primary, .page-passwort-vergessen .text-center .btn-primary {
  margin-top: 1em;
  margin-bottom: -0.75em;
}
@media screen and (min-width: 992px) {
  .page-signup #app-header, .page-passwort-vergessen #app-header {
    top: 30px;
  }
}
@media screen and (min-width: 992px) {
  .page-signup #content, .page-passwort-vergessen #content {
    top: 30px;
  }
  .page-signup #content .page, .page-passwort-vergessen #content .page {
    background: transparent;
  }
}
.page-signup .container-fluid, .page-passwort-vergessen .container-fluid {
  margin: 1em auto;
  padding: 30px 15px;
  background: var(--background-container);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.page-signup #content .page, .page-passwort-vergessen #content .page {
  bottom: 54px;
}
@media screen and (min-width: 335px) {
  .page-signup #content .page, .page-passwort-vergessen #content .page {
    bottom: 64.8px;
  }
}
@media screen and (min-width: 992px) {
  .page-signup #content .page, .page-passwort-vergessen #content .page {
    bottom: 0;
  }
}
.page-signup .page_action, .page-passwort-vergessen .page_action {
  bottom: 0;
}
.page-signup .form-group.col-xs-6, .page-passwort-vergessen .form-group.col-xs-6 {
  clear: none;
}
.page-signup .page, .page-passwort-vergessen .page {
  padding: 1em 15px;
}
.page-signup .page > .container-fluid, .page-passwort-vergessen .page > .container-fluid {
  padding-top: 2em;
  max-width: 600px;
  margin-bottom: 2em;
}
.page-signup a, .page-passwort-vergessen a {
  text-decoration: underline;
}

.body-signup {
  background-image: -webkit-linear-gradient(top, #0d2e48 0%, #2980b9 100%);
  background-image: linear-gradient(to bottom, #0d2e48 0%, #2980b9 100%);
  background-repeat: no-repeat;
  background-color: #2980b9;
}
.body-signup.modal-open .modal-dialog {
  max-width: 650px;
}

.body-angebote {
  background: var(--background);
}

.page-angebote {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.page-angebote > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (min-width: 992px) {
  .page-angebote empty-state {
    margin-top: 20px;
  }
}
.page-angebote .ng-hide {
  transition: none !important;
}
.page-angebote .slide-list-eintrag-subeintrag {
  padding: 15px;
}
@media screen and (min-width: 992px) {
  .page-angebote .slide-list-eintrag-subeintrag {
    max-width: calc(25% - 4px);
  }
}

.angebote .slide-list .slide-list-eintrag-title + div {
  background: var(--light-item-background);
}
@media (prefers-color-scheme: light) {
  .angebote .slide-list .slide-list-eintrag-title + div {
    padding: 4px;
    padding-top: 1px;
    border-radius: 5px;
  }
}
.angebote .slide-list-kategorie-versicherungen {
  --slide-list-background: #3d7ba3;
}
.angebote .slide-list-kategorie-bank {
  --slide-list-background: #e6861a;
}
.angebote .slide-list-kategorie-energie {
  --slide-list-background: #6ca94d;
}
.angebote .slide-list-kategorie-sonstiges {
  --slide-list-background: #44929e;
}

.angebote-dialog-body {
  padding: 0;
  background: #fff;
}
.angebote-dialog-body .anbieter-logo {
  border-bottom: 3px solid #ccc;
  cursor: pointer;
  text-align: center;
  display: flex;
  min-height: 110px;
}
.angebote-dialog-body .anbieter-logo:last-child {
  border-bottom: 0;
}
.angebote-dialog-body .anbieter-logo .logo {
  margin: auto;
  max-width: 200px;
  padding: 10px;
  flex: 1;
}
.angebote-dialog-body .anbieter-logo img {
  margin: 0 auto;
  width: 100%;
  max-height: 100px;
}
.angebote-dialog-body .anbieter-logo .testsieger-logo {
  max-width: 90px;
  max-height: 90px;
}

/** new **/
.body-home {
  --hamburger-color: var(--font-dark);
  --dashboard-logo-background: linear-gradient(to bottom, #d6dadc, #fff);
}
@media screen and (max-width: 991px) {
  .body-home {
    --background: #fff;
  }
}
.body-home .page {
  padding-top: 0;
  /*.subline {
    display: none;
  }

  .logo-agent + .subline {
    display: block;
  }*/
}
.body-home .page .logo-agent,
.body-home .page .dashboard-logo {
  padding: calc(var(--safe-area-inset-top) + 10px) 60px 5px;
  max-width: 100%;
  margin: calc(var(--header-height) * -1) 0 auto;
  background: var(--dashboard-logo-background, #fff);
}
@media screen and (min-width: 992px) {
  .body-home .page .logo-agent,
.body-home .page .dashboard-logo {
    display: none;
  }
}
.body-home #app-header {
  position: absolute;
}
@media screen and (max-width: 991px) {
  .body-home #app-header {
    background: transparent;
  }
}

.dashboard {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-flow: column;
  align-items: stretch;
  flex: 1;
}
.dashboard-logo {
  width: 100%;
  margin: 0 50px auto;
  align-items: center;
  max-width: calc(100% - 100px);
  min-height: 100px;
  display: inline-flex;
  flex-direction: column-reverse;
  display: flex;
  justify-content: center;
}
.dashboard-logo img, .dashboard-logo svg {
  max-width: 350px;
  max-height: 100%;
}
.dashboard-menu {
  display: flex;
  margin: auto;
  padding: 10px 5px;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  flex-grow: 1;
  background: var(--dashboard-menu-background, linear-gradient(to bottom, #102739 0, #1e3d54 100%));
  --dashboard-item-count: 2;
}
@media screen and (min-width: 992px) {
  .dashboard-menu {
    background: transparent;
    padding: 0;
    margin: 0 -5px 5px;
    width: auto;
    --dashboard-item-count: var(--dashboard-items-per-row) ;
  }
}
.dashboard-menu-item {
  color: #fff;
  text-align: center;
  flex-grow: 1;
  margin: 5px;
  --dashboard-item-width: calc(100% / var(--dashboard-item-count, 3));
  width: calc(var(--dashboard-item-width) - 10px);
  align-items: center;
  position: relative;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 7.5px 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: rgba(0, 0, 0, 0.34);
}
.dashboard-menu-item:active, .dashboard-menu-item:focus, .dashboard-menu-item:hover {
  background: #fff;
  color: #2d3f51;
}
.dashboard-menu-item-title {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.dashboard-menu-item-icon {
  display: inline-flex;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.25s;
}
.dashboard-menu-item-icon i {
  font-size: 40px;
}
.dashboard-menu-item-icon i.fa-euro-sign {
  margin-left: -0.175em;
}
.dashboard .radial-menu {
  min-width: 200px;
  margin: auto 35px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex: 8;
}
.dashboard .radial-menu > svg {
  width: 100%;
  max-width: 300px;
}
.dashboard .empty-state {
  max-width: none;
}
.dashboard-bottom {
  --text-color: var(--font-dark);
  color: var(--text-color);
  background: linear-gradient(to bottom, #acb4ba 0, #fff 100%);
  border-top: 1px solid #fff;
  margin: auto 0 0;
  padding: 10px;
}
@media screen and (min-width: 992px) {
  .dashboard-bottom {
    border-radius: 4px;
  }
}
.dashboard .agent-widget {
  display: flex;
}
.dashboard .agent-widget .chat-widget {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-flow: column;
  padding: 10px 0;
}
.dashboard .agent-widget .chat-widget-no-agent .btn {
  margin-top: 5px;
}
.dashboard .agent-widget .chat-widget > b {
  display: block;
  margin-bottom: 10px;
  font-size: 90%;
  padding-right: 10px;
}
.dashboard .agent-widget .chat-widget > b:only-child {
  margin-bottom: 0;
}
.dashboard .agent-widget .chat-widget .msg-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 90%;
  margin-right: 20px;
  --border-color: rgba(0,0,0,0.5);
}
.dashboard .agent-widget .chat-widget .msg-content:not(:last-child) {
  margin-bottom: 5px;
}
.dashboard .agent-widget .chat-widget .msg-content:not(:first-child) {
  border-top: 1px solid var(--border-color);
  padding-top: 5px;
}
.dashboard .agent-avatar {
  width: 100%;
  max-width: 100px;
}
.dashboard .agent-avatar-wrapper {
  position: relative;
}
.dashboard .agent-avatar-circle {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 1px solid #fff;
}
.dashboard-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dashboard-buttons .btn {
  flex-grow: 1;
  display: block;
  margin: 7.5px;
  width: calc(50% - 15px);
  padding: 5px 10px;
  color: var(--text-color);
  border-color: rgb(93, 97, 99);
}
.dashboard-buttons .btn:only-child {
  margin: 0 auto;
  max-width: 150px;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 0.25px;
  font-weight: bold;
}

.page-bedarfscheck-show {
  --bedarfscheck-active-bg: linear-gradient(
    rgb(0 0 0 / 5%),
    rgb(0 0 0 / 2%),
    rgb(0 0 0 / 5%)
  );
}
@media screen and (prefers-color-scheme: dark) {
  .page-bedarfscheck-show {
    --bedarfscheck-active-bg: linear-gradient(
      rgb(255 255 255 / 5%),
      rgb(0 0 0 / 25%),
      rgb(0 0 0 / 25%)
    );
  }
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-show .default-list:first-child h2 {
    margin-top: -30px;
    border-radius: 10px 10px 0 0;
  }
  .page-bedarfscheck-show .page > div:not(:empty) {
    padding: 0px 15px;
  }
}
.page-bedarfscheck-show .slide-list:after {
  opacity: 0.9 !important;
}
.page-bedarfscheck-show .default-list p {
  color: var(--font-dark);
}
.page-bedarfscheck-show li:not(:first-child) > div {
  border-top: 1px solid var(--border-color);
}
.page-bedarfscheck-show li.active > div, .page-bedarfscheck-show li.active + li > div {
  border-top: 0;
}
.page-bedarfscheck-show .list-node li {
  border: 0;
}
.page-bedarfscheck-show p {
  margin-bottom: 2em;
}
.page-bedarfscheck-show .hasicons li,
.page-bedarfscheck-show li img,
.page-bedarfscheck-show li b,
.page-bedarfscheck-show li b span {
  transition: all ease-in 0.25s, border 0;
}
.page-bedarfscheck-show li img.icon {
  border-radius: 50%;
  width: 2.5em !important;
  height: 2.5em !important;
}
.page-bedarfscheck-show li .invisible {
  visibility: visible;
}
.page-bedarfscheck-show li .invisible p {
  line-height: 1.4em;
}
.page-bedarfscheck-show li.active {
  padding: 8em 30px 15px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: var(--bedarfscheck-active-bg);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.page-bedarfscheck-show li.active .list-entry {
  border-bottom: none;
}
.page-bedarfscheck-show li.active:hover:before {
  left: 0 !important;
  border-radius: 5px;
}
.page-bedarfscheck-show li.active b span {
  text-align: center;
  line-height: 1.4em;
  font-size: 180%;
}
.page-bedarfscheck-show li.active img.icon {
  width: 7em !important;
  height: 7em !important;
  left: calc(50% - 3.5em) !important;
}
.page-bedarfscheck-show li .btn-primary, .page-bedarfscheck-show li .btn-secondary {
  color: #fff;
}
.page-bedarfscheck-show vergleichsrechnerlink-directive {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: block;
}
.page-bedarfscheck-show .btn.default-list li {
  margin-left: 0;
}
.page-bedarfscheck-show li b a.fa, .page-bedarfscheck-show li b a.glyphicon, .page-bedarfscheck-show li b #main-navigation .hassubnav > a:before, #main-navigation .page-bedarfscheck-show li b .hassubnav > a:before, .page-bedarfscheck-show li b #main-navigation a.expand, #main-navigation .page-bedarfscheck-show li b a.expand {
  color: var(--font-dark);
  font-size: 140%;
  margin: auto 15px;
}
.page-bedarfscheck-show li.active b a.fa, .page-bedarfscheck-show li.active b a.glyphicon, .page-bedarfscheck-show li.active b #main-navigation .hassubnav > a:before, #main-navigation .page-bedarfscheck-show li.active b .hassubnav > a:before, .page-bedarfscheck-show li.active b #main-navigation a.expand, #main-navigation .page-bedarfscheck-show li.active b a.expand {
  display: block;
  text-align: center;
}
.page-bedarfscheck-show .list-node > li:before {
  z-index: -1;
}
.page-bedarfscheck-show .default-list .list-node > li b {
  position: initial;
  display: flex;
}
.page-bedarfscheck-show .default-list .list-node > li.active b {
  flex-direction: column;
}
.page-bedarfscheck-show .default-list .list-node > li.active b a {
  margin-bottom: 15px;
}
.page-bedarfscheck-show .back-btn {
  margin: 15px auto;
  max-width: calc(992px - 30px);
  width: calc(100% - 30px);
}
.page-bedarfscheck-show-chevron {
  position: absolute;
  color: var(--background-container-text);
  right: 10px;
  top: 22px;
  left: auto;
  transition: all ease-in 0.25s;
  cursor: pointer;
  padding: 0 !important;
}
li.active .page-bedarfscheck-show-chevron {
  right: 10px;
}

.page-bedarfscheck-show > .ng-scope {
  display: flex;
  flex: 1;
}

.bcheck-list {
  transition: all ease-in 0.25s;
}
.bcheck-list .list-node li:hover:before {
  right: 0;
  left: -60px;
}
.bcheck-list .slide-list-kategorie-list {
  opacity: 1 !important;
  position: relative;
  z-index: 1;
  border-radius: 7px;
}
.bcheck-list .invisible b,
.bcheck-list .invisible p {
  color: var(--background-container-text);
}
.bcheck-list .btn-link {
  clear: both;
}
.bcheck-list li b {
  position: initial;
}
.bcheck-list li b span:not(.ampel) {
  width: 100%;
  display: block;
  font-size: 130%;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
  padding: 0.66em 0;
  text-overflow: ellipsis;
}
.bcheck-list li b span.ampel {
  width: 30px;
  padding-right: 0.66em;
  display: flex;
  align-items: center;
  justify-content: right;
  margin-left: 10px;
  margin-right: 30px;
}
.bcheck-list li b span.ampel i {
  margin: auto;
}
.bcheck-list li b span.ampel .red {
  color: #b3001b;
}
.bcheck-list li b span.ampel .green {
  color: #2fad4a;
}
.bcheck-list li.active .list-entry span.ampel {
  display: none;
  width: 100%;
  padding-right: 0;
  justify-content: center;
}
.bcheck-list li.active .list-entry span.ampel i {
  margin: 0 5px;
}
@media screen and (min-width: 992px) {
  .bcheck-list li.active .list-entry span.ampel i {
    width: unset;
    position: absolute;
    padding-right: 30px;
    box-sizing: content-box;
    right: 0;
  }
}
.bcheck-list .list-node {
  position: relative;
  z-index: 1;
  background: var(--background-container);
  padding-top: 1px;
  padding-bottom: 5px;
  padding: 0 5px 5px;
}
@media screen and (min-width: 992px) {
  .bcheck-list .list-node {
    border-radius: 0 0 7px 7px;
  }
}
.bcheck-list .list-node b {
  color: var(--background-container-text);
}
.bcheck-list.hasicons li {
  margin-left: 60px;
  cursor: pointer;
}
.bcheck-list.hasicons li img.icon {
  left: -50px;
  border: 1px solid transparent;
  top: 1.05em;
  opacity: 1 !important;
  border-radius: 4px;
}
.bcheck-list.hasicons li:not(.active) {
  line-height: 2.75em;
}
.bcheck-list h2 {
  font-size: 120%;
}
.bcheck-list h2 b {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.bcheck-list h2 + p {
  border-bottom: 2px solid #eee;
  margin: 0 -15px 0.5em;
  padding-bottom: 1em;
}
.bcheck-list .invisible .rating {
  max-width: 6em;
  margin: 0 auto 1em;
  font-size: 140%;
  display: block;
}

@media screen and (max-width: 991px) {
  #content > .page-bedarfscheck-list {
    padding-top: 0;
  }
}
.page-bedarfscheck-list .maxWitdh {
  width: 100%;
}
.page-bedarfscheck-list > div {
  flex: 1;
  display: flex;
  min-height: 100%;
}
.page-bedarfscheck-list > div .tour-slider {
  height: auto;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide {
  padding: var(--header-height) 0 0;
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide {
    padding: 0;
  }
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .select-button-group {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-auto-rows: 1fr;
  margin-bottom: 10px;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .bereich-familie {
  --bereich-color: #7f807f;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .bereich-kinder {
  --bereich-color: #7bb6b4;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .bereich-beruf {
  --bereich-color: #8aabc7;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .bereich-vorhanden {
  --bereich-color: #7bb6b4;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .button-group-head {
  background: var(--bereich-color);
  width: 100%;
  padding: 4px;
  padding-left: 20px;
  color: white;
  font-weight: 500;
  font-size: 120%;
  text-transform: uppercase;
}
.page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .button-group-head .subtext {
  font-weight: 100;
  font-size: 90%;
  text-transform: initial;
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-list > div {
    border-radius: 15px;
  }
  .page-bedarfscheck-list > div .tour-slider .bedarfscheck-slide .select-button-group {
    grid-template-columns: 15% 15% 15% 15% 15% 15%;
    gap: 2%;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-list > div {
    position: relative;
  }
}
.page-bedarfscheck-list .form-group {
  margin-bottom: 0;
}
.page-bedarfscheck-list .form-group label {
  padding-top: 9px;
  font-size: 110%;
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-list .form-group label {
    padding-top: 12px;
  }
}
.page-bedarfscheck-list .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}

.page-bedarfscheck-list.hasaction .slide > div {
  bottom: 0;
  width: 100%;
  height: 100%;
}

.page-bedarfscheck-list .tour-slider .slide {
  padding: 0px 30px;
}

@media screen and (min-width: 500px) {
  .page-bedarfscheck-list .slide:not(.bedarfscheck-slide-1) {
    align-items: center;
  }
}
.page-bedarfscheck-list .slide:not(.bedarfscheck-slide-1) > div {
  margin: 0 auto;
  border: 0;
  min-width: 0;
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-list .slide:not(.bedarfscheck-slide-1) > div {
    margin-bottom: 10px;
    transition: all ease-in 0.25s;
  }
}
@media screen and (min-width: 992px) {
  .page-bedarfscheck-list .slide:not(.bedarfscheck-slide-1).center > div {
    border-radius: 10px 10px 0 0;
    margin-bottom: 1em;
  }
}
.page-bedarfscheck-list .slide:not(.bedarfscheck-slide-1) .bottom-options {
  padding: 0 15px;
}
.page-bedarfscheck-list .slide:not(.bedarfscheck-slide-1) .description {
  margin-top: 2em;
  margin-bottom: 1em;
  text-align: center;
  font-size: 115%;
  line-height: 160%;
  color: #fff;
}

.bedarfscheck-eingabe {
  width: calc(100% + 10px);
  margin: 0 -5px !important;
}
@media screen and (min-width: 992px) {
  .bedarfscheck-eingabe {
    display: flex;
  }
  .bedarfscheck-eingabe .subtext {
    display: block;
  }
  .bedarfscheck-eingabe .select-button-group {
    display: block !important;
  }
  .bedarfscheck-eingabe .toggle-button {
    text-align: left;
    display: flex;
  }
  .bedarfscheck-eingabe .toggle-button button {
    margin: 0 10px 0 0;
  }
  .bedarfscheck-eingabe-bereich {
    width: calc(25% - 10px);
    margin: 5px;
    border: 2px solid var(--bereich-color);
    padding: 15px;
    border-radius: 5px;
  }
  .bedarfscheck-eingabe-bereich .button-group-head {
    background: transparent !important;
    color: var(--bereich-color) !important;
    font-weight: bold !important;
    padding: 0 !important;
  }
  .bedarfscheck-eingabe-bereich .button-group-head .subtext {
    color: var(--text-on-bg);
    font-weight: normal;
  }
}
.bedarfscheck-eingabe-bereich {
  --togglebutton-background: var(--bereich-color);
}

.vorsorgestatus-ergebnis {
  --zindex: 50;
  --slide-list-background: transparent;
  max-width: 992px;
  margin: 0 auto;
}
.vorsorgestatus-ergebnis slide-list {
  margin-bottom: 15px;
}
.vorsorgestatus-ergebnis .slide-list.active {
  margin-top: 0;
}
.vorsorgestatus-ergebnis .slide-list.active + .active {
  margin-top: 5px;
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head {
  --slide-list-kategorie-head-z-index: calc(var(--zindex) + 3);
  border-top: 0;
  position: sticky;
  top: calc(var(--header-height) + 30px);
  z-index: var(--slide-list-kategorie-head-z-index);
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head::before, .vorsorgestatus-ergebnis .slide-list-kategorie-head::after {
  content: "";
  display: block !important;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.15s ease-in;
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head::before {
  background: var(--background-container);
  z-index: calc(var(--slide-list-kategorie-head-z-index) - 1);
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head::after {
  background: var(--background);
  z-index: calc(var(--slide-list-kategorie-head-z-index) - 2);
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head.active {
  --slide-list-color: var(--background-container-text);
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head.active::before, .vorsorgestatus-ergebnis .slide-list-kategorie-head.active::after {
  height: 100%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 992px) {
  .vorsorgestatus-ergebnis .slide-list-kategorie-head.active::before, .vorsorgestatus-ergebnis .slide-list-kategorie-head.active::after {
    border-radius: 7px 7px 0 0;
  }
}
.vorsorgestatus-ergebnis .slide-list > .slide-toggle {
  padding: 0;
}
.vorsorgestatus-ergebnis-head {
  padding: 15px;
}
.vorsorgestatus-ergebnis .slide-list-kategorie-head .slide-list-eintrag-head-wrapper > .slide-list-eintrag-title {
  padding-bottom: 0;
}
.vorsorgestatus-ergebnis .list-entry .fal.fa-chevron-down {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
}
.vorsorgestatus-ergebnis .slide-list {
  border-bottom: 0;
}
.vorsorgestatus-ergebnis-eingaben {
  padding: 0 15px;
  color: var(--text-on-bg);
}
.vorsorgestatus-ergebnis-eingaben h4 {
  color: var(--highlight-color);
}

@media screen and (min-width: 992px) {
  .page-person-edit .container-fluid {
    margin: -15px 10px 0;
  }
}
.vertragsuebersicht {
  --entry-nav-icon: #2980b9;
  --entry-nav-text: #2d3f51;
  width: 100%;
  /**
   * Entscheidung SF: iPhone 6 Maß der Dinge
   */
  /*@media screen and (min-width:$screen-desktop) {
        .page_action {
            animation-name: fadeInUpBig !important;
            display: block !important;
            position: fixed !important;
            bottom: 40px !important;
            background: #eeeeee  !important;
            max-width: 265px;
            margin: 0 auto;
            border: 1px solid rgba(0, 0, 0, 0.17) !important;
            border-radius: 7px;
            z-index: 1000;
            padding: 10px !important;
            font-size: 75%;
            box-shadow: 0 0 11px rgba(0, 0, 0, 0.25);
        }
    }*/
  /*.logo {

        transition:all ease-in 0.25s;


        @media screen and (max-width: $screen-is-max) {
            @include transform(rotate(-90deg));
            padding-bottom: 16.667%; // = breite des divs
            position: relative;

            img {
                width: 100%;
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
            }
        }  

        @media screen and (max-width: $screen-xs) {
            padding-bottom:20%;
        }
    }*/
  /**
   * Navigation (Tabs)
   */
  /** 
   * sticky
   */
  /**
   * DESKTOP
   */
}
@media (prefers-color-scheme: dark) {
  .vertragsuebersicht {
    --entry-nav-icon: var(--font-medium);
    --entry-nav-text: var(--font-medium);
  }
}
.vertragsuebersicht-kategorie {
  --kategorie-entry-group-bg: rgba(var(--kategorie-color-rgb), 0.5);
}
@media (prefers-color-scheme: dark) {
  .vertragsuebersicht-kategorie {
    --kategorie-entry-group-bg: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .versicherungen {
  --kategorie-color: #2780b9;
  --kategorie-color-lighter: #67b0df;
  --kategorie-color-lightest: #91c6e8;
  --kategorie-color-darker: #154665;
  --kategorie-color-darkest: #0c293b;
  --kategorie-color-desaturated: #3d7ba3;
  --kategorie-color-rgb: 39, 128, 185;
  --kategorie-color-darker: #132734;
  --kategorie-color-darkest: #050b0f;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .versicherungen {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .vermoegen {
  --kategorie-color: #ff8800;
  --kategorie-color-lighter: #ffb866;
  --kategorie-color-lightest: #ffcf99;
  --kategorie-color-darker: #995200;
  --kategorie-color-darkest: #663600;
  --kategorie-color-desaturated: #e6861a;
  --kategorie-color-rgb: 255, 136, 0;
  --kategorie-color-darker: #5c360a;
  --kategorie-color-darkest: #2e1b05;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .vermoegen {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .telekommunikation {
  --kategorie-color: #e01721;
  --kategorie-color-lighter: #f06d74;
  --kategorie-color-lightest: #f59ba0;
  --kategorie-color-darker: #830e13;
  --kategorie-color-darkest: #55090d;
  --kategorie-color-desaturated: #c73037;
  --kategorie-color-rgb: 224, 23, 33;
  --kategorie-color-darker: #4c1215;
  --kategorie-color-darkest: #23080a;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .telekommunikation {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .wohnen {
  --kategorie-color: #64c134;
  --kategorie-color-lighter: #9fdc7f;
  --kategorie-color-lightest: #bde7a7;
  --kategorie-color-darker: #3a711e;
  --kategorie-color-darkest: #264814;
  --kategorie-color-desaturated: #6ca94d;
  --kategorie-color-rgb: 100, 193, 52;
  --kategorie-color-darker: #283f1d;
  --kategorie-color-darkest: #121c0d;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .wohnen {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .online {
  --kategorie-color: #1fc5ff;
  --kategorie-color-lighter: #85dfff;
  --kategorie-color-lightest: #b8edff;
  --kategorie-color-darker: #0088b8;
  --kategorie-color-darkest: #006385;
  --kategorie-color-desaturated: #35bae9;
  --kategorie-color-rgb: 31, 197, 255;
  --kategorie-color-darker: #0d5c78;
  --kategorie-color-darkest: #08394a;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .online {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .mitgliedschaften {
  --kategorie-color: #f9751c;
  --kategorie-color-lighter: #fcb17f;
  --kategorie-color-lightest: #fdd0b1;
  --kategorie-color-darker: #aa4705;
  --kategorie-color-darkest: #793303;
  --kategorie-color-desaturated: #e27a33;
  --kategorie-color-rgb: 249, 117, 28;
  --kategorie-color-darker: #6c3510;
  --kategorie-color-darkest: #401f09;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .mitgliedschaften {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .mobilitaet {
  --kategorie-color: #b52a1f;
  --kategorie-color-lighter: #e26258;
  --kategorie-color-lightest: #ea8b83;
  --kategorie-color-darker: #5e1610;
  --kategorie-color-darkest: #320c09;
  --kategorie-color-desaturated: #a03c34;
  --kategorie-color-rgb: 181, 42, 31;
  --kategorie-color-darker: #2c110f;
  --kategorie-color-darkest: #060202;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .mobilitaet {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .abonnements {
  --kategorie-color: #54656d;
  --kategorie-color-lighter: #8699a1;
  --kategorie-color-lightest: #a2b1b8;
  --kategorie-color-darker: #283033;
  --kategorie-color-darkest: #111517;
  --kategorie-color-desaturated: #616161;
  --kategorie-color-rgb: 84, 101, 109;
  --kategorie-color-darker: #141414;
  --kategorie-color-darkest: black;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .abonnements {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .sonstiges {
  --kategorie-color: #2da2b5;
  --kategorie-color-lighter: #6dcbdb;
  --kategorie-color-lightest: #96dae5;
  --kategorie-color-darker: #195963;
  --kategorie-color-darkest: #0f343a;
  --kategorie-color-desaturated: #44929e;
  --kategorie-color-rgb: 45, 162, 181;
  --kategorie-color-darker: #162f33;
  --kategorie-color-darkest: #070e0f;
  --kategorie-entry-group-bg: var(--kategorie-color-darkest);
}
@media screen and (prefers-color-scheme: dark) {
  .vertragsuebersicht .sonstiges {
    --entry-background: var(--kategorie-color-darker);
  }
}
.vertragsuebersicht .page_head_function {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.vertragsuebersicht .page_head_function .btn {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.vertragsuebersicht .btn-mobile {
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.vertragsuebersicht .select-indicator:after {
  right: 9px;
}
.vertragsuebersicht .print-button {
  margin-left: 7.5px;
}
.vertragsuebersicht .alle-waehlen {
  margin-left: 7.5px;
  order: 4;
  display: flex;
  align-items: center;
}
.vertragsuebersicht .contract-add {
  margin-left: 7.5px;
  order: 5;
  display: flex;
  align-items: center;
}
.vertragsuebersicht .vertragsspiegel-generierung {
  display: flex;
  align-items: center;
  font-weight: bold;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .vertragsspiegel-generierung {
    width: 100%;
    margin: 15px 0;
  }
  .vertragsuebersicht .page_head_function {
    padding-bottom: 15px;
  }
  .vertragsuebersicht .page_head_function p {
    margin-top: 15px;
  }
  .vertragsuebersicht .page_head_function .form-group.vertragsspiegel-active {
    order: 3;
  }
  .vertragsuebersicht .page_head_function.button-group .btn,
.vertragsuebersicht .page_head_function.button-group .select-group {
    width: 50%;
  }
  .vertragsuebersicht .page_head_function.button-group .btn {
    flex: 1;
    margin-bottom: 0;
    max-height: 40px;
    min-width: calc(50% - 10px);
  }
  .vertragsuebersicht .page_head_function.button-group a {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .form-group {
    flex-grow: 1;
    order: 3;
  }
  .vertragsuebersicht.tabellarisch .data-wraper > span {
    width: 50%;
  }
  .vertragsuebersicht.tabellarisch .active .data-wraper > span {
    width: 100%;
  }
  .vertragsuebersicht.tabellarisch .entry:not(.active) .speicher-hinweis {
    text-align: right;
  }
  .vertragsuebersicht.tabellarisch legend {
    border-radius: 0;
  }
}
.vertragsuebersicht .btn.select-group {
  padding: 0;
  flex-grow: 0;
  margin-left: auto;
  min-width: 165px;
}
.vertragsuebersicht .btn.select-group > div {
  width: 100%;
}
.vertragsuebersicht .btn.select-group .select-indicator::after {
  border-top-color: #fff;
}
.vertragsuebersicht .btn.select-group select {
  background: transparent;
  color: #fff;
}
.vertragsuebersicht .btn.select-group select option {
  background: #fff;
  color: #2d3f51;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht:not(.tabellarisch).filter {
    display: block !important;
  }
  .vertragsuebersicht.tabellarisch .checkbox + .logo {
    visibility: hidden;
  }
  .vertragsuebersicht.tabellarisch .maklervertrag {
    display: none !important;
  }
  .vertragsuebersicht.tabellarisch .entry:not(.active) .data-wraper {
    display: flex;
  }
  .vertragsuebersicht.tabellarisch .entry:not(.active) .data-wraper > * {
    flex: 1;
  }
}
.vertragsuebersicht .group-count {
  /*position: absolute;
  z-index: 2;
  left: 10px;
  top: 9px;*/
  /*display: inline-block;
  position: relative;

  margin-left: -15px;


  opacity: 1;
  //font-weight: bold;
  //border: 1px solid #ccc;
  //border-radius: 15px;
  min-width: 31px;
  text-align: center;
  //font-size: 70%;
  padding: 2px 10px;
  border-radius: 0 7px 7px 0;
  transition: all ease-in 0.25s;
  color: #fff;*/
  position: relative;
  opacity: 1;
  min-width: 45px;
  text-align: center;
  padding: 2px 0;
  border-radius: 7px;
  transition: all ease-in 0.2s;
  /*background: #fff !important;
  box-shadow: 1px 1px 1px #1b1b1b57;*/
  margin-right: 15px;
  overflow: hidden;
  line-height: 28px;
  float: left;
  border: 2px solid var(--kategorie-color-desaturated);
}
.vertragsuebersicht .active .group-icon {
  color: var(--font-light);
}
.vertragsuebersicht .active .group-icon .fas {
  opacity: 1;
}
.vertragsuebersicht .active .group-icon .far {
  opacity: 0;
}
.vertragsuebersicht .group-wrapper {
  max-width: 100%;
  overflow: hidden;
}
.vertragsuebersicht .group-head {
  background: transparent;
  color: var(--vertragsuebersicht-legend-text-color);
  border: 0;
  /**
   * Schreibt sich "hinter" den .group-count
   */
  /*&::after {
    content: '';
    transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s; //0.33s
    background: #fff;
    left: 29px;
    top: 10px;
    bottom: 50%;
    right: calc(100% - 5px);
    box-shadow: 1px 1px 1px #1b1b1b57;
    //background: red;
    display: block;
    position: absolute;
    border-radius: 5px;
    z-index: -1;
  }

  &.active::after {
    right: 20px;
    bottom: 5px;
    left: 20px;
    top: 5px;
  }*/
  margin-bottom: 0;
  text-align: center;
  text-align: left;
  font-size: 140%;
  font-weight: 600;
  transition: all ease-in 0.25s;
  /*ggf. mit slide-toggle ???*/
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .group-head {
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
  }
}
.vertragsuebersicht .group-head::before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  position: absolute;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.33s;
  z-index: -1;
  background: var(--group-head-background, var(--kategorie-color-desaturated));
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.vertragsuebersicht .group-head.active::before {
  height: 100%;
}
@media (prefers-color-scheme: dark) {
  .vertragsuebersicht .group-head.active::before {
    background: var(--group-head-background-active, var(--kategorie-color-darkest));
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .group-head.active::before {
    border-radius: 15px 15px 0 0;
  }
}
.vertragsuebersicht .group-head.active::after {
  border-color: var(--kategorie-color-lighter);
}
.page-erinnerung .vertragsuebersicht .group-head {
  background: #f4f4f4 !important;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .group-head {
    text-align: left;
    position: relative;
  }
}
.vertragsuebersicht .group-head.active .group-count {
  opacity: 0;
  width: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
  box-shadow: none;
  font-size: 0;
  border: 0;
}
.vertragsuebersicht .group-head.active .saldo {
  max-height: 50px;
  bottom: 0;
}
.vertragsuebersicht .group-head .saldo {
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.25s;
  color: #fff;
  position: relative;
  bottom: -30px;
  font-size: 75%;
}
.vertragsuebersicht .group-head .saldo b {
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .group-head small {
    display: block;
    clear: both;
  }
}
.vertragsuebersicht .group-name {
  line-height: 32px;
  padding: 2px 0;
  display: block;
  max-width: 100%;
}
.vertragsuebersicht .entry .saldo {
  max-height: 0;
  overflow: hidden;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .entry .saldo {
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .entry .saldo {
    position: absolute;
    bottom: 10px;
    right: 15px;
  }
}
.vertragsuebersicht .saldo-mtl,
.vertragsuebersicht .saldo-pa {
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 374px) {
  .vertragsuebersicht .large-saldo b,
.vertragsuebersicht .group-saldo b {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .vertragsuebersicht .large-saldo b {
    display: block;
  }
}
.vertragsuebersicht .saldo-pa {
  text-align: right;
}
.vertragsuebersicht .saldo-gesamt {
  display: block;
  padding: 1em 15px 0;
  position: static;
  color: var(--text-on-bg);
}
.vertragsuebersicht .saldo-gesamt > span {
  display: block;
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 2px;
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .saldo-gesamt {
    border-top: 3px solid #ccc;
    margin: 0 -15px;
    padding-bottom: 2em;
  }
}
.vertragsuebersicht .add-contract {
  position: absolute;
  right: 30px;
  top: 15px;
  color: #2980b9;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .page_head_function {
    text-align: left;
  }
  .vertragsuebersicht p {
    display: inline-block;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1126px) {
  .vertragsuebersicht p {
    margin-bottom: 0;
  }
}
.vertragsuebersicht .filter > span,
.vertragsuebersicht .entry .logo {
  width: 60px;
  float: left;
  /* @media screen and (min-width: $screen-desktop) {
    width: 110px;
  }*/
}
.vertragsuebersicht .filter > span a {
  padding: 0 0 0 15px;
}
.vertragsuebersicht .entry .data-wraper {
  width: calc(100% - 70px);
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht.tabellarisch .entry.active .data-wraper {
    width: 100%;
  }
}
.vertragsuebersicht .entry .data-wraper,
.vertragsuebersicht .filter .clearfix,
.vertragsuebersicht .filter .dummy-gesellschaften .list-entry,
.dummy-gesellschaften .vertragsuebersicht .filter .list-entry,
.vertragsuebersicht .filter kuendigungsfrist-directive .form50 .form-group,
kuendigungsfrist-directive .form50 .vertragsuebersicht .filter .form-group,
.vertragsuebersicht .filter producttree-directive li.sonstiges > a,
producttree-directive .vertragsuebersicht .filter li.sonstiges > a {
  float: left;
}
.body-banking .vertragsuebersicht .entry .data-wraper,
.body-banking .vertragsuebersicht .filter .clearfix,
.body-banking .vertragsuebersicht .filter .dummy-gesellschaften .list-entry,
.dummy-gesellschaften .body-banking .vertragsuebersicht .filter .list-entry,
.body-banking .vertragsuebersicht .filter kuendigungsfrist-directive .form50 .form-group,
kuendigungsfrist-directive .form50 .body-banking .vertragsuebersicht .filter .form-group,
.body-banking .vertragsuebersicht .filter producttree-directive li.sonstiges > a,
producttree-directive .body-banking .vertragsuebersicht .filter li.sonstiges > a {
  width: calc(100% - 45px);
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht:not(.tabellarisch) .entry .data-wraper, .vertragsuebersicht:not(.tabellarisch) .filter .clearfix, .vertragsuebersicht:not(.tabellarisch) .filter .dummy-gesellschaften .list-entry, .dummy-gesellschaften .vertragsuebersicht:not(.tabellarisch) .filter .list-entry, .vertragsuebersicht:not(.tabellarisch) .filter kuendigungsfrist-directive .form50 .form-group, kuendigungsfrist-directive .form50 .vertragsuebersicht:not(.tabellarisch) .filter .form-group, .vertragsuebersicht:not(.tabellarisch) .filter producttree-directive li.sonstiges > a, producttree-directive .vertragsuebersicht:not(.tabellarisch) .filter li.sonstiges > a {
    width: calc(100% - 135px);
  }
}
.vertragsuebersicht .group-head small {
  font-weight: normal;
}
.vertragsuebersicht .panel-title {
  font-weight: 600;
}
.vertragsuebersicht .panel-heading .badge {
  background-color: #e74c3c;
  color: #fff;
  margin-right: 10px;
}
.vertragsuebersicht .entry {
  position: relative;
  cursor: pointer;
  clear: both;
  padding: 1em 0;
}
.vertragsuebersicht .entry .logo img {
  animation-name: fadeIn;
  animation-delay: 0.25s;
  animation-duration: 0.25s;
  animation-fill-mode: both;
  transition: all ease-in 0.25s;
}
.vertragsuebersicht .produkt, .vertragsuebersicht .banking-company,
.vertragsuebersicht .currency {
  font-weight: bold;
}
.vertragsuebersicht .produkt, .vertragsuebersicht .banking-company,
.vertragsuebersicht .entry-label {
  /*@include font("Open Sans Condensed","300");
      font-size: 110%;
      color:$color_1;*/
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vertragsuebersicht .billing,
.vertragsuebersicht .company,
.vertragsuebersicht .banking-produkt {
  color: var(--font-medium);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .vertragsuebersicht .company, .vertragsuebersicht .banking-produkt {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
  }
}
.vertragsuebersicht .currency,
.vertragsuebersicht .billing {
  text-align: right;
  width: 100%;
}
@media screen and (max-width: 334px) {
  .vertragsuebersicht .currency,
.vertragsuebersicht .billing {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht:not(.tabellarisch) .billing {
    text-align: left;
  }
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .panel {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
    border: 0 none;
  }
}
.vertragsuebersicht .panel-body {
  padding-top: 0;
}
.vertragsuebersicht .pull-left.checkbox-group {
  position: relative;
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .checkbox ~ .logo {
    visibility: hidden;
  }
}
.vertragsuebersicht .checkbox .fa-check {
  left: 7px;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .checkbox .fa-check {
    left: 44px !important;
    left: 7px !important;
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .checkbox.no-slide {
    top: 5px;
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .checkbox label {
    top: -5px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .vertragsuebersicht .checkbox {
    top: 10px;
    left: 12px !important;
    background: #969696;
  }
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .checkbox input:checked ~ i {
    top: 3px;
  }
}
.vertragsuebersicht.vertragsgruppen .entry .logo img, .body-banking .vertragsuebersicht .entry .logo img {
  width: 60px;
}
@media (prefers-color-scheme: dark) {
  .vertragsuebersicht.vertragsgruppen .entry .logo img, .body-banking .vertragsuebersicht .entry .logo img {
    width: 40px;
    background: #fff;
    border-radius: 50%;
    margin: 10px;
  }
}
.vertragsuebersicht.vertragsgruppen .vertrag-group, .body-banking .vertragsuebersicht .vertrag-group {
  background: #eee;
  margin: 0 -15px;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht.vertragsgruppen .vertrag-group, .body-banking .vertragsuebersicht .vertrag-group {
    padding: 0 15px 15px;
    margin: 0;
  }
}
.vertragsuebersicht.vertragsgruppen .vertrag-group:after, .body-banking .vertragsuebersicht .vertrag-group:after {
  content: "";
  display: block;
  clear: both;
}
.vertragsuebersicht.vertragsgruppen .entry, .body-banking .vertragsuebersicht .entry {
  margin: var(--kategorie-entry-group-entry-margin, 5px 5px 0);
  padding-bottom: 1em;
  border-radius: 5px;
  background: var(--entry-background, var(--background-container));
  color: var(--background-container-text);
}
.vertragsuebersicht.vertragsgruppen .entry-label, .body-banking .vertragsuebersicht .entry-label {
  font-weight: 600;
  margin: 0 0 4px;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry {
    clear: none;
    width: calc(25% - 10px);
    text-align: center;
    float: left;
    margin: 5px;
    /* .entry-label {
      margin: 0 0 4px;
    }*/
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .clearfix, .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .dummy-gesellschaften .list-entry, .dummy-gesellschaften .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .list-entry, .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry kuendigungsfrist-directive .form50 .form-group, kuendigungsfrist-directive .form50 .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .form-group, .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry producttree-directive li.sonstiges > a, producttree-directive .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry li.sonstiges > a, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .clearfix, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .dummy-gesellschaften .list-entry, .dummy-gesellschaften .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .list-entry, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry kuendigungsfrist-directive .form50 .form-group, kuendigungsfrist-directive .form50 .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .form-group, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry producttree-directive li.sonstiges > a, producttree-directive .body-banking .vertragsuebersicht:not(.tabellarisch) .entry li.sonstiges > a {
    width: 100%;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry, .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry:before, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry:before {
    border-radius: 15px !important;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry.entry-disable, .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry.entry-disable:before, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry.entry-disable, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry.entry-disable:before {
    content: none;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .billing,
.vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .company,
.vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .banking-produkt,
.vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .entry-label, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .billing,
.body-banking .vertragsuebersicht:not(.tabellarisch) .entry .company,
.body-banking .vertragsuebersicht:not(.tabellarisch) .entry .banking-produkt,
.body-banking .vertragsuebersicht:not(.tabellarisch) .entry .entry-label {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .fee, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .fee {
    padding-top: 0.5em;
    margin-bottom: -15px;
    padding-bottom: 25px;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .maklervertrag, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .maklervertrag {
    font-size: 80%;
    padding: 0.75em 0 0;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .maklervertrag i, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .maklervertrag i {
    color: #2980b9;
    margin-right: 0.25em;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .maklervertrag ~ .maklervertrag, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .maklervertrag ~ .maklervertrag {
    border-top: none;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .company, .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .banking-produkt, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .company, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .banking-produkt {
    margin-bottom: 0.25em;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .page_head_function ~ div > div, .body-banking .vertragsuebersicht:not(.tabellarisch) .page_head_function ~ div > div {
    border-radius: 10px;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .group-head, .body-banking .vertragsuebersicht:not(.tabellarisch) .group-head {
    border-radius: 0;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .currency,
.vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .billing, .vertragsuebersicht.vertragsgruppen.tabellarisch .entry.active .currency,
.vertragsuebersicht.vertragsgruppen.tabellarisch .entry.active .billing, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .currency,
.body-banking .vertragsuebersicht:not(.tabellarisch) .entry .billing, .body-banking .vertragsuebersicht.tabellarisch .entry.active .currency,
.body-banking .vertragsuebersicht.tabellarisch .entry.active .billing {
    display: inline;
    padding-right: 0;
    float: none;
    margin: 0;
    padding: 0;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry .logo, .vertragsuebersicht.vertragsgruppen.tabellarisch .entry.active .logo, .body-banking .vertragsuebersicht:not(.tabellarisch) .entry .logo, .body-banking .vertragsuebersicht.tabellarisch .entry.active .logo {
    height: 80px;
    width: 100% !important;
    position: relative;
    top: -0.5em;
    margin-top: -5px;
    padding-top: 10px;
  }
}
.vertragsuebersicht .entry-group,
.vertragsuebersicht .entry-details {
  margin: 0 -15px;
}
.vertragsuebersicht .contract-disabled {
  opacity: 0.5;
  cursor: default;
}
.vertragsuebersicht .contract-disabled * {
  pointer-events: none;
}
.vertragsuebersicht .contract-disabled .edit {
  pointer-events: auto;
}
.vertragsuebersicht .entry-group {
  padding-bottom: 5px;
  background: var(--kategorie-entry-group-bg, transparent);
  /** falls wir einmal btn-default.btn-transparent einführen pro grp das einkommentieren
  .btn-default {
    margin: 10px auto 5px;
    display: block;
    width: 200px;
    background: rgba(255, 255, 255, 0.25);
    color: $font-default;
  }
  */
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .entry-group:not(.tabellarisch) {
    padding: 5px;
  }
}
.vertragsuebersicht .entry-group .empty-wrapper {
  margin: 15px auto;
  width: 100%;
}
.vertragsuebersicht .entry-details {
  margin: 1em 15px 0;
  padding-top: 1px;
  clear: both;
  padding: 0;
}
.vertragsuebersicht .entry-details.ng-hide {
  opacity: 0;
}
.vertragsuebersicht .entry-details > div > .slide-toggle {
  margin: 0 -15px;
  padding: 0 15px;
}
.vertragsuebersicht .entry-details .form-group {
  background: #f5fafd;
  margin-bottom: 1px;
  clear: both;
  padding: 5px 2px;
  display: block;
}
.vertragsuebersicht .entry-details .form-group:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.vertragsuebersicht .entry-details .form-group label {
  font-weight: normal;
  float: left;
  width: 50%;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .entry-details .form-group label {
    width: 40%;
  }
  .vertragsuebersicht .entry-details .form-group label + * {
    width: 60%;
  }
}
.vertragsuebersicht .entry-details .form-group div {
  font-weight: 600;
}
.vertragsuebersicht .entry-details .form-group-btn {
  font-weight: bold;
  margin: 0 -15px;
  padding-left: 17px;
  padding-right: 17px;
  line-height: 300%;
}
.vertragsuebersicht .entry-details .form-group-btn i {
  float: right;
  transition: all ease-in 0.25s;
  font-size: 150%;
  line-height: 200%;
}
.vertragsuebersicht .view-fields {
  padding: 0 15px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 5px;
}
@media (prefers-color-scheme: dark) {
  .vertragsuebersicht .view-fields {
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.vertragsuebersicht .view-fields .form-group {
  background: #fbfbfb;
  margin-bottom: 1px;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  border-top: 1px solid #eee;
}
@media (prefers-color-scheme: dark) {
  .vertragsuebersicht .view-fields .form-group {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
  }
}
.vertragsuebersicht .view-fields .form-horizontal > .form-group:first-child {
  border-top: 0 none;
}
.vertragsuebersicht .view-fields .form-group label {
  margin: 0;
}
.vertragsuebersicht .view-fields .form-group label ~ div {
  font-size: 100%;
}
.vertragsuebersicht .nav-justified {
  background: transparent;
  padding: 0;
  border-bottom: 0 none;
  border-top: 0 none;
}
.vertragsuebersicht .tab-pane {
  padding-top: 0;
}
.vertragsuebersicht .anbieter-link {
  padding-top: 10px;
  text-align: center;
  display: block;
  text-decoration: underline;
  color: var(--background-container-text);
}
.vertragsuebersicht .vertraginfocontainer .vertrag-logo {
  margin-top: -15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 15px;
  padding: 20px 0;
}
.vertragsuebersicht .group-head {
  position: relative;
  z-index: 2;
}
.vertragsuebersicht .group-head.active {
  --vertragsuebersicht-legend-text-color: var(--vertragsuebersicht-legend-text-color-active, #fff);
  border-bottom: 0 none;
  /* svg {
      left: -30px;
    }
  */
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht .group-head.active {
    margin-top: 5px;
  }
}
.vertragsuebersicht svg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  height: 48px;
  transition: all ease-in 0.25s;
  padding: 10px 15px;
  fill: var(--kategorie-color);
}
.vertragsuebersicht .entry-nav {
  padding: 20px 15px 15px;
  border-top: 1px solid #eee;
  margin: 0 -15px 0;
}
.vertragsuebersicht .entry-nav-li {
  display: table-cell;
  width: 1%;
}
.vertragsuebersicht .entry-nav-a {
  text-align: center;
  display: block;
  cursor: pointer;
  color: var(--entry-nav-icon);
}
.vertragsuebersicht .entry-nav-a i {
  font-size: 200%;
  display: block;
  margin-bottom: 5px;
}
.vertragsuebersicht .entry-nav-a span {
  color: var(--entry-nav-text);
  font-weight: 600;
  font-size: 80%;
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .group-head {
    top: calc(var(--header-height) + 30px);
    z-index: 3;
    position: -webkit-sticky;
    position: sticky;
  }
  .vertragsuebersicht .group-head::after {
    content: "";
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    transition: border ease-in 0.1s;
    transition-delay: 0.25s;
  }
}
@media screen and (max-width: 991px) and (prefers-color-scheme: light) {
  .vertragsuebersicht .group-head::after {
    border-top-color: #ccc;
  }
}
@media screen and (max-width: 991px) {
  .vertragsuebersicht .checkbox input ~ label::before {
    z-index: 2;
  }
  .vertragsuebersicht .checkbox input ~ label::after, .vertragsuebersicht .checkbox input ~ label ~ .fa, .vertragsuebersicht .checkbox input ~ label ~ .glyphicon, .vertragsuebersicht .checkbox #main-navigation .hassubnav > input ~ label ~ a:before, #main-navigation .vertragsuebersicht .checkbox .hassubnav > input ~ label ~ a:before, .vertragsuebersicht .checkbox #main-navigation input ~ label ~ .expand, #main-navigation .vertragsuebersicht .checkbox input ~ label ~ .expand, .vertragsuebersicht .checkbox input ~ label ~ label[for*=geschlecht]:before {
    z-index: 1;
  }
}
.vertragsuebersicht vertragdetail-directive {
  display: block;
  float: left;
  width: 100%;
}
.vertragsuebersicht .block-ui-container {
  z-index: 2;
}
.vertragsuebersicht [leistung] legend {
  margin: 0 -15px;
  background: var(--background-container);
  color: var(--background-container-text);
  font-size: 100%;
  border-bottom: 0;
  border-radius: 0;
}
.vertragsuebersicht [leistung] .slide-toggle {
  margin: 0 -15px;
  padding: 0 15px;
}
.vertragsuebersicht .btn-entry-close {
  clear: both;
  margin-left: 15px;
  margin-right: 15px;
  width: auto;
  top: 20px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry.active {
    width: 100%;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 0 0 15px 15px;
  }
  .vertragsuebersicht.vertragsgruppen:not(.tabellarisch) .entry {
    order: 1;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active {
    order: 0;
    float: none;
    clear: both;
    cursor: default;
    text-align: left;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .beitrag-label {
    display: block;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .maklervertrag {
    display: none !important;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .fee {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .logo {
    text-align: center;
    height: auto !important;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .logo img {
    width: 125px;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active:hover::before {
    display: none;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .desktop-left {
    width: 30%;
    float: left;
  }
  .vertragsuebersicht.vertragsgruppen .entry.active .desktop-left + * {
    width: 70%;
    float: left;
  }
  .vertragsuebersicht .hasactive .entry:not(.active) {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .vertragsuebersicht .hasactive .entry:not(.active) * {
    pointer-events: none;
  }
}
.body-vertraege .vertragsuebersicht > empty-state {
  margin-bottom: 15px;
  display: block;
}

.body-vertraege .modal legend {
  margin-top: -15px;
  width: auto;
  background: var(--modal-header);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: var(--modal-header-border-bottom);
  text-align: center;
}
.body-vertraege .modal-body {
  padding: 15px 15px 0;
}
.vertrag-kopfdaten {
  position: relative;
  /*.col-lg-pull-2 { //container für beitrag view
      border: 1px solid #eee;
      border-radius: 0 0 10px 10px;
      padding-bottom: 10px;
      background: #f4f4f4;
  }*/
  /*@media screen and (min-width: $screen-large-phone) {
      padding-right:20%;      

      .beitrag_view {
          width:20%;
          position: absolute;
          right:0;
          top:0;
      }
  }*/
}
.vertrag-kopfdaten label {
  margin-bottom: 0;
}
.vertrag-kopfdaten .container-fluid {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .vertrag-kopfdaten .container-fluid {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .vertrag-kopfdaten .container-fluid {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.vertrag-kopfdaten .container-fluid span {
  margin-bottom: 1em;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .vertrag-kopfdaten .container-fluid span {
    margin-bottom: 4%;
  }
}
.vertrag-kopfdaten label {
  color: #6b8cad;
  color: #7c7c7c;
  font-size: 100%;
  font-weight: normal;
  display: block;
}
.vertrag-kopfdaten label + span,
.vertrag-kopfdaten label + div {
  font-size: 110%;
}
.vertrag-kopfdaten label + span,
.vertrag-kopfdaten label + div span {
  font-weight: bold;
}

.kuendigungsfrist,
.erinnern_am {
  text-align: center;
  padding: 1em 5px;
  /*float:left;
  width: 50%;*/
  border: 1px solid #eee;
}
.kuendigungsfrist label,
.erinnern_am label {
  font-weight: bold;
  color: #2980b9;
}
@media screen and (min-width: 768px) {
  .kuendigungsfrist,
.erinnern_am {
    padding: 20px 5px;
  }
}

.vertrag-logo {
  border-bottom: 4px solid rgba(0, 0, 0, 0.25);
  text-align: center;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
  color: var(--font-dark);
}
@media screen and (min-width: 992px) {
  .vertrag-logo {
    border-radius: 10px 10px 0 0;
    margin: -30px -15px 0;
  }
}
@media screen and (min-width: 992px) and (prefers-color-scheme: dark) {
  .vertrag-logo {
    border-radius: 10px;
    margin: -10px 0 0;
  }
}
.page-vertraegeview .vertrag-logo {
  cursor: pointer;
}
.vertrag-logo .infoicon {
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 1.5em;
  line-height: 35px;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 17.5px);
  bottom: -17.5px;
  z-index: 10;
}
.vertrag-logo .infoicon.opened .fa-arrow-up {
  opacity: 1;
}
.vertrag-logo .infoicon.closed .fa-info {
  opacity: 1;
}
.vertrag-logo .infoicon .fa, .vertrag-logo .infoicon .glyphicon, .vertrag-logo .infoicon #main-navigation .hassubnav > a:before, #main-navigation .vertrag-logo .infoicon .hassubnav > a:before, .vertrag-logo .infoicon #main-navigation .expand, #main-navigation .vertrag-logo .infoicon .expand, .vertrag-logo .infoicon label[for*=geschlecht]:before {
  opacity: 0;
  transition: all ease-in 0.5s;
  color: #2980b9;
}
@media screen and (min-width: 992px) {
  .vertrag-logo .infoicon {
    left: auto;
    right: 15px;
    top: 15px;
    bottom: auto;
  }
}
.vertrag-logo produktgeber-directive {
  cursor: pointer;
}
.vertrag-logo produktgeber-directive h2 {
  margin-top: 28px;
}
.vertrag-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  max-width: 200px;
  max-height: 100px;
}
@media screen and (min-width: 992px) {
  .vertrag-logo {
    /* unnötig
    margin: -30px -15px 0;
    border-radius: 10px 10px 0 0;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 100px;
    display: flex;
    justify-content: center; */
  }
  .vertrag-logo img {
    margin: auto;
  }
}

.vertrag-panel {
  padding: 0;
  /*.vertrag-actions-small {
      padding: 0 30px 15px;
      clear: both;
      margin: 0 auto;
      max-width: 350px;

      .status {
          border:0;background: transparent;
          &.inaktiv {
              color:red; //TODO
          }
          &.aktiv {
              color:green; //TODO
          }
      }

      .btn {
          width:calc(50% - 5px);
          float:left;
          color: $font-default;
          border-color: $color_1; 

          .fa {
              font-size: 140%;
              position: relative;
              float: left;
              color: $color_1;
          }
      }

      > div + .btn { 
          margin-right:5px; 
          + .btn {
               margin-left:5px;
          }
      }     
  }

  .vertrag-actions-large {
      @media screen and (min-width: $screen-desktop) {
          position: absolute;
          right: 15px;
          top: 0;
          width: 80px;
      }

      background: #eee;
      padding: 15px 10px 6px;
      border-radius: 0 0 40px 40px;
      box-shadow: 0 2px 0px #cccccc;



      div, a {
          border-radius:60px;

          @media screen and (min-width: $screen-desktop) {
              height: 60px;
              border-radius: 100%;
              font-size: 100%;
              line-height: 60px;
              padding: 0;
              margin-bottom: 5px;
              @include animation-name(rotateIn);
          }
      }

      a {
          span {  
              //display: none;
              display:block;
              @media screen and (min-width: $screen-desktop) {
                  max-width: 60px;
                  overflow: hidden;
                  padding:0;
                  color: transparent; 
                  background: $color_1;
                  border-radius: 40px !important;
                  z-index: 1;
                  display: block;
                  position: absolute;
                  right: 0;
                  transition: all ease-in 0.25s; //0.25
              }

              @media screen and (max-width: $screen-sm-max) {
                  padding-right: 50px;
                  padding-left: 15px;
                  color:#fff; //TEMP
              }

          }

          &:hover span {
              @media screen and (min-width: $screen-desktop) {
                  background: darken($color_1,20%);
                  color: #fff;
              }
          }

          @media screen and (min-width: $screen-desktop) {
              &:hover span {
                  width: auto;
                  max-width: 150px;
                  padding-right: 60px;
                  padding-left: 15px;
              }
          }

      }

      .status {
          font-size: 80% !important;


          @media screen and (min-width: $screen-desktop) {
              border: 3px solid transparent;

              &.aktiv {
                  background: #6cb321;
                  color: #fff;
                  text-shadow: 0 1px 2px #45770f;
              }

              &.inaktiv {
                  background: #e74c3c;
                  color: #fff;
                  text-shadow: 0 1px 2px rgb(150, 36, 24);
              }
          }
      }

      @media screen and (max-width: $screen-is-max) {
          border-bottom-right-radius: 0;
      }        

      a {
          background:$color_2;
          background: $color_1;
          color:$font-default;

          i {
              font-size:180%;
              display: block;
              float: right;

              @media screen and (min-width: $screen-desktop) {
                  top: calc(50% - 0.5em);
                  position: absolute;
                  left: 0;
                  right: 0;
                  text-align: center;
              }
              color: #ffffff; //temp
              text-shadow: 0 1px 2px #164666;
              z-index: 2;
          }
          text-align: center;


          :first-child {
              border-bottom:0;
              border-top-left-radius:$border-radius-length;
          }

          :last-child {
              border-bottom-left-radius:$border-radius-length;
          }

      }

  }
  */
}
.vertrag-panel .tab-pane .filter {
  padding: 5px 30px;
  border: 0;
  margin: 0 -30px;
}
@media screen and (min-width: 992px) {
  .vertrag-panel .tab-pane .filter {
    background: #2980b9;
  }
}
.vertrag-panel .tab-pane .doc_list {
  margin-top: -15px;
}
.vertrag-panel .tab-pane > legend:first-child {
  padding-top: 0;
}
.vertrag-panel .tab-pane legend {
  background: transparent;
  padding-right: 36px;
}
.vertrag-panel .tab-pane legend a {
  padding: 1px 7px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #f4f4f4;
  position: absolute;
  right: 15px;
  top: calc(50% - 12px);
  cursor: pointer;
}
.vertrag-panel .doc_list .file-more {
  right: 0;
}
.vertrag-panel .vertrag-actions {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .vertrag-panel .vertrag-actions {
    margin-top: 1em;
  }
}
@media screen and (min-width: 992px) {
  .vertrag-panel .vertrag-actions div, .vertrag-panel .vertrag-actions a {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
  }
}
.vertrag-panel .vertrag-actions a {
  background: #f4f4f4;
  color: #2d3f51;
  text-align: center;
  padding: 7px 0;
  margin-bottom: 2px;
  /* TMM-Variante
  padding:0.75em 0;            
  margin-bottom:1px;
  box-shadow: inset 0 0 24px #dedede;



  &:first-child { // benötigt?
      border-bottom:0;
      border-top-left-radius:8px;
  }

  &:last-child {
      border-bottom-left-radius:8px;
      @media screen and (min-width: $screen-desktop) {
          border-bottom-right-radius:8px;
      }
  }
  */
}
.vertrag-panel .vertrag-actions a i {
  font-size: 180%;
  display: block;
  color: var(--link-color);
}

.beitrag_view {
  text-align: center;
  background: #e74c3c;
  color: #fff;
  padding: 0.25em 10px;
  font-size: 140%;
}
.beitrag_view span:last-child {
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .beitrag_view {
    background: #f4f4f4;
    color: #2d3f51;
    border: 1px solid #eee;
  }
}

/*.vertrag-logo {
    img {
        max-height: 80px;
        max-width: 60%;

        @media screen and (min-width: $screen-lg) {
            max-width: 200px;
        }
    }
}*/
.tab-pane {
  padding: 15px;
}

.nav-tabs li.active:only-child {
  display: none;
}

/*
.dummy_head {
    position: fixed;

    @if $dev == true {
        top: 30px;
    } else {
        top:0;    
    }
    background: $color_1;
    z-index: 1;
    left: 50px;
    right: 0;
    text-align: left;
    color: #fff;
    font-size: 150%;
    height: 50px;
    line-height: 50px;
}*/
@media screen and (min-width: 992px) {
  .page-vertraegeview .kuendigungsfrist {
    border-bottom-left-radius: 4px;
  }
  .page-vertraegeview .erinnern_am {
    border-bottom-right-radius: 4px;
  }
  .page-vertraegeview .vertrag-details,
.page-vertraegeview .vertrag-kopfdaten {
    float: left;
    padding-bottom: 30px;
  }
  .page-vertraegeview .vertrag-kopfdaten {
    margin: 0 0 0 -15px;
    width: calc(50% + 15px);
    border-right: 1px solid #ccc;
  }
  .page-vertraegeview .vertrag-details {
    margin: 0 -15px 0 -1px;
    width: calc(50% + 16px);
    border-left: 1px solid #ccc;
  }
  .page-vertraegeview .doc_list ul {
    margin: 1em 0 1em;
  }
  .page-vertraegeview .tab-pane {
    padding: 15px 30px;
  }
  .page-vertraegeview .tab-pane legend {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    width: calc(100% + 60px);
  }
  .page-vertraegeview > div {
    padding-bottom: 0 !important;
  }
}

.edit .form-horizontal {
  margin: 0;
}

.page-vertraegeedit {
  --scoped-edit-border-color: var(--edit-border-color, #eee);
  --label-color: var(--text-color);
  --label-icon-color: var(--primary-darker);
}
.page-vertraegeedit .link-list {
  --border-color: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 991px) {
  #content > .page-vertraegeedit {
    margin-left: 5px;
    margin-right: 5px;
    min-width: auto;
  }
}
@media (prefers-color-scheme: dark) {
  .page-vertraegeedit {
    --label-icon-color: inherit;
  }
}
.page-vertraegeedit .vertrag-logo {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 0;
  border-radius: 5px;
  margin: 0 0 5px;
}
.page-vertraegeedit legend {
  color: var(--label-color, var(--text-on-bg, inherit));
  text-align: left !important;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .page-vertraegeedit .produktauswahl-edit .btn,
.page-vertraegeedit .produktgeber-edit .btn {
    right: 0;
  }
}
.page-vertraegeedit .vertraege-edit-area {
  background: var(--background-lowest);
  margin: 5px 0 15px;
  padding: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 991px) and (prefers-color-scheme: dark) {
  .page-vertraegeedit .vertraege-edit-area {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-vertraegeedit .vertraege-edit-area-fields {
  background: var(--background-container);
  color: var(--background-container-text);
  margin-bottom: 5px;
  margin-bottom: 1px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-radius: 5px;
  display: block;
}
.page-vertraegeedit .vertraege-edit-area-fields + .vertraege-edit-area-fields {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .page-vertraegeedit .vertraege-edit-area [class*=col],
.page-vertraegeedit .vertraege-edit-area label ~ div,
.page-vertraegeedit .vertraege-edit-area label {
    padding: 0;
  }
}
.page-vertraegeedit .vertraege-edit-area .fa-chevron-down {
  transition: all 0.25s ease-in;
}
@media screen and (max-width: 767px) {
  .page-vertraegeedit .vertraege-edit-area .row {
    margin: 0 -5px;
    display: flex;
    gap: 5px;
  }
  .page-vertraegeedit .vertraege-edit-area .row > * {
    display: block;
    flex: 1;
    width: 50%;
  }
}
.page-vertraegeedit .vertraege-edit-area .form-horizontal {
  padding-top: 0;
}
.page-vertraegeedit .vertraege-edit-area .form-group {
  color: var(--background-container-text);
  margin: 0;
  padding: 10px 0;
}
.page-vertraegeedit .reminder {
  text-align: center;
}
.page-vertraegeedit .reminder-date {
  font-size: 150%;
}
.page-vertraegeedit .reminder .form-group + .form-group {
  padding-top: 0;
}
.page-vertraegeedit legend .fas {
  margin-right: 10px;
  color: var(--label-icon-color, inherit);
}
.page-vertraegeedit .view-toggle {
  position: absolute;
  right: 15px;
  font-size: 125%;
}
.page-vertraegeedit .empty-state {
  --empty-state-icon-color: var(--tertiary);
  --empty-state-background: transparent;
}
.page-vertraegeedit .empty-state i.fas {
  font-size: 200%;
  margin-bottom: 5px;
}
.page-vertraegeedit .empty-state, .page-vertraegeedit .empty-state-content {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .page-vertraegeedit .date-input .fa, .page-vertraegeedit .date-input .glyphicon, .page-vertraegeedit .date-input #main-navigation .hassubnav > a:before, #main-navigation .page-vertraegeedit .date-input .hassubnav > a:before, .page-vertraegeedit .date-input #main-navigation .expand, #main-navigation .page-vertraegeedit .date-input .expand, .page-vertraegeedit .date-input label[for*=geschlecht]:before,
.page-vertraegeedit .form-horizontal .select-indicator::after {
    right: 10px;
  }
}

.produktauswahl-edit .form-group > div,
.produktgeber-edit .form-group > div {
  padding-right: 120px;
}
.produktauswahl-edit .form-group.has-error > div,
.produktgeber-edit .form-group.has-error > div {
  padding-right: 15px;
}
.produktauswahl-edit .btn,
.produktgeber-edit .btn {
  position: absolute;
  right: 15px;
  bottom: -4px;
  padding: 4px 12px 3px;
}
@media screen and (min-width: 768px) {
  .produktauswahl-edit .btn,
.produktgeber-edit .btn {
    bottom: -3px;
  }
}
.produktauswahl-edit .has-error,
.produktgeber-edit .has-error {
  border-radius: 5px !important;
}

.produkt-list-flat li > a > span {
  position: relative;
}

.page-vertraegeadd {
  --border-color: rgba(255, 255, 255, 0.25);
}
.page-vertraegeadd .vertraege-add-banner {
  position: relative;
  display: block;
  max-width: none;
}

.modal-dialog #produktauswahldialog {
  overflow-y: auto;
  max-height: calc(100vh - 200px);
}
@media screen and (min-width: 992px) {
  .modal-dialog #produktauswahldialog {
    max-height: 500px;
  }
}
@media screen and (min-width: 992px) {
  #produktauswahldialog .empty-state {
    margin: 0;
  }
}

.body-berater-info slide-list .group-icon {
  border: unset;
  font-size: larger;
}
@media screen and (min-width: 992px) {
  .body-berater-info .slide-list:last-child {
    border: 0;
  }
}
@media screen and (min-width: 1200px) {
  .body-berater-info .slide-list {
    margin-left: 65px;
    width: calc(100% - 65px);
  }
  .body-berater-info .slide-list-kategorie-hidden {
    display: none;
  }
  .body-berater-info .slide-list-kategorie-head .fa, .body-berater-info .slide-list-kategorie-head .glyphicon, .body-berater-info .slide-list-kategorie-head #main-navigation .hassubnav > a:before, #main-navigation .body-berater-info .slide-list-kategorie-head .hassubnav > a:before, .body-berater-info .slide-list-kategorie-head #main-navigation .expand, #main-navigation .body-berater-info .slide-list-kategorie-head .expand, .body-berater-info .slide-list-kategorie-head label[for*=geschlecht]:before {
    margin-left: -80px !important;
  }
  .body-berater-info .slide-list.active {
    width: 100%;
  }
  .body-berater-info .slide-list.active, .body-berater-info .slide-list.active .fa, .body-berater-info .slide-list.active .glyphicon, .body-berater-info .slide-list.active #main-navigation .hassubnav > a:before, #main-navigation .body-berater-info .slide-list.active .hassubnav > a:before, .body-berater-info .slide-list.active #main-navigation .expand, #main-navigation .body-berater-info .slide-list.active .expand, .body-berater-info .slide-list.active label[for*=geschlecht]:before {
    margin-left: 0 !important;
  }
}
.body-berater-info .slide-list-eintrag {
  max-width: unset;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .body-berater-info .slide-list-eintrag {
    max-width: calc(50% - 5px);
  }
}
.body-berater-info .slide-list-eintrag-title {
  font-size: 18px;
}
.body-berater-info .slide-list-kategorie-head .fa, .body-berater-info .slide-list-kategorie-head .glyphicon, .body-berater-info .slide-list-kategorie-head #main-navigation .hassubnav > a:before, #main-navigation .body-berater-info .slide-list-kategorie-head .hassubnav > a:before, .body-berater-info .slide-list-kategorie-head #main-navigation .expand, #main-navigation .body-berater-info .slide-list-kategorie-head .expand, .body-berater-info .slide-list-kategorie-head label[for*=geschlecht]:before {
  color: #2980b9;
}
@media screen and (min-width: 992px) {
  .body-berater-info .slide-list-kategorie-head .fa, .body-berater-info .slide-list-kategorie-head .glyphicon, .body-berater-info .slide-list-kategorie-head #main-navigation .hassubnav > a:before, #main-navigation .body-berater-info .slide-list-kategorie-head .hassubnav > a:before, .body-berater-info .slide-list-kategorie-head #main-navigation .expand, #main-navigation .body-berater-info .slide-list-kategorie-head .expand, .body-berater-info .slide-list-kategorie-head label[for*=geschlecht]:before {
    margin-left: -15px;
  }
}
.body-berater-info .slide-list-kategorie-head .fa.fa-comments, .body-berater-info .slide-list-kategorie-head .fa-comments.glyphicon, .body-berater-info .slide-list-kategorie-head #main-navigation .hassubnav > a.fa-comments:before, #main-navigation .body-berater-info .slide-list-kategorie-head .hassubnav > a.fa-comments:before, .body-berater-info .slide-list-kategorie-head #main-navigation .fa-comments.expand, #main-navigation .body-berater-info .slide-list-kategorie-head .fa-comments.expand, .body-berater-info .slide-list-kategorie-head label.fa-comments[for*=geschlecht]:before {
  color: var(--highlight-color);
}
.body-berater-info .modal-body fieldset {
  color: var(--font-dark);
}
@media (prefers-color-scheme: dark) {
  .body-berater-info .modal-body fieldset {
    color: var(--font-light);
  }
}
.body-berater-info .empty-state {
  margin: 60px 15px 0;
}
.body-berater-info #app-header {
  background: transparent;
}
.body-berater-info #app-header a i {
  color: var(--font-light);
}
@media screen and (min-width: 401px) {
  .body-berater-info #app-header a i {
    color: var(--font-light) !important;
  }
}
.body-berater-info .list-node > li {
  font-size: 18px;
}

.page-berater-info {
  position: relative;
}
@media screen and (max-width: 991px) {
  #content .page-berater-info {
    top: 0;
    padding-top: 0;
  }
}
.page-berater-info .down-arrow {
  font-size: 20px;
  display: block;
}
.page-berater-info .chat-highlight {
  color: var(--highlight-color) !important;
}
.page-berater-info #details {
  padding: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .page-berater-info #details {
    border-top: 1px solid var(--border-color);
  }
}
@media screen and (min-width: 1200px) {
  .page-berater-info #details {
    margin-top: 15px;
    opacity: 1 !important;
    display: block !important;
  }
}
.page-berater-info #details div {
  color: var(--font-light);
  clear: both;
  padding-bottom: 7px;
}
.page-berater-info #details label {
  display: block;
  font-weight: bold;
  width: 50%;
  float: left;
}
.page-berater-info .berater-head {
  color: var(--font-light);
}
@media screen and (min-width: 1200px) {
  .page-berater-info .berater-head {
    pointer-events: none;
  }
}
.page-berater-info .berater-head > div {
  text-align: center;
  padding-bottom: 2em;
}
.page-berater-info h2 + span {
  font-size: 120%;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .page-berater-info .berater-head ~ .clearfix, .page-berater-info .dummy-gesellschaften .berater-head ~ .list-entry, .dummy-gesellschaften .page-berater-info .berater-head ~ .list-entry, .page-berater-info kuendigungsfrist-directive .form50 .berater-head ~ .form-group, kuendigungsfrist-directive .form50 .page-berater-info .berater-head ~ .form-group, .page-berater-info producttree-directive li.sonstiges > .berater-head ~ a, producttree-directive .page-berater-info li.sonstiges > .berater-head ~ a {
    border-radius: 0 0 10px 10px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border-top: 0;
    padding-top: 15px;
  }
}
.page-berater-info .berater-head > div {
  background: rgba(0, 0, 0, 0.25);
  margin: -100px 0 0;
  padding: 100px 15px 15px;
}
@media screen and (min-width: 992px) {
  .page-berater-info .berater-head > div {
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .page-berater-info h2 + span {
    margin-bottom: 1em;
  }
}
.page-berater-info .action_list {
  padding-bottom: 1em;
}
@media screen and (max-width: 991px) {
  .page-berater-info .action_list {
    padding: 0;
  }
}
.page-berater-info .action_list .action-name {
  color: var(--font-light);
}
.page-berater-info .action_list > div {
  box-shadow: none !important;
  padding-bottom: 3em !important;
}
@media screen and (min-width: 1200px) {
  .page-berater-info .berater-head > div a {
    display: none;
  }
}
.page-berater-info .berater-head img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 400px;
  -webkit-transition: all ease-in 0.25s;
  -moz-transition: all ease-in 0.25s;
  transition: all ease-in 0.25s;
  margin-top: 0;
}
@media screen and (min-width: 401px) {
  .page-berater-info .berater-head img {
    border-radius: 50%;
    max-width: 200px;
    max-height: 200px;
    margin-top: 1em;
    overflow: hidden;
    object-fit: cover;
  }
}

#body-einladen .page > div:not(:empty) {
  padding: 0px;
}
@media screen and (min-width: 992px) {
  #body-einladen .page_head_function {
    width: 992px !important;
  }
}

@media screen and (max-width: 991px) {
  .page-berater-einladen slide-list,
.page-berater-einladen .form-senden {
    margin: 0 -65px;
  }
}
.page-berater-einladen slide-list .form-group,
.page-berater-einladen .form-senden .form-group {
  margin-bottom: 35px;
}
@media screen and (max-width: 991px) {
  .page-berater-einladen .tour-slider .slide {
    padding-top: 0;
    margin-top: var(--header-height);
  }
}
.page-berater-einladen .premium-header {
  text-align: center;
  height: var(--header-height);
  min-height: 60px;
}
@media screen and (min-width: 992px) {
  .page-berater-einladen .premium-header {
    width: 600px;
    margin: 10px auto;
  }
}
.page-berater-einladen .premium-hinweis {
  color: #fff;
  text-align: center;
  padding: 15px;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .page-berater-einladen .premium-hinweis {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .page-berater-einladen .container-fluid {
    max-width: 600px;
  }
}
.page-berater-einladen h1 {
  color: var(--highlight-color);
  font-size: 23.8px;
  font-weight: 600;
  display: block;
  margin: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1.2em;
}
.page-berater-einladen .back {
  color: var(--highlight-color);
  font-size: 23.8px;
  position: relative;
  float: left;
  width: 30px;
  padding-left: 10px;
  z-index: 1;
  line-height: 1.2em;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.page-berater-einladen ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-berater-einladen li {
  text-align: left;
  list-style: none;
  display: flex;
  padding: 0 0 15px;
  flex: 1;
  align-items: center;
}
.page-berater-einladen li:last-child {
  padding: 0;
}
.page-berater-einladen li i {
  font-size: 250%;
  min-width: 50px;
  text-align: center;
  margin-right: 10px;
}
.page-berater-einladen .text-center {
  padding: 0 15px;
}
.page-berater-einladen .text-center .btn {
  margin: 0;
  width: calc(50% - 3px);
}
.page-berater-einladen .final-page {
  padding-top: 100px;
}
.page-berater-einladen .final-page-icon {
  font-size: 5em;
  padding: 10px;
}
.page-berater-einladen .slider-navigation nav {
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media screen and (min-width: 992px) {
  .page-berater-einladen .slider-navigation nav {
    border-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .page-berater-einladen .slider-navigation-entry {
    padding: 0 !important;
  }
}
.page-berater-einladen .slider-navigation .btn {
  font-size: 125%;
}

.berater-slide-1, .berater-slide-2, .berater-slide-3 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 992px) {
  .berater-slide-1, .berater-slide-2, .berater-slide-3 {
    border-radius: 15px;
  }
}
.page-berater-einladen .tour-slider .berater-slide-1, .page-berater-einladen .tour-slider .berater-slide-2, .page-berater-einladen .tour-slider .berater-slide-3 {
  padding: var(--header-height) 15px 15px;
  margin-top: 0;
}
.berater-slide-1 {
  background-image: url(../img/berater/jumping.jpg);
}
@media screen and (min-width: 992px) {
  .berater-slide-1 {
    background-position: 0 -350px;
  }
}
.berater-slide-2 {
  background-image: url(../img/berater/goofy.jpg);
}
@media screen and (min-width: 992px) {
  .berater-slide-2 {
    background-position: center -640px;
  }
}
.berater-slide-2 .berater-highlight-bottom {
  margin: 0;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  padding: 15px;
  color: var(--font-light);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.berater-slide-3 {
  background-image: url(../img/berater/meeting.jpg);
  background-position: left 60%;
}
.berater-slide-3 .berater-highlight-bottom {
  margin-top: auto;
}
.berater-slide-4 > * {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  #content > .page-berater-einladen {
    padding-top: 0;
  }
}

.berater-highlight {
  font-size: 130%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  letter-spacing: 0.01em;
  padding: 15px;
  line-height: 140%;
  margin: auto -15px 1px;
  background: rgba(255, 255, 255, 0.5);
  color: var(--font-dark);
}
@media (prefers-color-scheme: dark) {
  .berater-highlight {
    background: rgba(0, 0, 0, 0.25);
    color: var(--font-light);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }
}
.berater-highlight-fat {
  color: var(--font-light);
  font-size: 275%;
  line-height: 100%;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.berater-highlight-fat-dark {
  color: var(--font-dark);
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .berater-highlight-fat {
    color: var(--font-light);
    background: rgba(0, 0, 0, 0.25);
    padding: 50px 0;
    margin: -50px -15px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
}
.berater-highlight-headline {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
}
.berater-highlight-bottom {
  margin-top: auto;
  text-transform: none;
  font-weight: 600;
  margin-bottom: -15px;
  padding: 30px 15px;
  background: rgba(255, 255, 255, 0.75);
}
@media (prefers-color-scheme: dark) {
  .berater-highlight-bottom {
    background: rgba(0, 0, 0, 0.5);
  }
}

.berater-form {
  width: 100%;
  height: 100%;
}
.berater-form .slide .mdform {
  all: inherit;
}
.berater-form .slide:not(.mdform) {
  color: var(--font-light);
}
@media screen and (max-width: 991px) {
  .berater-form .slide.mdform {
    width: calc(100% - 10px);
    min-width: auto;
    padding: 15px;
  }
}
@media screen and (min-width: 992px) {
  .berater-form .slider-navigation nav {
    border-top: 0;
  }
  .berater-form .slider-navigation nav .slider-navigation-entry {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-mm {
  -webkit-overflow-scrolling: touch;
}
.page-mm > div {
  background: transparent !important;
  box-shadow: none !important;
}

.page-procheck24 iframe {
  width: 100%;
}

.page-anbieter ul.anbieter a {
  font-size: 70%;
  background: #fff !important;
}
@media screen and (min-width: 992px) {
  .page-anbieter ul.anbieter span {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .page-anbieter ul.anbieter {
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    width: 555px;
    text-align: right;
    display: block !important;
  }
  .page-anbieter ul.anbieter li {
    display: inline-block;
    background: transparent;
    border: 0;
  }
  .page-anbieter ul.anbieter li a {
    padding: 0 10px !important;
    background: transparent !important;
  }
  .page-anbieter ul.anbieter img {
    max-height: 20px;
    width: 150px;
  }
}
.page-anbieter .link-list.tree {
  /**
   * FIX Bug Listenpunkte
   */
}
.page-anbieter .link-list.tree li.active:last-child > a {
  border-radius: 0 !important;
}
.page-anbieter .link-list.tree .list-node ul {
  list-style: none;
  padding-left: 0;
}
.page-anbieter .link-list.tree a {
  padding-right: 50px;
  padding-left: 15px;
}
.page-anbieter .link-list.tree .list-node .list-node a {
  background: #eee;
}
.page-anbieter .link-list.tree .more, .page-anbieter .link-list.tree .doc_list .file-more, .doc_list .page-anbieter .link-list.tree .file-more, .page-anbieter .link-list.tree .doc_list .file-cancel, .doc_list .page-anbieter .link-list.tree .file-cancel {
  font-size: 90%;
  right: 15px;
}
@media screen and (min-width: 992px) {
  .page-anbieter .link-list.tree .more, .page-anbieter .link-list.tree .doc_list .file-more, .doc_list .page-anbieter .link-list.tree .file-more, .page-anbieter .link-list.tree .doc_list .file-cancel, .doc_list .page-anbieter .link-list.tree .file-cancel {
    display: none;
  }
}
.page-anbieter .link-list.tree .more .fa, .page-anbieter .link-list.tree .more .glyphicon, .page-anbieter .link-list.tree .doc_list .file-more .fa, .page-anbieter .link-list.tree .doc_list .file-more .glyphicon, .doc_list .page-anbieter .link-list.tree .file-more .fa, .doc_list .page-anbieter .link-list.tree .file-more .glyphicon, .page-anbieter .link-list.tree .doc_list .file-cancel .fa, .page-anbieter .link-list.tree .doc_list .file-cancel .glyphicon, .doc_list .page-anbieter .link-list.tree .file-cancel .fa, .doc_list .page-anbieter .link-list.tree .file-cancel .glyphicon, .page-anbieter .link-list.tree .more #main-navigation .hassubnav > a:before, #main-navigation .page-anbieter .link-list.tree .more .hassubnav > a:before, .page-anbieter .link-list.tree .doc_list .file-more #main-navigation .hassubnav > a:before, #main-navigation .page-anbieter .link-list.tree .doc_list .file-more .hassubnav > a:before, .doc_list .page-anbieter .link-list.tree .file-more #main-navigation .hassubnav > a:before, #main-navigation .doc_list .page-anbieter .link-list.tree .file-more .hassubnav > a:before, .page-anbieter .link-list.tree .doc_list .file-cancel #main-navigation .hassubnav > a:before, #main-navigation .page-anbieter .link-list.tree .doc_list .file-cancel .hassubnav > a:before, .doc_list .page-anbieter .link-list.tree .file-cancel #main-navigation .hassubnav > a:before, #main-navigation .doc_list .page-anbieter .link-list.tree .file-cancel .hassubnav > a:before, .page-anbieter .link-list.tree .more #main-navigation .expand, #main-navigation .page-anbieter .link-list.tree .more .expand, .page-anbieter .link-list.tree .doc_list .file-more #main-navigation .expand, #main-navigation .page-anbieter .link-list.tree .doc_list .file-more .expand, .doc_list .page-anbieter .link-list.tree .file-more #main-navigation .expand, #main-navigation .doc_list .page-anbieter .link-list.tree .file-more .expand, .page-anbieter .link-list.tree .doc_list .file-cancel #main-navigation .expand, #main-navigation .page-anbieter .link-list.tree .doc_list .file-cancel .expand, .doc_list .page-anbieter .link-list.tree .file-cancel #main-navigation .expand, #main-navigation .doc_list .page-anbieter .link-list.tree .file-cancel .expand, .page-anbieter .link-list.tree .more label[for*=geschlecht]:before, .page-anbieter .link-list.tree .doc_list .file-more label[for*=geschlecht]:before, .doc_list .page-anbieter .link-list.tree .file-more label[for*=geschlecht]:before, .page-anbieter .link-list.tree .doc_list .file-cancel label[for*=geschlecht]:before, .doc_list .page-anbieter .link-list.tree .file-cancel label[for*=geschlecht]:before {
  top: 2px;
  right: 0;
  left: 0;
  position: absolute;
  text-align: center;
}
.page-anbieter .rechner-empty-state {
  margin-top: 15px;
}

.body-dokumente .modal-body > .form-group > label.second-label {
  margin-top: 1em;
}
@media screen and (max-width: 991px) {
  .body-dokumente.has-sticky .uploader {
    top: calc(var(--header-height) + 30px - 9px);
  }
}
@media screen and (max-width: 991px) {
  .body-dokumente .uploader {
    top: calc(var(--header-height) + 30px - 13px);
  }
}

.page-dokumente file-queue-directive .doc_list {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 50vh;
}
@media screen and (min-width: 992px) {
  .page-dokumente file-queue-directive .doc_list .list-node > li:last-child {
    margin-bottom: 1px;
  }
}
.page-dokumente slide-list upload-directive .uploader {
  position: unset;
  padding: unset;
}
.page-dokumente slide-list upload-directive .uploader file-queue-directive .file-queue-ready {
  display: none;
}
.page-dokumente .freigabe-state {
  color: var(--text-color);
}
.page-dokumente > div.btn-container {
  max-width: 992px;
  padding: 0;
  position: relative;
}
@media screen and (min-width: 992px) {
  .page-dokumente > div.btn-container {
    padding-top: 1em;
  }
  .page-dokumente > div.btn-container .uploader {
    margin-top: 1em;
  }
}
.page-dokumente .eigene .doc_list {
  border-top: 1px solid #eee;
}
.page-dokumente .doc_up {
  padding: 15px;
  margin-top: -2px;
}
.page-dokumente .slide-list-eintrag-subeintrag {
  border: 2px solid var(--border-color);
}
@media (prefers-color-scheme: dark) {
  .page-dokumente .slide-list-eintrag-subeintrag {
    border: 0 none;
  }
}
.page-dokumente .slide-list-eintrag-subeintrag .empty-state {
  --empty-state-color: var(--text-color);
}
.page-dokumente .doc_list legend span {
  color: #2d3f51;
  display: block;
  font-weight: normal;
}
.page-dokumente .doc_list legend span.danger, .page-dokumente .doc_list legend span.success {
  font-weight: bold;
}
.page-dokumente .doc_list legend span.danger {
  color: #e74c3c;
}
.page-dokumente .doc_list legend span.success {
  color: #3cad3c;
}
@media screen and (max-width: 1199px) {
  .page-dokumente .doc_list .file-product,
.page-dokumente .doc_list .file-gesellschaft {
    font-size: 90%;
  }
  .page-dokumente .doc_list .file-gesellschaft {
    padding: 0;
  }
}
.page-dokumente .doc_list .file-person {
  display: block;
}
.page-dokumente .doc_list .btn-lg, .page-dokumente .doc_list .btn-group-lg > .btn {
  margin-bottom: 0.75em;
}
.page-dokumente .empty-state-action {
  padding-top: 10px;
}
@media screen and (max-width: 992px) {
  .page-dokumente .page_head_function:not(.ng-hide) ~ slide-list {
    margin-top: 30px;
  }
}

@media screen and (max-width: 992px) {
  .sticky ~ .page-dokumente .page_head_function {
    --header-height: calc(50px + var(--app-margin-top));
    top: 80px;
  }
}

/**
 * Dokumenten-Sort
 */
.body-dokumente {
  /**
    legend (vertragsfreigaben, rest hat keine mehr)
  */
}
.body-dokumente .doc_list legend {
  display: none;
}
.body-dokumente .slide-list-eintrag-title > .fa-angle-down, .body-dokumente #main-navigation .hassubnav.slide-list-eintrag-title > a:before, #main-navigation .body-dokumente .hassubnav.slide-list-eintrag-title > a:before {
  display: none;
}
@media screen and (min-width: 992px) {
  .body-dokumente .page_head_function {
    width: 992px !important;
  }
}
.body-dokumente .sort-label {
  text-align: left;
  font-weight: bold;
  line-height: 33px;
  padding: 0 0 0 15px;
}
.body-dokumente .sort-label + div {
  padding: 0;
}
.body-dokumente .page_head_function {
  padding: 0 15px;
}
@media screen and (max-width: 992px) {
  .body-dokumente .page_head_function {
    position: fixed;
    width: 100%;
    z-index: 500;
  }
}
@media screen and (min-width: 992px) {
  .body-dokumente .page_head_function {
    margin: 0 auto 15px !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    border-radius: 0;
  }
}
.body-dokumente .slide-list legend {
  margin: 0;
  width: auto;
  text-align: center;
}
.body-dokumente .slide-list .group-count {
  min-height: 36px;
}
.body-dokumente .block-ui-active .group-count {
  font-size: 0;
}
.body-dokumente .freigabe-info {
  padding-top: 10px;
  border-top: 1px solid var(--border-color);
}

.android-upload .modal-body {
  display: flex;
  flex-wrap: wrap;
}
.android-upload .modal-body .fileinput-button-label {
  display: flex;
  flex-flow: column;
}
.android-upload .modal-body .fileinput-button-label .icon {
  margin: 10px;
}
.android-upload .modal-body .btn-block {
  flex-basis: 1px;
  flex-grow: 1;
}
.android-upload .modal-body .btn-block + .btn-block {
  margin-top: 0;
  margin-left: 5px;
}
.android-upload .modal-body .btn-block.cancle-btn {
  flex-basis: 200vw;
  margin: 5px 0 0 0;
}

.message-container {
  padding: 0 15px 65px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}
@media screen and (min-width: 992px) {
  .message-container {
    padding-bottom: 0 !important;
  }
}

.msg-status {
  clear: both;
  font-size: 90%;
  margin-top: 10px;
  text-align: right;
  min-width: 100px;
}
.msg-status [disabled] {
  opacity: 0.5;
}
.msg-status i:first-of-type {
  font-size: 75%;
  position: relative;
  top: -5px;
}
.msg-status i:first-of-type + i {
  margin-left: -14px;
  position: relative;
  top: 2px;
}

.from-system {
  border-top: 2px solid #e5e5ea;
  border-bottom: 2px solid #e5e5ea;
  padding: 1em 0;
  text-align: center;
}
.from-system .msg-system-header {
  font-weight: bold;
}
.from-system .link {
  color: #2980b9;
}

.msg-content {
  font-size: 120%;
}

.from-them + .from-them,
.from-me + .from-me {
  margin-top: 2px;
}

.respond {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  --respond-border-radius: 0px;
  top: auto;
  bottom: calc(var(--bottom-menu-height) + var(--safe-area-inset-bottom));
  border-radius: var(--respond-border-radius);
  transition: bottom ease-in 0.25s;
  padding: 0.5em 15px;
  background: #2980b9;
}
@media screen and (min-width: 992px) {
  .respond {
    --respond-border-radius: 15px;
    position: relative;
    z-index: 1;
    bottom: 0;
  }
}
.fixfixed .respond {
  bottom: 0;
}
.respond::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(41, 128, 185, 0.5);
  position: absolute;
  border-radius: var(--respond-border-radius);
}
@media screen and (min-width: 992px) {
  .respond {
    margin: 15px;
    padding: 5px 15px 5px 5px;
  }
}
@media screen and (max-width: 991px) {
  #main-navigation.active + #content .respond {
    left: 220px;
  }
}
.respond .sent-button {
  width: 2em;
  height: 2em;
  color: var(--font-light);
  line-height: 1.85em;
  text-indent: -0.05em;
  text-align: center;
  margin: auto 0 auto 10px;
}
.respond .sent-button i {
  font-size: 150%;
  line-height: 150%;
}

.msg-new-text {
  color: var(--field-color);
  background: var(--field-background-color);
  border: var(--field-border);
  max-height: 150px;
  overflow: auto;
  outline: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block;
  padding: 0.5em 15px;
  width: 100%;
  border-radius: 5px;
}

[contenteditable]:empty:after {
  content: attr(placeholder);
}

.msg-date {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 5px;
}

.msg-content.emoji {
  font-size: 400%;
}

.msg-day h2 {
  text-align: center;
  font-size: 110%;
  margin-top: 2em;
  font-weight: bold;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  padding-top: 10px;
  text-transform: uppercase;
}

.no-socket-server {
  text-align: center;
}

.msg-loading {
  text-align: center;
  position: relative;
}
.msg-loading .loader, .msg-loading .block-ui-container {
  position: static;
  margin: 0;
}
.msg-loading .message {
  padding: 0 0 10px;
  font-weight: bold;
  font-size: 90%;
  color: #fff;
}
.msg-loading .spinner {
  margin: 0 0 10px;
  font-size: 50%;
  position: static !important;
}
.msg-loading-placeholder {
  min-height: 77px;
}
.msg-loading-placeholder p {
  font-weight: bold;
  font-size: 90%;
  margin: 0;
  text-align: center;
  color: #777;
  padding: 30px 0 0;
}

.page-erinnerung {
  /*
   * Menu
   * ggf. aus der Scope raustrennen, damit das auch wo anders genutzt werden kann?
   */
}
.page-erinnerung .entry {
  position: relative;
  margin: 0 -10px 5px;
  background: var(--background-container);
  border-radius: 5px;
}
.page-erinnerung .entry.entry-erinnerung {
  padding: 1em 15px;
}
@media (prefers-color-scheme: dark) {
  .page-erinnerung .entry .logo {
    background: #fff;
    border-radius: 50%;
    margin: 5px 10px;
    margin-top: -5px;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 992px) {
  .page-erinnerung .entry {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (min-width: 992px) {
  .page-erinnerung div:not(.erinnerungen-tab-content) .actions {
    width: 100%;
  }
}
.page-erinnerung .erinnerungen-tab-content .actions {
  width: initial !important;
}
.page-erinnerung .entry:hover:before, .page-erinnerung li:hover:before {
  display: none;
}
.page-erinnerung .more, .page-erinnerung .doc_list .file-more, .doc_list .page-erinnerung .file-more, .page-erinnerung .doc_list .file-cancel, .doc_list .page-erinnerung .file-cancel {
  top: 1em;
  right: 15px;
  background: var(--background-container-text);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-erinnerung .more [class*=fa], .page-erinnerung .doc_list .file-more [class*=fa], .doc_list .page-erinnerung .file-more [class*=fa], .page-erinnerung .doc_list .file-cancel [class*=fa], .doc_list .page-erinnerung .file-cancel [class*=fa] {
  color: var(--background-container);
  transition: all ease-in 0.25s;
  line-height: initial;
}
@media screen and (min-width: 992px) {
  .page-erinnerung > div {
    max-width: 600px !important;
  }
}
.page-erinnerung q {
  display: block;
  padding-left: 45px;
}
.page-erinnerung .tab-pane legend {
  margin: 0;
  padding-left: 0;
  width: 100%;
}
.page-erinnerung .zoomOutRight {
  position: absolute !important;
  left: 0;
  right: 0;
  z-index: 100000;
}
.page-erinnerung .entry-erinnerung .logo .fa, .page-erinnerung .entry-erinnerung .logo .glyphicon, .page-erinnerung .entry-erinnerung .logo #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .entry-erinnerung .logo .hassubnav > a:before, .page-erinnerung .entry-erinnerung .logo #main-navigation .expand, #main-navigation .page-erinnerung .entry-erinnerung .logo .expand, .page-erinnerung .entry-erinnerung .logo label[for*=geschlecht]:before {
  color: var(--highlight-color);
  font-size: 225%;
  position: relative;
  top: 0 !important;
  bottom: 0;
  margin: calc(1em - 2.5px) auto !important;
}
.page-erinnerung .entry-erinnerung .logo .fa:after, .page-erinnerung .entry-erinnerung .logo .glyphicon:after, .page-erinnerung .entry-erinnerung .logo #main-navigation .expand:after, #main-navigation .page-erinnerung .entry-erinnerung .logo .expand:after {
  content: "";
  border: 2px solid;
  border-radius: 50%;
  height: 1.75em;
  width: 1.75em;
  left: calc(50% - 0.875em);
  top: calc(50% - 0.875em);
  display: block;
  position: absolute;
  z-index: 1;
}
.page-erinnerung .erinnerungen-tab-content .actions {
  margin-right: -15px;
  margin-left: -15px;
}
.page-erinnerung .entry.reminder-sent {
  border-radius: 10px;
  text-align: center;
  margin-top: 5em !important;
  padding-top: 4em !important;
  background: var(--background-container);
  color: var(--background-container-text);
}
.page-erinnerung .entry.reminder-sent .actions {
  border-radius: 0 0 10px 10px;
}
.page-erinnerung .entry.reminder-sent .message {
  padding: 0 15px 1em;
}
.page-erinnerung .entry.reminder-sent q.message {
  line-height: 1.4em;
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0.25em;
  padding-bottom: 0;
  padding-top: 1.5em;
}
.page-erinnerung .entry.reminder-sent .reminder-sent {
  font-size: 130%;
  font-style: italic;
  margin-bottom: 1em;
  padding-top: 0.5em !important;
  display: block;
}
.page-erinnerung .entry.reminder-sent .reminder-sent span, .page-erinnerung .entry.reminder-sent .reminder-sent label {
  float: none;
}
.page-erinnerung .entry.reminder-sent .logo {
  width: 7em;
  border: 5px solid var(--border-color) !important;
  left: calc(50% - 3.5em) !important;
  top: -3em;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  height: 7em;
  margin: 0 0 5px;
}
.page-erinnerung .entry.reminder-sent > .clearfix, .page-erinnerung .dummy-gesellschaften .entry.reminder-sent > .list-entry, .dummy-gesellschaften .page-erinnerung .entry.reminder-sent > .list-entry, .page-erinnerung kuendigungsfrist-directive .form50 .entry.reminder-sent > .form-group, kuendigungsfrist-directive .form50 .page-erinnerung .entry.reminder-sent > .form-group, .page-erinnerung producttree-directive li.sonstiges.entry.reminder-sent > a, producttree-directive .page-erinnerung li.sonstiges.entry.reminder-sent > a {
  float: none;
  width: auto;
  text-align: center;
}
.page-erinnerung .entry.reminder-sent .reminder-date {
  font-size: 130%;
  font-style: italic;
  margin-bottom: 0.5em;
  padding-top: 0.5em !important;
}
.page-erinnerung .entry.reminder-sent .produkt, .page-erinnerung .entry.reminder-sent .banking-company,
.page-erinnerung .entry.reminder-sent .entry-label {
  line-height: 1.4em;
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0.25em;
  margin-top: 1em;
}
.page-erinnerung .entry.reminder-sent .entry-label {
  font-size: 120%;
  margin-top: -7px;
}
.page-erinnerung .entry.reminder-sent .ablauf {
  color: inherit;
  font-size: 100%;
  margin-bottom: 0.5em;
}
.page-erinnerung .entry.reminder-sent .ablauf label, .page-erinnerung .entry.reminder-sent .ablauf b {
  display: inline;
  float: none;
}
.page-erinnerung .entry.reminder-sent .company, .page-erinnerung .entry.reminder-sent .banking-produkt {
  color: inherit;
  font-weight: bold;
}
.page-erinnerung .entry.reminder-sent .actions.active {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.25);
  border-top: 0;
}
.page-erinnerung .entry.reminder-sent .center-text {
  padding: 1em 15px 0;
  font-size: 110%;
}
.page-erinnerung .entry.reminder-sent .center-text > b:first-child {
  color: #e74c3c;
}
.page-erinnerung .asbuttons .nav-tabs {
  border: 0;
  padding-top: 0;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .page-erinnerung .asbuttons .nav-tabs {
    border-radius: 10px 10px 0 0;
    margin: -30px -15px 0;
    padding: 1em 30px 0;
  }
}
.page-erinnerung .asbuttons .nav-tabs li {
  display: inline-block;
  float: none;
  margin: 0;
}
.page-erinnerung .asbuttons .nav-tabs a {
  background-color: rgba(28, 66, 96, 0.36);
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 1.42857;
  margin-bottom: 1em;
  padding: 6px 12px;
}
.page-erinnerung .asbuttons .nav-tabs li.active a {
  background: rgba(0, 0, 0, 0.25);
  padding: 6px 12px;
  color: var(--font-light);
}
.page-erinnerung .asbuttons .nav-tabs li.active a .fa, .page-erinnerung .asbuttons .nav-tabs li.active a .glyphicon, .page-erinnerung .asbuttons .nav-tabs li.active a #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .asbuttons .nav-tabs li.active a .hassubnav > a:before, .page-erinnerung .asbuttons .nav-tabs li.active a #main-navigation .expand, #main-navigation .page-erinnerung .asbuttons .nav-tabs li.active a .expand, .page-erinnerung .asbuttons .nav-tabs li.active a label[for*=geschlecht]:before {
  color: #2980b9;
}
.page-erinnerung .asbuttons .nav-tabs .fa, .page-erinnerung .asbuttons .nav-tabs .glyphicon, .page-erinnerung .asbuttons .nav-tabs #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .asbuttons .nav-tabs .hassubnav > a:before, .page-erinnerung .asbuttons .nav-tabs #main-navigation .expand, #main-navigation .page-erinnerung .asbuttons .nav-tabs .expand, .page-erinnerung .asbuttons .nav-tabs label[for*=geschlecht]:before {
  color: inherit;
  display: inline-block;
  font-size: 100%;
}
.page-erinnerung .default-list .reminder-sent .actions {
  margin: 0;
}
.page-erinnerung .reminder-sent .wrap-daten span:last-child {
  margin-bottom: 1em;
}
@media screen and (min-width: 992px) {
  .page-erinnerung .more, .page-erinnerung .doc_list .file-more, .doc_list .page-erinnerung .file-more, .page-erinnerung .doc_list .file-cancel, .doc_list .page-erinnerung .file-cancel {
    line-height: 1em;
  }
}
.page-erinnerung .reminder-date .fa, .page-erinnerung .reminder-date .glyphicon, .page-erinnerung .reminder-date #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .reminder-date .hassubnav > a:before, .page-erinnerung .reminder-date #main-navigation .expand, #main-navigation .page-erinnerung .reminder-date .expand, .page-erinnerung .reminder-date label[for*=geschlecht]:before,
.page-erinnerung .reminder-confirmed .fa,
.page-erinnerung .reminder-confirmed .glyphicon,
.page-erinnerung .reminder-confirmed #main-navigation .hassubnav > a:before,
#main-navigation .page-erinnerung .reminder-confirmed .hassubnav > a:before,
.page-erinnerung .reminder-confirmed #main-navigation .expand,
#main-navigation .page-erinnerung .reminder-confirmed .expand,
.page-erinnerung .reminder-confirmed label[for*=geschlecht]:before {
  position: absolute;
  left: -45px;
  width: 60px;
  text-align: center;
  font-size: 90%;
  line-height: 170%;
}
@media (prefers-color-scheme: dark) {
  .page-erinnerung .reminder-date .fa, .page-erinnerung .reminder-date .glyphicon, .page-erinnerung .reminder-date #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .reminder-date .hassubnav > a:before, .page-erinnerung .reminder-date #main-navigation .expand, #main-navigation .page-erinnerung .reminder-date .expand, .page-erinnerung .reminder-date label[for*=geschlecht]:before,
.page-erinnerung .reminder-confirmed .fa,
.page-erinnerung .reminder-confirmed .glyphicon,
.page-erinnerung .reminder-confirmed #main-navigation .hassubnav > a:before,
#main-navigation .page-erinnerung .reminder-confirmed .hassubnav > a:before,
.page-erinnerung .reminder-confirmed #main-navigation .expand,
#main-navigation .page-erinnerung .reminder-confirmed .expand,
.page-erinnerung .reminder-confirmed label[for*=geschlecht]:before {
    left: -60px;
  }
}
.page-erinnerung .reminder-date .fa:before, .page-erinnerung .reminder-date .glyphicon:before, .page-erinnerung .reminder-date #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .reminder-date .hassubnav > a:before, .page-erinnerung .reminder-date #main-navigation .expand:before, #main-navigation .page-erinnerung .reminder-date .expand:before, .page-erinnerung .reminder-date label[for*=geschlecht]:before,
.page-erinnerung .reminder-confirmed .fa:before,
.page-erinnerung .reminder-confirmed .glyphicon:before,
.page-erinnerung .reminder-confirmed #main-navigation .hassubnav > a:before,
#main-navigation .page-erinnerung .reminder-confirmed .hassubnav > a:before,
.page-erinnerung .reminder-confirmed #main-navigation .expand:before,
#main-navigation .page-erinnerung .reminder-confirmed .expand:before,
.page-erinnerung .reminder-confirmed label[for*=geschlecht]:before {
  z-index: 2;
  position: relative;
}
.page-erinnerung .reminder-date .fa:after, .page-erinnerung .reminder-date .glyphicon:after, .page-erinnerung .reminder-date #main-navigation .expand:after, #main-navigation .page-erinnerung .reminder-date .expand:after,
.page-erinnerung .reminder-confirmed .fa:after,
.page-erinnerung .reminder-confirmed .glyphicon:after,
.page-erinnerung .reminder-confirmed #main-navigation .expand:after,
#main-navigation .page-erinnerung .reminder-confirmed .expand:after {
  content: "";
  border: 1px solid;
  border-radius: 50%;
  height: 1.75em;
  width: 1.75em;
  left: calc(50% - 0.875em);
  top: calc(50% - 0.875em);
  display: block;
  position: absolute;
  z-index: 1;
}
@media (prefers-color-scheme: dark) {
  .page-erinnerung .reminder-set .more + [class*=col-xs-12], .page-erinnerung .reminder-set .doc_list .file-more + [class*=col-xs-12], .doc_list .page-erinnerung .reminder-set .file-more + [class*=col-xs-12], .page-erinnerung .reminder-set .doc_list .file-cancel + [class*=col-xs-12], .doc_list .page-erinnerung .reminder-set .file-cancel + [class*=col-xs-12],
.page-erinnerung .reminder-set .wrap-daten [class*=col-xs-12],
.page-erinnerung .reminder-not-set .more + [class*=col-xs-12],
.page-erinnerung .reminder-not-set .doc_list .file-more + [class*=col-xs-12],
.doc_list .page-erinnerung .reminder-not-set .file-more + [class*=col-xs-12],
.page-erinnerung .reminder-not-set .doc_list .file-cancel + [class*=col-xs-12],
.doc_list .page-erinnerung .reminder-not-set .file-cancel + [class*=col-xs-12],
.page-erinnerung .reminder-not-set .wrap-daten [class*=col-xs-12] {
    padding-left: 0;
  }
}
.page-erinnerung .entry-erinnerung .fa, .page-erinnerung .entry-erinnerung .glyphicon, .page-erinnerung .entry-erinnerung #main-navigation .hassubnav > a:before, #main-navigation .page-erinnerung .entry-erinnerung .hassubnav > a:before, .page-erinnerung .entry-erinnerung #main-navigation .expand, #main-navigation .page-erinnerung .entry-erinnerung .expand, .page-erinnerung .entry-erinnerung label[for*=geschlecht]:before {
  left: 0px;
  top: 1em;
}
.page-erinnerung small {
  color: #e01b1b;
  display: block;
  font-weight: bold;
}
@media (prefers-color-scheme: dark) {
  .page-erinnerung small {
    color: var(--highlight-color);
  }
}
.page-erinnerung label {
  font-weight: normal;
  min-width: 8em;
  float: left;
}
.page-erinnerung .entry-erinnerung:not(.reminder-sent) div label {
  margin-left: 45px;
}
.page-erinnerung .wrap-daten {
  padding-bottom: 1em;
  clear: both;
}
.page-erinnerung .wrap-daten > span:first-child {
  padding-top: 1em;
}
.page-erinnerung .btn .fa.fa-trash, .page-erinnerung .btn .fa-trash.glyphicon, .page-erinnerung .btn #main-navigation .hassubnav > a.fa-trash:before, #main-navigation .page-erinnerung .btn .hassubnav > a.fa-trash:before, .page-erinnerung .btn #main-navigation .fa-trash.expand, #main-navigation .page-erinnerung .btn .fa-trash.expand, .page-erinnerung .btn label.fa-trash[for*=geschlecht]:before {
  position: relative;
}
.page-erinnerung .actions {
  padding: 15px 15px;
  background: rgba(0, 0, 0, 0.25);
}
.page-erinnerung .actions.active {
  margin-bottom: -1em;
}
.page-erinnerung .erinnerungen-tab-content .actions.active {
  margin-top: 1em;
}
.page-erinnerung .fa-check {
  color: var(--highlight-color);
}

.page-schadensmeldung .edit {
  padding-top: 1em;
  padding-left: 0;
  padding-right: 0;
}
.page-schadensmeldung .edit, .page-schadensmeldung .edit form {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.page-schadensmeldung .edit document-directive {
  margin: auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .page-schadensmeldung .edit document-directive {
    max-width: 992px;
  }
}
@media screen and (min-width: 992px) {
  .page-schadensmeldung .edit {
    padding-top: 0;
  }
}
.page-schadensmeldung .doc_list {
  margin: 0 15px 15px;
  background: var(--background-container);
  border-radius: 5px;
}
.page-schadensmeldung .uploader .doc_list {
  margin: 10px 0;
  font-size: 75%;
}
.page-schadensmeldung .uploader .doc_list .file-cancel {
  font-size: 110%;
}
.page-schadensmeldung .uploader .doc_list li {
  margin-left: 2.5em;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: left;
}
.page-schadensmeldung .uploader .doc_list .uploading {
  color: var(--text-color);
}
.page-schadensmeldung .uploader .doc_list .uploading:before {
  font-size: 140%;
}
.page-schadensmeldung .edit .form-horizontal {
  padding-top: 0;
}

.schaden-dokumente {
  font-size: 150%;
  text-align: center;
  margin: -10px auto 0;
  padding: 0 15px 15px;
  display: block;
  cursor: pointer;
}
.schaden-dokumente input {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  width: 0;
}
.schaden-dokumente .fa, .schaden-dokumente .glyphicon, .schaden-dokumente #main-navigation .hassubnav > a:before, #main-navigation .schaden-dokumente .hassubnav > a:before, .schaden-dokumente #main-navigation .expand, #main-navigation .schaden-dokumente .expand, .schaden-dokumente label[for*=geschlecht]:before {
  font-size: 300%;
  display: block;
  margin-bottom: 10px;
  color: rgba(41, 128, 185, 0.31);
}
@media screen and (min-width: 335px) {
  .schaden-dokumente .fa, .schaden-dokumente .glyphicon, .schaden-dokumente #main-navigation .hassubnav > a:before, #main-navigation .schaden-dokumente .hassubnav > a:before, .schaden-dokumente #main-navigation .expand, #main-navigation .schaden-dokumente .expand, .schaden-dokumente label[for*=geschlecht]:before {
    font-size: 500%;
  }
}

@media screen and (min-width: 768px) {
  .empfehlen-dialog .modal-dialog {
    max-width: 600px;
  }
}
.empfehlen-dialog .modal-body.empfehlen {
  font-size: 130%;
  word-break: break-word;
}
.empfehlen-dialog .modal-footer.empfehlen button i {
  display: block;
  margin-bottom: 5px;
  font-size: 150%;
}

.changelog {
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.changelog-version {
  font-size: 60%;
  font-weight: 600;
  display: block;
  color: inherit;
  margin-bottom: 0.5em;
}
.changelog .highlight {
  font-weight: bold;
  color: var(--highlight-color);
}
.changelog .intro {
  margin-top: 90px;
}
.changelog .logo {
  max-width: 275px;
  margin-bottom: 20px;
}
.changelog .logo .st1 {
  fill: var(--text-color);
}
.changelog .slider-default, .changelog .tour-slider.dark {
  position: static;
}
.changelog .slide {
  overflow: auto;
}
.changelog .slide-wrapper {
  position: static;
}
.changelog .text p {
  text-align: left;
}
.changelog h1 {
  margin-bottom: 30px;
}
.changelog h2 {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 15px;
}
.changelog h3 {
  text-align: left;
  font-weight: 600;
  font-size: 120%;
  padding-bottom: 6px;
  margin-top: 15px;
  padding-top: 2px;
  line-height: 140%;
}
.changelog-entry.text-center h3,
.changelog-entry.text-center p {
  text-align: center;
}
.changelog-entry:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.changelog-intro h3 {
  font-size: 140%;
}
.changelog p {
  margin-bottom: 20px;
}
.changelog p, .changelog li {
  font-size: 110%;
}
.changelog ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}
.changelog li {
  text-align: left;
  padding: 10px 15px 10px 45px;
  margin-bottom: 2px;
  border-radius: 4px;
  position: relative;
}
.changelog li::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #2980b9;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  left: 15px;
}
.changelog .arrow-left,
.changelog .arrow-right {
  bottom: auto;
  font-size: 400%;
}
.changelog .responsive {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  pointer-events: none;
  max-width: 300px;
}
@media screen and (min-width: 992px) {
  .changelog .slider-default .arrow-left, .changelog .tour-slider.dark .arrow-left, .changelog .slider-default .arrow-right, .changelog .tour-slider.dark .arrow-right {
    padding: 10px 30px;
    margin: 10px 15px;
    border-radius: 50%;
    text-align: center;
  }
}
.changelog .slider-default .slide, .changelog .tour-slider.dark .slide {
  padding: 0px 15px;
}
@media screen and (min-width: 992px) {
  .changelog .slider-default .slide, .changelog .tour-slider.dark .slide {
    padding: 30px;
  }
}
.changelog-neu {
  background: #3ea046;
}
.changelog-behoben {
  background: #a03e3e;
}
.changelog-optimiert {
  background: #ff9337;
}
.changelog-optimiert, .changelog-neu, .changelog-behoben {
  color: #fff;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 600;
  line-height: 140%;
  display: inline-block;
  height: fit-content;
  margin-top: -2px;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 80%;
}

.body-vertraege .freigaben-modal > div {
  max-width: 800px;
  margin: 10px auto;
}
.body-vertraege .freigaben-modal .freigaben-wrapper {
  height: 100%;
  width: 100%;
}
.body-vertraege .freigaben-modal .freigaben-wrapper banner {
  width: 100%;
}
.body-vertraege .freigaben-modal .freigaben-dialog-body > p {
  text-align: center;
}
.body-vertraege .freigaben-modal .freigaben-dialog-body .alert {
  margin-bottom: 0;
  margin-top: 15px;
  display: inline-block;
}
.body-vertraege .freigaben-modal .freigaben-dialog-body .alert b {
  display: block;
}
.body-vertraege .freigaben-modal .freigaben-dialog-body banner {
  margin: 0 15px 0 0;
}
.body-vertraege .freigaben-modal .freigaben-dialog-body banner:last-child {
  margin-right: 0;
}
.body-vertraege .freigaben-modal .freigaben-dialog-body .separator {
  margin: 10px;
}
.body-vertraege .freigaben-modal .alert {
  background-color: var(--background-container);
}
@media screen and (max-width: 480px) {
  .body-vertraege .freigaben-modal .freigaben-wrapper {
    display: block;
  }
  .body-vertraege .freigaben-modal .freigaben-dialog-body banner {
    width: 100%;
    margin: 0;
  }
  .body-vertraege .freigaben-modal .freigaben-dialog-body banner:first-child:not(:last-child) {
    margin-bottom: 15px;
  }
}

.modal-dialog .anbieter {
  text-align: left;
  margin: -10px -15px;
  /*
  img {
      //max-width: 100%;
      max-width: 110px;
      max-height: 25px;
      margin-left: 10px;
      position: relative;
      top:2px;
  }

  a {
      font-size: 90%;
      line-height: 39px;
      height: 62px;
  }

  li:last-child {
      border-bottom: 0;
  }*/
}
.modal-dialog .btn.default-list {
  background: #fff !important;
}

kuendigungsfrist-directive {
  /**
   * Abstand entfernen
   */
  /**
   * Wenn innerhalb der Vertragedit (inline)
   */
  /**
   * Felder zentrieren
   */
  /**
   * Überschrift "Vertrag"
   * Blau, zentriert, margin
  */
  /**
   * Button hoch/runter
   * Positionierung absolut
   * Transition wegen wechsel um 180°
   */
  /**
   * Fixt Bug wenn Required dynamisch gesetzt wird
   */
  /**
   * Felder passen in die kleine Ansicht nicht rein
   */
  /**
   * Margin für Alle Labels
   */
}
kuendigungsfrist-directive + .form-horizontal {
  padding-top: 0 !important;
}
kuendigungsfrist-directive [inline=true] .form-group {
  display: block;
  margin: 0 0 15px;
}
.page-vertraegeedit kuendigungsfrist-directive, .page-vertraegeadd kuendigungsfrist-directive {
  display: block;
  padding: 15px 0 0;
  margin: -19px 0 0;
}
.page-vertraegeedit kuendigungsfrist-directive input, .page-vertraegeadd kuendigungsfrist-directive input {
  text-align: left !important;
}
.page-vertraegeedit kuendigungsfrist-directive > div, .page-vertraegeadd kuendigungsfrist-directive > div {
  margin: 0 15px;
}
.page-vertraegeedit kuendigungsfrist-directive .wecker-vbeginnablauf .btn-block, .page-vertraegeadd kuendigungsfrist-directive .wecker-vbeginnablauf .btn-block {
  margin: 0 -15px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .page-vertraegeedit kuendigungsfrist-directive .wecker-vbeginnablauf .btn-block, .page-vertraegeadd kuendigungsfrist-directive .wecker-vbeginnablauf .btn-block {
    max-width: 50%;
    margin: 0 0 0 calc(33.3333% + 5px);
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  .page-vertraegeedit kuendigungsfrist-directive .wecker-vbeginnablauf .btn-block, .page-vertraegeadd kuendigungsfrist-directive .wecker-vbeginnablauf .btn-block {
    max-width: calc(33.333% - 10px);
  }
}
.page-vertraegeedit kuendigungsfrist-directive .form-group, .page-vertraegeadd kuendigungsfrist-directive .form-group {
  text-align: left !important;
}
.page-vertraegeedit kuendigungsfrist-directive .ablaufberechnungedit, .page-vertraegeadd kuendigungsfrist-directive .ablaufberechnungedit {
  margin-bottom: 0;
}
.page-vertraegeedit kuendigungsfrist-directive .ablaufberechnungedit + .row, .page-vertraegeadd kuendigungsfrist-directive .ablaufberechnungedit + .row {
  margin-top: 1em;
}
.page-vertraegeedit kuendigungsfrist-directive .form-horizontal, .page-vertraegeadd kuendigungsfrist-directive .form-horizontal {
  padding-top: 0;
}
.page-vertraegeedit kuendigungsfrist-directive label + field-directive, .page-vertraegeadd kuendigungsfrist-directive label + field-directive {
  width: 110px;
  padding-right: 0;
}
.page-vertraegeedit kuendigungsfrist-directive label + field-directive + field-directive, .page-vertraegeadd kuendigungsfrist-directive label + field-directive + field-directive {
  width: 140px;
}
.page-vertraegeedit kuendigungsfrist-directive label + field-directive + field-directive + field-directive, .page-vertraegeadd kuendigungsfrist-directive label + field-directive + field-directive + field-directive {
  width: 100%;
  margin-top: 1em;
  clear: left;
}
@media screen and (min-width: 768px) {
  .page-vertraegeedit kuendigungsfrist-directive label + field-directive + field-directive + field-directive, .page-vertraegeadd kuendigungsfrist-directive label + field-directive + field-directive + field-directive {
    margin-left: 33.3333%;
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .page-vertraegeedit kuendigungsfrist-directive label + field-directive + field-directive + field-directive, .page-vertraegeadd kuendigungsfrist-directive label + field-directive + field-directive + field-directive {
    width: 33.3333%;
  }
}
kuendigungsfrist-directive .form50 .form-group {
  margin-bottom: 15px;
}
kuendigungsfrist-directive .form50 .form-group label,
kuendigungsfrist-directive .form50 .form-group > div {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
kuendigungsfrist-directive .form50 .form-group label {
  font-weight: normal;
}
kuendigungsfrist-directive .fa-bell-o {
  font-size: 350%;
  color: var(--highlight-color);
}
kuendigungsfrist-directive label span {
  display: block;
  padding-top: 0.5rem;
}
kuendigungsfrist-directive .wecken_am label {
  display: none;
}
kuendigungsfrist-directive .wecken_am input {
  width: auto;
  font-size: 150%;
  padding: 0.25em 15px;
  margin: 0 auto;
  line-height: 140%;
  height: auto;
  text-align: center;
  border: 0;
  box-shadow: none;
  font-weight: bold;
  max-width: 100%;
}
kuendigungsfrist-directive .wecken_am input:not(:focus) {
  -webkit-appearance: none;
}
kuendigungsfrist-directive .wecken_am input:not(:focus)::-webkit-calendar-picker-indicator {
  display: none;
}
kuendigungsfrist-directive .wecker-vbeginnablauf {
  /**
   * Wenn automatische Eingabe der Daten
   * Feldgröße anpassen dass die angezeigten Felder so groß sind wie Inputs
   */
}
kuendigungsfrist-directive .wecker-vbeginnablauf > .row .form-group input, kuendigungsfrist-directive .wecker-vbeginnablauf > .row .form-group {
  text-align: center;
}
kuendigungsfrist-directive .wecker-vbeginnablauf .berechnet label + div {
  line-height: 34px;
}
kuendigungsfrist-directive .wecker-vbeginnablauf > b {
  color: #2980b9;
  text-align: center;
  margin-top: 0;
  margin-bottom: 1em;
  display: block;
}
kuendigungsfrist-directive .wecker-vbeginnablauf .btn {
  position: relative;
}
kuendigungsfrist-directive .wecker-vbeginnablauf .fa-chevron-down {
  transition: all 0.25s ease-in;
  right: 7px;
  position: absolute;
  top: calc(50% - 0.5em);
}
kuendigungsfrist-directive .wecker-vbeginnablauf field-directive.ng-animate {
  display: none !important;
}
@media screen and (max-width: 767px) {
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 {
    /**
     * Schrift kürzen
     */
    /**
     * Kein Browser-Datepicker, Firefox und Safari
     */
  }
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4.first {
    padding-right: 8px;
  }
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4.second {
    padding-right: 7px;
    padding-left: 7px;
  }
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4.third {
    padding-left: 8px;
  }
  .no-html-date kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .no-html-date kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 label, .no-html-date kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 .input-group {
    float: left;
    width: 50%;
    text-align: left;
  }
  .no-html-date kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 label {
    line-height: 34px;
  }
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 input {
    text-align: center;
    font-size: 100%;
  }
  kuendigungsfrist-directive .wecker-vbeginnablauf > .row .col-xs-4 input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
  }
}
kuendigungsfrist-directive .form-group > label,
kuendigungsfrist-directive .row > label {
  margin-bottom: 0.5em !important;
}

/**
 * Kündigungsfrist
 */
.ablaufberechnungedit {
  padding: 15px;
  margin: 15px -15px -15px;
  background: var(--background-container-inverse);
  color: var(--background-container-text);
}

/**
 * Wecker edit
 */
.wecker-edit {
  margin: -15px -15px 0;
  padding: 15px;
  /**
   * nur bei vertrag edit
   */
  /**
   * Wecker-Datum
   * soll "inline" stehen
   * gibt es dafür nicht datepicker_inline.html???
   */
}
.modal-dialog .wecker-edit {
  border-radius: 3px 3px 0 0;
  background: var(--modal-header);
  color: var(--modal-header-text);
  margin-bottom: 15px;
}

.page-vertraegeedit .wecker-edit {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.wecker-edit .wecker-datum {
  /*width: 10em;
  display: inline-block;*/
  margin: 0;
}
@media screen and (max-width: 767px) {
  .wecker-edit .wecker-datum {
    padding-left: 0;
  }
}
.wecker-edit .wecker-datum label {
  display: none;
}
.wecker-edit .wecker-datum .form-group {
  margin: 0;
}
.wecker-edit .wecker-datum .form-group input {
  margin: 0 auto;
  font-size: 120%;
  height: auto;
  min-height: 34px;
  padding-left: 3px;
  padding-right: 3px;
  overflow: visible;
  line-height: 1.5em;
  text-align: center;
  /**
   * Kein Browser-Datepicker, Firefox und Safari
   */
  /**
   * Wenn im Dialog
   */
}
@media screen and (min-width: 768px) {
  .wecker-edit .wecker-datum .form-group input {
    padding: 0.25em;
  }
}
.no-html-date .wecker-edit .wecker-datum .form-group input {
  font-size: 100%;
  line-height: 1.42857;
  height: 34px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.modal-dialog .wecker-edit .wecker-datum .form-group input {
  border: 0;
  border-radius: 4px;
  padding-left: 10px;
  text-align: left;
}

.wecker-edit b {
  display: inline-block;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 15px;
  line-height: 29px;
  /**
   * Damit es immer reinpasst
   */
}
@media screen and (min-width: 335px) {
  .wecker-edit b {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .wecker-edit b {
    padding-right: 0;
    margin-right: -15px;
  }
}
.wecker-edit .fa.fa-bell, .wecker-edit .fa-bell.glyphicon, .wecker-edit #main-navigation .hassubnav > a.fa-bell:before, #main-navigation .wecker-edit .hassubnav > a.fa-bell:before, .wecker-edit #main-navigation .fa-bell.expand, #main-navigation .wecker-edit .fa-bell.expand, .wecker-edit label.fa-bell[for*=geschlecht]:before {
  color: var(--highlight-color);
  line-height: 29px;
  float: left;
  font-size: 130%;
}
@media screen and (min-width: 335px) {
  .wecker-edit .fa.fa-bell, .wecker-edit .fa-bell.glyphicon, .wecker-edit #main-navigation .hassubnav > a.fa-bell:before, #main-navigation .wecker-edit .hassubnav > a.fa-bell:before, .wecker-edit #main-navigation .fa-bell.expand, #main-navigation .wecker-edit .fa-bell.expand, .wecker-edit label.fa-bell[for*=geschlecht]:before {
    line-height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .wecker-edit .fa.fa-bell, .wecker-edit .fa-bell.glyphicon, .wecker-edit #main-navigation .hassubnav > a.fa-bell:before, #main-navigation .wecker-edit .hassubnav > a.fa-bell:before, .wecker-edit #main-navigation .fa-bell.expand, #main-navigation .wecker-edit .fa-bell.expand, .wecker-edit label.fa-bell[for*=geschlecht]:before {
    font-size: 175%;
  }
}

/** @author Timo Maus
 * @since 1.1.2
 */
.admin-credentials-dialog-interface {
  background: var(--background-container);
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: baseline;
  flex-flow: wrap;
}
.admin-credentials-dialog-interface h4 {
  font-size: 150%;
  font-weight: bold;
  min-width: 20%;
}
.admin-credentials-dialog-interface .btn {
  margin-top: 15px;
  width: 100%;
}
.admin-credentials-dialog-interface:not(:last-child) {
  margin-bottom: 5px;
}
.admin-credentials-dialog-interface-description {
  width: 100%;
  margin-top: 5px;
}
@media (prefers-color-scheme: light) {
  .admin-credentials-dialog-modal-body {
    background: #eee;
  }
}

.page-banking-einrichtung {
  /**
   * hinweis
   */
  /** 
  * TODO: Test
  * page_action darf nur innerhalb der einrichtung so funktionieren, an anderen stellen würde das z. B. Dialoge zerstören
  */
  /**
   * not-supported, wenn ein Konto noch nicht supported ist
   */
}
.page-banking-einrichtung > div,
.page-banking-einrichtung > div > div,
.page-banking-einrichtung > div > div > .edit {
  flex: 1;
  display: flex;
}
.page-banking-einrichtung .tour-slider banking-connection {
  margin: 0 -50px;
  width: auto;
}
.fixfixed .page-banking-einrichtung + #app-footer {
  display: none;
}
@media screen and (max-width: 767px) {
  .page-banking-einrichtung .search {
    padding-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .page-banking-einrichtung .search {
    margin: -30px -15px 1em;
  }
}
@media screen and (max-width: 767px) {
  .page-banking-einrichtung .alert {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.page-banking-einrichtung .form-group {
  margin-bottom: 0;
}
.page-banking-einrichtung .list-heading small:before {
  content: " — ";
  display: inline;
}
@media (prefers-color-scheme: light) {
  .page-banking-einrichtung .list-heading {
    color: var(--font-light);
  }
}
.page-banking-einrichtung .page_action {
  z-index: 999999;
}
.page-banking-einrichtung .not-supported {
  opacity: 0.6;
}

/**
  * Backend-Error
  */
.error {
  padding: 15px;
  margin: 0 -15px 15px;
}

/*
@media screen and (min-width: $screen-desktop) {
  .banking-einrichtung-eintrag {
    a {
      display: -ms-flexbox !important;
      display: flex !important;
      flex-direction: row;
    }

    span[class^="banking-einrichtung"] {
      display: inline-block;
      flex-grow: 1;
      width: 0;
    }

    span.banking-einrichtung-name {
      flex-grow: 3;
    }
  }
}*/
/**
 * Einrichtungs-Workflow
 */
.banking-einrichtung-loader, .banking-einrichtung-error {
  font-size: 150%;
}
.banking-einrichtung-loader .fa, .banking-einrichtung-loader .glyphicon, .banking-einrichtung-loader #main-navigation .hassubnav > a:before, #main-navigation .banking-einrichtung-loader .hassubnav > a:before, .banking-einrichtung-loader #main-navigation .expand, #main-navigation .banking-einrichtung-loader .expand, .banking-einrichtung-loader label[for*=geschlecht]:before, .banking-einrichtung-error .fa, .banking-einrichtung-error .glyphicon, .banking-einrichtung-error #main-navigation .hassubnav > a:before, #main-navigation .banking-einrichtung-error .hassubnav > a:before, .banking-einrichtung-error #main-navigation .expand, #main-navigation .banking-einrichtung-error .expand, .banking-einrichtung-error label[for*=geschlecht]:before {
  margin-top: 30px;
  margin-bottom: 30px;
}

/**
 * Banking
 * Multibanking-Funktionalität
 * Aus, wenn nicht über config auf an gestellt
 */
.banking {
  /**
  * Einleitungsseite: Überschrift
  */
  /**
  * Einleitungsseite: Vorteil
  */
  /**
  * btns brechen bei viel Text nicht um (bei Geräten kleiner als iphone 4s problematisch)
  */
  /**
   * Disabled, wenn ein Konto noch nicht zugeordnet wurde
   */
}
.banking-heading {
  font-weight: bold;
  font-size: 150%;
  line-height: 140%;
  margin: 0 -15px;
  padding: 1em 15px;
  background: #2d3f51;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .banking-heading {
    text-align: center;
  }
}
.banking-vorteil {
  font-weight: 600;
  font-size: 110%;
  line-height: 140%;
  padding-top: 1em;
  padding-bottom: 1em;
  margin: 0;
  position: relative;
  padding-left: 2.5em;
  /**
  * wenn < Tablet
  */
  /**
  * Mehrere untereinander
  */
  /**
  * Icon
  */
}
@media screen and (max-width: 767px) {
  .banking-vorteil b {
    display: block;
  }
}
.banking-vorteil + .banking-vorteil {
  border-top: 2px solid #ccc;
}
.banking-vorteil .fa, .banking-vorteil .glyphicon, .banking-vorteil #main-navigation .hassubnav > a:before, #main-navigation .banking-vorteil .hassubnav > a:before, .banking-vorteil #main-navigation .expand, #main-navigation .banking-vorteil .expand, .banking-vorteil label[for*=geschlecht]:before {
  color: var(--highlight-color);
  margin-right: 0.25em;
  font-size: 175%;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5em);
  display: block;
  text-align: center;
  width: 1em;
}
.banking .btn-block {
  white-space: normal;
}
.banking slides .empty-state {
  max-width: unset;
  margin-bottom: 15px;
}
.banking .banking-locked {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.banking .disabled {
  margin: 0px 0 5px;
  text-transform: uppercase;
}

.page-banking {
  /* @media screen and (max-width: $screen-sm-max) {
    .body-banking #content & {
      padding-top: 0;
    }
  }*/
  /* @media screen and (min-width: $screen-desktop) {
    .entry {
      $entry-height: 232px;
      min-height: $entry-height !important;
    }
  } */
}
@media screen and (min-width: 992px) {
  .page-banking .page_head_function {
    margin: -30px -15px 15px;
  }
  .page-banking .page_head_function .btn {
    display: inline-flex;
  }
}
.page-banking .currency {
  float: right;
}
.page-banking .banking-legend {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  transition: all ease-in 0.15s;
}
@media screen and (max-width: 991px) {
  .page-banking .banking-legend .positive {
    color: #2da925;
  }
  .page-banking .banking-legend .negative {
    color: #f52626;
  }
}
.page-banking .banking-legend .headline {
  font-size: 120%;
  color: var(--text-on-bg);
}
@media screen and (max-width: 991px) {
  .page-banking .banking-legend {
    text-align: left;
    padding-left: 15px;
    margin: 0 5px;
    width: calc(100% - 10px);
    color: #fff;
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.25);
  }
}
@media screen and (min-width: 992px) {
  .page-banking .banking-legend {
    margin: 0;
    width: 100%;
    border-radius: 15px 15px 0 0;
  }
}
.page-banking .banking-legend .saldo {
  font-weight: bold;
  float: right;
  position: static;
  font-size: 100%;
  line-height: 185%;
}
.page-banking .banking-legend .saldo small {
  line-height: 160%;
}
.page-banking .banking-legend + div {
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 992px) {
  .page-banking .banking-legend + div {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0 0 15px 15px;
    padding: 0 5px 5px;
  }
}
@media screen and (max-width: 991px) {
  .page-banking .banking-legend + div {
    background: transparent;
  }
}
.page-banking .is-closed {
  padding-bottom: 0 !important;
}
.page-banking .is-closed legend {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (min-width: 992px) {
  .page-banking .is-closed legend {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
}
@media screen and (max-width: 991px) {
  .page-banking .vertragsuebersicht .entry:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.page-banking .entry .date {
  font-size: 90%;
  display: block;
  text-align: right;
  padding-right: 15px;
}
@media screen and (max-width: 334px) {
  .page-banking .entry .date {
    text-align: unset;
    padding-left: 15px;
  }
}
.page-banking .entry .date i {
  font-size: 80%;
  margin-right: 5px;
}
@media screen and (min-width: 992px) {
  .page-banking .entry .date {
    text-align: center;
    padding-right: 0;
  }
}
.page-banking .description {
  white-space: normal;
  font-weight: normal;
  font-size: 90%;
  display: block;
  color: #fff;
  max-width: 70%;
}
.page-banking .ng-animate img {
  opacity: 1 !important;
}
.page-banking .vertragsuebersicht > empty-state {
  display: block;
  padding: 0 15px;
}
@media screen and (max-width: 991px) {
  .page-banking .svg-arrow-up {
    transform: scaleX(-1);
    margin-left: auto;
    margin-right: -15px;
    margin-top: -15px;
  }
}
.page-banking .slide .security {
  padding-top: 30px;
}
@media screen and (min-width: 992px) {
  .page-banking .slide .security {
    display: flex;
    flex-wrap: wrap;
  }
}
.page-banking .slide .security-entry {
  display: flex;
  padding: 15px;
  margin-left: -5px;
  margin-right: -5px;
  background: var(--background-container);
  border-bottom: 0;
  color: var(--background-container-text);
}
@media screen and (min-width: 992px) {
  .page-banking .slide .security-entry {
    width: 50%;
    border: 0 !important;
    padding: 15px 15px 30px !important;
    margin: 0;
  }
}
.page-banking .slide .security-entry:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.page-banking .slide .security-entry:first-child {
  border-radius: 5px 5px 0 0;
}
.page-banking .slide .security-entry:last-child {
  border-radius: 0 0 5px 5px;
}
.page-banking .slide .security-entry p {
  text-align: left;
  align-self: center;
  margin: 0;
}
.page-banking .slide .security-entry img, .page-banking .slide .security-entry svg {
  min-width: 50px;
  height: 100%;
  margin-right: 15px;
  max-width: 50px;
}
.page-banking .slide .security-entry svg .st0 {
  fill: var(--background-container-text);
}
@media screen and (max-width: 991px) {
  .page-banking .slide .in-app-purchase-product-title {
    margin-bottom: 15px;
  }
  .page-banking .slide .in-app-purchase-product-title + p {
    font-size: 130%;
    font-weight: 600;
    margin: 0 -30px;
  }
}
@media screen and (min-width: 992px) {
  .page-banking .slide .in-app-purchase-product {
    padding-top: 10%;
    text-align: left;
  }
  .page-banking .slide .in-app-purchase-product-title {
    font-size: 270%;
    margin-top: 0;
  }
  .page-banking .slide .in-app-purchase-product-title + p {
    font-size: 180%;
  }
  .page-banking .slide .in-app-purchase-product-title, .page-banking .slide .in-app-purchase-product-title + p {
    margin-bottom: 20px;
    line-height: 1.1;
  }
}

/**
* Gesamtvermögen
* Summe aller Vermögen und Kontenstände
*/
.gesamtvermoegen {
  background: #d2e7f5;
  padding: 15px 45px 15px 15px;
  font-size: 120%;
  /**
  * Saldo immer Schriftfarbe
  * Sonst werden die grün/rot je nachdem ob positiv oder negativ
  */
}
@media screen and (max-width: 991px) {
  .gesamtvermoegen {
    display: none !important;
    transition: all ease-in 0.25s;
    display: flex;
    flex-direction: column;
    /* > div {
      height: 50px;
      line-height: 50px;
      margin: -30px -15px 15px;
      background: rgba(0, 0, 0, 0.05);
      border-bottom: 1px solid rgba(255,255,255, 0.25);
    } */
  }
  .gesamtvermoegen > div {
    order: 1;
  }
  .gesamtvermoegen.fixed {
    position: fixed;
    top: 80px;
    z-index: 1;
    bottom: auto;
    height: 50px;
    left: 0;
    width: 100%;
    font-size: 120%;
    padding: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    transition: all ease-in 0.25s;
  }
  .gesamtvermoegen.fixed > div {
    display: none;
  }
  .gesamtvermoegen.fixed span {
    display: inline;
    line-height: 50px;
    font-size: 120%;
    float: none;
  }
  .gesamtvermoegen.fixed + div {
    margin-top: 96px;
  }
  #main-navigation.active + #content .gesamtvermoegen.fixed {
    left: 220px;
  }
}
@media screen and (min-width: 992px) {
  .gesamtvermoegen > div {
    display: inline;
  }
  .gesamtvermoegen > div::after {
    content: ":";
  }
}
.gesamtvermoegen span {
  font-weight: 600;
  float: right;
}
@media screen and (max-width: 991px) {
  .gesamtvermoegen span {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .gesamtvermoegen span {
    color: inherit;
    font-weight: bold;
  }
}
@media screen and (min-width: 992px) {
  .gesamtvermoegen {
    border-radius: 10px 10px 0 0;
    border-bottom: 2px solid rgba(41, 128, 185, 0.2);
  }
}
@media screen and (max-width: 991px) {
  .gesamtvermoegen {
    position: relative;
    background: transparent;
    text-align: center;
    padding: 15px;
    font-size: 140%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
  .gesamtvermoegen span {
    display: block;
    font-size: 34px;
  }
  .gesamtvermoegen .negative::after, .gesamtvermoegen .negative::before,
.gesamtvermoegen .positive::after,
.gesamtvermoegen .positive::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .gesamtvermoegen .negative::after,
.gesamtvermoegen .positive::after {
    z-index: -1;
  }
  .gesamtvermoegen .negative::before,
.gesamtvermoegen .positive::before {
    z-index: 0;
  }
  .gesamtvermoegen .negative::before {
    background: linear-gradient(to top, rgba(168, 16, 35, 0.3) 0%, rgba(168, 16, 35, 0) 15%, rgba(168, 16, 35, 0) 96%, rgba(168, 16, 35, 0.3) 100%);
  }
  .gesamtvermoegen .negative::after {
    background: linear-gradient(to right, rgb(235, 51, 73), #f67965);
  }
  .gesamtvermoegen .positive::before {
    background: linear-gradient(to top, rgba(13, 65, 47, 0.3) 0%, rgba(13, 65, 47, 0) 15%, rgba(13, 65, 47, 0) 96%, rgba(13, 65, 47, 0.3) 100%);
  }
  .gesamtvermoegen .positive::after {
    background: linear-gradient(to right, rgb(29, 151, 108), rgb(147, 249, 185));
  }
}

.banking-hint {
  font-size: 80%;
  text-transform: uppercase;
}
@media (prefers-color-scheme: dark) {
  .banking-hint {
    color: #fff;
  }
}

.banking-iap {
  padding-left: 15px;
  padding-right: 15px;
}

.order-process {
  margin-left: auto;
  margin-right: auto;
}
.order-process.debug {
  display: block;
}
.order-process.debug slides {
  display: flex;
  overflow-x: scroll;
  height: 600px;
}
.order-process.debug .slide {
  padding: 50px;
  min-width: 375px;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  position: static !important;
}
.order-process.debug .arrow-left,
.order-process.debug .arrow-right {
  display: none;
}
.order-process.debug::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.order-process.debug::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.order-process.debug::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.order-process.debug::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.order-process.debug::-webkit-scrollbar-thumb:active {
  background: #a2a2a2;
}
.order-process.debug::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 11px;
}
.order-process.debug::-webkit-scrollbar-track:hover {
  background: #666666;
}
.order-process.debug::-webkit-scrollbar-track:active {
  background: #333333;
}
.order-process.debug::-webkit-scrollbar-corner {
  background: transparent;
}
@media screen and (max-width: 991px) {
  .order-process .in-app-purchase-product-title {
    color: var(--highlight-color);
  }
}
.order-process .slide .empty-error {
  font-size: 150%;
}
@media screen and (min-width: 992px) {
  .order-process .slide .empty-error {
    margin: 0 auto;
  }
}
.order-process .slide .empty-error .fa, .order-process .slide .empty-error .glyphicon, .order-process .slide .empty-error #main-navigation .hassubnav > a:before, #main-navigation .order-process .slide .empty-error .hassubnav > a:before, .order-process .slide .empty-error #main-navigation .expand, #main-navigation .order-process .slide .empty-error .expand, .order-process .slide .empty-error label[for*=geschlecht]:before {
  color: var(--highlight-color);
}

@media screen and (max-width: 991px) {
  .body-banking {
    background: var(--background);
  }
}
.body-banking .page > div,
.body-banking .page > div .banking {
  flex: 1;
  display: flex;
}
@media screen and (max-width: 991px) {
  .body-banking .page > div,
.body-banking .page > div .banking {
    min-height: 100%;
  }
}
.body-banking.tour {
  background: var(--background);
}
@media screen and (min-width: 992px) {
  .body-banking.tour #content .page {
    height: calc(100% - 90px);
  }
}

.trial-timeline {
  margin: 15px -30px 0;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr 60px 1fr;
  grid-template-areas: "trial firstinvoice months" "slide slide slide" ". reminder reminder";
  flex-grow: 0;
}
@media screen and (min-width: 992px) {
  .trial-timeline {
    margin: 30px 0;
  }
}
.trial-timeline-trial, .trial-timeline-firstinvoice, .trial-timeline-months {
  display: flex;
  flex-direction: column;
  font-size: 90%;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .trial-timeline-trial, .trial-timeline-firstinvoice, .trial-timeline-months {
    color: rgba(255, 255, 255, 0.75);
  }
}
.trial-timeline-trial b, .trial-timeline-firstinvoice b, .trial-timeline-months b {
  display: block;
  font-size: 150%;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .trial-timeline-trial b, .trial-timeline-firstinvoice b, .trial-timeline-months b {
    color: #fff;
  }
}
.trial-timeline-trial {
  grid-area: trial;
  align-items: flex-start;
}
.trial-timeline-firstinvoice {
  grid-area: firstinvoice;
  text-align: center;
  margin: 0 auto;
  align-items: center;
}
.trial-timeline-months {
  grid-area: months;
  text-align: right;
  margin-left: auto;
  align-items: flex-end;
}
.trial-timeline-captions {
  color: red;
}
.trial-timeline-captions > div:first-child {
  font-weight: bold;
}
.trial-timeline-slide {
  grid-area: slide;
  margin: 15px 0;
  position: relative;
  height: 30px;
  border-radius: 15px 0 0 15px;
  overflow: hidden;
  background: linear-gradient(to right, #93f9b9, #1d976c 49%, #555 50%, #555 75%, rgba(85, 85, 85, 0));
}
@media screen and (min-width: 992px) {
  .trial-timeline-slide {
    border-radius: 15px;
    background: linear-gradient(to right, #93f9b9, #1d976c 49%, #999 50%, #ccc);
  }
  .trial-timeline-slide::before {
    border: 1px solid #999;
  }
  .trial-timeline-slide::after {
    border: 1px solid #ccc;
  }
}
.trial-timeline-slide::before, .trial-timeline-slide::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.14);
}
.trial-timeline-slide::before {
  float: left;
  margin-left: calc(50% - 30px / 2);
}
.trial-timeline-slide::after {
  float: right;
}
.trial-timeline-reminder {
  grid-area: reminder;
  position: relative;
  padding-left: 15px;
  padding-top: 45px;
  margin-top: -45px;
  margin-left: 15%;
  display: flex;
}
.trial-timeline-reminder i {
  font-size: 175%;
  margin-right: 15px;
}
.trial-timeline-reminder::before {
  content: "";
  display: block;
  border-left: 2px solid #fff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 992px) {
  .trial-timeline-reminder::before {
    border-color: #2d3f51;
  }
}
.trial-timeline-reminder-text {
  text-align: center;
  font-size: 125%;
  line-height: 140%;
}
@media screen and (max-width: 991px) {
  .trial-timeline-reminder-text {
    padding-top: 30px;
  }
}
.trial-timeline-reminder-text b {
  font-weight: 600;
  display: block;
  font-size: 150%;
  line-height: 150%;
}

.banking-group {
  margin-bottom: 10px;
}

.page_head_function + .banking-group,
.gesamtvermoegen + .banking-group {
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  .page-banking .vertragsuebersicht .entry {
    margin: 0 5px 0;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0;
    font-size: 105%;
  }
}
@media screen and (max-width: 991px) and (prefers-color-scheme: dark) {
  .page-banking .vertragsuebersicht .entry {
    border-bottom: 1px solid var(--border-color) !important;
    background: var(--background-container);
  }
}
.bank-credentials {
  margin: 5px 5px 0;
  padding-bottom: 1em;
  border: 0 none !important;
  background: #fff;
  box-shadow: 0 0 10px rgba(183, 183, 183, 0.46);
  border-radius: 5px;
  margin: 10px auto;
  /*padding: 0;

  border-radius: 5px;
  background: #eee;
  border:1px solid #ccc;
  box-shadow: 0 5px 5px #eee;*/
  /*> div {
    @include background-image(linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%));
    padding: 0 15px 15px;

    &:first-child {
      border-radius: 5px;
    }

    & ~ div {
      label {
        margin-top: 0;
      }
    }
  }*/
}
.bank-credentials .form-group input {
  color: #2d3f51 !important;
  font-weight: 600;
  font-size: 160%;
  background: #fff;
  border: 1px solid #ccc;
}
.bank-credentials-bank {
  padding: 1em 15px 1em;
  margin: 0 -15px 0;
  border-bottom: 2px solid var(--border-color);
  background: var(--background-container-inverse);
  color: var(--background-container-text);
}
@media screen and (min-width: 992px) {
  .bank-credentials-bank {
    border-radius: 15px 15px 0 0;
  }
}
.bank-credentials-form {
  padding-bottom: 15px;
  color: var(--font-light);
}
@media screen and (min-width: 992px) {
  .bank-credentials-form {
    --text-on-bg: var(--background-container-text);
    color: var(--background-container-text);
    background: var(--background-container);
  }
}
.bank-credentials-form legend {
  margin: 20px -15px;
}
.bank-credentials-form h3 {
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 0.5em;
}
.bank-credentials-form .alert {
  margin: 0 -15px;
  border-radius: 0;
  border-width: 0 0 1px;
}
.bank-credentials-blz, .bank-credentials-bic {
  margin-right: 1em;
  display: inline-block;
}
.bank-credentials-blz b, .bank-credentials-bic b {
  display: inline-block;
  padding-right: 0.5em;
  font-weight: 600;
}

/**
 * Banking
 * Multibanking-Funktionalität
 * Aus, wenn nicht über config auf an gestellt
 * Vertragsanzeige
 */
@media screen and (max-width: 991px) {
  .body-banking-account {
    background: linear-gradient(#013750, #1b1c2d) fixed;
  }
}
.page-account {
  /* TEST!!!!!!! @media screen and (max-width: $screen-sm-max) {
    overflow-x: hidden;
    width: 100%;
  }*/
  /** 
   * Logo-Anzeige
   */
}
.page-account .block-ui .loader {
  margin: auto;
}
@media screen and (min-width: 992px) {
  .page-account .block-ui .loader {
    max-width: calc(100% - 30px);
  }
}
@media screen and (max-width: 991px) {
  .page-account .block-ui .loader {
    max-width: 500px;
  }
}
.page-account .vertrag-logo {
  border-bottom-width: 1px;
}

.banking-account {
  /**
   * Header / Title
   * Zeigt die Bank-Bezeichnung, das Logo und die IBAN an.
   */
  /**
   * bereich links
   */
  /**
   * LOGO
   */
  /**
  * ggf.
  */
  /**
    * Refresh
    */
  /**
   * Banking-Options
   * "Menü"
   */
  /**
   * Details
   * Kontodaten/Service, Auf/Zuklappfunktion
   */
  /**
   * Loader z-index
   */
}
.banking-account-header {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  background: #2980b9;
  font-size: 60%;
  line-height: 120%;
  position: relative;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  /**
   * Höhe anpassen / Back zentrieren
   */
  /**
  * Abstand 35px links deckt Zurückpfeil ab (also minimum), 
  * rechts muss das Banking-Logo + Abstand abgedeckt werden
  * Es muss aber auf beiden seiten gleichzeitig sein, sonst ist die Schrift nicht zentriert
  */
  padding: 8px 51px 6px;
  text-align: center;
  /**
   * Erst nach dem Laden anzeigen
   */
}
.banking-account-header#app-header {
  transition: none;
}
.banking-account-header#app-header {
  text-align: center;
}
.banking-account-header#app-header .back,
.banking-account-header#app-header .icon-list {
  transition: all ease-in 0.25s;
}
.banking-account-header#app-header.light .back,
.banking-account-header#app-header.light .icon-list a {
  color: #fff;
}
.banking-account-header#app-header.dark .back,
.banking-account-header#app-header.dark .icon-list a {
  color: #2980b9;
}
.banking-account-header-title {
  padding-top: var(--safe-area-inset-top);
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.25s;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  /**
    * Wenn keine Farbe gesetzt
    */
}
@media screen and (min-width: 992px) {
  .banking-account-header-title {
    display: block;
  }
}
.banking-account-header-title.has-no-color {
  background: #fff;
}
@media screen and (min-width: 992px) {
  .banking-account-header-title.has-no-color {
    min-height: 100px;
    border-bottom: 2px solid #2980b9;
  }
}
.banking-account-header-image {
  max-height: var(--header-base);
  /**
   * Größe beheben
   * Alternativ zu .without-white-space klasse
   */
  max-width: 200px;
  /**
   * WIP: Wenn das Logo selbst kein white-space hat, wird ein margin/padding eingefügt.

  &.without-white-space {
    max-height: $banking-header-height - 20px;
    margin: 10px 0;
  }
  */
}
@media screen and (min-width: 992px) {
  .banking-account-header-image {
    max-height: 80px;
    max-width: 400px;
  }
}
.banking-account-header-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
body.block-ui-active .banking-account-header {
  display: none;
}
.banking-account-header .iban {
  display: block;
}
.banking-account-header .logo-wrap {
  /**
   * original=nach vorlage
   */
  border-radius: 10px;
  background: #fff;
  width: 41px;
  position: absolute;
  top: 5px;
  right: 5px;
}
@media screen and (min-width: 992px) {
  .banking-account-header .logo-wrap {
    display: none;
  }
}
.banking-account-header .name {
  display: block;
  font-size: 110%;
  line-height: 125%;
  display: inline;
  color: #2d3f51;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .banking-account-header .name {
    max-width: 10em;
    max-width: 17ch;
  }
}
@media screen and (min-width: 992px) {
  .banking-account-header .name {
    font-size: 140%;
    margin-top: 0.25em;
    line-height: 200%;
  }
}
.banking-account .desktop-left {
  padding: 0 15px;
}
@media screen and (max-width: 991px) {
  .banking-account .desktop-left {
    position: relative;
  }
  .banking-account .desktop-left .banking-account-details {
    background: var(--background-container);
    margin: 0 5px;
    border-radius: 4px;
    overflow: hidden;
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  .banking-account .desktop-left .banking-account-details:not(.ng-hide) {
    margin-top: 15px;
  }
  .banking-account .desktop-left .banking-account-options {
    order: 9;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .banking-account .desktop-left {
    position: -webkit-sticky;
    position: sticky;
    top: 95px;
    width: 350px;
    float: left;
    margin: 0 0 0 15px;
    padding: 0 0 15px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background: var(--background-container);
  }
}
@media screen and (min-width: 992px) and (prefers-color-scheme: dark) {
  .banking-account .desktop-left {
    border: 0;
  }
}
@media screen and (min-width: 992px) {
  .banking-account .desktop-left + div {
    width: calc(100% - 365px);
    float: left;
    padding: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  .banking-account .vertrag-logo {
    margin: 0;
    border-radius: 4px 4px 0 0;
  }
}
.banking-account-balance {
  /**
   * Balance-Anzeige
   * rot/grün (.positive, .negative)
   */
  /**
   * Stand
   */
}
@media screen and (max-width: 991px) {
  .banking-account-balance {
    margin: 10px 5px 0;
    width: calc(100% - 10px);
    color: #fff;
    border-bottom: 0;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    background: rgba(0, 0, 0, 0.3);
    max-width: 500px;
    position: relative;
  }
}
@media screen and (min-width: 500px) {
  .banking-account-balance {
    margin-left: auto;
    margin-right: auto;
  }
}
.banking-account-balance .fa-sliders {
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 30px;
  font-size: 160%;
}
@media screen and (min-width: 992px) {
  .banking-account-balance .fa-sliders {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .banking-account-balance {
    padding: 10px 15px 0;
    font-size: 100%;
  }
}
@media screen and (min-width: 992px) {
  .banking-account-balance {
    padding: 15px 15px 10px;
    box-shadow: none;
    border-bottom: 1px solid var(--border-color);
    position: relative;
  }
}
.banking-account-balance b {
  font-size: 170%;
  font-weight: 600;
  display: block;
}
@media screen and (min-width: 992px) {
  .banking-account-balance b {
    margin-bottom: -1px;
    font-size: 200%;
  }
}
.banking-account-balance div {
  color: #777;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .banking-account-balance div {
    /** 
     * DATUM
     */
    /**
     * Saldo
     */
  }
  .banking-account-balance div span {
    display: block;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
  }
  .banking-account-balance div b {
    font-size: 240%;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .banking-account-balance div b.positive {
    color: #2da925;
  }
  .banking-account-balance div b.negative {
    color: #f52626;
  }
}
@media screen and (max-width: 991px) {
  .banking-account-balance div small {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .banking-account-balance div {
    float: right;
    text-align: right;
  }
}
.banking-account-refresh, #app-header .icon-list .banking-account-refresh {
  position: absolute;
  display: inline-block;
  margin-right: 0.5em;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 200%;
  border-radius: 50%;
  left: 15px;
  top: calc(50% - 20px);
  line-height: 38px;
  cursor: pointer;
}
.banking-account-refresh:hover, #app-header .icon-list .banking-account-refresh:hover {
  color: #2980b9;
}
#app-header .icon-list .banking-account-refresh {
  position: static;
}
.banking-account-options {
  text-align: center;
  margin-bottom: 15px;
  display: flex;
  background: var(--background-container-inverse);
}
@media (prefers-color-scheme: dark) {
  .banking-account-options {
    background: transparent;
  }
}
@media screen and (min-width: 992px) {
  .banking-account-options {
    border-bottom: 1px solid var(--border-color);
  }
}
.banking-account-options a {
  padding: 10px 0;
  font-weight: normal;
  color: var(--link-color);
  cursor: pointer;
  flex: 1;
}
.banking-account-options i {
  font-size: 180%;
  display: inline-block;
  color: #1c4260;
  margin-bottom: 0.15em;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.banking-account-details {
  padding-bottom: 10px;
  /**
   * Felder (Kontoname, Inhaber, etc.)
   */
}
@media screen and (min-width: 992px) {
  .banking-account-details.ng-hide {
    display: block !important;
    opacity: 1 !important;
  }
}
.banking-account-details hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: var(--border-color);
}
.banking-account-details-field {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 5px 15px;
}
.banking-account-details-field label {
  font-weight: normal;
  display: inline-block;
  margin-right: 5px;
  min-width: 5em;
  margin-bottom: 0;
}
.banking-account-details-field span {
  font-weight: 600;
}
.banking-account-details-button {
  background: #d2e7f5;
  float: left;
  margin-right: auto;
  /*padding: 10px 15px;
  display: block;
  text-align: center;
  position: relative;
  font-size: 140%;
  font-weight: 600;
  color: $font-default;*/
  /**
   * Pfeil hoch/runter
   */
}
@media screen and (min-width: 992px) {
  .banking-account-details-button {
    display: none;
  }
}
.banking-account-details-button > i {
  position: absolute;
  right: 15px;
  top: calc(50% - 0.5em);
  transition: all ease-in 0.25s;
}
@media screen and (max-width: 991px) {
  .banking-account .banking-value {
    color: #777;
    margin-bottom: 5px;
  }
}
.banking-account .block-ui-container {
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .banking-account .block-ui-container .spinner {
    left: 380px !important;
  }
}

/* HOTFIX */
@media screen and (max-width: 991px) {
  .banking-account > .row {
    margin: 0;
  }
  .banking-account > .row > div {
    padding: 0;
  }
}
/**
 * Banking
 * Multibanking-Funktionalität
 * Aus, wenn nicht über config auf an gestellt
 * Einträge (Transaction/Securities)
 */
/**
 * category/type werden im desktop im eigenen bereich angezeigt
 */
.optional-fields {
  padding-bottom: 2px;
}
@media screen and (max-width: 991px) {
  .optional-fields {
    display: flex;
    /* rausgenommen, text soll begrenzt werden obwohl der text angezeigt werden könnte!
      & > * {
      flex: 1 1 auto;
      width: auto;
    }*/
  }
  .optional-fields .banking-transaction-category {
    text-align: right;
  }
  .optional-fields > div:only-child {
    width: 100%;
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  .optional-fields {
    font-size: 70%;
    font-weight: 600;
    color: #2980b9;
    padding-bottom: 5px;
    padding-top: 3px;
  }
  .account-no-counterpartname .optional-fields div:empty {
    display: none;
  }
}

.banking-account {
  /**
   * Transactions/Securities-wrap
   */
  /*@media screen and (max-width: $screen-sm-max) {
    &-transactions {
      position: fixed; // OFFEN
      overflow-y: scroll;
      top: 100px; // OFFEN muss ggf. über js ermittelt werden
      bottom: 0; // OFFEN
      left: 0;
      right: 0;
      overflow-x: hidden;
    }
  }*/
}
.banking-account-transactions, .banking-account-securities {
  display: block;
}
@media screen and (min-width: 992px) {
  .banking-account-transactions .entry-wrapper-group, .banking-account-securities .entry-wrapper-group {
    background: var(--background-container);
  }
}
@media screen and (min-width: 992px) {
  .banking-account-transactions .entry-wrapper, .banking-account-securities .entry-wrapper {
    border-radius: 0 0 5px 5px;
  }
}

.banking-transaction, .banking-security {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border: 0 solid transparent;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  margin: 5px;
  border-radius: 4px;
  /**
   * FIX für Desktop, relative (standard) würde amount nicht ausgerichtet werden können
   */
}
.active.banking-transaction, .active.banking-security {
  border: 2px solid var(--border-color);
}
.active-add.banking-transaction, .active-add.banking-security, .active-add.banking-transaction .banking-transaction-name, .active-add.banking-transaction .banking-security-name, .active-add.banking-security .banking-transaction-name, .active-add.banking-security .banking-security-name, .active-add.banking-transaction > *, .active-add.banking-security > *, .active-remove.banking-transaction, .active-remove.banking-security, .active-remove.banking-transaction .banking-transaction-name, .active-remove.banking-transaction .banking-security-name, .active-remove.banking-security .banking-transaction-name, .active-remove.banking-security .banking-security-name, .active-remove.banking-transaction > *, .active-remove.banking-security > * {
  transition: all ease-in 0.25s;
}
.active-add.banking-transaction .banking-security-fields, .active-add.banking-security .banking-security-fields, .active-remove.banking-transaction .banking-security-fields, .active-remove.banking-security .banking-security-fields {
  display: none;
}
.banking-transaction .banking-security-fields.ng-leave-active, .banking-security .banking-security-fields.ng-leave-active {
  display: none;
}
@media screen and (max-width: 1199px) {
  .active.banking-transaction .banking-transaction-date, .active.banking-security .banking-transaction-date {
    padding-top: 10px;
    margin-bottom: -10px;
  }
}
@media screen and (min-width: 992px) {
  .active.banking-transaction .banking-transaction-date, .active.banking-security .banking-transaction-date {
    padding-top: 0;
  }
}
.active.banking-transaction .banking-transaction-name, .active.banking-transaction .banking-security-name, .active.banking-security .banking-transaction-name, .active.banking-security .banking-security-name {
  font-size: 140%;
  max-width: 100%;
  padding-right: 15px;
  white-space: normal;
  line-height: 140%;
  margin: 10px 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .active.banking-transaction .banking-transaction-name, .active.banking-transaction .banking-security-name, .active.banking-security .banking-transaction-name, .active.banking-security .banking-security-name {
    max-width: 80%;
  }
}
.active.banking-transaction .banking-transaction-name + div, .active.banking-transaction .banking-security-name + div, .active.banking-security .banking-transaction-name + div, .active.banking-security .banking-security-name + div {
  transition: none;
  opacity: 0;
  width: 0;
  overflow: hidden;
  height: 0;
}
.banking-transaction .banking-transaction-type, .banking-security .banking-transaction-type,
.banking-transaction .banking-transaction-category,
.banking-security .banking-transaction-category {
  transition: all ease-in 0.25s;
}
.active.banking-transaction .banking-transaction-type, .active.banking-security .banking-transaction-type,
.active.banking-transaction .banking-transaction-category,
.active.banking-security .banking-transaction-category {
  opacity: 0;
  font-size: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .active.banking-transaction .name-amount-wrap, .active.banking-security .name-amount-wrap {
    width: 100%;
    transition: all ease-in 0.25s;
  }
}
.active.banking-transaction .banking-transaction-purpose, .active.banking-security .banking-transaction-purpose {
  width: 100% !important;
  font-weight: 600;
  padding: 15px;
  left: 0 !important;
  display: block;
  overflow: visible;
}
@media screen and (max-width: 991px) {
  .active.banking-transaction .banking-transaction-purpose, .active.banking-security .banking-transaction-purpose {
    display: block !important;
    white-space: normal;
  }
}
.account-no-counterpartname .active.banking-transaction .banking-transaction-purpose, .account-no-counterpartname .active.banking-security .banking-transaction-purpose {
  padding-right: 20%;
  border-top: 0;
  margin-top: -18px;
}
@media screen and (max-width: 991px) {
  .account-no-counterpartname .active.banking-transaction .banking-transaction-purpose, .account-no-counterpartname .active.banking-security .banking-transaction-purpose {
    overflow: hidden;
    margin-top: -30px;
  }
}
@media screen and (min-width: 992px) {
  .active.banking-transaction .banking-transaction-purpose.no-counterpartname, .active.banking-security .banking-transaction-purpose.no-counterpartname {
    border-top: 0;
    margin-top: -20px;
    padding-right: 100px;
  }
}
.account-has-counterpartname .active-add.banking-transaction .banking-transaction-purpose, .account-has-counterpartname .active-add.banking-security .banking-transaction-purpose {
  left: 0 !important;
}
.account-no-counterpartname .active-add.banking-transaction .banking-transaction-purpose, .account-no-counterpartname .active-add.banking-security .banking-transaction-purpose {
  left: auto !important;
  position: static !important;
  right: 25% !important;
}
.active.banking-transaction .banking-transaction-amount, .active.banking-security .banking-transaction-amount {
  top: 27px;
  line-height: 195%;
}
@media screen and (max-width: 991px) {
  .active.banking-transaction .banking-transaction-amount, .active.banking-security .banking-transaction-amount {
    top: 10px;
    line-height: 225%;
  }
}
@media screen and (min-width: 992px) {
  .account-no-counterpartname .active.banking-transaction .banking-transaction-amount, .account-no-counterpartname .active.banking-security .banking-transaction-amount {
    top: 10px;
  }
}
.active.banking-transaction .no-counterpartname .banking-transaction-amount, .active.banking-security .no-counterpartname .banking-transaction-amount {
  top: 9px;
}
.banking-transaction .banking-transaction-amount, .banking-security .banking-transaction-amount {
  transition: all ease-in 0.25s;
}
.active-add .banking-transaction .banking-transaction-amount, .active-add .banking-security .banking-transaction-amount, .active-remove .banking-transaction .banking-transaction-amount, .active-remove .banking-security .banking-transaction-amount {
  top: 31px;
}
.banking-transaction .banking-transaction-purpose, .banking-security .banking-transaction-purpose {
  border-color: transparent;
  transition: all ease-in 0.25s !important;
}
@media screen and (min-width: 992px) {
  .banking-transaction .banking-transaction-purpose, .banking-security .banking-transaction-purpose {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (min-width: 992px) {
  .banking-transaction, .banking-security {
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--border-color);
  }
  .banking-transaction:last-child, .banking-security:last-child {
    border-radius: 0 0 4px 4px;
  }
  .banking-transaction .maxchar, .banking-security .maxchar, .banking-transaction .maxchar-10, .banking-security .maxchar-10, .banking-transaction .maxchar-20, .banking-security .maxchar-20, .banking-transaction .vertragsuebersicht .group-name, .banking-security .vertragsuebersicht .group-name, .vertragsuebersicht .banking-transaction .group-name, .vertragsuebersicht .banking-security .group-name, .banking-transaction .page-anbieter .link-list.tree a, .banking-security .page-anbieter .link-list.tree a, .page-anbieter .link-list.tree .banking-transaction a, .page-anbieter .link-list.tree .banking-security a {
    white-space: normal;
  }
}
@media screen and (min-width: 992px) {
  .banking-transaction .name-amount-wrap, .banking-security .name-amount-wrap {
    position: static;
  }
}

/**
* Name des Überweisenden (Transaktion)
* Name der Depotposition
*/
.banking-transaction-name, .banking-security-name {
  font-weight: 600;
  /* falls generall bold statt 600
  @media screen and (min-width: $screen-desktop) {
    font-weight: 600;
  }*/
}
@media screen and (max-width: 991px) {
  .banking-transaction-name:empty, .banking-security-name:empty {
    display: none;
  }
}

/**
* Depotpositionen
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banking-securities {
    display: flex;
    flex-wrap: wrap;
  }
}

.banking-security {
  background: var(--background-container);
}
@media screen and (max-width: 991px) {
  .banking-security {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 510px) {
  .banking-security {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .banking-security {
    max-width: none;
    margin-left: 5px;
    margin-right: 5px;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 991px) {
  .banking-security-name {
    display: inline;
    width: auto;
    padding: 0 5px 0 15px;
    max-width: 60%;
    font-size: 110%;
    line-height: 200%;
  }
  .banking-security-name + .banking-value {
    width: auto;
    padding: 0;
    line-height: 220%;
    margin: 0 !important;
  }
  .banking-security-name + .banking-value + div {
    clear: both;
  }
}
@media screen and (min-width: 992px) {
  .banking-security-fields {
    overflow: visible;
    transition: none;
  }
}
@media screen and (max-width: 991px) {
  .banking-security .text-right {
    text-align: left;
  }
}

/**
* Kontenbewegungen
*/
.banking-transaction {
  background: var(--background-container);
  /**
   Reordering
   */
  /**
  * Date Variante wie bei Fin4u
  */
  /**
   * Wert
   */
  /**
   * purpose
   */
  /** 
   * Detail 
   * SF-Variante als Dialog
   */
  /**
   * Gruppen (Datum)
   */
}
.banking-transaction-group .banking-transaction {
  background: transparent;
}
@media screen and (max-width: 991px) {
  .banking-transaction {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .banking-transaction.active {
    border-radius: 4px;
    padding-top: 0px;
  }
  .banking-transaction-group .banking-transaction.active {
    margin: 15px;
  }
}
@media screen and (max-width: 510px) {
  .banking-transaction {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.banking-transaction-amount-purpose-wrap {
  min-height: 1.5em;
}
@media screen and (max-width: 991px) {
  .banking-transaction {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .banking-transaction:not(.active) .banking-transaction-compact {
    padding-left: 35px;
  }
  .banking-transaction-icon {
    width: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    font-size: 20px;
    display: block;
    text-align: center;
    transition: all ease-in 0.25s;
    opacity: 1;
    display: flex;
    align-items: center;
  }
  .banking-transaction.active .banking-transaction-icon {
    opacity: 0;
    font-size: 0;
  }
  .banking-transaction-date {
    order: 1;
    font-weight: 600;
    color: rgba(45, 63, 81, 0.5);
  }
}
@media screen and (max-width: 991px) and (prefers-color-scheme: dark) {
  .banking-transaction-date {
    color: var(--background-container-text);
  }
}
@media screen and (max-width: 991px) {
  .banking-transaction-amount-purpose-wrap {
    order: 2;
  }
}
@media screen and (max-width: 991px) {
  .banking-transaction .optional-fields {
    order: 3;
  }
}
@media screen and (max-width: 991px) {
  .banking-transaction-group .banking-transaction {
    /*&:first-child {
      margin-top: -5px;
    }*/
    margin-left: 0;
    margin-right: 0;
  }
  .banking-transaction-group .banking-transaction:not(:last-child)::after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--border-color);
    margin: 0 15px;
    clear: both;
    order: 10;
    position: relative;
    top: 10px;
  }
}
@media screen and (min-width: 992px) {
  .banking-transaction-icon {
    display: none;
  }
}
.banking-transaction-name {
  /*&:empty::after {
    content:"\2014"
  }*/
}
.banking-transaction-date {
  font-size: 90%;
  line-height: 160%;
}
.banking-transaction .name-amount-wrap .row {
  display: flex;
}
.banking-transaction-amount {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
@media screen and (min-width: 992px) {
  .banking-transaction-amount {
    display: block;
    flex: none;
    position: absolute;
    right: 0;
    width: auto;
    left: 83.3333333333%;
  }
}
.banking-transaction-purpose {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@media screen and (max-width: 991px) {
  .banking-transaction-purpose.no-counterpartname {
    font-weight: 600;
  }
}
.banking-transaction-detail {
  clear: both;
  transition: none !important;
  /*display: block;
  width: 100%; //auto
  padding: 0;*/
  order: 3;
  /*
   * Ergänzungen / Datum etc
  */
}
@media screen and (max-width: 991px) {
  .banking-transaction-detail.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 991px) {
  .banking-transaction-detail .modal-dialog {
    display: block;
    width: 100%;
    padding: 0;
    position: fixed;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 500;
    transition: all ease-in 0.25s;
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .banking-transaction-detail .modal-dialog {
    width: 400px;
  }
}
.banking-transaction-detail .modal-dialog .modal-content {
  padding-bottom: 15px;
}
@media screen and (max-width: 991px) {
  .banking-transaction-detail .modal-dialog .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: 0 none;
  }
}
.banking-transaction-detail-header {
  text-align: center;
  font-size: 150%;
  position: relative;
  padding: 0.5em 15px;
  background: rgba(41, 128, 185, 0.075);
}
.banking-transaction-detail-header a {
  padding: 0.5em 15px;
  position: absolute;
  line-height: 1em;
  right: 0;
  top: calc(50% - 1em);
}
.banking-transaction-detail-header + .banking-transaction-detail-field {
  margin-top: 10px;
}
.banking-transaction-detail-name {
  font-size: 125%;
  padding: 1em 15px 0.5em;
  margin-bottom: 0.5em;
}
.banking-transaction-detail-name, .banking-transaction-detail-header {
  border-bottom: 1px solid rgba(41, 128, 185, 0.25);
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  bankingvertraegesecuritydetails-directive .banking-transaction-detail-field, bankingvertraegetransactiondetails-directive .banking-transaction-detail-field {
    width: 50%;
  }
  bankingvertraegesecuritydetails-directive .banking-transaction-detail-field-profit, bankingvertraegesecuritydetails-directive .banking-transaction-detail-name, bankingvertraegetransactiondetails-directive .banking-transaction-detail-field-profit, bankingvertraegetransactiondetails-directive .banking-transaction-detail-name {
    width: 100%;
  }
}
.banking-transaction-detail-field {
  padding: 5px 0;
  display: block;
  /**
   * Ansicht nebeneinander (nur für Securities)
   */
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  /**
  * Profit / Letztes Feld groß
  */
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field span,
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field div {
  margin-left: auto;
  text-align: right;
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field-profit {
  font-size: 120%;
  border-top: 1px solid rgba(41, 128, 185, 0.25);
  padding-top: 0.5em;
  margin-top: 0.5em;
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field-profit label {
  line-height: 280% !important;
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field-profit small {
  font-size: 67%;
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field-profit div {
  font-size: 150%;
}
bankingvertraegetransactiondetails-directive .banking-transaction-detail-field.purpose {
  order: -1;
  width: 100%;
}
.banking-transaction-detail-field {
  /**
  * Feld-Anzeigename
  */
  /* 
  * Feldinhalt
  */
}
.banking-transaction-detail-field label {
  margin-bottom: 0;
  display: block;
  font-weight: normal;
  padding-left: 15px;
  line-height: 150%;
  /**
  * Ansicht nebeneinander
  */
  min-width: 33.3333333333%;
}
bankingvertraegetransactiondetails-directive .banking-transaction-detail-field label {
  font-weight: 600;
}
.banking-transaction-detail-field span {
  display: block;
  word-break: break-word;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 110%;
  line-height: 140%;
}
bankingvertraegesecuritydetails-directive .banking-transaction-detail-field span {
  font-weight: 600;
}
.banking-transaction-detail small {
  display: block;
  font-weight: normal;
}
@media screen and (min-width: 992px) {
  .account-no-counterpartname .banking-transaction .banking-transaction-purpose {
    width: 70%;
  }
  .account-no-counterpartname .banking-transaction-group .banking-transaction-purpose {
    left: -30%;
  }
}
@media screen and (max-width: 991px) {
  .banking-transaction-group {
    max-width: 500px;
    margin: 0 auto 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    background: var(--background-container);
    color: var(--background-container-text);
  }
  .banking-transaction-group:last-child {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 510px) {
  .banking-transaction-group {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (min-width: 992px) {
  .banking-transaction-group {
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid var(--border-color);
    /**
     * FIX GRÖSSEN
     */
  }
  .banking-transaction-group::after {
    content: "";
    display: block;
    clear: both;
  }
  .banking-transaction-group .banking-transaction {
    margin: 0 0 1px;
    border-radius: 0;
    border: 0;
  }
  .banking-transaction-group .banking-transaction.active {
    border: 2px solid var(--border-color);
    margin: 5px;
  }
  .banking-transaction-group .banking-transaction:first-child {
    border-radius: 5px 5px 0 0;
  }
  .banking-transaction-group .banking-transaction:last-child {
    border-radius: 0 0 5px 5px;
  }
  .banking-transaction-group .banking-transaction:first-child:last-child {
    border-radius: 5px;
  }
  .banking-transaction-group .name-amount-wrap,
.banking-transaction-group .optional-fields .banking-transaction-type {
    width: 30%;
  }
  .banking-transaction-group .banking-transaction-purpose,
.banking-transaction-group .optional-fields .banking-transaction-category {
    width: 50%;
  }
  .banking-transaction-group .banking-transaction-amount {
    left: 80%;
  }
  .banking-transaction-group .optional-fields .col-md-push-2 {
    left: 0;
  }
}
.banking-transaction-group-head {
  /**
   * Fix, Datum gequetscht bei kleinstmöglicher Desktop-Auflösung (992)
   */
  padding: 5px 15px 5px;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  .banking-transaction-group-head {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--header-height) + 30px);
    padding: 15px;
    z-index: 2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    font-size: 120%;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    background: #fff;
  }
}
@media screen and (max-width: 991px) and (prefers-color-scheme: dark) {
  .banking-transaction-group-head {
    background: #0b1925;
  }
}
@media screen and (min-width: 992px) {
  .banking-transaction-group-head {
    padding: 8px 15px 5px;
    float: left;
    width: 16.6666666667%;
    font-size: 90%;
  }
  .banking-transaction-group-head-saldo {
    display: none;
  }
  .banking-transaction-group-head + * {
    float: left;
    width: calc(100% - 16.6666666667%);
  }
  .has-optional-fields .banking-transaction-group-head {
    padding-top: 33px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1080px) {
  .banking-transaction-group-head {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
}
.banking-transaction-group-head-saldo {
  float: right;
}

/**
 * Button für die Suche
 */
.banking-btn-searchtransactions {
  margin: 15px 15px 0;
  width: auto;
  position: relative;
}
@media screen and (min-width: 992px) {
  .banking-btn-searchtransactions {
    width: 100%;
  }
}
.banking-btn-searchtransactions i {
  color: #e74c3c;
  right: 10px;
  font-size: 200% !important;
  position: absolute !important;
  margin: 0 !important;
}

/**
 * Leeranzeige
 */
.banking-account .banking-error-wrapper {
  background: var(--background-container);
  padding: 15px;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .banking-account .banking-error-wrapper {
    margin: 5px 5px 15px;
    max-width: 500px;
  }
}
@media screen and (max-width: 991px) and (min-width: 500px) {
  .banking-account .banking-error-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

.banking-account .banking-empty-state .empty-state {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 991px) {
  .banking-account .banking-empty-state .empty-state {
    max-width: unset;
  }
}

@media screen and (min-width: 992px) {
  bankingvertraegesecuritydetails-directive,
bankingvertraegetransactiondetails-directive {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 992px) {
  .banking-transaction.active .no-counterpartname .banking-transaction-amount {
    top: 19px;
  }
}
.banking-transaction.active .no-counterpartname .banking-transaction-purpose {
  margin-top: -30px;
  border-top: 0;
  padding-right: 100px;
}
@media screen and (min-width: 992px) {
  .banking-transaction.active .no-counterpartname .banking-transaction-purpose {
    margin-top: -10px;
  }
}

.modal-body.transactions {
  margin-left: 0px;
  margin-right: 0px;
  background: var(--background-container-inverse);
}
@media (prefers-color-scheme: dark) {
  .modal-body.transactions {
    background: var(--background-container);
  }
}
@media (prefers-color-scheme: dark) {
  .modal-body.transactions .banking-transaction:not(.active) {
    background: var(--background-container);
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-type {
    color: var(--modal-body-text);
  }
}
.modal-body.transactions .banking-transaction:not(.active) .banking-transaction-type {
  float: right;
  text-align: right;
  left: 0px;
  padding-right: 15px;
  font-size: 100%;
  order: 2;
  white-space: nowrap;
}
.modal-body.transactions .banking-transaction:not(.active) .banking-transaction-category {
  text-align: left;
}
@media screen and (min-width: 992px) {
  .modal-body.transactions .banking-transaction:not(.active) {
    padding-left: 40px;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-amount-purpose-wrap {
    display: flex;
    flex-direction: column;
    clear: both;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-purpose {
    width: 100%;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-date {
    padding-bottom: 3px;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-amount {
    left: 0;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-category {
    color: var(--modal-body-text);
    font-size: initial;
    text-align: left;
    left: 0;
    width: 75%;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-type {
    font-size: initial;
    padding-right: 10px;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-name {
    float: none;
  }
  .modal-body.transactions .banking-transaction:not(.active) .name-amount-wrap {
    width: 75%;
    left: 0;
  }
  .modal-body.transactions .banking-transaction:not(.active) .banking-transaction-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    font-size: 20px;
    transition: all ease-in 0.25s;
    display: flex;
    align-items: center;
  }
}

/**
 * Banking
 * Multibanking-Funktionalität
 * Aus, wenn nicht über config auf an gestellt
 * Einträge (Transaction/Securities)
 */
@media screen and (min-width: 992px) {
  #content > .page-account-ueberweisung {
    padding-top: calc(
          100px
          + var(--header-height)
        ) !important;
  }
}
@media screen and (max-width: 767px) {
  .page-account-ueberweisung .form-group label {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .page-account-ueberweisung .form-group [placeholder]::placeholder {
    color: transparent;
  }
}
.page-account-ueberweisung .ueberweisung-confirm .form-group {
  margin-bottom: 5px;
}
.page-account-ueberweisung .ueberweisung-confirm .form-group label {
  display: block;
}
@media screen and (max-width: 767px) {
  .page-account-ueberweisung .ueberweisung-confirm .form-group label ~ div {
    padding-top: 0;
  }
}

@media screen and (min-width: 992px) {
  .body-account-ueberweisung #app-header {
    display: block;
    animation: slideInDown;
    animation-duration: 0.25s;
    top: 80px;
    height: 100px;
  }
  .body-account-ueberweisung #app-header .back {
    top: calc(50% - 0.5em);
    line-height: 100%;
  }
  .body-account-ueberweisung #app-header .banking-account-header-title {
    display: flex;
    height: 100px;
  }
}

.banking-ueberweisung-completed {
  padding: 15px;
  text-align: center;
}
.banking-ueberweisung-completed i {
  font-size: 7em;
  display: block;
}
.banking-ueberweisung-completed h4 {
  margin-bottom: 2em;
  font-weight: 600;
  font-size: 160%;
  padding: 0 0 1em;
  color: var(--font-light);
}

.banking {
  /**
   * Transaktionssuche
   */
  /**
   * Sortieren/Filtern
   */
}
.banking-search {
  position: relative;
  /*  @media screen and (max-width: $banking-transaction-mobile-max-width + 10px) {
    max-width: $banking-transaction-mobile-max-width;
  } */
}
@media screen and (max-width: 991px) {
  .banking-search {
    /**
    * Reordering und Anpassungen
    */
    display: flex;
    flex-direction: column;
    padding: 5px 5px 0;
    max-width: 510px;
    width: 100%;
    margin: 0 auto;
  }
  .banking-search .btn-default,
.banking-search .banking-search-input-wrap input,
.banking-search select {
    border: 0 none;
  }
  .banking-search .banking-filter {
    order: 1;
  }
  .banking-search .filter {
    order: 2;
    padding: 0 0 5px;
  }
  .banking-search .sort {
    order: 3;
    padding: 0 0 5px;
    position: relative;
    z-index: 1;
  }
  .banking-search-input-wrap {
    order: 4;
  }
}
@media screen and (min-width: 992px) {
  .banking-search {
    padding: 0 0 5px;
    margin: 0;
    border-top: 15px solid transparent;
    margin-top: -15px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1;
  }
}
.banking-search-input-wrap {
  position: relative;
  z-index: 1;
  max-width: 500px;
  width: 100%;
  margin: 0 auto 5px;
}
@media screen and (min-width: 992px) {
  .banking-search-input-wrap {
    float: left;
    width: calc(100% - 130px);
  }
}
.banking-search-input-wrap input {
  width: 100%;
  padding: 0.5em 30px 0.5em 10px;
  border-radius: 4px;
  height: 40px;
  padding-right: 30px;
}
.banking-search-input-wrap a {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 21px;
  color: #1c4260;
  cursor: pointer;
}
.banking-filter {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .banking-filter {
    margin: 0 -2px;
    padding: 0;
    background: transparent;
  }
}
@media screen and (min-width: 992px) {
  .banking-filter {
    padding-top: 5px;
  }
}
.banking-filter a {
  flex-grow: 1;
  /**
   * Icons machen alles zu breit!
   */
}
@media screen and (max-width: 991px) {
  .banking-filter a {
    margin: 0 2px 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    z-index: 1;
    flex-basis: 0;
    /**
     * Depotkonten haben nur zwei Buttons
     */
  }
  .banking-account-securities .banking-filter a:first-child {
    margin-right: 5px;
  }
  .banking-account-securities .banking-filter a:last-child {
    margin-left: 5px;
  }
}
@media screen and (min-width: 992px) {
  .banking-filter a {
    margin-right: 0;
    height: 40px;
    margin-top: -5px;
    line-height: 28px;
    margin-left: 5px;
  }
}
.banking-filter a .fa, .banking-filter a .glyphicon, .banking-filter a #main-navigation .hassubnav > a:before, #main-navigation .banking-filter a .hassubnav > a:before, .banking-filter a #main-navigation .expand, #main-navigation .banking-filter a .expand, .banking-filter a label[for*=geschlecht]:before {
  margin-left: -2px;
  margin-right: 3px;
}
@media screen and (max-width: 334px) {
  .banking-filter a .fa, .banking-filter a .glyphicon, .banking-filter a #main-navigation .hassubnav > a:before, #main-navigation .banking-filter a .hassubnav > a:before, .banking-filter a #main-navigation .expand, #main-navigation .banking-filter a .expand, .banking-filter a label[for*=geschlecht]:before {
    display: none;
  }
}
.banking-filter i {
  color: #1c4260;
}

.page-account bankingvertraegetransactions-directive .banking-search {
  background: var(--background);
}
.page-account .filter,
.page-account .sort {
  display: block;
  clear: both;
}
@media screen and (min-width: 992px) {
  .page-account .filter,
.page-account .sort {
    padding-top: 5px;
  }
}
.page-account .filter .form-group,
.page-account .sort .form-group {
  margin-bottom: 0;
}

/**
 * Nur für Desktop
 */
.page-account .sort-desktop {
  padding: 10px 5px;
  margin-bottom: -5px;
  background: var(--background-container-inverse);
  width: 100%;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 991px) {
  .page-account .sort-desktop {
    display: none;
  }
}
.page-account .sort-desktop a {
  cursor: pointer;
  white-space: nowrap;
  /** 
  * Amount
  */
}
.page-account .sort-desktop a:last-child {
  text-align: right;
}

/**
 * Beim Depotkonto ist das nicht notwendig, da dort keine Suche ist
 */
.page-account .banking-account-transactions .sort-desktop {
  margin-top: 10px;
}

/** 
 * Sort-Icons
 */
.sort i,
.sort-desktop i {
  transition: all ease-in 0.25s;
  position: relative;
  top: 0;
  /**
   * Rotation ausgleichen
   */
}
.sort i.fa-rotate-180,
.sort-desktop i.fa-rotate-180 {
  top: 2px;
}
.sort i.ng-hide,
.sort-desktop i.ng-hide {
  font-size: 0;
}

.banking-login {
  --banking-login-input-border: 1px solid #ccc;
  --banking-login-input-background: rgba(0, 0, 0, 0.05);
  --banking-login-input-color: $text-color;
  /**
   * Dialog
   */
  /**
   * Backend-Error
   */
}
@media (prefers-color-scheme: dark) {
  .banking-login {
    --banking-login-input-border: var(--field-border);
    --banking-login-input-background: var(--field-background-color);
    --banking-login-input-color: var(--field-color);
  }
}
.banking-login .form-group input {
  color: var(--banking-login-input-color) !important;
}
.banking-login .checkbox-group label {
  font-weight: 600;
}
.banking-login .checkbox {
  margin-bottom: 0;
}
.banking-login .login-form h4 {
  padding: 0 0 10px;
  font-weight: 600;
}
.banking-login .login-form .form-group input {
  border: var(--banking-login-input-border);
  background: var(--banking-login-input-background);
}
.banking-login .error {
  padding: 15px 30px;
  margin: -15px -15px 15px;
}
.banking-login .modal-footer {
  padding: 15px 30px;
}

.page-banking-vertragserkennung {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-banking-vertragserkennung .info-label {
  opacity: 0.7;
}
@media (prefers-color-scheme: dark) {
  .page-banking-vertragserkennung .vertragsuebersicht.vertragsgruppen .entry {
    background: #132734;
  }
  .page-banking-vertragserkennung .info-label {
    opacity: 0.5;
  }
}
.page-banking-vertragserkennung .vertragserkennung-slide-list .slide-list-eintrag-description {
  text-align: left;
}
.page-banking-vertragserkennung .form-horizontal, .page-banking-vertragserkennung .empty-state-head {
  color: var(--text-color);
}
.page-banking-vertragserkennung button.list-btn-vertragserkennung {
  width: calc(100% - 30px);
}
.page-banking-vertragserkennung .list-btn-vertragserkennung {
  margin-bottom: 10px;
  clear: both;
  margin-left: 15px;
  margin-right: 15px;
  width: auto;
  top: 20px;
  position: relative;
}
.page-banking-vertragserkennung .list-btn-vertragserkennung:last-child {
  margin-bottom: 20px;
}
.page-banking-vertragserkennung .first-slide {
  display: flex;
}
.page-banking-vertragserkennung .intro-slide {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-banking-vertragserkennung .intro-slide h4 {
  color: var(--font-light);
}
.page-banking-vertragserkennung .speicher-hinweis {
  text-align: center;
  font-size: 80%;
  padding: 0.75em 0 0;
  clear: both;
}
.page-banking-vertragserkennung .speicher-hinweis i {
  margin-right: 0.25em;
}
.page-banking-vertragserkennung .speicher-hinweis-mobile {
  text-align: right;
  float: right;
  font-size: 130%;
}
.page-banking-vertragserkennung .alle-waehlen {
  margin: 0em 15px 1em;
  display: flex;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .page-banking-vertragserkennung .page_head_function {
    margin: -30px -15px 15px;
  }
}
.page-banking-vertragserkennung .vertragsuebersicht .select-indicator:after {
  right: 25px;
}
.page-banking-vertragserkennung .produktauswahl-edit {
  clear: both;
}
.page-banking-vertragserkennung > div > div {
  display: flex;
  flex: 1;
}
.page-banking-vertragserkennung .slide-header {
  margin-bottom: 0px;
  border-bottom: 0;
  color: var(--text-on-bg);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  text-align: left;
  padding: 15px;
}
.page-banking-vertragserkennung .slide-header h3 {
  font-weight: bold;
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .page-banking-vertragserkennung .banken-auswahl .slide-header {
    text-align: center;
  }
}
.page-banking-vertragserkennung .vertragserkennung-wrapper {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
}
.page-banking-vertragserkennung .empty-state-content {
  font-size: 1.3em;
}
.page-banking-vertragserkennung .empty-state-content i {
  padding: 50px;
}
.page-banking-vertragserkennung .slide {
  padding: 0px 5px;
}
.page-banking-vertragserkennung .checkbox .fa-times {
  display: none;
}
.page-banking-vertragserkennung .checkbox input ~ label:before {
  background: #969696;
}
.page-banking-vertragserkennung .checkbox input:checked ~ label:before {
  background: #2fad4a;
}
.page-banking-vertragserkennung .checkbox input:checked ~ label:after {
  background: transparent;
}
.page-banking-vertragserkennung button.center {
  clear: both;
  width: calc(100% + 20px);
  margin-top: 5px;
  margin-left: -10px;
}
@media screen and (min-width: 992px) {
  .page-banking-vertragserkennung button.center {
    margin: 0 -5px 10px;
    width: calc(100% + 10px);
  }
}
.page-banking-vertragserkennung .hinweis-text {
  display: flex;
  font-weight: bold;
  color: var(--text-on-bg);
}
.page-banking-vertragserkennung .hinweis-text ~ label {
  display: flex;
  margin: 10px;
  flex: 1;
}
.page-banking-vertragserkennung .top-hinweis-text {
  padding: 0 10px;
  color: var(--text-on-bg);
  text-align: center;
  font-size: 120%;
}
.page-banking-vertragserkennung .vertragserkennung-page-und-header {
  flex-direction: column;
}
.page-banking-vertragserkennung .vertragserkennung-page-und-header .page_head_function {
  padding: 1em 30px;
  text-align: left;
  margin: -30px -15px 0px;
}
.page-banking-vertragserkennung .date {
  text-align: right;
  padding-right: 15px;
  font-size: 90%;
  display: block;
}
@media screen and (max-width: 334px) {
  .page-banking-vertragserkennung .date {
    float: left;
    margin-left: 15px;
  }
}
.page-banking-vertragserkennung .date i {
  font-size: 80%;
  margin-right: 5px;
}
.page-banking-vertragserkennung .currency {
  float: right;
  padding-left: 0px;
  text-align: right;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .page-banking-vertragserkennung .slide-header {
    border: none;
  }
  .page-banking-vertragserkennung .vertragserkennung-wrapper {
    border-radius: 15px;
  }
  .page-banking-vertragserkennung .vertragserkennung-wrapper.banken-auswahl {
    padding: 5px;
  }
  .page-banking-vertragserkennung .hinweis-text {
    text-align: left;
    white-space: normal;
    font-weight: normal;
    font-size: 90%;
    display: block;
    max-width: 70%;
  }
  .page-banking-vertragserkennung .form-horizontal label ~ div {
    width: 55%;
  }
  .page-banking-vertragserkennung .vertragsuebersicht.vertragsgruppen .entry.row.active {
    width: calc(100% - 10px);
    padding-right: 15px;
  }
  .page-banking-vertragserkennung .date {
    text-align: center;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .page-banking-vertragserkennung .headline {
    padding-bottom: 2em;
  }
}
.page-banking-vertragserkennung .list-wrapper {
  display: block;
  text-align: center;
  height: 100%;
  clear: both;
}
.page-banking-vertragserkennung .slide {
  padding: 0px 15px;
}
.page-banking-vertragserkennung .img-responsive {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border: 1px solid #fff;
  pointer-events: none;
  display: inline-block;
  max-width: 400px;
  width: 100%;
}

.body-banking-vertragserkennung .modal-body.transactions {
  max-height: 75vh;
  overflow: auto;
}
.body-banking-vertragserkennung .produktgeber #custom-search-input ~ div > h4 {
  padding: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 150%;
}
.body-banking-vertragserkennung .header-list-node, .body-banking-vertragserkennung .highlighted-suggestion {
  padding: 0.75em 15px !important;
  list-style: none;
  border-bottom: 2px solid var(--border-color);
}
.body-banking-vertragserkennung .highlighted-suggestion {
  background: var(--background-container-inverse) !important;
  font-size: 150%;
}
.body-banking-vertragserkennung .highlighted-anbieter-suggestion {
  background: var(--background-container-inverse) !important;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
}
.body-banking-vertragserkennung .highlighted-anbieter-suggestion h4 {
  margin-top: 0;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 150%;
}
.body-banking-vertragserkennung .loader-empty-state {
  min-width: 350px;
}
.body-banking-vertragserkennung .vertraege-list {
  margin: 0 auto;
}
.body-banking-vertragserkennung .vertraege-list .row {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: normal;
  padding-bottom: 15px;
  border-radius: 5px;
  background: var(--background-container);
  color: var(--background-container-text);
  padding: 10px 15px 10px 70px;
  margin: 1px 0 0;
  position: relative;
}
.body-banking-vertragserkennung .vertraege-list .row label,
.body-banking-vertragserkennung .vertraege-list .row span {
  white-space: nowrap;
}
.body-banking-vertragserkennung .vertraege-list .row label,
.body-banking-vertragserkennung .vertraege-list .row .gesellschaft {
  overflow: hidden;
  text-overflow: ellipsis;
}
.body-banking-vertragserkennung .vertraege-list .row .logo {
  margin: 0;
  position: absolute;
  left: 15px;
  top: calc(50% - 20px);
  width: 40px;
}
@media (prefers-color-scheme: dark) {
  .body-banking-vertragserkennung .vertraege-list .row .logo {
    background: #fff;
    border-radius: 50%;
  }
}
.body-banking-vertragserkennung .vertraege-list .row .logo img {
  width: 100%;
}
.body-banking-vertragserkennung .vertraege-list-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.body-banking-vertragserkennung .slider-navigation nav {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .body-banking-vertragserkennung .slider-navigation nav .slider-navigation-entry {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.vertragserkennung-result-list {
  margin: 5px 0px;
  padding: 3px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-size: 105%;
  border-bottom: 1px solid var(--border-color) !important;
  background: var(--background);
  color: var(--text-color);
}
.vertragserkennung-result-list .empty-state {
  max-width: none;
  margin: 0 -10px;
}
@media screen and (min-width: 992px) {
  .vertragserkennung-result-list .empty-state {
    margin: 0 -5px 5px;
  }
}
.vertragserkennung-result-list :not(:first-child) .vorschlag-header {
  padding-top: 25px;
}
.vertragserkennung-result-list .button-text {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.25px;
}
.vertragserkennung-result-list .button-text .space {
  margin-left: 2px;
}
.vertragserkennung-result-list .entry {
  display: block;
}
.vertragserkennung-result-list .button-subtext {
  clear: both;
  display: block;
  font-size: 0.8em;
  color: var(--font-light);
}
.vertragserkennung-result-list .vorschlag-header {
  color: var(--text-on-bg);
  padding-top: 7px;
}
.vertragserkennung-result-list .vorschlag-header h3 {
  margin-top: 0px;
}
.vertragserkennung-result-list .kategorie {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vertragserkennung-result-list .produkt, .vertragserkennung-result-list .banking-company {
  font-weight: normal;
}
@media screen and (min-width: 992px) {
  .vertragserkennung-result-list {
    border-radius: 15px;
  }
  .vertragserkennung-result-list .vorschlag-header {
    padding: 10px;
  }
  .vertragserkennung-result-list .edit {
    border-radius: 5px;
  }
  .vertragserkennung-result-list .active .overview-details {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .vertragserkennung-result-list .data-wraper {
    width: calc(100% - 45px) !important;
  }
  .vertragserkennung-result-list .entry.row.active {
    padding-bottom: 0;
  }
  .vertragserkennung-result-list .edit {
    border-radius: 5px;
    margin-top: 20px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .vertragserkennung-result-list .flex {
    display: flex;
  }
  .vertragserkennung-result-list .flex field-directive {
    display: flex;
  }
  .vertragserkennung-result-list .flex field-directive > div {
    flex: 1;
  }
}
.vertragserkennung-result-list .error {
  margin: 0;
}
.vertragserkennung-result-list .edit {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(7, 5, 5, 0.1);
}
.vertragserkennung-result-list .edit .form-group {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
.vertragserkennung-result-list .edit .form-group label {
  text-align: left;
}
.vertragserkennung-result-list .edit .form-horizontal {
  padding-top: 0;
  margin-bottom: 1px;
}
@media (prefers-color-scheme: dark) {
  .vertragserkennung-result-list .edit {
    color: var(--text-on-bg);
  }
  .vertragserkennung-result-list .edit .form-group {
    border-top: 1px solid;
    background: #1a3546;
    border-color: rgba(255, 255, 255, 0.15);
  }
}
.vertragserkennung-result-list .edit .produktauswahl-edit .form-group {
  border-top: none;
}
.vertragserkennung-result-list .result-list-eintrag-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 3px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-size: 105%;
  border-bottom: 1px solid var(--border-color) !important;
  background: var(--background-container);
}
.vertragserkennung-result-list .result-list-eintrag-row i {
  font-size: 2em;
  margin: 5px 2px;
}
.vertragserkennung-result-list .result-list-eintrag-row .eintrag-produkt {
  font-size: 1.2em;
  width: 100%;
  font-weight: bold;
  text-align: left;
  padding-left: 3px;
}
.vertragserkennung-result-list .result-list-eintrag-row .productLine {
  font-size: 0.8em;
  font-weight: normal;
  display: block;
}
.vertragserkennung-result-list .result-list-eintrag-row .logo > img {
  width: 60px;
  float: left;
}
@media (prefers-color-scheme: dark) {
  .vertragserkennung-result-list .result-list-eintrag-row .logo > img {
    width: 40px;
    background: #fff;
    border-radius: 50%;
    margin: 10px;
  }
}
@media (prefers-color-scheme: dark) {
  .vertragserkennung-result-list {
    background: var(--background-container);
  }
}

.banking-group-container {
  display: flex;
  flex-wrap: inherit;
  flex-direction: column;
}
.banking-group-container.selectable {
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .banking-group-container {
    flex-direction: row;
    flex: 1;
  }
}

.banking-row {
  display: flex;
  padding-top: 10px;
  margin: auto 0;
  padding: 1em 0;
  max-width: 100%;
}
.banking-row.entry {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
  font-size: 105%;
  border-bottom: 1px solid var(--border-color) !important;
  background: var(--background-container);
}
.banking-row .logo {
  position: relative;
  top: calc(50% - 10px);
  margin-top: -10px;
  margin-bottom: -10px;
}
@media screen and (max-width: 992px) {
  .banking-row .logo {
    margin-top: unset;
    position: unset;
  }
}
.banking-row .checkbox {
  min-width: 50px;
  position: relative;
  top: unset;
}
.banking-row .checkbox label {
  top: calc(50% - 20px);
}
.banking-row .checkbox .fa-check {
  top: calc(50% - 12px);
}
@media screen and (min-width: 992px) {
  .banking-row .checkbox .fa-check {
    top: -7px;
  }
  .banking-row .checkbox label {
    top: -15px;
  }
}
.banking-row .produkt, .banking-row .banking-company, .banking-row .company, .banking-row .banking-produkt, .banking-row .entry-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.banking-row .data-wraper {
  width: calc(100% - 110px);
}
.banking-row.entry .logo > img {
  width: 60px;
}
@media (prefers-color-scheme: dark) {
  .banking-row.entry .logo > img {
    width: 40px;
    background: #fff;
    border-radius: 50%;
    margin: 10px;
  }
}
@media screen and (min-width: 992px) {
  .banking-row {
    clear: none;
    width: calc(25% - 10px);
    text-align: center;
    float: left;
    margin: 5px;
    border-radius: 15px;
    flex-direction: column;
    float: left;
    margin: 5px;
  }
  .banking-row .logo {
    height: 60px;
    width: 100% !important;
    position: relative;
    top: -1.5em;
    margin-top: -5px;
    padding-top: 10px;
  }
  .banking-row.entry, .banking-row.entry:before {
    border-radius: 15px !important;
  }
  .banking-row.entry .date {
    display: block;
  }
  .banking-row .billing,
.banking-row .company,
.banking-row .banking-produkt,
.banking-row .entry-label {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .banking-row .currency,
.banking-row .billing {
    display: inline;
    padding-right: 0;
    float: none;
    margin: 0;
    padding: 0;
  }
  .banking-row .fee {
    padding-top: 0.5em;
    margin-bottom: -15px;
    padding-bottom: 25px;
  }
  .banking-row .maklervertrag {
    font-size: 80%;
    padding: 0.75em 0 0;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
  }
  .banking-row .maklervertrag i {
    color: #2980b9;
    margin-right: 0.25em;
  }
  .banking-row .company, .banking-row .banking-produkt {
    margin-bottom: 0.25em;
  }
  .banking-row .clearfix, .banking-row .dummy-gesellschaften .list-entry, .dummy-gesellschaften .banking-row .list-entry, .banking-row producttree-directive li.sonstiges > a, producttree-directive .banking-row li.sonstiges > a, .banking-row kuendigungsfrist-directive .form50 .form-group, kuendigungsfrist-directive .form50 .banking-row .form-group {
    width: 100% !important;
  }
  .banking-row .logo {
    width: 100% !important;
  }
}

.banking-zuordnen {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .banking-zuordnen {
    padding-bottom: 15px;
  }
}
.banking-zuordnen h2 .vertrag-logo {
  border-bottom: 0;
  padding: 0;
}
.banking-zuordnen h3 {
  margin-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 125%;
  line-height: 150%;
}
.banking-zuordnen h3,
.banking-zuordnen .form-horizontal {
  border-bottom: 1px solid #ccc;
}
.banking-zuordnen-connection {
  border-radius: 5px;
  padding: 0 0 5px;
  width: 100%;
  /**
   * Darauffolgende Connections haben Abstand nach oben
   */
}
.banking-zuordnen-connection ~ .banking-zuordnen-connection {
  margin-top: 15px;
}
@media screen and (min-width: 992px) {
  .banking-zuordnen-connection ~ .banking-zuordnen-connection {
    margin-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .banking-zuordnen-connection {
    border: 2px solid var(--border-color);
    padding: 5px;
    margin-top: 15px;
    background: var(--background-container);
  }
  .banking-zuordnen-connection h2 {
    margin-top: 15px;
    padding: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  .banking-zuordnen-connection {
    padding-left: 400px;
    background: rgba(41, 128, 185, 0.25);
  }
  .banking-zuordnen-connection::after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
}
.banking-zuordnen-connection-head {
  font-size: 150%;
  padding: 0.5em 15px;
  margin-bottom: -5px;
  font-weight: 600;
}
.banking-zuordnen-connection-head img {
  max-width: 200px;
  max-height: 80px;
  display: block;
  margin: 0 auto;
}
.no-background-color .banking-zuordnen-connection-head img {
  background: #fff;
  position: relative;
  z-index: 10;
  padding: 15px 20px;
  border-radius: 4px;
}
@media screen and (min-width: 992px) {
  .banking-zuordnen-connection-head {
    float: left;
    width: 400px;
    margin-left: -400px;
    display: block;
    box-sizing: border-box;
    position: sticky;
    top: 200px;
    padding-top: 0;
  }
  .banking-zuordnen-connection-head img {
    max-width: 100%;
  }
  .banking-zuordnen-connection-head span {
    text-align: left;
    display: block;
    color: #fff;
    padding: 15px 20px 15px 15px;
    margin: -15px -20px -5px -10px;
    border-radius: 5px;
    font-weight: 400;
  }
  .banking-zuordnen-connection.no-background-color .banking-zuordnen-connection-head span {
    font-weight: bold;
    text-align: center;
  }
}
.banking-zuordnen-connection .zugeordnet li:before {
  display: none;
}
.banking-zuordnen-connection .zugeordnet a {
  cursor: auto !important;
}
.banking-zuordnen-account {
  padding: 0.5em 15px;
  margin: 5px 5px 0;
  background: #fff;
  border-radius: 5px;
  position: relative;
  border: 2px solid var(--border-color);
  /**
   * .form-group padding-Anpassung
   */
  /**
   * Weitere Accounts nach dem ersten
   */
  /**
   * Saldo
   */
  /**
   * Kontonummer oder IBAN
   */
  /**
   * Konto-Guthaben (Rot/Grün)
   * Margin-Anpassung auch für h4
   */
}
.banking-zuordnen-account .banking-einrichten-wrap {
  padding: 7px 0 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .banking-zuordnen-account {
    margin: 15px 0 0;
  }
}
@media screen and (min-width: 992px) {
  .banking-zuordnen-account {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    border: 0 none;
    float: left;
    width: calc(100% - 1px);
    box-sizing: border-box;
    clear: none;
    margin: 1px 1px -4px 0;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .banking-zuordnen-account .form-group label + div {
    padding-top: 7px;
    width: auto;
    max-width: 66%;
  }
}
.banking-zuordnen-account ~ .banking-zuordnen-account {
  margin-top: 15px;
}
.banking-zuordnen-account-saldo {
  float: right;
}
.banking-zuordnen-account li::before {
  display: none !important;
}
.banking-zuordnen-account-nr {
  display: block;
  line-height: 2em;
  color: #777;
  border-bottom: 1px solid #eee;
  padding: 0 15px 5px;
  margin: 0 -15px 0;
}
.banking-zuordnen-account-nr b {
  font-weight: 600;
}
.banking-zuordnen-account-balance,
.banking-zuordnen-account h4 {
  margin: 10px 0 0;
}
.banking-zuordnen-account h4 {
  font-weight: bold;
  color: var(--font-dark);
}
.banking-zuordnen-account p {
  padding-top: 10px;
}
.banking-zuordnen-account .action_list .list-node > li > a {
  color: var(--font-dark);
}
.banking-zuordnen-contract-detail-field {
  display: flex;
}
.banking-zuordnen-contract-detail-field b {
  font-weight: 600;
}
.banking-zuordnen-contract-detail-field b {
  flex: 1;
}
.banking-zuordnen-contract-detail-field span {
  flex: 2;
}
@media screen and (min-width: 992px) {
  .banking-zuordnen-contract-detail-field b[title] {
    font-size: 0;
  }
  .banking-zuordnen-contract-detail-field b[title]::before {
    content: attr(title);
    font-size: 16px;
  }
}
.banking-zuordnen-abschliessen {
  margin-top: 30px;
}
.banking-zuordnen .alert-info {
  margin-top: 10px;
  margin-bottom: 10px;
  --alert-info-color: var(--font-dark);
}
.banking-zuordnen .list-node img {
  top: 7px !important;
}
@media screen and (min-width: 335px) {
  .banking-zuordnen .list-node img {
    top: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .banking-zuordnen .list-node img {
    top: 9px !important;
  }
}

/**
 * Banking-Admin setzt stark die auf die Zuordnen-Seite, hat aber Anpassungen/Erweiterungen
 */
.banking-admin-actions {
  padding-top: 10px;
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .banking-admin-actions {
    margin: 0 -15px;
  }
}
.banking-admin-actions .btn {
  flex: 1;
}
.banking-admin-actions .fa-remove {
  color: #e20000;
}

.list-node > li:last-child {
  border-bottom: 0;
}

.banking-admin .action_list .btn .fa-remove, .banking-admin .action_list button .fa-remove, .banking-zuordnen .action_list .btn .fa-remove, .banking-zuordnen .action_list button .fa-remove {
  color: #e20000 !important;
  position: static !important;
}
.banking-admin .action_list .btn .fa-bell, .banking-admin .action_list button .fa-bell, .banking-zuordnen .action_list .btn .fa-bell, .banking-zuordnen .action_list button .fa-bell {
  color: var(--highlight-color) !important;
}
.banking-admin .push-settings.options, .banking-zuordnen .push-settings.options {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  color: var(--font-dark);
  padding: 5px 0;
  border-radius: 5px;
}
.banking-admin .push-settings.options button, .banking-zuordnen .push-settings.options button {
  background: transparent;
  padding: 5px 15px;
  margin: 0;
  border: 0 none;
  width: 100%;
  text-align: left;
}
.banking-admin .push-settings.options button span, .banking-zuordnen .push-settings.options button span {
  font-weight: 600;
}
.banking-admin .push-settings.options button:not(:first-child), .banking-zuordnen .push-settings.options button:not(:first-child) {
  border-top: 1px solid #fff;
}
.banking-admin .push-settings.options i.fa, .banking-admin .push-settings.options i.glyphicon, .banking-admin .push-settings.options #main-navigation i.expand, #main-navigation .banking-admin .push-settings.options i.expand, .banking-zuordnen .push-settings.options i.fa, .banking-zuordnen .push-settings.options i.glyphicon, .banking-zuordnen .push-settings.options #main-navigation i.expand, #main-navigation .banking-zuordnen .push-settings.options i.expand {
  width: 20px;
  text-align: center;
  float: right;
  font-size: 125%;
}

.account-notification .btn {
  margin: 0 0 15px;
}
.account-notification-rules {
  padding-top: 10px;
}
.account-notification-rule {
  display: flex;
  clear: both;
  padding: 5px 0 5px 0;
}
.account-notification-rule-label {
  flex-grow: 1;
  align-items: center;
  display: flex;
}
.account-notification-rule:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.account-notification-rule .checkbox {
  float: none;
  margin: 0;
  display: flex;
}
.account-notification-rule .checkbox label {
  align-self: center;
}
.account-notification-rule .checkbox .fa, .account-notification-rule .checkbox .glyphicon, .account-notification-rule .checkbox #main-navigation .hassubnav > a:before, #main-navigation .account-notification-rule .checkbox .hassubnav > a:before, .account-notification-rule .checkbox #main-navigation .expand, #main-navigation .account-notification-rule .checkbox .expand, .account-notification-rule .checkbox label[for*=geschlecht]:before {
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .body-zuordnen empty-state {
    padding: 15px;
  }
}

banking-webform {
  margin: 15px 0;
}
banking-webform,
banking-webform > .banking-webform,
banking-webform > .banking-webform > .loaded {
  flex: 1;
  height: 100%;
}
banking-webform .block-ui .loader {
  --background-loader: #eee;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
@media (prefers-color-scheme: dark) {
  banking-webform .block-ui .loader {
    --background-loader: #0d0d0d;
  }
}
banking-webform .block-ui .loader .message {
  color: var(--background-container-text);
  display: flex;
  flex: 1;
  padding: 15px;
  margin: auto;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  font-weight: bold;
}
banking-webform .block-ui .loader .spinner {
  position: static;
  flex: 1;
}

.webform-modal-content,
.bank-credentials-form,
.banking-webform {
  --btn-default-color: var(--font-dark);
  --btn-default-background: #fff;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .webform-modal-content,
.bank-credentials-form,
.banking-webform {
    border-radius: 15px;
  }
}
.tour-slider .webform-modal-content,
.tour-slider .bank-credentials-form,
.tour-slider .banking-webform {
  width: auto;
}
.webform-modal-content .fa-refresh,
.bank-credentials-form .fa-refresh,
.banking-webform .fa-refresh {
  display: block;
  font-size: 300%;
  margin: 30px 0;
  text-align: center;
}
.webform-modal-content .error,
.bank-credentials-form .error,
.banking-webform .error {
  margin-top: -15px;
}
.webform-modal-content .link,
.bank-credentials-form .link,
.banking-webform .link {
  text-decoration: underline;
  cursor: pointer;
}
.webform-modal-content img,
.bank-credentials-form img,
.banking-webform img {
  height: 60px;
  display: inline-block;
  margin: 10px auto;
}
.webform-modal-content img + span,
.bank-credentials-form img + span,
.banking-webform img + span {
  display: inline-block;
  position: relative;
  top: 10px;
  margin-left: 15px;
}
.webform-modal-content.loading .slide-toggle,
.bank-credentials-form.loading .slide-toggle,
.banking-webform.loading .slide-toggle {
  transition: 0 !important;
}

@media screen and (max-width: 767px) {
  .bank-credentials-form {
    padding-bottom: 30px;
  }
}
.bank-credentials-form p {
  font-size: 120%;
}
.bank-credentials-form p, .bank-credentials-form p.error {
  margin: 30px 0 !important;
}
@media screen and (min-width: 992px) {
  .bank-credentials-form p {
    margin: 60px 0 !important;
  }
}

.webform-modal-content h4 {
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #2980b9;
}
.webform-modal-content .intro-with-info {
  display: flex;
}
.webform-modal-content .intro-with-info .fa, .webform-modal-content .intro-with-info .glyphicon, .webform-modal-content .intro-with-info #main-navigation .hassubnav > a:before, #main-navigation .webform-modal-content .intro-with-info .hassubnav > a:before, .webform-modal-content .intro-with-info #main-navigation .expand, #main-navigation .webform-modal-content .intro-with-info .expand, .webform-modal-content .intro-with-info label[for*=geschlecht]:before {
  margin-right: 10px;
  font-size: 20px;
  margin-top: auto;
  margin-bottom: auto;
}
.webform-modal-content .alert.hint {
  border-color: #ccc;
  text-align: justify;
  font-size: 90%;
}
.webform-modal-content .about {
  margin-top: 20px;
}
.webform-modal-content .about p {
  margin: 0;
}

banking-connection .tour-slider.dark {
  color: var(--text-on-bg);
}
.modal-content banking-connection .tour-slider.dark {
  color: var(--text-color);
}
banking-connection .tour-slider.dark .slide {
  padding: 25px;
}
.tour-slider banking-connection {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}
.tour-slider banking-connection > div:nth-child(2) {
  flex: 1;
  display: flex;
}
.banking-connection-refresh banking-connection {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
  position: static;
}
banking-connection .tour-slider {
  height: 100%;
}
.banking-connection-refresh banking-connection .slide-wrapper,
.banking-connection-refresh banking-connection .tour-slider {
  position: static;
}
banking-connection label[ng-repeat] {
  font-weight: normal;
  border-bottom: 1px solid var(--border-color);
  margin: 0;
  padding: 10px 0;
}
banking-connection label[ng-repeat]:last-of-type {
  margin-bottom: 20px;
}
banking-connection label[ng-repeat] p {
  margin: 0 !important;
}
banking-connection .bank-credentials-bank {
  margin: 0;
}
banking-connection .about {
  margin-top: 15px;
}

.banking-connection-mode {
  background: var(--background-container-inverse);
  color: var(--background-container-text);
  font-size: 120%;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  letter-spacing: 0.5px;
  margin: 0;
}
.banking-connection-body {
  --text-on-bg: var(--background-container-text);
  background: var(--background-container);
  color: var(--background-container-text);
  flex: 1;
}
.banking-connection-interface-account-date {
  font-size: 80%;
}
.banking-connection-footer {
  margin-top: 10px;
}
.banking-connection-psd2-hint {
  font-size: 80%;
}
.banking-connection--intro-text {
  margin-bottom: 16px;
}

.finapi {
  font-weight: bold;
}
.finapi span {
  color: #00b0f0;
}
.error .finapi span {
  color: inherit;
}

.banking-timer {
  color: #fff;
  padding: 5px;
  text-align: center;
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
@media screen and (min-width: 992px) {
  .banking-timer {
    margin: -20px -15px 15px;
  }
}

.transaction-simple-container {
  text-align: left;
  display: flex;
  max-height: 100%;
  flex-grow: 1;
  overflow-x: auto;
  flex-direction: column;
  max-height: calc(100vh - 150px);
  border-top: 1px solid #eee;
}
.transaction-simple-amount {
  font-weight: 600;
  float: right;
}
.transaction-simple-counterpart {
  display: block;
}
.transaction-simple-type {
  /* min-width: 100px;
  width: 100px; */
  line-height: 180%;
  font-weight: 600;
}
.transaction-simple-entry {
  padding: 10px 15px;
}
.transaction-simple-entry:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.body-optimieren {
  background: linear-gradient(#013750, #1b1c2d) fixed;
}
.body-optimieren .checkbox input ~ label {
  box-shadow: none;
}
.body-optimieren .group-count {
  min-width: 36px;
}
.body-optimieren .page > div:not(:empty) {
  padding: 0px;
}
@media screen and (max-width: 992px) {
  .body-optimieren .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.body-optimieren #app-header h1 {
  color: var(--highlight-color);
  font-size: 23.8px;
  font-weight: 600;
  transition: all ease-in 0.25s;
}
.body-optimieren .full-screen {
  height: 100%;
}
.body-optimieren .group-head {
  top: 0;
}
.body-optimieren .page_head_function {
  margin-top: 0 !important;
}
.body-optimieren .slide {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.body-optimieren .slider-navigation nav {
  padding: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.body-optimieren .slider-navigation .btn {
  font-size: 125%;
}
.body-optimieren .vertraege-list {
  margin: 0 auto;
}
.body-optimieren .vertraege-list .row {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: normal;
  padding-bottom: 15px;
  border-radius: 5px;
  background: var(--background-container);
  color: var(--background-container-text);
  padding: 10px 15px 10px 70px;
  margin: 1px 0 0;
  position: relative;
}
.body-optimieren .vertraege-list .row label,
.body-optimieren .vertraege-list .row span {
  white-space: nowrap;
}
.body-optimieren .vertraege-list .row label,
.body-optimieren .vertraege-list .row .gesellschaft {
  overflow: hidden;
  text-overflow: ellipsis;
}
.body-optimieren .vertraege-list .row .logo {
  margin: 0;
  position: absolute;
  left: 15px;
  top: calc(50% - 20px);
  width: 40px;
}
@media (prefers-color-scheme: dark) {
  .body-optimieren .vertraege-list .row .logo {
    background: #fff;
    border-radius: 50%;
  }
}
.body-optimieren .vertraege-list .row .logo img {
  width: 100%;
}
.body-optimieren .vertraege-list-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.optimieren-slide-dark {
  color: #fff;
}
.optimieren-slide-dark.text-center {
  text-align: center;
}
.optimieren-slide-dark .form-group {
  margin-top: 15px;
}
.optimieren-slide-dark .btn-block {
  margin-bottom: 15px;
}
.optimieren-slide-dark form {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}
.optimieren-slide-dark h2 {
  font-size: 170%;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-align: center;
  margin: 0 0 10px;
  line-height: 140%;
}
@media screen and (min-width: 992px) {
  .optimieren-slide-dark h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 995px) {
  .optimieren-slide-dark h2 .hide-mobile {
    display: none;
  }
}
.optimieren-slide-dark h2 span {
  font-size: 80%;
  display: block;
  margin-top: 15px;
  font-weight: normal;
  line-height: 140%;
}
@media screen and (min-width: 995px) {
  .optimieren-slide-dark h2 span {
    margin-bottom: -15px;
  }
}
.optimieren-slide-dark ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.optimieren-slide-dark li {
  text-align: left;
  list-style: none;
  display: flex;
  padding: 0 0 15px;
  flex: 1;
  align-items: center;
}
.optimieren-slide-dark li i {
  font-size: 250%;
  min-width: 50px;
  text-align: center;
  margin-right: 10px;
}
.optimieren-slide-dark li small {
  display: block;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  font-size: 90%;
  margin-top: 2px;
  margin-left: 1.3em;
  letter-spacing: 0.5px;
}
.optimieren-slide-dark li span {
  font-size: 125%;
}
.optimieren-slide-dark .separated {
  background-color: rgba(0, 0, 0, 0.2);
}

.tour-slider .optimieren-vertragsuebersicht-slide {
  padding: 0;
}

.optimieren-large-title {
  font-size: 240%;
}
.optimieren-large-text {
  font-size: 150%;
  line-height: 160%;
  margin: 0 0 40px;
}
.optimieren-large-words {
  font-size: 125%;
}
.optimieren-large-logo {
  font-size: 1000%;
  display: block;
  margin: 20px auto;
}

.page-bestandsuebertragung {
  color: var(--font-light);
}
.page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-text {
  padding: 15px;
  color: var(--font-light);
}
.page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-text .bestandsuebertragung-text-container {
  max-width: 600px;
  margin: auto;
}
.page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-text .bestandsuebertragung-text-container p {
  font-size: 115%;
}
.page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-vertragsuebersicht {
  padding: 15px 0 0;
}
@media screen and (max-width: 991px) {
  .page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-vertragsuebersicht .vertragsuebersicht .group-head {
    top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-document {
    padding: 0 0 15px 0;
    --mdform-title-size: 20px;
    --mdform-subtitle-size: 14px;
    --mdform-subtitle-weight: 600;
    --mdform-paragraph-size: 14px;
  }
  .page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-document .mdform {
    padding: 0 15px 15px 15px;
  }
}
.page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-document .documents-list {
  --background-container-text: var(--font-light);
}
.page-bestandsuebertragung .tour-slider .slide.bestandsuebertragung-slide-document .create-document-banner {
  padding: 15px;
}
.page-bestandsuebertragung .entry.row:not(.active) {
  cursor: unset;
}
.page-bestandsuebertragung .contract-disabled.editable {
  opacity: unset;
  cursor: unset;
}
.page-bestandsuebertragung .bestandsuebertragung-avatar {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  width: 100%;
  max-width: 300px;
  margin: auto;
  display: block;
}
.page-bestandsuebertragung produktgeber-directive {
  color: var(--background-container-text);
}
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit {
  padding-left: 0;
}
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield {
  background: unset;
}
@media screen and (min-width: 992px) {
  .page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield {
    padding-left: 30%;
  }
}
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield::before, .page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield::after {
  content: none;
}
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield label,
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .maxchar,
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .maxchar-10,
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .maxchar-20,
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .vertragsuebersicht .group-name,
.vertragsuebersicht .page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .group-name,
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .page-anbieter .link-list.tree a,
.page-anbieter .link-list.tree .page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield a {
  display: none;
}
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .btn.btn-default {
  pointer-events: auto;
  position: unset;
  right: unset;
  bottom: unset;
  padding: unset;
  color: unset;
  background: unset;
  border: unset;
}
.page-bestandsuebertragung produktgeber-directive .produktgeber-edit .textfield .btn-default::before {
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: inline;
  padding-right: 3px;
}
@media screen and (max-width: 334px) {
  .page-bestandsuebertragung .billing,
.page-bestandsuebertragung .currency {
    text-align: left;
    padding-left: 15px;
  }
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary {
  padding: 15px;
  font-size: 115%;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .Summary {
  padding-bottom: 1em;
  max-width: 600px;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row {
  text-align: left;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: normal;
  padding-bottom: 15px;
  border-radius: 5px;
  background: var(--background-container);
  color: var(--background-container-text);
  padding: 10px 15px 10px 70px;
  margin: 1px 0 0;
  position: relative;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row label,
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row span {
  white-space: nowrap;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row label,
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row .gesellschaft {
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row .logo {
  margin: 0;
  position: absolute;
  left: 15px;
  top: calc(50% - 20px);
  width: 40px;
}
@media (prefers-color-scheme: dark) {
  .page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row .logo {
    background: #fff;
    border-radius: 50%;
  }
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .row .logo img {
  width: 100%;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .document-Summary {
  padding: 0;
  margin: 1px auto;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .document-Summary .file-name {
  word-break: unset;
  white-space: unset;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .document-Summary .doc_list .list-node {
  border-radius: 5px;
  background: var(--background-container);
  text-align: left;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .document-Summary .doc_list .list-node > li {
  padding-right: 0;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .contract-Summary {
  margin: auto;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .vertraege-list {
  margin: 15px auto;
}
.page-bestandsuebertragung .bestandsuebertragung-slide-Summary .vertraege-list-row {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.body-bestandsuebertragung #gesellschaftsliste .disable {
  pointer-events: none;
  opacity: 0.5;
}

/*[field="getfeld('v_geku_am')"] {
    @media screen and (max-width:$screen-xs-max) {
        label {
            margin-top: 17px;    
        }
    }

    @media screen and (max-width:$screen-is-max) {
        label {
            margin-top: 19px;    
        }
    }
}*/
@media screen and (max-width: 767px) {
  .flex-helper-is {
    display: flex;
  }
  .flex-helper-is .flex-align-top {
    align-self: flex-start;
  }
  .flex-helper-is .flex-align-bottom {
    align-self: flex-end;
  }
}
.page_action a i {
  line-height: 70%;
}

.edit .form-horizontal,
.page-vertraegeadd .form-horizontal {
  padding-top: 1em;
}

@media screen and (max-width: 991px) {
  .page-person-edit .alert-info {
    margin: 0 -15px 1em;
  }

  .page-person-edit > div {
    padding-top: 1em;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .page-person-edit .alert-info {
    margin: 0 -30px 1em;
  }
}
#emailvergessen input {
  width: 100%;
}

.page-meinkonto-passwort > div {
  padding: 0 15px;
}
@media screen and (max-width: 991px) {
  .page-meinkonto-passwort > div {
    padding-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .page-meinkonto-passwort .admin-touch .form-group > label,
.page-meinkonto-passwort .admin-pwchange .form-group > label {
    float: left;
    width: auto;
  }
  .page-meinkonto-passwort .admin-touch .form-group > label ~ div,
.page-meinkonto-passwort .admin-pwchange .form-group > label ~ div {
    float: right;
    width: auto;
  }
}
@media screen and (min-width: 992px) {
  .page-meinkonto-passwort .checkbox {
    float: left;
  }
}

.btn .fa, .btn .glyphicon, .btn #main-navigation .hassubnav > a:before, #main-navigation .btn .hassubnav > a:before, .btn #main-navigation .expand, #main-navigation .btn .expand, .btn label[for*=geschlecht]:before {
  /* vorerst raus, ggf. wieder rein, stört mehr als dass der hilft
    margin-right: 0.25em;
    font-size: 135%;
    position: relative;
    top: 1px;
  */
}
.btn .fa.fa-trash, .btn .fa-trash.glyphicon, .btn #main-navigation .hassubnav > a.fa-trash:before, #main-navigation .btn .hassubnav > a.fa-trash:before, .btn #main-navigation .fa-trash.expand, #main-navigation .btn .fa-trash.expand, .btn label.fa-trash[for*=geschlecht]:before {
  color: #e20000;
}
.btn .fa.fa-star, .btn .fa-star.glyphicon, .btn #main-navigation .hassubnav > a.fa-star:before, #main-navigation .btn .hassubnav > a.fa-star:before, .btn #main-navigation .fa-star.expand, #main-navigation .btn .fa-star.expand, .btn label.fa-star[for*=geschlecht]:before {
  color: var(--highlight-color);
}
.btn .fa.fa-briefcase, .btn .fa-briefcase.glyphicon, .btn #main-navigation .hassubnav > a.fa-briefcase:before, #main-navigation .btn .hassubnav > a.fa-briefcase:before, .btn #main-navigation .fa-briefcase.expand, #main-navigation .btn .fa-briefcase.expand, .btn label.fa-briefcase[for*=geschlecht]:before {
  color: #1c4260;
}
.btn.btn-lg .fa, .btn.btn-lg .glyphicon, .btn-group-lg > .btn .fa, .btn-group-lg > .btn .glyphicon, .btn.btn-lg #main-navigation .hassubnav > a:before, #main-navigation .btn.btn-lg .hassubnav > a:before, .btn-group-lg > .btn #main-navigation .hassubnav > a:before, #main-navigation .btn-group-lg > .btn .hassubnav > a:before, .btn.btn-lg #main-navigation .expand, #main-navigation .btn.btn-lg .expand, .btn-group-lg > .btn #main-navigation .expand, #main-navigation .btn-group-lg > .btn .expand, .btn.btn-lg label[for*=geschlecht]:before, .btn-group-lg > .btn label[for*=geschlecht]:before {
  top: 0;
}

.laufzeit span span {
  height: 0.95em;
  border-bottom: 0.05em solid #2d3f51;
  /*font-default*/
  display: inline-block;
  color: transparent;
  margin: 0 0.1em;
}

.laufzeit span span:last-child {
  padding-right: 0.7em;
}

legend .fa-angle-down, legend #main-navigation .hassubnav > a:before, #main-navigation legend .hassubnav > a:before,
.link-list a:not([class*=more]) .fa-angle-down,
.link-list a:not([class*=more]) #main-navigation .hassubnav > a:before,
#main-navigation .link-list a:not([class*=more]) .hassubnav > a:before {
  position: absolute;
  right: 15px;
  top: calc(50% - 0.5em);
  transition: all ease-in 0.25s;
  color: #ccc;
}

.panel-title {
  font-size: 120%;
}

.panel-body img {
  max-width: 100%;
}
.panel-body h4 {
  font-weight: bold;
}

.input-group-btn .glyphicon {
  font-size: 120%;
}

.impressum label {
  display: block;
  float: none;
}

.text-page {
  background: var(--background-container);
  color: var(--background-container-text);
  margin: 15px;
  border-radius: 15px;
  padding: 10px;
}
.text-page table {
  margin: 20px 0;
}
.text-page table tr:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.text-page table td {
  width: 50%;
  padding: 10px 0;
}
.text-page.datenschutz h3 {
  margin-left: -25px;
  margin-right: -25px;
}
.page-nutzungsbedingungen .text-page h3 {
  font-size: 130%;
  font-weight: 600;
  text-transform: uppercase;
}
.text-page p {
  line-height: 1.5em;
}
.text-page p:first-child {
  margin-top: 1em;
}
.text-page #details {
  margin: 1em 0;
}
.text-page #details div {
  clear: both;
}
.text-page #details div label {
  float: left;
  margin-right: 0.5em;
}
.text-page .title {
  font-weight: bold;
}
.text-page > div {
  max-width: 630px;
  padding: 0 15px;
}

@media screen and (max-width: 991px) {
  .datenschutz {
    padding-top: 20px;
  }
}
.datenschutz h2, .datenschutz h3, .datenschutz h4, .datenschutz h5 {
  margin-bottom: 1em;
}
.datenschutz h2 {
  counter-reset: datenschutz;
  font-size: 130%;
  font-weight: bold;
  margin: 50px 0;
}
.datenschutz h3 {
  cursor: pointer;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 10px;
  display: block;
  position: relative;
  counter-increment: datenschutz;
  padding-right: 35px;
  font-size: 120%;
  display: flex;
  line-height: 140%;
}
.modal-content .datenschutz h3 {
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 15px;
}
.datenschutz h3 + .slide-toggle {
  padding: 0 15px;
}
.datenschutz h3::before {
  content: counter(datenschutz) ". ";
  font-weight: 600;
  margin-right: 10px;
  margin-left: 15px;
}
.datenschutz h3 i {
  transition: all ease-in 0.25s;
  position: absolute;
  right: 15px;
  top: 5px;
}
.datenschutz h4 {
  font-size: 110%;
  font-weight: bold;
}
.datenschutz p + h4 {
  margin-top: 2em;
}
.datenschutz h5 {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 0.5em;
}
.datenschutz ul {
  margin-top: 30px;
}
.datenschutz li {
  padding-bottom: 1em;
}
.datenschutz li h4 {
  margin-bottom: 0;
}
.datenschutz > div {
  margin: 0 auto;
  max-width: 940px;
}

#gesellschaftsliste > ul > li:last-child {
  margin-bottom: 5px;
}

/*
 * Sourceerror, wenn ng-source gesetzt soll bei der Vertragsseite trotzdem der Name angezeigt werden
 */
.sourceerror img {
  width: auto;
}
.sourceerror h2 {
  display: inline !important;
}

/**
 * muss nachher in die view
 * iban (unter kontonummer in vertrags- bzw. bankingview)
 */
.iban {
  font-weight: 600;
  font-size: 90%;
}

.iap-toast-container #toast-container {
  position: relative;
}

@media (prefers-color-scheme: dark) {
  .alert-info {
    --alert-info-bg: rgba(49,112,143,0.5);
    --alert-info-border: 1px solid rgba(0,0,0,0.5);
    --alert-info-color: #fff;
    background: var(--alert-info-bg);
    border: var(--alert-info-border);
    color: var(--alert-info-color);
  }
}

@media (prefers-color-scheme: dark) {
  .alert-danger, .error, .banking-login .error, .separated.checkbox.has-error {
    --alert-danger-bg: rgba(143, 49, 49, 0.5);
    --alert-danger-border: 1px solid rgba(0,0,0,0.5);
    --alert-danger-color: #fff;
    background: var(--alert-danger-bg);
    border: var(--alert-danger-border);
    color: var(--alert-danger-color);
  }
}

.separated.checkbox.has-error label {
  color: inherit;
}

.edit,
.page-person-edit {
  color: var(--text-on-bg);
}
.modal .edit,
.modal .page-person-edit {
  color: var(--text-default);
}
@media screen and (min-width: 768px) {
  .edit legend,
.page-person-edit legend {
    text-align: center;
  }
}

produktgeber-directive[nologo=true] .form-horizontal {
  padding-top: 0;
}

produktgeberselect > div {
  position: relative;
}
produktgeberselect .link-list h4 {
  padding-left: 10px;
}

.page-berater-meinefreigaben.bg-light legend {
  color: var(--text-color);
}

.erstinformation h1 {
  text-transform: none;
  margin-bottom: 0;
}
.erstinformation h1 + h2 {
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 2em;
}

iframe#pdfFrame,
object#pdfFrame {
  border: 0 none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

html {
  --app-margin-top: var(--safe-area-inset-top);
  --app-margin-bottom: var(--safe-area-inset-bottom);
  --header-base: 50px;
  --header-height: calc(
    var(--header-base) +
    var(--safe-area-inset-top)
  );
  --app-margin-top: calc(var(--safe-area-inset-top) + 30px);
  --app-margin-bottom: calc(var(--safe-area-inset-bottom) + 30px);
  --background-gradient: linear-gradient(#013750 0, #1b1c2d 100vh) fixed;
  --background-color: #013750;
  --background: var(--background-gradient);
  --background-container: #fff;
  --background-container-text: #2d3f51;
  --background-container-inverse: #eee;
  --background-loader: rgba(255, 255, 255, 0.5);
  --background-footer: #0b1925;
  --background-lowest: var(--primary-lightest);
  --border-color: rgba(0, 0, 0, 0.25);
  --checkbox-background: #eeeeee33;
  --text-color: #2d3f51;
  --text-on-bg: var(--font-light);
  --font-light: #fff;
  --font-dark: #2d3f51;
  --font-medium: color_11;
  --link-color: #2980b9;
  --highlight-color: #f1a32b;
  --logo-font-light: #fff;
  --logo-font-dark: #191919;
  --logo-font: var(--logo-font-dark);
  --logo-slogan-light: #fff;
  --logo-slogan-dark: #22232a;
  --logo-slogan: var(--logo-font-dark);
  --vertragsuebersicht-legend-text-color: var(--text-on-bg);
  --field-color: #2d3f51;
  --field-background-color: #fff;
  --field-border: 1px solid #ccc;
  --app-header-background: transparent;
  --main-nav-background: #2d3f51;
  --main-nav-color: #fff;
  --main-nav-active-border: 4px solid #2980b9;
  --main-nav-active-border-horizontal: 1px solid var(--border-color);
  --main-nav-active-color: var(--main-nav-color);
  --bottom-menu-height: 0px;
  --quick-nav-height: calc(var(--bottom-menu-height) + var(--safe-area-inset-bottom));
  --action-bar-height: 54px;
  --modal-body: #fff;
  --safe-area-inset-bottom: 0px;
  --safe-area-inset-top: 0px;
  --safe-area-inset-left: 0px;
  --safe-area-inset-right: 0px;
  --file-queue-background-color: #fff;
  --light-item-background: #ccc;
  --btn-default-border: 1px solid rgba(0,0,0,0.5);
  --greeting-color: var(--font-dark);
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  html {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
    --safe-area-inset-right: env(safe-area-inset-right);
  }
}
@media screen and (min-width: 335px) {
  html {
    --bottom-menu-height: 0px;
    --action-bar-height: 64.8px;
  }
}
@media screen and (min-width: 992px) {
  html {
    --main-nav-background: #0d2e48;
    --main-nav-active-border-horizontal: 0;
    --bottom-menu-height: 0px;
    --greeting-color: var(--font-light);
  }
}
@media (prefers-color-scheme: dark) {
  html {
    --background-container: rgba(0,0,0, 0.5);
    --background-container-text: #fff;
    --background-container-inverse: rgba(255, 255, 255, 0.075);
    --background-loader: rgba(0, 0, 0, 0.25);
    --background-lowest: var(--primary-darkest);
    --border-color: rgba(255, 255, 255, 0.25);
    --text-color: var(--font-light);
    --link-color: var(--font-light);
    --field-color: #fff;
    --field-background-color: rgba(0,0,0,0.5);
    --field-border: 1px solid rgba(0,0,0.5);
    --field-option-background-color: #0b1925;
    --file-queue-background-color: #0b1925;
    --btn-default-border: 1px solid rgba(255, 255, 255, 0.5);
    --light-item-background: transparent;
    --logo-font: var(--logo-font-light);
    --logo-slogan: var(--logo-slogan-light);
    --modal-body: var(--background);
  }
}

.dev-bar {
  position: fixed;
  content: "DEV: small mobile";
  background: #1d1d1d;
  top: 0;
  left: 0;
  height: 30px;
  right: 0;
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  color: #b7b7b7;
  line-height: 30px;
  pointer-events: none;
  z-index: 100;
}
@media screen and (min-width: 335px) {
  .dev-bar-target::after {
    content: "DEV: large mobile";
  }
}
@media screen and (min-width: 768px) {
  .dev-bar-target::after {
    content: "DEV: tablet";
  }
}
@media screen and (min-width: 992px) {
  .dev-bar-target::after {
    content: "DEV: desktop";
  }
}
@media screen and (min-width: 1200px) {
  .dev-bar-target::after {
    content: "DEV: Large Desktop";
  }
}
.dev-bar-mock {
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}

.dummy #app-header:after {
  content: "Dummy";
  position: fixed;
  top: 0;
  padding: 0 0 0 10px;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  text-align: left;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  font-weight: normal;
  font-weight: bold;
  text-shadow: none;
  color: #fff;
}
.dummy #app-header:before {
  content: "";
  position: fixed;
  top: 10px;
  bottom: 0;
  right: 5px;
  background: linear-gradient(to right, red 0%, red 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 100%);
  width: 90px;
  border-radius: 2px;
  height: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
  z-index: 10003;
}

.prototyp #app-header:after {
  content: "Prototyp";
  position: fixed;
  top: 0;
  padding: 0 0 0 10px;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  text-align: left;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  font-weight: normal;
  font-weight: bold;
  text-shadow: none;
  color: #fff;
}
.prototyp #app-header:before {
  content: "";
  position: fixed;
  top: 10px;
  bottom: 0;
  right: 5px;
  background: linear-gradient(to right, orange 0%, orange 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 100%);
  width: 90px;
  border-radius: 2px;
  height: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
  z-index: 10003;
}

.development #app-header:after {
  content: "in Entwicklung";
  position: fixed;
  top: 0;
  padding: 0 0 0 10px;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  text-align: left;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  font-weight: normal;
  font-weight: bold;
  text-shadow: none;
  color: #fff;
}
.development #app-header:before {
  content: "";
  position: fixed;
  top: 10px;
  bottom: 0;
  right: 5px;
  background: linear-gradient(to right, yellow 0%, yellow 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25) 100%);
  width: 90px;
  border-radius: 2px;
  height: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
  z-index: 10003;
}

.done #app-header:after {
  content: "Fertig";
  position: fixed;
  top: 0;
  padding: 0 0 0 10px;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  text-align: left;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  font-weight: normal;
  font-weight: bold;
  text-shadow: none;
  color: #fff;
}
.done #app-header:before {
  content: "";
  position: fixed;
  top: 10px;
  bottom: 0;
  right: 5px;
  background: linear-gradient(to right, green 0%, green 100%, rgba(0, 0, 0, 0.25) 100%, rgba(0, 0, 0, 0.25) 100%);
  width: 90px;
  border-radius: 2px;
  height: 10px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
  z-index: 10003;
}

.dummy:not(#content) {
  color: red !important;
}

.dummy-gesellschaften {
  counter-reset: gesellschaften;
}
.dummy-gesellschaften .logo-small,
.dummy-gesellschaften .logo {
  width: 25%;
  float: left;
}
.dummy-gesellschaften .logo-small img,
.dummy-gesellschaften .logo img {
  max-width: 100%;
}
.dummy-gesellschaften .logo {
  padding: 10px;
}
.dummy-gesellschaften .name {
  display: inline-block;
  background: var(--background-container);
  padding: 10px;
  border-radius: 10px;
}
.dummy-gesellschaften .logo-small {
  border-radius: 10px;
  background: #fff;
  width: 60px;
  margin: 0 50px;
}
.dummy-gesellschaften .list-entry {
  clear: both;
  padding-bottom: 1em;
  border-bottom: 1px solid #afafaf;
  padding-top: 1em;
  position: relative;
}
.dummy-gesellschaften .list-entry:before {
  counter-increment: gesellschaften;
  content: counter(gesellschaften);
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: white;
  padding: 10px 15px;
  border-bottom-left-radius: 15px;
  font-weight: bold;
  color: #7d7d7d;
}

.kbactive #app-footer:after {
  content: "EINGABE AKTIV";
  text-align: center;
  font-weight: bold;
  color: #fff;
  z-index: 1000000;
  background: red;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  position: fixed;
}

.page-dummy .search {
  position: static;
  position: sticky;
  top: 80px;
  z-index: 1000;
}
@media screen and (min-width: 992px) {
  .page-dummy .search {
    top: 80px;
  }
}
@media screen and (min-width: 992px) {
  .page-dummy .search {
    top: 80px;
  }
}
.page-dummy .show-logo-outlines svg {
  border: 1px dotted var(--border-color);
}
.page-dummy .has-success {
  color: green;
}

.dev-hidden-bar-right {
  position: fixed;
  right: 10px;
  z-index: 100000;
  left: 0;
  width: 100vw;
  background: #1d1d1d;
  padding: 10px 10px 10px 45px;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all ease-in 0.25s;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  min-height: 80px;
  transform: rotate(-90deg);
  bottom: calc(100vh + 50vw - 80px);
}
.dev-hidden-bar-right-toggle {
  cursor: pointer;
  font-size: 10px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 0;
  align-self: center;
  transform: rotate(90deg);
}
.dev-hidden-bar-right-toggle, .dev-hidden-bar-right-toggle:focus, .dev-hidden-bar-right-toggle.hover {
  color: #eee !important;
}
.dev-hidden-bar-right-toggle::before {
  content: "DEBUG";
}
.dev-hidden-bar-right .btn {
  align-self: center;
  margin: 0 2px 2px 0;
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dev-hidden-bar-right.active {
  bottom: calc(100vh - 80px);
  transform: rotate(0deg);
}

.dummy-hosts {
  margin: 0 -15px;
}
.dummy-hosts .active a {
  background: #eee !important;
}
.dummy-hosts h2 {
  font-weight: 600;
  color: #fff;
  padding: 15px;
  font-size: 20px;
  margin: 0;
  text-align: center;
}
.dummy-hosts span {
  float: right;
}

#html5colorpicker {
  position: fixed;
  top: 0px;
  right: 0;
  border: 0;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
}

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