@charset "UTF-8";
/*------- colors
------------------------------------------------------*/
/*------- font
------------------------------------------------------*/
/*-------
------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i");
#main {
  min-height: 620px;
  padding-bottom: 132px;
}
@media (max-width: 992px) {
  #main {
    padding-bottom: 150px;
  }
}

.color {
  margin-bottom: 3px;
}

*:focus, *:active {
  outline: 0px;
}

.container {
  min-width: 320px;
}

/*------- extras
------------------------------------------------------*/
.nomargin {
  margin: 0 !important;
  margin-bottom: 7px !important;
}

.softhidden {
  display: none;
}

.responsive-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
  text-align: center;
}

.csc-header-alignment-right {
  text-align: right;
}

.csc-header-alignment-left {
  text-align: left;
}

div.csc-textpic-responsive, div.csc-textpic-responsive * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow {
  overflow: hidden;
}

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table {
  border-collapse: collapse;
  border-spacing: 0;
}

div.csc-textpic .csc-textpic-imagewrap table tr td {
  padding: 0;
  vertical-align: top;
}

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
  margin: 0;
  display: table;
}

/* Captions */
figcaption.csc-textpic-caption {
  display: table-caption;
}

.csc-textpic-caption {
  text-align: left;
  caption-side: bottom;
}

div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
  text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
  text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
  text-align: left;
}

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
  float: left;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap img {
  border: 1px solid #4c4c4c;
  padding: 0;
}

div.csc-textpic .csc-textpic-imagewrap img {
  border: none;
  display: block;
}

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 10px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
  margin-bottom: 0;
}

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  margin-right: 10px;
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
  margin-right: 0;
}

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  margin-right: 10px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin-left: 10px;
}

/* Positioning of images: */
/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
  overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
  position: relative;
  float: right;
  right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
  position: relative;
  float: right;
  right: -50%;
}

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
  float: right;
}

div.csc-textpic-right div.csc-textpic-text {
  clear: right;
}

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
  float: left;
}

div.csc-textpic-left div.csc-textpic-text {
  clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  float: right;
}

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
}

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
  margin-bottom: 0;
}

/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
  padding-left: 40px;
  overflow: auto;
}

/* File Links */
ul.csc-uploads {
  padding: 0;
}

ul.csc-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}

ul.csc-uploads img {
  float: left;
  margin-right: 1em;
  vertical-align: top;
}

ul.csc-uploads span {
  display: block;
}

ul.csc-uploads span.csc-uploads-fileName {
  text-decoration: underline;
}

/* Table background colors: */
table.contenttable-color-1 {
  background-color: #EDEBF1;
}

table.contenttable-color-2 {
  background-color: #F5FFAA;
}

table.contenttable-color-240 {
  background-color: black;
}

table.contenttable-color-241 {
  background-color: white;
}

table.contenttable-color-242 {
  background-color: #333333;
}

table.contenttable-color-243 {
  background-color: gray;
}

table.contenttable-color-244 {
  background-color: silver;
}

/* default styles for extension "tx_form" */
div.csc-mailform ol,
div.csc-mailform ol li {
  margin: 0;
  padding: 0;
}

div.csc-mailform ol li {
  overflow: hidden;
}

div.csc-mailform fieldset {
  margin: 0;
  padding: 0;
  position: relative;
}

div.csc-mailform legend {
  margin-left: 1em;
  color: #000000;
  font-weight: bold;
}

div.csc-mailform fieldset ol {
  padding: 1em 1em 0 1em;
}

div.csc-mailform fieldset li {
  padding: 0.5em;
  margin-bottom: 0.5em;
  list-style: none;
}

div.csc-mailform fieldset.submit {
  border-style: none;
}

/**
 * Normal label
 * Left aligned, in front of input
 */
div.csc-mailform li label {
  float: left;
  margin-right: 1em;
  vertical-align: baseline;
}

div.csc-mailform li input + label,
div.csc-mailform li textarea + label,
div.csc-mailform li select + label {
  float: none;
  width: auto;
  margin-right: 0;
  margin-left: 1em;
}

div.csc-mailform li textarea + label {
  vertical-align: top;
}

label em,
legend em {
  display: block;
  color: #060;
  font-size: 85%;
  font-style: normal;
  text-transform: uppercase;
}

legend em {
  position: absolute;
}

label strong,
legend strong {
  display: block;
  color: #C00;
  font-size: 85%;
  font-weight: normal;
  text-transform: none !important;
  line-height: 1.2em;
}

legend strong {
  position: absolute;
  top: 1.4em;
}

/**
 * Labels alignment right
 */
.labels-alignment-right label,
.labels-alignment-right .fieldset-subgroup legend,
.labels-alignment-right.fieldset-subgroup legend {
  text-align: right;
}

/**
 * Horizontal fieldset
 */
fieldset.fieldset-horizontal {
  border-width: 0;
}

fieldset.fieldset-horizontal ol {
  padding: 0;
}

fieldset.fieldset-horizontal li {
  float: left;
  padding: 0;
  margin-right: 1em;
}

fieldset.fieldset-horizontal.label-below label {
  display: block;
  margin-left: 0;
  margin-top: 0.2em;
  font-size: 90%;
  color: #999999;
  text-align: left;
}

fieldset.fieldset-horizontal label em {
  display: inline;
}

/**
 * Subgroup fieldset
 */
fieldset.fieldset-subgroup {
  margin-bottom: -2em;
  border-style: none;
}

fieldset.fieldset-subgroup legend {
  margin-left: 0;
  padding: 0;
  font-weight: normal;
  width: 13em;
}

fieldset.fieldset-subgroup ol {
  position: relative;
  top: -1.4em;
  margin: 0 0 0 14em;
  padding: 0;
}

fieldset.fieldset-subgroup li {
  padding: 0;
}

fieldset.fieldset-subgroup input + label {
  float: none;
  width: auto;
  display: inline;
  margin: 0 0 0 1em;
}

/**
 * Labels as block
 * Labels displayed above or below the input fields
 */
.labels-block label {
  display: block;
  float: none;
  margin: 0 0 0.5em;
  width: auto;
}

.labels-block input + label,
.labels-block textarea + label {
  margin: 0.5em 0 0;
}

.labels-block fieldset.fieldset-subgroup,
fieldset.labels-block.fieldset-subgroup {
  margin-bottom: 0;
}

.labels-block .fieldset-subgroup legend,
.labels-block.fieldset-subgroup legend {
  width: auto;
}

.labels-block .fieldset-subgroup legend em,
.labels-block.fieldset-subgroup legend em {
  position: relative;
}

.labels-block .fieldset-subgroup legend strong,
.labels-block.fieldset-subgroup legend strong {
  position: relative;
  top: 0;
}

.labels-block .fieldset-subgroup ol,
.labels-block.fieldset-subgroup ol {
  top: 0;
  margin: 0;
  padding: 0.5em 0 0;
}

/**
 * Special cases for existing forms
 */
#awoWebinare .csc-form-element-checkbox {
  margin-left: 13em;
}
#awoWebinare .csc-form-element-checkbox input {
  margin: 0;
  margin-left: 1em;
}
#awoWebinare .csc-form-element-checkbox label {
  width: 70%;
  line-height: 1.3em;
}
#awoWebinare .csc-form-element-checkboxgroup #webinare_cbg legend {
  font-size: 0.9375rem;
  color: #252e34;
  border-bottom: 0;
  display: inline;
  float: left;
}
#awoWebinare .csc-form-element-checkboxgroup #webinare_cbg legend strong {
  line-height: inherit;
  top: 24px;
}
#awoWebinare .csc-form-element-checkboxgroup #webinare_cbg ol {
  padding-left: 0;
  margin-bottom: 24px;
  margin-left: 13em;
  padding-top: 0;
  padding-right: 0;
  top: 0;
}
#awoWebinare .csc-form-element-checkboxgroup #webinare_cbg ol .csc-form-element-checkbox {
  margin-left: 0;
  margin-bottom: 24px;
}
#awoWebinare .csc-form-element-checkboxgroup #webinare_cbg ol .csc-form-element-checkbox input {
  vertical-align: top;
}
#awoWebinare .csc-form-element-checkboxgroup #webinare_cbg ol .csc-form-element-checkbox label {
  width: 90%;
  line-height: 1.5em;
  font-weight: bolder;
}
#awoWebinare .csc-form-element-submit {
  margin-top: 20px;
}

#standardContactForm .csc-form-7 {
  border: 1px solid red;
  position: absolute;
  margin: 0 0 0 -999em;
}

/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
  display: block;
}

/*.bg-large {
  //background-color: pink;
  background: url("/fileadmin/SHARED/Normaler_Content/Headerbilder/bg_image.jpg") center center no-repeat fixed;
}*/
.bg-large .container .row {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px 0;
}

@font-face {
  font-family: "icomoon";
  src: url("../Font/icomoon.eot?v1517220029");
  src: url("../Font/icomoon.eot?v1517220029#iefix") format("embedded-opentype"), url("../Font/icomoon.ttf?v1517220029") format("truetype"), url("../Font/icomoon.woff?v1517220029") format("woff"), url("../Font/icomoon.svg?v1517220029#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Help:before {
  content: "\e900";
}

.icon-Advertising:before {
  content: "\e901";
}

.icon-Exit:before {
  content: "\e902";
}

.icon-Settings:before {
  content: "\e903";
}

.icon-Search-Filled:before {
  content: "\e904";
}

.icon-arrow-down:before {
  content: "\e905";
}

.icon-arrow-top:before {
  content: "\e906";
}

.icon-Plus-Math:before {
  content: "\e907";
}

.icon-Shopping-Cart:before {
  content: "\e908";
}

.icon-arrow-right:before {
  content: "\e909";
}

.icon-Xbox-Menu:before {
  content: "\e90a";
}

.icon-Idea:before {
  content: "\e90b";
}

.icon-Calendar:before {
  content: "\e90c";
}

.icon-Menu:before {
  content: "\e90d";
}

.icon-Download:before {
  content: "\e90e";
}

.icon-Document:before {
  content: "\e90f";
}

.icon-Plus-2-Math:before {
  content: "\e910";
}

.icon-Delete:before {
  content: "\e911";
}

.icon-Restart-Filled:before {
  content: "\e912";
}

.icon-Upload:before {
  content: "\e913";
}

.icon-arrow-right2:before {
  content: "\e914";
}

.icon-icons8-Ok:before {
  content: "\e915";
}

.icon-icons8-Save-as:before {
  content: "\e916";
}

.icon-headset:before {
  content: "\e917";
}

/*------- divider
------------------------------------------------------*/
.divider {
  clear: both;
  display: inline-block;
  width: 100%;
}
.divider hr {
  border-top: 5px solid #f5f5f5;
  margin: 60px 0px;
}
.divider hr.lightgrey {
  border-top-color: #f5f5f5;
}
.divider hr.grey {
  border-top-color: #e3e3e3;
}
.divider hr.green {
  border-top-color: #009864;
}
.divider hr.lightgreen {
  border-top-color: #00bc7b;
}
.divider hr.orange {
  border-top-color: #ff8f00;
}
.divider hr.lightorange {
  border-top-color: #ffa533;
}
.divider hr.transparent {
  border-top-color: transparent;
  margin: 20px 0px;
}

hr {
  border-color: #e3e3e3;
}

.bg-large .divider hr {
  border: 0;
}

/*------- textpic
------------------------------------------------------*/
div.csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap {
  margin-right: 25px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
  margin-top: 7px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .divider hr {
    margin: 30px 0px;
  }
}
/*------- import webfont
------------------------------------------------------*/
/*------- general style
------------------------------------------------------*/
html {
  font-size: 100%;
  height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #252e34;
  line-height: 1.625rem;
  font-size: 0.9375rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 200;
  min-height: 100%;
}

strong, .strong {
  font-weight: 600;
}

small, .small {
  font-weight: 400;
}

.primary-color {
  color: #009864;
}

u {
  text-decoration: none;
  border-bottom: 1px solid #bcc7cf;
}

samp {
  margin-bottom: 40px;
  display: block;
}

*:focus, *:active {
  outline: 0 !important;
}

/*------- headlines
------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
}

h1 {
  font-size: 4.063rem;
  font-weight: 200;
  margin-bottom: 45px;
}

h2 {
  font-size: 2.188rem;
  font-weight: 200;
  margin-bottom: 35px;
}

h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 20px;
}

h4 {
  font-size: 1.125rem;
  margin-bottom: 20px;
}

h5 {
  font-size: 0.9375rem;
  font-weight: 400;
  margin-bottom: 10px;
  color: #ff8f00;
}

h5.ppdivider {
  margin-top: 10px;
  font-size: 1.2em;
  border-bottom: 1px solid #ff8f00;
}

h6 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 20px;
}

/*------- lists
------------------------------------------------------*/
ul, ol {
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px;
}
ul li, ol li {
  list-style: none;
  padding: 0px;
  padding-left: 20px;
  border: 0px;
  margin-bottom: 11px;
  position: relative;
}
ul li:before, ol li:before {
  color: #009864;
  content: "●";
  position: absolute;
  left: 0px;
  top: 0px;
}
ul.csc-bulletlist-0 li, ol.csc-bulletlist-0 li {
  border: 0px;
  padding: 0px;
  margin-bottom: 11px;
}
ul.csc-bulletlist-1 li, ol.csc-bulletlist-1 li {
  border-bottom: 1px solid #e3e3e3;
  padding: 18px 0px;
}
ul.csc-bulletlist-1 li:first-child, ol.csc-bulletlist-1 li:first-child {
  padding-top: 0px;
}
ul.csc-bulletlist-1 li:last-child, ol.csc-bulletlist-1 li:last-child {
  border-bottom: 0px;
}
ul.nicebulletlist li.corona:before, ol.nicebulletlist li.corona:before {
  content: url("../Icons/icon_virus.svg");
  top: 2px;
}
ul.nicebulletlist li.bill:before, ol.nicebulletlist li.bill:before {
  content: url("../Icons/streamline-icon-money-cash-bill-2@14x14.svg");
  top: 3px;
}
ul.nicebulletlist li.lightbulb:before, ol.nicebulletlist li.lightbulb:before {
  content: url("../Icons/streamline-icon-interface-lighting-light-bulb-on@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.check:before, ol.nicebulletlist li.check:before {
  content: url("../Icons/streamline-icon-interface-validation-check@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.heartrate:before, ol.nicebulletlist li.heartrate:before {
  content: url("../Icons/streamline-icon-health-medical-heart-rate@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.infocircle:before, ol.nicebulletlist li.infocircle:before {
  content: url("../Icons/streamline-icon-interface-alert-information-circle@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.calendar:before, ol.nicebulletlist li.calendar:before {
  content: url("../Icons/streamline-icon-interface-calendar@14x14.svg");
  top: 1px;
}
ul.nicebulletlist li.bookmark:before, ol.nicebulletlist li.bookmark:before {
  content: url("../Icons/streamline-icon-interface-bookmark@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.megaphon:before, ol.nicebulletlist li.megaphon:before {
  content: url("../Icons/streamline-icon-interface-share-mega-phone-2@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.pin:before, ol.nicebulletlist li.pin:before {
  content: url("../Icons/streamline-icon-interface-edit-pin-2@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.addcircle:before, ol.nicebulletlist li.addcircle:before {
  content: url("../Icons/streamline-icon-interface-add-circle@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.delcross:before, ol.nicebulletlist li.delcross:before {
  content: url("../Icons/streamline-icon-interface-delete-2@14x14.svg");
  top: 2px;
}
ul.nicebulletlist li.alarm:before, ol.nicebulletlist li.alarm:before {
  content: url("../Icons/streamline-icon-interface-time-alarm@14x14.svg");
  top: 1px;
}
ul.nicebulletlist li.user:before, ol.nicebulletlist li.user:before {
  content: url("../Icons/streamline-icon-interface-user-single@14x14.svg");
  top: 1px;
}
ul.nicebulletlist li.newspaper:before, ol.nicebulletlist li.newspaper:before {
  content: url("../Icons/streamline-icon-entertainment-news-paper@14x14.svg");
  top: 2px;
}

ol li {
  counter-increment: item;
  list-style: none;
  padding-left: 25px;
  position: relative;
}
ol li:before {
  position: absolute;
  left: 0px;
  font-weight: 400;
  content: counter(item);
  text-align: center;
  display: inline-block;
}

dl {
  width: 100%;
}
dl dt {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 6px;
}
dl dd {
  margin: 0 0 30px 10px;
  padding: 0 0 0.5em 0;
  text-align: left;
  font-size: 0.9em;
  border-bottom: 1px solid #f5f5f5;
}

/*------- paragraph
------------------------------------------------------*/
p {
  margin-bottom: 25px;
}
p:last-child {
  margin-bottom: 0px;
}

/*------- links
------------------------------------------------------*/
a {
  color: #009864;
  font-weight: 600;
}
a:hover, a:focus {
  color: #00744d;
  text-decoration: none;
  opacity: 0.7;
}

/*------- icon-container, button-container für Kitchensink
------------------------------------------------------*/
.icon-container {
  width: 100%;
  font-size: 50px;
  text-align: center;
  color: #009864;
}

.button-container {
  text-align: center;
}
.button-container a {
  margin: 0px 5px;
}

/*------- table
------------------------------------------------------*/
.table > tbody > tr td {
  padding: 20px;
  border-color: #e3e3e3;
}
.table > tbody > tr th {
  padding: 20px;
  border-color: #e3e3e3;
}
.table > tfoot > tr td {
  padding: 20px;
}
.table > tfoot > tr th {
  padding: 20px;
}
.table > thead > tr td {
  padding: 20px;
  border-bottom: 0px;
  background: #f5f5f5;
  font-weight: 600;
}
.table > thead > tr th {
  padding: 20px;
  border-bottom: 0px;
  background: #f5f5f5;
  font-weight: 600;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
@media (max-width: 1200px) {
  html {
    font-size: 90%;
  }
}
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  html {
    font-size: 90%;
  }

  .table > tbody > tr td {
    padding: 10px;
  }
  .table > tbody > tr th {
    padding: 10px;
  }
  .table > tfoot > tr td {
    padding: 10px;
  }
  .table > tfoot > tr th {
    padding: 10px;
  }
  .table > thead > tr td {
    padding: 10px;
  }
  .table > thead > tr th {
    padding: 10px;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  html {
    font-size: 85%;
  }

  h1 {
    font-size: 2.438rem;
    font-weight: 200;
    margin-bottom: 45px;
  }

  h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }

  p {
    margin-bottom: 25px;
  }
  p:last-child {
    margin-bottom: 25px;
  }

  h3, h4, h5, h6 {
    margin-top: 20px;
  }

  dl {
    width: 100%;
  }
  dl dt {
    float: none;
    clear: left;
    width: 100%;
    text-align: left !important;
    font-weight: 600;
  }
  dl dd {
    margin: 0 0 0 0px;
    padding: 0 0 0.5em 0;
    text-align: left !important;
  }
}
/*------- main navigation
------------------------------------------------------*/
#main-menu {
  margin-left: 15px;
}
#main-menu ul {
  display: block;
}
#main-menu li {
  border: 0px;
  padding: 0px;
}
#main-menu li .backToHome {
  padding: 10px 11px 10px 9px;
}
#main-menu li .tooltip {
  width: 400px;
  font-size: 14px;
  font-weight: bolder;
}
#main-menu li .tooltip .tooltip-inner {
  background-color: #ffffff;
  border: 1px solid #009864;
  color: #009864;
  /*background-color: $brand-primary;
  color: $white;*/
  max-width: 400px !important;
}
#main-menu li .tooltip .tooltip-arrow {
  border-top-color: #009864;
}
#main-menu li:before {
  content: "";
}
#main-menu li.active > a {
  background: #ff8f00;
}
#main-menu li .in {
  opacity: 1;
}
#main-menu a {
  background: #009864;
  color: #fff;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 14px 30px;
  height: 40px;
  line-height: 100%;
}
#main-menu a:hover, #main-menu a:focus {
  background: #00bc7b;
}
#main-menu a.active, #main-menu a.is-open {
  background: #ff8f00;
}

.nav-pills > li {
  margin-right: 10px;
}

/*------- meta navigation
------------------------------------------------------*/
#meta-menu {
  /*margin-top: 18px;*/
}
#meta-menu li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
  border: 0px;
  line-height: 1.625rem;
}
#meta-menu li:before {
  content: "|";
  margin: 0px 5px;
}
#meta-menu li:first-child:before {
  display: none;
}
#meta-menu a {
  color: #252e34;
  font-weight: 400;
}

/*------- partner navigation
------------------------------------------------------*/
#partner-menu {
  /*margin-top: 18px;*/
}
#partner-menu li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
  line-height: 1.625rem;
  margin-right: 10px;
  border: 0px;
}
#partner-menu li:before {
  display: none;
}
#partner-menu a {
  color: #252e34;
  font-weight: 400;
}

#meta-menu li {
  padding-left: 20px;
}

/*------- subnavi navigation
------------------------------------------------------*/
.subnavi, #conadaSeminarsNav, #c61885 {
  background: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
}
.subnavi img, #conadaSeminarsNav img, #c61885 img {
  width: 100%;
  height: auto;
}
.subnavi h3, #conadaSeminarsNav h3, #c61885 h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #252e34;
  position: relative;
}
.subnavi h3 a, #conadaSeminarsNav h3 a, #c61885 h3 a {
  position: relative;
  padding-left: 15px;
  color: inherit;
  display: block;
}
.subnavi h3 a:hover, #conadaSeminarsNav h3 a:hover, #c61885 h3 a:hover {
  color: #009864;
  text-decoration: none;
}
.subnavi h3 a:before, #conadaSeminarsNav h3 a:before, #c61885 h3 a:before {
  content: "";
  bottom: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
  right: auto;
  border-color: rgba(0, 0, 0, 0.3);
}
.subnavi ul, #conadaSeminarsNav ul, #c61885 ul {
  margin-bottom: 0px;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 991px) {
  .subnavi ul, #conadaSeminarsNav ul, #c61885 ul {
    border-top: none;
    border-bottom: none;
  }
}
.subnavi ul li, #conadaSeminarsNav ul li, #c61885 ul li {
  list-style: none;
  margin: 0px;
  border-bottom: 1px solid #e3e3e3;
  font-weight: 200;
  margin: 0px;
  padding: 0px;
}
.subnavi ul li.no-sub, #conadaSeminarsNav ul li.no-sub, #c61885 ul li.no-sub {
  display: none;
}
.subnavi ul li.no-sub a:after, #conadaSeminarsNav ul li.no-sub a:after, #c61885 ul li.no-sub a:after {
  display: none;
}
.subnavi ul li.has-sub.opened a:after, #conadaSeminarsNav ul li.has-sub.opened a:after, #c61885 ul li.has-sub.opened a:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.subnavi ul li:before, #conadaSeminarsNav ul li:before, #c61885 ul li:before {
  content: "";
}
.subnavi ul li a, #conadaSeminarsNav ul li a, #c61885 ul li a {
  color: #252e34;
  padding: 10px;
  padding-left: 15px;
  position: relative;
  display: block;
  font-weight: normal;
  line-height: 120%;
}
@media (max-width: 991px) {
  .subnavi ul li a, #conadaSeminarsNav ul li a, #c61885 ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8125rem;
    background: #009864;
    border-radius: 3px;
  }
}
@media (max-width: 991px) {
  .subnavi ul li a:after, #conadaSeminarsNav ul li a:after, #c61885 ul li a:after {
    font-family: "icomoon";
    content: "\e905";
    float: right;
  }
}
.subnavi ul li a:before, #conadaSeminarsNav ul li a:before, #c61885 ul li a:before {
  width: 9px;
  height: 9px;
  background: url(../Img/navi-arrow.png);
  content: " ";
  display: block;
  position: absolute;
  left: 0px;
  top: 15px;
}
@media (max-width: 991px) {
  .subnavi ul li a:before, #conadaSeminarsNav ul li a:before, #c61885 ul li a:before {
    background: none;
  }
}
.subnavi ul li a:hover, #conadaSeminarsNav ul li a:hover, #c61885 ul li a:hover {
  text-decoration: none;
  font-weight: 400;
}
.subnavi ul li.active > a, #conadaSeminarsNav ul li.active > a, #c61885 ul li.active > a {
  font-weight: 600;
}
.subnavi ul li.active ul li a, #conadaSeminarsNav ul li.active ul li a, #c61885 ul li.active ul li a {
  color: inherit;
}
.subnavi ul li:last-child, #conadaSeminarsNav ul li:last-child, #c61885 ul li:last-child {
  border-bottom: 0px;
}
.subnavi ul li ul, #conadaSeminarsNav ul li ul, #c61885 ul li ul {
  border: 0px;
  margin-bottom: 15px;
  margin-left: 14px;
}
@media (max-width: 991px) {
  .subnavi ul li ul, #conadaSeminarsNav ul li ul, #c61885 ul li ul {
    display: none;
    margin-left: 0;
    margin-top: 10px;
  }
}
.subnavi ul li ul li, #conadaSeminarsNav ul li ul li, #c61885 ul li ul li {
  border: 0px;
  margin-bottom: 10px;
}
.subnavi ul li ul li a, #conadaSeminarsNav ul li ul li a, #c61885 ul li ul li a {
  padding: 2px;
}
@media (max-width: 991px) {
  .subnavi ul li ul li a, #conadaSeminarsNav ul li ul li a, #c61885 ul li ul li a {
    background: #f5f5f5;
    border-radius: 3px;
    font-weight: 400;
    font-size: 0.8125rem;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
  }
  .subnavi ul li ul li a.single:after, #conadaSeminarsNav ul li ul li a.single:after, #c61885 ul li ul li a.single:after {
    content: "";
  }
}
.subnavi ul li ul li a:before, #conadaSeminarsNav ul li ul li a:before, #c61885 ul li ul li a:before {
  display: none;
}

.anchornav {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.anchornav ul {
  border: 0px;
  margin-bottom: 15px;
  margin-left: 14px;
  padding-top: 15px;
  list-style-type: none;
}
.anchornav ul li {
  position: relative;
  font-weight: 200;
  margin: 0px;
  padding: 0px;
  border: 0px;
  margin-bottom: 10px;
}
.anchornav ul li a {
  color: #252e34;
  padding: 10px;
  position: relative;
  display: block;
  font-weight: normal;
  line-height: 120%;
  padding: 2px;
  color: inherit;
}
.anchornav ul li:before {
  content: "";
}

/*------- mega navigation
------------------------------------------------------*/
.mega-menu-container {
  position: absolute;
  top: 245px;
  left: 0;
  right: 0;
  z-index: 990;
  width: 100%;
}

.mega-navigation {
  display: none;
  background: #f5f5f5;
  padding: 0px;
  height: 550px;
  width: 1140px;
  margin: auto;
  position: relative;
}
.mega-navigation .col {
  padding: 25px;
}
.mega-navigation .teaser-img {
  margin-bottom: 20px;
}
.mega-navigation .teaser-img img {
  width: 100%;
  height: auto;
}
.mega-navigation .btn {
  padding: 20px 40px;
}
.mega-navigation .first-col {
  background: #efefef;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.mega-navigation .additional-col {
  background: #efefef;
  height: 130px;
  border-top: 1px solid #e3e3e3;
  position: absolute;
  bottom: -130px;
  width: 100%;
  z-index: 50000;
  padding-left: 25px;
}
.mega-navigation .additional-col h3 {
  float: left;
  width: 360px;
  font-size: 0.9375rem;
  font-weight: 600;
}
.mega-navigation .additional-col .alphabet-filter {
  text-align: left;
  width: 100%;
  display: inline-block;
}
.mega-navigation .additional-col .alphabet-filter ul {
  margin-top: 15px;
}
.mega-navigation .additional-col .alphabet-filter li {
  border: 0px;
  padding-left: 0px;
  padding-right: 10px;
  line-height: 35px;
  height: 35px;
}
.mega-navigation .additional-col .alphabet-filter li a {
  height: auto;
}
.mega-navigation .additional-col .select-filter {
  width: 100%;
  display: inline-block;
}
.mega-navigation .additional-col select {
  width: auto;
  margin-top: 10px;
  padding-right: 35px;
  min-width: 350px;
}
.mega-navigation .megamenu-title {
  padding: 20px 20px 15px;
  font-size: 18px;
  font-weight: 600;
  color: #4e4e4e !important;
}
.mega-navigation .megamenu-title a {
  color: #4e4e4e;
  position: relative;
  padding-left: 23px;
}
.mega-navigation .megamenu-title a:before {
  content: "";
  bottom: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
  right: auto;
  border-color: rgba(0, 0, 0, 0.3);
}
.mega-navigation h3 {
  margin-top: 22px;
}
.mega-navigation ul li {
  padding: 0px;
  line-height: 61px;
  height: 61px;
  margin: 0 20px;
  border-bottom: 1px solid #e3e3e3;
  color: #252e34;
  font-weight: 200;
  font-size: 15px;
  position: relative;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 25px;
}
.mega-navigation ul li:last-child {
  border: 0px;
}
.mega-navigation ul li:before {
  content: "";
}
.mega-navigation ul li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px;
  color: #252e34;
  display: block;
  height: 60px;
  font-weight: 400;
}
.mega-navigation ul li a img {
  float: left;
  margin: 5px 25px 5px 0px;
}
.mega-navigation ul li a.megamenu-next {
  height: 60px;
  width: 50px;
  border-left: 1px solid #e3e3e3;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.mega-navigation ul li a.megamenu-next:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  content: "";
  bottom: 0;
  border-color: rgba(0, 0, 0, 0.3);
}
.mega-navigation ul li.selected, .mega-navigation ul li.active {
  background: #f5f5f5;
}
.mega-navigation ul li.selected a, .mega-navigation ul li.active a {
  font-weight: 400;
}
.mega-navigation ul li.selected a, .mega-navigation ul li:hover a, .mega-navigation ul li.active a {
  background: #f5f5f5;
  color: #009864;
}
.mega-navigation ul.tags-menu li {
  float: left;
  width: auto;
  margin: 0 5px 5px 0;
  height: auto;
  line-height: 26px;
  background: #fff;
  border: 0 none;
}
.mega-navigation ul.tags-menu li a {
  padding: 0px 10px;
  text-align: center;
  font-weight: 500;
  height: auto;
  font-size: 80%;
  background: #009864;
  color: #fff;
  font-weight: 600;
  border-radius: 2px;
  max-width: 320px;
}
.mega-navigation ul:after {
  content: "";
  clear: both;
}
.mega-navigation .panel {
  width: 33.333333%;
  background: #efefef;
  position: absolute;
  display: none;
  padding-top: 25px;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  margin: 0;
}
.mega-navigation .panel.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #f5f5f5;
}
.mega-navigation .panel.column-0 {
  z-index: 15;
  background: #efefef;
}
.mega-navigation .panel.column-1 {
  left: 33.3333333%;
  z-index: 10;
  padding: 25px;
}
.mega-navigation .panel.column-1 .megamenu-title {
  padding-left: 0px;
}
.mega-navigation .panel.column-1 li {
  padding-left: 0px;
}
.mega-navigation .panel.column-2 {
  left: 66.6666666%;
  z-index: 5;
  padding: 25px;
}
.mega-navigation .panel.column-2 .megamenu-title {
  padding-left: 0px;
}
.mega-navigation .panel.column-2 li {
  padding-left: 0px;
}

.mega-navigation ul li a.megamenu-next:after,
.mega-navigation .megamenu-title a:before {
  border-color: rgba(0, 0, 0, 0.7);
}

/*------- breadcrumb styling
------------------------------------------------------*/
.breadcrumb {
  padding: 0;
  background-color: transparent;
  margin-left: -15px;
  margin-bottom: 0px;
}
.breadcrumb li {
  margin: 0px;
  padding: 0px;
}
.breadcrumb li a {
  color: #252e34;
}
.breadcrumb li a:hover {
  opacity: 0.8;
}
.breadcrumb li:last-child a {
  color: #009864;
}
.breadcrumb li:before {
  display: none;
}
.breadcrumb li:after {
  width: 9px;
  height: 9px;
  display: block;
  background: url(../Img/navi-arrow.png);
  content: " ";
  float: left;
  margin-top: 8px;
  margin: 0px 10px;
  margin-top: 8px;
}
.breadcrumb li:first-child:before {
  color: white;
  content: "";
}
.breadcrumb li:first-child:after {
  display: none;
}

/*------- hsm structure menu
------------------------------------------------------*/
ul.hsmstructure_menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  border-top: 1px solid #e3e3e3;
}
ul.hsmstructure_menu li {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #e3e3e3;
}
ul.hsmstructure_menu li:before {
  content: "";
}
ul.hsmstructure_menu li ul {
  margin-left: 20px;
}
ul.hsmstructure_menu li ul li {
  padding-left: 10px;
}
ul.hsmstructure_menu li ul li:before {
  content: "+";
  color: #009864;
}

/*Sitemap menue css*/
.csc-menu-1 li:before {
  content: "";
}

.csc-menu-1 li {
  background-color: #009864;
  border: 1px solid #009864;
  border-radius: 6px;
  max-width: 24%;
  min-width: 24%;
  height: 5em;
  line-height: 5em;
  float: left;
  padding-left: 0;
  margin: 3px;
  text-align: center;
}

.csc-menu-1 li a {
  color: white;
  line-height: 1.5em;
  display: inline-block;
  vertical-align: middle;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
@media (max-width: 1200px) {
  /*------- mega navigation -------*/
  .mega-navigation {
    width: 940px;
  }
  .mega-navigation .additional-col h3 {
    width: 291px;
  }
  .mega-navigation .megamenu-title {
    font-size: 100%;
  }
  .mega-navigation .column-0 ul li a {
    width: 248px;
  }
  .mega-navigation ul li {
    padding-left: 15px;
  }
  .mega-navigation ul li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 214px;
    font-size: 80%;
  }
  .mega-navigation ul li a img {
    margin-right: 15px;
  }
  .mega-navigation ul li a.megamenu-next {
    width: 50px;
  }
  .mega-navigation ul.tags-menu li a {
    width: auto;
    line-height: 120%;
    white-space: pre-line;
    padding: 5px 10px;
  }

  #main-menu a {
    padding: 14px 20px;
  }

  .nav-pills > li {
    margin-right: 9px;
  }
}
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  /*------- main navigation -------*/
  #main-menu {
    /*margin-top: 58px;*/
  }
  #main-menu li {
    margin-right: 5px;
    margin-bottom: 5px;
  }

  /*------- mega navigation -------*/
  .mega-navigation {
    display: none !important;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  /*------- partner-menu -------*/
  #partner-menu {
    display: inline-block;
    margin: 18px auto;
    margin-bottom: 0px;
    float: none !important;
  }

  /*------- meta navigation -------*/
  #meta-menu {
    display: inline-block;
    margin: 18px auto;
    margin-bottom: 0px;
    float: none !important;
  }
  #meta-menu li {
    float: none;
  }
  #meta-menu li:before {
    display: none;
  }
}
/*------- general style
------------------------------------------------------*/
/*------- header -------*/
header {
  margin-bottom: 30px;
  padding-top: 50px;
}

.headerimage {
  margin-bottom: 45px;
}

blockquote {
  font-size: 1.5em;
  line-height: 1.5em;
  border: none;
  font-style: italic;
  margin-bottom: 36px;
  color: #00744c;
}

/*------- headertop -------*/
#headertop {
  width: 100%;
  height: 50px;
  background: #009864;
  color: #fff;
  position: fixed;
  z-index: 1000;
  top: 0px;
}
#headertop .container {
  position: relative;
}

/*------- greeting -------*/
.greeting {
  height: 50px;
  padding: 11px 0px;
  font-weight: 400;
}

/*------- toolbar -------*/
.toolbar #permalink {
  font-size: 80%;
}
.toolbar nav ul {
  padding: 0px;
  margin: 0px;
}
.toolbar nav li {
  list-style: none;
  float: left;
  border: 0px;
  padding: 0px;
}
.toolbar nav li:before {
  display: none;
}
.toolbar nav li:first-child {
  border-left: 0px;
  float: left;
  position: absolute;
  left: 0px;
}
.toolbar nav li:first-child a {
  border-right: 0px;
}
.toolbar nav li ul {
  background: #00bc7b;
  position: absolute;
  z-index: 100;
  display: none;
}
.toolbar nav li ul li {
  display: block;
  float: none;
  border-top: 1px solid #ffffff;
}
.toolbar nav li ul li a {
  width: auto;
  text-align: left;
  padding-left: 0.5em;
}
.toolbar nav a {
  width: 50px;
  height: 50px;
  background: none;
  display: block;
  border-right: 1px solid #00bc7b;
  color: #fff;
  font-size: 17px;
  text-align: center;
  padding-top: 17px;
  position: relative;
  line-height: 100%;
}
.toolbar nav a.betabereich {
  background: #ff8f00;
  color: #ffffff;
  border-right: 0;
}
.toolbar nav a.help {
  /* Das Help Icon ist leider etwas kleiner */
  font-size: 24px;
  padding-top: 14px;
}
.toolbar nav a.support {
  /* Das Support Icon ist leider etwas kleiner */
  font-size: 24px;
  padding-top: 14px;
}
.toolbar nav a:hover, .toolbar nav a:focus {
  opacity: 1;
  text-decoration: none;
  background: #00bc7b;
}
.toolbar .counter {
  width: auto;
  height: 16px;
  border-radius: 3px;
  color: #fff;
  display: block;
  position: absolute;
  right: 8px;
  top: 10px;
  background: #ff8f00;
  font-weight: 700;
  font-size: 9px;
  padding-top: 1px;
  text-align: center;
  line-height: 150%;
  padding: 1px 2px;
}

/*------- branding -------*/
.branding {
  display: block;
  width: 348px;
  height: 59px;
  margin-top: 39px;
  margin-bottom: 20px;
}
.branding img {
  width: 100%;
  height: auto;
}
.branding.cloned {
  margin: 0;
  width: 200px;
  margin-top: 7px;
  height: auto;
}
@media (max-width: 992px) {
  .branding.cloned {
    display: none;
  }
}

/*------- search -------*/
.search {
  width: 100%;
  max-width: 450px;
  position: relative;
  margin-top: 60px;
}
.search input[type=search] {
  width: 100%;
  max-width: 450px;
  height: 48px;
  padding: 10px;
  border: 1px solid #e3e3e3;
  border-right: 0px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #252e34;
  font-weight: 600;
}
.search input[type=search]::-webkit-input-placeholder {
  color: #252e34;
  font-weight: 600;
}
.search input[type=search]::-moz-placeholder {
  color: #252e34;
  font-weight: 600;
}
.search input[type=search]:-ms-input-placeholder {
  color: #252e34;
  font-weight: 600;
}
.search input[type=search]:-moz-placeholder {
  color: #252e34;
  font-weight: 600;
}

.searchBox {
  position: relative;
}
@media (min-width: 992px) {
  .searchBox {
    margin-left: 45px;
  }
}
@media (min-width: 1200px) {
  .searchBox {
    margin-left: 210px;
  }
}
@media (max-width: 992px) {
  .searchBox .cloned {
    display: none;
  }
}
.searchBox .cloned input[type=search] {
  margin-top: 7px;
  height: 35px;
  border: none;
  width: 285px;
  color: #252e34;
  font-weight: 600;
}
.searchBox .cloned input[type=search]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #252e34;
}
.searchBox .cloned input[type=search]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #252e34;
  opacity: 1;
}
.searchBox .cloned input[type=search]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #252e34;
  opacity: 1;
}
.searchBox .cloned input[type=search]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #252e34;
}
.searchBox .cloned input[type=search]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #252e34;
}
.searchBox .cloned input[type=search]::placeholder {
  color: #252e34;
}
.searchBox .cloned .btn.btn-search {
  padding: 8px;
  height: 35px;
  width: 35px;
  right: -35px;
  top: 7px;
}

.advanced-search {
  width: 820px;
  background: #f5f5f5;
  color: #252e34;
  position: absolute;
  right: 0px;
  top: 48px;
  z-index: 3;
  font-size: 0.875rem;
  display: none;
}
.advanced-search .inner-top,
.advanced-search .inner-bottom {
  padding: 20px;
}
.advanced-search .inner-bottom {
  border-top: 1px solid #e3e3e3;
  background: #efefef;
}
.advanced-search label {
  width: 100%;
  display: block;
  font-size: 0.875rem;
  font-weight: 200;
}
.advanced-search label input[type=checkbox] {
  float: left;
  margin-top: 7px;
  margin-right: 5px;
  width: auto;
  margin-bottom: 0px;
}

/*------- notifications -------*/
.notifications, .latestchangeslist {
  width: 515px;
  height: auto;
  background: #f5f5f5;
  position: absolute;
  top: 50px;
  right: 115px;
  z-index: 2;
  color: #252e34;
  display: none;
}
.notifications .inner, .latestchangeslist .inner {
  padding: 25px;
}
.notifications ul, .notifications p, .latestchangeslist ul, .latestchangeslist p {
  margin-bottom: 0px;
}
.notifications li, .latestchangeslist li {
  padding: 0px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 0px;
}
.notifications li:last-child, .latestchangeslist li:last-child {
  border: 0px;
}
.notifications li:before, .latestchangeslist li:before {
  display: none;
}
.notifications li a, .latestchangeslist li a {
  position: relative;
  display: block;
  padding: 20px 0px;
  color: #252e34;
}
.notifications .counter, .latestchangeslist .counter {
  left: 0px;
  width: auto;
  min-width: 35px;
  height: 25px;
  background: #ff8f00;
  border-radius: 3px;
  top: 50%;
  margin-top: -12.5px;
  font-size: 13px;
  padding-top: 3px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  position: static;
  font-weight: 700;
  margin-right: 5px;
}

/*------- toolmenu -------*/
.toolbar .toolmenu,
.toolbar .helpmenu {
  height: auto;
  background: #fff !important;
  z-index: 2;
  color: #252e34;
  width: 350px;
}
.toolbar .toolmenu li,
.toolbar .helpmenu li {
  border: 0px;
  border-left: 0px;
  background: #f5f5f5;
  margin-bottom: 1px;
}
.toolbar .toolmenu li:before,
.toolbar .helpmenu li:before {
  display: none;
}
.toolbar .toolmenu li:first-child,
.toolbar .helpmenu li:first-child {
  position: static;
  border-left: 0px !important;
  float: none;
}
.toolbar .toolmenu li:last-child,
.toolbar .helpmenu li:last-child {
  border-bottom: 0px;
}
.toolbar .toolmenu li span,
.toolbar .helpmenu li span {
  display: block;
  padding: 20px 20px;
  padding-left: 20px !important;
}
.toolbar .toolmenu li span:hover,
.toolbar .helpmenu li span:hover {
  color: #fff;
  background: #009864;
}
.toolbar .toolmenu li a,
.toolbar .helpmenu li a {
  height: auto;
  padding: 0px;
  font-size: 0.9375rem;
  color: #252e34;
  border-right: 0px;
  font-weight: 400;
  padding: 20px 20px;
  padding-left: 20px !important;
  line-height: 135%;
  margin-bottom: 1px;
}
.toolbar .toolmenu li a:hover,
.toolbar .helpmenu li a:hover {
  color: #fff;
  background: #009864;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*------- rootline styling
------------------------------------------------------*/
#rootline {
  font-size: 0.8em;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
@media (max-width: 1200px) {
  .greeting {
    padding: 14px 0px;
  }
}
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  /*------- branding -------*/
  .branding {
    width: 290px;
    height: auto;
    margin-bottom: 0px;
  }

  .advanced-search {
    width: 750px;
  }

  /*------- greeting -------*/
  .greeting {
    display: none;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  /*------- header -------*/
  header {
    margin-bottom: 30px;
  }

  /*------- branding -------*/
  .branding {
    width: 250px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 0px;
  }

  /*------- notifications -------*/
  .notifications {
    left: 0px;
    right: 0px;
    width: 100%;
  }
}
/*------- general style
------------------------------------------------------*/
body {
  position: relative;
}

footer {
  min-height: 60px;
  margin-top: 0px;
  background: transparent;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
footer #socialMediaMenu {
  background-color: #ffffff;
  padding: 5px 0;
  margin-bottom: 10px;
}
footer #socialMediaMenu div {
  padding: 0 5px;
}
footer #socialMediaMenu div a img {
  margin-left: 10px;
  margin-bottom: 2px;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  position: relative;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  footer {
    height: auto;
    text-align: center;
  }
  footer * {
    float: none;
  }
}
/*------- general style
------------------------------------------------------*/
.contact-person {
  width: 100%;
  margin-bottom: 40px;
  display: inline-block;
  padding-left: 120px;
  position: relative;
}
.contact-person img {
  width: 100px;
  height: auto;
  margin-right: 25px;
  border: 2px solid #f5f5f5;
  position: absolute;
  left: 0px;
  top: 0px;
}
.contact-person:last-child {
  margin-bottom: 0px;
}

.col-md-3 .contact-person {
  padding-left: 60px;
}
.col-md-3 .contact-person img {
  width: 50px;
  height: auto;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  .contact-person {
    padding-left: 120px;
  }
  .contact-person img {
    width: 100px;
    height: 100px;
  }
  .contact-person h5 {
    margin-top: 0px;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .contact-person {
    text-align: center;
    margin-bottom: 20px;
    padding-left: 0px;
  }
  .contact-person p {
    margin-bottom: 0px;
  }
  .contact-person img {
    float: none;
    margin: 0px;
    margin-bottom: 20px;
    position: static;
    width: 150px;
    height: 150px;
  }

  .col-md-3 .contact-person {
    padding-left: 0px;
  }
}
/*------- general style
------------------------------------------------------*/
.panel-heading {
  border-radius: 0px;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel-group .panel + .panel {
  margin: 0px;
}

.panel-group {
  border-bottom: 1px solid #e3e3e3;
}

.panel {
  box-shadow: none;
  border: 0px;
}

.panel-body {
  padding: 15px 30px;
}

.panel-default .panel-heading {
  background: none;
  padding: 0px;
  border: 1px solid #e3e3e3;
  border-bottom: 0px;
}
.panel-default .panel-heading h4 {
  font-size: 1.125rem;
  font-weight: 600;
}
.panel-default .panel-heading h4 a {
  background: #fff;
  width: 100%;
  display: block;
  padding: 30px 60px 30px 30px;
  position: relative;
}
.panel-default .panel-heading h4 a.collapsed:after {
  font-family: "icomoon" !important;
  content: "\e905";
  color: #009864;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 17px;
}
.panel-default .panel-heading h4 a:after {
  font-family: "icomoon" !important;
  content: "\e906";
  color: #009864;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 17px;
}
.panel-default .panel-heading h4 a:focus {
  text-decoration: none;
  color: #252e34;
}
.panel-default .panel-heading h4 a:focus:hover {
  color: #009864;
}
.panel-default .panel-body {
  border: 1px solid #e3e3e3;
}

/*------- persoanl lists
------------------------------------------------------*/
.tx-jhepersorgfe-pi1 h4.orgUnitToggler {
  background: none;
  padding: 0px;
  border: 1px solid #e3e3e3;
  padding: 30px;
  margin-bottom: -1px;
}
.tx-jhepersorgfe-pi1 h4.orgUnitToggler .personaldata-toggler {
  color: #009864;
  font-weight: bold;
  font-size: 16px;
}
.tx-jhepersorgfe-pi1 .level1header, .tx-jhepersorgfe-pi1 .level1 {
  margin-left: 0px;
}
.tx-jhepersorgfe-pi1 h4.level2header {
  padding: 15px 30px;
  background: #f6f6f6;
  padding-left: 20px;
}
.tx-jhepersorgfe-pi1 h4.level3header {
  padding: 15px 30px;
  background: #f6f6f6;
  padding-left: 40px;
}
.tx-jhepersorgfe-pi1 h4.level4header {
  padding: 15px 30px;
  background: #f6f6f6;
  padding-left: 60px;
}
.tx-jhepersorgfe-pi1 h4.level5header {
  padding: 15px 30px;
  background: #f6f6f6;
  padding-left: 80px;
}
.tx-jhepersorgfe-pi1 h4.level6header {
  padding: 15px 30px;
  background: #f6f6f6;
  padding-left: 100px;
}
.tx-jhepersorgfe-pi1 h4.level2header,
.tx-jhepersorgfe-pi1 h4.level3header,
.tx-jhepersorgfe-pi1 h4.level4header,
.tx-jhepersorgfe-pi1 h4.level5header,
.tx-jhepersorgfe-pi1 h4.level6header {
  font-size: 80%;
  font-weight: 600;
}
.tx-jhepersorgfe-pi1 h4.level2header .personaldata-toggler,
.tx-jhepersorgfe-pi1 h4.level3header .personaldata-toggler,
.tx-jhepersorgfe-pi1 h4.level4header .personaldata-toggler,
.tx-jhepersorgfe-pi1 h4.level5header .personaldata-toggler,
.tx-jhepersorgfe-pi1 h4.level6header .personaldata-toggler {
  font-size: 16px;
}
.tx-jhepersorgfe-pi1 .level1,
.tx-jhepersorgfe-pi1 .level2,
.tx-jhepersorgfe-pi1 .level3,
.tx-jhepersorgfe-pi1 .level4,
.tx-jhepersorgfe-pi1 .level5,
.tx-jhepersorgfe-pi1 .level6 {
  margin-top: -1px;
  border-top: 1px solid #e3e3e3;
  padding: 30px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .panel-body {
    padding: 20px 0px;
  }

  .panel-default .panel-heading h4 a {
    padding: 20px;
  }
  .panel-default .panel-heading h4 a:after {
    height: 10px !important;
    width: 10px !important;
    margin-top: -5px !important;
    font-size: 12px !important;
    right: 20px !important;
  }
}
/*------- general style
------------------------------------------------------*/
.simpleLightboxImg {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.simpleLightboxImg:hover {
  opacity: 1;
}
.simpleLightboxImg:hover:before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.simpleLightboxImg:hover:after {
  font-family: "icomoon" !important;
  content: "\e907";
  width: 60px;
  height: 60px;
  padding: 17px 5px;
  background: #009864;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  border-radius: 5px;
  color: #fff;
  font-size: 40px;
  text-align: center;
}
.simpleLightboxImg:last-child {
  margin-bottom: 0px;
}

/*------- general style
------------------------------------------------------*/
.product {
  margin-bottom: 30px;
  color: #252e34;
  position: relative;
  display: inline-block;
  width: 100%;
}
.product dl {
  font-size: 80%;
}
.product strong {
  margin-bottom: 10px;
  display: block;
  line-height: 120%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.product .product-header {
  width: 100%;
  height: 200px;
  display: table;
  background: #f5f5f5;
  text-align: center;
  margin-bottom: 30px;
}
.product .product-header .inner {
  display: table-cell;
  vertical-align: middle;
}
.product .product-header img {
  width: auto;
  height: auto;
}
.product:hover, .product:focus {
  opacity: 1;
  color: #252e34;
  cursor: pointer;
  text-decoration: none;
}
.product:hover:before, .product:focus:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0px;
  bottom: 30px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.product:hover:after, .product:focus:after {
  font-family: "icomoon" !important;
  content: "\e908";
  width: 60px;
  height: 60px;
  padding: 17px 5px;
  background: #009864;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  border-radius: 5px;
  color: #fff;
  font-size: 25px;
  text-align: center;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .list-product .info-container {
    padding-right: 80px;
    height: auto;
  }
  .list-product .info-container h5 {
    margin-top: 0px;
  }
}
/*------- general style
------------------------------------------------------*/
.nav-tabs > li {
  border: 0px;
  padding: 0px;
}
.nav-tabs > li > a {
  border-radius: 0px;
  padding: 20px 30px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  background: #009864;
  margin-right: 10px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background: #00bc7b;
  opacity: 1;
  border: 1px solid #00bc7b;
}
.nav-tabs > li.active > a {
  color: #252e34;
}
.nav-tabs > li.active > a:hover {
  color: #252e34;
}

.tab-content {
  padding: 30px;
  border: 1px solid #e3e3e3;
  border-top: 0px;
  margin-bottom: 30px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
@media (max-width: 1200px) {
  .nav-tabs > li > a {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .nav-tabs > li.active > a {
    border: 1px solid #e3e3e3;
  }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #e3e3e3;
  }
}
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  .nav-tabs > li > a {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .nav-tabs > li.active > a {
    border: 1px solid #e3e3e3;
  }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #e3e3e3;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .nav-tabs > li > a {
    padding: 10px 20px;
    margin-right: 5px;
    margin-bottom: 5px;
  }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-bottom: 1px solid #e3e3e3;
  }
}
/*------- general style
------------------------------------------------------*/
#news-header {
  height: 557px;
  padding: 30px;
}
#news-header .teaser {
  height: 250px;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 247px;
}
#news-header .inner {
  padding: 20px;
  display: inline-block;
  width: 100%;
}
#news-header .date {
  color: #ff8f00;
  font-weight: 400;
}
#news-header .category {
  font-weight: 400;
}
#news-header .col-lg-1, #news-header .col-lg-10, #news-header .col-lg-11, #news-header .col-lg-12, #news-header .col-lg-2, #news-header .col-lg-3, #news-header .col-lg-4, #news-header .col-lg-5, #news-header .col-lg-6, #news-header .col-lg-7, #news-header .col-lg-8, #news-header .col-lg-9, #news-header .col-md-1, #news-header .col-md-10, #news-header .col-md-11, #news-header .col-md-12, #news-header .col-md-2, #news-header .col-md-3, #news-header .col-md-4, #news-header .col-md-5, #news-header .col-md-6, #news-header .col-md-7, #news-header .col-md-8, #news-header .col-md-9, #news-header .col-sm-1, #news-header .col-sm-10, #news-header .col-sm-11, #news-header .col-sm-12, #news-header .col-sm-2, #news-header .col-sm-3, #news-header .col-sm-4, #news-header .col-sm-5, #news-header .col-sm-6, #news-header .col-sm-7, #news-header .col-sm-8, #news-header .col-sm-9, #news-header .col-xs-1, #news-header .col-xs-10, #news-header .col-xs-11, #news-header .col-xs-12, #news-header .col-xs-2, #news-header .col-xs-3, #news-header .col-xs-4, #news-header .col-xs-5, #news-header .col-xs-6, #news-header .col-xs-7, #news-header .col-xs-8, #news-header .col-xs-9 {
  padding-left: 5px;
  padding-right: 5px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  #news-header {
    height: auto;
    padding: 0px 10px;
    background: none !important;
  }
  #news-header .teaser {
    margin-top: 10px;
    height: auto;
    background: #f5f5f5;
  }
  #news-header .inner {
    padding: 20px;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  #news-header .teaser {
    margin-top: 10px;
    height: auto;
  }
  #news-header .inner {
    padding: 20px;
  }
}
.news-teaser {
  width: 100%;
  display: inline-block;
  /*margin-bottom: 30px;*/
}
.news-teaser.news-teaser {
  padding-top: 5px;
}
.news-teaser .date {
  color: #ff8f00;
  font-weight: 400;
}

/*------- general style
------------------------------------------------------*/
.birthday-container {
  margin-bottom: 30px;
}
.birthday-container h3 {
  margin-bottom: 20px;
  margin-top: 17px;
}
.birthday-container h5 {
  margin-bottom: 2px;
}
.birthday-container button {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  .birthday-container h3 {
    margin-top: 10px;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .birthday-container button {
    position: static;
  }
}
/*------- general style
------------------------------------------------------*/
.new-employees-container {
  margin-bottom: 30px;
}
.new-employees-container h3 {
  margin-bottom: 20px;
  margin-top: 17px;
}
.new-employees-container h5 {
  margin-bottom: 2px;
}
.new-employees-container button {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  .new-employees-container h3 {
    margin-top: 10px;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .new-employees-container button {
    position: static;
  }
}
/*------- general style
------------------------------------------------------*/
.tip {
  position: relative;
  padding-left: 75px;
}
.tip .icon {
  color: #ff8f00;
  font-size: 70px;
  float: left;
  position: absolute;
  left: 0px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .tip .icon {
    margin-top: 5px;
  }
}
/*------- general style
------------------------------------------------------*/
.event-container {
  line-height: 1.625rem;
}
.event-container li {
  position: relative;
  padding-left: 35px;
  line-height: 100%;
}
.event-container .date {
  margin-bottom: 10px;
  display: block;
}
.event-container .icon {
  color: #ff8f00;
  font-size: 25px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  position: absolute;
  left: 0px;
  right: 0px;
}

/*------- general style
------------------------------------------------------*/
.support-form h1, .support-form h2, .support-form h3, .support-form h4, .support-form h5, .support-form h6 {
  margin-bottom: 20px;
}
.support-form select {
  width: 100%;
  height: 45px;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  background: url(../Img/bg-select.jpg) #fff right center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0px 15px;
  font-weight: 400;
  color: #252e34;
}

/*------- general style
------------------------------------------------------*/
.login-container img {
  margin-bottom: 30px;
}

.login {
  background: #009864;
  padding: 30px;
  color: #fff;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.login label {
  display: none;
}
.login input[type=text],
.login input[type=password] {
  width: 100%;
  height: 40px;
  background: #fff;
  border: 0px;
  padding: 0px 10px;
  margin-bottom: 10px;
  color: #252e34;
}

.login-page header {
  margin-bottom: 0px;
}
.login-page .branding {
  margin-bottom: 40px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .login-container img {
    margin-bottom: 0px;
  }
}
/*------- general style
------------------------------------------------------*/
.document-title {
  display: block;
  width: 80%;
  margin-bottom: 5px;
}

.document-type {
  margin-left: 0px;
  margin-right: 20px;
  margin-top: -1px;
  display: block;
  float: left;
}

.document-date {
  color: #009864;
  margin-right: 80px;
}

.document-details {
  font-size: 0.85em;
  max-width: 80%;
}
.document-details .document-doctype {
  display: inline-block;
  margin-right: 20px;
}
.document-details .document-experttopics {
  display: inline-block;
  margin-right: 20px;
}
.document-details .document-productportfolio {
  display: inline-block;
  margin-right: 20px;
}
.document-details .document-mainservice {
  display: inline-block;
  margin-right: 20px;
}
.document-details .document-hsm {
  display: inline-block;
  margin-right: 20px;
}

ul.document-list {
  margin-bottom: 30px;
}
ul.document-list li {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 0px;
  border-bottom: 1px solid #e3e3e3;
}
ul.document-list li .new-badge {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 10px;
  transform: rotate(0deg);
  position: relative;
  right: 0px;
  top: -2px;
  height: 22px;
  z-index: 100;
  border-radius: 2px;
  line-height: 21px;
  margin-top: -2px;
  margin-left: 10px;
}
ul.document-list li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 25px 0px;
  color: #252e34;
}
ul.document-list li a:after {
  font-family: "icomoon" !important;
  position: absolute;
  content: "\e90e";
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: block;
  background: #009864;
  right: 0px;
  top: 50%;
  margin-top: -20px;
  text-align: center;
  padding: 7px 0px;
  font-size: 20px;
}
ul.document-list li a:hover, ul.document-list li a:focus, ul.document-list li a:focus:hover {
  opacity: 0.7;
  text-decoration: none;
}
ul.document-list li a:hover .document-size,
ul.document-list li a:hover .document-title, ul.document-list li a:focus .document-size,
ul.document-list li a:focus .document-title, ul.document-list li a:focus:hover .document-size,
ul.document-list li a:focus:hover .document-title {
  color: #252e34;
}
ul.document-list li:last-child {
  border: 0px;
}
ul.document-list li:first-child a {
  padding-top: 0px;
}
ul.document-list li:before {
  content: "";
}

/*------- general style
------------------------------------------------------*/
.documents-container {
  border: 1px solid #e3e3e3;
  position: relative;
  margin-bottom: 40px;
}
.documents-container .inner {
  padding: 25px;
  padding-bottom: 20px;
  padding-left: 95px;
  display: inline-block;
}
.documents-container ul {
  margin-bottom: 0px;
}
.documents-container li {
  border: 0px;
  float: left;
  padding: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.documents-container li:before {
  display: none;
}
.documents-container a:after {
  display: none;
}
.documents-container strong {
  margin-bottom: 10px;
  display: block;
}
.documents-container .icon {
  float: left;
  font-size: 60px;
  color: #e3e3e3;
  position: absolute;
  left: 20px;
  top: 30px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .documents-container {
    margin-bottom: 20px;
  }
  .documents-container .inner {
    padding: 15px;
    padding-left: 95px;
  }
  .documents-container li {
    margin-bottom: 0px;
  }
}
/*------- general style
------------------------------------------------------*/
.alphabet-filter {
  text-align: left;
  margin-bottom: 0px;
}
.alphabet-filter ul {
  display: inline-block;
  text-align: center;
  margin-bottom: 0px;
}
.alphabet-filter li {
  padding: 0;
  border: 1px solid #009864;
  border-radius: 4px;
  color: orange;
  float: left;
  margin-right: 5px;
  min-width: 26px;
  font-weight: 600;
  font-size: 1.125rem;
}
.alphabet-filter li:before {
  content: "";
}
.alphabet-filter li:last-child {
  margin-right: 0px;
}
.alphabet-filter a,
.alphabet-filter .ln-disabled {
  padding: 0 5px;
  color: #009864;
}
.alphabet-filter .ln-letters a, .alphabet-filter .ln-letters .ln-disabled {
  padding: 0 5px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .alphabet-filter {
    text-align: center;
  }
  .alphabet-filter li {
    display: inline-block;
    float: none;
  }
  .alphabet-filter a {
    width: 45px;
    height: 45px;
    padding: 11px 0px;
    text-align: center;
    background: #f5f5f5;
    color: #252e34;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 400;
  }
}
/*------- general style
------------------------------------------------------*/
.add-comment-container {
  margin-bottom: 30px;
}
.add-comment-container .inner {
  background: #f5f5f5;
  padding: 40px;
}

.comment-container a {
  color: #009864;
  font-weight: bold;
}
.comment-container ol li {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 5px;
  padding-bottom: 20px;
  padding-left: 0px;
}
.comment-container ol li:before {
  display: none;
}
.comment-container ol li:last-child {
  border: 0px;
}
.comment-container .btn {
  margin-left: 5px;
}

.comment-content {
  padding: 30px 7%;
}

.own-comment {
  padding: 10px;
  background: #f5f5f5;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .add-comment-container h3 {
    margin-top: 0px;
  }
  .add-comment-container .inner {
    padding: 20px;
  }

  .comment-header .pull-right {
    float: none !important;
  }

  .btn {
    margin-left: 0px !important;
    margin-right: 5px;
    margin-bottom: 10px;
  }
}
/*------- general style
------------------------------------------------------*/
.pagenavigation {
  text-align: center;
}
.pagenavigation ul {
  display: inline-block;
  text-align: center;
}
.pagenavigation li {
  padding: 0px;
  border: 0px;
  float: left;
  margin-right: 2px;
}
.pagenavigation li:last-child {
  margin-right: 0px;
}
.pagenavigation a {
  padding: 5px;
}

.page-navigation {
  text-align: center;
}
.page-navigation p {
  display: none;
}
.page-navigation ul li {
  font-weight: 200;
}
.page-navigation ul li.current {
  font-weight: bold;
}
.page-navigation ul li:before {
  display: none;
}
.page-navigation ul li a {
  color: #252e34;
  font-weight: 200;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  .pagenavigation {
    text-align: center;
  }
  .pagenavigation li {
    display: none;
  }
  .pagenavigation li.mobile {
    display: inline-block;
    float: none;
  }
  .pagenavigation a {
    width: auto;
    height: 45px;
    padding: 11px;
    text-align: center;
    background: #f5f5f5;
    color: #252e34;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 400;
  }
}
/*------- general style
------------------------------------------------------*/
.highlight, .not-enough-available {
  color: #980000;
  font-weight: 700;
  margin-top: 3px;
}

#delete-basket-form a {
  font-weight: 600;
  color: #252e34;
  font-size: 0.825rem;
}

.price, .price-highlight {
  color: #009864;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: right;
}

.not-availabled {
  background: #999;
  color: #fff;
}

/*------- list product, list-basket
------------------------------------------------------*/
.list-product,
.list-basket {
  padding: 15px;
  margin-bottom: 10px;
  color: #252e34;
  position: relative;
  display: inline-block;
  width: 100%;
  background: #f5f5f5;
  border-radius: 3px;
  overflow: hidden;
}
.list-product:last-child,
.list-basket:last-child {
  margin-bottom: 0px;
}
.list-product .image-container,
.list-basket .image-container {
  background: #fff;
  padding: 10px;
  width: 100%;
  max-width: 120px;
  float: left;
  height: 120px;
  display: table;
}
.list-product .image-container img,
.list-basket .image-container img {
  border: 1px solid #e3e3e3;
  display: block;
  padding: 1px;
}
.list-product .image-container .inner,
.list-basket .image-container .inner {
  display: table-cell;
  vertical-align: middle;
}
.list-product .info-container,
.list-basket .info-container {
  display: table;
  height: 120px;
  padding-left: 20px;
}
.list-product .info-container .inner,
.list-basket .info-container .inner {
  display: table-cell;
  vertical-align: middle;
}
.list-product h5,
.list-basket h5 {
  color: #252e34;
  display: inline-block;
  margin-bottom: 0px;
  text-transform: none;
  padding-right: 130px;
  line-height: 160%;
}
.list-product h5 .icon,
.list-basket h5 .icon {
  color: #009864;
  font-size: 24px;
  width: 25px;
  display: block;
  margin-right: 10px;
  float: left;
  margin-top: 0;
  position: absolute;
  left: 15px;
}
.list-product h5 a,
.list-basket h5 a {
  color: #252e34;
}
.list-product .price,
.list-basket .price {
  text-align: right;
  line-height: 160%;
  position: absolute;
  top: 50%;
  right: 15px;
  height: 40px;
  margin-top: -18px;
  width: 250px;
}
.list-product:hover, .list-product:focus,
.list-basket:hover,
.list-basket:focus {
  color: #252e34;
  text-decoration: none;
}
.list-product .price-container,
.list-basket .price-container {
  position: absolute;
  right: 0px;
  top: 50%;
  height: 40px;
  margin-top: -20px;
}
.list-product .price-container div,
.list-basket .price-container div {
  width: 130px;
  height: 40px;
  float: left;
  padding: 10px 15px;
  text-align: right;
}
.list-product .btn.btn-add,
.list-basket .btn.btn-add {
  float: right;
}

.list-product .product-expired {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background-color: rgba(204, 204, 204, 0.8);
  text-align: center;
  z-index: 1;
}
.list-product .product-expired .product-expired-notice {
  height: 100%;
  width: 100%;
  padding: 16px 10px;
  font-size: 0.75rem;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .list-product .product-expired .product-expired-notice {
    padding: 30px 10px;
  }
}
.list-product .product-expired .product-expired-notice .notice-text {
  color: white;
  background-color: #009864;
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-block;
}
.list-product form {
  display: inline;
}

.list-basket {
  padding: 30px 15px;
}
.list-basket h5 {
  padding: 0px;
  padding-left: 35px;
}
.list-basket .btn {
  background: none;
  padding: 0px;
  color: #009864;
  text-transform: none;
}
.list-basket .btn:hover {
  background: none;
  color: #009864;
}

.status, .type {
  background: #ebebeb;
  padding: 1px 10px;
  border-radius: 3px;
  color: #777;
  display: inline;
  width: auto;
}

.total {
  font-size: 1.25rem;
  color: #009864;
  padding: 2px 0px;
  padding-bottom: 0px;
  font-weight: 700;
  padding-right: 13px;
}
.total strong {
  color: #252e34;
  margin-right: 10px;
}

.block-customer-address {
  border: 1px solid #e3e3e3;
  padding: 30px;
  border-radius: 4px;
  min-height: 226px;
  margin-bottom: 30px;
}
.block-customer-address dl {
  margin-bottom: 0px;
}
.block-customer-address dl dd {
  text-align: right;
}

.block-agb-notice label {
  width: 80% !important;
}

.delete-item {
  position: absolute;
  right: 5px;
  top: 5px;
  background: none;
  border: 0px;
  padding: 0px 10px;
  height: 30px;
  width: 30px;
  color: #252e34;
  font-size: 20px;
  font-weight: 500;
}

/*------- Shop Detail
------------------------------------------------------*/
.shop-frame {
  background: #f5f5f5;
  padding: 15px 0px;
  width: 100%;
  margin: 0px;
  margin-bottom: 20px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.shop-frame .product-info {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #252e34;
  font-size: 20px;
}
.shop-frame .product-info:focus {
  text-decoration: none;
}

#shop-detail .price {
  font-size: 1.875rem;
  margin-top: 10px;
  display: inline-block;
}
#shop-detail h4 {
  margin-top: 25px;
}
#shop-detail label {
  width: 100%;
  display: block;
}
#shop-detail input {
  width: 50px;
  height: 38px;
  padding: 10px;
  border: 1px solid #e3e3e3;
  text-align: center;
}
#shop-detail button {
  margin-top: -5px;
}
#shop-detail .status {
  display: inline-block;
  margin: 15px 0px;
}
#shop-detail .status span:first-letter {
  text-transform: uppercase;
}
#shop-detail .image-container {
  background: #fff;
  padding: 10px;
  width: 100%;
  text-align: center;
  height: 220px;
  display: table;
}
#shop-detail .image-container .inner {
  display: table-cell;
  vertical-align: middle;
}
#shop-detail .image-container .inner img {
  margin: auto;
  height: auto;
  padding: 1px;
  border: 1px solid #e3e3e3;
}

/*------- product-list
------------------------------------------------------*/
#product-list {
  display: inline-block;
  width: 100%;
}
#product-list img {
  width: auto;
  max-height: 100px;
  margin: 0px auto;
  max-width: 100%;
  height: auto;
}

/*------- mini-basket
------------------------------------------------------*/
#main-menu .mini-basket {
  float: right;
  margin-top: 0px;
}
#main-menu .mini-basket a {
  font-weight: 600;
  padding: 13px 15px;
  height: 40px;
  border-radius: 4px;
  background: #b7b7b7;
  display: block;
  position: relative;
  padding-left: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -ms-transform: all 0.2s linear;
}
#main-menu .mini-basket a span {
  border-right: 1px solid #f3f3f3;
  padding-right: 8px;
  margin-right: 5px;
  font-size: 17px;
  position: absolute;
  left: 15px;
  top: 11px;
}

/*------- category-container
------------------------------------------------------*/
.category-container {
  margin-bottom: 30px;
}
.category-container h2 .arrow {
  display: none;
}
.category-container h3 {
  margin-bottom: 23px;
}
.category-container ul {
  display: block;
}
.category-container ul > li {
  padding: 0px;
  border: 0px;
  position: relative;
}
.category-container ul > li:before {
  display: none;
}
.category-container ul > li > a {
  margin-bottom: 5px;
  background: #f5f5f5;
  width: 100%;
  border-radius: 3px;
  display: block;
  font-weight: 600;
  font-size: 0.8125rem;
  padding: 5px 15px;
  text-transform: uppercase;
  color: #252e34;
}
.category-container ul > li > a:hover, .category-container ul > li > a:focus, .category-container ul > li > a.active {
  background: #009864;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}
.category-container ul > li > a.remove-filter {
  background: none;
  position: absolute;
  right: 0px;
  width: auto;
  top: 0px;
  height: 36px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  text-align: right;
}
.category-container ul > li > a.remove-filter:hover {
  background: none;
}

/*------- productpackage
------------------------------------------------------*/
.productpackage-container .table > tbody > tr th,
.productpackage-container .table > tbody > tr td {
  padding: 10px;
  vertical-align: middle;
  border: 0px;
  background: #f5f5f5;
  border: 2px solid #fff;
  border-radius: 3px;
}
.productpackage-container .table > tbody > tr th img,
.productpackage-container .table > tbody > tr td img {
  border: 2px solid #fff;
}
.productpackage-container .table > tbody > tr th:last-child,
.productpackage-container .table > tbody > tr td:last-child {
  text-align: center;
}

/*------- customize
------------------------------------------------------*/
.customiz-container {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 20px 0px;
  margin-top: 10px;
  min-height: 186px;
}
.customiz-container .inner {
  padding: 15px;
}
.customiz-container .btn {
  float: left;
  margin-right: 10px;
}
.customiz-container .qq-upload-drop-area,
.customiz-container .qq-upload-extra-drop-area {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 154px;
  z-index: 2;
  background: rgba(0, 152, 100, 0.8);
  text-align: center;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
}

.qq-upload-file {
  max-width: 100px;
}

.qq-upload-fail .qq-upload-failed-text {
  display: inline-block;
}

.btn.btn-download {
  position: relative;
  z-index: 1;
}

.qq-upload-button {
  background: none;
  border: 1px dotted #8f8f8f;
  color: #8f8f8f;
  border-radius: 3px;
  height: 38px;
  padding: 4px;
  font-weight: 600;
  font-size: 0.8125rem;
  text-transform: uppercase;
}
.qq-upload-button:after {
  font-family: "icomoon";
  content: "\e913";
  margin-left: 9px;
  font-size: 11px;
}
.qq-upload-button input {
  width: 100% !important;
}

.removeUpload {
  color: #fff;
}

.qq-upload-list {
  margin-top: 15px;
}

.qq-upload-list li {
  line-height: 25px;
  padding: 0px 10px;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 3px;
}
.qq-upload-list li .removeUpload {
  float: right;
}
.qq-upload-list li .removeUpload:hover {
  color: #fff;
  opacity: 0.8;
}

/*------- contact
------------------------------------------------------*/
#shop-detail .contact-person, .sidebar .contact-person {
  padding-left: 0px;
  margin-bottom: 0px;
}
#shop-detail .contact-person img, .sidebar .contact-person img {
  position: static;
  margin-bottom: 10px;
  width: 80px;
}

/*------- new-badge
------------------------------------------------------*/
.new-badge {
  display: inline-block;
  background: #ff8f00;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 30px;
  transform: rotate(45deg);
  position: absolute;
  right: -28px;
  top: 4px;
  z-index: 100;
}

.product-amount input {
  width: 60px;
  text-align: center;
  float: right;
  height: 28px;
  font-size: 12px;
  font-weight: normal;
  color: #252e34;
  margin-right: 5px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 0px 5px;
}
.product-amount .btn {
  float: right;
}

.variant-error {
  padding: 5px 10px;
  border: 2px solid #980000;
  font-weight: 600;
  color: #980000;
  text-align: center;
  margin-bottom: 10px;
  font-size: 80%;
}

#factors select {
  width: 100% !important;
}
#factors strong {
  font-weight: 300 !important;
}

.list-product-header {
  height: 40px;
  background: #fff;
  width: 100%;
  margin-bottom: 15px;
  background: #f5f5f5;
  border-radius: 3px;
}
.list-product-header div > div {
  height: 40px;
  background: #f5f5f5;
  margin-left: 1px;
  padding: 7px 15px;
  font-weight: 600;
  font-size: 0.75rem;
  color: #252e34;
}
.list-product-header .amount, .list-product-header .price, .list-product-header .total-price {
  width: 130px;
  text-align: right;
}

.refresh-container div {
  width: 160px;
}

/*------- featured-products
------------------------------------------------------*/
.featured-products {
  height: 380px;
  background: #009864 center bottom no-repeat;
  background-size: cover;
}
.featured-products .product-title h5 {
  position: static;
  display: block;
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 700;
  line-height: 120%;
}
.featured-products .products {
  padding: 40px 60px;
  padding-top: 45px;
  padding-bottom: 25px;
}
.featured-products .products a {
  height: 260px;
  background: #fff;
}
.featured-products .products a:hover, .featured-products .products a:focus {
  opacity: 1;
  outline: none;
}
.featured-products .products .price {
  position: static;
  display: block;
  text-align: left;
  font-size: 1rem;
  margin-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.featured-products .products .info-container {
  height: 220px;
  padding-left: 0px;
}
.featured-products .products .image-container {
  background: #f5f5f5;
  padding: 10px;
  width: 100%;
  text-align: center;
  height: 220px;
  display: table;
  max-width: none;
  margin-right: 0px;
}
.featured-products .products .image-container .inner {
  display: table-cell;
  vertical-align: middle;
}
.featured-products .products .image-container .inner img {
  max-width: 100%;
  margin: auto;
  height: auto;
  padding: 2px;
  background: #fff;
  border: 1px solid #e3e3e3;
}
.featured-products .slick-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.featured-products .slick-dots li {
  border: 0px;
  padding: 0px;
  margin: 0 3px;
  display: inline;
}
.featured-products .slick-dots li:before {
  display: none;
}
.featured-products .slick-dots li button {
  background: #fff;
  border: 0px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-indent: -9999999px;
  padding: 0px;
}
.featured-products .slick-dots li button:hover, .featured-products .slick-dots li button:focus {
  opacity: 0.7;
  outline: none;
}
.featured-products .slick-dots li.slick-active button {
  background: #009864;
}

/*------- staff
------------------------------------------------------*/
.js-copied-change-user {
  position: static !important;
}

#headertop .select2-container {
  width: 210px !important;
}
#headertop .select2-container--default .select2-selection--single {
  border-radius: 1px;
  border: 1px solid #e3e3e3;
}
#headertop .select2-container--default .select2-selection--single:focus {
  outline: 0px;
}
#headertop .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #252e34;
  line-height: 25px;
  font-weight: 500;
  font-size: 0.8rem;
}
#headertop .js-copied-change-user {
  padding-left: 10px;
  height: 50px;
  padding-right: 10px;
}
#headertop #js-form-change-user {
  margin-top: 10px;
}

.select2-dropdown {
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  border-top: 0px;
}

.select2-search--dropdown {
  padding: 10px;
  border-bottom: 1px solid #e3e3e3;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e3e3e3;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 0.8rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0px;
}

.select2-results__option {
  padding-top: 6px !important;
  padding-left: 10px;
  padding-right: 10px;
  color: #252e34;
  line-height: 25px;
  font-weight: 500;
  font-size: 0.8rem;
}
.select2-results__option:before {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 6px 6px 6px;
}

#headertop .js-copied-change-user {
  position: absolute !important;
  top: 50px;
  background: #00bc7b;
  left: 50%;
  right: 0px;
  z-index: 10;
  border-left: 0px;
  width: 320px;
  margin-left: -160px;
  border-radius: 0 0 4px 4px;
}
#headertop .select2-container {
  width: 100% !important;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
@media (max-width: 992px) {
  .featured-products {
    min-height: 380px;
    height: auto;
  }
  .featured-products .products {
    padding: 40px 30px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .featured-products .products .info-container {
    height: auto !important;
  }
  .featured-products .products .image-container {
    max-width: none;
    margin: 0px;
  }
  .featured-products .products a {
    height: auto;
  }
  .featured-products .price {
    width: auto;
    margin-bottom: 0px !important;
    margin: 10px 0px !important;
  }
  .featured-products .slick-dots {
    margin-bottom: 5px;
    margin-top: 0px;
  }

  .list-basket h5 {
    padding-left: 0px;
    padding-top: 20px;
  }
  .list-basket h5 .icon {
    top: -10px;
  }
  .list-basket .btn {
    margin-top: 15px;
  }

  .category-container ul {
    display: none;
  }
  .category-container h2 {
    height: 32px;
    margin-bottom: 5px;
    background: #009864;
    color: #fff;
    width: 100%;
    border-radius: 3px;
    display: block;
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 10px 15px;
    text-transform: uppercase;
    position: relative;
  }
  .category-container h2 .arrow {
    display: block;
    width: 20px;
    height: 10px;
    float: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    text-align: right;
  }
  .category-container h2 .arrow:before {
    font-family: "icomoon";
    content: "\e905";
  }
  .category-container h2.opened .arrow:before {
    font-family: "icomoon";
    content: "\e906";
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 25px !important;
  }
}
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  #shop-detail .contact-person, .sidebar .contact-person {
    padding-left: 0px;
    margin-bottom: 0px;
  }
  #shop-detail .contact-person img, .sidebar .contact-person img {
    position: static;
    margin-bottom: 10px;
    width: auto;
  }

  .list-basket h5 {
    padding-left: 0px;
  }
  .list-basket h5 .icon {
    top: -10px;
  }
  .list-basket .btn {
    margin-top: 15px;
  }

  .list-product-header {
    display: none;
  }

  .block-customer-address {
    padding: 15px;
  }

  .list-product .refresh-container {
    position: static;
  }

  .list-product .info-container {
    padding-left: 0px;
    height: 80px;
    padding-right: 0px;
  }

  .list-product h5 {
    padding-right: 0px;
  }

  .list-product .price {
    position: static;
    top: auto;
    right: auto;
    margin-top: 0px;
    text-align: left;
    margin-top: 0px;
    height: auto;
  }

  .image-container {
    width: 100px;
  }

  .list-product .image-container {
    background: #fff;
    padding: 10px;
    width: 100%;
    height: 120px;
    display: table;
    margin-right: 10px;
    float: none;
    max-width: none;
    margin-bottom: 5px;
  }

  .status, .type {
    display: inline-block;
    margin: 5px 0px;
  }

  .list-product .price-container {
    border-top: 1px solid #e3e3e3;
    margin-top: 0px;
  }
  .list-product .price-container div {
    width: auto;
    text-align: left;
    padding: 10px;
  }
  .list-product .price-container div small {
    color: red;
    display: block;
    font-size: 0.825rem;
  }
  .list-product .price-container div.price-highlight {
    padding-top: 14px;
  }
  .list-product .price-container div.product-amount {
    padding-left: 0px;
  }
  .list-product .price-container div.product-total-price {
    float: right;
    padding-right: 0px;
  }

  .block-customer-address {
    margin-bottom: 10px;
  }

  .btn.btn-refresh-amount {
    padding: 5.5px 7.5px !important;
  }

  .block-customer-address {
    min-height: auto;
  }

  #shop-detail button {
    margin-top: 7px;
  }

  #headertop .js-copied-change-user {
    position: absolute !important;
    top: 50px;
    background: #00bc7b;
    right: 0px;
    z-index: 10;
    border-left: 0px;
  }
  #headertop .select2-container {
    width: 100% !important;
  }
}
.modal,
.modal.in .modal-dialog {
  z-index: 100000;
}

.variant-loader {
  background: rgba(255, 255, 255, 0.4) !important;
  width: 100%;
  z-index: 5000000000;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.variant-loader img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.overviewListExpertTopics li {
  padding-left: 0px;
}
.overviewListExpertTopics li:before {
  display: none;
}
.overviewListExpertTopics li a {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-radius: 4px;
  color: #252e34;
}
.overviewListExpertTopics li a:hover {
  background: #009864;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

/*------- general style
------------------------------------------------------*/
#overviewListMainServices > li {
  margin-bottom: 0px;
  overflow: hidden;
}
#overviewListMainServices > li ul li {
  margin-bottom: 0px;
}
#overviewListMainServices > li ul li:last-child {
  border: 0px;
}
#overviewListMainServices > li .mainServiceListItem {
  background: none;
  padding: 0px;
  border: 1px solid #e3e3e3;
  padding: 30px;
  margin-bottom: -1px;
  font-size: 1.125rem;
  font-weight: 600;
  display: block;
  overflow: hidden;
}
#overviewListMainServices > li .mainServiceListItem:hover {
  cursor: pointer;
}
#overviewListMainServices > li:before {
  display: none;
}
#overviewListMainServices .document-list {
  margin-bottom: 10px;
  margin-top: -1px;
  border-top: 1px solid #e3e3e3;
  padding: 30px;
}
#overviewListMainServices .document-list li:last-child a {
  padding-bottom: 0px;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
/*------- general style
------------------------------------------------------*/
.charLayer ul {
  margin-bottom: 30px;
}
.charLayer ul li {
  padding-left: 0px;
}
.charLayer ul li:before {
  display: none;
}
.charLayer ul li a {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-radius: 4px;
  color: #252e34;
}
.charLayer ul li a:hover {
  color: #fff;
  background: #009864;
  opacity: 1;
}

/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
/*------- general style
------------------------------------------------------*/
.job-container {
  padding: 30px;
  background: #f5f5f5;
  margin-bottom: 30px;
}

.tx-jhe-erecruiting form {
  padding: 30px;
  background: #f5f5f5;
}
.tx-jhe-erecruiting form select {
  margin-bottom: 0px;
}
.tx-jhe-erecruiting .page_navigation a.page_link, .tx-jhe-erecruiting .page_navigation a.next_link, .tx-jhe-erecruiting .page_navigation a.last_link, .tx-jhe-erecruiting .page_navigation a.first_link, .tx-jhe-erecruiting .page_navigation a.previous_link {
  background: none;
  color: #252e34;
  font-weight: 200;
  padding: 5px;
  margin: 0px;
}
.tx-jhe-erecruiting .page_navigation a.page_link.active_page, .tx-jhe-erecruiting .page_navigation a.next_link.active_page, .tx-jhe-erecruiting .page_navigation a.last_link.active_page, .tx-jhe-erecruiting .page_navigation a.first_link.active_page, .tx-jhe-erecruiting .page_navigation a.previous_link.active_page {
  font-weight: bold;
}
.tx-jhe-erecruiting .page_navigation a.next_link, .tx-jhe-erecruiting .page_navigation a.last_link, .tx-jhe-erecruiting .page_navigation a.first_link, .tx-jhe-erecruiting .page_navigation a.previous_link {
  color: #009864;
  font-weight: 400;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
/*------- general style
------------------------------------------------------*/
.tx-jhe-accountassignmentguide form {
  padding: 30px;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.tx-jhe-accountassignmentguide form input, .tx-jhe-accountassignmentguide form select {
  margin-bottom: 0px;
  width: 100% !important;
}
.tx-jhe-accountassignmentguide form label {
  width: 100%;
}
.tx-jhe-accountassignmentguide .btn {
  width: auto !important;
  margin-left: 10px;
  margin-top: 10px;
}

.tx-jhe-accountassignmentguide tr.row-alt {
  background: #f5f5f5 !important;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
#totop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #009864;
  color: #fff;
  padding: 20px;
  line-height: 0;
  color: #fff;
  z-index: 16384;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

/*------- general style 
------------------------------------------------------*/
.tx-jhewhatsnu-pi2 ul li {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-radius: 4px;
}
.tx-jhewhatsnu-pi2 ul li:before {
  display: none;
}
.tx-jhewhatsnu-pi2 ul li a {
  color: #252e34;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
/*------- general style 
------------------------------------------------------*/
.tx-jhe-latestchanges ul li {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  border-radius: 4px;
}
.tx-jhe-latestchanges ul li:before {
  display: none;
}
.tx-jhe-latestchanges ul li a {
  color: #252e34;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
.tx-jheqmpages-pi1 {
  background: #f5f5f5;
  padding: 30px;
  display: inline-block;
  width: 100%;
}

.modal-content {
  border-radius: 0px;
  box-shadow: none;
  padding: 0px;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 20px;
}

/*------- general style 
------------------------------------------------------*/
#jhePersOrgModal ul {
  padding-left: 0px;
}
#jhePersOrgModal ul li {
  margin-bottom: 10px;
  padding-left: 0px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 10px;
}
#jhePersOrgModal ul li hr {
  display: none;
}
#jhePersOrgModal .page_navigation {
  margin: 30px 0px;
}
#jhePersOrgModal .page_navigation a {
  font-weight: 200;
  color: #252e34;
}
#jhePersOrgModal .page_navigation a.previous_link, #jhePersOrgModal .page_navigation a.next_link {
  color: #009864;
}
#jhePersOrgModal .page_navigation a.active_page {
  font-weight: 600;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
#tx-solr-faceting .facet-section {
  position: relative;
}
#tx-solr-faceting .facet-section input {
  position: absolute;
  left: 0;
  top: 5px;
  float: none !important;
}
#tx-solr-faceting .facet-section label {
  margin-left: 30px !important;
  margin-bottom: 0 !important;
  display: block !important;
  float: none !important;
}

#tx-solr-pagination .form-inline label {
  float: none;
  with: auto;
}

#tx-solr-faceting h2, #tx-solr-faceting .section {
  padding: 8px 7px !important;
}

.ui-autocomplete li:before {
  content: "";
}

/* The flip element container - set the width and height to whatever you want.
We have added the border property to demonstrate that the flip itself goes
out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-element {
  background-color: #f5f5f5;
  width: 100%;
  height: 100%;
  display: table;
  perspective: 1000px;
  /* Remove this if you don't want the 3D effect */
  /* This container is needed to position the front and back side */
  /* Do an horizontal flip when you move the mouse over the flip box container */
}
.flip-element .flip-element-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-element:hover .flip-element-inner {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-element-front, .flip-element-back {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}

/* Style the back side */
.flip-element-back {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}

.flip-element-content {
  width: 100%;
  display: table-cell;
}
.flip-element-content.text {
  padding: 5px;
  padding-top: 20%;
  vertical-align: center;
}
.flip-element-content.image {
  padding: 0;
}
.flip-element-content.image img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

#c74216 .row {
  background: #ffffff url("../../Public/Icons/virus.svg") bottom left no-repeat !important;
  background-size: 240px !important;
  background-position-x: -80px !important;
  background-position-y: -110px !important;
}

#c74216 .row .row {
  background: none !important;
}

#c74218 .row {
  background: transparent !important;
}

/*------- general style
------------------------------------------------------*/
.btn {
  padding: 10px 22px;
  text-transform: uppercase;
  font-weight: 600;
  border: 0px;
  font-size: 0.8125rem;
  border-radius: 4px;
}
.btn.btn-search {
  background: #ff8f00;
  height: 48px;
  width: 48px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 13px;
  text-align: center;
  border-radius: 0px 3px 3px 0px;
}
.btn.btn-search span {
  font-size: 20px;
  color: #fff;
}
.btn.btn-lg {
  padding: 20px 44px;
}
.btn.btn-large {
  background: #ff8f00;
  color: #fff;
  width: 100%;
  padding: 20px 0px;
  margin-bottom: 10px;
}
.btn.btn-large:after {
  font-family: "icomoon" !important;
  content: "\e909";
  font-size: 70%;
  margin-left: 5px;
  margin-top: -1px;
}
.btn.btn-large:hover, .btn.btn-large:focus, .btn.btn-large:active, .btn.btn-large:active:focus, .btn.btn-large:active:hover {
  background: #ffa533;
  color: #fff;
}
.btn.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn.btn-xs:hover {
  opacity: 0.8;
}
.btn.btn-add {
  background: #009864;
  color: #fff;
}
.btn.btn-add:after {
  font-family: "icomoon" !important;
  content: "\e907";
  font-size: 90%;
  margin-left: 15px;
}
.btn.btn-back {
  background: #ff8f00;
  color: #fff;
  width: 100%;
  text-align: left;
}
.btn.btn-back:before {
  font-family: "icomoon";
  content: "\e914";
  font-size: 80%;
  margin-right: 12px;
}
.btn.btn-back:hover, .btn.btn-back:focus, .btn.btn-back:active, .btn.btn-back:active:focus, .btn.btn-back:active:hover {
  color: #fff;
  background: #ff8f00 !important;
}
.btn.btn-login {
  border: 1px solid #fff;
  background: none;
}
.btn.btn-login:after {
  font-family: "icomoon" !important;
  content: "\e909";
  font-size: 85%;
  margin-left: 10px;
  margin-top: -1px;
}
.btn.btn-delete-basket {
  margin-top: 5px;
  padding: 5px 15px;
  background: #b7b7b7;
}
.btn.btn-tools {
  background: #ffffff;
  width: 48px;
  height: 32px;
}
.btn.btn-tools:hover, .btn.btn-tools:active:hover, .btn.btn-tools:focus:hover, .btn.btn-tools:visited:hover {
  background: #ff8f00;
  opacity: 1;
}
.btn.btn-tools:focus, .btn.btn-tools:active, .btn.btn-tools:visited {
  background: #ffffff;
  opacity: 1;
}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus, .btn:active:hover {
  opacity: 0.8;
  background: #009864;
  color: #fff;
  box-shadow: none;
}
.btn.btn-refresh-amount {
  padding: 4px 6.5px;
  margin-top: 1px;
}
.btn.btn-refresh-amount:after {
  display: none;
}
.btn.btn-order {
  padding: 22px 44px;
  font-size: 100%;
}

.btn-primary {
  background: #009864;
  color: #fff;
}
.btn-primary:after {
  font-family: "icomoon" !important;
  content: "\e909";
  font-size: 80%;
  margin-left: 15px;
}

.btn-100 {
  width: 100%;
  margin-bottom: 10px;
}
.btn-100:after {
  display: none;
}

.btn-download {
  background: #009864;
  color: #fff;
}
.btn-download:after {
  font-family: "icomoon" !important;
  content: "\e90e";
  font-size: 80%;
  margin-left: 5px;
  font-weight: bolder;
}

.btn-success {
  background: #e3e3e3;
  color: #252e34;
  /*&:after {
  	font-family: $iconfont;
  	content: "\e909";
  	font-size: 80%;
  	margin-left: 15px;
  }*/
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus, .btn-success:active:hover {
  background: #f5f5f5;
  color: #252e34;
}

.btn-info {
  background: #ff8f00;
  color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus, .btn-info:active:hover {
  background: #ff8f00;
}

.btn-warning {
  background: #ffa533;
  color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning:active:hover {
  background: #ffa533;
}

.btn-danger {
  background: #980000;
  color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus, .btn-danger:active:hover {
  background: #980000;
}

.btn-modal {
  padding: 0px;
  background: none;
  font-size: 40px;
  color: #009864;
  height: auto;
  line-height: 100%;
}
.btn-modal:hover, .btn-modal:focus, .btn-modal:active, .btn-modal:active:focus, .btn-modal:active:hover {
  background: none;
  color: #009864;
}

.btn-delete {
  padding: 2.5px 5px;
  font-size: 70%;
  margin-top: 3px;
}

.btn-more {
  padding: 0px;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #009864;
}
.btn-more:before {
  font-family: "icomoon" !important;
  content: "\e909";
  font-size: 70%;
  margin-right: 5px;
  margin-top: -1px;
}
.btn-more:hover, .btn-more:focus, .btn-more:active, .btn-more:active:focus, .btn-more:active:hover {
  color: #009864;
  background: none !important;
}

.button-group .btn {
  margin-left: 10px;
}

/*------- RTE-Button
------------------------------------------------------*/
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger, a.btn-more {
  padding: 10px 22px;
  text-transform: uppercase;
  font-weight: 600;
  border: 0px;
  font-size: 0.8125rem;
  border-radius: 4px;
}
a.btn-primary:hover {
  background: #00bc7b;
}

#c64930 p {
  margin: 0 0 10px 0;
}

#c64930 p a {
  display: block;
  text-align: center;
}

/*------- general style
------------------------------------------------------*/
div.csc-mailform ol li {
  list-style: none;
  padding: 0px;
  border: 0px;
  overflow: visible;
  display: inline-block;
  width: 100%;
}
div.csc-mailform ol li:before {
  display: none;
}
div.csc-mailform ol li:last-child {
  margin-bottom: 0px;
}

input,
textarea,
select,
.form-control {
  height: 40px;
  padding: 10px;
  border: 1px solid #e3e3e3;
  margin-bottom: 10px;
  border-radius: 0px;
  box-shadow: none;
  width: 76%;
}

.form-horizontal .control-label {
  text-align: left;
}

.zip-code + input {
  width: 50%;
}

.zip-city-container {
  width: 65%;
  float: left;
}
.zip-city-container input {
  width: 100% !important;
  margin-bottom: 4px;
}
.zip-city-container .col-md-3,
.zip-city-container .col-md-9 {
  padding-left: 5px;
  padding-right: 5px;
}
.zip-city-container .row {
  margin-right: -5px;
  margin-left: -5px;
}

textarea {
  height: 120px;
}

select {
  border-radius: 0px;
  background: url(../Img/bg-select.jpg) #fff right center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 0px 15px;
  font-weight: 200;
}

input[type=submit] {
  width: auto;
  float: right;
  height: auto;
  text-transform: uppercase;
  font-weight: 600;
  border: 0px;
  font-size: 0.8125rem;
  background: #009864;
  color: #fff;
  padding: 11px 20px;
}

input[type=checkbox],
input[type=radio] {
  height: auto;
  width: 20px;
  margin-bottom: 20px;
}

input[type=file] {
  border: 0px;
  height: auto;
  line-height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 10px;
  border: 1px solid #e3e3e3;
}

label {
  padding: 0px;
  font-weight: 200;
  margin: 0px !important;
  margin-bottom: 10px;
  width: 35%;
  float: left;
}

#ui-datepicker-div {
  border: 1px solid #e3e3e3;
  background-color: #ffffff;
  padding: 6px;
}

.ui-state-default {
  background-color: #d3e4d5 !important;
  border: 1px solid #d3e4d5 !important;
  color: #444444 !important;
}

.ui-state-default:hover {
  background-color: #ffa533 !important;
  color: #ffffff !important;
}

.ui-state-highlight {
  background-color: #ffffff !important;
}

.ui-widget-header .ui-icon {
  background-image: url("../Icons/ui-icons_454545_256x240.png");
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
  background-color: transparent !important;
}

/*------- responsive styling
------------------------------------------------------*/
/*------- Large devices (large desktops, 1200px and up) -------*/
/*------- Medium devices (desktops, 992px and up) -------*/
/*------- Small devices (tablets, 768px and up) -------*/
@media (max-width: 768px) {
  div.csc-mailform ol li {
    list-style: none;
    padding: 0px;
    border: 0px;
    margin-bottom: 10px;
  }
  div.csc-mailform ol li input,
div.csc-mailform ol li textarea,
div.csc-mailform ol li select,
div.csc-mailform ol li .zip-city-container {
    width: 100%;
  }
  div.csc-mailform ol li textarea {
    height: 120px;
  }
  div.csc-mailform ol li label {
    width: 80% !important;
  }
  div.csc-mailform ol li.csc-form-element-checkbox label, div.csc-mailform ol li.csc-form-element-radio label {
    width: 40%;
  }
  div.csc-mailform ol li.csc-form-element-checkbox input[type=checkbox],
div.csc-mailform ol li.csc-form-element-checkbox input[type=radio], div.csc-mailform ol li.csc-form-element-radio input[type=checkbox],
div.csc-mailform ol li.csc-form-element-radio input[type=radio] {
    width: auto;
  }
  div.csc-mailform ol li.csc-form-element-fileupload label {
    width: 100%;
    margin-bottom: 5px;
  }

  input[type=checkbox],
input[type=radio] {
    width: auto !important;
    margin-left: 20px !important;
    margin-top: 6px !important;
  }
}
#imagepoolcategories label {
  width: 24% !important;
}
#imagepoolcategories label em {
  display: inline !important;
  color: #252e34;
  margin-left: 5px;
}
#imagepoolcategories label strong {
  width: 90%;
}
#imagepoolcategories legend {
  width: 24%;
  font-weight: 200;
  line-height: 1.625rem;
  font-size: 0.9375rem;
  border: 0;
  margin-bottom: 0;
  float: left;
}
#imagepoolcategories legend em {
  display: inline !important;
  color: #252e34;
  margin-left: 5px;
}
#imagepoolcategories legend strong {
  width: 90%;
  margin-top: 10px;
}
#imagepoolcategories li fieldset ol {
  width: 76%;
  float: right;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  top: 0 !important;
}
#imagepoolcategories li fieldset ol li input {
  margin-bottom: 0px;
}
#imagepoolcategories li input[type=submit] {
  border-radius: 4px;
  padding: 11px 20px;
}
#imagepoolcategories li input[type=submit]:hover {
  opacity: 0.8;
}

/*------- general style
------------------------------------------------------*/
#mobile-menu {
  display: none;
}

.mm-menu {
  background: #f5f5f5;
}
.mm-menu ul li:before {
  display: none;
}
.mm-menu ul li.active a {
  color: #009864;
}

.mm-page {
  z-index: 100;
  position: static;
}

#mm-blocker {
  z-index: 101;
  background: rgba(0, 0, 0, 0.2);
}

.mm-listview > li:not(.mm-divider):after {
  border: 0px;
}

.mm-menu .mm-search input {
  padding: 20px;
  border-radius: 0px;
  background: #fff;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  margin-bottom: 20px;
}

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 110px;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  top: 53px;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: #252e34;
  font-weight: 600;
}

.mm-navbar {
  height: 50px;
}

.mm-navbar > * {
  padding: 15px 0;
}

.mm-menu-link {
  font-size: 20px !important;
  padding-top: 15px !important;
  padding-left: 0px !important;
}
.mm-menu-link:focus {
  background: none !important;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -10px;
}

.mm-listview li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
  .mm-page {
    position: relative;
  }
}
/*------- general style
------------------------------------------------------*/
.sl-overlay {
  background: #000;
}

.sl-image img {
  border: 30px solid #fff !important;
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button {
  color: #fff;
}

.sl-wrapper .sl-image .sl-caption {
  background: #fff;
  color: #252e34;
  padding: 30px;
}

#toolbar .row {
  padding: 3px 0;
  background-color: rgba(0, 152, 100, 0.6) !important;
}
#toolbar .row .toolbarButton {
  display: inline-block;
  overflow: hidden;
}
#toolbar .row .toolbarButton img {
  margin-top: 4px;
}

#hideToolbarButton {
  width: 100%;
  display: block;
}
#hideToolbarButton:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
#hideToolbarButton:hover:after {
  content: "    ×";
}

/*------- general style
------------------------------------------------------*/
.divider hr {
  margin: 30px 0px;
  /*margin-bottom: 35px;*/
}

@media print {
  /*------- display none
  ------------------------------------------------------*/
  a[href]:after,
.csc-mailform,
button,
.btn {
    display: none;
  }

  /*------- display block
  ------------------------------------------------------*/
  .collapse {
    display: block;
  }

  /*------- images
  ------------------------------------------------------*/
  img,
.new-employees-container img,
.responsive-image,
.birthday-container img {
    width: auto;
    height: auto;
  }

  /*------- accordion
  ------------------------------------------------------*/
  .panel-body {
    padding: 0px;
    border: 0px !important;
    margin-bottom: 20px;
  }

  .panel-default .panel-heading {
    border: 0px;
  }
  .panel-default .panel-heading h4 {
    margin-bottom: 10px;
  }
  .panel-default .panel-heading h4 a {
    border: 0px;
    padding: 0px;
  }
  .panel-default .panel-heading h4 a:after {
    display: none !important;
  }

  /*------- header
  ------------------------------------------------------*/
  header {
    margin-bottom: 70px;
  }

  /*------- grid
  ------------------------------------------------------*/
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }

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

  .col-md-4 {
    width: 33%;
  }

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

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

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

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