/* ------------------------------------------------------------ */
/* --- GENERAL STUFF ------------------------------------------ */
/* ------------------------------------------------------------ */

/* CI colors
color: #bbd030;
color: #9cb40d;
color: #879d0c;
color: #5b7813;
color: #466612;
*/

body {
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 15px;
  /* 100/200 makes problems on non-retina */

  color: rgb(30, 30, 42);
  background-color: rgba(190, 190, 192, 0.36);
  background-color: white;

  min-width: 310px;
}

.img-centered {
  margin: 0 auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot');
  src: url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-v14-latin-300.woff2') format('woff2'), url('../fonts/lato-v14-latin-300.woff') format('woff'), url('../fonts/lato-v14-latin-300.ttf') format('truetype'), url('../fonts/lato-v14-latin-300.svg#Lato') format('svg')
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot');
  src: url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), url('../fonts/lato-v14-latin-regular.woff') format('woff'), url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg')
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot');
  src: url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-v14-latin-700.woff2') format('woff2'), url('../fonts/lato-v14-latin-700.woff') format('woff'), url('../fonts/lato-v14-latin-700.ttf') format('truetype'), url('../fonts/lato-v14-latin-700.svg#Lato') format('svg')
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxygen-v7-latin-700.eot');
  src: url('../fonts/oxygen-v7-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/oxygen-v7-latin-700.woff2') format('woff2'), url('../fonts/oxygen-v7-latin-700.woff') format('woff'), url('../fonts/oxygen-v7-latin-700.ttf') format('truetype'), url('../fonts/loxygen-v7-latin-700.svg#Lato') format('svg')
}


/* ------------------------------------------------------------ */
/* --- GLOBAL TEXT/LINK STYLES -------------------------------- */
/* ------------------------------------------------------------ */

.text-muted {
  color: #1e1e2a;
}

.text-primary {
  color: #003;
}

.text-highlight {
  color: #87b923;
}

.text-alert {
  color: #d9534f;
}

.text-lightgray {
  color: rgba(37, 38, 42, 0.15);
}

p,
ul,
table {
  font-size: 14px;
  line-height: 1.75;
}

p.large {
  font-size: 16px;
}

ul.ul-narrow {
  padding-left: 1.2em;
}

.fa-li {
  line-height: 1.5;
}

.fa-ul-large i {
  font-size: 18px;
  line-height: 18px;
}

.fa-ul-large li {
  margin-bottom: 0.5em;
}

a {
  color: #00005c;
  font-weight: 700;
  border-bottom: 2px solid #003;
}

a.defaultColor {
  color: black;
}
a.subtlestyle {
  border-bottom: none;
}

.text-muted a.defaultColor {
  color: #1e1e2a;
}

ul.text-muted ul,
ul.text-muted li {
  color: #1e1e2a;
}

section.bg-dark .text-muted a.defaultColor {
  color: #1e1e2a;
}

a:hover,
a:focus,
a:active,
a.visited {
  color: #00005c;
  outline: 0;
  border-bottom: 2px solid #9c3;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  color: #003;
}

h4,
h5,
h6 {
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  color: #003;
}

h4 strong,
h5 strong,
h6 strong {
  color: #003;
  font-weight: 500;
}

.text-danger,
.has-error .help-block,
.has-error .control-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 {
  font-weight: 700;
  color: #d9534f;
}

.has-error .form-control {
  border-color: #d9534f;
}

.slowBGTransition {
  -webkit-transition: background-color 1000ms ease-in;
  -moz-transition: background-color 1000ms ease-in;
  -o-transition: background-color 1000ms ease-in;
  -ms-transition: background-color 1000ms ease-in;
  transition: background-color 1000ms ease-in;
}

.fastBGTransition {
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.noBGTransition {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

table th.width-xs {
  width: 50px;
}

table th.width-s {
  width: 75px;
}

table th.width-m {
  width: 100px;
}

table th.width-l {
  width: 150px;
}

table th.width-xl {
  width: 200px;
}

table th.width-xxl {
  width: 250px;
}

/* ------------------------------------------------------------ */
/* --- BOOTSTRAP EXTENSION / OVERLOADING ---------------------- */
/* ------------------------------------------------------------ */

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

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

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

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

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }

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

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

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

@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }

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

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

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

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }

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

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

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

.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media (max-width: 480px) {

  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11 {
    float: left;
  }

  .col-xxs-1 {
    width: 8.333333333333332%;
  }

  .col-xxs-2 {
    width: 16.666666666666664%;
  }

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

  .col-xxs-4 {
    width: 33.33333333333333%;
  }

  .col-xxs-5 {
    width: 41.66666666666667%;
  }

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

  .col-xxs-7 {
    width: 58.333333333333336%;
  }

  .col-xxs-8 {
    width: 66.66666666666666%;
  }

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

  .col-xxs-10 {
    width: 83.33333333333334%;
  }

  .col-xxs-11 {
    width: 91.66666666666666%;
  }

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

  .col-xxs-push-1 {
    left: 8.333333333333332%;
  }

  .col-xxs-push-2 {
    left: 16.666666666666664%;
  }

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

  .col-xss-push-4 {
    left: 33.33333333333333%;
  }

  .col-xxs-push-5 {
    left: 41.66666666666667%;
  }

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

  .col-xxs-push-7 {
    left: 58.333333333333336%;
  }

  .col-xxs-push-8 {
    left: 66.66666666666666%;
  }

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

  .col-xxs-push-10 {
    left: 83.33333333333334%;
  }

  .col-xxs-push-11 {
    left: 91.66666666666666%;
  }

  .col-xxs-pull-1 {
    right: 8.333333333333332%;
  }

  .col-xxs-pull-2 {
    right: 16.666666666666664%;
  }

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

  .col-xxs-pull-4 {
    right: 33.33333333333333%;
  }

  .col-xxs-pull-5 {
    right: 41.66666666666667%;
  }

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

  .col-xxs-pull-7 {
    right: 58.333333333333336%;
  }

  .col-xxs-pull-8 {
    right: 66.66666666666666%;
  }

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

  .col-xxs-pull-10 {
    right: 83.33333333333334%;
  }

  .col-xxs-pull-11 {
    right: 91.66666666666666%;
  }

  .col-xxs-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-xxs-offset-2 {
    margin-left: 16.666666666666664%;
  }

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

  .col-xxs-offset-4 {
    margin-left: 33.33333333333333%;
  }

  .col-xxs-offset-5 {
    margin-left: 41.66666666666667%;
  }

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

  .col-xxs-offset-7 {
    margin-left: 58.333333333333336%;
  }

  .col-xxs-offset-8 {
    margin-left: 66.66666666666666%;
  }

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

  .col-xxs-offset-10 {
    margin-left: 83.33333333333334%;
  }

  .col-xxs-offset-11 {
    margin-left: 91.66666666666666%;
  }

}

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

tr.visible-xxs {
  display: none !important;
}

th.visible-xxs,
td.visible-xxs {
  display: none !important;
}

@media (max-width: 479px) {

  .visible-xxs {
    display: block !important;
  }

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

  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }

  .hidden-xxs {
    display: none !important;
  }

  tr.hidden-xxs {
    display: none !important;
  }

  th.hidden-xxs,
  td.hidden-xxs {
    display: none !important;
  }

}

.table th {
  /*font-weight: 500;*/
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th {
  border-top: none;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding: 10px;
}

.table tr.clickable-row {
  cursor: pointer;
}

.table tr.clickable-row:hover {
  color: white;
  background-color: #003;
  /*background-color: #e3e3e9;*/
}

.table tr.clickable-row:hover a {
  color: white;
  border: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff;
}

.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f9f9f9;
}



/* ------------------------------------------------------------ */
/* --- BACKGROUND COLORS/STYLES ------------------------------- */
/* ------------------------------------------------------------ */

.bg-white {
  background-color: #fff;
}

.bg-light-gray {
  background-color: #f7f7f7;
}

.bg-darkest-gray {
  background-color: #24262b;
}

.bg-dark {
  background-color: #2e2e31;
}

.bg-light-gray.bg-shadow-bottom-large {
  -moz-box-shadow: inset 0 -200px 200px -200px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 -200px 200px -200px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 -200px 200px -200px rgba(0, 0, 0, 0.05);
}

.bg-light-gray.bg-shadow-top-large {
  -moz-box-shadow: inset 0 200px 200px -200px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 200px 200px -200px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 200px 200px -200px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 200px 200px -200px rgba(255, 255, 255, 1);
}

.bg-shadow-bottom-large {
  -moz-box-shadow: inset 0 -200px 200px -200px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 -200px 200px -200px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -200px 200px -200px rgba(0, 0, 0, 0.1);
}

.bg-shadow-top-large {
  -moz-box-shadow: inset 0 200px 200px -200px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 200px 200px -200px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 200px 200px -200px rgba(0, 0, 0, 0.1);
}

.bg-shadow-bottom {
  -moz-box-shadow: inset 0 -100px 100px -100px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -100px 100px -100px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -100px 100px -100px rgba(0, 0, 0, 0.15);
}

.bg-shadow-top {
  -moz-box-shadow: inset 0 100px 100px -100px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 100px 100px -100px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 100px 100px -100px rgba(0, 0, 0, 0.15);
}

.bg-enlight-bottom-large {
  -moz-box-shadow: inset 0 -200px 200px -200px rgba(255, 255, 255, 1.0);
  -webkit-box-shadow: inset 0 -200px 200px -200px rgba(255, 255, 255, 1.0);
  box-shadow: inset 0 -200px 200px -200px rgba(255, 255, 255, 1.0);
}

.bg-enlight-top-large {
  -moz-box-shadow: inset 0 200px 200px -200px rgba(255, 255, 255, 1.0);
  -webkit-box-shadow: inset 0 200px 200px -200px rgba(255, 255, 255, 1.0);
  box-shadow: inset 0 200px 200px -200px rgba(255, 255, 255, 1.0);
}

@media (max-width: 768px) {

  /*nerviger safari bug schneidet shadow bei kleinen auflösungen ab*/
  .bg-enlight-top-large {
    -moz-box-shadow: inset 0 100px 100px -100px rgba(255, 255, 255, 1.0);
    -webkit-box-shadow: inset 0 100px 100px -100px rgba(255, 255, 255, 1.0);
    box-shadow: inset 0 100px 100px -100px rgba(255, 255, 255, 1.0);
  }
}

.bg-enlight-top-small {
  -moz-box-shadow: inset 0 100px 100px -100px rgba(255, 255, 255, 1.0);
  -webkit-box-shadow: inset 0 100px 100px -100px rgba(255, 255, 255, 1.0);
  box-shadow: inset 0 100px 100px -100px rgba(255, 255, 255, 1.0);
}

.btn {
  letter-spacing: 1.5px;
}


/* ------------------------------------------------------------ */
/* --- CORE LAYOUT -------------------------------------------- */
/* ------------------------------------------------------------ */

.page-constrain {
  /*max-width: 1440px;
    min-width: 310px;*/
  margin: auto;
  position: relative;
  background: #e2f0fe url('../img/bg-gradient-top.png') 0 0 repeat-x;
}

.page-constrain .navbar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  /*max-width: 1440px;
    min-width: 310px;*/
  margin: auto;
}

.vertical-spacer-tiniest {
  height: 0.5em;
  clear: both;
}

.vertical-spacer-tiny {
  height: 1em;
  clear: both;
}

.vertical-spacer-small {
  height: 2em;
  clear: both;
}

.vertical-spacer-medium {
  height: 3.5em;
  clear: both;
}

.vertical-spacer-large {
  height: 5em;
  clear: both;
}

.horizontal-spacer-tiny {
  width: 1em;
  display: inline-block;
}

.horizontal-spacer-small {
  width: 2em;
  display: inline-block;
}

.horizontal-spacer-medium {
  width: 3.5em;
  display: inline-block;
}

.horizontal-spacer-large {
  width: 5em;
  display: inline-block;
}

.container {
  overflow: hidden;
}

.navbar .container,
#contact .footer-navline .container,
#intro .container,
header .container {
  overflow: visible;
}

section {
  /*margin-top: 15px;*/
}

/* ------------------------------------------------------------ */
/* --- TOP NAVIGATION BAR (+LOGO) ----------------------------- */
/* ------------------------------------------------------------ */


.navbar-default {
  border-color: transparent;
  border-radius: 0;
  min-height: 52px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;

  -webkit-transition: padding .3s, margin .3s;
  -moz-transition: padding .3s, margin .3s;
  transition: padding .3s, margin .3s;
}

/* webkit-hack for touch-devices */
.navbar-default {
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px);
}

.navbar-default .container {
  background: none;
}

.navbar-default.navbar-bright {
  border-color: transparent;
  background: #fff;
  background: #e2f0fe url('../img/bg-gradient-top.png') 0 0 repeat-x;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-default.navbar-bright.navbar-shrink {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

.navbar-default.navbar-bright.navbar-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.navbar-default.navbar-bright {
  border-color: transparent;
  background-color: #fff;
}

.navbar-default .navbar-brand #navbarLogo {
  width: 140px;
  height: 20px;
  margin-top: 0px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  background-image: url("../img/logo-hnp.png");
  background-size: 100%;
  background-position: top left;
  background-repeat: no-repeat;
}

.navbar-brand,
.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a:hover,
.navbar-brand,
.navbar-nav>li>a:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  border: none;
}

/*@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
   .navbar-default .navbar-brand #navbarLogo { background-image: url("../img/LogoNew280.png"); }
}*/

.navbar-default .navbar-collapse {
  border-color: rgba(255, 255, 255, .02);
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-logout,
.navbar-default .navbar-website {
  border-color: #003;
  background-color: #003;
  color: white;
  border-radius: 0px;
}

.navbar-default .navbar-logout {
  padding-left: 12px;
  padding-right: 12px;
  float: right;
  margin-left: 30px;
  margin-top: 8px;
}

.navbar-default .navbar-logout,
.navbar-default .navbar-website {
  border-color: #003;
  background-color: #003;
  color: white;
  border-radius: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #9c3;
  border-color: #9c3;
  transition: all .6s ease-in-out;
}

.navbar-default .navbar-logout:hover,
.navbar-default .navbar-logout:focus,
.navbar-default .navbar-website:hover,
.navbar-default .navbar-website:focus {
  background-color: #9c3;
  border-color: #9c3;
  transition: all .6s ease-in-out;
}

.navbar-default .navbar-logout,
.navbar-default .navbar-website {
  font-size: 16px;
  line-height: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 34px;
  /*width: 44px;*/
}

.navbar-default .navbar-logout .fa-power-off {
  margin-left: 2px;
  margin-top: 3px;
  margin-right: 5px;
}

.navbar-default .navbar-website {
  width: auto;
}


@media(min-width:768px) {
  .navbar-default .navbar-logout {
    width: auto;
    margin-top: 0px;
  }

  .navbar-default .navbar-logout .fa-power-off {
    margin-left: 0px;
  }
}

.navbar-default .nav li a {
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  letter-spacing: 1.0px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: none;
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  transition: color 0.2s;
}

.navbar-default .nav.main-navbar li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 6px;
  height: 2px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 5%;
  opacity: 0;
  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  transition: width .2s;
}

.navbar-default .nav.main-navbar li a:focus:after,
.navbar-default .nav.main-navbar li a:hover:after {
  opacity: 1;
  width: 100%;
  background-color: #bbd030;
}

.navbar-default #sub-navbar .nav li a .glyphicon {
  color: rgba(255, 255, 255, 0.3);
}

.navbar-default #sub-navbar .nav li.active .glyphicon {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-default #sub-navbar .nav li a:hover .glyphicon,
.navbar-default #sub-navbar .nav li a:focus .glyphicon {
  outline: 0;
  color: #9cb40d;
}

.navbar-default .nav li {
  margin-top: 5px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
  outline: 0;
  color: #9cb40d;
}

.navbar-default .navbar-nav>.active>a,
.nav li.activeNav a {
  border-radius: 0;
  color: #9cb40d;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  color: #fff;
  background: none;
}

.navbar .navbar-titletext {
  text-align: right;
  font-size: 18px;
  float: right;
  padding-top: 3px;
  margin-top: 8px;
  margin-bottom: 20px;
}

.navbar .navbar-username {
  text-align: right;
  font-size: 15px;
  float: right;
  margin-right: 0px;
  margin-top: 8px;
  /*margin-bottom: 20px;*/
  margin-bottom: 8px;
  margin-left: 30px;
  padding-top: 5px;
  display: block;
  clear: right;
}
.navbar .navbar-username-loggedin {
  float: left;
}

.navbar .navbar-username .fa {
  margin-left: 6px;
}

.navbar .navbar-username a {
  border-bottom: none;
  cursor: pointer;
}

.navbar .navbar-username a:hover {
  border-bottom: 2px solid #003;
}


.main-navbar li.subitem {
  margin-top: 0px;
}

.main-navbar li.subitem a {
  font-size: 10px;
  padding-left: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}

@media(min-width:600px) {
  .navbar .navbar-username {
    clear: none;
  }
}

@media(min-width:768px) {
  .navbar .navbar-username {
    text-align: right;
    font-size: 15px;
    float: right;
    margin-right: -10px;
    margin-bottom: 0px;
    margin-top: 0px;
    display: inline;
  }

  .navbar .navbar-titletext {
    margin-top: 2px;
    margin-bottom: 0px;
  }

  .main-navbar .subitem {
    display: none;
  }

  .navbar.pageHasSubNavbar .nav li {
    margin-top: 0;
  }

  .navbar.pageHasSubNavbar .main-navbar {
    margin-top: -10px;
  }

  .navbar-shrink.pageHasSubNavbar .main-navbar {
    margin-top: -8px;
  }

  .navbar-shrink #sub-navbar {
    margin-top: -9px;
  }
}

@media(min-width:992px) {
  .navbar.navbar-shrink .navbar-titletext.navbar-titletext-2line {
    margin-top: 2px;
    margin-bottom: 0px;
  }

  .navbar .navbar-titletext.navbar-titletext-2line {
    margin-top: -8px;
    padding-top: 0px;
  }

  #sub-navbar {
    margin-top: -6px;
  }

  #sub-navbar li a {
    font-size: 11px;
  }

  .navbar.pageHasSubNavbar .main-navbar {
    margin-top: -18px;
  }

  .navbar-shrink.pageHasSubNavbar .main-navbar {
    margin-top: -15px;
  }

  .navbar-shrink #sub-navbar {
    margin-top: -10px;
  }

  .navbar-shrink.pageHasSubNavbar .main-navbar li a:after {
    bottom: 9px;
  }
}


#navbarContentSpacer {
  height: 50px;
}

#topContentSpacer {
  height: 30px;
}

.navbar-collapse {
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.05);
}

/* fix landscape navbar problems (e.g. iphone 6 sized) */
.navbar-default .navbar-collapse {
  max-height: 540px;
}

.navbar-placeholder {
  height: 0px;
  width: 100%;
}

.navbar-placeholder-xs {
  height: 52px;
  width: 100%;
}

@media(min-width:768px) {

  .navbar-default {
    padding: 30px 0;
    border: 0;
    position: relative;
  }

  .navbar-placeholder {
    height: 120px;
  }

  .navbar-right {
    margin-right: -25px;
  }

  /* for top info */
  .page-constrain .navbar {
    /* margin-top: 30px; */
    /* margin-top: 35px; */
  }

  .page-constrain .navbar.navbar-shrink {
    margin-top: 0px;
  }

  .navbar-default .navbar-brand {
    font-size: 2em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding-top: 10px;
  }

  .navbar-default .navbar-collapse {
    padding-top: 10px;
    padding-right: 0px;
  }

  .navbar-default .navbar-nav>.active>a {
    border-radius: 3px;
  }

  .navbar-default.navbar-shrink {
    padding: 10px 0;
  }

  .navbar-default.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }

  .navbar-default .navbar-brand #navbarLogo {
    width: 220px;
    height: 32px;
    margin-top: 0px;
    /*background-image: url("../img/LogoNew165.png");*/
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
  }

  .navbar-default.navbar-shrink .navbar-brand #navbarLogo {
    /*width: 145px;
      margin-top: -10px;*/
    /*background-image: url("../img/LogoNew145.png");*/
  }

  /*@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
	   .navbar-default .navbar-brand #navbarLogo { background-image: url("../img/LogoNew330.png"); }
	   .navbar-default.navbar-shrink .navbar-brand #navbarLogo { background-image: url("../img/LogoNew290.png"); }
	}*/

  #navbarContentSpacer {
    height: 100px;
  }

  #topContentSpacer {
    height: 40px;
  }

  .navbar-collapse {
    box-shadow: none;
  }

  .navbar-default .nav li a {
    letter-spacing: 0.3px;
    padding: 10px 10px;
  }

  #sub-navbar .nav li a {
    letter-spacing: 0.5px;
  }
}

@media(min-width:992px) {

  .navbar-default {
    padding: 45px 0;
  }

  .navbar-placeholder {
    height: 140px;
  }

  .navbar-right {
    margin-right: -30px;
  }

  .navbar-default.navbar-shrink {
    padding: 20px 0;
  }

  .navbar-default .nav li a {
    letter-spacing: 1.0px;
    font-size: 14px;
    padding: 15px 15px;
  }

  #sub-navbar .nav li a {
    letter-spacing: 1.0px;
  }

  .navbar-default .nav li {
    margin-top: 0px;
  }

  #navbarContentSpacer {
    height: 112px;
  }

  #topContentSpacer {
    height: 50px;
  }

  .navbar-default .navbar-brand #navbarLogo {
    width: 326px;
    height: 50px;
    margin-top: -6px;
    /*background-image: url("../img/LogoNew220.png");*/
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
  }

  .navbar-default.navbar-shrink .navbar-brand #navbarLogo {
    width: 220px;
    height: 32px;
    margin-top: 0px;
    /*background-image: url("../img/LogoNew165.png");*/
  }
}

@media(min-width:1200px) {

  #topContentSpacer {
    height: 60px;
  }
}


.sticky {
  position: fixed;
  width: 100%;
  top: 0;
}


.navbar .navbar-language {
  text-align: right;
  font-size: 15px;
  float: right;
  /*padding-top: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 20px;*/

  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 5px;
  clear: right;
}

.navbar .navbar-language.navbar-language-notloggedin {
  clear: right;
  margin-top: -10px;
}

.navbar .navbar-language .fa {
  margin-right: 6px;
}

.navbar .navbar-language a {
  border-bottom: none;
  cursor: pointer;
}

.navbar .navbar-language a:hover {
  border-bottom: 2px solid #003;
}

.dropdown-menu {
  right: 0;
  left: auto;
  /*padding: 24px 26px 24px;*/
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  min-width: inherit;
  border-radius: 2px;
  border: none;
}

.dropdown-menu>li>a {
  color: #00005c;
  font-weight: 700;
}

.navbar .navbar-language .dropdown-menu a:hover {
  border-bottom: none;
  background: none;
  color: #00005c;
}

@media(min-width:600px) {
  .navbar .navbar-language {
    margin-top: 8px;
    clear: none;
  }
}

@media(min-width:768px) {
  .navbar .navbar-language {
    padding-top: 3px;
    margin-top: 4px;
    margin-right: 20px;
    margin-bottom: 0px;
  }

  .navbar .navbar-language.navbar-language-loggedin {
    margin-right: -10px;
    margin-top: 2px;
  }

  .navbar .navbar-language.navbar-language-notloggedin {
    margin-top: 4px;
  }

  .navbar .navbar-language .lang-long {
    display: none;
  }

  .navbar .navbar-language.navbar-language-notloggedin,
  .navbar.navbar-shrink .navbar-language.navbar-language-notloggedin {
    clear: none;
  }
}

@media(min-width:992px) {
  .navbar .navbar-language .lang-long {
    display: inherit;
  }

  .navbar .navbar-language-loggedin .lang-long,
  .navbar.navbar-shrink .navbar-language .lang-long {
    display: none;
  }

  .navbar .navbar-language.navbar-language-notloggedin {
    clear: right;
    margin-right: 0px;
    margin-top: 4px;
    padding-top: 0px;
    margin-bottom: -5px;
  }

  .navbar.navbar-shrink .navbar-language.navbar-language-notloggedin {
    margin-right: 20px;
  }
}

@media(min-width:1200px) {
  .navbar .navbar-language-loggedin .lang-long {
    display: inherit;
  }
}

/* ------------------------------------------------------------ */
/* --- BUTTON STYLES ------------------------------------------ */
/* ------------------------------------------------------------ */

.btn,
button {
  border-radius: 0px;
  border: 0;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: none;
  font-weight: 500;


}

.btn .fa {
  margin-right: 0.75em;
}

.btn-primary {
  background-image: none;
  text-shadow: none;
  color: #fff;
  font-family: 'Oxygen', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
  background-color: #003;
  border: 2px solid #003;
  border-radius: 0;
  text-decoration: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #9c3;
  border-color: #9c3;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.btn-alert {
  background-color: #f24335;
  border: 2px solid #f24335;
}

.btn-alert:hover,
.btn-alert:focus,
.btn-alert:active,
.btn-alert.active,
.open .dropdown-toggle.btn-alert {
  background-color: #f24335;
  border: 2px solid #f24335;
  background-image: linear-gradient(143deg, #f24335 25%, #f07569 25%, #f07569 50%, #f24335 50%, #f24335 75%, #f07569 75%, #f07569 100%);
  background-size: 40.00px 30.14px;
  background-position: 0;
  background-repeat: initial;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  /*background-color: #a0a0ad;
  border-color: #a0a0ad;*/
  background-image: none;
  background-color: #e3e3e9;
  border-color: #e3e3e9;
  color: #0e0e2d;
}


.btn-xl {
  /*padding: 20px 40px;*/
  padding: 20px 20px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: #fff;
  background-color: #9c3;
  border-color: #9c3;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  /*background-color: #a0a0ad;
  border-color: #a0a0ad;*/
  background-color: #e3e3e9;
  border-color: #e3e3e9;
  color: #0e0e2d;
}

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

.btn-small {
  padding: 2px 14px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 15px;
}

.buttoncontainer a {
  margin-bottom: 10px;
}

.buttoncontainer-near-header {
  float: right;
  margin-top: 4px;
}

/* ------------------------------------------------------------ */
/* --- FORM STYLES -------------------------------------------- */
/* ------------------------------------------------------------ */

.radio label,
.checkbox label {
  /*font-weight: 700;*/
  color: #1e1e2a;
  font-size: 15px;
}

#form .radio label {
  display: block;
  border: 1px solid #ccc;
  padding: 15px;
  padding-left: 35px;
  /*background-color: #e2f0fe;
  background-color: #f7f7f9;
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,51,.15);
  box-shadow: 0 0 8px 0 rgba(0,0,51,.15);*/
}

#form :checked+span {
  color: #003;
  font-weight: 700;
}

.form-errors p {
  color: #d9534f;
  font-weight: 700;
}

.form-errors h3,
.form-errors h4 {
  color: #d9534f;
}

@media(min-width:992px) {
  #form .radio label {
    min-height: 75px;
  }
}

@media(min-width:1200px) {
  #form .radio label {
    min-height: 98px;
  }
}


#msgSubmit {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}


#form .form-existing-upload-container,
#form .form-voicerecording-container {
  /*background: #e2ffb0;*/
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  /*-webkit-box-shadow: 0 0 8px 0 rgba(0,0,51,.15);
  box-shadow: 0 0 8px 0 rgba(0,0,51,.15);*/
  margin-bottom: 10px;
}

#form .form-new-upload-container {
  background: #e2f0fe;
  border: 1px solid rgba(0, 0, 51, 0.13);
  padding: 10px;
  border-radius: 4px;
  /*-webkit-box-shadow: 0 0 8px 0 rgba(0,0,51,.15);
  box-shadow: 0 0 8px 0 rgba(0,0,51,.15);*/
}

#form .form-new-upload-container h4 {
  margin-top: 6px;
}

#form .form-existing-upload-container .text-muted,
.file-download-container a {
  margin-top: 8px;
  margin-left: 2px;
  display: block;
  font-weight: 700;
  border: none;
}

#form .form-existing-upload-container .text-muted i,
.file-download-container a i {
  margin-right: 6px;
}

#form .form-new-upload-container input[type="file"] {
  display: none;
}

#form .form-new-upload-container #file-selected {
  display: block;
  padding-left: 0px;
  padding-top: 10px;
}

#form .form-new-upload-container .custom-file-upload {
  display: inline-block;
  cursor: pointer;
  padding: 2px 14px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 15px;
  background-image: none;
  text-shadow: none;
  color: #fff;
  font-family: 'Oxygen', sans-serif;
  letter-spacing: .02em;
  text-align: center;
  line-height: 2em;
  background-color: #003;
  text-decoration: none !important;
  margin-bottom: 0;
  width: 100%;
}

#form .form-new-upload-container .custom-file-upload:hover,
#form .form-new-upload-container .custom-file-upload:focus,
#form .form-new-upload-container .custom-file-upload:active {
  color: #fff;
  background-color: #9c3;
  border-color: #9c3;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

#form .form-new-upload-container .custom-file-upload.fileselected {
  border: 1px solid #ccc;
  color: #003;
  background-color: transparent;
}

#form .form-voicerecording-container {
  width: 330px;
}
#form .form-voicerecording-container .form-inline-iconmargin {
  margin-left: 50px;
}
#form .form-voicerecording-container audio {
  width: 100%;
  margin-bottom: 5px;
}
#form .form-voicerecording-container .form-group-left {
  width: 50%;
  float: left;
}
#form .form-voicerecording-container .form-group-right {
  width: 49%;
  float: right;
}
#form .form-voicerecording-container #voice_recording_icon {
  margin-left: 5px;
  margin-right: 10px;
  float: left;
  margin-top: 4px;
}
#form .form-voicerecording-container .status-voicerecording-text {
  padding-top: 12px;
}

#form .btn.upload_file {
  clear: both;
  display: block;
  float: left;
  margin-top: 10px;
  width: 100%;
}

#form .btn.remove_file {
  clear: both;
  display: block;
  float: right;
}

#form .btn.remove_file span {
  display: none;
}

#form .btn.remove_file i {
  margin-right: 0px;
}


@media(min-width:480px) {
  #form .form-new-upload-container .custom-file-upload {
    width: inherit;
  }

  #form .form-new-upload-container #file-selected {
    display: inline-block;
    padding-left: 10px;
    padding-top: 0px;
  }
}

@media(min-width:768px) {
  #form .form-new-upload-container .custom-file-upload {
    width: auto;
  }

  #form .form-new-upload-container #file-selected {
    display: inline-block;
    padding-left: 10px;
    padding-top: 0px;
  }

  #form .btn.remove_file span {
    display: inline;
  }

  #form .btn.remove_file i {
    margin-right: 6px;
  }

  #form .btn.upload_file {
    float: right;
    margin-top: 0px;
    width: auto;
  }
}


.incident-state-selector {
  margin-top: 4px;
  margin-bottom: 10px;
  line-height: 1.75;
}

.incident-state-selector .fa {
  margin-right: 6px;
}

.incident-state-selector a {
  border-bottom: none;
  cursor: pointer;
}

.incident-state-selector a:hover {
  /*border-bottom: 2px solid #003;*/
  color: inherit;
}

.incident-state-selector a.iconStateNew:hover {
  color: #02b9d2;
}
.incident-state-selector a.iconStateInProgress:hover {
  color: #febe1c;
}
.incident-state-selector a.iconStateDone:hover {
  color: #87b923;
}
.incident-state-selector a.iconStateSpam:hover {
  color: #999999;
}

.incident-state-selector .dropdown-menu {
  left: 0;
  right: auto;
  /*padding: 24px 26px 24px;*/
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  min-width: inherit;
  border-radius: 2px;
  border: none;
}

.incident-state-selector .dropdown-menu>li>a {
  color: #00005c;
  font-weight: 700;
}

.incident-state-selector .dropdown-menu a:hover {
  border-bottom: none;
  background: none;
  color: #00005c;
}

.form-checkboxdiv {
  padding-left: 20px;
}

.form-checkboxdiv input {
  float: left;
  margin-left: -20px;
}

#tfa_qrcode {
  border: 1px solid #cccccc;
}
#form_tfa_verification {
  height: 38px;
}


/* ------------------------------------------------------------ */
/* --- GLOBAL STYLES ------------------------------------------ */
/* ------------------------------------------------------------ */

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

.bottom-border {
  border-bottom: 1px solid #d6d4d4;
}

.bottom-border.vertical-spacer-large {
  margin-bottom: 5em;
}

.bottom-border.vertical-spacer-small {
  margin-bottom: 2em;
}

.iconStateNew {
  color: #02b9d2;
  /*color: #9d29ae;*/
}
.iconStateInProgress {
  color: #febe1c;
}
.iconStateDone {
  color: #87b923;
}
.iconStateSpam {
  color: #999999;
}



/* ------------------------------------------------------------ */
/* --- GLOBAL SECTION STYLES ---------------------------------- */
/* ------------------------------------------------------------ */


section {
  padding: 50px 0;
}

section.section-smallPadding {
  padding: 40px 0;
}

section.section-tinyTopPadding {
  padding-top: 20px;
}

section.section-noTopPadding,
section.section-smallPadding.section-noTopPadding {
  padding-top: 0;
}

section.section-noBottomPadding,
section.section-smallPadding.section-noBottomPadding {
  padding-bottom: 0;
}

section.section-fullHeightImage {
  padding-top: 0;
  padding-bottom: 0;
}

section.section-fullHeightImage .text-container {
  padding-top: 40px;
  padding-bottom: 40px;
}

section#intro {
  margin-top: 120px;
}

section .text-muted strong {
  color: #333;
  font-weight: 500;
}

section .text-primary strong {
  font-weight: 500;
}

section.bg-dark {
  color: #fff;
}

section.bg-dark .text-muted {
  color: #bbb;
}

section h2.section-heading {
  font-size: 40px;
}

section h2.section-heading.section-beforesubheading {
  margin-top: 10px;
}

section h2.section-heading.section-aftersubheading {
  margin-top: 0;
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  section h2.section-heading {
    font-size: 32px;
  }
}

section h3.section-subheading {
  margin-bottom: 75px;
  text-transform: none;
  font-size: 17px;
  font-weight: 300;
}

section h4 {
  margin: 15px 0;
  /*text-transform: uppercase;*/
}

section h2.text-narrow {
  letter-spacing: -0.5px;
}

@media(min-width:768px) {
  section {
    padding: 100px 0;
  }

  section.section-smallPadding {
    padding: 60px 0;
  }

  section.section-fullHeightImage .text-container {
    padding-top: 60px;
    padding-bottom: 0px;
  }

  section#intro {
    margin-top: 125px;
  }
}



section a.moreinfolink {
  font-size: 18px;
}

section a.moreinfolink-small {
  font-size: 16px;
}

section.section-fullHeightImage .image-container {
  height: 200px;
  background-image: url(../img/placeholder3-1440.jpg);
  background-position: center center;
  background-size: cover;
  margin-top: -20px;
  margin-bottom: 0px;
}

section.section-fullHeightImage .image-container.image-container-big {
  height: 380px;
}

section.section-fullHeightImage .image-container.image-container-small3 {
  float: left;
  height: 120px;
  width: 120px;
}

@media(min-width:480px) {
  section.section-fullHeightImage .image-container {
    height: 300px;
  }
}

@media(min-width:560px) {
  section.section-fullHeightImage .image-container {
    height: 400px;
  }
}

@media(min-width:768px) {
  section.section-fullHeightImage .image-container {
    height: 400px;
    margin-top: 20px;
    margin-bottom: 60px;
  }
}

@media(min-width:992px) {
  section.section-fullHeightImage .image-container {
    height: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media(min-width:1200px) {
  section.section-fullHeightImage .image-container {
    height: 450px;
  }
}


/* ------------------------------------------------------------ */
/* --- HEADER ------------------------------------------- */
/* ------------------------------------------------------------ */

header {
  text-align: center;
  color: #fff;
  background-attachment: scroll;
  opacity: 1;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
  padding: 0px;

  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

header.zeroOpacity {
  opacity: 0;
}

header .bgOverlay {
  background: none;
}

.intro-image {
  z-index: 160;
  position: relative;
}

header .intro-spacer {
  height: 0px;
  width: 100%;
  display: block;
}

header .intro-image {
  background-size: 100%;
  width: 100%;
  height: 220px;
  display: block;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 480px) {
  header .intro-image {
    height: 280px;
  }
}

@media (min-width: 768px) {
  header .intro-spacer {
    height: 40px;
  }

  header .intro-image {
    height: 300px;
  }
}

@media (min-width: 992px) {
  header .intro-spacer {
    height: 70px;
  }

  header .intro-image {
    height: 360px;
  }
}

@media (min-width: 1200px) {
  header .intro-spacer {
    height: 100px;
  }

  header .intro-image {
    height: 380px;
  }
}

@media (min-width: 1360px) {
  header .intro-spacer {
    height: 100px;
  }

  header .intro-image {
    height: 410px;
  }
}

.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: -150px;
}

.panel .panel-body {
  padding: 24px 26px 24px;
  /* background-color: #fcfdff; */
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
}

.panel .panel-body h1 {
  margin-top: 0px;
}

.panel .panel-body hr {
  margin: 32px auto 32px auto;
  /*width: 400px;*/
  border: 0;
  border-bottom: 1px solid #9c3;
}

@media(min-width:768px) {
  .panel {
    margin-top: -220px;
  }

  .panel .panel-body {
    padding: 48px 60px 48px;
  }
}

@media(min-width:992px) {
  .panel .panel-body {
    padding: 60px 102px 60px;
  }
}

.customer-logo-container {
  text-align: center;
}

.customer-logo {
  object-fit: contain;
  width: 90px;
  height: 30px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-top: -6px;
}

.customer-logo-name {
  font-weight: 700;
  font-size: 16px;
  display: block;
  text-align: center;
}

.customer-logo-big {
  object-fit: contain;
  width: 135px;
  height: 45px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-top: -6px;
}

.customer-logo-name-big {
  font-size: 16px;
  display: block;
  text-align: center;
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  letter-spacing: .01em;
  color: #003;
}

.login-credentials span,
.login-credentials p {
  font-size: 16px;
  color: #87b923;
}

.login-credentials p span {
  display: inline-block;
  width: 146px;
}

@media(min-width:480px) {
  .customer-logo-container {
    text-align: left;
  }

  .customer-logo {
    margin-right: 30px;
    margin-bottom: 0px;
  }

  .customer-logo-name {
    display: inline-block;
    text-align: left;
  }

  .customer-logo-name-big {
    font-size: 18px;
  }

  .login-credentials span,
  .login-credentials p {
    font-size: 18px;
  }

  .login-credentials p span {
    width: 180px;
  }
}

@media(min-width:768px) {}


/* ------------------------------------------------------------ */
/* --- PAGE INCIDENT DETAILS ---------------------------------- */
/* ------------------------------------------------------------ */

.valueheading {
  font-weight: 700;
}

#incident_moredetails .valueheading {
  margin-bottom: 0px;
}

#messages .message-metainfo {
  font-weight: 700;
}

#messages .message-metainfo.message-left {
  text-align: left;
}

#messages .message-metainfo.message-right {
  text-align: right;
}

#messages .message-data {
  max-width: 90%;
  /*min-width: 200px;*/
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  box-shadow: 0 0 8px 0 rgba(0, 0, 51, .15);
  padding: 18px 26px;
  margin-top: 10px;
  margin-bottom: 40px;
  background-color: #f9f9f9;
}

#messages .message-data.message-left {
  float: left;
}

#messages .message-data.message-right {
  float: right;
  background-color: #f0f7ff;
}

@media (min-width: 768px) {
  #messages .message-data {
    max-width: 85%;
  }
}

@media (min-width: 992px) {
  #messages .message-data {
    max-width: 80%;
  }
}


/* ------------------------------------------------------------ */
/* --- SPAGE LEGAL -------------------------------------------- */
/* ------------------------------------------------------------ */

#page-legal section#introduction {
  margin-top: 0px;
}



/* ------------------------------------------------------------ */
/* --- BOTTOM LINE / FOOTER ----------------------------------- */
/* ------------------------------------------------------------ */

#contact {
  padding: 0px;
  background-color: #003;
  color: #bcbdca;
  font-weight: 400;
}

#contact .container {
  padding-top: 40px;
  padding-bottom: 0px;
}

#contact .text-dynamic {
  text-align: center;
}

@media (min-width: 768px) {
  #contact .container {
    padding-top: 54px;
  }

  #contact .text-dynamic {
    text-align: left;
  }
}

#contact .footer-footerline {
  padding: 25px 0;
  text-align: center;
  background-color: #003;
  color: #bcbdca;
  font-weight: 500;
}

#contact .footer-footerline .container {
  padding: 0 15px 0 15px;
}

#contact a {
  color: #e2f0fe;
  font-weight: 700;
}

#contact a:hover {
  text-decoration: none;
  color: #fff;
  border-bottom: 2px solid #9c3;
  -webkit-transition: color .4s ease-in-out;
  -o-transition: color .4s ease-in-out;
  transition: color .4s ease-in-out;
}

#contact h2 {
  margin: 0 0 16px;
  color: #f0f1f5;
  font-size: 22px;
  font-size: 2.6rem;
  line-height: 1.3333em;
  text-align: center;
}

#contact hr {
  border-color: #7d7e98;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

#contact .footer-footerline span.copyright {
  text-transform: none;
  /*line-height: 40px;*/
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
}

#contact .footer-footerline ul.quicklinks {
  margin-bottom: 0;
  text-transform: none;
  line-height: 40px;
}


/* ------------------------------------------------------------ */
/* --- BROWSER ------------------------------------------------ */
/* ------------------------------------------------------------ */

::-moz-selection {
  text-shadow: none;
  background: #bbddff;
}

::selection {
  text-shadow: none;
  background: #bbddff;
}

img::selection {
  background: 0 0;
}

img::-moz-selection {
  background: 0 0;
}

body {
  -webkit-tap-highlight-color: #bbddff;
}


/* ------------------------------------------------------------ */
/* --- ADDING für NIS2 Chechk --------------------------------- */
/* ------------------------------------------------------------ */


.milestones .milestone{
  margin: 0 0 18px 0;
  padding: 0 0 18px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.milestone-head{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  xcolor: #87b923;
  color: #003;
}

.milestone-head i{
  width: 22px;
  text-align: center;
  color: #87b923;
}

.milestone-text{
  margin-left: 32px;
  line-height: 1.35;
  color: #333;
}

.result-highlight-i i {
  color: #87b923;
  font-style: normal;
}

p,
ul,
table {
  font-size: 15px;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: #000033;
}