/* ********************************* */
/* Specials                          */
/* ********************************* */

body {
	background: none;
}

div.customerlogo {
	display:none;
}

div.mainblock_boundary, 
div.mainscreen_content_center div.mainblock_boundary {
	background: none repeat scroll 0 0 #ffffff;
	border-color: #DDDDDD;
}

div.mainscreen_content_center div.mainblock_boundary div.mainblock div.mainblock_textblock div.table_page {
	box-shadow: none;
}

div#container_login {
	padding-top: 30px;
}

div#container_login div.container_actionbar_NoCT {
	margin-top: 12px;
}

div#container_login div.sh_AB_NoCT, 
div#container_login div.sh_AB_NoCT_ABClosed {
	margin-top: 12px;
}
div#container_login div.tableaslist_paging_top {
	line-height: 1.2;
}


/* ******** */
/* General  */
/* ******** */



body{}

tr.table_titlerow, li.nav_content_inactive,li.nav_content_inactive:hover {}

div.card_title small, a.nav_meta_inactive, a.nav_meta_active, a.nav_meta_inactive:hover, a.nav_meta_active:hover{}

input.actionbarinputfixedwidth[type="text"]:focus, select.actionbarinputfixedwidth:focus, input:focus, select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus,div.createNewsBox textarea#addNewsBox.createNewsBox, div.createNewsBox, div.ui-multiselect ul.selected, tr.table_contentrow1:hover, tr.table_contentrow2:hover, tr.tableaslist_contentrow1:hover, tr.tableaslist_contentrow2:hover, div.card_item:hover{}

div#wrapper, div.nps {}



/* ************************************** */
/* Link colors                            */
/* ************************************** */

a, a:link, a:visited, a.newsTitle, a.inheriterLink , a.newsTitle, a.newsTitle:link, a.newsTitle:visited, a.newsTitle:active, a.listEmployeeName, a.listEmployeeName:link, a.listEventTitle, a.listEventTitle:link, a.listGroupsTitle, a.listGroupsTitle:link, a.newsTitle, a.newsTitle:link, span.switcher_element a,span.multiaction_checkall, span.multiaction_checkvisibles, span.multiaction_uncheckall_active   {}

a:hover, a:focus, a.newsTitle:hover , a.inheriterLink:hover, a.newsTitle:hover, a.listEmployeeName:hover, a.listEventTitle:hover, a.listGroupsTitle:hover, a.newsTitle:hover, span.switcher_element a:hover ,span.multiaction_checkall:hover, span.multiaction_checkvisibles:hover, span.multiaction_uncheckall_active:hover {}




/* ********************************* */
/* Navigation                        */
/* ********************************* */

a.nav_main_inactive,a.nav_mainsub_inactive, a.nav_mainsub_active, a.nav_main_active  {}


a.nav_meta_inactive:hover, a.nav_main_inactive:hover,a.nav_mainsub_inactive:hover   {}

a.nav_main_active,a.nav_main_active:hover, 
a.nav_main_inactive,a.nav_main_inactive:hover, 
a.nav_mainsub_inactive, a.nav_mainsub_inactive:hover,
a.nav_mainsub_active, a.nav_mainsub_active:hover {}

a.nav_meta_inactive, a.nav_main_inactive, a.nav_meta_active, a.nav_main_active {}

a.nav_mainsub_inactive, a.nav_mainsub_active {}


/* ********************************* */
/* Page- and Form-Titles             */
/* ********************************* */


h1.contenttitle, h1.mainscreen_solutiontitle, h1.login_solutiontitle, h1.form_title, .contenttitle_thirdA {}


h2.showblock_title {}


/* ************ */
/* Table-Header */
/* ************ */

tr.table_titlerow {}

th.table_titlecell_active, th.table_titlecell  {}


/* ************** */
/* Table-Content  */
/* ************** */

tr.table_contentrow1 {}

tr.table_contentrow2 {}

td.table_contentcell, td.table_contentmultiactioncell,
td.tableaslist_cell, td.tableaslist_piccell
{}



/* ********* */
/* Forms     */
/* ********* */


div.form_content_right_boundary,
div.showblock_content_value_boundary, div.showblock_content_value_nolabel_boundary {}

button, a.formButton, div.actionbarSearchButton, input.actionbarSearchButton, button.actionbarSearchButton, a.listEventConfirmButton,input.formButton,a.listGroupsConfirmButton, a.listGroupsConfirmButton,input.createNewsButton, button.createNewsButton{}

button:hover, a.formButton:hover, div.actionbarSearchButton:hover, input.actionbarSearchButton:hover, button.actionbarSearchButton:hover, a.listEventConfirmButton:hover,button:active, a.formButton:active, div.actionbarSearchButton:active, input.actionbarSearchButton:active, button.actionbarSearchButton:active, a.listEventConfirmButton:active,
input.formButton:hover, input.formButton:active, a.listGroupsConfirmButton:hover, a.listGroupsConfirmButton:active,input.createNewsButton:hover, button.createNewsButton:hover, input.createNewsButton:active, button.createNewsButton:active  {}




/* *************** */
/* Custom CSS      */
/* *************** */

/* Font declarations */
@font-face {
    font-display:"swap";
    font-family:AktivGrotesk;
    font-style:normal;
    font-weight:300;
    src: local("Aktiv Grotesk Light"),
        url(/PublicDocuments/104/ShowDocument/AktivGroteskGeberit_W_Lt.woff2) format("woff2"),
        url(/PublicDocuments/105/ShowDocument/AktivGroteskGeberit_W_Lt.woff) format("woff"),
        url(/PublicDocuments/107/ShowDocument/AktivGroteskGeberit_W_Lt.ttf) format("truetype"),
    url(/PublicDocuments/108/ShowDocument/AktivGroteskGeberit_W_Lt.eot) format("eot");
}

@font-face {
    font-display:"swap";
    font-family:AktivGrotesk;
    font-style:normal;
    font-weight:500;
    src: local("Aktiv Grotesk Medium"),
        url(/PublicDocuments/109/ShowDocument/AktivGroteskGeberit_W_Md.woff2) format("woff2"),
        url(/PublicDocuments/110/ShowDocument/AktivGroteskGeberit_W_Md.woff) format("woff"),
        url(/PublicDocuments/111/ShowDocument/AktivGroteskGeberit_W_Md.ttf) format("truetype"),
        url(/PublicDocuments/112/ShowDocument/AktivGroteskGeberit_W_Md.eot) format("eot");
}


@font-face {
    font-display:"swap";
    font-family:AktivGrotesk;
    font-style:normal;
    font-weight:400;
    src: local("Aktiv Grotesk Regular"),
        url(/PublicDocuments/113/ShowDocument/AktivGroteskGeberit_W_Rg.woff2) format("woff2"),
        url(/PublicDocuments/114/ShowDocument/AktivGroteskGeberit_W_Rg.woff) format("woff"),
        url(/PublicDocuments/115/ShowDocument/AktivGroteskGeberit_W_Rg.ttf) format("truetype"),
        url(/PublicDocuments/116/ShowDocument/AktivGroteskGeberit_W_Rg.eot) format("eot");
}

@font-face {
    font-display:"swap";
    font-family:AktivGrotesk;
    font-style:normal;
    font-weight:700;
    src: local("Aktiv Grotesk Bold"),
        url(/PublicDocuments/117/ShowDocument/AktivGroteskGeberit_W_Bd.woff2) format("woff2"),
        url(/PublicDocuments/118/ShowDocument/AktivGroteskGeberit_W_Bd.woff) format("woff"),
        url(/PublicDocuments/119/ShowDocument/AktivGroteskGeberit_W_Bd.ttf) format("truetype"),
        url(/PublicDocuments/120/ShowDocument/AktivGroteskGeberit_W_Bd.eot) format("eot");
}

@font-face {
 font-family:geberitWeb20IconFont;
 src: url(/PublicDocuments/122/ShowDocument/geberitWeb20IconFont.eot?afaf31ce0599db12c255074571145db7#iefix) format("embedded-opentype"),
     url(/PublicDocuments/121/ShowDocument/geberitWeb20IconFont.woff?afaf31ce0599db12c255074571145db7) format("woff");
}




/* Cross browser compatibility */

select::-ms-expand {
    display: none;
}

input:-webkit-autofill {
    background-color: rgb(255, 255, 255) !important;
    box-shadow:
      0 0 50px #fff inset,
      0 0 50px #fff inset !important;
}

/* Remove default outline */
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
}


/* Generic styling */

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

body {
  font-family: "AktivGrotesk", Arial, sans-serif;
  color: rgb(38, 34, 18) /* rgb(128, 124, 121)*/;
  font-size: 15px;
  line-height: 25px;
  min-width: 370px;
}

textarea, input, select {
  font-family: inherit !important;
}


p {
    font-size: 1.25rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5625rem;
    text-rendering: auto
}

a, a:link, a:visited, a:active {
    color: rgb(0, 70, 115);
    text-decoration: none;
}

a:hover,  {
  color: rgb(0, 70, 115);
  text-decoration: underline;
}

a:focus, [tabindex]:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 !important;
}

ul,
ol {
    list-style-position: outside;
    margin-left: 0;
    padding-left: 1.5625rem;
}

ol {
    padding-left: 1.5625rem
}

ul ul,
ol ol {
    margin-left: 0
}

hr {
    border-width: .0625rem;
    border-style: solid;
    border-color: #000;
    margin-top: 1.125rem;
    margin-bottom: 1.125rem
}

strong {
    font-weight: 700
}

small {
    color: #969ba0
}

blockquote {
    font-family: inherit;
    font-size: 1.25rem;
    font-style: italic;
    margin: 0 0 1.5625rem 0
}

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    text-rendering: auto;
    color: #000;
    -ms-word-break:normal;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    hyphens:auto;
    word-wrap:break-word;
    word-break:break-word;
    text-transform:uppercase
}

h1.contenttitle {
  margin: 0;
}

h1 + div.form_title_comment,
.actionbar_boundary_links h2.actionbar_title {
    font-size: 24px;
    font-weight: 200;
    line-height: normal;
    margin-bottom: 24px;
}

/* Titles */
h1,
h1.contenttitle, h1.mainscreen_solutiontitle, h1.login_solutiontitle, h1.form_title {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 50px;
  letter-spacing:.005em;
}

h2,
h2.showblock_title,
h2.actionbar_title, h2.actionbar_title_noborder {
  color: #000;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 70px
  letter-spacing:.02em;
  padding: 0;
  border-bottom: none;
}

h3,
h3.showblock_content_subtitle, h3.showblock_content_toplabels_subtitle {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 0;
  color: inherit;
  letter-spacing:.03em;
}

h4 {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 26px;
  letter-spacing:.02em;
}


/* min 48em */
@media only screen and (min-width: 774px) {
  h1,
  h1.contenttitle, h1.mainscreen_solutiontitle, h1.login_solutiontitle, h1.form_title {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 50px
  }

  h2,
  h2.showblock_title,
  h2.actionbar_title, h2.actionbar_title_noborder {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 70px
  }

  h3,
  h3.showblock_content_subtitle, h3.showblock_content_toplabels_subtitle {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 26px
  }

  h4 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 26px
  }

}

/* min 62em */
@media only screen and (min-width: 1000px) {
  h1,
  h1.contenttitle, h1.mainscreen_solutiontitle, h1.login_solutiontitle, h1.form_title {
    font-size: 46px;
    line-height: 46px;
    margin-bottom: 70px
  }

  h2,
  h2.showblock_title,
  h2.actionbar_title, h2.actionbar_title_noborder {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 48px
  }

  h3,
  h3.showblock_content_subtitle, h3.showblock_content_toplabels_subtitle {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 26px
  }

  h4 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 26px
  }

}

.actionbar_separatelinetext .form_content_label {
  font-size: 18px;
  margin: 0;
  line-height: 22px;
  height: inherit;
  color: rgb(102, 102, 102);
  letter-spacing: 0.36px;
  text-transform: uppercase
}

div.showblock h2.showblock_title {
    font-weight: 400;
    margin-bottom: 24px;
}


/* Icons */

.icon {
    position: relative;
    padding-top: 5px;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 1.875rem;
    height: auto;
    vertical-align: middle;
    padding-bottom: 5px;
    color: #376eb4
}


.icon.iNew::before,
.icon.iAdd::before {
    content: "\e2d9";
    font-size: inherit;
}


#ToogleAB .icon {
    color: inherit;
    font-size: 24px;
    line-height: 30px;
    height: 30px;
}

.sh_AB_ABClosed .icon.iab_hide:before,
.sh_AB_NoCT_ABClosed .icon.iab_hide::before {
    content: "\e23b";
}

.icon.itnav_next::before {
    content: "\e299";
}

i.icon.itnav_prev,
i.icon.itnav_next,
i.icon.itnav_first,
i.icon.itnav_last {
    padding-top: 3px;
}

.icon.itnav_prev::before {
    content: "\e298";
}

.icon.ifolding_close,
.icon.ifolding_open {
    height: inherit;
    line-height: inherit;
    padding-top: 0;
}

a.ShowLinkTargetInModal { /* "Globe" icon container */
    text-decoration: none !important;
}

i.icon.iglobe {
    display: inherit;
    padding: 0;
    vertical-align: top;
}

.icon.iglobe + span + span {
    display: none;
}

.showblock_title .icon {
    color: inherit;
    font-size: 24px;
}

h2 .showblock_editicon {
    float: right;
    line-height: 32px;
}

/* FIX: icon is a bit bigger than others. */
i.icon.iCWC, i.icon.iedit {
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    margin-top: 2px;
}



div.customerlogo {
    z-index: 999;
    right: 20px;
    margin-top: 60px;
    position: absolute;
}

div#container_login div.sh_AB_NoCT,
div#container_login div.sh_AB_NoCT_ABClosed {
    margin: 10px 5px;
}


div.form_title_comment,
.color-grey-m {
  color: rgb(38, 34, 18);
}

span#back-top a {
  display: none
}

.form_content_label_mustsign,
.color-warn {
  color: #376eb4;
}

div.container_actionbar_sh_AB {
  width: 100%;
  float: none;
  margin: 0;
  min-height: 48px;
  border: 1px solid rgb(236, 239, 241) !important;
}

div.container_content,
div.container_content_TopAB,
div.container_content_NoAB,
div#container div.container_content_ABClosed,
div#container_login div.container_content_ABClosed {
  width: 100%;
  margin: 0;
  padding: 0px;
}

div.nav_content {
    height: auto;
    border-bottom-color: #807c79;
}

li.nav_content_active,
li.nav_content_inactive {
    border: 1px solid rgb(128, 124, 121);
    border-bottom-color: #fff;
}

li.nav_content_inactive  {
    background-color: #fff;
    padding: 5px 10px;
}

li.nav_content_inactive:hover,
li.nav_content_inactive:focus {
  background-color: #fff
}

div.show_column_left { /* Design fix - filling the 100% width correctly */
    margin-right: 2%;
}

div.showblock {
  background-color: #f7f7f7;
  padding: 30px;
  margin-bottom: 20px;
}

div.showblock_showtableaslist {
  margin: 15px 0;
}

div.showblock_content_row {
    background-color: transparent;
}

div#container,
div#container_login {
  margin: 0 20px;
}

div#container_login div.tableaslist_paging_top {
  line-height: normal;
}

div.tableaslist_paging_top,
div.tableaslist_paging_bottom {
    padding: 0 10px;
    font-size: 13px;
    color: inherit;
}

div#container_login div.container_actionbar_NoCT,
div#container div.container_actionbar_NoCT {
  border: 0;
  margin: 0;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px 30px;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div.mainblock_boundary,
div.mainscreen_content_center div.mainblock_boundary {
    background: #f0efe6;
    border: none;
    padding: 10px 20px;
}

div.showblock_content_value_boundary,
div.showblock_content_value_nolabel_boundary {
  background-color: #f1f1f1;
  border-bottom: 0
}

div.showblock_content_row {
  border-bottom: 1px solid rgb(217, 217, 217);
}
div.showblock_content_row:last-child {
  border: none;
}

div.showblock_content_label_boundary {
  border-bottom: none;
  padding: 5px 10px;
}

div.showblock_content_label_boundary + div.showblock_content_value_boundary {
  border-width: 0;
}


div.showblock_textblock {
  background: transparent;
  margin-bottom: 15px;
  line-height: inherit;
}

div.showblock_textblock:last-child {
  margin-bottom: 0;
}

div.showblock_content_label {
  color: inherit;
  padding: 0;
  line-height: inherit;
}

div.showblock_content_value {
    padding: 5px 10px;
    line-height: inherit;
}

div.searcharguments_boundary {
    position: relative;
    font-size: inherit;
    background-color: rgb(241, 241, 241);
    color: #000;
}

div.searcharguments_boundary a,
div.searcharguments_boundary a:hover {
  color: #00457c
}

.searchargument {
    color: inherit;
}

a.searchargument_reset {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
}

.actionbar_boundary_links {
    width: 340px;
    margin-top: 15px;
}

.actionbar_cell_customdatablock {
  width: 340px;
  margin-bottom: 0
}

.actionbar_cell_customdatablock a {
  line-height: 24px;
}

.actionbar_cell_customdatablock a .icon {
  text-align: left;
  width: 20px;
}

div.actionbar_boundary_search {
  min-width: 340px;
}

div.actionbar_boundary_search div.actionbar_content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

div.actionbar_boundary_search div.actionbar_content > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  margin-bottom: 0;
  width: 340px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

div.actionbar_boundary_links div.actionbar_content,
div.actionbar_boundary_links div.actionbar_content_noborder {
  padding: 0px
}

div.actionbar_boundary_links div.actionbar_content > * {
  padding: 10px;
}

div.actionbar_content > * > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.actionbar .icon.iAction {
  vertical-align: inherit;
}

div#wrapper {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    max-width: 1280px;
    width: auto;
}

div.sh_AB_NoCT {
    margin: 10px;
    right: 0;
}

div.layout_info_content {
    margin-left: 0;
    margin-bottom: 15px;
}


html.Show .tooltip_hover_area {
    min-width: 20px;
    padding: 10px;
    border: 1px solid rgb(25, 70, 105);
    color: inherit;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

html.Show .tooltip_hover_area .customdatablock:first-child {
  margin-top: 0;
}

/* fixes the underlining of white-space */
html.Show .tooltip_hover_area a b {
    text-decoration: underline;
    color: RGB(0, 140, 198);
}

html.Show .tooltip_hover_area a {
    text-decoration: none;
}

img[src='/img/icon/helpwarn.gif'] {
  display: none;
}

img[src='/img/icon/helpwarn.gif'] + b::before {
    font: normal normal normal 14px/1 FontAwesome, umantis;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\e265";
    color: rgb(0, 140, 198);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 8px;
}

img[src='/img/icon/helpwarn.gif'] + b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1.5em;
}

/* Table */

caption {
  display: none;
}

td .icon {
    font-size: 20px;
}

td.tableaslist_piccell,
td.tableaslist_cell {
  position: relative;
  border-bottom: none;
}


table.tableaslist {
    background-color: transparent;
    margin-bottom: 10px;
    border: none;
    margin-top: 10px;
}

span.tableaslist_text,
div.actionbar_cell_helptext,
span.tableaslist_subtitle {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

table.table-as-list tr.table-as-list__contentrow1:not(:last-child),
table.table-as-list tr.table-as-list__contentrow2:not(:last-child) {
    border-bottom: 1px solid #e7eef6;
}

table.tableaslist tr {
  background-color: rgb(255, 255, 255);
}


div.tableaslist_cell {
    padding: 0;
}

span.tableaslist_subtitle a.HSTableLinkSubTitle {
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: none;
    color: #000;
    line-height: 22px;
    font-weight: 700;
}

span.tableaslist_subtitle a.HSTableLinkSubTitle:hover,
span.tableaslist_subtitle a.HSTableLinkSubTitle:focus {
    color: rgb(16, 85, 128);
}

tr.table_titlerow {
    background-color: rgb(235, 236, 223);
}

tr.table_titlerow th {
    color: inherit;
}

th.table_titlecell_active, th.table_titlecell, td.table_titlecell {
    padding: 5px;
    line-height: inherit;
    font-size: 13px;
}


td.tableaslist_cell {
    position: relative;
}

.tableaslist_piccell {
  width: 70px;
}

table.tableaslist tr td {
    border-top: 1px solid rgb(0, 0, 0);
    padding: 10px 0/* 1.25rem*/;
}


.portrait {
    overflow: hidden;
    position: absolute;
    left: 10px;
    height: calc(100% - 20px);
    padding: 0 0 10px;
}

.portrait .image_border {
    height: 100%;
    background-size: contain;
}

/* Mein Profil */
div.showblock_textblock div .portrait {
    width: 62px;
    margin: 10px 0;
    height: auto;
    position: relative;
}

div.showblock_textblock div .portrait .image_border {
    min-height: 70px;
}

/* und im Formular */
div.form_content_right .portrait {
  float: none;
  position: relative;
}


a.HSTableNavigation,
a.HSTableNavigation:link,
a.HSTableNavigation:visited,
a.HSTableNavigation:active,
a.HSTableNavigation:focus,
a.HSTableNavigation:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  vertical-align: baseline;
}

div.connector_table_paging_top {
  bottom: 0;
  top: 3px;
}

span.connector_table_paging_top, span.connector_table_paging_bottom {
    line-height: 30px;
    height: 30px;
    display: block;
}

span.connector_table_paging_top .icon, span.connector_table_paging_bottom .icon {
    vertical-align: middle;
    height: 30px;
}

span.connector_table_paging_top a.HSTableNavigation,
span.connector_table_paging_bottom a.HSTableNavigation {
    display: inline-block;
}

div.nav_main_NoSUB {
  padding: 0;
  margin-bottom: 20px;
  position: absolute;
  top: 77px;
  width: calc(100% - 40px);
    width: -moz-available;          /* For Mozzila */
    width: -webkit-fill-available;  /* For Chrome */
    width: stretch;                 /* Unprefixed */
  background-color: rgb(252, 252, 252);
  line-height: 24px;
}

div.nav_main_NoSUB ul {
    padding: 0;
}

li.nav_main_inactive, li.nav_main_active {
    display: inline;
    margin: 0;
    padding: 0 25px 0 0;
    text-transform: uppercase;
}

a.nav_main_inactive,
a.nav_main_active {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

a.nav_main_inactive:hover,
a.nav_main_active:hover,
a.nav_main_inactive:focus,
a.nav_main_active:focus {
  color: rgb(10, 90, 150);
}


div.connector_table_search_info {
    margin-top: 15px;
}

div.connector_table_search_info i {
    font-style: normal;
}

div.connector_table_search_info ul {
    list-style: square;
}

a.table_titlecell_active,
a.table_titlecell_active:link,
a.table_titlecell,
a.table_titlecell:link,
a.table_titlecell_sort,
a.table_titlecell_sort:link,
span.table_titlecell_sort,
a.table_titlecell_active:hover,
a.table_titlecell_active:visited,
a.table_titlecell_active:active,
a.table_titlecell_active:focus,
a.table_titlecell:hover,
a.table_titlecell:visited,
a.table_titlecell:active,
a.table_titlecell:focus,
a.table_titlecell_sort:hover,
a.table_titlecell_sort:visited,
a.table_titlecell_sort:active,
a.table_titlecell_sort:focus {
  color: rgb(25, 70, 105);
}


a:focus .icon {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
*:focus > .icon::before {
    color: RGB(0, 140, 198);
    -webkit-box-shadow: none;
            box-shadow: none;
}


/* Forms */
.form_content_right .input_picture {
    margin-left: 0;
    float: left;
}

select.actionbarinputfixedwidth {
  width:100%
}

input[type=text].actionbarinputfixedwidth,
.select2-container {
  width:100% !important;
}


select.actionbarinputfixedwidth,
select.form_dropdown,
.select2-selection.select2-selection--single {
    -webkit-appearance: none;
    background-color: transparent !important;
    width: auto;
    outline: 0 !important;
    background-image: url('/PublicDocuments/124/ShowDocument/br_down.png') !important;
    -webkit-appearance: none;
    background-position-x: calc(100% - 20px) !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
}


input[type=text],
input[type=password],
div.actionbar_cell_content input[type=text].actionbarinputfixedwidth,
select.actionbarinputfixedwidth,
select.form_dropdown,
[data-picker-enabled] input[type="text"],
textarea,
.select2-container--default .select2-search--dropdown input.select2-search__field {
    font-weight: 300;
    position: relative;
    display: block;
    width:100%;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.428571429;
    color: rgb(0, 69, 124);
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid rgb(204, 204, 204) !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    background-color:transparent;
    background-repeat: no-repeat !important;
    -webkit-transition: border-color 250ms ease;
    -o-transition: border-color 250ms ease;
    transition: border-color 250ms ease;
    max-width: 340px;
    padding: 11px 22px;
}

.select2-container--default .select2-selection--single,
select.actionbarinputfixedwidth:focus {
  border: 1px solid rgb(204, 204, 204) !important
}


/* not on select field, due to dotted outline */
input[type=text],
input[type=password],
div.actionbar_cell_content input[type=text].actionbarinputfixedwidth,
[data-picker-enabled] input[type="text"],
textarea,
.select2-container--default .select2-search--dropdown input.select2-search__field {
    padding: 11px 22px;
}


textarea {
    min-height: 100px;
    padding-top: 12px;
    width: auto;
    max-width: 340px;
}

textarea:focus,
textarea:hover {
    background-color: transparent;
    -webkit-box-shadow: 0 0 10px rgb(203, 210, 210);
    box-shadow: 0 0 10px rgb(203, 210, 210);
}


input.login_input_username, input.login_input_password {
    width: 100% !important;
    max-width: 100%
}

div.login_content {
    margin: 0 auto !important;
    max-width: 666px;
}


input[type=text]:hover,
input[type="password"]:hover,
div.actionbar_cell_content input[type=text].actionbarinputfixedwidth:hover,
select.actionbarinputfixedwidth:hover,
select.form_dropdown:hover,
[data-picker-enabled] label:hover,
.select2-selection.select2-selection--single:hover,
.select2-container--default .select2-search--dropdown input.select2-search__field:hover {
    border-style: solid;
    background: inherit;
    background-repeat: no-repeat;
    outline: 0 !important;
    background-position-x: calc(100% - 20px) !important;
    background-position-y: center !important;
    -webkit-box-shadow: 0 0 10px rgb(203, 210, 210);
    box-shadow: 0 0 10px rgb(203, 210, 210);
}

input[type=text]:focus,
input[type="password"]:focus,
div.actionbar_cell_content input[type=text].actionbarinputfixedwidth:focus,
select.actionbarinputfixedwidth:focus,
select.form_dropdown:focus,
[data-picker-enabled] label:focus,
[data-picker-enabled] label:focus-within,
.select2-selection.select2-selection--single:focus,
.select2-selection.select2-selection--single:focus-within,
.select2-selection.select2-selection--single[aria-expanded="true"] {
    background-color: #fff;
    background-repeat: no-repeat;
    outline: 0 !important;
    background-position-x: calc(100% - 20px) !important;
    background-position-y: center !important;
    -webkit-box-shadow: 0 0 10px rgb(203, 210, 210);
    box-shadow: 0 0 10px rgb(203, 210, 210);
}


button[name="form_submit"],
button[name="Search"],
button[name="Login"],
.form_content_button a.displayelement_fixedtext,
button.ButtonSearch,
html.Overview a.HSTableLink[href^="/Vacancies"],
html.Overview a.HSTableLink[href^="/Vacancies"]:link,
.form_content_button [id*="ButtonCancel"],
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
  margin-right: 30px;
  position: relative;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.04375rem;
  border: 1px solid rgb(0, 0, 0);
  padding: 10px 1.875rem;
  cursor: pointer;
  border-radius: 0;
}

html.Overview a.HSTableLink[href^="/Vacancies"],
html.Overview a.HSTableLink[href^="/Vacancies"]:link {
  float: right;
  color: inherit;
  margin-right: 0;
}


form button[type="submit"] {
  border-color: rgb(10, 90, 150);
  background: rgb(10, 90, 150);
}

form button[type="submit"]:hover,
form button[type="submit"]:focus {
  border-color: rgb(0, 70, 115);
  background: rgb(0, 70, 115);
  color:rgb(255, 255, 255);
}

a.HSTableLink,
a.HSTableLink:link,
a.HSTableLink:visited,
a.HSTableLink:focus {
    line-height: inherit;
    font-size: inherit;
}



a.formButton,
div.actionbarSearchButton,
input.actionbarSearchButton,
button.actionbarSearchButton,
a.listEventConfirmButton,
input.formButton,
a.listGroupsConfirmButton,
input.createNewsButton,
button.createNewsButton,
.form_content_button [id*="ButtonCancel"],
.customdatablock a.HSlink[href*="/DeleteBoss?"],
.customdatablock a.HSlink[href*="/AssignBoss?"],
.form_content_button a.displayelement_fixedtext,
button[name="form_cancel"], .form_content_button [id*="ButtonCancel"],
.ui-datepicker .ui-datepicker-buttonpane button {
    border-style: none;
    background-color: #fff;
    font-weight: 300;
    color: rgb(128, 124, 121) !important;
    padding-top: 0;
    text-transform: uppercase;
    height: 40px;
    min-width: 40px;
    margin: 5px 10px;
    padding: 11px 22px;
    float: right;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}


a.formButton:hover,
a.formButton:focus,
div.actionbarSearchButton:hover,
div.actionbarSearchButton:focus,
input.actionbarSearchButton:hover,
input.actionbarSearchButton:focus,
button.actionbarSearchButton:hover,
button.actionbarSearchButton:focus,
a.listEventConfirmButton:hover,
a.listEventConfirmButton:focus,
input.formButton:hover,
input.formButton:focus,
a.listGroupsConfirmButton:hover,
a.listGroupsConfirmButton:focus,
input.createNewsButton:hover,
input.createNewsButton:focus,
button.createNewsButton:hover,
button.createNewsButton:focus,
.form_content_button [id*="ButtonCancel"]:hover,
.form_content_button [id*="ButtonCancel"]:focus,
.customdatablock a.HSlink[href*="/DeleteBoss?"]:hover,
.customdatablock a.HSlink[href*="/DeleteBoss?"]:focus,
.customdatablock a.HSlink[href*="/AssignBoss?"]:hover,
.customdatablock a.HSlink[href*="/AssignBoss?"]:focus,
.form_content_button a.displayelement_fixedtext:hover,
.form_content_button a.displayelement_fixedtext:focus,
button[name="form_cancel"]:hover,
button[name="form_cancel"]:focus,
.form_content_button [id*="ButtonCancel"]:hover,
.form_content_button [id*="ButtonCancel"]:focus,
.ui-datepicker .ui-datepicker-buttonpane button:hover,
.ui-datepicker .ui-datepicker-buttonpane button:focus {
  border-color: rgb(207, 216, 220);
  background-color: #fff
}


button[name="form_submit"]::before,
.form_content_button a.displayelement_fixedtext::before,
button[name="form_cancel"]::before,
.form_content_button [id*="ButtonCancel"]::before,
.customdatablock a.HSlink[href*="/DeleteBoss?"]::before {
  content: none;
  margin: 0;
  display: none
}



button[name="form_cancel"],
button[name="form_cancel"],
.form_content_button [id*="ButtonCancel"],
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    margin: 0;
    color: #000 !important;
    line-height: inherit;
    font-size: 13px;
    text-transform: none;
    line-height: 1.4;
    font-weight: 700;
    border-color: #000 !important;
}

button[name="form_cancel"]:hover,
button[name="form_cancel"]:focus,
.form_content_button [id*="ButtonCancel"]:hover,
.form_content_button [id*="ButtonCancel"]:focus,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:focus,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus {
    background-color: #000 !important;
    color: #fff !important;
}

.form_content {
    table-layout: fixed;
    color: inherit;
}

span.form_content_helptext {
    color: inherit;
}

div.form_content_helptext {
    line-height: inherit;
    width:100%;
    font-size: inherit;
    padding: 0;
}

.form_content_row {
    display: table-row;
}

div.form_content_left,
legend.form_content_left {
    padding: 0;
    margin-top: 0;
}

div.actionbar_cell_content label.actionbar_cell_label,
div.actionbar_cell_content legend.actionbar_cell_label,
.form_content_left {
    height: auto;
    font-size: 18px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    line-height: 22px;
    font-weight: 700;
}

div.actionbar_cell_content label.actionbar_cell_label {
    margin-bottom: 20px;
    display: block;
}

div.form_content_left {
    padding-right: 10px;
}

div.form_content_right {
    padding: 10px;
}

div.form_content_left_boundary {
    float: none;
    position: relative;
    width: 33%;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #CCC;
}

div.form_content_right_boundary {
    display: table-cell;
    margin-left: 0;
    position: relative;
    border-left: none;
    line-height: inherit;
    background-color: transparent;
    min-width: 340px;
    max-width: 680px;
}

div.form_content_left::before {
    content: "";
    width: 1px;
    height: calc(100% - 15px);
    display: block;
    right: -1px;
    top: 7.5px;
    background-color: #000a;
    position: absolute;
}


label.form_content_label {
    padding: 0;
    height: 42px;
    text-align: right;
    display: inline;
    padding-top: 0;
    margin-top: 0;
}

.form_content_right_boundary label.form_content_label {
  text-align: left;
}

fieldset.date.singular-input {
    background-color: #fff;
    margin: 0;
    max-width: 340px;
}

[data-picker-enabled] input[type="text"] {
    border: none;
    line-height: 1.428571429;
    height: 44px;
}

[data-picker-enabled] label {
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    border-width: 0 /*1px solid  rgb(110, 140, 143)*/;
}

[data-picker-enabled] label.invalid {
    border-color: #ed4436;
}


button.picker-trigger {
    height: 100%;
    border: none;
}

button.picker-trigger:focus {
  background-color: transparent;
  border: 0;
}

[data-picker-enabled] input[type="text"]:focus {
  font-size: 14px;
  border: 0 !important;
}

.calenderto.icon, .calenderfrom.icon {
    color: rgb(25, 70, 105);
    line-height: inherit;
    margin-top: 5px;
    font-size: 20px;
}

span.check_form_error_message::before {
    font: normal normal normal 14px/1 FontAwesome, umantis;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\e265";
    color: #DA2323;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 8px;
    margin-bottom: -3px;
}

span.check_form_error_message {
    color: #000;
    font-weight:bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


input.check_form_error_input,
input[type=text].check_form_error_input {
  border-width: 1px !important;
}
input.check_form_error_input:hover,
input[type=text].check_form_error_input:hover,
input.check_form_error_input:focus,
input[type=text].check_form_error_input:focus {
    border-color: #2bb6b7 !important;
}


label.form_element_radiobutton:hover,
label.form_element_radiobuttonhorizontal:hover,
input[type="checkbox"] + label:hover {
    border-color: transparent;
}

label.form_element_radiobutton,
label.form_element_radiobuttonhorizontal,
input[type="checkbox"] + label {
    border: 1px solid transparent;
    margin-bottom: 5px;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 340px;
    justify-content: flex-start;
    outline: none !important;
}

label.form_element_radiobutton > span,
label.form_element_radiobuttonhorizontal > span,
input[type="checkbox"] + label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    padding-right: 5px;
    padding-left: 40px;
}

label.form_element_radiobutton span::before,
label.form_element_radiobuttonhorizontal span::before,
input[type="checkbox"] + label::before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: center;
        align-self: center;
    padding: 0 18px;
    width: 50px;
    top: 0;
}

input[type="checkbox"]:hover,
input[type="checkbox"]:hover + label,
input[type="checkbox"]:focus + label,
input[type="checkbox"] + label:hover,
input[type="checkbox"]:checked + label,
input[type="checkbox"]:checked + label:hover,
label.form_element_radiobutton:hover,
label.form_element_radiobutton:focus,
input[type="radio"]:hover,
input[type="radio"]:hover + span,
input[type="radio"] + span:hover,
input[type="radio"]:hover:checked + span,
input[type="radio"]:checked + span,
input[type="radio"]:checked + span:hover,

input[type="checkbox"]:active,
input[type="checkbox"]:active + label,
input[type="checkbox"]:active + label::before,
input[type="checkbox"]:checked:active + label,
input[type="checkbox"]:checked:active + label::before,
input[type="checkbox"]:checked + label:hover::before,
input[type="checkbox"]:hover:checked + label,
input[type="checkbox"]:focus:checked + label,
input[type="checkbox"]:focus:checked + label::before,
input[type="radio"]:active,
input[type="radio"]:active + span,
input[type="radio"]:active + span::before,
input[type="radio"]:checked:active,
input[type="radio"]:checked:active + span,
input[type="radio"]:checked:active + span::before,
input[type="radio"]:focus + span,
input[type="radio"]:focus + span::before,
input[type="radio"]:focus:checked + span {
  color: inherit;
  outline: 0 !important;
}

input[type="checkbox"]:focus + label::before,
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + span::before,
a:focus [class*="cwcicons_"]::before,
*:focus > .icon::before {
/*    color: rgb(55, 110, 180);
*/    outline: 0 !important;
}


input[type="checkbox"] + label,
label input[type="radio"] + span {
  padding-left: 30px
}


input[type="checkbox"] + label::after,
input[type="radio"] + span::after {
    background: rgb(255, 255, 255);
    width: 20px;
    height: 20px;
    display: inline-block;
    content: '';
    top: calc(50% - 10px);
    position: absolute;
    border: 1px solid rgb(204, 204, 204);
    left: 0;
    z-index: 2;
    font-size: 12px;
}

input[type="checkbox"] + label::before {
    content: "";
    left: 4px;
    z-index: 3;
    width: 20px;
    padding: 0;
    margin-right: 10px;
    position: absolute;
    top: calc(50% - 12px + 7px);
}

input[type="checkbox"]:hover + label::before,
input[type="checkbox"]:focus + label::before,
input[type="checkbox"]:checked + label::before {
    content: "\f118";
    font-size: 12px;
    font-family: "geberitWeb20IconFont";
}

input[type="checkbox"]:checked + label::after {
  background-color: rgb(55, 110, 180);
}

input[type="checkbox"]:checked + label::before,
input[type="checkbox"]:hover:checked + label::before,
input[type="checkbox"]:focus:checked + label::before,
input[type="checkbox"]:checked + label:hover::before,
input[type="checkbox"]:checked + label:focus::before {
  color: #fff;
}


input[type="checkbox"]:hover + label::after,
input[type="checkbox"]:focus + label::after,
input[type="radio"]:hover + span::after,
input[type="radio"]:focus + span::after {
  -webkit-box-shadow: 0 0 10px rgb(203, 210, 210);
  box-shadow: 0 0 10px rgb(203, 210, 210);
}


input[type="radio"] + span::after {
  border-radius: 50%
}

input[type="radio"] + span::before {
  background-color: transparent;
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: calc(50% - 5px);
  left: 5px;
  border-radius: 50%;
  z-index: 3;
  padding: 0;
}

input[type="radio"]:hover + span::before,
input[type="radio"]:focus + span::before {
  background-color: rgb(204, 204, 204);
}

input[type="radio"]:checked + span::after{
  border-color: rgb(153, 153, 153);
}

input[type="radio"]:checked + span::before {
  content: '';
  background-color: rgb(153, 153, 153);
}


label.form_element_radiobutton + br {
    line-height: 1px;
    display: none;
}



/* Multiselect */

div.ui-multiselect {
    background-color: #f0efe6;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    border: 1px solid #eceff1;
}

div.ui-multiselect input.search {
    margin: 0;
    margin-top: 6px;
    height: 66%;
    max-width: 340px;
    margin-left: 3px;
    min-width: 50%;
    width: inherit;
    padding: 5px;
    background-color: rgb(255, 255, 255);
}

div.ui-multiselect ul.available,
div.ui-multiselect ul.selected {
    padding: 0;
    border: 1px solid #eceff1;
}

div.ui-multiselect ul.available li,
div.ui-multiselect ul.selected li,
div.ui-multiselect ul.selected li.ui-state-default {
    color: inherit;
    padding: 5px;
    font-size: inherit;
    line-height: inherit;
}

div.ui-multiselect ul.selected li,
div.ui-multiselect ul.selected li.ui-state-default {
    color: #fff !important;
}

div.ui-multiselect ul.selected li:hover,
div.ui-multiselect ul.selected li.ui-state-default:hover {
    color: #000 !important;
}

div.ui-multiselect ul.selected {
    background-color: rgb(0, 69, 124);
}

div.ui-multiselect .ui-state-hover,
div.ui-multiselect li.ui-state-default:hover,
div.ui-multiselect li.ui-state-default:focus,
div.ui-multiselect ul.selected li:hover {
    background-color: #a1bdc1;
    color: #000;
}

div.form_content_left_boundary_small_labels {
    width: auto;
    min-width: 0;
}

div.form_content_right_boundary_small_labels {
    line-height: inherit;
    float: left;
    margin-left: auto;
    background-color: transparent;
}

div.form_content_left_boundary_small_labels div.form_content_left {
    line-height: inherit;
    padding-right: 0;
}


.connector_table_search div.form_content_left::before {
    display: none;
}

div.nav_meta {
  margin-top: 10px;
}

div#footer {
  background-color: transparent;
}

div#footer div.copy {
  font-size: inherit;
  padding: 20px;
  padding-top: 0;
  display: block;
  float: none;
  text-align: center;
}

div#footer div.breathcrumb {
  display: none;
}

/* Login page */

div.login_content {
    margin-left: 240px;
}

button[class="Button"] {
    margin: 20px;
    margin-left: 0;
}


/* jQuery widget overwrites */

div#ui-datepicker-div {
    border-color: transparent;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0 6px 12px 0 rgb(234, 235, 236);
            box-shadow: 0 6px 12px 0 rgb(234, 235, 236);
    box-shadow: 2px 2px 16px rgba(0,0,0,.25);
    border-radius: 4px
}

.ui-datepicker th {
    padding: 5px;
}

.ui-datepicker table {
    font-size: inherit;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0 2px;
    text-align: center;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
div.ui-datepicker .ui-widget-header .ui-state-default {
    border-color: transparent;
    color: inherit !important
}

.ui-widget-header,
.ui-datepicker .ui-datepicker-header {
  padding-right: 40px;
  font-weight: inherit;
  height: 36px;
  color: inherit;
  background-color: rgb(233, 233, 233) !important;
}

.ui-datepicker-close {
  background-color: transparent !important;
}


div.ui-multiselect .ui-widget-header {
    background-color: transparent !important;
    padding-right: 0;
}

.ui-datepicker .ui-datepicker-title select {
  margin: 0;
  padding-top: 2px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  height: 36px;
  line-height: 30px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
div.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
div.ui-datepicker .ui-widget-header .ui-state-focus {
  background-color: rgba(226, 243, 246, .5); /* rgb(112, 195, 212) */
  border: 1px solid rgb(204, 204, 204);
  color: #000;
  font-weight: inherit;
}


/* Select2 */

.select2-selection.select2-selection--single {
    line-height: 40px;
    height: 40px
}
.select2-container--default .select2-search--dropdown input.select2-search__field {
  line-height: 1;
  padding-top: 10px;
  max-width: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 7px;
    padding-left: 5px;
    font-size: 14px;
    color: rgb(0, 69, 124);
    line-height: 28px;
    font-weight: 500;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none
}

.select2-dropdown {
  border-color: rgb(112, 195, 212);
}

.select2-results__option,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    border-top: 1px solid rgb(213, 215, 217);
    padding: 5px 20px 5px;
}

.select2-results__option:first-child,
div.ui-multiselect li.ui-state-default:first-child,
div.ui-multiselect ul.selected li:first-child {
    border-top-width: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected],
div.ui-multiselect .ui-state-hover,
div.ui-multiselect li.ui-state-default:hover,
div.ui-multiselect li.ui-state-default:focus,
div.ui-multiselect ul.selected li:hover {
  background-color: #f1f1f1;
  color: rgb(0, 69, 124);
}





body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 136px;
  background-color: rgb(252, 252, 252);
  box-shadow: 0 .3125rem .75rem -.3125rem rgba(0,0,0,.25),
   inset 0 .3125rem .75rem -.3125rem rgba(0,0,0,.25);
}


.actionbar_cell_1153815 {
  position: relative;
  min-height: 40px
}

div#actionbarbutton_134976.actionbar_cell_content,
div#actionbarbutton_69709.actionbar_cell_content,
div#actionbarbutton_69622.actionbar_cell_content,
div#actionbarbutton_134976.actionbar_cell_content,
div#actionbarbutton_1153815.actionbar_cell_content,
div#actionbarbutton_69915.actionbar_cell_content,
div#actionbarbutton_150163.actionbar_cell_content,
div#actionbarbutton_149308.actionbar_cell_content,
div#actionbarbutton_68123.actionbar_cell_content {
  bottom: 10px;
  position: absolute;
  margin-bottom: 0;
}


div#actionbarbutton_134976.actionbar_cell_content button[type="submit"],
div#actionbarbutton_69709.actionbar_cell_content button[type="submit"],
div#actionbarbutton_69622.actionbar_cell_content button[type="submit"],
div#actionbarbutton_134976.actionbar_cell_content button[type="submit"],
div#actionbarbutton_1153815.actionbar_cell_content button[type="submit"],
div#actionbarbutton_69915.actionbar_cell_content button[type="submit"],
div#actionbarbutton_150163.actionbar_cell_content button[type="submit"],
div#actionbarbutton_149308.actionbar_cell_content button[type="submit"],
div#actionbarbutton_68123.actionbar_cell_content button[type="submit"] {
  margin-bottom: 0;
}

.recruitingapp_1152359 div.actionbar_cell_helptext,
.recruitingapp_3463 div.actionbar_cell_helptext {
  display: none;
}


/* #15 + 32 */

.container_actionbar_NoCT h2 {
  display: none;
}

.sh_AB_NoCT_ABClosed + .container_actionbar_NoCT {
  display: block !important;
  height: 40px;
  overflow: hidden;
  padding: 20px !important;
}

.sh_AB_NoCT_ABClosed + .container_actionbar_NoCT h2 {
  font-size: 24px;
  position: absolute;
  display: block;
  margin: 0 !important;
  margin-top: -15px !important;
  line-height: 38px;
  right: 48px;
}

.sh_AB_NoCT_ABClosed + .container_actionbar_NoCT .actionbar_content, .sh_AB_NoCT_ABClosed + .container_actionbar_NoCT .actionbar_boundary_links {
  display: none;
}



div.customerlogo { display: none; }



@media only screen and (max-width: 457px) {

  .ui-datepicker .ui-datepicker-title {
      margin-left: 35px;
  }

  div.showblock {
    padding: 15px
  }

  h2, h2.showblock_title, h2.actionbar_title, h2.actionbar_title_noborder {
    padding-left: 0
  }

}


@media only screen and (max-width: 800px) {

  div.actionbar {
      padding: 0;
  }

  div.layout_info_content {
    margin-right: 0;
  }

  div.container_header {
    margin-bottom: 0;
  }

}

@media only screen and (max-width: 780px) {

  div.actionbar_boundary_search div.actionbar_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .actionbar_boundary_search,
  .actionbar_boundary_links {
    margin: 0 auto;
  }

}

@media only screen and (max-width: 1222px) {

  .actionbar_boundary_search,
  .actionbar_boundary_links {
    margin: 0 auto;
  }

  .actionbar_boundary_links {
    margin-top: 15px
  }

}

@media only screen and (max-width: 460px) {

  div#container_login div.container_actionbar_NoCT, div#container div.container_actionbar_NoCT {
    padding: 30px 0;
    border-width: 0;
  }

}

@media only screen and (min-width: 1222px) {

  .actionbar_boundary_search {
    max-width: 780px;
  }

}

@media only screen and (max-width: 480px) {

  /* form */
  div.showblock_content_row {
    overflow: hidden;
  }
  div.showblock_content_label_boundary + div.showblock_content_value_boundary {
    border-left: medium none;
    padding: 0 10px;
  }

  div.form_content_left_boundary
    {
    display: block;
    border-right: none;
    float: none;
    width: 100%;
  }
  div.form_content_left {
    line-height: inherit;
    text-align: left;
    float: none;
  }

  div.form_content_right,
  div.form_content_left {
    padding: 10px 0;
  }

  div.form_content_right_boundary {
    background: transparent;
    display: block;
    margin-left: 0;
  }
  div.form_content_row {
    background: transparent;
    overflow: hidden;
  }
  div.showblock_content_label_boundary {
    width: 100%;
    border: 0;
  }
  div.showblock_content_label {
    text-align: left;
    vertical-align: top;
  }

  div.showblock_content_value_boundary, div.showblock_content_value_nolabel_boundary {
    margin-left: 0;
    border-left: 1px solid #ccc;
  }

  div.showblock_content_value {
    padding: 0 0 10px;
  }

  div.form_content_left::before {
        display: none;
  }

  label.form_content_label {
    text-align: left;
  }

  .form_content_left {
    height: auto;
  }

  /* #31 */
  h2, h2.showblock_title, h2.actionbar_title, h2.actionbar_title_noborder {
      padding-left: 10px;
  }

  input[type="text"], input[type="password"], div.actionbar_cell_content input[type="text"].actionbarinputfixedwidth, select.actionbarinputfixedwidth, select.form_dropdown, [data-picker-enabled] input[type="text"], textarea, .select2-container--default .select2-search--dropdown input.select2-search__field {
    max-width: 310px;
  }

  div.actionbar_boundary_search div.actionbar_content > * {
    width: 300px;
  }

  html.Overview a.HSTableLink[href^="/Vacancies"], html.Overview a.HSTableLink[href^="/Vacancies"]:link {
    float: none;
    color: inherit;
    margin-top: 10px;
  }

  table.tableaslist tr td {
      padding: 10px 0;
  }

  .tableaslist_text.tableaslist_element_1152500 {
      color: transparent;
  }

  html.Overview .tableaslist_text.tableaslist_element_1152500 a.HSTableLink[href^="/Vacancies"] {
      color: #000;
      display: block;
      text-align: center;
      margin-right: 0;
  }

  div.form_content_button {
    float: unset;
  }

  form button[type="submit"][name='form_submit'],
  .recruitingapp_1152359 form button[type="submit"][name='Search'],
  .form_content_button [id*="ButtonCancel"] {
    width: 100%;
      width: -moz-available;          /* For Mozzila */
      width: -webkit-fill-available;  /* For Chrome */
      width: stretch;                 /* Unprefixed */
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }

  label.form_element_radiobutton, label.form_element_radiobuttonhorizontal, input[type="checkbox"] + label {
    width: 100%;
  }

  input[type="text"], input[type="password"], div.actionbar_cell_content input[type="text"].actionbarinputfixedwidth, select.actionbarinputfixedwidth, select.form_dropdown, [data-picker-enabled] input[type="text"], textarea, .select2-container--default .select2-search--dropdown input.select2-search__field {
      max-width: calc(100vw - 40px);
  }
}



/* Header.html */


body#context-headerHtml::before {
  display: none;
}

#context-headerHtml ul {
  list-style: none;
  margin: 0;
}

#context-headerHtml ul li {
  color: rgb(0, 0, 0);
  display: inline-block;
  font-size: 1rem;
  height: 100%;
  line-height: 1.5rem;
  padding: 0 1.5625rem 2rem;
  padding-left: 1.5625rem;
  position: relative;
  text-transform: uppercase;
  padding-left: 0;
}