@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("/iPCP/resources/fonts/robotocondensed-light-webfont.woff2") format('woff2'), url("/iPCP/resources/fonts/robotocondensed-light-webfont.woff?v=4.6.1") format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url("/iPCP/resources/fonts/robotocondensed-regular-webfont.woff2") format('woff2'), url("/iPCP/resources/fonts/robotocondensed-regular-webfont.woff?v=4.6.1") format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("/iPCP/resources/fonts/robotocondensed-bold-webfont.woff2") format('woff2'), url("/iPCP/resources/fonts/robotocondensed-bold-webfont.woff?v=4.6.1") format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* colors */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
  color: #555555;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.accent {
  color: #00539f !important;
}
.accent-bg {
  background-color: #00539f !important;
  color: #ffffff;
}
.colorError {
  color: #CE2246;
}
.colorWarn {
  color: #F9BF08;
}
.colorInfo {
  color: #03A9F4;
}
html,
body,
.ui-widget {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  font-size: 14px;
}
body.loginbodyblue {
  background-image: url("/iPCP/resources/images/blue-background.svg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-color: #0288D1;
  background-repeat: no-repeat;
  border-top: solid 10px #0288D1;
  box-sizing: border-box;
}
body.loginbodyorange {
  background-image: url("/iPCP/resources/images/orange-background.svg");
  background-image: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, #f5f5f5 70%), url("/iPCP/resources/images/orange-background.svg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-color: #FB8C00;
  background-repeat: no-repeat;
  border-top: solid 10px #FB8C00;
  box-sizing: border-box;
}
body.loginbodyred {
  background-image: url("/iPCP/resources/images/red-background.svg");
  background-image: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, #f5f5f5 70%), url("/iPCP/resources/images/red-background.svg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-color: #E53935;
  background-repeat: no-repeat;
  border-top: solid 10px #E53935;
  box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 991px), (min-width:576px) and (max-width: 767px), (max-width: 575px) {
  html,
  body {
    height: auto;
  }
}
/* add parents to make rule more important than other ones, using !important prevents it from being overritten with style.display='block' */
html body {
  /* make empty footer invisible */
  /* make tabview responsive */
}
html body .ui-panel .ui-panel-footer:empty {
  padding: 0 !important;
}
@media (max-width: 575px) {
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav {
    padding: 0;
  }
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li {
    border-bottom: none !important;
    padding: 10px 70px 10px 0;
    display: none;
    float: none !important;
  }
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li a {
    float: none;
    width: 100%;
  }
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li.ui-tabs-selected {
    display: block;
    float: left !important;
    width: 100%;
    box-sizing: border-box;
  }
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li.ui-tabs-selected,
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li.ui-tabs-active,
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li.ui-state-hover {
    border-bottom: none !important;
  }
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li.ipcp-mobile-menu {
    cursor: pointer !important;
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    box-sizing: border-box;
    padding-right: 0px;
  }
  html body div.ui-tabs.ui-responsive:not(.ui-ribbon) ul.ui-tabs-nav li.ipcp-mobile-menu a {
    cursor: pointer !important;
  }
}
html body .ui-button-flat {
  background-color: transparent;
  color: #00539f;
  border-color: transparent;
}
html body .ui-button-flat.ui-state-hover,
html body .ui-button-flat.ui-state-focus,
html body .ui-button-flat:hover {
  background: rgba(104, 104, 104, 0.1);
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ipcp-responsive-slide-out {
    position: relative;
    left: calc(100% - 50px);
    transition: all 0.5s ease;
  }
  .ipcp-responsive-slide-out.open {
    left: 0%;
  }
}
html body.ipcp-dialog {
  background: none transparent;
  margin: 0 !important;
}
html body div.ipcp-warning-box,
html body div.ipcp-error-box {
  margin: 0 25% 0 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  html body div.ipcp-warning-box,
  html body div.ipcp-error-box {
    margin: 0 5% 0 5%;
    padding-bottom: 10px;
  }
}
html body span.ipcp-header-languages a.lang {
  color: #ffffff;
  margin: 0 0.2em;
  text-decoration: none;
  display: none;
}
html body span.ipcp-header-languages a.lang.selected {
  font-weight: bold;
}
html body span.ipcp-header-languages a.lang span.lang-text {
  display: none;
}
html body span.ipcp-header-languages a.lang span.lang-text-short {
  text-transform: uppercase;
  display: inline;
}
html body .ipcp-home-tabs ul.ui-tabs-nav {
  height: auto;
}
html body .ipcp-home-tabs ul.ui-tabs-nav li {
  text-align: center;
}
html body .ipcp-home-tabs ul.ui-tabs-nav li a {
  display: block;
  float: none;
}
html body .ipcp-logo {
  display: block;
  background: transparent url('https://prebooking.goldbeck-parking.at/iPCP/system/fa/47TU-SFV7RZ-V6GU-A7WTBZ-PLUH-BXKA') no-repeat center center;
  background-size: contain;
}
html body .ipcp-notification-cookie {
  padding: 20px;
  margin: 0;
  background: #ffffff;
}
html body .ipcp-notification-cookie.ui-sidebar-right {
  width: 300px;
  overflow-y: scroll;
}
html body .ipcp-notification-cookie.ui-sidebar-right .ipcp-button-accept {
  width: 100%;
}
html body .ipcp-notification-cookie.ui-sidebar-right .ipcp-notification-cookie-bottom {
  position: sticky;
  bottom: -20px;
  background-color: #ffffff;
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: -20px;
  padding-bottom: 20px;
}
html body .ipcp-notification-cookie.ui-sidebar-bottom {
  height: auto;
}
html body .ipcp-notification-cookie p.ipcp-cookie-description {
  margin-top: 0px;
  font-size: 0.9em;
}
html body div.headerContainer {
  background-color: transparent;
  background-size: cover;
}
html body div.headerContainer div.header {
  max-width: 100%;
  width: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
html body div.headerContainer div.ipcp-header {
  height: 74px;
  margin-right: 15px;
}
html body div.headerContainer div.ipcp-header a.ipcp-logo-link {
  background: transparent url('https://prebooking.goldbeck-parking.at/iPCP/system/fa/47TU-SFV7RZ-V6GU-A7WTBZ-PLUH-BXKA') no-repeat left center;
  background-size: contain;
  width: 100%;
  height: 100%;
  clear: both;
  display: block;
}
html body div.headerContainer div.ipcp-header a.ipcp-logo-link.ipcp-logo-image {
  background-image: none !important;
}
html body div.headerContainer div.ipcp-header a.ipcp-logo-link img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.headerContainer div.ipcp-header {
    background-color: white;
    position: absolute;
    top: -50px;
    left: 7px;
    width: 37px;
    height: 37px;
    margin: 0;
    padding: 2.5px;
    border-radius: 4px;
  }
  html body div.headerContainer div.ipcp-header a.ipcp-logo-link {
    background-image: url('https://prebooking.goldbeck-parking.at/iPCP/resources/primefaces-dynamic/images/logo-square.png');
  }
}
html body div.headerContainer div.ipcp-header-bar {
  background-color: rgba(0, 83, 159, 0.9);
  color: #ffffff;
  padding: 1em;
}
html body div.headerContainer div.ipcp-header-bar h1 {
  font-size: 2em;
  padding: 0;
  text-align: center;
  color: #ffffff;
}
html body div.headerContainer div.ipcp-header-bar button {
  background-color: #ffffff;
  color: rgba(0, 83, 159, 0.9);
}
html body div.headerContainer div.ipcp-header-bar button.ui-state-hover,
html body div.headerContainer div.ipcp-header-bar button.ui-state-active,
html body div.headerContainer div.ipcp-header-bar button.ui-state-focus {
  background-color: rgba(255, 255, 255, 0.6);
}
html body div.headerContainer div.ipcp-header-bar a.hi-icon-container {
  color: #ffffff;
}
html body div.headerContainer div.ipcp-header-bar a.hi-icon-container .hi-icon {
  background-color: rgba(0, 110, 210, 0.9);
  color: #ffffff;
}
html body div.headerContainer div.ipcp-header-bar a.hi-icon-container .hi-icon:after {
  box-shadow: 0 0 0 4px #ffffff;
}
html body div.headerContainer div.ipcp-header-bar a.hi-icon-container:hover {
  color: #ffffff;
}
html body div.headerContainer div.ipcp-header-bar a.hi-icon-container:hover .hi-icon {
  background-color: #ffffff;
  color: rgba(0, 83, 159, 0.9);
}
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb {
  color: #ffffff;
  float: none;
  background: transparent none;
  padding: 0px 16px 0px 16px !important;
  border: none;
  overflow: hidden;
  text-align: center;
}
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul {
  display: inline-block;
}
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li .fa-home {
  width: auto !important;
}
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li .fa-home:before {
  content: "";
}
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li .fa-home .ui-menuitem-text {
  display: inline;
  font-family: "NotesWeb-Regular",sans-serif !important;
}
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.fa,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.fab,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.fal,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.far,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.fas,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.fad,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li.fat,
html body div.headerContainer div.ipcp-header-bar .ui-breadcrumb ul li .ui-menuitem-link {
  color: #ffffff;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-top: 3px;
  text-decoration: none;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.headerContainer div.ipcp-header-bar {
    padding: 0.5em;
    display: none;
  }
  html body div.headerContainer div.ipcp-header-bar h1 {
    font-size: 1.5em;
    line-height: 1.75em;
  }
}
html body div.contentContainer {
  background-image: none;
  padding-bottom: 1em;
  padding-top: 1em;
  clear: both;
  background-color: rgba(255,255,255,1.0);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.0));
  background: -moz-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.0));
  background: -o-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.0));
  background: linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.0));
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.contentContainer {
    padding-bottom: 0;
    padding-top: 0;
  }
}
html body div.contentContainer div.content {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
  padding: 20px 40px 10px 40px !important;
  margin: 0 auto;
  max-width: 1480px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.contentContainer div.content {
    padding: 0px !important;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.contentContainer div.content div.ipcp-sidebar {
    order: 2;
  }
}
html body div.contentContainer div.content div.ipcp-app-area {
  position: relative;
}
html body div.footerContainer {
  background-color: #ffffff;
  color: #555555;
  clear: both;
}
html body div.footerContainer a {
  color: #555555;
}
html body div.footerContainer div.footer {
  padding-top: 5px;
  text-align: center;
  margin: 0 auto;
  max-width: 1480px;
  position: relative;
  box-sizing: border-box;
}
html body div.footerContainer div.footer div div.ipcp-footer-column {
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  box-sizing: border-box;
}
@media (max-width: 575px) {
  html body div.footerContainer div.footer div div.ipcp-footer-column {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.footerContainer div.footer div div.ipcp-footer-column .ipcp-footer-myreservations,
  html body div.footerContainer div.footer div div.ipcp-footer-column .ipcp-footer-mycontractparker,
  html body div.footerContainer div.footer div div.ipcp-footer-column .ipcp-footer-mymultipurposecards {
    display: none;
  }
}
html body div.footerContainer div.footer div div.ipcp-footer-column:first-child {
  border-left: 0 none;
  border-right: 0 none;
}
html body div.footerContainer div.footer div div.ipcp-footer-column:last-child {
  border-left: 0 none;
  border-right: 0 none;
}
html body div.footerContainer div.footer .ipcp-footer-link {
  display: block;
  padding: 0.5em 1em;
  text-align: left;
}
html body .ipcp-messages.ui-sticky {
  box-shadow: none !important;
}
html body .ipcp-header-menu {
  padding: 0.5em 0;
  background-color: rgba(0, 0, 0, 0.25);
  color: #ffffff;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body .ipcp-header-menu {
    margin-bottom: 0;
  }
}
html body .ipcp-header-menu:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
html body .ipcp-header-menu h1 {
  display: none;
}
html body .ipcp-header-menu #show-home-menu {
  margin: 0px auto auto 2%;
}
html body .ipcp-header-menu #show-home-menu {
  position: relative;
}
html body .ipcp-header-menu .menu-item {
  transition: all 0.3s ease;
  font-size: 28px;
  color: #555555;
  margin: 0 0.25em;
}
html body .ipcp-header-menu .menu-item i {
  transition: all 0.3s ease;
  line-height: 47px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  width: 47px;
  height: 47px;
  vertical-align: top;
  color: #555555;
}
html body .ipcp-header-menu .menu-item span.menu-item-text {
  transition: all 0.3s ease;
  line-height: 47px;
  display: inline-block;
  height: 47px;
  vertical-align: top;
  font-size: 0.6em;
  color: #555555;
}
html body .ipcp-header-menu a.menu-item:hover i {
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) and (max-width: 991px) {
  html body .ipcp-header-menu #show-home-menu,
  html body .ipcp-header-menu .menu-item {
    font-size: 22px;
  }
  html body .ipcp-header-menu #show-home-menu i,
  html body .ipcp-header-menu .menu-item i {
    line-height: 47px;
    width: 47px;
    height: 47px;
  }
  html body .ipcp-header-menu .menu-item span.menu-item-text {
    line-height: 47px;
    height: 47px;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body .ipcp-header-menu .menu-item {
    margin: 0;
  }
  html body .ipcp-header-menu #show-home-menu,
  html body .ipcp-header-menu .menu-item {
    font-size: 22px;
  }
  html body .ipcp-header-menu #show-home-menu i,
  html body .ipcp-header-menu .menu-item i {
    line-height: 37px;
    width: 37px;
    height: 37px;
  }
  html body .ipcp-header-menu .menu-item span.menu-item-text {
    line-height: 37px;
    height: 37px;
    display: none;
    width: 0px;
  }
}
html body .ipcp-header-menu .ipcp-login-state-logged-in {
  display: block;
  text-align: right;
  margin: 0 0.5em 0.25em 0;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body .ipcp-header-menu {
    padding: 0.5em;
    background-color: #00539f;
    color: #ffffff;
  }
  html body .ipcp-header-menu #show-top-menu,
  html body .ipcp-header-menu #show-home-menu {
    display: block;
  }
  html body .ipcp-header-menu #top-menu {
    z-index: 1;
  }
  html body .ipcp-header-menu #top-menu a {
    display: block;
    padding: 0.5em 1em;
  }
  html body .ipcp-header-menu h1 {
    display: inline-block;
    color: #555555;
    font-size: 20px;
    line-height: 37px;
    text-align: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 7px !important;
  }
  html body .ipcp-login-state {
    float: right;
    text-align: right;
  }
  html body .ipcp-main-header {
    display: none !important;
  }
  html body #appHeaderBar {
    display: none !important;
  }
  html body.home #appHeaderBar {
    display: block !important;
  }
}
@media (min-width: 992px), (min-width: 768px) and (max-width: 991px) {
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    text-align: center;
  }
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon {
    float: none;
    display: inline-block;
  }
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-text {
    display: block;
  }
  html body .ipcp-header-menu {
    background-color: rgba(0, 0, 0, 0.25);
    color: #ffffff;
  }
  html body .ipcp-header-menu #show-top-menu,
  html body .ipcp-header-menu #show-home-menu {
    display: none;
  }
  html body .ipcp-login-state {
    float: right;
    text-align: right;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body .ipcp-profile-tabs {
    padding: 0;
  }
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    margin-right: 0;
  }
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-text {
    display: none;
  }
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.fa.spacer-right,
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.fab.spacer-right,
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.fal.spacer-right,
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.far.spacer-right,
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.fas.spacer-right,
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.fad.spacer-right,
  html body .ipcp-profile-tabs.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-icon.fat.spacer-right {
    margin-right: 0 !important;
  }
}
html body div.ipcp-login-panel .ipcp-login-form,
html body div.ipcp-registration-panel .ipcp-login-form {
  width: 50%;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body div.ipcp-login-panel .ipcp-login-form,
  html body div.ipcp-registration-panel .ipcp-login-form {
    width: 70%;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.ipcp-login-panel .ipcp-login-form,
  html body div.ipcp-registration-panel .ipcp-login-form {
    width: 90%;
  }
}
html body div.ipcp-login-panel .ui-inputtext,
html body div.ipcp-registration-panel .ui-inputtext,
html body div.ipcp-login-panel .ui-password,
html body div.ipcp-registration-panel .ui-password {
  width: 100%;
  box-sizing: border-box;
}
html body div.ipcp-login-panel .ui-chkbox,
html body div.ipcp-registration-panel .ui-chkbox {
  display: block;
  text-align: center;
}
html body div.ipcp-login-panel .ui-button,
html body div.ipcp-registration-panel .ui-button {
  width: 100%;
  box-sizing: border-box;
}
html body div.ipcp-authorize-panel {
  margin: 0 auto;
  max-width: 500px;
}
html body div.ipcp-authorize-panel .ipcp-authorize-form {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  html body div.ipcp-authorize-panel .ipcp-authorize-form {
    width: 80%;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.ipcp-authorize-panel .ipcp-authorize-form {
    width: 90%;
  }
}
html body div.ipcp-authorize-panel .ui-button {
  width: 100%;
  box-sizing: border-box;
}
html body div.ipcp-button-bar {
  background-color: #f5f5f5;
  font-size: 14px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  color: #555555;
  margin-top: 10px;
  padding: 10px 15px !important;
}
html body div.ipcp-button-bar:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
body.app .Wrapper {
  background-color: #F5F5F5;
  background-image: url('https://prebooking.goldbeck-parking.at/iPCP/resources/primefaces-dynamic/images/background.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  body.app .Wrapper {
    background-size: auto 250px !important;
  }
}
/** ticket-selection START **/
.ipcp-label-recurring-payment,
.ipcp-label-ticket-number {
  display: block;
}
/** time-selection START **/
html body.home div.headerContainer .ipcp-header-bar {
  display: block;
}
html body.no-header-bar div.headerContainer .ipcp-header-bar {
  display: none;
}
html body.no-header-bar div.contentContainer {
  background: transparent none;
}
.ipcp-label-block,
.ipcp-label-startdate,
.ipcp-label-enddate,
.ipcp-label-flight,
.ipcp-label-voucher {
  display: block;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ipcp-app-state-start-date,
  .ipcp-app-state-end-date,
  .ipcp-app-state-parking-area {
    display: none;
  }
  .ipcp-app-state-voucher .ui-inputgroup {
    flex-wrap: wrap;
  }
  .ipcp-app-state-voucher .ui-inputgroup-addon.ipcp-voucher-item {
    flex-grow: 1;
  }
  .ipcp-app-state-voucher .ui-inputgroup-main {
    flex-basis: max-content;
  }
}
.ReservationCreate.reservationTime .ipcp-main-header,
.ReservationChange.reservationTime .ipcp-main-header {
  float: left;
  margin-top: 0.25em !important;
}
.ReservationCreate.reservationTime .ipcp-voucher-header,
.ReservationChange.reservationTime .ipcp-voucher-header {
  float: right;
}
.ReservationCreate.reservationTime .ui-calendar .ui-button-next,
.ReservationChange.reservationTime .ui-calendar .ui-button-next {
  display: none;
}
html body .ipcp-input-voucher {
  min-width: 130px;
  box-sizing: border-box;
}
html body .ipcp-input-flight {
  width: 100%;
  box-sizing: border-box;
}
html body .ui-calendar-input-group .ui-calendar-input-datetime,
html body .ui-calendar-input-group .ui-calendar-input-date,
html body .ui-calendar-input-group .ui-calendar-input-time {
  display: block;
  float: left;
  width: 50%;
  min-width: 0;
  box-sizing: border-box;
}
html body .ui-datepicker-group.ui-datepicker-group-middle {
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  box-sizing: border-box;
}
@media (min-width:576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  html body .ui-datepicker-group.ui-datepicker-group-middle {
    border-right: none;
  }
}
@media (max-width: 575px) {
  html body .ui-datepicker-group.ui-datepicker-group-middle {
    border-right: none;
    border-left: none;
  }
}
/** time-selection END **/
.ipcp-header-basket {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px 10px 10px 10px;
  margin-top: 5px;
  color: white;
  height: 44px;
  text-align: center;
}
@media (min-width:576px) and (max-width: 767px), (max-width: 575px) {
  .ipcp-header-basket {
    border-radius: 0;
    padding: 5px 0 0 0;
  }
}
/** rate-selection START **/
.ipcp-date-go {
  margin-left: 2%;
  margin-right: 0;
  box-sizing: border-box;
}
.ipcp-rates-columns-selection {
  z-index: 1000;
  height: 34px;
  text-align: right;
  transition: all 0.5s ease;
}
.ipcp-rates-columns-selection:hover {
  height: auto;
}
@media (hover: none) {
  .ipcp-rates-columns-selection {
    height: auto;
  }
}
.ipcp-rates-columns-selection a {
  float: right;
  margin: 5px 0;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .ipcp-rates-columns-selection {
    display: none;
  }
}
#homeTabs .ui-button-big {
  margin: 0 auto;
  display: block;
}
.ipcp-rates-table .ui-datascroller {
  width: 100%;
}
.ipcp-rates-table .ui-datascroller-list {
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  display: -moz-box;
  /* OLD: Firefox (buggy) */
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -webkit-flex;
  /* NEW, Chrome 21?28, Safari 6.1+ */
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ipcp-rates-table .ui-datascroller-list:after {
  clear: both;
  content: "";
  display: table;
}
.ipcp-rates-table .ipcp-rate-warning .rate-validityPeriod {
  color: #F9BF08;
}
.ipcp-rates-table .ipcp-rate-unavailable .rate-validityPeriod {
  color: #CE2246;
}
.ipcp-rates-table-1 .ui-datascroller-item {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}
.ipcp-rates-table-2 .ui-datascroller-item {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}
@media (min-width:576px) and (max-width: 767px) {
  .ipcp-rates-table-2 .ui-datascroller-item {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .ipcp-rates-table-2 .ui-datascroller-item {
    width: 100%;
  }
}
.ipcp-rates-table-3 .ui-datascroller-item {
  width: 33.33333%;
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}
@media (min-width:576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .ipcp-rates-table-3 .ui-datascroller-item {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .ipcp-rates-table-3 .ui-datascroller-item {
    width: 100%;
  }
}
.ipcp-rates-table-4 .ui-datascroller-item {
  width: 25%;
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ipcp-rates-table-4 .ui-datascroller-item {
    width: 33.33333%;
  }
}
@media (min-width:576px) and (max-width: 767px) {
  .ipcp-rates-table-4 .ui-datascroller-item {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .ipcp-rates-table-4 .ui-datascroller-item {
    width: 100%;
  }
}
.ipcp-rates-table .ui-card-text-container {
  position: relative;
}
.ipcp-rates-table .ui-card-text-container .button-bar {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ipcp-rates-table .ui-card-text-container .button-bar {
    position: relative;
  }
}
.ipcp-rates-table > div,
.ipcp-rates-table .ui-datascroller-item {
  transition: all 0.5s ease;
}
.ipcp-rates-table-2 .ui-card,
.ipcp-rates-table-3 .ui-card,
.ipcp-rates-table-4 .ui-card {
  box-sizing: border-box;
}
.ipcp-rates-table-2 .ui-button-big .ui-button-text,
.ipcp-rates-table-3 .ui-button-big .ui-button-text,
.ipcp-rates-table-4 .ui-button-big .ui-button-text {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ipcp-rates-table-3 div.ui-card,
.ipcp-rates-table-4 div.ui-card {
  position: relative;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper {
  display: block;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-icon-container,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-icon-container,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-icon-container,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-icon-container {
  display: block;
  float: none;
  width: 100%;
  overflow: hidden;
  max-height: 500px;
  box-sizing: border-box;
  padding: 0;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-icon-container > span,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-icon-container > span,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-icon-container > span,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-icon-container > span,
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-icon-container > i,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-icon-container > i,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-icon-container > i,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-icon-container > i {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 100% !important;
  box-sizing: border-box;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-icon-container img,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-icon-container img,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-icon-container img,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-icon-container img,
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-icon-container img.fa-lg,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-icon-container img.fa-lg,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-icon-container img.fa-lg,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-icon-container img.fa-lg {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: none;
  max-height: none;
  width: 100%;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-text-container,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-text-container,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-text-container,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-text-container {
  display: block;
  width: 100%;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-wrapper div.ui-card-text-container .button-bar,
.ipcp-rates-table-4 div.ui-card div.ui-card-wrapper div.ui-card-text-container .button-bar,
.ipcp-rates-table-3 div.ui-card a.ui-card-wrapper div.ui-card-text-container .button-bar,
.ipcp-rates-table-4 div.ui-card a.ui-card-wrapper div.ui-card-text-container .button-bar {
  position: absolute;
  right: 0;
  top: -45px;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-actions,
.ipcp-rates-table-4 div.ui-card div.ui-card-actions {
  margin: 0;
  padding: 0;
  display: block;
  height: auto;
}
.ipcp-rates-table-3 div.ui-card div.ui-card-actions .ui-button.ui-button-next,
.ipcp-rates-table-4 div.ui-card div.ui-card-actions .ui-button.ui-button-next {
  margin: 0;
  font-size: 1.6em;
  width: 100%;
  box-sizing: border-box;
  float: none !important;
}
.ipcp-rates-table .ipcp-rate-quantity input {
  text-align: center;
  padding: 3px 2px 4px 2px !important;
  font-size: 25px;
}
.ipcp-rates-table .ui-selectbooleanbutton.ui-state-active {
  background-color: #03A9F4 !important;
  color: #ffffff !important;
}
.ipcp-rates-table .ui-selectbooleanbutton {
  background-color: #00539f !important;
  color: #ffffff !important;
}
.rate-productName,
.rate-productDescription,
.rate-areasName {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rate-areaName {
  font-size: 1.6em;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rate-productName {
  font-size: 1.4em;
}
.rate-price {
  font-size: 2em;
  font-weight: bold;
}
@media (max-width: 575px) {
  .rate-price {
    font-size: 1.4em;
  }
}
.rate-price-save {
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
}
.rate-original-price {
  display: none;
}
.rate-price-difference {
  white-space: nowrap;
  margin-top: 0.5em;
}
.rate-price-wrapper {
  padding-top: 10px;
}
.rate-availibilityNotice,
.rate-verificationNotice,
.rate-waitingListNotice {
  color: #F9BF08;
  display: block;
  font-style: italic;
}
.rate-availibilityNotice.ipcp-icon-warning {
  font-style: normal;
  float: right;
  font-size: 2.5em;
}
.info-panel {
  padding-top: 0.5em;
}
@media all and (min-width: 1781px) {
  .ipcp-order-summary h3,
  .ipcp-order-summary .selection-price-gross {
    font-size: 1.6em;
  }
  .ipcp-order-summary .ipcp-change-selection {
    float: right;
    font-size: 0.8em;
  }
}
.ipcp-order-summary h3 {
  margin: 0.5em 0 !important;
}
.ipcp-order-summary .selection-price-gross,
.ipcp-order-summary .selection-product {
  font-weight: bold;
  display: block;
}
.ipcp-order-summary .selection-startdate,
.ipcp-order-summary .selection-enddate,
.ipcp-order-summary .selection-voucher {
  text-align: right;
  display: block;
}
.ipcp-order-summary .selection-price-gross {
  font-size: 1.6em;
  text-align: right;
}
.ipcp-order-summary .selection-price-net {
  font-size: 90%;
}
.ipcp-order-summary .selection-loyalty {
  word-wrap: break-word;
  text-align: right;
  display: block;
}
.ipcp-order-summary .selection-voucher {
  word-wrap: break-word;
  text-align: right;
  display: block;
}
.ipcp-original-order-watermark {
  position: absolute;
  left: -130px;
  font-size: 100px;
  top: 0px;
  opacity: 0.1;
}
.ipcp-original-order-summary .fa,
.ipcp-original-order-summary .fab,
.ipcp-original-order-summary .fal,
.ipcp-original-order-summary .far,
.ipcp-original-order-summary .fas,
.ipcp-original-order-summary .fad,
.ipcp-original-order-summary .fat {
  vertical-align: middle;
}
.ipcp-original-order-summary .ui-outputlabel {
  padding-right: 0.5em;
  font-size: 14px;
}
.ipcp-original-order-summary .selection-area::before {
  content: ", ";
}
.ipcp-original-order-summary .selection-additional-product::before {
  content: ", ";
}
.ipcp-original-order-summary .selection-product::before,
.ipcp-original-order-summary .selection-voucher::before,
.ipcp-original-order-summary .selection-loyalty::before {
  content: " - ";
}
.ipcp-original-order-summary .selection-price-gross {
  padding-left: 0.5em;
  font-weight: bold;
}
/** rate-selection END **/
/** Confirmation **/
.ipcp-table-summary .ipcp-total-row td {
  font-weight: bold;
}
.ipcp-table-summary tfoot {
  border-top: 4px double #E0E0E0;
}
.ipcp-hint-italic-right {
  float: right;
  margin-top: 0.25em;
  font-size: 0.75em;
  font-style: italic;
}
.ipcp-profile-menu-button {
  display: none;
}
.ipcp-profile-picture {
  border-radius: 50%;
}
body.app.profile .ipcp-profile-sidebar {
  width: 19%;
  padding-right: 1%;
  float: left;
}
body.app.profile .ipcp-profile-content {
  width: 80%;
  float: left;
}
body.app.profile .ipcp-profile-content .ui-tabs {
  max-width: 1120px;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.app.profile .ipcp-profile-sidebar {
    width: 24%;
    padding-right: 1%;
  }
  body.app.profile .ipcp-profile-content {
    width: 75%;
  }
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  body.app.profile .ipcp-profile-sidebar {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  body.app.profile .ipcp-profile-content {
    width: 100%;
    float: none;
  }
  body.app.profile .ipcp-profile-link {
    display: none;
  }
  body.app.profile .ipcp-profile-menu-button {
    display: inline;
  }
  body.app.profile div.ipcp-profile-menu {
    display: none;
  }
  body.app.profile .ui-datatable .ipcp-header-filter-toggle {
    display: none;
  }
  body.app.profile .ui-datatable .ui-reflow-label,
  body.app.profile .ui-datatable .ui-reflow-dropdown {
    display: none;
  }
  body.app.profile .ui-datatable .ui-paginator .ui-state-disabled {
    display: none;
  }
  body.app.profile .ui-datatable .ui-paginator-rpp-options,
  body.app.profile .ui-datatable .ui-paginator-current {
    display: none;
  }
}
.ipcp-state-invalid {
  text-decoration: line-through;
}
.ipcp-transactions-monthly .ipcp-monthly-toggle .ui-row-toggler {
  font-size: 3em !important;
}
.ipcp-transactions-monthly .ipcp-monthly-toggle .ui-row-toggler:hover {
  color: #00539f;
}
.ipcp-transactions-monthly thead th.ipcp-monthly-date {
  text-align: center !important;
}
.ipcp-transactions-monthly tbody td.ipcp-monthly-date .ipcp-monthly-month {
  display: block;
  font-size: 1.3em;
  text-align: center;
}
.ipcp-transactions-monthly tbody td.ipcp-monthly-date .ipcp-monthly-year {
  display: block;
  font-size: 2em;
  text-align: center;
}
.ipcp-transactions-monthly tbody td.ipcp-monthly-quantity {
  font-size: 2em;
}
.ipcp-transactions-monthly tbody td.ipcp-monthly-amount {
  font-size: 2em;
}
.ipcp-registration-notice {
  clear: both;
}
div.striped-lines-container > div:nth-child(even) {
  background: #ffffff;
}
div.striped-lines-container > div:nth-child(odd) {
  background: #ededed;
}
div.striped-lines:nth-child(even) {
  background: #ffffff;
}
div.striped-lines:nth-child(odd) {
  background: #ededed;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  div.ui-card div.ui-card-actions .ui-button.ui-button-big.ui-button-next {
    margin: 10px;
    width: calc(100% - 20px);
    float: none !important;
  }
}
@media (max-width: 575px) {
  canvas#tabs\:mpcChargingTransactionsForm\:chargingChart_canvas {
    display: none!important;
  }
  #profileMgmtExt\:chargingChart_canvas {
    display: none !important;
  }
  .ipcp-profile .ipcp-profile-content .ipcp-tabless-chart {
    display: none !important;
  }
}
div.ui-card.ipcp-centered {
  max-width: 960px;
  margin: 0 auto;
}
div.ui-card {
  position: relative;
  background-color: #ffffff;
  color: #555555;
  box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
}
div.ui-card.ui-state-highlight {
  border: 3px solid #00539f;
  margin: -3px;
}
div.ui-card.image-cover div.ui-card-wrapper div.ui-card-icon-container img {
  object-fit: cover;
  height: 100%;
}
div.ui-card h1 {
  font-size: 20px;
  color: #555555;
}
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain),
div.ui-card div.ui-card-actions .CardFooterBtn {
  border-left: solid 1px #E0E0E0;
  background: transparent none;
  color: #00539f;
}
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain):not(.ui-state-disabled):hover,
div.ui-card div.ui-card-actions .CardFooterBtn:not(.ui-state-disabled):hover {
  background-color: #F5F5F5;
  color: #00539f;
}
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .ui-icon,
div.ui-card div.ui-card-actions .CardFooterBtn .ui-icon,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .fa,
div.ui-card div.ui-card-actions .CardFooterBtn .fa,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .fab,
div.ui-card div.ui-card-actions .CardFooterBtn .fab,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .fal,
div.ui-card div.ui-card-actions .CardFooterBtn .fal,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .far,
div.ui-card div.ui-card-actions .CardFooterBtn .far,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .fas,
div.ui-card div.ui-card-actions .CardFooterBtn .fas,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .fad,
div.ui-card div.ui-card-actions .CardFooterBtn .fad,
div.ui-card div.ui-card-actions .ui-button:not(.ui-button-big):not(.ui-button-plain) .fat,
div.ui-card div.ui-card-actions .CardFooterBtn .fat {
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
}
div.ui-card div.ui-card-wrapper,
div.ui-card a.ui-card-wrapper {
  color: #555555 !important;
}
div.ui-card div.ui-card-wrapper:hover,
div.ui-card a.ui-card-wrapper:hover {
  color: #555555 !important;
}
div.ui-card div.ui-card-wrapper div.ui-card-icon-container,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container {
  background-color: var(--main-color-light);
  color: var(--main-color) !important;
}
div.ui-card div.ui-card-wrapper div.ui-card-icon-container img,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container img {
  width: 100px;
}
div.ui-card div.ui-card-wrapper div.ui-card-icon-container img.fa-lg,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container img.fa-lg {
  width: 200px;
}
div.ui-card div.ui-card-wrapper div.ui-card-icon-container span,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container span,
div.ui-card div.ui-card-wrapper div.ui-card-icon-container i,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container i {
  margin: 10px;
  font-size: calc((100px - 20px) / 1.25);
  line-height: 1;
}
div.ui-card div.ui-card-wrapper div.ui-card-icon-container span.fa-lg,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container span.fa-lg,
div.ui-card div.ui-card-wrapper div.ui-card-icon-container i.fa-lg,
div.ui-card a.ui-card-wrapper div.ui-card-icon-container i.fa-lg {
  margin: 10px;
  font-size: calc((200px - 20px) / 1.25);
  line-height: 1;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  div.ui-card div.ui-card-wrapper div.ui-card-icon-container img,
  div.ui-card a.ui-card-wrapper div.ui-card-icon-container img {
    width: calc(100px * 0.5);
  }
  div.ui-card div.ui-card-wrapper div.ui-card-icon-container img.fa-lg,
  div.ui-card a.ui-card-wrapper div.ui-card-icon-container img.fa-lg {
    width: calc(200px * 0.5);
  }
  div.ui-card div.ui-card-wrapper div.ui-card-icon-container span,
  div.ui-card a.ui-card-wrapper div.ui-card-icon-container span,
  div.ui-card div.ui-card-wrapper div.ui-card-icon-container i,
  div.ui-card a.ui-card-wrapper div.ui-card-icon-container i {
    margin: 10px;
    font-size: calc((100px - 20px) / 1.25 * 0.5);
    line-height: 1;
  }
  div.ui-card div.ui-card-wrapper div.ui-card-icon-container span.fa-lg,
  div.ui-card a.ui-card-wrapper div.ui-card-icon-container span.fa-lg,
  div.ui-card div.ui-card-wrapper div.ui-card-icon-container i.fa-lg,
  div.ui-card a.ui-card-wrapper div.ui-card-icon-container i.fa-lg {
    margin: 10px;
    font-size: calc((200px - 20px) / 1.25 * 0.5);
    line-height: 1;
  }
}
div.ui-card div.ui-card-wrapper div.ui-card-text-container h3.ui-card-header,
div.ui-card a.ui-card-wrapper div.ui-card-text-container h3.ui-card-header {
  font-size: 18px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  color: #555555;
}
div.ui-card div.ui-card-wrapper div.ui-card-text-container div.ui-card-links,
div.ui-card a.ui-card-wrapper div.ui-card-text-container div.ui-card-links {
  min-width: 33%;
}
div.ui-card.ui-card-secondary {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
div.ui-card.ui-card-secondary > div.ui-card-wrapper > div.ui-card-icon-container,
div.ui-card.ui-card-secondary > a.ui-card-wrapper > div.ui-card-icon-container {
  background-color: #ffffff;
  color: #6698c5 !important;
}
div.ui-card div.ui-overlaypanel {
  max-width: 500px !important;
}
div.ui-card .ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 10;
}
div.ui-card .ribbon .ribbon__content {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: var(--main-color);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.192);
  color: var(--main-text-color);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  border: 2px dotted var(--main-text-color);
  outline: 5px solid var(--main-color);
  z-index: 10;
}
div.ui-card .ribbon::before {
  top: 0;
  left: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  z-index: 10;
  content: '';
  display: block;
  border: 5px solid var(--main-color-dark);
  box-sizing: content-box;
}
div.ui-card .ribbon::after {
  bottom: 0;
  right: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  z-index: 9;
  content: '';
  display: block;
  border: 5px solid var(--main-color-dark);
}
div.ui-card.ribbon-left .ribbon {
  right: auto;
  left: -10px;
  transform: scaleX(-1);
}
div.ui-card.ribbon-left .ribbon .ribbon__content {
  transform: rotate(45deg) scaleX(-1);
}
div.ui-card.ribbon-right .ribbon {
  left: auto;
  right: -10px;
  transform: none;
}
div.ui-card.ribbon-right .ribbon .ribbon__content {
  transform: rotate(45deg);
}
/* steps */
/*Style For UI Steps --------------------------------------------------------------------------------------*/
html body {
  /* tricky line under bullets */
}
html body .ui-steps .ui-steps-item .ui-menuitem-link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1em !important;
  font-size: 18px;
  border-bottom: 2px solid #00539f;
}
html body .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link::before {
  border-color: #00539f;
}
html body .ui-steps .ui-steps-item .ui-menuitem-link.ui-state-done::before {
  border-color: #00539f;
}
html body .ui-steps .ui-steps-item:first-child .ui-menuitem-link::before {
  left: 50%;
}
html body .ui-steps .ui-steps-item:last-child .ui-menuitem-link::before {
  right: 50%;
}
html body .ui-steps ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  float: none;
}
html body .ui-steps .ui-steps-item {
  margin-right: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  opacity: 1;
  display: table-cell;
  float: none !important;
  vertical-align: middle;
  height: 100%;
  background: none;
  border: 0;
}
html body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  border: 3px solid #fff;
  background-color: var(--main-color);
  color: #ffffff;
}
html body .ui-steps .ui-steps-item .ui-menuitem-link.ui-state-done .ui-steps-number {
  border: 3px solid #fff;
  background-color: var(--main-color);
  color: #ffffff;
}
html body .ui-steps .ui-steps-item .ui-menuitem-link {
  padding: 0px !important;
}
html body .ui-steps .ui-steps-item .ui-steps-number {
  display: inline-block;
  height: 2em !important;
  width: 2em !important;
  line-height: 2em;
  font-size: 18px;
  color: #ffffff;
  border-radius: 2em;
  background-clip: padding-box;
  border: 3px solid #fff;
  background-color: #999999;
  position: relative;
}
html body .ui-steps .ui-steps-item .ui-steps-number.GreenButton {
  border-radius: 2em;
  background-clip: padding-box;
  border: 3px solid #fff !important;
}
html body .ui-steps .ui-steps-title {
  display: none;
  color: #ffffff;
  margin: 5px 10px 0 10px;
  font-size: 14px;
  background-color: rgba(153,153,153,0.9);
  padding: 5px;
  border-radius: 20px;
  background-clip: padding-box;
}
html body div.ipcp-steps .ui-steps {
  margin: 15px 0;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body div.ipcp-steps {
    flex-basis: 100%;
    margin: 0;
  }
}
html body div.ipcp-steps-container {
  position: relative;
  clear: both;
  margin: 5px auto 10px auto;
  max-width: 1480px !important;
  width: 100% !important;
}
@media (min-width:576px) and (max-width: 767px), (max-width: 575px) {
  body.app.profile div.ipcp-steps-container {
    display: none;
  }
  body.app.profile div.ipcp-header-bar {
    display: none;
  }
}
@media (min-width:576px) and (max-width: 767px) {
  html .ui-steps .ui-steps-item .ui-menuitem-link {
    padding: 0.5em;
  }
  html .ui-steps .ui-steps-item .ui-steps-title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 80%;
    margin: 2px 5px;
  }
}
@media (max-width: 575px) {
  html .ui-steps .ui-steps-item .ui-menuitem-link {
    padding: 0.5em;
  }
  html .ui-steps .ui-steps-item .ui-steps-title {
    display: none;
  }
}
.ipcp-outlet-selection {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5858 6.34317L12 4.92896L19.0711 12L12 19.0711L10.5858 17.6569L16.2427 12L10.5858 6.34317Z" fill="black" fill-opacity="0.1" /></svg>');
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.ipcp-outlet-selection.ui-state-disabled {
  background-image: none;
}
.ipcp-charing-outlets > div {
  position: relative;
}
.ipcp-charing-outlets > div .ipcp-metalink {
  position: absolute;
  top: 0.8em;
  right: 0.8em;
  z-index: 100;
}
.chargingProgress div.ipcp-steps-container {
  margin-bottom: 0;
}
.chargingProgress div.ipcp-steps {
  display: none;
}
.ipcp-charging-status {
  text-align: center;
}
.ipcp-charging-status label {
  display: none;
}
.ipcp-charging-amount {
  text-align: center;
}
.ipcp-charging-amount label::after {
  content: ': ';
}
.ipcp-charge-amount-description {
  font-style: italic;
  font-size: 12px;
}
.ipcp-charging-whs {
  text-align: center;
}
.ipcp-charging-whs label::after {
  content: ': ';
}
.ipcp-charging-label-container {
  margin: 12px 10% 0 10%;
}
.ipcp-charging-label {
  font-weight: bold;
  font-size: 12px;
}
.ipcp-charging-status .ipcp-charging-status-container {
  position: relative;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  padding: 35px 0 0 0;
  box-sizing: border-box;
}
.ipcp-charging-status.INIT .ipcp-charging-status-container {
  background-color: #1478BE;
  color: white;
}
.ipcp-charging-status.PENDING .ipcp-charging-status-container {
  background-color: #1478BE;
  color: white;
}
.ipcp-charging-status.ACTIVE .circle-spin {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  box-sizing: border-box;
  border: 5px dashed white;
  animation: spin 10s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotateZ(360deg);
  }
}
.ipcp-charging-status.ACTIVE .ipcp-charging-status-container {
  background-color: #1478BE;
  color: white;
  animation-name: color;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes color {
  0% {
    background-color: #1478BE;
  }
  50% {
    background-color: #0091CD;
  }
  100% {
    background-color: #1478BE;
  }
}
.ipcp-charging-status.COMPLETED .ipcp-charging-status-container {
  background-color: #66BB6A;
  color: white;
}
.charging-outlet00,
.charging-outlet01,
.charging-outlet02,
.charging-outlet03,
.charging-outlet04,
.charging-outlet05,
.charging-outlet06,
.charging-outlet07,
.charging-outlet08,
.charging-outlet09,
.charging-outlet10,
.charging-outlet11,
.charging-outlet12,
.charging-outlet13,
.charging-outlet14,
.charging-outlet15,
.charging-outlet16,
.charging-outlet17,
.charging-outlet23,
.charging-outlet24,
.charging-outlet25,
.charging-outlet-tesla-roaster,
.charging-outlet-chademo,
.charging-outlet-supercharger,
.charging-outlet-type2,
.charging-outlet-j1772,
.charging-outlet-walleuro,
.charging-outlet-caravan,
.charging-outlet-type3,
.charging-outlet-threephase,
.charging-outlet-ccs {
  background-image: url("/iPCP/resources/images/charging_outlets.png");
  background-size: 500% 400%;
  aspect-ratio: 1;
}
.charging-outlet00,
.charging-outlet-tesla-roaster {
  background-position: -100% 0;
}
.charging-outlet01 {
  background-position: -300% 0;
}
.charging-outlet02 {
  background-position: 0 -100%;
}
.charging-outlet03 {
  background-position: -100% -100%;
}
.charging-outlet04,
.charging-outlet-chademo {
  background-position: -200% 0;
}
.charging-outlet05,
.charging-outlet-supercharger {
  background-position: -200% -100%;
}
.charging-outlet06,
.charging-outlet-type2 {
  background-position: 0 -200%;
}
.charging-outlet08,
.charging-outlet-j1772 {
  background-position: -100% -200%;
}
.charging-outlet09 {
  background-position: -200% -200%;
}
.charging-outlet10 {
  background-position: 0 0;
}
.charging-outlet12 {
  background-position: -300% -100%;
}
.charging-outlet13,
.charging-outlet-walleuro {
  background-position: -300% -200%;
}
.charging-outlet14 {
  background-position: 0 -300%;
}
.charging-outlet15,
.charging-outlet-caravan {
  background-position: -100% -300%;
}
.charging-outlet16,
.charging-outlet-type3 {
  background-position: -200% -300%;
}
.charging-outlet17 {
  background-position: -300% -300%;
}
.charging-outlet23,
.charging-outlet-threephase {
  background-position: -400% 0;
}
.charging-outlet24,
.charging-outlet-ccs {
  background-position: -400% -100%;
}
.charging-outlet25 {
  background-position: -400% -200%;
}
.ipcp-charging-overall > div {
  text-align: center;
  font-size: 1.3em;
}
.ipcp-charging-overall label {
  font-weight: 100;
}
body.widget {
  background-color: #ffffff;
  color: #555555;
  /* clearfixes */
  /* font styling */
  /* Slider */
  /* Slick Theme */
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */
}
body.widget div.widget-header:after,
body.widget div.widget-dates:after,
body.widget div.widget-product-item:after {
  content: "";
  display: table;
  clear: both;
}
body.widget body,
body.widget h1,
body.widget h2,
body.widget h3,
body.widget h4,
body.widget h5,
body.widget h6,
body.widget a,
body.widget .ui-outputlabel {
  font-family: "NotesWeb-Regular",sans-serif;
  color: #555555;
}
body.widget div.widget-container {
  padding: 5px;
}
body.widget div.widget-header {
  position: relative;
}
body.widget div.widget-poweredby {
  font-size: 0.8rem;
  margin-bottom: 10px;
}
body.widget div.widget-logo {
  width: 25%;
  float: left;
}
body.widget div.widget-partner {
  width: 25%;
  float: right;
  text-align: right;
}
body.widget div.widget-logo img,
body.widget div.widget-partner img {
  width: 100%;
}
body.widget div.widget-title {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 0px;
  left: 25%;
  right: 25%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
body.widget div.widget-title-mobile {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 10px;
  display: none;
}
body.widget div.widget-content {
  margin-bottom: 15px;
  margin-top: 15px;
}
body.widget div.widget-tenant-container,
body.widget div.widget-unit-container {
  margin-bottom: 15px;
  clear: both;
}
body.widget div.widget-tenant,
body.widget div.widget-unit {
  width: 100%;
  box-sizing: border-box;
}
body.widget div.widget-label {
  margin-bottom: 10px;
}
body.widget div.widget-label i {
  margin-right: 6px;
}
body.widget div.widget-range-container {
  margin-bottom: 15px;
  clear: both;
}
body.widget div.widget-start-date,
body.widget div.widget-end-date {
  float: left;
  width: 45%;
  box-sizing: border-box;
}
body.widget .ui-calendar .ui-calendar-input-time,
body.widget .ui-calendar-input-date,
body.widget .ui-calendar-input-datetime {
  min-width: 50px;
}
body.widget div.widget-date-separator {
  box-sizing: border-box;
  float: left;
  width: 10%;
  text-align: center;
  padding: 8px 10px;
}
body.widget div.widget-range-container input {
  font-family: "NotesWeb-Regular",sans-serif;
}
body.widget div.widget-button {
  text-align: center;
}
body.widget div.widget-button > a,
body.widget div.widget-button > span {
  width: 50%;
  border-radius: 30px !important;
  background-color: #00539f;
  color: #ffffff;
  padding: 15px !important;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.9px;
  text-align: center !important;
  border: none;
  text-decoration: none;
  display: inline-block;
}
body.widget div.widget-button > a:hover,
body.widget div.widget-button > span:hover {
  color: #ffffff;
}
body.widget div.widget-footer {
  text-align: center;
  font-size: 0.7rem;
  margin-top: 15px;
  margin-bottom: 0px;
}
body.widget div.widget-footer a {
  color: #555555;
  text-decoration: none;
}
body.widget div.widget-footer a:hover {
  text-decoration: underline;
}
body.widget span.widget-message {
  display: block;
  font-size: 0.7rem;
  background-color: #ffb9b9;
  padding: 10px;
  margin-bottom: 10px;
}
body.widget div.widget-product-list-container {
  padding: 0 25px;
}
body.widget div.widget-product-item {
  margin-bottom: 20px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
body.widget .slick-prev::before,
body.widget .slick-next::before,
body.widget .slick-dots li button::before,
body.widget .slick-dots li.slick-active button::before {
  color: #555555;
}
body.widget div.widget-productTitle {
  float: left;
  font-weight: bold;
  font-size: 1.6rem;
}
body.widget div.widget-productPrice {
  float: right;
  font-weight: bold;
  font-size: 1.6rem;
  font-style: italic;
}
body.widget div.widget-productDescription {
  clear: both;
}
body.widget a.widget-productBookNow {
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 30px;
  background-color: #00539f;
  color: #ffffff;
  padding: 10px 30px !important;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.9px;
  text-align: center !important;
  text-decoration: none;
}
body.widget div.widget-clear-results {
  text-align: center;
}
body.widget .ui-inputfield {
  font-size: 12px !important;
}
body.widget html body .ui-selectcheckboxmenu-panel,
body.widget html body .ui-selectonemenu-panel {
  min-width: 15em;
}
body.widget .ui-datepicker {
  padding: 2px !important;
}
body.widget .ui-datepicker table {
  font-size: 0.8em;
}
body.widget .ui-datepicker-calendar tbody tr td a {
  padding: 5px 0px;
}
body.widget .ui-datepicker-header {
  font-size: 14px;
  padding: 5px 0px !important;
}
@media screen and (max-width: 590px) {
  body.widget div.widget-title {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 450px) {
  body.widget div.widget-title {
    display: none;
  }
  body.widget div.widget-title-mobile {
    display: block;
  }
  body.widget div.widget-logo,
  body.widget div.widget-partner {
    width: 45%;
  }
  body.widget div.widget-productTitle {
    font-size: 1.2rem;
  }
  body.widget div.widget-productPrice {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 300px) {
  body.widget div.widget-start-date,
  body.widget div.widget-end-date {
    float: none;
    width: 100%;
  }
  body.widget div.widget-end-date {
    padding-top: 5px;
  }
  body.widget div.widget-date-separator {
    display: none;
  }
}
body.widget .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
body.widget .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
body.widget .slick-list:focus {
  outline: none;
}
body.widget .slick-list.dragging {
  cursor: hand;
}
body.widget .slick-slider .slick-track,
body.widget .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
body.widget .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.widget .slick-track:before,
body.widget .slick-track:after {
  display: table;
  content: '';
}
body.widget .slick-track:after {
  clear: both;
}
body.widget .slick-loading .slick-track {
  visibility: hidden;
}
body.widget .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
body.widget [dir='rtl'] .slick-slide {
  float: right;
}
body.widget .slick-slide img {
  display: block;
}
body.widget .slick-slide.slick-loading img {
  display: none;
}
body.widget .slick-slide.dragging img {
  pointer-events: none;
}
body.widget .slick-initialized .slick-slide {
  display: block;
}
body.widget .slick-loading .slick-slide {
  visibility: hidden;
}
body.widget .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
body.widget .slick-arrow.slick-hidden {
  display: none;
}
body.widget .slick-loading .slick-list {
  background: #fff url('./ajax-loader.gif') center center no-repeat;
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('/iPCP/resources/fonts/slick.eot');
  src: url('/iPCP/resources/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/iPCP/resources/fonts/slick.woff') format('woff'), url('/iPCP/resources/fonts/slick.ttf') format('truetype'), url('/iPCP/resources/fonts/slick.svg#slick') format('svg');
}
body.widget .slick-prev,
body.widget .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
body.widget .slick-prev:hover,
body.widget .slick-prev:focus,
body.widget .slick-next:hover,
body.widget .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
body.widget .slick-prev:hover:before,
body.widget .slick-prev:focus:before,
body.widget .slick-next:hover:before,
body.widget .slick-next:focus:before {
  opacity: 1;
}
body.widget .slick-prev.slick-disabled:before,
body.widget .slick-next.slick-disabled:before {
  opacity: 0.25;
}
body.widget .slick-prev:before,
body.widget .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.widget .slick-prev {
  left: -25px;
}
body.widget [dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
body.widget .slick-prev:before {
  content: '←';
}
body.widget [dir='rtl'] .slick-prev:before {
  content: '→';
}
body.widget .slick-next {
  right: -25px;
}
body.widget [dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
body.widget .slick-next:before {
  content: '→';
}
body.widget [dir='rtl'] .slick-next:before {
  content: '←';
}
body.widget .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
body.widget .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
body.widget .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
body.widget .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
body.widget .slick-dots li button:hover,
body.widget .slick-dots li button:focus {
  outline: none;
}
body.widget .slick-dots li button:hover:before,
body.widget .slick-dots li button:focus:before {
  opacity: 1;
}
body.widget .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.widget .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/* coloring the new duotone icons - DISABLED

:root {
  --fa-primary-color: @primary-darker1;
  --fa-secondary-color: @primary-lighter1;
}

*/
/* add parents to make rule more important than other ones, using !important prevents it from being overritten with style.display='block' */
html body {
  /* link that is rendered as display:block with some padding */
  /* links that contain boxes, buttons, etc. should not have text-decoration,etc... for inplace this can be combined with ipcp-event-none to show proper cursor */
  /** hide next prev button in lightbox */
  /** clearfix headers if we have floating buttons etc in it */
  /* style placeholder text for input,textarea fields */
  /* all */
  /* for outputtext that should have the same padding than readonly inputfields */
  /* showTooltip on disabled items with class showTootlip */
  /* schedule used for occupancy report */
  /* ribbons menu  */
  /* big and small buttons */
  /* primary button of a page/ form, this should be the most prominent option most of the times is used */
  /* if a primary button is used on a page the other buttons can be marked as secondary to given them less importance (different color) */
  /* make sure label and checkbox are always on same line */
  /* borderless grid table datalist */
}
html body .ipcp-block-link {
  display: block;
  padding: 0.25em 0;
}
html body .ipcp-box-link,
html body .ipcp-box-link > a {
  text-decoration: none;
  color: inherit;
}
html body .ipcp-box-link .ui-inplace-display {
  text-decoration: none;
  color: inherit;
}
html body .ipcp-box-link.ui-inplace .ui-inplace-display.ui-state-highlight {
  text-decoration: none;
  color: inherit;
}
html body .ui-inplace.ipcp-event-none .ui-inplace-display {
  cursor: default;
}
html body .ui-inplace-display {
  text-decoration: underline;
}
html body .ui-lightbox .ui-lightbox-nav-left,
html body .ui-lightbox .ui-lightbox-nav-right {
  display: none !important;
}
html body .ui-growl-icon-close {
  position: absolute;
}
html body .ui-fluid .ui-button {
  width: initial;
  white-space: nowrap;
}
html body .ui-fluid .ui-inputtext[size],
html body .ui-fluid .ui-inputfield[size] {
  width: 100%;
}
html body .ipcp-dialog-with-card .ui-dialog-content {
  padding: 0 !important;
}
html body .ipcp-systemMessages-editable {
  border: 1px dotted #ddd;
  margin: 1px;
  padding: 1px;
}
html body .ipcp-systemMessages-editable:hover {
  border: 1px solid #00539f;
}
html body .ipcp-icon-warning {
  color: #F9BF08 !important;
}
html body .ipcp-icon-error {
  color: #CE2246 !important;
}
html body .ipcp-warning-box i.ipcp-icon-warning,
html body .ipcp-error-box i.ipcp-icon-warning,
html body .ipcp-warning-box i.ipcp-icon-error,
html body .ipcp-error-box i.ipcp-icon-error {
  font-size: 120px;
}
html body table.ui-datepicker-calendar {
  border-spacing: 0;
}
html body table.ui-datepicker-calendar tbody tr td.ui-datepicker-range {
  background: #80a9cf !important;
  color: #ffffff !important;
  border-color: transparent;
}
html body table.ui-datepicker-calendar tbody tr td.ui-datepicker-range.ui-datepicker-range-start a,
html body table.ui-datepicker-calendar tbody tr td.ui-datepicker-range.ui-datepicker-range-end a {
  background: #407eb7 !important;
  border-radius: 2px;
}
html body table.ui-datepicker-calendar tbody tr td.ui-datepicker-range.ui-datepicker-range-start {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
html body table.ui-datepicker-calendar tbody tr td.ui-datepicker-range.ui-datepicker-range-end {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
html body table.ui-datepicker-calendar tbody tr td.ui-datepicker-range a {
  background: transparent !important;
  color: inherit !important;
}
html body .ui-calendar .ui-calendar-input-date {
  display: block;
  width: 100%;
}
html body .ui-calendar .ui-calendar-input-datetime {
  display: inline-block;
  width: 60%;
  box-sizing: border-box;
}
html body .ui-calendar .ui-calendar-input-time {
  display: inline-block;
  width: 40%;
  box-sizing: border-box;
}
html body .ui-datepicker.ui-datepicker-multi {
  width: auto !important;
}
html body .ui-dialog {
  max-width: 100%;
}
html body .ui-dialog.ipcp-dialog-big {
  min-width: 50%;
}
html body > .ui-blockui {
  position: fixed;
}
html body > .ui-blockui-content {
  max-width: 500px;
  position: fixed;
  top: 45% !important;
}
html body .ui-tooltip,
html body .ui-confirm-dialog {
  max-width: 500px;
}
html body .ipcp-corner-no-top {
  border-top: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
html body .ui-tabmenu.ipcp-bottom-dock,
html body .ui-tabmenu.ipcp-bottom-dock .ui-tabmenu-nav {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
html body dt {
  font-weight: bold;
  padding-bottom: 5px;
}
html body dd {
  padding-bottom: 10px;
}
html body .ui-notificationbar {
  z-index: 1000;
  height: auto !important;
}
html body .ui-widget-header::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
html body .ui-message.inline {
  display: inline-block;
}
html body .ui-messages.inline .ui-messages-info,
html body .ui-messages.inline .ui-messages-warn,
html body .ui-messages.inline .ui-messages-error,
html body .ui-messages.inline .ui-messages-fatal {
  margin: 0;
  padding: 5px;
}
html body ::-webkit-input-placeholder {
  color: #BBB;
}
html body ::-moz-placeholder {
  color: #BBB;
}
html body ::placeholder {
  color: #BBB;
}
html body input[readonly],
html body input[readonly="readonly"],
html body textarea[readonly],
html body textarea[readonly="readonly"] {
  border-color: transparent !important;
  cursor: default;
}
html body input[readonly]::-webkit-input-placeholder,
html body input[readonly="readonly"]::-webkit-input-placeholder,
html body textarea[readonly]::-webkit-input-placeholder,
html body textarea[readonly="readonly"]::-webkit-input-placeholder {
  color: transparent;
}
html body input[readonly]::-moz-placeholder,
html body input[readonly="readonly"]::-moz-placeholder,
html body textarea[readonly]::-moz-placeholder,
html body textarea[readonly="readonly"]::-moz-placeholder {
  color: transparent;
}
html body input[readonly]::placeholder,
html body input[readonly="readonly"]::placeholder,
html body textarea[readonly]::placeholder,
html body textarea[readonly="readonly"]::placeholder {
  color: transparent;
}
html body .ipcp-input-readonly {
  padding: 5px;
  border: 0;
  display: block;
}
html body .ipcp-input-html {
  font-family: monospace !important;
  font-size: 0.8em;
}
html body .break-all-words {
  word-break: break-all;
}
html body .ui-menu {
  min-width: 18em;
  width: auto !important;
}
html body .ui-selectcheckboxmenu-panel,
html body .ui-selectonemenu-panel {
  min-width: 18em;
}
html body .ui-datatable .ui-selectcheckboxmenu-panel,
html body .ui-datatable .ui-selectonemenu-panel {
  min-width: 0;
}
html body .ui-columntoggler {
  min-width: 18em;
  height: auto !important;
  display: none;
}
html body .ui-menuitem-selected {
  font-style: bold;
}
html body .ui-state-disabled.showTooltip {
  pointer-events: all;
}
html body div.fc-view .schedule-free {
  background-color: #03A9F4;
}
html body div.fc-view .schedule-full {
  background-color: #CE2246;
}
html body div.ui-selectonebutton .ui-state-active {
  font-weight: bold;
  background-color: #009900 !important;
}
html body div.ui-selectonebutton .ui-state-hover {
  background-color: #006600 !important;
}
html body div.ui-selectonebutton .ui-state-focus {
  outline: none !important;
}
html body div.ui-chips ul.ui-chips-container {
  width: auto;
}
html body div.ui-chips ul.ui-chips-container .ui-chips-token {
  height: 19px;
  border-radius: 15px;
  background: #B3DAFF;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
html body div.ui-chips ul.ui-chips-container .ui-chips-token .ui-chips-token-icon {
  right: 0.4em;
}
html body div.ui-chips ul.ui-chips-container .ui-chips-input-token {
  height: 19px;
  margin-left: 5px;
  padding: 0;
}
html body div.ui-chips ul.ui-chips-container .ui-chips-input-token input {
  padding: 0;
  margin: 0;
}
html body .ui-tabs.ipcp-tabless .ui-tabs-panel {
  padding: 0 !important;
}
html body .ui-ribbon.ipcp-tabless .ui-tabs-nav li,
html body .ui-tabs.ipcp-tabless .ui-tabs-nav li {
  display: none;
}
html body .ui-ribbon {
  /* for inline fileupload buttons show no spacing: mode="advanced" auto="true" */
}
html body .ui-ribbon .ui-fileupload-buttonbar {
  padding: 0;
}
html body .ui-ribbon .ui-fileupload-content {
  position: absolute;
  left: 0px;
  top: 80px;
  z-index: 1000;
  background: white;
}
html body .ui-ribbon .ui-fileupload-content .ui-messages .ui-messages-close {
  margin-top: 5px;
}
html body .ui-ribbon-bigbutton {
  width: auto;
  min-width: 5em;
  padding-left: 5px;
  padding-right: 5px;
}
html body .ui-ribbon-bigbutton.medium {
  min-width: 7.5em;
}
html body .ui-ribbon-bigbutton.large {
  min-width: 10em;
}
html body .ui-ribbon-bigbutton .fa,
html body .ui-ribbon-bigbutton .fab,
html body .ui-ribbon-bigbutton .fal,
html body .ui-ribbon-bigbutton .far,
html body .ui-ribbon-bigbutton .fas,
html body .ui-ribbon-bigbutton .fad,
html body .ui-ribbon-bigbutton .fat {
  font-size: 2.2em;
  margin-top: -22px !important;
}
html body .ui-ribbon-bigbutton .ui-button-text {
  padding-top: 2.7em;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body .ui-ribbon.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
  }
  html body .ui-ribbon.ui-tabs .ui-ribbon-group-label {
    display: none;
  }
  html body .ui-ribbon.ui-tabs .ui-ribbon-group-content {
    margin-bottom: 0;
  }
  html body .ui-ribbon.ui-tabs .ui-ribbon-group {
    border-right: 0;
  }
  html body .ui-ribbon.ui-tabs .ui-ribbon-group .ui-ribbon-group-content {
    margin-bottom: 0;
    padding-bottom: 3px;
  }
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.fa,
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.fab,
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.fal,
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.far,
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.fas,
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.fad,
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-icon.fat {
    margin: -15px 0 0 -17px !important;
  }
  html body .ui-ribbon.ui-tabs .ui-ribbon-bigbutton .ui-button-text {
    padding: 2.3em 5px 0px !important;
  }
}
html body .ui-button.ui-button-big {
  padding: 0.3em;
  font-size: 1.7em;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  html body .ui-button.ui-button-big {
    padding: 0.1em;
    font-size: 1.5em;
  }
}
html body .ui-button.ui-button-big.ui-button-text-icon-left .ui-button-text {
  padding: 10px 20px 10px 50px !important;
}
html body .ui-button.ui-button-big .ui-button-icon-left.fa,
html body .ui-button.ui-button-big .ui-button-icon-right.fa,
html body .ui-button.ui-button-big .ui-button-icon-left.fab,
html body .ui-button.ui-button-big .ui-button-icon-right.fab,
html body .ui-button.ui-button-big .ui-button-icon-left.fal,
html body .ui-button.ui-button-big .ui-button-icon-right.fal,
html body .ui-button.ui-button-big .ui-button-icon-left.far,
html body .ui-button.ui-button-big .ui-button-icon-right.far,
html body .ui-button.ui-button-big .ui-button-icon-left.fas,
html body .ui-button.ui-button-big .ui-button-icon-right.fas,
html body .ui-button.ui-button-big .ui-button-icon-left.fad,
html body .ui-button.ui-button-big .ui-button-icon-right.fad,
html body .ui-button.ui-button-big .ui-button-icon-left.fat,
html body .ui-button.ui-button-big .ui-button-icon-right.fat {
  font-size: 20px;
  margin-top: -10px !important;
}
html body .ui-button.ui-button-big.ui-button-big.ui-button-text-icon-right .ui-button-text {
  padding: 10px 50px 10px 20px !important;
}
html body .ui-button.ui-button-small .ui-button-text,
html body .ui-button-small .ui-button .ui-button-text {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
@media (max-width: 575px) {
  html body .ui-button.ui-button-text-icon-left.HideTextOnPhone .ui-button-text {
    visibility: hidden;
    width: 0;
    padding-right: 10px !important;
  }
  html body .ui-button.ui-button-text-icon-right.HideTextOnPhone .ui-button-text {
    visibility: hidden;
    width: 0;
    padding-left: 0px !important;
  }
}
html body .ui-chkbox .ui-chkbox-label {
  max-width: calc(100% - 45px);
}
html body .ui-chkbox-box.ui-state-disabled + .ui-chkbox-label {
  cursor: default;
}
html body .borderless {
  border: 0 none;
  padding: 0;
  margin: 0;
}
html body .borderless > .ui-panel-footer {
  padding-left: 0;
  padding-right: 0;
}
html body .borderless > .ui-datalist-content > ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
html body .borderless > .ui-panel-content,
html body .borderless > .ui-datagrid-content,
html body .borderless > .ui-datalist-content,
html body .borderless > .ui-widget-content {
  padding: 0;
  border: 0 none;
}
html body .scanner-container {
  border: 0 !important;
  width: 100%;
  height: 100%;
}
/** ParkingAccessInformation START */
.ipcp-license-plate-container {
  display: inline-block;
  vertical-align: middle;
}
.ipcp-license-plate-country {
  display: inline-block;
  vertical-align: bottom;
}
.LICENSEPLATE.image {
  position: relative;
  display: inline-block;
  padding: 6px 4px 6px 0.9em;
  font-size: 20px;
  min-width: 9em;
  min-height: 38px;
  border: 1px solid black;
  border-radius: 5px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
  text-align: center;
}
.LICENSEPLATE.image:hover,
.LICENSEPLATE.image:focus,
.LICENSEPLATE.image:focus-within {
  border-bottom-color: #00539f;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.LICENSEPLATE.image::before {
  font-size: 0.5em;
  color: white;
  position: absolute;
  left: 0;
  bottom: 0.25em;
  width: 1.5em;
  text-align: center;
}
.LICENSEPLATE.image.custom {
  padding: 6px 4px 6px 4px;
}
.LICENSEPLATE.image.eu {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
}
.LICENSEPLATE.image.at {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
}
.LICENSEPLATE.image.at::before {
  content: "A";
}
.LICENSEPLATE.image.de {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
}
.LICENSEPLATE.image.de::before {
  content: "D";
}
.LICENSEPLATE.image.lu {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
}
.LICENSEPLATE.image.lu::before {
  content: "L";
}
.LICENSEPLATE.image.be {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
}
.LICENSEPLATE.image.be::before {
  content: "B";
}
.LICENSEPLATE.image.nl {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
}
.LICENSEPLATE.image.nl::before {
  content: "NL";
}
.LICENSEPLATE.image.gb {
  background-image: url("/iPCP/resources/images/kfz_flag_eu.svg");
  background-color: #f2ba00;
}
.LICENSEPLATE.image.gb .ui-inputfield {
  text-shadow: 1px 1px #ffe153;
  color: #000;
}
.LICENSEPLATE.image.gb .ui-inputfield::placeholder {
  color: #777;
}
.LICENSEPLATE.image.gb::before {
  content: "GB";
}
.LICENSEPLATE.image.ch {
  background-image: url("/iPCP/resources/images/kfz_flag_ch.png");
  background-size: 12px auto;
  background-position: 2px center;
}
.LICENSEPLATE.image[class^="us_state"],
.LICENSEPLATE.image[class*=" us_state"] {
  padding: 6px 4px 6px 4px;
}
.LICENSEPLATE.image .ui-inputfield[size="1"] {
  width: 1.5em;
}
.LICENSEPLATE.image .ui-inputfield[size="2"] {
  width: 2em;
}
.LICENSEPLATE.image .ui-inputfield[size="3"] {
  width: 2.5em;
}
.LICENSEPLATE.image .ui-inputfield[size="4"] {
  width: 3em;
}
.LICENSEPLATE.image .ui-inputfield[size="5"] {
  width: 3.5em;
}
.LICENSEPLATE.image .ui-inputfield[size="6"] {
  width: 4em;
}
.LICENSEPLATE.image .ui-inputfield[size="7"] {
  width: 4.5em;
}
.LICENSEPLATE.image .ui-inputfield[size="8"] {
  width: 5em;
}
.LICENSEPLATE.image .ui-inputfield[size="9"] {
  width: 5.5em;
}
.LICENSEPLATE.image .ui-inputfield[size="10"] {
  width: 6em;
}
.LICENSEPLATE.image .ui-inputfield {
  width: auto;
  padding: 0px 1px !important;
  font-size: inherit;
  background: transparent;
  border-bottom: none;
  height: 100%;
  box-sizing: border-box;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}
.LICENSEPLATE.image .ui-inputfield::placeholder {
  text-shadow: 0 0 transparent;
}
/** ParkingAccessInformation css END */
.ipcp-input-attribute {
  display: inline-block;
}
.ipcp-input-attribute:only-child {
  display: block;
}
.ipcp-input-attribute.ui-inputgroup,
.ipcp-input-attribute.ui-inputgroup:only-child {
  display: -webkit-flex;
  display: flex;
}
.ui-fluid .ipcp-input-attribute,
.ipcp-field label + .ipcp-input-attribute {
  width: 100%;
}
.ipcp-field.ui-inputgroup {
  flex-wrap: wrap;
  flex-direction: row;
  align-items: end;
}
.ipcp-field.ui-inputgroup * {
  flex: 1 1 content;
}
.ipcp-field.ui-inputgroup .label-floatlabel {
  flex: 0 1 100%;
}
.ipcp-field.ui-inputgroup .ui-inputgroup-addon {
  flex: 0 0 content;
}
.ipcp-field .ui-selectbooleancheckbox {
  margin-top: 6px;
  margin-bottom: 6px;
}
.ipcp-status .ipcp-status-icon {
  margin-right: 0.25em;
  margin-left: 0.25em;
  font-weight: 900;
}
.ipcp-status .ipcp-status-icon.default {
  color: #555555;
}
.ipcp-status .ipcp-status-icon.colorWarn,
.ipcp-status .ipcp-status-icon.warning {
  color: #F9BF08;
}
.ipcp-status .ipcp-status-icon.colorError,
.ipcp-status .ipcp-status-icon.error {
  color: #CE2246;
}
.ipcp-status .ipcp-status-icon.colorInfo,
.ipcp-status .ipcp-status-icon.info {
  color: #03A9F4;
}
.ipcp-status.with-label .ipcp-status-icon {
  display: none;
}
.ipcp-status .ipcp-status-label {
  border-radius: 8px;
  padding: 2px 8px;
  color: white;
  font-size: 10px;
  line-height: normal;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
}
.ipcp-status.default .ipcp-status-label {
  background-color: #555555;
}
.ipcp-status.colorWarn .ipcp-status-label,
.ipcp-status.warning .ipcp-status-label {
  background-color: #F9BF08;
}
.ipcp-status.colorError .ipcp-status-label,
.ipcp-status.error .ipcp-status-label {
  background-color: #CE2246;
}
.ipcp-status.colorInfo .ipcp-status-label,
.ipcp-status.info .ipcp-status-label {
  background-color: #03A9F4;
}
/* Icon Effects Effect 1 */
.hi-icons.hi-icons-left {
  text-align: center;
}
.hi-icon-container {
  display: inline-block;
  text-align: center;
  margin-left: 8px;
  margin-right: 8px;
  text-decoration: none;
  color: #ffffff;
}
.hi-icon-container.ui-commandlink {
  color: #ffffff;
}
.hi-icon-container:hover,
.hi-icon-container.ui-commandlink:hover {
  color: #ffffff;
}
.hi-icon-container .hi-icon {
  display: inline-block;
  cursor: pointer;
  margin: 0.5em 1em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.hi-icon-container .hi-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.hi-icon-container .hi-icon:before {
  speak: none;
  font-size: 1em;
  line-height: 2em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}
/* Effect 1 */
.hi-icon-effect-1 .hi-icon-container .hi-icon {
  background: rgba(255, 255, 255, 0.2);
  transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-1 .hi-icon-container .hi-icon:after {
  top: -7px;
  left: -7px;
  padding: 7px;
  box-shadow: 0 0 0 4px #ffffff;
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(0.8);
  opacity: 0;
}
/* Effect 1a */
.hi-icon-effect-1a .hi-icon-container .hi-icon:hover,
.hi-icon-effect-1a .hi-icon-container .hi-icon.selected,
.hi-icon-effect-1a .hi-icon-container .selected .hi-icon,
.hi-icon-effect-1a .hi-icon-container.selected .hi-icon {
  background: #ffffff;
  color: #00539f;
}
.hi-icon-effect-1a .hi-icon-container .hi-icon:hover:after,
.hi-icon-effect-1a .hi-icon-container .hi-icon.selected:after,
.hi-icon-effect-1a .hi-icon-container .selected .hi-icon:after,
.hi-icon-effect-1a .hi-icon-container.selected .hi-icon:after {
  transform: scale(1);
  opacity: 1;
}
.ipcp-cashpoint-link {
  font-size: 20pt;
}
.ipcp-cashpoint-link.red {
  color: red;
}
html .ui-treetable table tbody .ui-state-highlight td {
  color: inherit !important;
  background-color: inherit !important;
}
html body .ipcp-separator-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
}
html body .ipcp-separator-text:before {
  content: '';
  background-color: #E0E0E0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
html body .ipcp-separator-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #555555;
  background-color: #ffffff;
}
div.ipcp-visible-tooltip {
  position: absolute;
  background: white;
  color: #a9a9a9;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 10px;
  padding: 1px 5px;
}
.ipcp-chart {
  position: relative;
}
.ipcp-chart .ipcp-chart-download {
  position: absolute;
  top: 10px;
  right: 10px;
}
.ipcp-profile-picture {
  width: auto;
  text-align: center;
}
.ipcp-profile-picture i,
.ipcp-profile-picture span {
  font-size: 150px;
  background-color: #6698c5;
  color: #00539f !important;
  width: 100%;
  padding: 30px 0;
  margin: 0 !important;
}
.ipcp-profile-picture img {
  width: 100% !important;
}
html body .ui-menu.ipcp-profile-menu {
  min-width: 0;
}
html body .ui-menu.ipcp-profile-menu .ui-menuitem-link.ui-state-active {
  color: #ffffff;
  background-color: #00539f;
}
.ui-widget-header .ui-overlaypanel a {
  color: #00539f;
}
.ui-widget-header .ui-overlaypanel a:hover {
  color: #00539f;
}
@media (max-width: 575px) {
  /* allow whitespace wrapping for phone displays otherwise some select entries won't fit the whole screen width */
  .ui-selectonemenu .ui-selectonemenu-label {
    white-space: normal;
  }
  .ipcp-table-summary .ui-datatable-tablewrapper {
    margin: 0;
  }
  .ipcp-table-summary .ui-datatable-tablewrapper table tbody tr.ipcp-row-main td {
    font-size: 0.9rem;
  }
  .orderCart .ipcp-button-bar > button,
  .orderCart .ipcp-button-bar > .ui-splitbutton {
    float: none;
    box-sizing: border-box;
    margin-bottom: 4px;
    width: 100%;
    margin-right: 0.1em;
  }
  .orderCart .ipcp-button-bar > button button,
  .orderCart .ipcp-button-bar > .ui-splitbutton button {
    width: 100%;
  }
}
:root {
  --main-color: #00539f;
  --main-color-dark: #003362;
  --main-color-light: #6698c5;
  --main-color-lighter: #00539f;
  --main-text-color: #ffffff;
  --main-border-color: #E0E0E0;
  --text-color-light: #555555;
  --text-color-dark: #ffffff;
  --text-color-accent: #555555;
  --bg-color-primary: #ffffff;
  --bg-color-primary-dark: #f5f5f5;
  --bg-color-primary-darker: #ededed;
  --bg-color-secondary: #ffffff;
  --font-size: 14px;
  --font-size-larger: 18px;
  --highlight-light: rgba(0, 0, 0, 0.1);
  --highlight-dark: rgba(255, 255, 255, 0.1);
  --highlight-primary: var(--highlight-dark);
}
/* general rio theme settings */
/** Components **/
/* breadcrumb */
/* datatable */
/* columntoggler */
/** treetable **/
/* datagrid */
/** datalist **/
/** paginator **/
/* schedule */
/** picklist **/
/* orderlist */
/* carousel */
/* tree */
/* accordion */
/* scrollpanel */
/* toolbar */
/* notification bar */
/* tabview */
/* fileupload */
/* inplace */
/* dashboard */
/* datascroller */
/* layout */
/* dialog */
/* overlaypanel */
/* lightbox */
/* fieldset */
/* outputlabel */
/* input field */
/* password */
/* spinner */
/* selectonemenu */
/* selectcheckboxmenu */
/* button */
/* menu */
/* message */
/* panel */
/* panelgrid */
/* growl */
/* log */
/* checkbox */
/* radio */
/* separator */
/* inputswitch */
/* selectonelistbox */
/* selectmanymenu */
/* autocomplete */
/* multiselectlistbox */
/* slider */
/* rating */
/* calendar */
/* tooltip */
/* link */
/* editor */
/* wizard */
/* galleria */
/* progressbar */
/* clock */
/* terminal */
/* keyboard */
/* tag cloud */
/** START of actual CSS stylesheet */
body {
  background-color: #F5F5F5;
}
/* for outputtext that should have the same padding than readonly inputfields */
html body {
  /* ipcp specific */
}
html body .ui-sidebar-close,
html body .ui-sidebar-close:hover,
html body .ui-sidebar-close:focus {
  padding: 0;
}
html body .ipcp-profile-tabs.ui-tabmenu {
  padding-left: 0;
  padding-right: 0;
}
html body div.ipcp-button-bar {
  background-color: #f5f5f5;
  font-size: 14px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border: 1px solid #E0E0E0;
  border-top: 0px solid transparent;
  color: #555555;
  margin-top: 0px;
}
html body .ui-inputgroup .ui-inputgroup-main {
  flex-grow: 1;
  width: auto;
}
@media (max-width: 575px) {
  html body .ui-inputgroup .ui-inputgroup-main {
    width: 100%;
  }
}
html body .ui-inputgroup .ui-inputgroup-nogrow {
  flex-grow: 0;
}
html body .ui-inputgroup .ui-inputgroup-addon {
  border: 0;
  background-color: #ededed;
  flex-grow: 0;
  padding: 9px;
  border-bottom: 1px solid #c2c2c2;
  line-height: 19px;
}
html body .ui-inputgroup .ui-inputgroup-addon.ui-button,
html body .ui-inputgroup .ui-selectonemenu.ui-inputgroup-addon {
  padding: inherit;
  border-radius: 0px !important;
}
html body .ui-inputgroup .ui-inputgroup-addon.ui-selectoneradio {
  padding: 5px 6px 5px 6px;
  border-radius: 0px !important;
}
html body .ui-inputgroup .ui-inputgroup-addon.ipcp-input-attribute-BOOLEAN,
html body .ui-inputgroup .ui-inputgroup-addon.ui-selectbooleancheckbox {
  padding: 6px 6px 3px 6px;
  margin-top: 0;
  margin-bottom: 0;
}
html body .ui-inputgroup .ui-inputgroup-addon.ipcp-input-attribute-BOOLEAN .ui-chkbox .ui-chkbox-box,
html body .ui-inputgroup .ui-inputgroup-addon.ui-selectbooleancheckbox .ui-chkbox .ui-chkbox-box {
  margin-right: 5px;
  margin-left: 5px;
}
html body .ipcp-input-readonly {
  padding: 9px;
  border: 0;
  display: block;
  font-size: 16px;
  border-bottom: 1px solid #E0E0E0;
  min-height: 1.25em;
  line-height: 1.25em;
}
html body input.ui-inputfield[readonly],
html body input.ui-inputfield[readonly="readonly"],
html body textarea.ui-inputtextarea[readonly],
html body textarea.ui-inputtextarea[readonly="readonly"],
html body .ui-state-readonly:not(.ui-chkbox-box):not(.ipcp-field) {
  background: transparent !important;
  border-bottom: 1px solid #E0E0E0 !important;
  opacity: 1 !important;
}
html body input.ui-inputfield[readonly] .ui-selectonemenu-label,
html body input.ui-inputfield[readonly="readonly"] .ui-selectonemenu-label,
html body textarea.ui-inputtextarea[readonly] .ui-selectonemenu-label,
html body textarea.ui-inputtextarea[readonly="readonly"] .ui-selectonemenu-label,
html body .ui-state-readonly:not(.ui-chkbox-box):not(.ipcp-field) .ui-selectonemenu-label,
html body input.ui-inputfield[readonly] .ui-selectcheckboxmenu-label,
html body input.ui-inputfield[readonly="readonly"] .ui-selectcheckboxmenu-label,
html body textarea.ui-inputtextarea[readonly] .ui-selectcheckboxmenu-label,
html body textarea.ui-inputtextarea[readonly="readonly"] .ui-selectcheckboxmenu-label,
html body .ui-state-readonly:not(.ui-chkbox-box):not(.ipcp-field) .ui-selectcheckboxmenu-label {
  background: transparent !important;
}
html body input.ui-inputfield[readonly] .ui-selectonemenu-trigger,
html body input.ui-inputfield[readonly="readonly"] .ui-selectonemenu-trigger,
html body textarea.ui-inputtextarea[readonly] .ui-selectonemenu-trigger,
html body textarea.ui-inputtextarea[readonly="readonly"] .ui-selectonemenu-trigger,
html body .ui-state-readonly:not(.ui-chkbox-box):not(.ipcp-field) .ui-selectonemenu-trigger,
html body input.ui-inputfield[readonly] .ui-selectcheckboxmenu-trigger,
html body input.ui-inputfield[readonly="readonly"] .ui-selectcheckboxmenu-trigger,
html body textarea.ui-inputtextarea[readonly] .ui-selectcheckboxmenu-trigger,
html body textarea.ui-inputtextarea[readonly="readonly"] .ui-selectcheckboxmenu-trigger,
html body .ui-state-readonly:not(.ui-chkbox-box):not(.ipcp-field) .ui-selectcheckboxmenu-trigger {
  display: none;
}
html body .ui-state-readonly.ui-selectbooleancheckbox {
  border-bottom: none !important;
}
html body .ui-state-readonly.ui-selectbooleancheckbox .ui-chkbox-box {
  opacity: 1 !important;
}
html body .ui-state-readonly.ui-selectbooleancheckbox .ui-chkbox-label {
  cursor: default;
}
html body .rate-price-save {
  font-size: 1em;
  display: inline-block;
  background-color: var(--main-color);
  color: var(--main-text-color);
  border-radius: 5px;
  background-clip: padding-box;
  padding: 5px;
  margin-left: 0.5em;
}
html body .rate-price-save a {
  color: var(--main-text-color) !important;
}
html body .rate-price-save a:hover {
  color: var(--main-text-color) !important;
}
.ui-paginator .ipcp-header-icon {
  margin-top: 0.5em;
}
.ui-paginator .ui-commandlink:hover {
  color: inherit;
  opacity: 0.5;
}
.ui-paginator .ui-chkbox .ui-chkbox-label {
  color: inherit;
}
.ipcp-header-icon {
  vertical-align: middle;
  overflow: visible !important;
  margin-right: 0.5em;
  display: inline-block;
  text-decoration: none !important;
}
.ipcp-header-icon .fa,
.ipcp-header-icon .fab,
.ipcp-header-icon .fal,
.ipcp-header-icon .far,
.ipcp-header-icon .fas,
.ipcp-header-icon .fad,
.ipcp-header-icon .fat {
  height: 1em;
  width: 1em;
  line-height: 1em;
  padding: 0.5em 0.1em;
}
.ipcp-header-icon.ui-commandlink {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 0 0.5em;
}
.ipcp-header-icon.ui-commandlink:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.ipcp-input-aligned {
  display: inline-block;
  margin-bottom: 9px;
  margin-top: 9px;
}
div.ipcp-filter-panel .ipcp-filter-adjustmenu {
  margin-top: -10px;
  margin-bottom: -10px;
}
/* ------------- IPCP END ---------------------- */
/*
inputswitch-border-color: #1E88E5;
inputswitch-color: contrast(inputswitch-bg-color, text-color-light, text-color-dark);
inputswitch-bg-color: #1E88E5;
inputswitch-font-size: @ipcp-input-font-size;
inputswitch-on-color: #BBDEFB;
inputswitch-off-color: #BBDEFB;

inputswitch-handle-border-color: #FFFFFF;
inputswitch-handle-bg-color: #FFFFFF;
inputswitch-handle-bg-color-focus: #BBDEFB;
*/
.ui-widget .ui-widget {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  transition: all 0.5s ease;
}
a,
.ui-widget-content a {
  color: #00539f;
}
a:hover {
  color: #00539f;
}
.ui-widget-header {
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-hover {
  transition: all 0.5s ease;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
input[type="text"].ui-state-error,
input[type="text"]:invalid,
input[type="email"]:invalid,
input[type="password"].ui-state-error,
input[type="password"]:invalid,
.ui-inputtextarea.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border-bottom-color: #CE2246 !important;
  color: #CE2246;
  box-shadow: none;
}
.ui-widget-content label.ui-state-error {
  border: 0 !important;
  box-shadow: none;
}
label.ui-state-error {
  color: #CE2246 !important;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #2b2b2b;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #2b2b2b;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.5;
  background-image: none;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 5px;
}
/* Overlays */
.ui-widget-overlay {
  background: #444444;
  opacity: 0.3;
}
.ui-widget-shadow {
  margin: 4px 0 0 4px;
  padding: 0px;
  background: #aaaaaa;
  opacity: 0.3;
  border-radius: 4px;
  background-clip: padding-box;
}
label {
  font-weight: normal !important;
}
/*==============================================================================================================================================================*/
/*==============================================================================================================================================================*/
/*=========================================================== STYLES FOR RIO THEME ===================================================================*/
/*==============================================================================================================================================================*/
/*==============================================================================================================================================================*/
.ui-shadow,
#ui-datepicker-div {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;
}
/* Style For BlockUI */
.ui-blockui-content {
  background-color: #fff;
  opacity: 0.9;
}
/*Style For Breadcrumb ------------------------------------------------------------------------------------- */
.ui-breadcrumb {
  background-image: initial !important;
  padding: 10px 16px 8px 16px !important;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #ffffff;
  border: solid 1px #E0E0E0;
}
.ui-breadcrumb ul li {
  z-index: 990 !important;
  margin-right: 10px !important;
}
.ui-breadcrumb ul li .ui-menuitem-link:hover {
  color: #00539f;
}
.ui-breadcrumb ul li .ui-menuitem-link {
  font-size: 16px;
  color: #555555;
  letter-spacing: 0px;
  font-weight: 400;
  text-decoration: none;
}
/*Style For DataTable ------------------------------------------------------------------------------------- */
.ui-datatable {
  border: solid 0px #E0E0E0;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #ffffff;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-datatable .ui-datatable-sticky {
  border: 0px;
  padding: 0px;
}
.ui-datatable .ui-datatable-sticky.ui-sticky {
  top: 63px !important;
}
.ui-datatable .ui-datatable-sticky:hover {
  border: 0px !important;
}
.ui-datatable .ui-datatable-odd {
  background-color: #ededed;
}
.ui-datatable .ui-datatable-even {
  background-color: #ffffff;
}
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-subtable-header {
  color: #ffffff;
  background-color: #00539f;
  border-radius: 1px !important;
  font-size: 18px;
  padding: 15px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-datatable .ui-datatable-header .ui-button {
  margin-top: -7.5px !important;
  margin-bottom: -7.5px !important;
  border: solid 1px #FFFFFF;
}
.ui-datatable .ui-datatable-summaryrow {
  color: #ffffff;
  background-color: #00539f;
  border-radius: 1px !important;
  font-size: 18px;
  padding: 15px 10px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-datatable .ui-datatable-summaryrow td {
  color: #ffffff;
}
.ui-datatable .ui-datatable-data tr.ui-state-hover a {
  color: #00539f;
}
.ui-datatable .ui-datatable-data tr.ui-state-highlight a {
  color: #ffffff;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ui-datatable .ui-datatable-sticky.ui-sticky {
    top: 49px !important;
  }
}
.ui-datatable .ui-datatable-scrollable-header,
.ui-datatable .ui-datatable-scrollable-footer {
  color: #555555;
  background-color: #FBFCFD;
  outline: none;
  transition: all 0.5s ease;
}
.ui-datatable .ui-datatable-scrollable-header {
  border-radius: 1px 1px 0px 0px;
  border: 0px solid #000000;
}
.ui-datatable .ui-datatable-scrollable-footer {
  border-radius: 0px 0px 1px 1px;
  border: 0px solid #000000;
}
.ui-datatable-frozenlayout-left .ui-datatable-scrollable-header,
.ui-datatable-frozenlayout-left .ui-datatable-scrollable-footer {
  border-radius: 0px !important;
}
.ui-datatable-frozenlayout-right .ui-datatable-scrollable-header,
.ui-datatable-frozenlayout-right .ui-datatable-scrollable-footer {
  border-radius: 0px !important;
}
.ui-datatable table tbody td {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  padding: 10px 10px !important;
}
.ui-datatable-fs .ui-datatable-frozenlayout-right,
.ui-datatable-fs .ui-datatable-frozenlayout-left {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  padding: 0px !important;
}
.ui-datatable-fs .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead tr th,
.ui-datatable-fs .ui-datatable-frozenlayout-right .ui-datatable-scrollable-container .ui-datatable-scrollable-footer .ui-datatable-scrollable-footer-box table tfoot tr td {
  border-left-color: #C1D5DF !important;
}
.ui-datatable table {
  border-collapse: collapse;
  font-size: 14px;
}
.ui-datatable table thead tr th,
.ui-datatable table thead tr th {
  color: #555555;
  background-color: #ededed;
  border: solid 1px #d4d4d4;
  outline: none;
  padding: 10px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  font-size: 14px;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .ui-datatable table thead tr th,
  .ui-datatable table thead tr th {
    white-space: normal;
  }
}
.ui-datatable table thead tr th.ui-state-hover,
.ui-datatable table thead tr th.ui-state-active,
.ui-datatable .ui-datatable-sticky table thead tr th.ui-state-hover,
.ui-datatable .ui-datatable-sticky table thead tr th.ui-state-active {
  background-color: #d4d4d4 !important;
}
.ui-datatable table thead tr .ui-chkbox-box.ui-state-hover,
.ui-datatable table thead tr .ui-chkbox-box.ui-state-active {
  color: #FFFFFF;
}
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-active,
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-hover {
  background-color: transparent;
}
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-active .ui-icon-triangle-1-n,
.ui-datatable table thead tr th .ui-column-customfilter .ui-spinner-button.ui-state-active .ui-icon-triangle-1-s {
  background-position: center !important;
  background-size: 80% !important;
  margin-left: 12px !important;
  margin-top: -8px !important;
}
.ui-datatable table tbody tr td {
  color: #555555;
  border: solid 1px #E0E0E0;
  font-size: 14px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  transition: all 0.5s ease;
}
.ui-datatable table tbody .ui-state-hover > td {
  background-color: #ededed;
}
.ui-datatable table tbody .ui-state-highlight > td {
  background-color: #00539f;
  color: #ffffff;
}
.ui-datatable table tbody .ui-state-highlight.ui-row-editing > td {
  background-color: #00539f;
  color: #ffffff;
}
.ui-datatable table tr.small td {
  padding: 4px 10px !important;
}
.ui-datatable table tfoot tr td {
  color: #555555;
  background-color: #f5f5f5;
  border: solid 1px #dbdbdb;
  outline: none;
  padding: 10px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
}
.ui-datatable-footer {
  background-color: #f5f5f5;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 10px !important;
  border-radius: 1px !important;
}
.ui-datatable-tablewrapper {
  margin: 0;
  overflow: auto;
}
.ui-editable-column.ui-state-error {
  background-color: #CE2246 !important;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ui-datatable-reflow .ui-datatable-data td {
    border: 0px !important;
  }
}
.ui-columntoggler {
  border: solid 1px #E0E0E0;
  background-color: #FBFCFD;
  color: #555555;
}
.ui-columntoggler .ui-columntoggler-item {
  margin: 4px 0;
  padding: 0px 5px;
  cursor: default;
}
.ui-columntoggler .ui-columntoggler-item label {
  cursor: pointer;
  line-height: 26px;
}
.ui-columntoggler .ui-columntoggler-item .ui-chkbox {
  top: 35% !important;
}
.ui-datatable-scrollable {
  overflow: hidden;
}
.ui-datatable-scrollable-header-box table thead tr th,
.ui-datatable-scrollable-footer-box table tfoot tr td {
  border-width: 1px;
  border-right: solid 1px #C1D5DF;
  border-left: solid 1px transparent;
  border-bottom: 0px;
  border-top: 0px;
  font-size: 14px;
  background-color: #FBFCFD;
}
.ui-datatable-scrollable-theadclone th.ui-state-default {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  outline: 0 none !important;
}
.ui-draggable-dragging {
  color: #27AAE1;
  border: solid 1px #CCCCCC;
}
.ui-draggable-dragging .ui-icon-carat-2-n-s {
  background-image: none;
}
.ui-draggable-dragging .ui-icon-carat-1-n {
  background-image: none;
}
.ui-draggable-dragging .ui-icon-carat-1-s {
  background-image: none;
}
.ui-datatable .ui-column-resizer-helper {
  background-color: #33AFDE;
}
.ui-datatable-resizable th.ui-state-hover.ui-sortable-column,
.ui-datatable-resizable th {
  transition: none;
}
/*Style For Data Grid ------------------------------------------------------------------------------------- */
.ui-datagrid {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #ffffff;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-datagrid .ui-datagrid-header {
  color: #ffffff;
  border-radius: 0px !important;
  font-size: 18px;
  background-color: #00539f;
  padding: 15px 10px !important;
  font-weight: normal;
}
.ui-datagrid .ui-datagrid-content {
  font-size: 14px;
  padding: 5px;
}
.ui-datagrid-footer {
  height: auto !important;
  background-color: #F9FAFC;
  margin: 0px;
  padding: 10px 10px !important;
  border-top: solid 1px #E8EDF2 !important;
  font-size: 14px;
  color: #C7D1D7;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.ui-datagrid-footer a {
  color: #00539f;
}
/*Style For Data List ------------------------------------------------------------------------------------- */
.ui-datalist {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #ffffff;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-datalist .ui-datalist-header {
  color: #ffffff;
  background-color: #00539f;
  border-radius: 1px !important;
  font-size: 18px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  padding: 15px 5px !important;
}
.ui-datalist .ui-datalist-content .ui-datalist-data {
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.ui-datalist-item {
  list-style: inherit !important;
}
.ui-datalist-footer {
  height: auto !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  background-color: #F9FAFC;
  margin: 0px;
  padding: 10px 10px !important;
  border-top: solid 1px #E8EDF2 !important;
  font-size: 14px;
  color: #C7D1D7;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
/* paginator */
.ui-paginator {
  margin: 0px;
  padding: 0px !important;
}
.ui-paginator .ui-paginator-pages {
  padding: 0px 6px;
}
.ui-paginator-page.ui-state-focus,
.ui-paginator .ui-paginator-first.ui-state-focus,
.ui-paginator .ui-paginator-prev.ui-state-focus,
.ui-paginator .ui-paginator-next.ui-state-focus,
.ui-paginator .ui-paginator-last.ui-state-focus {
  background-color: #00539f;
  color: #ffffff;
}
.ui-paginator-top {
  background-color: #004686;
  border-radius: 1px;
  background-clip: padding-box;
}
.ui-paginator-bottom {
  background-color: #004686;
  border-radius: 1px;
  background-clip: padding-box;
}
.ui-paginator .ui-paginator-current {
  font-size: 16px;
  padding: 15px;
  color: #ffffff;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-pages .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-rpp-options {
  font-size: 16px;
  padding: 10px 3px !important;
  border: solid 3px transparent;
  color: #ffffff;
  transition: all 0.5s ease;
  border-radius: 0px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-paginator .ui-state-default,
.ui-paginator .ui-paginator-pages .ui-state-default {
  font-size: 16px;
}
.ui-paginator .ui-state-active,
.ui-paginator .ui-state-hover,
.ui-paginator .ui-paginator-pages .ui-state-active,
.ui-paginator .ui-paginator-pages .ui-state-hover {
  color: #ffffff;
  background-repeat: no-repeat;
  border-bottom: solid 3px #ffffff;
  font-size: 16px;
  border-radius: 0px !important;
}
.ui-paginator .ui-paginator-rpp-options {
  outline: none;
  color: #ffffff !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  font-size: 16px !important;
  background-color: #004686;
  border: solid 1px transparent;
}
.ui-paginator .ui-paginator-rpp-options.ui-state-focus {
  background-color: #00539f !important;
}
.ui-paginator .ui-paginator-rpp-options option:hover {
  background-color: #00539f;
}
/*Style For PickList ------------------------------------------------------------------------------------- */
.ui-picklist {
  display: table !important;
  font-size: 14px;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-picklist .ui-picklist-filter {
  width: 100% !important;
  padding: 8px 6px 8px 30px !important;
  box-sizing: border-box;
}
.ui-picklist .ui-picklist-filter-container .ui-icon {
  background-image: url("/iPCP/resources/images/icons/search-icon.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 28px;
  height: 28px;
  left: 3px;
  top: 5px !important;
}
.ui-picklist .ui-picklist-filter-container .ui-icon::before {
  content: " " !important;
}
.ui-picklist .ui-picklist-buttons {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.ui-picklist .ui-picklist-buttons .ui-button {
  border-radius: 2px !important;
}
.ui-picklist .ui-picklist-caption {
  border: solid 1px #E0E0E0;
  background-color: #00539f;
  color: #ffffff;
  padding: 10px 0px !important;
  margin: 6px 0px 0px 0px;
  font-size: 18px;
  transition: all 0.5s ease;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-picklist .ui-picklist-list {
  border: solid 1px #E0E0E0;
  padding: 0px !important;
  background-color: #ffffff;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top: 0px #FFFFFF !important;
  min-width: 200px;
  width: auto !important;
}
.ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 10px 8px !important;
  color: #555555;
  border-radius: 0px;
  font-size: 14px;
  margin: 0px;
}
.ui-picklist .ui-picklist-list .ui-state-hover {
  background-color: #f5f5f5 !important;
  color: #00539f;
}
.ui-picklist .ui-picklist-list .ui-state-hover .ui-chkbox-box {
  background-color: #f5f5f5 !important;
}
.ui-picklist .ui-picklist-list .ui-state-highlight {
  background-color: #f5f5f5 !important;
  color: #00539f;
}
.ui-picklist .ui-picklist-list .ui-state-hover table tbody tr td {
  color: #00539f !important;
}
.ui-picklist .ui-picklist-list .ui-state-hover table tbody tr td .ui-chkbox-box {
  transition: none;
}
.ui-picklist .ui-picklist-list .ui-state-highlight table tbody tr td {
  color: #00539f !important;
}
/*Style For UI OrderList ------------------------------------------------------------------------------------- */
.ui-orderlist {
  border: solid 1px #E0E0E0;
  border-radius: 2px !important;
  background-clip: padding-box;
  background-color: #ffffff;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-orderlist .ui-orderlist-list {
  margin-top: 10px !important;
}
.ui-orderlist .ui-orderlist-caption {
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 10px 8px !important;
  font-size: 14px;
  background-image: url("/iPCP/resources/images/icons/move-gray.svg") !important;
  background-position: center right !important;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 0px;
  background-clip: padding-box;
  color: #555555;
  margin: 0px !important;
}
.ui-orderlist .ui-orderlist-list .ui-state-hover {
  background-color: #f5f5f5;
  color: #00539f !important;
}
.ui-orderlist .ui-orderlist-list .ui-state-hover table tr td {
  color: #00539f !important;
}
.ui-orderlist .ui-orderlist-list .ui-state-highlight {
  background-color: #f5f5f5;
  color: #00539f;
}
.ui-orderlist .ui-orderlist-list .ui-state-highlight table tr td {
  color: #00539f !important;
}
.ui-orderlist .ui-orderlist-controls .ui-button {
  border-radius: 2px !important;
  background-clip: padding-box;
}
/*Style For UI Carousel --------------------------------------------------------------------------------------*/
.ui-carousel {
  border: solid 1px #E0E0E0;
  padding: 2px 1px !important;
  background-color: #ffffff;
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "NotesWeb-Regular",sans-serif;
}
.ui-carousel .ui-carousel-header {
  background-color: #00539f;
  height: auto !important;
  padding: 10px 20px !important;
  border-radius: 1px;
  background-clip: padding-box;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  color: #ffffff;
  font-size: 18px;
  margin: -2px -1px !important;
}
.ui-carousel .ui-carousel-dropdown {
  margin-top: 8px !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  width: 40% !important;
  padding-top: 5px !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-next-button {
  background-image: url("/iPCP/resources/images/icons/right-arrow-white.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 85%;
  width: 21px;
  height: 21px;
  margin-top: 5px;
  padding: 3px;
  border-radius: 50%;
  background-clip: padding-box;
}
.ui-carousel .ui-carousel-header .ui-carousel-prev-button {
  background-image: url("/iPCP/resources/images/icons/left-arrow-white.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 85%;
  width: 21px;
  height: 21px;
  margin-top: 5px;
  padding: 3px;
  border-radius: 50%;
  background-clip: padding-box;
}
.ui-carousel .ui-carousel-header .ui-carousel-next-button:hover,
.ui-carousel .ui-carousel-header .ui-carousel-prev-button:hover {
  background-color: #6978C8;
  border-radius: 50% !important;
  background-clip: padding-box;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links {
  margin-top: 11px;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link {
  background-image: url("/iPCP/resources/images/icons/blank.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 140%;
}
.ui-carousel .ui-carousel-item {
  border: 1px solid transparent;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-icon-radio-on {
  background-image: url("/iPCP/resources/images/icons/blank-active.svg") !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-page-links .ui-icon-radio-on::before {
  content: " " !important;
}
.ui-carousel .ui-carousel-viewport {
  padding-top: 5px;
}
.ui-carousel .ui-carousel-footer {
  height: auto !important;
  background-color: #F5F5F5;
  padding: 10px 15px !important;
  margin: 3px -1px -2px -1px !important;
  font-size: 14px;
  color: #7A8F98;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.ui-carousel .ui-carousel-mobiledropdown {
  margin-top: 8px !important;
}
/*Style For Schedule --------------------------------------------------------------------------------------*/
.fc {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  background-clip: padding-box;
  transition: all 0.3s ease;
  background-color: #ffffff;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
}
.fc-toolbar {
  background-color: #00539f;
  padding: 1em;
  margin: 0px !important;
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
}
.fc-toolbar h2 {
  color: inherit;
}
.fc-toolbar button {
  border: solid 1px #00539f;
  background-color: #00539f;
  color: #ffffff;
  border-radius: 0px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  padding: 3px 5px !important;
  font-size: 16px;
}
.fc-toolbar button.ui-state-hover {
  background-color: #00539f;
}
.fc-toolbar .fc-button-group button {
  margin: 0px 1px 1px 0px;
}
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover {
  color: #ffffff;
  border-bottom: solid 1px #ffffff;
}
.fc-center {
  color: #ffffff;
  font-size: 16px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.fc-center h2 {
  font-weight: normal !important;
}
.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-right: 15px;
  padding-top: 7px !important;
}
.fc-day-grid .fc-week {
  border-right: solid 1px transparent !important;
}
.fc-view-container {
  padding: 0px;
}
.fc-view-container .fc-month-view > table {
  border-spacing: 0px !important;
}
.fc-view-container .fc-month-view > table > thead {
  background-color: #00897B;
  border-spacing: 0px;
}
.fc-agendaWeek-view .ui-widget-header {
  border-width: 0px;
}
.fc-agendaDay-view .ui-widget-header {
  border-width: 0px;
}
.fc-view-container .fc-month-view > table > thead > tr > td {
  border-width: 0px;
}
.fc-view-container .fc-event {
  background-color: #9CCC65;
  border: solid 1px #9CCC65;
}
.fc-view-container .fc-event .fc-event-inner {
  margin: 3px;
}
.fc-view-container .fc-month-view table {
  border-collapse: inherit;
  border-spacing: 1px;
}
.fc-view-container table thead tr th {
  background-color: #00897B;
  color: #80CBC4;
  border-collapse: separate;
  padding: 15px 0px;
  border-radius: 0px !important;
  border: 0px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.fc-view-container table thead tr .fc-sun,
.fc-view-container table thead tr .fc-sat {
  background-color: #069183;
}
.fc-view-container .fc-content-skeleton table thead tr .fc-sun,
.fc-view-container .fc-content-skeleton table thead tr .fc-sat {
  background-color: transparent;
  font-family: "NotesWeb-Regular",sans-serif;
}
.fc-view-container table tbody tr .fc-day {
  border: solid 1px #F5F5F5 !important;
  color: #555555;
  border-collapse: separate;
  padding: 5px;
  border-radius: 0px !important;
  transition: all 0.5s ease;
  border-top-width: 1px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.fc-view-container .fc-month-view table tbody tr .fc-day:hover {
  border-color: #26A69A !important;
  color: #26A69A;
}
.fc-view-container .fc-month-view .fc-bg table tbody tr .fc-today {
  border-color: #26A69A !important;
  color: #26A69A;
}
.fc-view-container .fc-agendaWeek-view .fc-bg table tbody tr .fc-today {
  background-color: #E0E0E0;
  color: #26A69A;
}
.fc-view-container table tbody tr > .ui-widget-content {
  border-width: 0px;
}
.fc-slats table tbody tr td {
  border-width: 1px !important;
  border-color: #E5EBF0;
}
.fc-agenda-slots tbody tr .ui-widget-header,
.fc-agenda-allday tbody tr .ui-widget-header {
  color: #555555 !important;
}
.fc-daygrid .fc-row {
  border-right: 0px !important;
}
hr.ui-widget-header {
  background-color: #E5EBF0;
  border-width: 0px;
}
.fc-more-cell .fc-more {
  color: #27aae1;
  text-decoration: underline;
}
.fc-popover {
  border: solid 1px #D1D3D4;
  background-color: #FBFCFD;
  border-radius: 5px;
}
.fc-popover .fc-header {
  padding: 5px 7px !important;
  color: #555555;
}
.fc-popover .fc-header .fc-close {
  background-image: url("/iPCP/resources/images/icons/delete-gray.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}
/*Style For Tree --------------------------------------------------------------------------------------*/
.ui-tree {
  width: auto;
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  background-clip: padding-box;
  color: #555555;
  transition: all 0.5s ease;
  background-color: #ffffff;
  padding: 10px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-tree .ui-treenode {
  padding: 3px !important;
}
.ui-tree .ui-treenode .ui-treenode-label.ui-state-hover {
  color: #00539f;
}
.ui-tree .ui-tree-droppoint.ui-state-hover {
  background-color: #F7941E;
}
.ui-tree .ui-treenode .ui-state-highlight {
  color: #00539f;
}
.ui-tree .ui-treenode-content {
  line-height: 16px;
}
.ui-tree .ui-treenode-content .ui-chkbox-box {
  margin-top: 0px;
}
.ui-tree .ui-treenode .ui-treenode-label {
  margin: 0px;
  padding: 2px 6px;
  font-size: 18px;
  border-radius: 3px;
  background-clip: padding-box;
}
.ui-tree .ui-treenode-icon {
  width: 20px;
  height: 20px;
}
.ui-tree .ui-icon {
  margin-right: 3px;
}
/*Style For TreeTable --------------------------------------------------------------------------------------*/
.ui-treetable {
  border: solid 1px #E0E0E0;
  border-radius: 2px;
  background-clip: padding-box;
  color: #555555 !important;
  background-color: #ffffff;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-treetable .ui-treetable-toggler {
  margin-top: 0;
}
.ui-treetable table tbody tr td .ui-chkbox-box {
  margin-top: 0px;
  width: 12px !important;
  height: 12px !important;
}
.ui-treetable table tbody tr td .ui-chkbox-box .ui-icon {
  width: 3px;
  height: 6px;
  border-bottom: solid 2px transparent;
  border-right: solid 2px transparent;
}
.ui-treetable table tbody tr td .ui-chkbox-box .ui-icon-check {
  width: 5px;
  height: 9px;
  border-bottom: solid 2px #00539f;
  border-right: solid 2px #00539f;
  margin-top: -5px;
}
.ui-treetable table tbody tr td .ui-chkbox-box .ui-icon-minus {
  width: 12px;
  height: 12px;
}
.ui-treetable .ui-treetable-header {
  background-color: #00539f;
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
  font-size: 18px;
  text-align: left;
  color: #ffffff !important;
  padding: 15px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-treetable table {
  margin: 0px;
  font-size: 14px;
  line-height: 14px;
}
.ui-treetable .ui-treetable-scrollable-body table {
  margin: 0px !important;
}
.ui-treetable .ui-treetable-scrollable-header-box table {
  margin-bottom: 0px !important;
}
.ui-treetable table thead tr th {
  color: #555555;
  background-color: #ededed;
  border: solid 1px #d4d4d4;
  outline: none;
  padding: 12px 5px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.ui-treetable table thead tr th.ui-state-active,
.ui-treetable table thead tr th.ui-state-hover {
  background-color: #d4d4d4;
  color: #676767;
}
.ui-treetable table tbody tr td {
  color: #555555;
  border: solid 1px #E0E0E0;
  padding: 10px 7px;
  font-size: 14px;
  transition: all 0.5s ease;
}
.ui-treetable table tbody .ui-state-hover td {
  color: #00539f !important;
  background-color: #f5f5f5;
}
.ui-treetable table tbody .ui-state-highlight td {
  color: #ffffff !important;
  background-color: #00539f;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
/*.ui-treetable .ui-treetable-selectable-node .ui-chkbox.ui-selection{float:left;}*/
.ui-treetable table tfoot tr td {
  color: #555555;
  background-color: #ededed;
  border: solid 1px #d4d4d4;
  outline: none;
  padding: 12px 5px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.ui-treetable table tfoot tr td.ui-state-active,
.ui-treetable table tfoot tr td.ui-state-hover {
  background-color: #d4d4d4;
  color: #676767;
}
.ui-treetable .ui-icon {
  margin-right: 7px;
}
.ui-treetable-scrollable {
  border: 0px;
}
.ui-treetable-scrollable:hover {
  border: none;
}
.ui-tree-horizontal .ui-treenode {
  padding: 5px 40px !important;
}
.ui-tree-horizontal .ui-treenode .ui-state-hover {
  color: #00539f;
}
.ui-tree-horizontal .ui-treenode .ui-state-highlight {
  color: #00539f;
  border: solid 1px #00539f !important;
}
.ui-tree-horizontal .ui-treenode-collapsed,
.ui-tree-horizontal .ui-treenode-leaf {
  padding: 5px 0px 5px 40px !important;
}
.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-treetable-footer {
  height: auto !important;
  background-color: #f5f5f5;
  padding: 10px 10px !important;
  font-size: 14px;
  color: #555555;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.ui-treetable-resizable th.ui-state-hover.ui-sortable-column,
.ui-treetable-resizable th {
  transition: none;
}
.ui-treetable .ui-column-resizer-helper {
  background-color: #33AFDE;
}
/*Style For UI Accordion --------------------------------------------------------------------------------------*/
.ui-accordion {
  border: solid 1px #E0E0E0 !important;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #ffffff;
  padding: 0px !important;
  width: auto !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-accordion-header {
  border-radius: 0px;
  font-size: 16px !important;
  color: #ffffff;
  background-color: #00539f;
  padding: 13px 5px 13px 30px !important;
  margin-bottom: 1px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-active {
  background-color: #004686;
  color: #ffffff;
}
.ui-accordion-content {
  padding: 5px!important;
  font-size: 14px !important;
  color: #555555;
}
/*Style For UI PanelGrid --------------------------------------------------------------------------------------*/
.ui-panelgrid {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-panelgrid-content {
  color: #555555;
}
.ui-panelgrid thead tr td {
  color: #ffffff;
  background-color: #00539f;
  border: solid 1px #E0E0E0 !important;
}
.ui-panelgrid tfoot tr td {
  color: #555555;
  background-color: #f5f5f5;
  border: solid 1px #E0E0E0 !important;
  font-size: 14px;
}
.ui-panelgrid tbody tr td {
  border-color: #E0E0E0 !important;
}
.ui-panelgrid.ui-panelgrid-blank {
  border: 0 none;
  background: none;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border-color: #E0E0E0 !important;
  }
  .ui-panelgrid.ui-panelgrid-blank .ui-grid-responsive .ui-grid-row {
    border: none;
  }
}
/*Style For UI ScrollPanel --------------------------------------------------------------------------------------*/
.ui-scrollpanel {
  border: solid 1px #E0E0E0;
  padding: 5px !important;
  color: #555555;
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
  font-size: 14px;
}
.ui-scrollpanel .ui-scrollpanel-vbar {
  width: 10px;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-scrollpanel .ui-scrollpanel-hbar {
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-scrollpanel .ui-scrollpanel-vbar .ui-scrollpanel-track .ui-scrollpanel-drag,
.ui-scrollpanel .ui-scrollpanel-hbar .ui-scrollpanel-track .ui-scrollpanel-drag {
  background-color: #778D9B;
  border-radius: 2px;
  background-clip: padding-box;
}
/*Style For UI ToolBar --------------------------------------------------------------------------------------*/
.ui-toolbar {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 10px !important;
}
/*Style For UI NotificationBar --------------------------------------------------------------------------------------*/
.ui-notificationbar {
  z-index: 99999999999999;
  background-color: #00539f;
  color: #ffffff;
  min-height: 44px;
  height: auto;
}
/*Style For Ribbon And TabView --------------------------------------------------------------------------------------*/
.ui-ribbon.ui-tabs-top {
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-ribbon.ui-tabs-top .ui-tabs-nav {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 2px;
  background-clip: padding-box;
}
.ui-ribbon.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}
.ui-tabs .ui-tabs-panel {
  padding: 10px !important;
}
.ui-tabs-top {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 20px;
  background-clip: padding-box;
  padding: 0px !important;
}
.ui-tabs-top .ui-tabs-nav {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 20px;
  background-clip: padding-box;
  background-color: #00539f;
  border-bottom: solid 2px #E0E0E0;
}
.ui-tabs-top .ui-tabs-navscroller {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-nav {
  border-radius: 0px;
  background-clip: padding-box;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  height: 58px;
  padding: 0px 4px;
  background-color: #ffffff;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn:hover {
  background-color: #2A5BC5;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 2px;
  left: 0px;
  border-right: solid 1px #2A5BC5;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 2px;
  right: 0px;
  border-left: solid 1px #2A5BC5;
}
.ui-tabs-top .ui-tabs-navscroller .ui-state-disabled {
  opacity: 1;
}
.ui-tabs-top .ui-tabs-navscroller .ui-state-disabled .ui-icon {
  opacity: 0.4;
}
.ui-tabs-top .ui-tabs-nav li {
  border: solid 1px transparent !important;
  top: 1px !important;
  font-size: 14px;
  margin: 0 0.2em 1px 0 !important;
  transition: none;
}
.ui-tabs-top .ui-tabs-nav li a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 18px;
  padding: 14px 1em !important;
  border-radius: 0px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-top .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-top .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  border-bottom: solid 5px #fff !important;
}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-top .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
  color: #ffffff !important;
}
.ui-tabs-top .ui-tabs-panels {
  background-color: transparent;
  margin: -1px 0px 3px 0px;
  border: solid 1px #FBFCFD;
  background-image: none !important;
}
.ui-tabs-panels {
  font-size: 15px;
}
.ui-tabs-top .ui-tabs-panels .ui-ribbon-groups {
  background-color: transparent;
  background: none;
}
.ui-tabs-top .ui-tabs-panels .ui-tabs-panel {
  background-image: none !important;
  color: #555555;
}
.ui-tabs-top .ui-ribbon-group {
  border-right: solid 1px #E0E0E0;
  background-image: none !important;
  background-color: transparent !important;
}
.ui-ribbon .ui-ribbon-group .ui-ribbon-group-content {
  display: table;
  height: auto !important;
  margin-bottom: 0.4em;
}
.ui-ribbon .ui-ribbon-group .ui-ribbon-group-label {
  color: #555555;
  font-size: 80%;
  opacity: 0.7;
}
.ui-ribbon .ui-button {
  width: auto !important;
  height: auto !important;
  font-size: 12px;
  border: 0;
}
.ui-ribbon .ui-button .ui-button-text {
  font-size: 12px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.ui-ribbon .ui-button-text-icon-left .ui-icon.fa,
.ui-ribbon .ui-button-text-icon-right .ui-icon.fa,
.ui-ribbon .ui-button-text-icon-left .ui-icon.fab,
.ui-ribbon .ui-button-text-icon-right .ui-icon.fab,
.ui-ribbon .ui-button-text-icon-left .ui-icon.fal,
.ui-ribbon .ui-button-text-icon-right .ui-icon.fal,
.ui-ribbon .ui-button-text-icon-left .ui-icon.far,
.ui-ribbon .ui-button-text-icon-right .ui-icon.far,
.ui-ribbon .ui-button-text-icon-left .ui-icon.fas,
.ui-ribbon .ui-button-text-icon-right .ui-icon.fas,
.ui-ribbon .ui-button-text-icon-left .ui-icon.fad,
.ui-ribbon .ui-button-text-icon-right .ui-icon.fad,
.ui-ribbon .ui-button-text-icon-left .ui-icon.fat,
.ui-ribbon .ui-button-text-icon-right .ui-icon.fat {
  margin-top: -8px !important;
}
.ui-ribbon .ui-selectmanybutton {
  padding: 0px;
}
.ui-ribbon .ui-inputfield {
  background-color: #F5F5F5 !important;
  padding-top: 6px !important;
  padding-bottom: 7px !important;
}
.ui-ribbon .ui-selectonemenu {
  border-radius: 0px !important;
}
.ui-ribbon .ui-selectonemenu-label {
  font-size: 14px !important;
  padding-top: 6px !important;
  padding-bottom: 7px !important;
}
.ui-ribbon .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 32px;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.ui-ribbon .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-left: 8px !important;
}
.ui-ribbon .ui-ribbon-bigbutton .ui-icon {
  height: 32px !important;
  width: 32px !important;
  margin: -6px 0px 0px 0px !important;
  left: 50% !important;
  font-size: 2em !important;
  color: #ffffff;
}
.ui-colorpicker .ui-c span {
  border: solid 1px #fff !important;
  border-radius: 3px;
}
html body .ui-ribbon .ui-ribbon-bigbutton .ui-button-text {
  padding: 2.7em 20px 10px 20px !important;
}
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.fa,
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.fab,
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.fal,
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.far,
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.fas,
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.fad,
html body .ui-ribbon .ui-ribbon-bigbutton .ui-icon.fat {
  margin: -20px 0px 0px -17px !important;
}
html body .ui-ribbon-group .ui-icon.ui-icon-check {
  height: 10px !important;
  width: 5px !important;
}
html body .ui-ribbon label.label-floatlabel {
  padding-top: 13px !important;
}
.ui-ribbon .ui-ribbon-group-content .ui-button {
  background-color: #00539f;
  color: #ffffff;
  box-sizing: border-box;
}
.ui-ribbon .ui-ribbon-group-content .ui-button.ui-state-hover {
  background-color: #00539f;
}
.ui-ribbon .ui-ribbon-group-content .ui-button.ui-state-active {
  background-color: #00539f;
}
/* left */
.ui-tabs-left {
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 0px !important;
}
.ui-tabs-left .ui-tabs-nav {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #00539f;
  border-right: solid 2px #E0E0E0;
}
.ui-tabs-left .ui-tabs-nav li {
  border: solid 1px transparent !important;
  top: 1px !important;
  font-size: 14px;
  margin-right: -1px !important;
  padding-right: 4px !important;
}
.ui-tabs-left .ui-tabs-nav li a {
  color: rgba(255, 255, 255, 0.7) !important;
  width: auto !important;
  font-size: 18px;
  padding: 14px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-tabs-left .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-left .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-left .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  padding-right: 0px !important;
  border-right: solid 5px #fff !important;
  transition: none;
}
.ui-tabs-left .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-left .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-left .ui-tabs-nav li.ui-state-hover a {
  color: #ffffff !important;
  padding: 14px 14px !important;
}
/* right */
.ui-tabs-right {
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 0px !important;
}
.ui-tabs-right .ui-tabs-nav {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #00539f;
  border-left: solid 1px #E0E0E0;
}
.ui-tabs-right .ui-tabs-nav li {
  border: solid 1px transparent !important;
  top: 1px !important;
  font-size: 14px;
  margin-right: -1px !important;
}
.ui-tabs-right .ui-tabs-nav li a {
  color: rgba(255, 255, 255, 0.7) !important;
  width: auto !important;
  font-size: 18px;
  padding: 14px 18px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-tabs-right .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-right .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-right .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  border-left: solid 5px #fff !important;
  transition: none;
}
.ui-tabs-right .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-right .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-right .ui-tabs-nav li.ui-state-hover a {
  color: #ffffff !important;
  padding: 14px 14px !important;
}
/* bottom */
.ui-tabs-bottom {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 0px !important;
}
.ui-tabs-bottom .ui-tabs-nav {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #00539f;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  border-top: solid 1px #E0E0E0;
}
.ui-tabs-bottom .ui-tabs-navscroller {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-nav {
  border-radius: 0px;
  padding-bottom: 1px;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  height: 57px;
  padding: 0px 4px;
  background-color: #ffffff;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn:hover {
  background-color: #2A5BC5;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-left {
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  left: 0px;
  border-right: solid 1px #2A5BC5;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn-right {
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  right: 0px;
  border-left: solid 1px #2A5BC5;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-state-disabled {
  opacity: 1;
}
.ui-tabs-bottom .ui-tabs-navscroller .ui-state-disabled .ui-icon {
  opacity: 0.4;
}
.ui-tabs-bottom .ui-tabs-nav li {
  border: solid 1px transparent !important;
  font-size: 14px;
  transition: none;
}
.ui-tabs-bottom .ui-tabs-nav li a {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 18px;
  padding: 18px 1em 14px !important;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  border-radius: 0px;
  border-top: solid 5px #fff !important;
}
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover a {
  color: #ffffff !important;
  padding: 14px 1em 14px !important;
}
.ui-tabs-bottom .ui-tabs-panels .ui-tabs-panel {
  background-image: none !important;
  color: #555555;
}
.ui-tabs-scrollable {
  /* max-width:630px; */
}
.ui-tabs .ui-tabs-nav {
  font-weight: normal !important;
}
/*Style For UI Dasboard------------------------------------------------------------------------------------- */
.ui-dashboard {
  border: solid 1px #d6d6d6;
  background-color: #FBFCFD;
  display: table;
  padding: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  transition: all 0.5s ease;
}
.ui-dashboard-column {
  margin: 2px;
  min-width: 20px;
  padding-bottom: 20px !important;
}
.ui-dashboard-column .ui-panel {
  margin-bottom: 2px;
}
.ui-dashboard-column .ui-state-hover {
  border-radius: 5px;
  background-clip: padding-box;
  border: dashed 1px #27AAE1;
  background-color: #DAE8EF;
}
/*Style For UI Dialog, Overlay Panel And Lightbox ------------------------------------------------------------------------------------- */
.ui-dialog {
  background-color: #ffffff;
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 10px 20px !important;
  border-bottom: solid 1px #E0E0E0 !important;
  background-color: #ffffff;
  color: #555555;
  font-size: 20px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-dialog .ui-dialog-title {
  margin: 5px 16px 5px 0px !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  border-radius: 50%;
  background-clip: padding-box;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
  font-size: 1em;
  color: #555555;
  height: 100%;
  width: 100%;
}
.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message {
  color: #555555;
}
.ui-dialog .ui-dialog-content {
  padding: 20px !important;
  color: #555555;
  font-size: 14px;
}
.ui-dialog .ui-dialog-content .ui-confirm-dialog-severity {
  font-size: 2em;
}
.ui-dialog .ui-dialog-content .ui-confirm-dialog-message {
  margin: 0 0 0 5px;
  max-width: 85%;
}
.ui-dialog .ui-dialog-footer {
  padding: 10px 20px !important;
  border-top: solid 1px #dbdbdb !important;
  background-color: #f5f5f5;
  margin: 0px !important;
  text-align: right !important;
}
.ui-overlaypanel {
  color: #555555;
}
.ui-overlaypanel .ui-overlaypanel-close {
  background-color: #003D50;
}
.ui-overlaypanel .ui-overlaypanel-content {
  background-color: #FBFCFD;
  padding: 20px !important;
  border-radius: 5px;
  background-clip: padding-box;
}
.ui-lightbox {
  color: #555555;
  background-color: #ffffff;
  padding: 10px;
  border: solid 1px transparent;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
  left: 5px;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  right: 5px;
}
.ui-lightbox .ui-lightbox-caption {
  padding: 10px 20px 15px 20px !important;
  border-top: solid 1px #ededed !important;
  background-color: #ffffff;
  margin: 10px -10px -10px -10px !important;
  color: #555555;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0px;
  margin-top: 8px;
}
.ui-dialog-docking-zone {
  z-index: 999999999999999;
}
.ui-dialog-maximized {
  z-index: 999999999999999 !important;
}
/*Style For UI Fieldset------------------------------------------------------------------------------------- */
.ui-fieldset {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-fieldset .ui-fieldset-toggler {
  margin-top: 0.1em;
  padding-right: 0.3em;
}
.ui-fieldset-legend {
  color: #ffffff;
  font-size: 16px;
  line-height: 15px;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  background-color: #00539f;
  padding: 13px 20px !important;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  transition: all 0.3s ease;
}
.ui-fieldset-legend.ui-state-hover {
  background-color: #00539f;
}
.ui-fieldset-legend .ui-chkbox .ui-chkbox-label {
  color: #ffffff;
  margin-top: 5px !important;
}
.ui-fieldset-content {
  font-size: 14px;
  color: #555555;
}
/*Style For UI InputField ------------------------------------------------------------------------------------- */
.ui-inputfield {
  color: #555555;
  font-size: 16px;
  font-family: "NotesWeb-Regular",sans-serif !important;
  font-weight: 400 !important;
  padding: 9px 10px !important;
  border: solid 0px #E0E0E0;
  border-bottom: solid 1px #c2c2c2;
  transition: all 0.5s ease;
  background-color: #f5f5f5;
  border-radius: 0px;
  background-clip: padding-box;
}
.ui-inputfield.small {
  font-size: 14px;
  padding: 4px 10px !important;
}
.ui-column-filter.ui-inputfield,
.ui-column-customfilter .ui-inputfield,
.ui-column-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label,
.ui-column-customfilter .ui-selectonemenu .ui-selectonemenu-label {
  font-size: 14px;
  padding: 4px 6px !important;
}
.ui-column-customfilter .ui-calendar-input-time,
.ui-column-customfilter .ui-calendar-input-date,
.ui-column-customfilter .ui-calendar-input-datetime {
  min-width: 80px;
}
html .ui-inputfield.ui-state-hover,
html .ui-inputfield.ui-state-focus {
  border: solid 0px #E0E0E0;
  border-bottom: solid 1px #00539f;
  color: #555555;
  background-color: #f5f5f5;
}
html .ui-inputfield.ui-inputtextarea {
  border-radius: 0px;
  background-clip: padding-box;
}
/* for placeholder coloring */
::placeholder {
  color: #bbbbbb;
  opacity: 1;
}
/*Style For Button ------------------------------------------------------------------------------------- */
.ui-button {
  outline: none;
  border-radius: 2px !important;
  font-size: 14px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  color: #ffffff;
  text-shadow: none;
  position: relative;
  background-color: #00539f;
  border: 0px none;
  transition: all 0.3s ease;
}
.ui-buttonset .ui-state-active {
  background-color: #00539f !important;
}
.ui-button.ui-state-hover,
.ui-buttonset .ui-state-hover {
  background-color: #00539f;
}
.ui-button-icon-left {
  margin-left: 8px;
}
.ui-button-icon-only {
  min-width: 37px !important;
  max-width: 37px !important;
  border-radius: 30px !important;
}
.ui-button-icon-only .ui-icon {
  font-size: 16px !important;
}
.ui-button-text-only .ui-button-text {
  padding: 10px 24px !important;
}
.ui-button.ui-button-icon-only .ui-button-text {
  padding: 10px 0px !important;
  border-radius: 30px !important;
}
.ui-datepicker-trigger,
.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
  border-radius: 2px !important;
}
.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
  padding: 10px 0px !important;
}
.ui-button-text-icon-left .ui-button-text {
  padding: 10px 20px 10px 40px !important;
}
.ui-button-text-icon-right .ui-button-text {
  padding: 10px 40px 10px 20px !important;
}
.ui-button-text-icon-right .ui-button-icon-right {
  right: 11px;
}
.ui-button-text-icon-left .ui-icon.fa,
.ui-button-text-icon-right .ui-icon.fa,
.ui-button-text-icon-left .ui-icon.fab,
.ui-button-text-icon-right .ui-icon.fab,
.ui-button-text-icon-left .ui-icon.fal,
.ui-button-text-icon-right .ui-icon.fal,
.ui-button-text-icon-left .ui-icon.far,
.ui-button-text-icon-right .ui-icon.far,
.ui-button-text-icon-left .ui-icon.fas,
.ui-button-text-icon-right .ui-icon.fas,
.ui-button-text-icon-left .ui-icon.fad,
.ui-button-text-icon-right .ui-icon.fad,
.ui-button-text-icon-left .ui-icon.fat,
.ui-button-text-icon-right .ui-icon.fat {
  margin-top: -8px !important;
}
.ui-button-icon-only .ui-icon.fa,
.ui-button-icon-only .ui-icon.fab,
.ui-button-icon-only .ui-icon.fal,
.ui-button-icon-only .ui-icon.far,
.ui-button-icon-only .ui-icon.fas,
.ui-button-icon-only .ui-icon.fad,
.ui-button-icon-only .ui-icon.fat {
  left: 0;
  margin-left: 0 !important;
  margin-top: -25% !important;
  text-align: center !important;
  width: 100% !important;
}
.ui-colorpicker .ui-button {
  background-color: whitesmoke;
}
/*Style For UI SplitButton ------------------------------------------------------------------------------------- */
.ui-splitbutton-menubutton {
  margin-left: -1px !important;
}
.ui-splitbutton .ui-button-icon-only {
  border-radius: 2px !important;
}
.ui-splitbutton.ui-buttonset .ui-menu-list .ui-menuitem.ui-state-hover {
  background-color: transparent;
}
/* Style For Button Sets -------------------------------------------------------------------------------------- */
.ui-selectonebutton,
.ui-selectmanybutton {
  border: solid 1px #0288D1;
  border-radius: 2px !important;
  padding: 0px !important;
}
.ui-selectonebutton .ui-button,
.ui-selectmanybutton .ui-button {
  border: solid 1px #ffffff;
}
.ui-selectonebutton .ui-button,
.ui-selectonebutton .ui-button .ui-button-text,
.ui-selectmanybutton .ui-button,
.ui-selectmanybutton .ui-button .ui-button-text {
  border-radius: 0px !important;
}
.ui-selectonebutton .ui-button.ui-corner-left,
.ui-selectonebutton .ui-button.ui-corner-left .ui-button-text,
.ui-selectmanybutton .ui-button.ui-corner-left,
.ui-selectmanybutton .ui-button.ui-corner-left .ui-button-text {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.ui-selectonebutton .ui-button.ui-corner-right,
.ui-selectonebutton .ui-button.ui-corner-right .ui-button-text,
.ui-selectmanybutton .ui-button.ui-corner-right,
.ui-selectmanybutton .ui-button.ui-corner-right .ui-button-text {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
/*Style For UI Menu ------------------------------------------------------------------------------------- */
.ui-menu {
  background-color: #ffffff;
  color: #555555;
  border-radius: 2px;
  padding: 0px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.3);
}
.ui-menu.ui-menu-toggleable {
  border-collapse: separate !important;
}
.ui-menu .ui-menu-list .ui-widget-header {
  font-size: 16px;
  color: #ffffff;
  background-color: #00539f;
  width: 84% !important;
  border-radius: 1px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  padding: 7px 8%;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header {
  font-size: 16px;
  color: #ffffff;
  background-color: #00539f;
  width: 84% !important;
  border-radius: 1px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  padding: 7px 8%;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header:hover {
  color: #ffffff;
  background-color: #00539f;
}
.ui-menu.ui-menu-toggleable li.ui-widget-header h3 {
  padding-left: 8% !important;
}
.ui-menu .ui-menu-list .ui-menuitem {
  font-size: 14px;
  display: table;
  border-radius: 0px;
}
.ui-megamenu-vertical .ui-menu-list .ui-menuitem {
  font-size: 14px;
  width: 100%;
  display: table;
}
.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover,
.ui-menu .ui-menu-list a.ui-state-hover {
  background-color: #f5f5f5;
  color: #00539f;
}
.ui-menu .ui-state-hover .ui-menuitem-link {
  color: #00539f !important;
}
.ui-menu .ui-menuitem .ui-menuitem-link {
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 14px 0px;
  width: 100%;
  border-radius: 0px;
  display: inline-block;
  border: 0px none !important;
}
.ui-menubar .ui-menuitem .ui-menuitem-link {
  width: auto;
}
.ui-menubar .ui-menu-child .ui-menuitem-link {
  width: 100% !important;
}
.ui-menubar.ui-megamenu .ui-menuitem .ui-menuitem-link {
  width: 100%;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon {
  margin: 0px 14px 0px 0px;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  margin: 0px 0px 0px 14px;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  margin: 0px 10px;
}
.ui-menu .ui-menuitem-text {
  padding: 0px;
}
.ui-menu .ui-menuitem .ui-menu-list {
  background-color: #ffffff;
}
.ui-slidemenu .ui-menuitem .ui-menu-child {
  box-shadow: none !important;
}
.ui-menu .ui-menu-parent .ui-menu-child {
  padding: 0px !important;
  border-radius: 2px;
}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward {
  width: 90%;
  background-color: #f5f5f5;
  color: #778D9B;
  padding: 10px 5%;
  font-size: 16px;
  border-radius: 0px;
}
.ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward:hover {
  color: #03A9F4;
}
.ui-panelmenu {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 0px;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header {
  border-radius: 0px !important;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 1px !important;
  background-color: #00539f;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-panelmenu .ui-panelmenu-panel h3.ui-state-hover {
  background-color: #039be5;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header a {
  padding: 12px 5px 13px 30px;
  font-size: 16px;
}
.ui-panelmenu .ui-menuitem {
  border-radius: 0px;
}
.ui-panelmenu .ui-panelmenu-content {
  padding: 0px !important;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem:hover {
  background-color: #f5f5f5;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-state-hover {
  color: #03A9F4;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem a {
  color: #555555;
  font-size: 16px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  padding: 14px 5px 14px 32px;
  overflow: hidden;
  width: auto !important;
  float: none !important;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e {
  background-image: url("/iPCP/resources/images/icons/rightarrow-navy.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s {
  background-image: url("/iPCP/resources/images/icons/downarrow-navy.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
}
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e::before,
.ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s::before {
  content: " " !important;
}
.ui-tabmenu {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 5px 5px 0px 5px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  border: solid 1px transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
  font-size: 16px;
  color: #555555;
  padding: 12px 10px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  line-height: 1;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-default {
  border-bottom: solid 5px transparent !important;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-hover,
.ui-tabmenu .ui-tabmenu-nav .ui-state-active {
  border-bottom: solid 5px #00539f !important;
  color: #00539f;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-hover a,
.ui-tabmenu .ui-tabmenu-nav .ui-state-active a {
  color: #00539f;
}
.ui-tabmenu .ui-tabmenu-nav .ui-state-active a .ui-icon {
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 90%;
  top: 1px;
}
.ui-menu.ui-megamenu .ui-menu-child > table {
  border-collapse: collapse;
}
/*Style For UI Messages ------------------------------------------------------------------------------------- */
.ui-messages-error,
.ui-message-error {
  color: #CE2246 !important;
  background-color: #FFFFFF !important;
  border-color: #CE2246 !important;
  font-size: 14px;
  padding: 0 10px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-messages-info,
.ui-message-info {
  color: #03A9F4 !important;
  background-color: #FFFFFF !important;
  border-color: #03A9F4 !important;
  font-size: 14px;
  padding: 0 10px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-messages-info .ui-icon-close,
.ui-messages-warn .ui-icon-close,
.ui-messages-error .ui-icon-close,
.ui-messages-fatal .ui-icon-close {
  background-image: url("/iPCP/resources/images/icons/delete-gray.svg") !important;
  background-size: 110%;
  background-position: center;
}
.ui-messages-info .ui-icon-close::before,
.ui-messages-warn .ui-icon-close::before,
.ui-messages-error .ui-icon-close::before,
.ui-messages-fatal .ui-icon-close::before {
  content: " " !important;
}
.ui-messages-warn,
.ui-message-warn {
  color: #F9BF08 !important;
  background-color: #FFFFFF !important;
  border-color: #F9BF08 !important;
  font-size: 14px;
  padding: 0 10px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-messages-fatal,
.ui-message-fatal {
  color: #F55151 !important;
  background-color: #FFFFFF !important;
  border-color: #F55151 !important;
  font-size: 14px;
  padding: 0 10px 10px !important;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
}
.ui-messages-info-icon,
.ui-messages-warn-icon,
.ui-messages-error-icon,
.ui-message-error-icon,
.ui-messages-fatal-icon {
  margin: 2px !important;
  background-repeat: no-repeat !important;
  background: none;
  background-position: center  !important;
  background-size: 70%  !important;
}
.ui-message-icon-only .ui-messages-warn-icon,
.ui-message-icon-only .ui-messages-error-icon,
.ui-message-icon-only .ui-message-error-icon,
.ui-message-icon-only .ui-messages-fatal-icon {
  margin: 0px !important;
  background-repeat: no-repeat !important;
  background: none;
  background-position: center  !important;
  background-size: 100%  !important;
}
.ui-message-error-icon {
  background-image: none !important;
  background-position: top !important;
  background-size: 120% !important;
}
.ui-messages-error-icon {
  background-image: none !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-messages-info-icon {
  background-image: none !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-messages-warn-icon {
  background-image: none !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-messages-fatal-icon {
  background-image: none !important;
  background-position: top !important;
  background-size: 90% !important;
  width: 40px !important;
  height: 40px !important;
}
.ui-message-error-icon::before {
  content: "\f071" !important;
  font-family: var(--fa-font-family) !important;
  font-weight: var(--fa-font-weight);
  font-size: 24px;
  line-height: 30px;
}
.ui-messages-error-icon::before {
  content: "\f071" !important;
  font-family: var(--fa-font-family) !important;
  font-weight: var(--fa-font-weight);
  font-size: 24px;
  line-height: 30px;
}
.ui-messages-info-icon::before {
  content: "\f05a" !important;
  font-family: var(--fa-font-family) !important;
  font-weight: var(--fa-font-weight);
  font-size: 24px;
  line-height: 30px;
}
.ui-messages-warn-icon::before {
  content: "\f06a" !important;
  font-family: var(--fa-font-family) !important;
  font-weight: var(--fa-font-weight);
  font-size: 24px;
  line-height: 30px;
}
.ui-messages-fatal-icon::before {
  content: "\f071" !important;
  font-family: var(--fa-font-family) !important;
  font-weight: var(--fa-font-weight);
  font-size: 24px;
  line-height: 30px;
}
.ui-messages ul {
  margin-left: 45px !important;
  margin-top: 9px !important;
}
.ui-message {
  padding: 10px !important;
}
.ui-dialog-message.ui-messages-info-icon,
.ui-dialog-message.ui-messages-warn-icon,
.ui-dialog-message.ui-messages-error-icon,
.ui-dialog-message.ui-messages-fatal-icon {
  margin: -6px 0px 0px 0px !important;
}
.ui-messages-info-summary,
.ui-messages-warn-summary,
.ui-messages-error-summary,
.ui-messages-fatal-summary,
.ui-message-info-summary,
.ui-message-warn-summary,
.ui-message-error-summary,
.ui-message-fatal-summary {
  margin-left: 0px;
}
/*Style For UI Panel ------------------------------------------------------------------------------------- */
.ui-panel {
  border: 1px solid #E0E0E0;
  padding: 2px !important;
  background-color: #ffffff;
  border-radius: 2px;
}
.ui-panel .ui-panel-titlebar {
  padding: 15px 10px !important;
  font-size: 18px;
  color: #ffffff;
  z-index: 100;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  border-radius: 1px !important;
  background-color: #00539f;
  margin: -2px;
}
.ui-panel .ui-panel-titlebar .ui-panel-title {
  margin: 0px !important;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon,
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover,
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  margin-top: 0px;
}
.ui-panel .ui-panel-content {
  padding: 5px !important;
  font-size: 14px;
  color: #555555;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-panel .ui-panel-footer {
  background-color: #f5f5f5;
  margin: 0px -2px -2px -2px !important;
  font-size: 14px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
  color: #555555;
  padding: 10px 15px !important;
}
.ui-datagrid .ui-panel .ui-panel-titlebar {
  padding: 6px 10px 6px 10px !important;
  font-size: 18px;
  color: #555555;
  z-index: 100;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  border-radius: 2px !important;
  background-color: #ffffff;
  border-bottom: dashed 1px #E0E0E0;
}
/*Style For SelectOneMenu And SelectCheckBoxMenu ------------------------------------------------------------------------------------- */
.ui-selectonemenu .ui-selectonemenu-label {
  width: 100% !important;
  background-color: #f5f5f5;
  font-size: 16px;
  color: #555555;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-selectonemenu.ui-state-focus .ui-selectonemenu-label,
.ui-selectonemenu.ui-state-hover .ui-selectonemenu-label {
  background-color: #f5f5f5 !important;
}
.ui-selectonemenu,
.ui-selectcheckboxmenu {
  font-size: 16px !important;
  font-family: "NotesWeb-Regular",sans-serif !important;
  font-weight: 400;
  padding: 0px 40px 0px 0px !important;
  border-bottom: solid 1px #c2c2c2 !important;
  transition: none;
  color: #555555;
  border-radius: 0px;
  background-clip: padding-box;
}
.ui-selectonemenu:hover,
.ui-selectcheckboxmenu:hover,
.ui-selectonemenu:focus,
.ui-selectcheckboxmenu:focus {
  border-bottom-color: #00539f !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  padding: 0px 12px !important;
  font-size: 16px;
  color: #555555 !important;
  text-shadow: none;
  z-index: 100;
  background-color: #f5f5f5;
  border-bottom: solid 1px #c2c2c2 !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px  !important;
  border-top-left-radius: 0px  !important;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-focus,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
  background-color: #c2c2c2;
  border-bottom: solid 1px #00539f !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  height: 100%;
  margin-top: 0px;
}
.ui-selectonemenu-panel {
  background-color: #ffffff;
  overflow: hidden;
}
.ui-selectonemenu-panel .ui-selectonemenu-list,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-list {
  padding: 0px !important;
  background-color: #ffffff;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  overflow: hidden;
  border-radius: 0px !important;
  font-size: 14px;
  margin: 0px 0px 1px !important;
  color: #555555;
  padding: 10px 14px !important;
  transition: all 0.5s ease;
}
.ui-selectonemenu-panel .ui-selectonemenu-item-group {
  border-radius: 0px !important;
  font-size: 14px;
  margin: 0px !important;
  color: #ffffff;
  padding: 10px 14px !important;
  transition: all 0.5s ease;
  background-color: #00539f;
  font-weight: normal !important;
}
.ui-selectonemenu-panel .ui-state-highlight,
.ui-selectcheckboxmenu-panel .ui-state-highlight {
  color: #00539f !important;
  background-color: #f5f5f5;
}
.ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover,
.ui-selectonemenu-panel .ui-selectonemenu-item:hover {
  background-color: #f5f5f5;
  transition: all 0.5s ease;
}
.ui-selectonemenu-panel {
  background-color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  display: block;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield {
  width: 75%;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  font-size: 1.5em;
  color: #555555;
  position: absolute;
  right: 15px;
  top: 8px;
}
.ui-selectonemenu-panel .ui-selectonemenu-table td {
  border: solid 1px #f5f5f5 !important;
  border-radius: 0px !important;
  font-size: 14px;
  margin: 0px !important;
  color: #555555;
  padding: 10px 14px !important;
  transition: all 0.5s ease;
}
.ui-selectonemenu-panel tr.ui-state-highlight td {
  color: #00539f !important;
  background-color: #f5f5f5;
}
/*Style For SelectCheckBoxMenu ------------------------------------------------------------------------------------- */
.ui-selectcheckboxmenu {
  font-size: 16px !important;
  font-family: "NotesWeb-Regular",sans-serif !important;
  font-weight: 400;
  padding: 0px 15px 0px 0px !important;
  transition: all 0.5s ease;
  color: #555555;
}
.ui-selectcheckboxmenu.ui-state-focus .ui-selectcheckboxmenu-label {
  background-color: #f5f5f5;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  padding: 9px 26px 9px 10px !important;
  background-color: #f5f5f5;
  font-size: 16px;
  color: #555555;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label.ui-state-hover {
  color: #555555 !important;
}
.ui-selectcheckboxmenu-panel {
  background-color: #ffffff;
  overflow: hidden;
  padding: 0px !important;
  border-radius: 2px;
  background-clip: padding-box;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  padding: 15px 15px 0px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list {
  padding-bottom: 15px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  font-size: 14px !important;
  border: 0px !important;
  padding: 10px 14px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label {
  padding-top: 3px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox .ui-chkbox-box {
  margin-top: 0px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container {
  width: 70%;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
  font-size: 1.5em;
  color: #555555;
  position: absolute;
  right: 15px;
  top: 8px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-inputfield {
  width: 100%;
  box-sizing: border-box;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
  margin-top: 5px !important;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-checked {
  background-color: #f5f5f5;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-close {
  padding: 0px !important;
  margin-right: 0px !important;
  margin-top: 5px;
}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-close .ui-icon {
  font-size: 1.5em;
  color: #555555;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
  height: 100%;
  margin-top: 0px;
}
/*Style For UI Growl Item ------------------------------------------------------------------------------------- */
.ui-growl {
  width: 300px !important;
  right: 12px !important;
  top: 70px !important;
}
.ui-growl-item-container {
  opacity: 0.9 !important;
}
.ui-growl-item {
  padding: 20px 20px !important;
  background-color: #FFFFFF;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-growl-message {
  width: 200px !important;
  font-size: 16px !important;
  line-height: 16px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: "NotesWeb-Regular",sans-serif;
}
.ui-growl-image {
  width: 30px !important;
  height: 30px !important;
}
.ui-growl-image-error {
  background-image: url("/iPCP/resources/images/icons/warn-pink.svg") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-image-warn {
  background-image: url("/iPCP/resources/images/icons/warn-hardal.svg") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-image-info {
  background-image: url("/iPCP/resources/images/icons/warn-blue.svg") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-image-fatal {
  background-image: url("/iPCP/resources/images/icons/warn-red.svg") !important;
  background-position: center !important;
  background-size: 140% !important;
  margin-top: 5px;
}
.ui-growl-icon-close {
  width: 10px !important;
  height: 10px !important;
  background-image: url("/iPCP/resources/images/icons/delete-pink.svg") !important;
  background-position: center !important;
  background-size: 130% !important;
}
.ui-growl-image-error::before {
  content: " " !important;
}
.ui-growl-image-warn::before {
  content: " " !important;
}
.ui-growl-image-info::before {
  content: " " !important;
}
.ui-growl-image-fatal::before {
  content: " " !important;
}
.ui-growl-icon-close::before {
  content: " " !important;
}
.ui-growl-image-info + .ui-growl-message {
  color: #03A9F4 !important;
}
.ui-growl-image-warn + .ui-growl-message {
  color: #F9BF08 !important;
}
.ui-growl-image-error + .ui-growl-message {
  color: #CE2246 !important;
}
.ui-growl-image-fatal + .ui-growl-message {
  color: #F55151 !important;
}
/*Style For UI Log ------------------------------------------------------------------------------------- */
.ui-log {
  padding: 2px !important;
  background-color: #FBFCFD !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2) !important;
  color: #555555;
}
.ui-log-header {
  padding: 10px !important;
  font-size: 16px !important;
  color: #ffffff;
  position: relative;
  z-index: 100;
  border-radius: 2px !important;
  background-color: #E53935;
}
.ui-log-button {
  top: initial !important;
  left: initial !important;
  position: relative !important;
  display: inline-block !important;
  padding: 0px !important;
  margin-right: 5px;
}
.ui-log-content {
  height: 250px !important;
  color: #555555;
  margin: 5px;
}
.ui-log-items {
  font-size: 14px;
  color: #555555;
}
/*Style For Checkbox --------------------------------------------------------------------------------------*/
.ui-selectmanycheckbox label {
  margin: 0px 15px 0px 0px !important;
  color: #555555;
  font-size: 16px;
}
.ui-chkbox .ui-chkbox-box {
  background: none;
  box-shadow: none;
  margin-right: 5px;
  margin-top: 2px;
  color: #555555;
  border: solid 2px #555555;
  cursor: pointer;
  width: 16px !important;
  height: 16px !important;
  background-color: #FFFFFF;
}
.ui-chkbox .ui-state-active {
  border-color: #00539f;
}
.ui-chkbox .ui-state-focus {
  border-color: #0688ff;
}
.ui-chkbox-box .ui-icon-blank {
  background-image: none !important;
  background-size: 100%;
  background-position: center;
  border-bottom: solid 2px transparent;
  border-right: solid 2px transparent;
  width: 5px;
  height: 10px;
  position: relative;
  transition: all 0.3s ease;
  transform: rotate(0deg) scale(1);
}
.ui-chkbox-box .ui-icon-check {
  border-radius: 0px;
  background-image: none !important;
  background-size: 100%;
  position: relative;
  background-position: center;
  background-color: transparent;
  border-bottom: solid 3px #00539f;
  border-right: solid 3px #00539f;
  width: 5px;
  height: 10px;
  margin-left: 4px;
  margin-top: -4px;
  transition: all 0.3s ease;
  transform: rotate(45deg) scale(1.7);
}
.ui-chkbox-box .ui-icon-check::before {
  content: "";
}
.ui-chkbox .ui-chkbox-label {
  margin: 1px 15px 0px 5px !important;
  font-size: 16px;
  color: #555555;
}
.ui-chkbox .ui-chkbox-label a {
  font-size: 16px;
}
/*Style For Radio Button --------------------------------------------------------------------------------------*/
.ui-selectoneradio label {
  margin: 1px 15px 0px 0px !important;
  color: #555555;
  font-size: 16px;
}
.ui-radiobutton {
  margin: 2px 8px 0px 0px !important;
  cursor: pointer;
}
.ui-radiobutton .ui-radiobutton-box {
  background: #FFFFFF;
  box-shadow: none;
  color: #555555;
  border: solid 2px #555555;
  position: relative;
}
.ui-radiobutton .ui-state-hover,
.ui-radiobutton .ui-state-active {
  border: solid 2px #00539f;
}
.ui-radiobutton .ui-state-focus {
  outline: dotted 1px #778D9B;
  outline-offset: 2px;
}
.ui-radiobutton .ui-radiobutton-icon {
  border-radius: 50%;
  background-clip: padding-box;
  background-size: 100%;
  background-position: center;
  transition: all 0.5s ease;
  background-image: none !important;
  width: 51px;
  height: 51px;
  position: absolute;
  opacity: 0;
  margin: -17px !important;
}
.ui-radiobutton .ui-state-active .ui-icon-bullet,
.ui-radiobutton .ui-state-focus .ui-icon-bullet {
  background-image: none !important;
  background-size: 100%;
  background-position: center;
  background-color: #00539f;
  border-radius: 50%;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  position: absolute;
  opacity: 1;
  margin: 0px !important;
  transition: all 0.5s ease;
}
.ui-radiobutton .ui-state-active .ui-icon-bullet::before,
.ui-radiobutton .ui-state-focus .ui-icon-bullet::before {
  content: "";
}
/*Style For Seperator --------------------------------------------------------------------------------------*/
.ui-separator {
  border: 0px;
  border-bottom: solid 1px #E0E0E0;
  height: 0;
  overflow: hidden;
  display: block;
  margin: 10px -10px;
}
/*Style For Keypad --------------------------------------------------------------------------------------*/
#keypad-div {
  background-color: #FFFFFF;
  padding: 15px !important;
  border-radius: 2px;
  background-clip: padding-box;
}
#keypad-div .keypad-row button {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 2px 3px;
  border: solid 1px #00539f;
  background-color: #00539f;
  color: #ffffff;
}
#keypad-div .keypad-row button.ui-state-hover {
  background-color: #00539f;
  color: #00539f;
  border: solid 1px #00539f;
}
#keypad-div .keypad-row button.keypad-close {
  background-color: #CE2246;
  color: #ffffff;
  border: solid 1px #CE2246;
}
#keypad-div .keypad-row button.keypad-back {
  background-color: #1C75BC;
  color: #ffffff;
  border: solid 1px #1C75BC;
}
#keypad-div .keypad-row button.keypad-clear {
  background-color: #FBB040;
  color: #555555;
  border: solid 1px #FBB040;
}
#keypad-div .keypad-row button.keypad-shift {
  background-color: #2BB673;
  color: #ffffff;
  border: solid 1px #2BB673;
}
/*Style For Password Panel --------------------------------------------------------------------------------------*/
.ui-password-panel {
  font-size: 16px;
  color: #555555;
  padding: 10px !important;
  background-color: #f5f5f5 !important;
  font-family: "NotesWeb-Regular",sans-serif;
  border-radius: 2px;
  background-clip: padding-box;
  border: solid 1px #E0E0E0;
}
.ui-password-panel .ui-password-meter {
  background-image: url("/iPCP/resources/images/icons/password-meter.svg") !important;
  background-size: 100% !important;
}
/*Style For Input Switch --------------------------------------------------------------------------------------*/
.ui-inputswitch {
  border: solid 1px #1E88E5;
  padding: 2px !important;
  color: #ffffff;
  font-size: 16px;
  background-color: #1E88E5;
  font-family: "NotesWeb-Regular",sans-serif;
  height: 28px !important;
  border-radius: 50%;
  background-clip: padding-box;
}
.ui-inputswitch .ui-inputswitch-on,
.ui-inputswitch .ui-inputswitch-off {
  height: 24px !important;
}
.ui-inputswitch .ui-inputswitch-off span,
.ui-inputswitch .ui-inputswitch-on span {
  margin-top: 5px;
  font-size: 15px;
}
.ui-inputswitch .ui-inputswitch-on span {
  color: #BBDEFB;
}
.ui-inputswitch .ui-inputswitch-off span {
  color: #BBDEFB;
}
.ui-inputswitch-off,
.ui-inputswitch-on {
  padding-top: 0px !important;
  font-weight: normal !important;
}
.ui-inputswitch-handle {
  height: 22px !important;
  border-radius: 30px;
  margin-top: 2px;
  margin-left: 2px;
  border: solid 3px #FFFFFF !important;
  background-color: #FFFFFF;
  opacity: 1;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
/*Style For SelectOneListBox --------------------------------------------------------------------------------------*/
.ui-selectonelistbox {
  background-color: #ffffff;
  color: #555555;
  padding: 0px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  border-radius: 2px !important;
  border: solid 1px #E0E0E0;
  overflow: hidden;
}
.ui-selectlistbox-filter-container {
  padding: 10px !important;
}
.ui-selectonelistbox .ui-selectlistbox-item {
  padding: 10px 7px !important;
  border-radius: 0px;
  font-size: 14px;
  display: block;
  margin: 0px !important;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover {
  background-color: #f5f5f5 !important;
  color: #00539f !important;
}
.ui-selectonelistbox tr.ui-selectlistbox-item.ui-state-hover {
  transition: none;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover td {
  color: #00539f !important;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-highlight {
  background-color: #f5f5f5 !important;
  color: #00539f !important;
}
.ui-selectonelistbox .ui-selectlistbox-item.ui-state-highlight td {
  color: #00539f !important;
}
.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon-search {
  width: 30px;
  height: 30px;
  left: 14px;
  top: 16px;
}
.ui-selectonelistbox .ui-selectlistbox-filter-container .ui-inputfield {
  padding-left: 30px !important;
  width: 70%;
}
/*Style For SelectManyMenu --------------------------------------------------------------------------------------*/
.ui-selectmanymenu {
  background-color: #ffffff;
  color: #555555;
  padding: 0px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  border-radius: 2px !important;
  border: solid 1px #E0E0E0;
  font-size: 14px;
}
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon-search {
  width: 30px;
  height: 30px;
  left: 13px;
  top: 16px;
}
.ui-selectmanymenu .ui-selectlistbox-filter-container .ui-inputfield {
  width: 70%;
  padding-left: 30px !important;
}
.ui-selectmanymenu .ui-selectlistbox-item {
  padding: 10px 14px;
  margin: 0px !important;
  display: block;
  border-radius: 0px;
}
.ui-selectmanymenu .ui-selectlistbox-item.ui-state-hover td {
  color: #00539f;
}
.ui-selectmanymenu .ui-selectlistbox-item.ui-state-highlight td {
  color: #00539f;
}
.ui-selectmanymenu .ui-selectlistbox-item .ui-chkbox {
  float: left;
  margin-top: -2px;
}
.ui-selectmanymenu tr.ui-selectlistbox-item td .ui-chkbox {
  float: left;
  margin-top: 2px !important;
}
.ui-selectmanymenu .ui-state-hover {
  background-color: #f5f5f5 !important;
  color: #00539f;
}
.ui-selectmanymenu .ui-state-highlight {
  background-color: #f5f5f5 !important;
  color: #00539f;
  border-radius: 0px !important;
}
/*Style For Slider --------------------------------------------------------------------------------------*/
.ui-slider {
  background-color: #1E88E5;
  color: #ffffff;
}
.ui-slider-horizontal {
  margin: 2px 11px;
}
.ui-slider-vertical {
  margin: 11px 5px;
}
.ui-slider-range {
  background-color: #1565C0;
}
.ui-slider-handle {
  width: 20px !important;
  height: 20px !important;
  cursor: move !important;
  border: solid 1px #FFFFFF !important;
  background-color: #FFFFFF;
  border-radius: 30px !important;
  opacity: 1;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
  border-collapse: separate !important;
}
.ui-slider-vertical .ui-slider-handle {
  left: -5px !important;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -5px !important;
}
/*Style For Rating --------------------------------------------------------------------------------------*/
.ui-rating-star a {
  width: 20px !important;
  height: 20px !important;
  background-size: 90%;
}
.ui-rating-cancel a {
  background-image: url("/iPCP/resources/images/icons/dislike-on.svg") !important;
  opacity: 1;
  background-position: center !important;
  background-size: 110% !important;
  margin-right: 3px;
  width: 16px !important;
  height: 16px !important;
  color: #555555;
}
.ui-rating-cancel-hover a {
  background-image: url("/iPCP/resources/images/icons/dislike-on.svg") !important;
  opacity: 0.5;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-rating-star a {
  background-image: url("/iPCP/resources/images/icons/star.svg") !important;
  background-position: center !important;
  background-size: 100% !important;
  margin: 0px 1px;
}
.ui-rating-star-on a {
  background-image: url("/iPCP/resources/images/icons/star-on.svg") !important;
  background-position: center !important;
  background-size: 100% !important;
}
/*Style For Spinner --------------------------------------------------------------------------------------*/
.ui-spinner .ui-spinner-input {
  text-align: left;
  padding: 7px 9px !important;
}
.ui-spinner .ui-spinner-up {
  margin: 1px 0px 0px !important;
}
.ui-spinner .ui-spinner-down {
  margin: 0px 0px 1px !important;
}
.ui-spinner .ui-spinner-button {
  width: auto;
  height: 17px;
  margin: 2px 3px 2px 0px;
  border-radius: 0px !important;
  cursor: pointer;
}
.ui-spinner .ui-spinner-button {
  background-color: transparent;
}
.ui-spinner .ui-spinner-button.ui-state-hover .ui-button-text,
.ui-spinner .ui-spinner-button.ui-state-active .ui-button-text {
  background-color: #c2c2c2 !important;
}
.ui-spinner .ui-spinner-up .ui-button-text {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom: 0px none;
  background-color: #f5f5f5;
}
.ui-spinner .ui-spinner-down .ui-button-text {
  margin-top: 1px;
  border-bottom: 0px none;
  background-color: #f5f5f5;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-spinner .ui-spinner-button .ui-button-text {
  height: 8px;
  text-align: center;
  padding: 4px 20px 4px 20px !important;
}
.ui-spinner .ui-spinner-up .ui-button-text .ui-icon {
  background-image: url("/iPCP/resources/images/icons/plus-sign.svg") !important;
  background-position: center !important;
  background-size: 90% !important;
  margin-left: 12px;
  margin-top: -8px;
}
.ui-spinner .ui-spinner-down .ui-button-text .ui-icon {
  background-image: url("/iPCP/resources/images/icons/minus-sign.svg") !important;
  background-position: center !important;
  background-size: 90% !important;
  margin-left: 12px;
}
.ui-spinner .ui-spinner-up .ui-button-text .ui-icon::before {
  content: " " !important;
}
.ui-spinner .ui-spinner-down .ui-button-text .ui-icon::before {
  content: " " !important;
}
/*Style For DatePicker And Calendar--------------------------------------------------------------------------------------*/
.ui-calendar .ui-calendar-input-time {
  border-left: solid 1px #E0E0E0;
}
.ui-datepicker-inline {
  border: solid 1px #E0E0E0;
}
.ui-datepicker {
  padding: 8px !important;
  background-color: #ffffff !important;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  z-index: 9999;
}
.ui-datepicker:hover,
.ui-datepicker:focus {
  z-index: 9999;
}
.ui-datepicker-header {
  font-size: 18px;
  border-radius: 2px;
  background-clip: padding-box;
  color: #555555;
  padding: 10px 0px !important;
}
.ui-datepicker-header .ui-datepicker-prev {
  left: 2px !important;
  top: 5px !important;
  cursor: pointer;
  border-radius: 50%;
  background-clip: padding-box;
}
.ui-datepicker-header .ui-datepicker-next {
  right: 2px !important;
  top: 5px !important;
  cursor: pointer;
  border-radius: 50%;
  background-clip: padding-box;
}
.ui-datepicker-header .ui-datepicker-prev-hover {
  background-color: #f5f5f5 !important;
  left: 3px !important;
  top: 6px !important;
}
.ui-datepicker-header .ui-datepicker-next-hover {
  background-color: #f5f5f5 !important;
  right: 3px !important;
  top: 6px !important;
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background-image: url("/iPCP/resources/images/icons/left-arrow.svg") !important;
  background-position: center !important;
  background-size: 130% !important;
  top: 50% !important;
  left: 48% !important;
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-image: url("/iPCP/resources/images/icons/right-arrow.svg") !important;
  background-position: center !important;
  background-size: 130% !important;
  top: 50% !important;
  left: 54% !important;
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon::before,
.ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: " " !important;
}
.ui-datepicker-calendar {
  margin: 2px auto 0px auto !important;
  border-collapse: inherit !important;
  max-width: 320px;
}
.ui-datepicker-calendar thead tr th {
  color: #555555;
  cursor: default;
  padding: 9px 0px;
}
.ui-datepicker-calendar tbody tr td {
  border: solid 1px transparent;
  cursor: default;
  padding: 0;
  transition: all 0.5s ease;
}
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center !important;
}
.ui-datepicker-calendar tbody tr td:hover {
  background-color: #00539f;
  border: solid 1px #00539f;
}
.ui-datepicker-calendar tbody tr td:hover a {
  transition: all 0.5s ease;
  color: #ffffff !important;
}
.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable:hover {
  background-color: transparent !important;
  border-color: transparent;
  color: #555555 !important;
}
.ui-datepicker-calendar tbody tr td > span {
  padding: 10px 0px;
}
.ui-datepicker-calendar tbody tr td a {
  color: #555555 !important;
  background-color: transparent !important;
  padding: 10px 0px;
}
.ui-datepicker-calendar tbody tr td a:focus {
  outline: 1px dotted #E0E0E0;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-today {
  background-color: #ffffff;
  border: solid 1px #00539f;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
  color: #555555 !important;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
  background-color: #00539f;
  border: solid 1px #00539f;
}
.ui-datepicker-calendar tbody tr .ui-datepicker-current-day a {
  color: #ffffff !important;
}
.ui-datepicker-trigger {
  width: auto !important;
  margin-left: 2px !important;
}
.ui-datepicker-trigger .ui-icon {
  background-image: url("/iPCP/resources/images/icons/calendar.svg") !important;
  background-position: center !important;
  background-size: 145% !important;
}
.ui-datepicker-trigger .ui-icon::before {
  content: " " !important;
}
.ui-datepicker-group .ui-datepicker-calendar {
  width: 100% !important;
}
.ui-timepicker-div {
  color: #555555;
}
.ui-timepicker-div dl {
  padding: 1px 10px;
}
.ui-timepicker-div .ui-widget-header {
  font-size: 18px;
  padding: 6px;
  border-radius: 2px;
  background-clip: padding-box;
  color: #555555;
}
/*Style For UI Tooltip --------------------------------------------------------------------------------------*/
.ui-tooltip .ui-tooltip-text {
  background-color: #455A64;
  color: #ffffff;
}
.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #455A64;
}
.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #455A64;
}
.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #455A64;
}
.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #455A64;
}
.ui-tooltip.ui-state-error .ui-tooltip-text {
  background-color: #CE2246;
  color: #ffffff;
}
/*Style For UI CommandLink --------------------------------------------------------------------------------------*/
.ui-commandlink {
  color: #00539f;
}
.ui-commandlink:hover {
  color: #00539f;
}
/*Style For UI Link --------------------------------------------------------------------------------------*/
.ui-link {
  color: #00539f;
}
.ui-link:hover {
  color: #00539f;
}
/*Style For UI Editor --------------------------------------------------------------------------------------*/
.ui-editor {
  border: solid 1px #E0E0E0 !important;
  border-radius: 2px !important;
  overflow: hidden;
  transition: all 0.5s ease;
  padding: 5px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-editor-toolbar {
  background-image: none !important;
  background-color: #f5f5f5 !important;
  border-radius: 1px !important;
}
.ui-outputlabel {
  font-size: 16px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-outputlabel {
  color: #555555;
}
/*Style For UI Galleria --------------------------------------------------------------------------------------*/
.ui-galleria {
  border: solid 1px #D1D3D4;
  border-radius: 5px !important;
  background-color: #FBFCFD;
  color: #555555;
}
.ui-galleria-filmstrip-wrapper {
  border-top: solid 1px #E8EDF2 !important;
  background-color: #F3F5F7;
}
.ui-galleria-nav-prev,
.ui-galleria-nav-next {
  padding: 2px;
  bottom: 14px !important;
}
.ui-galleria-nav-prev {
  left: 2px !important;
  background-image: url("/iPCP/resources/images/icons/leftarrow-navy.svg") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-galleria-nav-next {
  right: 2px !important;
  background-image: url("/iPCP/resources/images/icons/rightarrow-navy.svg") !important;
  background-position: center !important;
  background-size: 120% !important;
}
.ui-galleria-nav-prev::before {
  content: " " !important;
}
.ui-galleria-nav-next::before {
  content: " " !important;
}
.ui-galleria-caption {
  background-color: rgba(92, 107, 192, 0.4) !important;
}
/*Style For UI ProgressBar --------------------------------------------------------------------------------------*/
.ui-progressbar {
  background-color: #81D4FA;
  border-radius: 2px;
  background-clip: padding-box;
  height: 5px !important;
}
.ui-progressbar-value {
  background-color: #00539f;
  overflow: hidden;
  margin: 0px !important;
  background-image: none!important;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-progressbar-label {
  color: #555555;
  font-size: 18px;
  line-height: 18px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  padding-top: 10px;
}
/*Style For UI clock --------------------------------------------------------------------------------------*/
.ui-clock {
  padding: 10px 20px !important;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #4DB6AC;
  color: #E0F2F1;
  font-family: "NotesWeb-Bold",sans-serif;
  font-weight: 300;
  font-size: 18px;
}
/* Style For UI Autocomplete --------------------------------------------------------------------------------------*/
.ui-autocomplete {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-autocomplete .ui-autocomplete-dropdown {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px  !important;
  border-top-left-radius: 0px  !important;
}
.ui-autocomplete .ui-autocomplete-dropdown {
  border-radius: 0px !important;
  background-color: #f5f5f5;
  border-bottom: solid 1px #E0E0E0;
}
.ui-autocomplete .ui-autocomplete-dropdown.ui-state-hover {
  border-bottom: solid 1px #00539f;
  background-color: #b3c4d3 !important;
}
.ui-autocomplete .ui-corner-left {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s {
  background-image: url("/iPCP/resources/images/icons/downarrow.svg") !important;
  background-position: center !important;
  background-size: 130% !important;
  z-index: 998;
  margin-top: -6px;
}
.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s::before {
  content: " " !important;
}
.ui-autocomplete-panel {
  background-color: #ffffff;
  border-radius: 2px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-autocomplete-panel .ui-autocomplete-items {
  padding: 0px !important;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
  color: #555555;
  font-size: 14px;
  padding: 10px 16px;
  border-radius: 0px;
  transition: all 0.5s ease;
  margin: 0px;
}
.ui-autocomplete-query {
  font-weight: normal !important;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  color: #ffffff;
  background-color: #00539f;
  padding: 6px 8px;
  font-size: 16px;
  border: 0px;
  margin: 0px;
  font-weight: normal;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight {
  background-color: #f5f5f5;
  color: #00539f;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight td {
  color: #00539f !important;
  background-color: #f5f5f5;
}
.ui-autocomplete-panel .ui-autocomplete-table th,
.ui-autocomplete-panel .ui-autocomplete-table td {
  border-color: #f5f5f5 !important;
  padding: 14px 10px !important;
}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  background-color: #C6D6DF;
  padding: 5px;
}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-icon-close {
  background-image: url("/iPCP/resources/images/icons/delete-gray.svg") !important;
  background-position: center !important;
  background-size: 100% !important;
}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-icon-close::before {
  content: " " !important;
}
.ui-autocomplete-input-token input[type="text"] {
  color: #555555;
  font-size: 14px;
  font-family: "NotesWeb-Regular",sans-serif !important;
  font-weight: 400;
}
.ui-autocomplete-itemtip {
  border: solid 1px #E0E0E0;
  background-color: #FBFCFD;
  font-size: 14px;
  padding: 2px !important;
}
.ui-autocomplete-itemtip table thead tr th {
  border-bottom: solid 1px #E0E0E0 !important;
  color: #555555;
  font-size: 16px;
}
/* Style For UI MultiSelectListbox --------------------------------------------------------------------------------------*/
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
  margin: 0px !important;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header {
  border: solid 1px #E0E0E0;
  background-color: #00539f;
  color: #ffffff;
  padding: 8px 0px !important;
  transition: all 0.5s ease;
  font-size: 16px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom: solid 2px !important;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
  border: solid 1px #E0E0E0;
  background-color: #FFFFFF;
  border-top: 0px;
  padding: 0px !important;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  border-bottom-right-radius: 2px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 2px !important;
  border-top-left-radius: 0px !important;
  overflow: hidden;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
  font-size: 14px;
  padding: 7px 13px;
  border-radius: 0px;
  margin: 0px;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-hover {
  color: #00539f;
  background-color: #f5f5f5 !important;
}
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-highlight {
  color: #00539f;
  background-color: #f5f5f5 !important;
}
/* Style For UI Terminal --------------------------------------------------------------------------------------*/
.ui-terminal {
  background-color: #ffffff;
  border: solid 1px #E0E0E0;
  padding: 10px !important;
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
}
/* Style For Toolbar Seperator --------------------------------------------------------------------------------------*/
.ui-toolbar .ui-separator {
  padding: 0px 5px;
  border-bottom: 0px none;
}
/*Style For Jqplot Charts --------------------------------------------------------------------------------------*/
/* ... Styles applied to the 2nd, 3rd, etc. x axis only. */
/* ... Styles applied to the 2nd, 3rd, etc. y axis only. */
/*Style For UI Outline --------------------------------------------------------------------------------------*/
.ui-tabs-outline {
  outline: none !important;
}
.ui-tabs-top .ui-tabs-nav .ui-tabs-outline,
.ui-tabs-bottom .ui-tabs-nav .ui-tabs-outline,
.ui-tabs-left .ui-tabs-nav .ui-tabs-outline,
.ui-tabs-right .ui-tabs-nav .ui-tabs-outline {
  outline: none !important;
  border: dotted 1px #FFFFFF !important;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.ui-accordion .ui-tabs-outline {
  outline: none !important;
  background-color: #00539f;
  color: #ffffff;
}
/*Style For UploadButton --------------------------------------------------------------------------------------*/
.ui-fileupload-choose input[type="file"] {
  z-index: 999;
}
.ui-fileupload-simple input[type="file"] {
  z-index: 999;
  width: 100px;
  height: 40px;
}
.ui-fileupload-simple .ui-fileupload-filename {
  color: #555555;
}
.ui-fileupload .ui-fileupload-buttonbar {
  padding-top: 0;
  padding-bottom: 0;
}
.ui-fileupload-content {
  padding-top: 0;
  padding-bottom: 0;
}
.ui-fileupload-files {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 40em) {
  .ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: block;
  }
}
/*Style For UI TagCloud --------------------------------------------------------------------------------------*/
.ui-tagcloud {
  border: solid 1px #E0E0E0;
}
.ui-tagcloud li a {
  color: #00539f;
  padding: 3px;
  margin: 3px;
  border-radius: 5px;
  background-clip: padding-box;
}
.ui-tagcloud li a.ui-state-hover {
  color: #ffffff;
  background-color: #00539f;
}
/*Style For UI Inplace --------------------------------------------------------------------------------------*/
.ui-inplace .ui-inplace-display {
  color: #00539f;
}
.ui-inplace .ui-inplace-display.ui-state-highlight {
  color: #00539f;
}
/*.ui-inplace .ui-inplace-display.ui-state-highlight{background-color: @inplace-highlight-bg-color; padding: 3px; border: solid 1px @inplace-highlight-border-color !important; border-radius: 3px;}*/
/*Style For UI DataScroller --------------------------------------------------------------------------------------*/
.ui-datascroller {
  border: solid 1px #D1D3D4;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #FBFCFD;
}
.ui-datascroller .ui-datascroller-header {
  background-color: #00539f;
  color: #ffffff;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-datascroller .ui-datascroller-item {
  border-bottom: solid 1px #D1D3D4 !important;
}
/*Style For UI LayoutContainer --------------------------------------------------------------------------------------*/
.ui-layout-container .ui-layout-unit {
  border: solid 1px #E0E0E0;
  background-color: #ffffff;
  color: #555555;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
/*Style For UI LayoutUnit --------------------------------------------------------------------------------------*/
.ui-layout-unit .ui-layout-unit-header {
  color: #ffffff;
  padding: 8px 6px 10px 10px !important;
  font-size: 14px;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  background-color: #00539f;
  border-radius: 2px;
  background-clip: padding-box;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-title {
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-close {
  background-image: url("/iPCP/resources/images/icons/delete.svg") !important;
  background-position: center !important;
  background-size: 110% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-n {
  background-image: url("/iPCP/resources/images/icons/uparrow.svg") !important;
  background-position: center !important;
  background-size: 120% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-w {
  background-image: url("/iPCP/resources/images/icons/left-arrow.svg") !important;
  background-position: center !important;
  background-size: 100% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-e {
  background-image: url("/iPCP/resources/images/icons/right-arrow.svg") !important;
  background-position: center !important;
  background-size: 100% !important;
  margin-top: 3px;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-s {
  background-image: url("/iPCP/resources/images/icons/downarrow.svg") !important;
  background-position: center !important;
  background-size: 120% !important;
  margin-top: 3px;
}
.ui-layout-resizer .ui-layout-toggler .ui-icon-arrow-4-diag {
  background-image: url("/iPCP/resources/images/icons/expand-gray.svg") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-close::before {
  content: " " !important;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-n::before {
  content: " " !important;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-w::before {
  content: " " !important;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-e::before {
  content: " " !important;
}
.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-icon .ui-icon-triangle-1-s::before {
  content: " " !important;
}
.ui-layout-resizer .ui-layout-toggler .ui-icon-arrow-4-diag::before {
  content: " " !important;
}
/*Style For UI Wizard --------------------------------------------------------------------------------------*/
.ui-wizard .ui-wizard-step-titles li {
  padding: 10px 20px !important;
  font-size: 14px;
  color: #ffffff;
  font-family: "NotesWeb-Regular",sans-serif;
  font-weight: 400;
  border-radius: 2px;
  background-clip: padding-box;
  background-color: #00539f;
}
.ui-wizard .ui-wizard-step-titles li.ui-state-highlight {
  background-color: #00539f;
}
.ui-wizard .ui-wizard-nav-back .ui-icon-arrowthick-1-w {
  background-image: url("/iPCP/resources/images/icons/left-arrow.svg") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-wizard .ui-wizard-nav-next .ui-icon-arrowthick-1-e {
  background-image: url("/iPCP/resources/images/icons/right-arrow.svg") !important;
  background-position: center !important;
  background-size: 110% !important;
}
.ui-wizard .ui-wizard-nav-back .ui-icon-arrowthick-1-w::before {
  content: " " !important;
}
.ui-wizard .ui-wizard-nav-next .ui-icon-arrowthick-1-e::before {
  content: " " !important;
}
/*Style For UI State Focus --------------------------------------------------------------------------------------*/
.ui-button.ui-state-focus {
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  background-color: #00539f;
}
.ui-inputswitch-handle.ui-state-focus {
  box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.7) !important;
  background-color: #BBDEFB;
}
.ui-slider-handle.ui-state-focus {
  background-color: #BBDEFB !important;
  border-color: #BBDEFB !important;
}
.ui-selectonemenu.ui-state-focus,
.ui-selectcheckboxmenu.ui-state-focus {
  border-bottom: solid 1px #00539f !important;
}
.ui-datatable table thead tr th.ui-state-focus {
  background-color: #dbdbdb;
  box-shadow: inset 0px -3px 0px 0px #546e7a;
}
/* Fluid Elements Specific Styles ============================================================================================ */
/* SelectOneMenu - SelectCheckboxMenu */
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger,
.ui-fluid .ui-selectcheckboxmenu-trigger {
  width: 38px !important;
  height: 38px !important;
}
.ui-fluid .ui-selectonemenu,
.ui-selectcheckboxmenu {
  padding: 0px 32px 0px 0px !important;
}
.ui-fluid .ui-selectcheckboxmenu {
  box-sizing: border-box;
}
/* Spinner - Slider */
.ui-fluid .ui-spinner {
  box-sizing: border-box;
}
.ui-fluid .ui-slider {
  margin-top: 8px;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-icon {
  left: 0px !important;
}
/* AutoComplete */
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown {
  right: -2px;
}
.ui-fluid .ui-autocomplete .ui-autocomplete-input {
  padding-right: 2.5em !important;
}
/* Calendar */
.ui-fluid .ui-datepicker-trigger {
  margin: 0px 0px 0px -41px !important;
  border-radius: 0px !important;
  min-width: 41px !important;
}
/* RadioButton Checkbox */
.ui-fluid .ui-radiobutton {
  margin: 0px 8px 0px 0px !important;
}
.ui-fluid .ui-selectoneradio label {
  margin-top: -1px !important;
}
.ui-fluid .ui-chkbox .ui-chkbox-box {
  margin: 0px 7px 0px 0px;
}
.ui-fluid .ui-selectmanycheckbox label {
  margin-top: -1px !important;
}
/* SelectOneButton - SelectMenyButton */
.ui-fluid .ui-buttonset {
  box-sizing: border-box;
}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
  border: solid 1px #fff;
  box-sizing: border-box;
  margin: 0px !important;
}
.ui-fluid .ui-selectonebutton.ui-buttonset-2,
.ui-fluid .ui-selectonebutton.ui-buttonset-3 {
  padding: 0px !important;
}
/* ButtonSet - For 5.3 compatibility */
.ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-3 .ui-button,
.ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-3 .ui-button {
  width: 33.3%;
}
.ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-6 .ui-button,
.ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-6 .ui-button {
  width: 16.65%;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-3 .ui-button,
  .ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-3 .ui-button,
  .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-6 .ui-button,
  .ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-6 .ui-button {
    width: 100%;
  }
}
/* Tree */
.ui-fluid .ui-tree {
  box-sizing: border-box;
}
/* PickList */
.ui-fluid .ui-picklist .ui-picklist-buttons-cell .ui-button .ui-icon,
.ui-picklist-responsive .ui-picklist-buttons-cell .ui-button .ui-icon {
  position: static;
  margin: 6px 0px -32px 0px;
  width: 100%;
  background-size: 18px;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  margin: 0.3em auto;
  max-width: 100% !important;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list {
  min-width: 0;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    max-width: 50px;
    margin-right: 0.1em;
  }
}
/* OrderList */
.ui-fluid .ui-orderlist {
  box-sizing: border-box;
}
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
  margin-right: 0px !important;
}
.ui-fluid .ui-orderlist .ui-orderlist-controls .ui-button .ui-icon,
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button .ui-icon {
  position: static;
  margin: 6px 0px -32px 0px;
  width: 100%;
  background-size: 18px;
}
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls button {
  max-width: 100% !important;
}
@media (max-width: 575px), (min-width:576px) and (max-width: 767px) {
  .ui-fluid .ui-orderlist .ui-orderlist-controls .ui-button,
  .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
    max-width: 50px;
  }
}
/* Menu - Panel Menu */
.ui-fluid .ui-menu.ui-menu-toggleable li.ui-widget-header h3 {
  padding-left: 33px !important;
}
.ui-fluid .ui-menu.ui-menu-toggleable li.ui-widget-header {
  width: 100% !important;
  padding: 7px 0px;
}
@font-face {
  font-family: NotesWeb-Regular;
  src: local(''), url('https://prebooking.goldbeck-parking.at/iPCP/system/fa/U6TU-B32VM4-G4LY-BIX4L4-UNVP-LG5Q') format(woff);
  font-weight: normal;
  font-style: 300;
}
@font-face {
  font-family: NotesWeb-Bold;
  src: local(''), url('https://prebooking.goldbeck-parking.at/iPCP/system/fa/33PN-KA64A2-J6VP-IF3OLZ-AAAC-BCMQ') format(woff);
  font-weight: normal;
  font-style: 500;
}
/*
 * Theming variables
 */
/*
* blue: #00539f
* orange hell:  #EC6707
* orange dunkel:#ED6F40
* gray:         #918a84
* gray hell:    #d9d9d9
* grau dunkel 	#938C86
*/
html body.app .ipcp-header-menu {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
html body.app div.ipcp-login-state {
  float: right;
  text-transform: uppercase;
}
html body.app div.ipcp-login-state a {
  text-decoration: none;
  color: #000;
}
html body.app div.ipcp-login-state a:hover {
  color: #333;
}
html body.app .ui-steps .ui-steps-item .ui-steps-number {
  background-color: #545454;
  color: #fff;
  border: 3px solid #fff;
}
html body.app .ui-steps .ui-steps-title {
  background-color: rgba(84, 84, 84, 0.9);
  color: #fff;
  padding: 5px;
  margin-top: 5px;
  border-radius: 20px;
  background-clip: padding-box;
}
html body.app div.header div.ipcp-header {
  height: 80px;
}
html body.app div.header div.ipcp-header a {
  display: none;
}
body.app .Wrapper {
  background: url('https://prebooking.goldbeck-parking.at/iPCP/system/fa/39-4rv4lTTTRcHF6SnJ_PFw.png') #fff no-repeat top left !important;
  background-size: 100% !important;
}
body.app.ReservationCancel .Wrapper,
body.app.ReservationChange .Wrapper,
body.app.ReservationCreate .Wrapper {
  background-image: url("/iPCP/resources/images/banner_parkingreservation.png") !important;
}
body.app.ContractParkingCancel .Wrapper,
body.app.ContractParkingChange .Wrapper,
body.app.ContractParkingCreate .Wrapper,
body.app.ContractParkingSuspend .Wrapper {
  background-image: url("/iPCP/resources/images/banner_contractparker.png") !important;
}
body.app.MultiPurposeCardCreate .Wrapper,
body.app.MultiPurposeCardCancel .Wrapper,
body.app.MultiPurposeCardCredit .Wrapper,
body.app.MultiPurposeCardSuspend .Wrapper {
  background-image: url("/iPCP/resources/images/banner_multipurposecard.png") !important;
}
html body div.headerContainer div.ipcp-header a.ipcp-logo-link {
  background-image: url('https://prebooking.goldbeck-parking.at/iPCP/system/fa/5uaKi5Sq_N6Jjb2IGryfvbc.svg') !important;
}
.regPasswordTooltip.ui-corner-all {
  color: yellow !important;
  background-color: transparent !important;
  border: none;
}
.regPasswordTooltip.ui-corner-all > .ui-message-error-icon {
  margin-top: -10px !important;
  margin-right: 10px !important;
}
#cartFrm\:acceptAgbs > * div.ui-selectbooleancheckbox.ui-chkbox.ui-widget {
  display: block;
}
/*# sourceMappingURL=$less$5745913057433219390$54.css.map */