@charset "UTF-8";
/***** _template.scss *****/
.main-body {
  background-image: url("/fachverfahren/jakarta.faces.resource/images/Background.svg.xhtml?ln=bsh-layout");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.layout-wrapper .menu-bg {
  z-index: 1000; /* um das obenauf Schwimmen einzelner Elemente zu verhindern */
}
.layout-wrapper .layout-main {
  padding: 40px 10px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h2 {
  font-size: 1.6rem;
}

/***** _topbar.scss *****/
.ui-menu .user-menu .ui-menu-child {
  width: 13.5em;
}
.ui-menu .register {
  border: 1px solid white;
}

#topbar .ui-menu-list .ui-menuitem .ui-menuitem-link {
  padding: 0.8rem 1rem;
}
@media screen and (max-width: 870px) {
  #topbar .ui-menu-list .ui-menuitem .menu-weitere .ui-menuitem-text {
    display: none;
  }
  #topbar .ui-menu-list .ui-menuitem .menu-weitere .ui-menuitem-icon {
    font-size: 1.5rem;
  }
}
#topbar .ui-menu-list .ui-menuitem .register {
  background-color: white;
  border: 1px solid white;
}
#topbar .ui-menu-list .ui-menuitem .register span {
  color: #1b5291;
}
#topbar .ui-menu-list .ui-menuitem.login {
  margin-right: 0.5em;
}
#topbar .ui-menu-list .ui-menuitem.login > .ui-menuitem-link {
  border: 1px solid white;
}
#topbar .ui-menu-list .ui-menuitem.login > .ui-menuitem-link .ui-menuitem-icon {
  font-size: 1rem;
}

.lang {
  border-left: 1px dotted var(--bsh-blau10);
}
.lang .ui-menuitem-icon {
  width: 22px !important;
  height: 16px !important;
}
.lang > a .ui-menuitem-icon {
  margin-right: 0;
}
.lang > a .ui-menuitem-text {
  display: none;
}
.lang ul {
  width: 8.4em;
}
.lang ul .ui-state-disabled {
  display: none;
}
.lang .flag.de.ui-icon, .lang .flag.de.ui-button-text {
  background-image: url("/fachverfahren/jakarta.faces.resource/images/flagge_de.png.xhtml?ln=bshlogin3");
}
.lang .flag.en.ui-icon, .lang .flag.en.ui-button-text {
  background-image: url("/fachverfahren/jakarta.faces.resource/images/flagge_en.png.xhtml?ln=bshlogin3");
}

/* layout-bsh-b1.css.jsf | https://localhost:8443/jakarta.faces.resource/css/layout-bsh-b1.css.jsf?ln=bsh-b-layout */
#topbar-app-title, #topbar-app-title a, #topbar-app-title a:hover {
  /* margin: 0; */
  margin: 0 35px 0 0;
}

@media screen and (min-width: 992px) {
  #topbar-app-title, #topbar-app-title a, #topbar-app-title a:hover {
    margin-right: 55px;
  }
}
/***** _startpage.scss *****/
#pan-content1-de_content, #pan-content2-de_content,
#pan-content1-en_content, #pan-content2-en_content,
#pan-content_content {
  padding: 0 10px 10px;
}

.fachverfahren {
  padding: 10px;
}

#pan-content.ui-panelgrid .ui-panelgrid-header,
#pan-content1-de.ui-panelgrid .ui-panelgrid-header,
#pan-content1-en.ui-panelgrid .ui-panelgrid-header,
#pan-content2-de.ui-panelgrid .ui-panelgrid-header,
#pan-content2-en.ui-panelgrid .ui-panelgrid-header {
  text-align: left;
  padding: 25px 23px 0;
}

h2 {
  margin-bottom: 0;
}

@media screen and (min-width: 40.063em) {
  .ui-md-1, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7, .ui-md-8, .ui-md-9, .ui-md-10, .ui-md-11, .ui-md-12 {
    padding: 1em;
  }
}
@media screen and (min-width: 64.063em) {
  .ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7, .ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12 {
    padding: 1em;
  }
}
@media screen and (min-width: 90.063em) {
  .ui-xl-1, .ui-xl-2, .ui-xl-3, .ui-xl-4, .ui-xl-5, .ui-xl-6, .ui-xl-7, .ui-xl-8, .ui-xl-9, .ui-xl-10, .ui-xl-11, .ui-xl-12 {
    padding: 1.2em;
  }
}
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
  padding: 1em;
}

body .ui-panel .ui-panel-titlebar {
  background: #026ba5;
  color: white;
  font-weight: 400;
  padding: 0.56rem 1.2rem;
}

body .ui-panel .ui-panel-titlebar, body .ui-panel .ui-panel-content, body .ui-panel .ui-panel-footer {
  border: 0 dotted grey;
  border-radius: 0;
  box-shadow: none;
}

#j_idt106\:0\:j_idt108_header {
  font-size: 0.6rem;
}

body .ui-panel .ui-panel-title {
  font-size: 1rem;
  line-height: 1.5rem;
}

body .ui-panel {
  border-radius: 2px;
  box-shadow: none;
  border: 1px dotted grey;
}

body .ui-widget {
  font-size: 0.96rem;
  line-height: 1.3rem;
}

p {
  line-height: 1.4;
}

body {
  font-size: 0.96rem;
}

#pan-content1-de, #pan-content2-de,
#pan-content1-en, #pan-content2-en,
#pan-content, div.container2 {
  background: white;
}

.fv_teaser div.ui-panel.ui-widget.ui-widget-content {
  height: 100%;
}

.fv_teaser > .ui-panel, .fv_teaser > .ui-panel > .ui-panel-content {
  background: #e8edf4;
}

body .fv_teaser > .ui-panel > .ui-panel-titlebar {
  background: #5f85b2;
}

#main-row > div.ui-panelgrid-cell {
  width: 100%;
}

i.pi {
  padding-right: 5px;
}

body .ui-panel .ui-panel-titlebar {
  background: #4874a7;
}

/* Login/Registrierungs-Button */
#loginbtn #button-panel div.ui-g-12 {
  width: auto;
  padding: 10px 4px 10px 0;
}
#loginbtn #button-panel a.ui-link.btn {
  background: white;
  border: 1px solid #808080;
  padding: 12px 45px;
  font-size: 14px;
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#loginbtn #button-panel a.ui-link.btn:hover {
  text-decoration: none;
  background-color: #d3d3d3;
  border: 1px solid #808080;
}
#loginbtn #button-panel a.ui-link.link {
  color: white;
  display: inline-block;
  margin: 5px 0;
}
#loginbtn #button-panel a.ui-link.link:hover {
  text-decoration: underline;
}

@media screen and (min-width: 40.063em) {
  #loginbtn #button-panel div.ui-g-12 {
    width: auto;
    padding: 2em 1em 2em 0;
  }
  #loginbtn #button-panel a.ui-link.btn {
    padding: 20px 60px;
    font-size: 16px;
  }
}
/***** _userroles.scss *****/
#akkgrid {
  width: 100%;
}

#weitere {
  background: #1b5291;
  color: white;
  border-radius: 0;
  padding: 0.2em 0.5em;
}
#weitere .ui-icon {
  left: 1em;
}

body {
  /* Fachverfahren-Boxen mit Rollen */
  /* Buttons für Rollen */
}
body .ui-panel {
  border: 1px dotted grey;
}
body #button-panel .ui-link:not(:first-of-type) {
  margin-top: 0.5em;
}
body .ui-accordion {
  /* Akkordion Header */
  /* Akkordion Content */
}
body .ui-accordion .ui-accordion-header {
  padding: 0.9rem;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border: 1px dotted grey;
}
body .ui-accordion #rollen_acc\:prod_header.ui-accordion-header {
  background: #31639c;
  color: white;
}
body .ui-accordion #rollen_acc\:prod_header.ui-accordion-header:hover {
  background: #1b5291;
  color: rgb(223, 223, 223);
}
body .ui-accordion #rollen_acc\:prod_header.ui-accordion-header.ui-state-active {
  background: #31639c;
  color: white;
}
body .ui-accordion #rollen_acc\:prod_header.ui-accordion-header.ui-state-active:hover {
  background: #1b5291;
  color: rgb(223, 223, 223);
}
body .ui-accordion #rollen_acc\:test_header.ui-accordion-header {
  background: #d98100;
  color: white;
}
body .ui-accordion #rollen_acc\:test_header.ui-accordion-header:hover {
  background: #b36a00;
  color: rgb(223, 223, 223);
}
body .ui-accordion #rollen_acc\:test_header.ui-accordion-header.ui-state-active {
  background: #d98100;
  color: white;
}
body .ui-accordion #rollen_acc\:test_header.ui-accordion-header.ui-state-active:hover {
  background: #b36a00;
  color: rgb(223, 223, 223);
}
body .ui-accordion .ui-accordion-content {
  border: 1px dotted #e8edf4;
  box-shadow: none;
}
body .ui-accordion .ui-accordion-content .fv_rollen {
  display: flex;
  flex-wrap: wrap;
}
body .ui-accordion .ui-accordion-content .fv_rollen .ui-widget-content {
  width: 100%;
}
body .ui-accordion #rollen_acc\:prod.ui-accordion-content {
  background: #e8edf4;
}
body .ui-accordion #rollen_acc\:test.ui-accordion-content {
  background: #fff5e6;
}
body .fv_rollen.prod > .ui-panel > .ui-panel-titlebar {
  background: #4874a7;
}
body .fv_rollen.test > .ui-panel > .ui-panel-titlebar {
  background: #d99533;
}
body .fv_rollen.prod > .ui-panel, body .fv_rollen.prod > .ui-panel > .ui-panel-content {
  background: #a3b9d3;
}
body .fv_rollen.test > .ui-panel, body .fv_rollen.test > .ui-panel > .ui-panel-content {
  background: #ffd391;
}
body #rollen_acc.ui-accordion {
  /* Ausrichtung der FV-Button */
}
body #rollen_acc.ui-accordion .ui-panel .ui-panel-titlebar + .ui-panel-content {
  text-align: center;
}
body #rollen_acc button {
  border-radius: 2px;
  background: white;
  color: rgba(0, 0, 0, 0.87);
  border: 1px dotted #1c80cf;
  padding: 12px;
  margin: 5px 0;
  min-width: 99%;
  /* Damit die Rollen-Button in den unterschiedlichen ansichten nicht zu breit werden */
}
@media screen and (min-width: 460px) {
  body #rollen_acc button {
    min-width: 70%;
  }
}
@media screen and (min-width: 642px) {
  body #rollen_acc button {
    min-width: 85%;
  }
}
@media screen and (min-width: 820px) {
  body #rollen_acc button {
    min-width: 70%;
  }
}
@media screen and (min-width: 1026px) {
  body #rollen_acc button {
    min-width: 75%;
  }
}
@media screen and (min-width: 1220px) {
  body #rollen_acc button {
    min-width: 65%;
  }
}
body #rollen_acc button :hover {
  background: lightgrey;
}
body .fv-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
body .header-icon {
  cursor: pointer;
  color: white;
  font-size: 120%;
}
body .header-icon:hover {
  color: lightgrey;
}

/* Anzeige der längeren FV Namen nur wenn genügend Platz ist */
.display-descript {
  display: none;
}

@media screen and (min-width: 500px) {
  .display-descript {
    display: inline;
  }
}
@media screen and (min-width: 642px) {
  .display-descript {
    display: none;
  }
}
@media screen and (min-width: 820px) {
  .display-descript {
    display: inline;
  }
}
@media screen and (min-width: 1026px) {
  .display-descript {
    display: none;
  }
}
@media screen and (min-width: 1220px) {
  .display-descript {
    display: inline;
  }
}
@media screen and (min-width: 500px) {
  .ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
    padding: 1.2em;
  }
}
/* Positionierung des Dialogs für FV Beschreibung */
div[id$=fvTestDlg_], div[id$=fvProdDlg_] {
  text-align: left;
  border: 1px solid var(--bsh-blau40);
}

@media screen and (min-width: 500px) {
  div[id$=fvTestDlg_], div[id$=fvProdDlg_] {
    width: 400px !important;
    text-align: left;
    border: 1px solid var(--bsh-blau40);
  }
}
body .ui-dialog .ui-dialog-titlebar {
  background: var(--bsh-blau30);
  color: var(--bsh-blau);
  font-weight: normal;
}

body .ui-dialog .ui-dialog-content {
  background: var(--bsh-blau10);
}

/***** _regform.scss *****/
#regForm {
  padding: 8px;
}
#regForm .ui-md-1 {
  width: auto;
}
#regForm a {
  text-decoration: underline;
}

#regForm\:accountEmail {
  width: 80%;
}

#regForm\:registerButton {
  width: 40%;
}

#pan-content_content .ui-panelgrid-cell {
  padding: 7px;
}

.newpassword {
  padding: 30px 0 10px;
}
.newpassword input#regForm\:accountEmailDienstlich {
  width: 100%;
}

button#regForm\:requestNewPasswordButton {
  width: 100%;
}

@media screen and (min-width: 796px) {
  button#regForm\:requestNewPasswordButton {
    width: 34%;
  }
}
@media screen and (min-width: 1096px) {
  button#regForm\:requestNewPasswordButton {
    width: 25%;
  }
}
body .ui-inputfield {
  padding: 0.5rem 0.5rem;
}

#angaben-person .ui-panelgrid .ui-panelgrid-cell,
#angaben-institut .ui-panelgrid .ui-panelgrid-cell,
#reg-absenden .ui-panelgrid .ui-panelgrid-cell {
  padding: 0.5rem;
}

#angaben-person .ui-selectonemenu,
#angaben-person input.ui-inputfield,
#angaben-person textarea.ui-inputfield,
#angaben-institut .ui-selectonemenu,
#angaben-institut input.ui-inputfield,
#angaben-institut textarea.ui-inputfield {
  width: 80%;
}

#angaben-person input[id$=accountVorname].ui-inputfield,
#angaben-institut input[id$=instPlz].ui-inputfield {
  width: 100%;
}

/***** _hilfe.scss *****/
body .ui-accordion .ui-accordion-header {
  border: 0 none;
  box-shadow: none;
}
body .ui-accordion .ui-accordion-header :focus {
  box-shadow: none;
}

.goodPwd {
  color: green;
  font-weight: bold;
}

.badPwd {
  color: red;
  font-weight: bold;
}

/***** _antragfv.scss *****/
#auswahlFv {
  padding: 8px;
}
#auswahlFv .ui-panel {
  border: 0 none;
}
#auswahlFv .ui-panel .ui-panel-content {
  padding: 0;
}
#auswahlFv .ui-chkbox-box {
  margin-right: 5px;
  top: -2px;
}

#auswahlFv div[id$=fv-open],
#auswahlFv div[id$=fv-restricted] {
  border: 1px dotted grey;
  margin: 10px 0;
}

#auswahlFv div[id$=fv-disclaimer-open].ui-panel .ui-panel-content,
#auswahlFv div[id$=fv-disclaimer-restricted].ui-panel .ui-panel-content {
  padding: 7px;
}

#auswahlFv .ui-panel .ui-panel-content {
  padding: 0;
}

#auswahlFv .ui-panel {
  border: 0 none;
}

#auswahlFv div[id^=auswahlFv][id$=header-open_content],
#auswahlFv div[id^=auswahlFv][id$=header-restricted_content] {
  background: #5f85b2;
  padding: 10px 0;
  color: white;
  margin: 0 0 8px 0;
  text-align: center;
  border-radius: 0;
}

@media screen and (min-width: 1442px) {
  #auswahlFv div[id^=auswahlFv][id$=header-open_content],
  #auswahlFv div[id^=auswahlFv][id$=header-restricted_content] {
    padding: 8px 0;
    margin-right: 12px;
  }
  #auswahlFv div[id^=auswahlFv][id$=content-open_content],
  #auswahlFv div[id^=auswahlFv][id$=content-restricted_content] {
    padding: 0 10px;
  }
}
/* Meldungsbox für Warnungen */
body .ui-message.ui-message-warning {
  background: #f8eea6;
  border: solid transparent;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 0 0 3px;
  color: #5f550d;
  margin-top: 10px;
}

body .ui-message {
  padding: 1rem 1rem;
  display: block;
  border-radius: 4px;
}

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