@font-face{
  font-family:"BK-Text";
  src:url("./fonts/bankintertext-regular.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  src:url("./fonts/bankintertext-regular.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?#iefix") format("embedded-opentype"),
      url("./fonts/bankintertext-regular.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("woff"),
    url("./fonts/bankintertext-regular.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("truetype"),
    url("./fonts/bankintertext-regular.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css#/BankinterText-Regular") format("svg");
  font-weight:normal;font-style:normal
}
@font-face{
  font-family:"BK-Text";
  src:url("./fonts/bankintertext-bold.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  src:url("./fonts/bankintertext-bold.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?#iefix") format("embedded-opentype"),
    url("./fonts/bankintertext-bold.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("woff"),
    url("./fonts/bankintertext-bold.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("truetype"),
    url("./fonts/bankintertext-bold.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css#/BankinterText-Bold") format("svg");
  font-weight:bold;
  font-style:normal
}
@font-face{
  font-family:"BK-Sans";
  src:url("./fonts/BankinterSans/bankintersans-bla.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  src:url("./fonts/BankinterSans/bankintersans-bla.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?#iefix") format("embedded-opentype"),
    url("./fonts/BankinterSans/bankintersans-bla.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("woff"),
    url("./fonts/BankinterSans/bankintersans-bla.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("truetype"),
    url("./fonts/BankinterSans/bankintersans-bla.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css#bankinter_sans_blackregular") format("svg");
  font-weight:900;
  font-style:normal
}
@font-face{
  font-family:"BK-Sans";
  src:url("./fonts/BankinterSans/bankintersans-bol.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  src:url("./fonts/BankinterSans/bankintersans-bol.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?#iefix") format("embedded-opentype"),
    url("./fonts/BankinterSans/bankintersans-bol.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("woff"),
    url("./fonts/BankinterSans/bankintersans-bol.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("truetype"),
    url("./fonts/BankinterSans/bankintersans-bol.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css#bankinter_sansbold") format("svg");
  font-weight:bold;
  font-style:normal
}
@font-face{
  font-family:"BK-Sans";
  src:url("./fonts/BankinterSans/bankintersans-lig.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  src:url("./fonts/BankinterSans/bankintersans-lig.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?#iefix") format("embedded-opentype"),
    url("./fonts/BankinterSans/bankintersans-lig.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("woff"),
    url("./fonts/BankinterSans/bankintersans-lig.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("truetype"),
    url("./fonts/BankinterSans/bankintersans-lig.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css#bankinter_sans_lightregular") format("svg");
  font-weight:100;
  font-style:normal
}
@font-face{
  font-family:"BK-Sans";
  src:url("./fonts/BankinterSans/bankintersans-reg.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  src:url("./fonts/BankinterSans/bankintersans-reg.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?#iefix") format("embedded-opentype"),
    url("./fonts/BankinterSans/bankintersans-reg.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("woff"),
    url("./fonts/BankinterSans/bankintersans-reg.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css") format("truetype"),
    url("./fonts/BankinterSans/bankintersans-reg.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css#bankinter_sansregular") format("svg");
  font-weight:normal;
  font-style:normal
}
@font-face{
  font-family:'BK-icons';
  src:url("./fonts/iconFontUnificada/bankinter_ico_DSL_complete.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?owuryb");
  src:url("./fonts/iconFontUnificada/bankinter_ico_DSL_complete.eot.face?ln=ch.eri.ebank.jsf.skin.fvl.css?owuryb#iefix") format("embedded-opentype"),
    url("./fonts/iconFontUnificada/bankinter_ico_DSL_complete.ttf.face?ln=ch.eri.ebank.jsf.skin.fvl.css?owuryb") format("truetype"),
    url("./fonts/iconFontUnificada/bankinter_ico_DSL_complete.woff.face?ln=ch.eri.ebank.jsf.skin.fvl.css?owuryb") format("woff"),
    url("./fonts/iconFontUnificada/bankinter_ico_DSL_complete.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css?owuryb#bankinter_ico_DSL_complete") format("svg");
  font-weight:normal;
  font-style:normal
}

html, body {
  height: 100%;
}

.olywebPageClass {
  position: relative;
  height: 100%;
}

.step-flow-page {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    padding-right: 150px;
    padding-left: 150px;
    margin-left: -150px;
    margin-right: -150px;
    margin-top: -60px;
    padding-bottom: 60px;
}

.step-flow-header {
    height: 80px;

    margin-left: -150px;
    padding-left: 150px;
    padding-right: 150px;
    margin-right: -150px;

    background-color: #EBEEF5;
}
.step-flow-header > span {
  display: block;

  padding-top: 12px;
}
.step-flow-header > span .olyLbl.ui-widget {
  font-family: "BK-Text";
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 32px;
}
.step-container {
  display: flex;
  height: 22px;
  margin-top: 11px;
}
.step-block {
  flex-grow: 1;
  margin-right: 3px;
  border-bottom: 3px solid #191B1C;
  height: 100%;
}
.step-block .olyLblComponent .olyLbl.ui-widget {
  font-size: 12px;
  font-weight: normal;
  color: #6B707E;
}
.step-block.step-0 label {
  visibility: hidden;
}
.step-block.step-0 {
   margin-right: 0;
   border-bottom-color: #D9E4FF;
}
.step-block.step-current {
  border-bottom-color: #F76900;
}
.step-block.step-current .olyLblComponent .olyLbl.ui-widget {
  color: #2B3135;
}

.step-flow-content {
    position: absolute;

    width: 100%;
    max-width: 1140px;

    padding-top: 40px;
    padding-left: 150px;
    padding-bottom: 100px;
    margin-left: -150px;
}


.step-flow-actions {
    position: fixed;
    bottom: 0px;

    width: 100%;
    max-width: 1140px;
    height: 64px;

    margin-left: -150px;

    padding-right: 150px;
    padding-left: 150px;

    background-color: #fff;
    box-shadow: 0px -6px 30px 0px rgba(92,103,128,0.15);
}
.inputPhoneStyle .iti__country-list {
    max-width: 255px;
}
.inputPhoneStyle .iti__selected-flag {
    padding: 0 6px 0 12px;
}
.inputPhoneStyle .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.step-flow-actions > .olyBtnComponent {
  display: inline-block;
  margin-top: 8px;
}
.step-flow-actions > [id*=cancelButton] {
  float: left;
}
.step-flow-actions > [id*=backButton] {
  float: left;
}
.step-flow-actions > [id*=nextButton] {
  float: right;
}
.step-flow-actions > [id*=finishButton] {
  float: right;
}
.step-flow-actions > [id*=createButton] {
  float: right;
}
.step-flow-actions > [id*=sendButton] {
  float: right;
}
.step-flow-actions > [id*=confirmButton] {
  float: right;
}
.step-flow-actions > [id*=saveAndContinueButton] {
  float: right;
}
.step-flow-actions > [id*=editButton] {
  float: right;
}

.olyLblComponent .olyLbl.ui-widget {
  font-family: "BK-Sans";
  color: #191B1C;
}
.mandatoryQuestionStyle .olyLbl.ui-widget,
.mandatoryQuestionStyle .olyLblComponent.olyLbl.ui-widget,
.mandatoryQuestionStyle .olyLblComponent .olyLbl.ui-widget,
.mandatoryQuestionStyle .ui-widget,
.mandatoryQuestionStyle {
  color: #ff0000;
}
.olyFrm {
  height: 100%;
}


/* Links & Buttons */
.olyLink label.ui-widget,
.olyLink label,
.olyLink i {
  color: #191B1C;
}
.olyLink label.ui-widget,
.olyLink label {
  font-family: "BK-Sans";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 24px;

  text-decoration: underline #191B1C;
}
.olyLink.ui-state-disabled,
.ui-widget-content .olyLink.ui-state-disabled,
.ui-widget-header .olyLink.ui-state-disabled {
  background-color: transparent;
}
.olyLink.ui-state-disabled label.ui-widget,
.olyLink.ui-state-disabled label,
.olyLink.ui-state-disabled i {
    cursor: default;
}

.intro-label {
  margin-top: 136px;

}
.intro-label .olyLbl {
  color: #191B1C;
  font-family: "BK-Text";
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}
.intro-text .olyOutTxt {
  color: #191B1C;
  font-family: "BK-Sans";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
}

.label {
  padding-left: 0px;
}
.label .olyLbl {
   color: #1D1F21;
  font-family: "BK-Sans";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}

.input {
  padding-left: 0px;
}

.banner {
  position : relative;
}
.yellow-box {
  position: absolute;
  top: 48px;
  right: 192px;

  height: 288px;
  width: 288px;
  background-color: #FED430;
}
.gray-box {
  position: absolute;
  top:192px;
  right: 89px;

  height: 103px;
  width: 103px;
  background-color: #4B575D;
}
.orange-box {
  position: absolute;
  top: 295px;
  right: 0px;

  height: 378px;
  width: 378px;
  background-color: #FF821C;
}

.olyPnl.ui-panel {
    margin-bottom: 30px;
}
.olyPnl.ui-panel .ui-panel-titlebar, .olyPnl.ui-panel .ui-panel-footer {
  border-radius: 0;
  border: 0px;
  padding-left: 0px;
  padding-bottom: 2px;
  margin: 0px;
}
.olyPnl .ui-panel-title .olyLbl {
    font-weight: bold;
    font-size: 16px;
}
.olyRegularPnl .ui-panel-title:after {
  content: '';
  display: block;
  width: 32px;
  border-bottom: 3px solid #F76900;
}
.olyPnl.ui-panel.olyNonePnl {
    background-color: #fff;
}
.olyDetPnl.ui-panel {
  padding: 0px;
}

/* .olyDetPnl.ui-panel .olyPnlTitleHeader { */
/*     margin-bottom: 20px; */
/* } */
.olyDetPnl.oly2ColsDetPnl.ui-panel {
  padding: 33px;
}
.oly2ColsDetPnl .ui-grid-row {
    border-bottom: 1px solid #EBEEF5;
}
.oly2ColsDetPnl.ui-panel .ui-panelgrid .ui-panelgrid-cell.olyDetailColumn:first-child .olyLblComponent .olyLbl.ui-widget,
.oly2ColsDetPnl.ui-panel .ui-panelgrid .ui-panelgrid-cell.olyDetailColumn:first-child .olyOutTxtComponent .olyOutTxt{
    text-transform: uppercase;
    float: left;
    color: #5C6780;
    font-family: "BK-Sans";
    font-size: 12px;
    font-weight: normal;
}
.oly2ColsDetPnl.ui-panel .ui-panelgrid .ui-panelgrid-cell.olyDetailColumn:nth-child(2) .olyLblComponent .olyLbl.ui-widget,
.oly2ColsDetPnl.ui-panel .ui-panelgrid .ui-panelgrid-cell.olyDetailColumn:nth-child(2) .olyOutTxtComponent .olyOutTxt {
  float: right;

  color: #191B1C;
  font-family: "BK-Sans";
  font-size: 14px;
  font-weight: bold;
}

.main-group {
  margin-bottom: 60px;
}
.group-title {
  display: flex;
  align-items: center;
}
.group-title-label:before {
  content: '';
  height: 24px;
  border-right: 4px solid #F76900;
  margin-right: 16px;
}
.olyLbl.ui-widget.group-title-label {
  display: block;

  margin-bottom: 20px;

  font-size: 18px;
}
.group-title-action-buttons {
  display: flex;
  justify-content: flex-end;
  width: 100%;

  margin-bottom: 20px;
}
.group-title-action-buttons .olyBtn {
    padding-bottom: 12px;
    padding-top: 12px;
}

.olySelOneRad .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon {
    background: #BD4313;
}
.olySelOneRad.ui-selectoneradio label {
    margin-top: -4px;
    margin-left: 4px;
    margin-right: 50px;
    font-size: 14px;
}

.olyInpTxtContainer, .olyInpSecContainer, .olyInpTextAreaContainer {
  margin-right: 16px;
}


.olyInpTxt.ui-widget,.olyInpSec.ui-widget,.olyInpTextArea.ui-widget{
  border-radius: 20px;
  background-color: #E6EBF0;

  padding-top: 0px;
  padding-bottom : 0px;
  padding-left: 16px;
  padding-right: 0px;

  border: none;
  box-shadow: none;

  width: 100%;
  height: 32px;

  color: #6B7D8F;
  font-family: "BK-Sans";
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;


}



.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
  /*border-color:rgba(247, 105, 0, 0.8);*/
  border-color: #FF821C;
  outline:0;
  outline:thin dotted \9;/* IE6-9 */
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(247, 105, 0, 0.6);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(247, 105, 0, 0.6);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(247, 105, 0, 0.6);
}
 .mandatoryInputFieldStyle .olyInpTxt.ui-inputfield.ui-state-focus {
  border-color: #ff0000;
  outline:0;
  outline:thin dotted \9;/* IE6-9 */
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255,0,0,0.8);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255,0,0,0.8);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255,0,0,0.8);
 }


/** Date picker */
.olyDatePickerContainer {
    margin-right: 16px;
}
.olyDatePicker  .ui-inputfield {
    border-radius: 20px;
    border-width: 0px;
    box-shadow: none;
    background-color: #E6EBF0;
    color: #6B7D8F;
    font-family: "BK-Sans";
    font-size: 12px;
    padding: 8px 16px;
    padding-right: 0px;
    width: 100%;
}

/** Page specific */
.olywebPage-SecurIdLoginPage .ui-g-12,
.olywebPage-SecurIdLoginPage .ui-g-4 {
  padding-left: 0px;
}
.olywebPage-SecurIdLoginPage .ui-g-4 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.olywebPage-SecurIdLoginPage .ui-g-4.label {
  padding-top: 10px;
}
.olywebPage-SecurIdLoginPage .buttonBlock {
  margin-top: 10px;
}
.olywebPage-SecurIdLoginPage .token-info-text {
    text-align: justify;
}
.olywebPage-SecurIdLoginPage .token-info-text .olyOutTxt {
    font-size: 12px;
    font-family: "BK-Sans";
}
.olywebPage-SecurIdLoginPage .password-link .olyLbl.ui-widget {
    font-family: "BK-Sans";
    font-size: 12px;
    font-weight: normal;
}
.olywebPage-SecurIdLoginPage .buttonBlock .olyBtnComponent {
  display: inline-block;
  margin-right: 10px;
}
.olywebPage-SecurIdLoginPage .olyInpTxtMsg.ui-message,
.olywebPage-SecurIdLoginPage .olyInpSecMsg.ui-message {
  white-space: normal;
}

.securid-login-popup.olyPopupPanel.ui-dialog {
    padding-bottom: 0;
}
.securid-login-popup .securid-login-popup-label {
    display: inline-block;
    max-width: 500px;
}
.securid-login-popup .olyPopupPanelContent > .olyLinkComponent  {
  padding-top: 10px;
  padding-bottom: 10px;
}
/*
.securid-login-popup .olyPopupPanelContent .icon-and-link .fa:before {
  content: none;
}
.securid-login-popup .olyPopupPanelContent .icon-and-link.user-pin-selection-icon .olyOutputGlyphComponent i {
  background-image: url("./css-images/Icons_16px.png.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  background-position-x: -300px;
    background-position-y: -3200px;
}
.securid-login-popup .olyPopupPanelContent .icon-and-link.system-pin-generation-icon .olyOutputGlyphComponent i {
  background-image: url("./css-images/Icons_16px_2.png.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  background-position-x: -300px;
    background-position-y: -11624px;
}
*/

.securid-login-popup .olyPopupPanelContent > .olyLblComponent {
  display : block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.securid-login-popup .olyPopupPanelContent > .olyOutTxtComponent {
    display: block;
    text-align: right;
}
.securid-login-popup .olyPopupPanelContent > .olyOutTxtComponent .olyOutTxt {
  font-size: 12px;
}
.securid-login-popup .olyInpSecComponent .olyInpSecMsg.ui-message {
  float: none;
}
.securid-login-popup .olyPanelGroup.button-input-right {
  position: relative;
}
.securid-login-popup .olyPanelGroup.button-input-right > .olyBtnComponent {
    position: absolute;
    right: 0;
    height: 32px;
}
.securid-login-popup .olyPanelGroup.button-input-right > .olyBtnComponent .olyBtn {
    border-radius: 20px;

    padding: 5px;
    padding-right: 10px;

    color: #BD4313;
    text-transform: uppercase;
}
.securid-login-popup .olyPanelGroup.button-input-right > .olyBtnComponent .olyBtn:hover {
  background-color: #E6EBF0;
  color: #191B1C;
}
.securid-login-popup .olyDetPnl.olyPopupPanelActionBars {
    background-color: #fff;
    padding-top: 30px;
}
.securid-login-popup .olyPopupPanelActionBars .olyBtnComponent {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}
.securid-login-popup .olyPopupPanelActionBars .olyBtnComponent:first-child {
    padding-right: 0px;
}
.securid-login-popup .olyPopupPanelActionBars .olyBtnComponent:first-child > * {
    margin-right: 0;
}

.securid-login-popup .olyPopupPanelActionBars .olyPopupPanelActionLink {
    color: #191B1C;
    padding: 17px 18px;
    border-radius: 100px;
    text-transform: uppercase;
}
.securid-login-popup .olyPopupPanelActionBars .olyPopupPanelActionLink.ui-widget label {
  padding: 0;
}

.olywebPage-RootDashboardPage .main-status-column .ui-state-disabled {
    opacity: 1;
}
.olywebPage-RootDashboardPage .main-status-column .ui-icon.fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px;
    border-radius: 4px;
    position: initial;
    color: #5C6780;
    font-size: 16px;
}
.olywebPage-RootDashboardPage td.main-status-column .ui-widget .ui-icon.fa-clock-o,
.olywebPage-RootDashboardPage td.main-status-column .ui-widget .ui-icon.fa-folder-open {
  background-color: #E6EBF0 !important;
}
.olywebPage-RootDashboardPage td.main-status-column .ui-widget .ui-icon.fa-check {
  background-color: #CDB376 !important;
}
.olywebPage-RootDashboardPage td.main-status-column .ui-widget .ui-icon.fa-pencil {
  background-color: #FF7300 !important;
}
.olywebPage-RootDashboardPage td.participant-column .innner_line:first-child {
  font-size: 12px;
  font-weight: bold;
}
.olywebPage-RootDashboardPage td.participant-column .innner_line:nth-child(2) {
  color:  #5C6780;
}

.action-panel.olyPnl {
    margin-top: 0px;
    background-color: transparent;
}
.action-panel.olyPnl .ui-panel-content {
    padding-top: 0px;
}
.action-panel .olySubColumn {
    background-color: #fff;
    margin-bottom: 4px;
    border-radius: 4px;
}
.action-panel .olySubColumn .ui-fieldset-content {
    padding: 10px;
}
.action-panel .olySubColumn .olyFieldsetGroup > div,
.action-panel .olySubColumn .olyFieldsetGroup > span {
    padding-right: 15px;
}
.action-panel .olySubColumn .olyFieldsetGroup > span {
    padding-top: 8px;
    padding-bottom: 8px;
}

.document-panel.olyPnl {
    margin-top: 0px;
    background-color: transparent;
}
.document-panel.olyPnl .ui-panel-content {
    padding-top: 0px;
}
.document-panel .olySubColumn {
    background-color: #fff;
    margin-bottom: 4px;
    border-radius: 4px;
}
.document-group {
    padding-top: 18px;
    padding-bottom: 18px;
}
.document-status-icon {
    text-align: center;
}
.document-status-icon .fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    color: #5C6780;
    font-size: 25px;
}
.document-status-icon .fa-clock-o,
.document-status-icon .fa-folder-open {
  background-color: #E6EBF0;
}
.document-status-icon .fa-check {
  background-color: #CDB376;
}
.document-group-content {
  position: relative;
}
.document-group-l1 .document-type {
    display: inline-block;

    margin-bottom: 5px;
    margin-top: -2px;

    font-size: 20px;
}
.document-info > span,
.document-info > span .olyOutTxt {
    display: block;
    font-size: 14px;
    font-weight: 300;
}
.document-upload-button .ui-widget-header {
    border: none;
    position: absolute;
    right: 0;
    top: 15px;
}
.document-upload-button .ui-fileupload-buttonbar> .ui-button {
    box-shadow: none;
    height: auto;
    padding: 5px;
    padding-right: 25px;
}
.document-upload-button .ui-button .ui-icon {
    display: none;
}
.document-upload-button .ui-fileupload-cancel.ui-button .ui-icon {
    display: block;
}
.document-upload-button .ui-fileupload-preview {
    display: table-cell;
}
.document-upload-button .ui-fileupload-content {
    background-color: transparent;
    border: none;
}
.document-upload-button .ui-fileupload-files {
    margin: 0px;
}

/* Simple upload button */
.upload-button .olyFileUpload .ui-button {
  font-family: "BK-Sans";
  font-size: 12px;
  display: inline-block;
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #E6EBF0;
}
.upload-button .olyFileUpload .ui-button:hover {
  background-color: #9fb3c6;
}
.upload-button .olyFileUpload .ui-button .ui-icon {
  display: none;
}
.upload-button .olyFileUpload .ui-button .ui-button-text {
  margin-left: 0px;
  color: #191B1C;
  padding: 2px;
}
.upload-button .olyFileUpload .ui-fileupload-buttonbar {
  width: max-content;
}
.upload-button .olyFileUpload .ui-fileupload-content {
  display: none;
}

.document-group-l2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.uploaded-document-line {
    padding-top: 10px;
    padding-bottom: 10px;
}
.uploaded-document-line > span {
    display: inline-block;
    max-height: 50px;
    width: 50px;
    text-align: center;
    font-size: 40px;
}
.uploaded-document-line > span .fa-file-pdf-o {
    color: red;
}
.uploaded-document-line > span .fa-file-word-o {
    color: blue;
}
.uploaded-document-line > span .fa-file-excel-o {
    color: green;
}
.uploaded-document-line > img {
    display: inline-block;
    max-width: 50px;
    max-height: 50px;
}
.uploaded-document-line > div {
    display: inline-block;
    padding-left: 16px;
/*     vertical-align: 50%; */
}
.uploaded-document-line a,
.uploaded-document-line .olyLink .olyLblComponent .olyLbl.ui-widget {
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
.uploaded-document-line .olyOutTxtComponent {
    display: block;
}
.uploaded-document-line .delete-button {
    display: inline-block;
    float: right;
    padding: 15px;
    padding-right: 30px;
    width: 25px;
    box-shadow: none;
    border: none;
    background-color: transparent;
    background-image: none;
}
.uploaded-document-line .delete-button:focus-visible {
    outline: none;
}

/*Plain buttons*/
.olyPlainBtn, a.olyPlainBtn, a:visited.olyPlainBtn {
  color: #333333;
}

/* Buttons */
.olyBtn, .olyBtn-notAllowed,
.olyFileUpload .ui-button {
/*   padding: 17px 18px; */
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;

  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 1.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
/*   border-radius: 100px; */
  border-radius: 4px;
  text-decoration: none;
/*   text-transform: uppercase; */
    text-transform: none;
}
.olyBtn.ui-widget label {
  font-family: "BK-Sans";
  font-size: 12px;
  display: inline-block;
  padding: 4px;
}
.olyBtn-notAllowed, .ui-state-disabled.olyBtn,
.olyFileUpload .ui-state-disabled.ui-button {
  filter: alpha(opacity=65);
  opacity: .65;
}
.olyBtn, a.olyBtn, .ui-state-disabled.olyBtn, .ui-state-disabled.olyBtn:hover {
/*   color: #F76900; */
  color: #191B1C;
/*   background-color: #fff; */

  background-color: #E6EBF0;
}
.olyBtn:hover {
/*   color: #fff; */
  color: #191B1C;
/*   background-color: #FF7300; */
  background-color: #9fb3c6
}
.ui-state-disabled.olyBtn:hover label {
  cursor: not-allowed;
}
/* submit */
.olySubmitBtn i {
  display: none;
}
.olySubmitBtn, a.olySubmitBtn  {
  color: #191B1C;
  background-color: #FF821C;

  padding: 17px 18px;
  border-radius: 100px;
  text-transform: uppercase;
}
.olySubmitBtn.ui-widget label {
  padding: 0px;
}
.ui-state-disabled.olySubmitBtn, .ui-state-disabled.olySubmitBtn:hover {
  color: #191B1C;
  background-color: #F7FAFF;
}
.olySubmitBtn:hover {
  color: #191B1C;
  background-color: #F76900;
}
/* next */
.olyNextBtn i {
  display: none;
}
.olyNextBtn, a.olyNextBtn  {
  color: #191B1C;
  background-color: #FF821C;

  padding: 17px 18px;
  border-radius: 100px;
  text-transform: uppercase;
}
.olyNextBtn.ui-widget label {
  padding: 0px;
}
.ui-state-disabled.olyNextBtn, .ui-state-disabled.olyNextBtn:hover {
  color: #191B1C;
  background-color: #F7FAFF;
}
.olyNextBtn:hover {
  color: #191B1C;
  background-color: #F76900;
}
/* inline */
.olyInlineBtn, a.olyInlineBtn, .ui-state-disabled.olyInlineBtn {
  color: #191B1C;
  background-color: #fff;
}
.olyInlineBtn:hover {
  color: #191B1C;
  background-color: #e6e6e6;
}
/* upload */
.olyFileUpload .ui-button,
.olyFileUpload .ui-state-disabled.ui-button {
  color: #BD4313;
  background-color: #fff;
}
.olyFileUpload .ui-button:hover {
  color: #BD4313;
  background-color: #fff;
}
/* cancel */
.olyCancelBtn, a.olyCancelBtn, .ui-state-disabled.olyCancelBtn {
  color: #191B1C;
  background-color: #fff;

  padding: 17px 18px;
  border-radius: 100px;
  text-transform: uppercase;
}
.olyCancelBtn:hover {
  color: #191B1C;
  background-color: #e6e6e6;
}
.olyCancelBtn.ui-widget label {
  padding: 0px;
}
/* delete */
.olyBtnMsgDelete, a.olyBtnMsgDelete,
.olyDeleteBtn, a.olyDeleteBtn,
.ui-state-disabled.olyDeleteBtn, .ui-state-disabled.olyBtnMsgDelete,
.ui-state-disabled.olyDeleteBtn:hover, .ui-state-disabled.olyBtnMsgDelete:hover {
  color: #fff;
  background-color: #d9534f;

  padding: 17px 18px;
  border-radius: 100px;
  text-transform: uppercase;
}
.olyBtnMsgDelete:hover, .olyDeleteBtn:hover {
    color: #fff;
    background-color: #c9302c;
}
.olyDeleteBtn.ui-widget label {
  padding: 0px;
}
/** back */
.olyBackBtn, a.olyBackBtn, .ui-state-disabled.olybackBtn {
  color: #191B1C;
  background-color: #fff;

  padding: 17px 18px;
  border-radius: 100px;
  text-transform: uppercase;
}
.olyBackBtn:hover {
  color: #191B1C;
  background-color: #e6e6e6;
}
.olyBackBtn.ui-widget label {
  padding: 0px;
}

/** Fieldset */
.olyFieldsetGroup.olyFieldsetGroupAction.fieldset-right .olyBtn {
    float: right;
    margin-right: 1px;
}
.olyFieldsetGroup.olyFieldsetGroupAction.fieldset-right > *:last-child .olyBtn {
    margin-right: 1px;
}

/* popup  */
.ui-widget-overlay {
    background-color: rgba(62,74,80,0.6);
    opacity: 1;
}
.ui-dialog.olyPopupPanel {
  padding: 30px;

  overflow: visible;
}
.ui-dialog.ui-widget-content.olyPopupPanel {
  border-radius:0px;
}
.ui-dialog.ui-widget-content.olyPopupPanel .ui-dialog-titlebar {
  padding: 10px;
  padding-bottom: 5px;
  border-bottom:1px solid #eee;
}
.ui-dialog.ui-widget-content.olyPopupPanel .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: -55px;
    width: 48px;
    height: 48px;
    margin: 0px;
    background-color: #191B1C;
    border-radius: 100px;
}
.ui-dialog.ui-widget-content.olyPopupPanel .ui-dialog-titlebar-close span {
    position: absolute;
    top: 16px;
    left: 16px;
}
.olyPopupPanel .ui-widget-header .ui-icon {
  background-image:url("./images/ui-icons_ffffff_256x240.png.face?ln=primefaces-bootstrap");
}
.ui-dialog.ui-widget-content.olyPopupPanel .ui-dialog-title {
  color: #191B1C;
  font-family: "BK-Sans";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}
.ui-dialog.ui-widget-content.olyPopupPanel .olyPopupPanelContent {
  color: #191B1C;
  font-family: "BK-Sans";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
}

.olyPnlTb {
    border: none !important;
    vertical-align: bottom !important;
}
.olyPnlTb a:focus {
    outline: none;
}
.olyContainerPnl .ui-tabs.ui-tabs-top {
    border: none;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px !important;
  padding-left: 0.2em !important;
}
.ui-tabs .ui-tabs-nav li {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    padding-right: 25px;
    margin: 0px;
}
.ui-tabs .ui-tabs-nav li.olyPnlTb a {
  padding: 12px 24px;
  color: #191B1C;
  font-family: "BK-Sans";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {
    border-bottom: none;
}

.filters-container {
    display: flex;
}
.filters-fields > * {
    padding: 5px;
    min-width: 30%;
}
.filters-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.filters-buttons > * {
    padding: 5px;
}
.filters-buttons .olyBtn {
    padding: 9px 18px;
}

.tableFilter {
  display: flex;
  align-items: center;
}
.tableFilter > div {
    margin-left: 8px;
}
.tableFilter > div:first-child {
    margin-left: 0px;
}
.tableFilter .olyBtn {
  padding: 9px 18px;
}
.tableFilterActions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.tableFilter .exportButton {
  align-self: center;

/*   padding-top: 11px; */
/*   padding-bottom: 11px; */
  padding-right: 5px;
  padding-left: 15px;
}
.tableFilter .olyInpTxt.ui-widget,
.tableFilter .olySelOneMnu.ui-selectonemenu label.ui-selectonemenu-label {
  background-color: #EFF3FF;
}

.olyDatTbl {
  font-family:"BK-Sans";
}
.olyDatTbl .ui-paginator-top {
    display: none;
}
.olyDatTbl.ui-datatable table {
  border-collapse: separate;
  border-spacing: 0px;
}
.olyDatTbl.ui-datatable .ui-datatable-header {
    background-color: #fff;
    border-radius: 0px 4px 4px 4px;
    border: none;
    padding: 8px 16px;
}
.olyDatTbl.ui-datatable  .ui-datatable-tablewrapper th {
    background-color: #F7FAFF;
    background-image: none;
    border-radius: 0px;
}
.olyDatTbl.ui-datatable  .ui-datatable-tablewrapper th .ui-column-title {
  display: inline-block;
}
.olyDatTbl.ui-datatable tr.ui-datatable-odd {
  background-color: #fff;
}
.olyDatTbl.ui-datatable tr {
  border: none;
}
.olyDatTbl.ui-datatable tbody {
  border: none;
}
.olyDatTbl th {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 12px;
}
.olyDatTbl .ui-widget,
.olyDatTbl.ui-widget .ui-widget,
.olyDatTbl td {
  font-family: 'BK-Sans';
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 16px;
}
.olyDatTbl td:first-child {
  font-size: 12px;
  font-weight: bold;
}
.olyDatTbl.ui-datatable thead th, .olyDatTbl.ui-datatable tbody td, .olyDatTbl.ui-datatable tfoot td, .olyDatTbl.ui-datatable tfoot th {
    overflow: hidden;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #F5F6FA;
    border-left-style: none;
    border-left-width: 0px;;
    border-right-style: none;
    border-right-width: 0px;
    box-shadow: none;
}
.olyDatTbl.ui-datatable thead th {
    text-transform: uppercase;
}
.olyDatTbl.ui-datatable thead th, .olyDatTbl.ui-datatable tfoot th {
    padding: 14px 16px;
}
.olyDatTbl.ui-datatable tbody td, .olyDatTbl.ui-datatable tfoot td {
  padding: 7px 16px;
}

.olyDatTbl.ui-datatable thead th.olyColumnFormatN,
.olyDatTbl.ui-datatable thead th.olyColumnFormatA,
.olyDatTbl.ui-datatable thead th.olyColumnFormatP {
  text-align: right;
}
.olyDatTbl.ui-datatable thead th.olyColumnFormatR,
.olyDatTbl.ui-datatable thead th.olyColumnFormatM,
.olyDatTbl.ui-datatable thead th.olyColumnFormatT,
.olyDatTbl.ui-datatable thead th.olyColumnFormatD {
  text-align: left;
}
.olyDatTbl.ui-datatable .ui-datatable-data td.olyColumnFormatI button {
    width: 24px;
    height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0;
    box-shadow: none;
    background-color: transparent;
    border-color: DimGrey;
}
.olyDatTbl.ui-datatable thead .ui-sortable-column-icon.ui-icon {
    margin-left: 5px;
    font-size: 12px;
}
.olyDatTbl.ui-datatable thead th:first-child,
.olyDatTbl.ui-datatable tbody td:first-child,
.olyDatTbl.ui-datatable tfoot th:first-child,
.olyDatTbl.ui-datatable tfoot td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.olyDatTbl.ui-datatable thead th:last-child,
.olyDatTbl.ui-datatable tbody td:last-child,
.olyDatTbl.ui-datatable tfoot th:last-child,
.olyDatTbl.ui-datatable tfoot td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.olyDatTbl .ui-paginator {
    background-color: #fff;
}
.olyDatTbl.ui-datatable .olyColumnIcon {
  background-image: none;
  border: none;
}

.gdpr-not-signed {
  color: red;
  font-weight: bold;
}
.gdpr-pending-signature {
  color: #146DDF;
  font-weight: bold;
}
.gdpr-signed {
  color: #5C9F15;
  font-weight: bold;
}

.canceled {
  color: #FF0000;
}
.center {
  text-align: center;
}
.color-column-icon .olyColumnIcon,
.color-column-icon .olyColumnText,
.ui-widget-content .color-column-icon a {
  color: #BD4313;
  font-size: 12px;
  text-decoration: none;
}
.olyColumnIcon_EDIT,
.olyColumnIcon_EDIT .fa {
  font-size:18px;
}
td.waiting-column {
  color: red;
}

.questionnaireColumnFreeTextEdition {
  width: 100%;
}
.questionnary-row-G {
  font-weight: bold;
  font-size: 18px;
  color: #FF821C;
}
.questionnary-row-Q {
  font-weight: bold;
  font-size: 15px;
}


.olySelOneMnuContainer {
  height: 32px;
}
.olySelOneMnu.ui-selectcheckboxmenu,
.olySelOneMnu.ui-selectonemenu {
    width: 100%;
}


.olySelOneMnu.ui-widget {
    font-size: 12px;
    padding-right: 1px;
    border: none;
    background-image: none;
    background-color: #fff;
    box-shadow: none;
    outline: none;

    font-family:"BK-Sans";
    max-width: 270px;
}

.olySelOneMnu.ui-widget.ui-state-hover {
  background-image: none;
  background-color: transparent;
}
.ui-selectonemenu.olySelOneMnu .ui-selectonemenu-trigger {
    border-left-width: 0px;
    top: 10px;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    outline: none;
    right: 18px;
    padding: 0px;
}

.olySelOneMnu.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-left-width: 0px;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    outline: none;
    right: 18px;
    padding: 0px;


}


.olySelOneMnu.ui-selectonemenu label.ui-selectonemenu-label {
    border-radius: 25px;
    background-color: #E6EBF0;
    box-shadow: none;
    line-height: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 50px;
    width: auto;
    text-overflow: ellipsis;
}
.olySelOneMnu.ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    border-radius: 25px;
    background-color: #E6EBF0;
    box-shadow: none;
/*  line-height: 32px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 50px;
    width: auto;
    overflow-y: auto;
}
.olySelOneMnu.ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container {
    min-height: 32px;
    max-height: 32px;
}
.olySelOneMnu.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 0px;
    font-size: 14px;
}
.olySelOneMnu.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{
  border: none;
  border-bottom: 1px solid #F5F6FA;
  white-space: break-spaces;
}
.olySelOneMnu.ui-selectonemenu-panel .ui-selectonemenu-table tr {
  border: none;
  border-bottom: 1px solid #F5F6FA;
  height:40px;
}

.olySelOneMnu.ui-selectonemenu-panel .ui-selectonemenu-table td {
  border: none;
}

.olySelOneMnu .ui-state-highlight,
.olySelOneMnu .ui-widget-content .ui-state-highlight,
.olySelOneMnu .ui-widget-header .ui-state-highlight {
    background: #EFF3FF;
    color: #191B1C;
}


/** Message box */
.msgBoxContainer {
  font-family: 'BK-Sans';
}
.msgBoxContainer div[id$="msgBoxId"] {
    position: relative;
    margin-bottom: 0px;
    top: -60px;
    width: 100%;
    margin-left: -150px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 150px;
    border: none;
    min-height: 60px;
}
.msgBoxContainer div[id$="msgBoxId"] > label,
.msgBoxContainer div[id$="msgBoxId"] > .olyItem:first-child,
.msgBoxContainer div[id$="msgBoxId"] > .olyItems:first-child {
    padding-top: 15px;
    padding-left: 50px;
}
.msgBoxContainer div[id$="msgBoxId"] > .olyItem,
.msgBoxContainer div[id$="msgBoxId"] > .olyItems:last-of-type {
    padding-bottom: 15px;
    padding-left: 50px;
}
.msgBoxContainer .olyItem span,
.msgBoxContainer .olyItems span {
    font-size: 14px;
    color: #191B1C;
}
.confirmationMessageBox, .tipMessageBox, .infoMessageBox, .warningMessageBox, .errorMessageBox {
    background-position: 150px 18px;
    background-repeat: no-repeat;
}
.confirmationMessageBox, .tipMessageBox {
    background-color: #EBEEF5;
}
.infoMessageBox {
    background-color: #EBF8FC;
    background-image: url('./css-images/Icon-Message-Info-36px.png.face?ln=ch.eri.ebank.jsf.skin.default.css');
}
.warningMessageBox {
    background-color: #FFF8DE;
    background-image: url('./css-images/Icon-Message-Warning-36px.png.face?ln=ch.eri.ebank.jsf.skin.default.css');
}
.errorMessageBox {
    background-color: #F9E8E7;
    background-image: url('./css-images/Icon-Message-Error-36px.png.face?ln=ch.eri.ebank.jsf.skin.default.css');
}
.messageBoxButonBar {
    position: absolute;
    top: 0;
    right: 166px;

    padding-top: 15px;
}
.messageBoxButonBar .olyBtn,
.messageBoxButonBar a.olyBtn {
    border-radius: 100px;
    background-color: #FFFFFF;
    padding: 8px 16px;
    text-transform: uppercase;
}
.messageBoxButonBar .olyBtn.close-console-button {
    background: transparent;
}
.close-console-button label:before {
    display: inline-block;
    content: 'x';
}

.optionDiv {
  display: flex;
  flex-direction: column;

  position: relative;
  top: -14px;
}
.optionDiv .olyOutTxt,
.optionDiv .olyLbl.ui-widget {
  font-family: "BK-Sans";
  color: #191B1C;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
}
.optionDiv .olyLbl.ui-widget {
  font-weight: bold;
}
.optionDiv .olyOutTxt {
  font-weight: 300;
}
.optionDiv .new-button {
  text-transform: uppercase;
}
.optionDiv .olySubmitBtn {
  display: block;
}
.optionDiv .olyPnl.olyNonePnl {
  padding: 16px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.optionDiv .olyPnl.olyNonePnl.ui-panel .ui-panel-titlebar {
  padding: 0px;
}
.optionDiv .ui-panel-titlebar .olyLbl.ui-widget {
    font-size: 14px;
    font-weight: bold;
}
.optionDiv li {
    padding: 8px 0px;
}
.optionDiv li span {
    margin-right: 8px;
}
.optionDiv li > .olyLinkComponent {
  display: inline-block;
}
.optionDiv ul {
  margin: 0px;
  list-style: none;
  padding: 0px;
}
.optionDiv > div {
  margin-bottom: 6px;
}
.optionDiv .olyOutputGlyphComponent i {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  border-radius: 4px;
  background-color: #CDB376;
}
.optionDiv li.new-element .olyOutputGlyphComponent i {
  background-color: #E6EBF0;
}
.optionDiv li.new-element .olyLbl.ui-widget {
  font-weight: normal;
}
.optionDiv .olyLink {
  text-decoration: none;
}

.alert-number {
    display: inline-block;
    border-radius: 4px;
    background-color: #CDB376;
    padding: 12px;
}
.alert-number .olyLbl.ui-widget {
  font-family: "BK-Sans";
}
/* .alert-link {
  display: inline-block;
    padding-left: 8px;
    text-decoration: none;
} */

.optionDiv div#manual {
  padding: 24px;
  padding-right: 30px;
  border: none;
  background-image: url("./css-images/manual.png.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  background-repeat: no-repeat;

}
.optionDiv .olyLbl.manual-title {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.olyOutTxt.manual-text {
  display: block;
  font-weight: normal;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.manual-link {
  display: block;
  margin-top: 16px;
  margin-bottom: 8px;
}
.manual-link-icon {
  background-image: url("./css-images/svg/plus_small.svg.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 48px;
  height: 48px;
  display: block;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.user-guide-link-icon {
  display: block;
  margin-top: 16px;
  margin-bottom: 8px;
  background-image: url("./css-images/userguide.jpg.face?ln=ch.eri.ebank.jsf.skin.fvl.css");
  background-position: center center;
  background-repeat: no-repeat;
  width: auto;
  height: 100px;
  display: block;
  border-radius: 4px;
  background-color: #FFFFFF;
}

.label-field-block.olyDetPnl {
    margin-bottom: 10px;
    margin-right: 30px;
}

.icon-and-link .olyLbl.ui-widget {
    font-size: 16px;
    text-decoration: none;
}
a.icon-and-link {
    text-decoration: none;
}
.icon-and-link .olyOutputGlyphComponent {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    margin-right: 16px;
    background-color: #E6EBF0;
}
.icon-and-link.checked .olyOutputGlyphComponent {
  background-color: #FF821C;
}
.icon-and-link.checked .olyOutputGlyphComponent i.fa:before {
    content: "\f00c";
}
.icon-and-link .olyOutputGlyphComponent i {
  padding: 16px;
}

.ui-g-12.general-conditions-container {
  -webkit-box-shadow: 0 0 25px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0 0 25px rgba(204, 204, 204, 1);
  box-shadow: 0 0 25px rgba(204, 204, 204, 1);
  padding: 50px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.header {
  width: 100%;
  height: 80px;

  position: relative;
  top:-10px;

  background-color: #EBEEF5;
}

.content {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -150px;
    top: 20px;
    padding-top: 40px;
    padding-right: 150px;
    padding-left: 150px;
}

inputPhoneStyle .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    border-radius: 20px;

    background-color: #E6EBF0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 0px;
    border: none;
    box-shadow: none;
    width: 255px;
    height: 32px;
    color: #6B7D8F;
    font-family: "BK-Sans";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
}
inputPhoneStyle.ui-widget .ui-widget{
    color: #6B7D8F;
    font-family: "BK-Sans";
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
}
.upperCaseLabel {
  /*font-family: "BK-Text";*/
  text-transform: uppercase;
}

.outputTextBoldUpper {
  /*font-family: "BK-Text";*/
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}

.outputTextResized {
  /*font-family: "BK-Text";*/
  font-size: 13px;
}
.border {
  padding-bottom: 10px;
  border-bottom: 1px solid #EBEEF5;
}
.olywebPage-ParticipantDetailPage .main-status-column .ui-state-disabled {
    opacity: 1;
}
.olywebPage-ParticipantDetailPage .main-status-column .ui-icon.fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px;
    border-radius: 4px;
    position: initial;
    color: #5C6780;
    font-size: 16px;
}
.olywebPage-ParticipantDetailPage td.main-status-column .ui-widget .ui-icon.fa-clock-o,
.olywebPage-ParticipantDetailPage td.main-status-column .ui-widget .ui-icon.fa-folder-open  {
  background-color: #E6EBF0 !important;
}
.olywebPage-ParticipantDetailPage td.main-status-column .ui-widget .ui-icon.fa-check {
  background-color: #CDB376 !important;
}
.olywebPage-ParticipantDetailPage td.main-status-column .ui-widget .ui-icon.fa-pencil {
  background-color: #FF7300 !important;
}

.back-blue  {
  background-color: #F9FBFF;
}

.navigation-bar {
  background-color: #fff;
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px;
  margin-left: 5px;
  margin-top: 10px;
}
.navigation-bar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigation-bar li a {
  display: block;
  color: #000;
  padding: 8px;
  border-radius: 4px;
  text-decoration: none;
}
.navigation-bar li a:hover {
  background-color: #F5DFAC;
}
.navigation-bar .active {
  background-color: #CDB376;
}
.navigation-bar .olyOutputGlyphComponent i {
  font-size: 20px;
  padding-right: 10px;
}
.navigation-bar .olyLink label.ui-widget, .olyLink label, .olyLink i  {
  font-weight: bold;
}
.homeFromRootDashboard.olyLink i {
  font-size: 40px;
}

.olyPanelGroupComponent .messagePopup {
  background-color: #f44336;
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.messagePopup .olyOutputGlyphComponent {
  color: #FFF;
  float: left;
  margin-right: 10px;
}
.messagePopup .olyLbl.ui-widget {
  color: #FFF;
}
.olyPnl .ui-panel-title .olyLbl.collapse-label-title {
   display: inline-block;
   margin-bottom: 5px;
   margin-top: -2px;
   font-size: 20px;
}
.collapse-label-block > span,
.collapse-label-block > span .olyOutTxt {
   display: block;
   font-size: 14px;
   font-weight: 300;
}
.collapse-with-icon {
  margin-bottom: 10px;
  background-color: white;
  border-radius: 4px;
}
.progression-icon .fa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  position: initial;
  color: #5C6780;
  font-size: 20px;
  margin-top: 20px;
  margin-left: 17px;
}
.progression-icon .fa-pencil.background-orange {
  background-color: #FF7300
}
.progression-icon .fa-pencil.background-yellow {
  background-color: #f2c22f
}
.progression-icon .fa-check.background-green {
  background-color: #76aa3f
}
.olyPnl .ui-panel-title .olyLbl.collapse-root-label-title {
   display: inline-block;
   margin-top: -2px;
   font-size: 20px;
}
.collapse-main-group {
  margin-right: 33px;
}
.olyLbl.ui-widget.labelInformation {
   font-size: 16px;
}
.selectOptions {
  display: flex;
  flex-direction: column;
  position: relative;
}
.selectOptions .olyLbl.ui-widget {
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}
.selectOptions .olyPnl.olyNonePnl.ui-panel .ui-panel-titlebar {
  padding: 0px;
}
.selectOptions li {
  padding: 8px 0px;
}
.selectOptions li span {
  margin-right: 8px;
}
.selectOptions li > .olyLinkComponent {
  display: inline-block;
}
.selectOptions ul {
  margin: 0px;
  list-style: none;
  padding-left: 33px;
}
.selectOptions .olyOutputGlyphComponent i {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  border-radius: 4px;
  background-color: #CDB376;
}
.selectOptions li.new-element .olyOutputGlyphComponent i {
  background-color: #E6EBF0;
}
.selectOptions li.new-element .olyLbl.ui-widget {
  font-weight: normal;
}
.selectOptions .olyLink {
  text-decoration: none;
}
.bookmark-icon .fa {
  font-size: 25px;
  margin-top: 15px;
  margin-left: 3px;
}
.ID-image {
  font-size: 1px;
  margin-top: 24px;
}
.warning {
  font-style: italic;
}
.inputFieldWithMaxWidth .olyInpTxt.ui-widget,.olyDatePicker .ui-inputfield {
  max-width: 255px;
}