@charset "UTF-8";
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("/cibplus-webui/javax.faces.resource/open-sans-regular-latin.woff2.xhtml?ln=fonts") format("woff2"), url("/cibplus-webui/javax.faces.resource/open-sans-regular-latin.woff.xhtml?ln=fonts") 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: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("/cibplus-webui/javax.faces.resource/open-sans-regular-latin-ext.woff2.xhtml?ln=fonts") format("woff2"), url("/cibplus-webui/javax.faces.resource/open-sans-regular-latin-ext.woff.xhtml?ln=fonts") format("woff");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/cibplus-webui/javax.faces.resource/open-sans-bold-latin.woff2.xhtml?ln=fonts") format("woff2"), url("/cibplus-webui/javax.faces.resource/open-sans-bold-latin.woff.xhtml?ln=fonts") 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: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/cibplus-webui/javax.faces.resource/open-sans-bold-latin-ext.woff2.xhtml?ln=fonts") format("woff2"), url("/cibplus-webui/javax.faces.resource/open-sans-bold-latin-ext.woff.xhtml?ln=fonts") format("woff");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/cibplus-webui/javax.faces.resource/open-sans-light-latin.woff2.xhtml?ln=fonts") format("woff2"), url("/cibplus-webui/javax.faces.resource/open-sans-light-latin.woff.xhtml?ln=fonts") format("woff");
}
/*!
 * Generated with the online tool http://sebastianpontow.de/css2compass/ from the concatenated sources
 * of the following docblocks (currently only: jquery-ui.theme.css).
 * These settings have been used:
 * - Tab-String: "	"
 * - Remove duplicate values: "no"
 * - Vendor-prefixes: "comment them out"
 * - What formats should your colors have: "Don't change it"
 * - What quotes should your fonts and urls have: "double quotes"
 * - What output would you like: "Compass (scss)"
 * - Create variables for: colors, data-uris, urls
 * - Color names as variable names: "no" <- generates numbered color names which are easier to handle for us.
 * - Suggest mixins provided by compass: "no"
 * - How many properties for @extend: "5" <- meant to effectively disable that function in our case.
 *
 * NOTE that !default has been manually added to all color variables in order to be able to override them.
 * NOTE that all image urls have been manually turned into resource URLs as needed by JSF / PrimeFaces.
 */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgTextureHighlight=flat&bgColorHighlight=%23fffa90&iconColorActive=%23009493&fcActive=%23009493&borderColorActive=%23afb0b2&bgTextureActive=flat&bgColorActive=%23ffffff&iconColorHover=%2352535b&fcHover=%2352535b&borderColorHover=%23afb0b2&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%2352535b&fcDefault=%2352535b&borderColorDefault=%23afb0b2&bgTextureDefault=flat&bgColorDefault=%23ffffff&iconColorContent=%2352535b&fcContent=%2352535b&borderColorContent=%23afb0b2&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%2352535b&fcHeader=%2352535b&borderColorHeader=%23afb0b2&bgTextureHeader=flat&bgColorHeader=%23ffffff&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Open%20Sans
 */
.ui-widget {
  font-family: "Open Sans";
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input {
  font-family: "Open Sans";
  font-size: 1em;
}
.ui-widget select {
  font-family: "Open Sans";
  font-size: 1em;
}
.ui-widget textarea {
  font-family: "Open Sans";
  font-size: 1em;
}
.ui-widget button {
  font-family: "Open Sans";
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #afb0b2;
}

.ui-widget-content {
  border: 1px solid #afb0b2;
  background: #ffffff;
  color: #52535b;
}
.ui-widget-content a {
  color: #52535b;
}
.ui-widget-content .ui-state-default {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #52535b;
}
.ui-widget-content .ui-state-hover {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-widget-content .ui-state-focus {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-widget-content .ui-state-active {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #009493;
}
.ui-widget-content .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-widget-content .ui-state-highlight a {
  color: #777620;
}
.ui-widget-content .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #b94a48;
}
.ui-widget-content .ui-state-error a {
  color: #b94a48;
}
.ui-widget-content .ui-state-error-text {
  color: #b94a48;
}
.ui-widget-content .ui-priority-primary {
  font-weight: bold;
}
.ui-widget-content .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-widget-content .ui-state-disabled {
  /* opacity: .35; */ /* RMa */
  opacity: 0.5;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-widget-content .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-widget-header {
  border: 1px solid #afb0b2;
  background: #ffffff;
  color: #52535b;
  font-weight: bold;
}
.ui-widget-header a {
  color: #52535b;
}
.ui-widget-header .ui-state-default {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #52535b;
}
.ui-widget-header .ui-state-hover {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-widget-header .ui-state-focus {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-widget-header .ui-state-active {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #009493;
}
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #b94a48;
}
.ui-widget-header .ui-state-error a {
  color: #b94a48;
}
.ui-widget-header .ui-state-error-text {
  color: #b94a48;
}
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-widget-header .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-state-default {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #52535b;
}
.ui-state-default a {
  color: #52535b;
  text-decoration: none;
}
.ui-state-default a:link {
  color: #52535b;
  text-decoration: none;
}
.ui-state-default a:visited {
  color: #52535b;
  text-decoration: none;
}

.ui-button {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #52535b;
  color: #52535b;
  text-decoration: none;
}
.ui-button:hover {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-button:hover .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}
.ui-button:focus {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-button:focus .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}
.ui-button:active {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #009493;
}
.ui-button:active .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_009493_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}
.ui-button .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}
.ui-button.ui-state-active:hover {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #009493;
}
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_777620_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

a.ui-button {
  color: #52535b;
  text-decoration: none;
}
a.ui-button:hover {
  color: #52535b;
  text-decoration: none;
}
a.ui-button:focus {
  color: #52535b;
  text-decoration: none;
}
a.ui-button:active {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #009493;
}
a:link.ui-button {
  color: #52535b;
  text-decoration: none;
}
a:visited.ui-button {
  color: #52535b;
  text-decoration: none;
}

.ui-state-hover {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-state-hover a {
  color: #52535b;
  text-decoration: none;
}
.ui-state-hover a:hover {
  color: #52535b;
  text-decoration: none;
}
.ui-state-hover a:link {
  color: #52535b;
  text-decoration: none;
}
.ui-state-hover a:visited {
  color: #52535b;
  text-decoration: none;
}
.ui-state-hover .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-state-focus {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}
.ui-state-focus a {
  color: #52535b;
  text-decoration: none;
}
.ui-state-focus a:hover {
  color: #52535b;
  text-decoration: none;
}
.ui-state-focus a:link {
  color: #52535b;
  text-decoration: none;
}
.ui-state-focus a:visited {
  color: #52535b;
  text-decoration: none;
}
.ui-state-focus .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #009493;
}
.ui-state-active .ui-icon-background {
  border: #afb0b2;
  background-color: #009493;
}
.ui-state-active a {
  color: #009493;
  text-decoration: none;
}
.ui-state-active a:link {
  color: #009493;
  text-decoration: none;
}
.ui-state-active a:visited {
  color: #009493;
  text-decoration: none;
}
.ui-state-active .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_009493_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-icon-background {
  border: #afb0b2;
  background-color: #009493;
}

.ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-highlight a {
  color: #777620;
}
.ui-state-highlight .ui-icon {
  /* background-image: $url_2; */ /* RMa */
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_009493_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #b94a48;
}
.ui-state-error a {
  color: #b94a48;
}
.ui-state-error .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_cc0000_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-state-error-text {
  color: #b94a48;
}
.ui-state-error-text .ui-icon {
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_cc0000_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled {
  /* opacity: .35; */ /* RMa */
  opacity: 0.5;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("/cibplus-webui/javax.faces.resource/images/ui-icons_52535b_256x240.png.xhtml?ln=primefaces-vdpR-theme&v=12.0.0&e=12.0.7");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n, .ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne, .ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e, .ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se, .ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s, .ui-icon-carat-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw, .ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w, .ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw, .ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s, .ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w, .ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-corner-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-corner-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  box-shadow: 0 0 5px #666666;
}

html .ui-button.ui-state-disabled:hover {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #52535b;
}
html .ui-button.ui-state-disabled:active {
  border: 1px solid #afb0b2;
  background: #ffffff;
  font-weight: normal;
  color: #52535b;
}

a {
  color: #eb453e;
}

body .ui-corner-all, body .ui-chkbox .ui-chkbox-box {
  border-radius: 0;
}
body .ui-widget.ui-button {
  color: #009493;
}
body .ui-widget.ui-button.ui-priority-primary {
  font-weight: normal;
  background-color: #009493;
  border-color: #009493;
  color: #fff;
}
body .ui-widget.ui-button.ui-priority-primary:hover, body .ui-widget.ui-button.ui-priority-primary:focus {
  background-color: #009493;
  border-color: #009493;
  color: #fff;
}
body .ui-messages-error, body .ui-messages-warn, body .ui-messages-info {
  display: flex;
}
body .ui-messages-error-icon, body .ui-messages-warn-icon, body .ui-messages-info-icon {
  display: inline-block;
  font: normal normal normal 1.2em/1.2 "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  flex-grow: 0;
  background-image: none;
  float: none;
  margin: 0;
  height: auto;
  width: auto;
}
body .ui-messages-error-icon:before {
  content: "\F057";
}
body .ui-messages-warn-icon:before {
  content: "\F06A";
}
body .ui-messages-info-icon:before {
  content: "\F058";
}
body .ui-messages-error-summary, body .ui-messages-warn-summary, body .ui-messages-info-summary {
  margin-left: 0;
  font-weight: normal;
}
body .ui-inputtextarea {
  resize: vertical;
}
body .ui-widget.ui-state-error {
  background: #fff;
}
body label.ui-state-error {
  color: #b94a48;
}
body .ui-widget-content .ui-state-error {
  border-color: #b94a48;
}
body .ui-selectonebutton .ui-state-active {
  color: #fff;
  background-color: #009493;
  border-color: #009493;
}

body .ui-tooltip .ui-tooltip-text.ui-state-error {
  border: none;
}
body .ui-autocomplete-panel .ui-state-highlight {
  background-color: #009493;
  color: #fff;
}
body .ui-selectonemenu-panel .ui-state-highlight,
body .ui-datepicker-calendar .ui-state-highlight {
  color: #e8553b;
  background-color: #fff;
}
body .ui-datepicker-calendar .ui-state-highlight {
  border-color: #e8553b;
}
body .ui-selectonemenu-panel .ui-state-hover,
body .ui-selectonemenu-panel .ui-state-focus,
body .ui-datepicker-calendar .ui-state-hover,
body .ui-datepicker-calendar .ui-state-focus {
  background-color: #009493;
  color: #fff;
}
body .ui-selectonemenu-panel,
body #ui-datepicker-div,
body .ui-autocomplete-panel {
  font-size: 0.8em;
}

* {
  box-sizing: border-box;
  /*&:after, &:before {
    // the problem here is, that it overflows the browser with :after and :before pseudo styles
    // so you might want to consider applying this only to concrete elements
    box-sizing:border-box;
  }*/
}

fieldset {
  margin: 0;
}

.fa-spin.cib-fa-once {
  animation-iteration-count: 1;
}

body .ui-calendar > .ui-inputfield,
body .ui-inputnumber > .ui-inputfield {
  width: inherit;
  text-align: inherit;
}
body .ui-outputlabel > span:not(:last-child),
body .ui-outputlabel > span:not(:first-child) {
  font-weight: bold;
}

.ui-tooltip-global, .ui-tooltip {
  pointer-events: none;
  font-size: 0.8em;
  max-width: 400px;
  white-space: pre-wrap;
}

.cib-hr-dashed, fieldset hr, .cib-fieldset hr, .cib-hr-solid, hr {
  border-style: hidden;
  margin: 1.5em 0;
}

.cib-hr-solid, hr {
  border-top: 1px solid #afb0b2;
}

.cib-hr-dashed, fieldset hr, .cib-fieldset hr {
  border-top: 1px dashed #f9cbc9;
}

sub {
  font-size: 70%;
}

.cib-nogrid, .ui-panelgrid.cib-nogrid .ui-panelgrid-cell {
  border-style: hidden;
}

.cib-element-fullwidth {
  width: 100%;
}

.cib-button-hot-action.ui-widget.ui-button {
  font-weight: normal;
  background-color: #e8553b;
  border-color: #e8553b;
  color: #fff;
}

.cib-button-suggested-differed span {
  color: #e8553b;
}

.ui-selectonebutton.cib-button-hot-action .ui-button {
  font-size: 120%;
  font-weight: normal;
  background-color: #fff;
  border-color: #e8553b;
  color: #e8553b;
}

.ui-selectcheckboxmenu-multiple.cib-button-hot-action .ui-selectcheckboxmenu-token,
.ui-selectonebutton.cib-button-hot-action .ui-button.ui-state-active {
  font-weight: normal;
  background-color: #e8553b;
  border-color: #e8553b;
  color: #fff;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter,
.ui-selectonemenu-panel .ui-selectonemenu-filter.ui-state-focus {
  border: 1px solid #afb0b2;
  background: #ededed;
  font-weight: normal;
  color: #52535b;
}

.ui-selectonemenu-filter-container > input.ui-selectonemenu-filter {
  width: 100%;
}

.ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .cib-button-hot-action i {
  color: #e8553b;
}
.ui-datascroller .ui-datascroller-content .ui-datascroller-list .ui-datascroller-item .cib-doc-object {
  background: #eaeaea;
}

fieldset .vdp-msg-warn {
  border-style: hidden;
  color: #eb453e;
  font-style: normal;
}

.vdp-no-gridlines .ui-widget-header {
  background: transparent;
  font-weight: inherit;
}

body .ui-growl .ui-growl-item-container.ui-growl-info {
  background-color: #c7e0ec;
  border-color: #b4d5e6;
  color: #3a87ad;
  font-size: 0.8em;
}
body .ui-growl .ui-growl-item-container.ui-growl-error {
  background-color: #f1dcdc;
  border-color: #eacac9;
  color: #b94a48;
  font-size: 0.8em;
}

.ui-growl.ui-widget > .ui-growl-item-container > .ui-growl-item > .ui-growl-icon-close:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\F00D";
  position: absolute;
  top: 0;
}
.ui-growl.ui-widget > .ui-state-highlight .ui-icon {
  text-indent: 0;
  background-image: none;
}
.ui-growl.ui-widget > .ui-state-highlight .ui-growl-image {
  background-image: none;
}
.ui-growl.ui-widget > .ui-state-highlight .ui-growl-message {
  float: left;
}

.checkbox-collection-item-simple.cib-print-sublist {
  margin-left: 1.75em;
}

div.vdp-method-result > div {
  font-weight: bold;
}

.ui-autocomplete-panel.cib-autocomplete-overlay {
  overflow: hidden;
}
.ui-autocomplete-panel.cib-autocomplete-overlay.compact * {
  white-space: nowrap;
  border-style: hidden;
}

.cib-info-message {
  margin-bottom: 1em;
  background-color: #d9edf7;
  height: 3em;
  padding-top: 0.7em;
  padding-left: 0.8em;
  border-radius: 3px;
}

.ui-button:focus {
  outline: none;
}

.ui-button::-moz-focus-inner {
  border: 0;
}

.ui-texteditor > * {
  font-family: inherit !important;
}

.ui-dialog .ui-dialog-titlebar {
  background-color: #009493;
  color: white;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-minimize,
.ui-dialog .ui-dialog-titlebar-maximize {
  background-color: white;
}

.cib-break-word {
  word-break: break-word;
  word-wrap: break-word;
}

.cib-select-style {
  padding: 0;
  margin: 0 1em;
  border: 1px solid #afb0b2;
  width: 160px;
  border-radius: 0;
  overflow: hidden;
  background-color: #fff;
  color: #52535b;
  background: #afb0b2 url("/cibplus-webui/javax.faces.resource/arrow-down.svg.xhtml?ln=images") no-repeat 95% 50%;
  background-size: 10%;
}
.cib-select-style select {
  padding: 5px 8px;
  width: 130%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
}
.cib-select-style select:focus {
  outline: none;
}

body fieldset.ui-fieldset .ui-fieldset-legend {
  border: none;
  color: #e8553b;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
body fieldset.ui-fieldset.ui-widget {
  border-color: #f9cbc9;
  border-style: dashed;
}
body .ui-chkbox-icon {
  transform: translate(-4%, -12%);
}
body .ui-radiobutton-icon {
  transform: translate(-4%, -9%);
}
body .ui-radiobutton .ui-radiobutton-box {
  border-radius: 50%;
}

.cib-fieldset {
  border: 1px dashed #f9cbc9;
  padding: 0 1rem 1rem 1rem;
  margin: 2rem 5px 5px 5px;
  overflow: visible;
  background-color: #fff;
}
.cib-fieldset .cib-legend {
  line-height: 1;
  display: inline-block;
  background-color: #fff;
  padding: 0 0.5rem;
  margin: 0 -0.5rem;
  transform: translateY(-50%);
}
.cib-fieldset .cib-legend + .cib-fieldset-content {
  margin-top: -0.5rem;
}
.cib-fieldset .cib-fieldset-content {
  overflow: hidden;
}

.cib-fieldset-buttons {
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
}

.vdp-autostyle-form-grid > div, .vdp-autostyle-form-grid .vdp-fg {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0.5em;
  align-items: center;
}
.vdp-autostyle-form-grid > div label:not(.ui-selectonemenu-label),
.vdp-autostyle-form-grid > div .ui-column-title, .vdp-autostyle-form-grid .vdp-fg label:not(.ui-selectonemenu-label),
.vdp-autostyle-form-grid .vdp-fg .ui-column-title {
  display: block;
  padding: 0.5em 0.5em 0.5em 0;
  width: 100%;
}
@media all and (min-width: 640px) {
  .vdp-autostyle-form-grid > div label:not(.ui-selectonemenu-label),
.vdp-autostyle-form-grid > div .ui-column-title, .vdp-autostyle-form-grid .vdp-fg label:not(.ui-selectonemenu-label),
.vdp-autostyle-form-grid .vdp-fg .ui-column-title {
    width: 13.25em;
    margin-right: 1em;
  }
}
.vdp-autostyle-form-grid > div input:not(.ui-helper-hidden), .vdp-autostyle-form-grid > div .ui-autocomplete, .vdp-autostyle-form-grid > div .ui-selectonemenu, .vdp-autostyle-form-grid > div .ui-selectonelistbox, .vdp-autostyle-form-grid > div .ui-selectcheckboxmenu, .vdp-autostyle-form-grid > div .ui-inputtextarea.cib-form-textarea, .vdp-autostyle-form-grid > div .vdp-autostyle-value, .vdp-autostyle-form-grid > div .cib-horizontal, .vdp-autostyle-form-grid .vdp-fg input:not(.ui-helper-hidden), .vdp-autostyle-form-grid .vdp-fg .ui-autocomplete, .vdp-autostyle-form-grid .vdp-fg .ui-selectonemenu, .vdp-autostyle-form-grid .vdp-fg .ui-selectonelistbox, .vdp-autostyle-form-grid .vdp-fg .ui-selectcheckboxmenu, .vdp-autostyle-form-grid .vdp-fg .ui-inputtextarea.cib-form-textarea, .vdp-autostyle-form-grid .vdp-fg .vdp-autostyle-value, .vdp-autostyle-form-grid .vdp-fg .cib-horizontal {
  display: block;
  flex-grow: 1;
  width: 100%;
  /* min-width: 14em; */ /* 16 em; */
}
@media all and (min-width: 640px) {
  .vdp-autostyle-form-grid > div input:not(.ui-helper-hidden), .vdp-autostyle-form-grid > div .ui-autocomplete, .vdp-autostyle-form-grid > div .ui-selectonemenu, .vdp-autostyle-form-grid > div .ui-selectonelistbox, .vdp-autostyle-form-grid > div .ui-selectcheckboxmenu, .vdp-autostyle-form-grid > div .ui-inputtextarea.cib-form-textarea, .vdp-autostyle-form-grid > div .vdp-autostyle-value, .vdp-autostyle-form-grid > div .cib-horizontal, .vdp-autostyle-form-grid .vdp-fg input:not(.ui-helper-hidden), .vdp-autostyle-form-grid .vdp-fg .ui-autocomplete, .vdp-autostyle-form-grid .vdp-fg .ui-selectonemenu, .vdp-autostyle-form-grid .vdp-fg .ui-selectonelistbox, .vdp-autostyle-form-grid .vdp-fg .ui-selectcheckboxmenu, .vdp-autostyle-form-grid .vdp-fg .ui-inputtextarea.cib-form-textarea, .vdp-autostyle-form-grid .vdp-fg .vdp-autostyle-value, .vdp-autostyle-form-grid .vdp-fg .cib-horizontal {
    width: auto;
    min-width: auto;
  }
}
.vdp-autostyle-form-grid > div .ui-selectonelistbox, .vdp-autostyle-form-grid > div .ui-selectcheckboxmenu, .vdp-autostyle-form-grid .vdp-fg .ui-selectonelistbox, .vdp-autostyle-form-grid .vdp-fg .ui-selectcheckboxmenu {
  width: auto;
}
.vdp-autostyle-form-grid > div .cib-horizontal, .vdp-autostyle-form-grid .vdp-fg .cib-horizontal {
  display: flex;
  flex-flow: row wrap;
  margin-top: -0.5em;
  margin-right: -0.5em;
}
.vdp-autostyle-form-grid > div .cib-horizontal > *, .vdp-autostyle-form-grid .vdp-fg .cib-horizontal > * {
  margin-right: 0.5em;
  margin-top: 0.5em;
}
.vdp-autostyle-form-grid > div .cib-horizontal .vdp-fg, .vdp-autostyle-form-grid .vdp-fg .cib-horizontal .vdp-fg {
  flex-grow: 1;
}
.vdp-autostyle-form-grid > div input, .vdp-autostyle-form-grid .vdp-fg input {
  padding: 0.5em;
}
.vdp-autostyle-form-grid > div .vdp-autostyle-value, .vdp-autostyle-form-grid .vdp-fg .vdp-autostyle-value {
  display: flex;
  flex-flow: row wrap;
  margin: -0.5em;
}
.vdp-autostyle-form-grid > div .vdp-autostyle-value > *, .vdp-autostyle-form-grid .vdp-fg .vdp-autostyle-value > * {
  margin: 0.5em;
}
.vdp-autostyle-form-grid > div .ui-autocomplete .ui-autocomplete-input, .vdp-autostyle-form-grid .vdp-fg .ui-autocomplete .ui-autocomplete-input {
  width: 100%;
}
.vdp-autostyle-form-grid > div .ui-selectonemenu label, .vdp-autostyle-form-grid .vdp-fg .ui-selectonemenu label {
  height: 100%;
  padding: 0.5em;
}
.vdp-autostyle-form-grid > div .ui-selectonemenu .ui-selectonemenu-trigger, .vdp-autostyle-form-grid .vdp-fg .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 2em;
}
.vdp-autostyle-form-grid > div .ui-selectcheckboxmenu label, .vdp-autostyle-form-grid .vdp-fg .ui-selectcheckboxmenu label {
  height: 100%;
  padding: 0.5em;
}
.vdp-autostyle-form-grid > div .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger, .vdp-autostyle-form-grid .vdp-fg .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  width: 2em;
}
.vdp-autostyle-form-grid > div * + input:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid > div * + .vdp-autostyle-value:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid > div * + .ui-selectonemenu:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid > div * + .ui-autocomplete:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid > div * + .ui-inputnumber:nth-last-child(2) ~ *, .vdp-autostyle-form-grid .vdp-fg * + input:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid .vdp-fg * + .vdp-autostyle-value:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid .vdp-fg * + .ui-selectonemenu:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid .vdp-fg * + .ui-autocomplete:nth-last-child(2) ~ *,
.vdp-autostyle-form-grid .vdp-fg * + .ui-inputnumber:nth-last-child(2) ~ * {
  margin-left: 2em;
}
.vdp-autostyle-form-grid > div > .ui-inputtext {
  width: calc(100% - 14.25em);
}
.vdp-autostyle-form-grid > div > .ui-selectcheckboxmenu {
  min-height: 32.78px;
}
.vdp-autostyle-form-grid > div > .ui-selectcheckboxmenu > ul {
  min-height: 31.6px;
}
.vdp-autostyle-form-grid .ui-chkbox, .vdp-autostyle-form-grid .ui-selectoneradio td {
  display: flex;
  flex-flow: row nowrap !important;
  align-items: center;
}
.vdp-autostyle-form-grid .ui-chkbox-box, .vdp-autostyle-form-grid .ui-radiobutton {
  flex-shrink: 0;
  display: block;
  margin-right: 16px;
  align-self: flex-start;
}
.vdp-autostyle-form-grid .ui-chkbox .ui-chkbox-label, .vdp-autostyle-form-grid .ui-radiobutton + label {
  display: block;
  flex-shrink: 1;
  margin: 0;
  align-self: flex-start;
}

.vdp-autostyle-form-grid.vdp-dense > div, .vdp-autostyle-form-grid.vdp-dense .vdp-fg {
  align-items: center;
}
@media all and (min-width: 640px) {
  .vdp-autostyle-form-grid.vdp-dense > div label:not(.ui-selectonemenu-label), .vdp-autostyle-form-grid.vdp-dense .vdp-fg label:not(.ui-selectonemenu-label) {
    width: 6.125em;
    margin-right: 1em;
  }
}
.vdp-autostyle-form-grid.vdp-dense > div > .ui-inputtext {
  width: calc(100% - 14.25em * 0.5);
}

.vdp-margin-top {
  margin-top: 2em !important;
}

.vdp-margin-bottom {
  margin-bottom: 2em !important;
}

.cib-row, .cib-space-between {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.cib-row > *:not(:last-child), .cib-space-between > *:not(:last-child) {
  margin-right: 0.5em;
}

.cib-space-between {
  justify-content: space-between;
}

label:empty, label > span:empty {
  height: 1em;
  display: inline-block;
}

@media all and (min-width: 64.063em) {
  .vdp-autostyle-form-grid.vdp-autostyle-lg-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .vdp-autostyle-form-grid.vdp-autostyle-lg-row > *:not(:last-child) {
    margin-right: 0.5em;
  }
  .vdp-autostyle-form-grid.vdp-autostyle-lg-row label:not(.ui-selectonemenu-label) {
    width: auto;
    margin-right: 0.5em;
  }
}
.vdp-footer-column {
  border: 1px solid #afb0b2;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 1rem 1.1rem;
}
@media all and (min-width: 641px) {
  .vdp-footer-column {
    flex-flow: row nowrap;
  }
}
.vdp-footer-column > *, .vdp-footer-column .ui-widget.ui-button {
  font-size: 1em;
}
@media all and (min-width: 900px) {
  .vdp-footer-column > *, .vdp-footer-column .ui-widget.ui-button {
    font-size: 1rem;
  }
}
.vdp-footer-column > *:not(:last-child) {
  margin-right: 1em;
}
.vdp-footer-column .vdp-footer-move-right {
  margin-left: auto;
}
.vdp-footer-column .vdp-footer-move-right ~ .vdp-footer-move-right {
  margin-left: 0;
}
.vdp-footer-column .ui-selectonemenu label {
  height: 100%;
  padding: 0.5em;
}
.vdp-footer-column .ui-selectonemenu .ui-selectonemenu-trigger {
  width: 2em;
}
.vdp-footer-column .ui-selectcheckboxmenu label {
  height: 100%;
  padding: 0.5em;
}
.vdp-footer-column .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  width: 2em;
}

.cib-display-grid {
  display: grid;
}

.cib-margin-bottom {
  margin-bottom: 10px;
}

@media all and (min-width: 1025px) {
  .ui-selectonemenu.cib-max-chars-1,
.cib-max-chars-1 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-1 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-1 label,
.ui-datatable.cib-table-input .cib-max-chars-1 input.ui-inputfield,
.cib-max-chars-1 input:not(.ui-helper-hidden) {
    max-width: 1em;
  }
  .ui-selectonemenu.cib-min-chars-1 label,
.ui-datatable.cib-table-input .cib-min-chars-1 input.ui-inputfield,
.cib-min-chars-1 input:not(.ui-helper-hidden) {
    min-width: 1em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-1 {
    max-width: 1ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-1 {
    max-width: 1ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-2,
.cib-max-chars-2 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-2 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-2 label,
.ui-datatable.cib-table-input .cib-max-chars-2 input.ui-inputfield,
.cib-max-chars-2 input:not(.ui-helper-hidden) {
    max-width: 2em;
  }
  .ui-selectonemenu.cib-min-chars-2 label,
.ui-datatable.cib-table-input .cib-min-chars-2 input.ui-inputfield,
.cib-min-chars-2 input:not(.ui-helper-hidden) {
    min-width: 2em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-2 {
    max-width: 2ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-2 {
    max-width: 2ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-3,
.cib-max-chars-3 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-3 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-3 label,
.ui-datatable.cib-table-input .cib-max-chars-3 input.ui-inputfield,
.cib-max-chars-3 input:not(.ui-helper-hidden) {
    max-width: 3em;
  }
  .ui-selectonemenu.cib-min-chars-3 label,
.ui-datatable.cib-table-input .cib-min-chars-3 input.ui-inputfield,
.cib-min-chars-3 input:not(.ui-helper-hidden) {
    min-width: 3em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-3 {
    max-width: 3ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-3 {
    max-width: 3ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-4,
.cib-max-chars-4 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-4 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-4 label,
.ui-datatable.cib-table-input .cib-max-chars-4 input.ui-inputfield,
.cib-max-chars-4 input:not(.ui-helper-hidden) {
    max-width: 4em;
  }
  .ui-selectonemenu.cib-min-chars-4 label,
.ui-datatable.cib-table-input .cib-min-chars-4 input.ui-inputfield,
.cib-min-chars-4 input:not(.ui-helper-hidden) {
    min-width: 4em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-4 {
    max-width: 4ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-4 {
    max-width: 4ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-5,
.cib-max-chars-5 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-5 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-5 label,
.ui-datatable.cib-table-input .cib-max-chars-5 input.ui-inputfield,
.cib-max-chars-5 input:not(.ui-helper-hidden) {
    max-width: 5em;
  }
  .ui-selectonemenu.cib-min-chars-5 label,
.ui-datatable.cib-table-input .cib-min-chars-5 input.ui-inputfield,
.cib-min-chars-5 input:not(.ui-helper-hidden) {
    min-width: 5em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-5 {
    max-width: 5ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-5 {
    max-width: 5ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-6,
.cib-max-chars-6 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-6 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-6 label,
.ui-datatable.cib-table-input .cib-max-chars-6 input.ui-inputfield,
.cib-max-chars-6 input:not(.ui-helper-hidden) {
    max-width: 6em;
  }
  .ui-selectonemenu.cib-min-chars-6 label,
.ui-datatable.cib-table-input .cib-min-chars-6 input.ui-inputfield,
.cib-min-chars-6 input:not(.ui-helper-hidden) {
    min-width: 6em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-6 {
    max-width: 6ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-6 {
    max-width: 6ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-7,
.cib-max-chars-7 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-7 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-7 label,
.ui-datatable.cib-table-input .cib-max-chars-7 input.ui-inputfield,
.cib-max-chars-7 input:not(.ui-helper-hidden) {
    max-width: 7em;
  }
  .ui-selectonemenu.cib-min-chars-7 label,
.ui-datatable.cib-table-input .cib-min-chars-7 input.ui-inputfield,
.cib-min-chars-7 input:not(.ui-helper-hidden) {
    min-width: 7em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-7 {
    max-width: 7ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-7 {
    max-width: 7ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-8,
.cib-max-chars-8 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-8 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-8 label,
.ui-datatable.cib-table-input .cib-max-chars-8 input.ui-inputfield,
.cib-max-chars-8 input:not(.ui-helper-hidden) {
    max-width: 8em;
  }
  .ui-selectonemenu.cib-min-chars-8 label,
.ui-datatable.cib-table-input .cib-min-chars-8 input.ui-inputfield,
.cib-min-chars-8 input:not(.ui-helper-hidden) {
    min-width: 8em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-8 {
    max-width: 8ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-8 {
    max-width: 8ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-9,
.cib-max-chars-9 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-9 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-9 label,
.ui-datatable.cib-table-input .cib-max-chars-9 input.ui-inputfield,
.cib-max-chars-9 input:not(.ui-helper-hidden) {
    max-width: 9em;
  }
  .ui-selectonemenu.cib-min-chars-9 label,
.ui-datatable.cib-table-input .cib-min-chars-9 input.ui-inputfield,
.cib-min-chars-9 input:not(.ui-helper-hidden) {
    min-width: 9em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-9 {
    max-width: 9ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-9 {
    max-width: 9ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-10,
.cib-max-chars-10 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-10 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-10 label,
.ui-datatable.cib-table-input .cib-max-chars-10 input.ui-inputfield,
.cib-max-chars-10 input:not(.ui-helper-hidden) {
    max-width: 10em;
  }
  .ui-selectonemenu.cib-min-chars-10 label,
.ui-datatable.cib-table-input .cib-min-chars-10 input.ui-inputfield,
.cib-min-chars-10 input:not(.ui-helper-hidden) {
    min-width: 10em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-10 {
    max-width: 10ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-10 {
    max-width: 10ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-12,
.cib-max-chars-12 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-12 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-12 label,
.ui-datatable.cib-table-input .cib-max-chars-12 input.ui-inputfield,
.cib-max-chars-12 input:not(.ui-helper-hidden) {
    max-width: 12em;
  }
  .ui-selectonemenu.cib-min-chars-12 label,
.ui-datatable.cib-table-input .cib-min-chars-12 input.ui-inputfield,
.cib-min-chars-12 input:not(.ui-helper-hidden) {
    min-width: 12em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-12 {
    max-width: 12ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-12 {
    max-width: 12ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-14,
.cib-max-chars-14 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-14 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-14 label,
.ui-datatable.cib-table-input .cib-max-chars-14 input.ui-inputfield,
.cib-max-chars-14 input:not(.ui-helper-hidden) {
    max-width: 14em;
  }
  .ui-selectonemenu.cib-min-chars-14 label,
.ui-datatable.cib-table-input .cib-min-chars-14 input.ui-inputfield,
.cib-min-chars-14 input:not(.ui-helper-hidden) {
    min-width: 14em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-14 {
    max-width: 14ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-14 {
    max-width: 14ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-15,
.cib-max-chars-15 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-15 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-15 label,
.ui-datatable.cib-table-input .cib-max-chars-15 input.ui-inputfield,
.cib-max-chars-15 input:not(.ui-helper-hidden) {
    max-width: 15em;
  }
  .ui-selectonemenu.cib-min-chars-15 label,
.ui-datatable.cib-table-input .cib-min-chars-15 input.ui-inputfield,
.cib-min-chars-15 input:not(.ui-helper-hidden) {
    min-width: 15em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-15 {
    max-width: 15ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-15 {
    max-width: 15ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-16,
.cib-max-chars-16 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-16 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-16 label,
.ui-datatable.cib-table-input .cib-max-chars-16 input.ui-inputfield,
.cib-max-chars-16 input:not(.ui-helper-hidden) {
    max-width: 16em;
  }
  .ui-selectonemenu.cib-min-chars-16 label,
.ui-datatable.cib-table-input .cib-min-chars-16 input.ui-inputfield,
.cib-min-chars-16 input:not(.ui-helper-hidden) {
    min-width: 16em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-16 {
    max-width: 16ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-16 {
    max-width: 16ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-18,
.cib-max-chars-18 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-18 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-18 label,
.ui-datatable.cib-table-input .cib-max-chars-18 input.ui-inputfield,
.cib-max-chars-18 input:not(.ui-helper-hidden) {
    max-width: 18em;
  }
  .ui-selectonemenu.cib-min-chars-18 label,
.ui-datatable.cib-table-input .cib-min-chars-18 input.ui-inputfield,
.cib-min-chars-18 input:not(.ui-helper-hidden) {
    min-width: 18em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-18 {
    max-width: 18ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-18 {
    max-width: 18ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-20,
.cib-max-chars-20 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-20 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-20 label,
.ui-datatable.cib-table-input .cib-max-chars-20 input.ui-inputfield,
.cib-max-chars-20 input:not(.ui-helper-hidden) {
    max-width: 20em;
  }
  .ui-selectonemenu.cib-min-chars-20 label,
.ui-datatable.cib-table-input .cib-min-chars-20 input.ui-inputfield,
.cib-min-chars-20 input:not(.ui-helper-hidden) {
    min-width: 20em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-20 {
    max-width: 20ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-20 {
    max-width: 20ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-22,
.cib-max-chars-22 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-22 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-22 label,
.ui-datatable.cib-table-input .cib-max-chars-22 input.ui-inputfield,
.cib-max-chars-22 input:not(.ui-helper-hidden) {
    max-width: 22em;
  }
  .ui-selectonemenu.cib-min-chars-22 label,
.ui-datatable.cib-table-input .cib-min-chars-22 input.ui-inputfield,
.cib-min-chars-22 input:not(.ui-helper-hidden) {
    min-width: 22em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-22 {
    max-width: 22ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-22 {
    max-width: 22ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-24,
.cib-max-chars-24 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-24 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-24 label,
.ui-datatable.cib-table-input .cib-max-chars-24 input.ui-inputfield,
.cib-max-chars-24 input:not(.ui-helper-hidden) {
    max-width: 24em;
  }
  .ui-selectonemenu.cib-min-chars-24 label,
.ui-datatable.cib-table-input .cib-min-chars-24 input.ui-inputfield,
.cib-min-chars-24 input:not(.ui-helper-hidden) {
    min-width: 24em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-24 {
    max-width: 24ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-24 {
    max-width: 24ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-26,
.cib-max-chars-26 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-26 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-26 label,
.ui-datatable.cib-table-input .cib-max-chars-26 input.ui-inputfield,
.cib-max-chars-26 input:not(.ui-helper-hidden) {
    max-width: 26em;
  }
  .ui-selectonemenu.cib-min-chars-26 label,
.ui-datatable.cib-table-input .cib-min-chars-26 input.ui-inputfield,
.cib-min-chars-26 input:not(.ui-helper-hidden) {
    min-width: 26em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-26 {
    max-width: 26ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-26 {
    max-width: 26ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-28,
.cib-max-chars-28 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-28 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-28 label,
.ui-datatable.cib-table-input .cib-max-chars-28 input.ui-inputfield,
.cib-max-chars-28 input:not(.ui-helper-hidden) {
    max-width: 28em;
  }
  .ui-selectonemenu.cib-min-chars-28 label,
.ui-datatable.cib-table-input .cib-min-chars-28 input.ui-inputfield,
.cib-min-chars-28 input:not(.ui-helper-hidden) {
    min-width: 28em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-28 {
    max-width: 28ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-28 {
    max-width: 28ex;
    display: inline-block;
  }
  .ui-selectonemenu.cib-max-chars-30,
.cib-max-chars-30 input:not(.ui-helper-hidden),
.ui-autocomplete.cib-max-chars-30 {
    flex-grow: 0;
    min-width: 0;
  }
  .ui-selectonemenu.cib-max-chars-30 label,
.ui-datatable.cib-table-input .cib-max-chars-30 input.ui-inputfield,
.cib-max-chars-30 input:not(.ui-helper-hidden) {
    max-width: 30em;
  }
  .ui-selectonemenu.cib-min-chars-30 label,
.ui-datatable.cib-table-input .cib-min-chars-30 input.ui-inputfield,
.cib-min-chars-30 input:not(.ui-helper-hidden) {
    min-width: 30em;
  }
  .ui-inputgroup .ctrl-inputnumber.cib-max-chars-30 {
    max-width: 30ex;
    display: flex;
  }
  .ctrl-inputnumber.cib-max-chars-30 {
    max-width: 30ex;
    display: inline-block;
  }
  .vdp-light-table thead tr th.cib-max-chars-1 {
    width: 3.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-1,
.cib-layout-table th.cib-max-chars-1 {
    width: 1.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-1 {
    width: 1em;
  }
  .vdp-light-table thead tr th.cib-max-chars-2 {
    width: 4.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-2,
.cib-layout-table th.cib-max-chars-2 {
    width: 2.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-2 {
    width: 2em;
  }
  .vdp-light-table thead tr th.cib-max-chars-3 {
    width: 5.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-3,
.cib-layout-table th.cib-max-chars-3 {
    width: 3.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-3 {
    width: 3em;
  }
  .vdp-light-table thead tr th.cib-max-chars-4 {
    width: 6.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-4,
.cib-layout-table th.cib-max-chars-4 {
    width: 4.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-4 {
    width: 4em;
  }
  .vdp-light-table thead tr th.cib-max-chars-5 {
    width: 7.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-5,
.cib-layout-table th.cib-max-chars-5 {
    width: 5.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-5 {
    width: 5em;
  }
  .vdp-light-table thead tr th.cib-max-chars-6 {
    width: 8.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-6,
.cib-layout-table th.cib-max-chars-6 {
    width: 6.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-6 {
    width: 6em;
  }
  .vdp-light-table thead tr th.cib-max-chars-7 {
    width: 9.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-7,
.cib-layout-table th.cib-max-chars-7 {
    width: 7.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-7 {
    width: 7em;
  }
  .vdp-light-table thead tr th.cib-max-chars-8 {
    width: 10.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-8,
.cib-layout-table th.cib-max-chars-8 {
    width: 8.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-8 {
    width: 8em;
  }
  .vdp-light-table thead tr th.cib-max-chars-9 {
    width: 11.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-9,
.cib-layout-table th.cib-max-chars-9 {
    width: 9.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-9 {
    width: 9em;
  }
  .vdp-light-table thead tr th.cib-max-chars-10 {
    width: 12.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-10,
.cib-layout-table th.cib-max-chars-10 {
    width: 10.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-10 {
    width: 10em;
  }
  .vdp-light-table thead tr th.cib-max-chars-12 {
    width: 14.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-12,
.cib-layout-table th.cib-max-chars-12 {
    width: 12.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-12 {
    width: 12em;
  }
  .vdp-light-table thead tr th.cib-max-chars-14 {
    width: 16.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-14,
.cib-layout-table th.cib-max-chars-14 {
    width: 14.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-14 {
    width: 14em;
  }
  .vdp-light-table thead tr th.cib-max-chars-15 {
    width: 17.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-15,
.cib-layout-table th.cib-max-chars-15 {
    width: 15.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-15 {
    width: 15em;
  }
  .vdp-light-table thead tr th.cib-max-chars-16 {
    width: 18.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-16,
.cib-layout-table th.cib-max-chars-16 {
    width: 16.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-16 {
    width: 16em;
  }
  .vdp-light-table thead tr th.cib-max-chars-18 {
    width: 20.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-18,
.cib-layout-table th.cib-max-chars-18 {
    width: 18.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-18 {
    width: 18em;
  }
  .vdp-light-table thead tr th.cib-max-chars-20 {
    width: 22.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-20,
.cib-layout-table th.cib-max-chars-20 {
    width: 20.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-20 {
    width: 20em;
  }
  .vdp-light-table thead tr th.cib-max-chars-22 {
    width: 24.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-22,
.cib-layout-table th.cib-max-chars-22 {
    width: 22.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-22 {
    width: 22em;
  }
  .vdp-light-table thead tr th.cib-max-chars-24 {
    width: 26.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-24,
.cib-layout-table th.cib-max-chars-24 {
    width: 24.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-24 {
    width: 24em;
  }
  .vdp-light-table thead tr th.cib-max-chars-26 {
    width: 28.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-26,
.cib-layout-table th.cib-max-chars-26 {
    width: 26.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-26 {
    width: 26em;
  }
  .vdp-light-table thead tr th.cib-max-chars-28 {
    width: 30.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-28,
.cib-layout-table th.cib-max-chars-28 {
    width: 28.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-28 {
    width: 28em;
  }
  .vdp-light-table thead tr th.cib-max-chars-30 {
    width: 32.125em;
  }
  .vdp-light-table-compact thead tr th.cib-max-chars-30,
.cib-layout-table th.cib-max-chars-30 {
    width: 30.25em;
  }
  .cib-layout-table:not(.cib-px-compact) th.cib-max-chars-30 {
    width: 30em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-1 {
    width: 3.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-2 {
    width: 4.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-3 {
    width: 5.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-4 {
    width: 6.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-5 {
    width: 7.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-6 {
    width: 8.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-7 {
    width: 9.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-8 {
    width: 10.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-9 {
    width: 11.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-10 {
    width: 12.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-12 {
    width: 14.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-14 {
    width: 16.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-15 {
    width: 17.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-16 {
    width: 18.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-18 {
    width: 20.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-20 {
    width: 22.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-22 {
    width: 24.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-24 {
    width: 26.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-26 {
    width: 28.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-28 {
    width: 30.125em;
  }
  .vdp-light-table tfoot tr td.cib-max-chars-30 {
    width: 32.125em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-1 {
    width: 1.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-2 {
    width: 2.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-3 {
    width: 3.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-4 {
    width: 4.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-5 {
    width: 5.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-6 {
    width: 6.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-7 {
    width: 7.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-8 {
    width: 8.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-9 {
    width: 9.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-10 {
    width: 10.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-12 {
    width: 12.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-14 {
    width: 14.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-15 {
    width: 15.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-16 {
    width: 16.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-18 {
    width: 18.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-20 {
    width: 20.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-22 {
    width: 22.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-24 {
    width: 24.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-26 {
    width: 26.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-28 {
    width: 28.25em;
  }
  .vdp-light-table-compact tfoot tr td.cib-max-chars-30 {
    width: 30.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-1,
.cib-form-style thead tr th.cib-max-chars-1 {
    width: 1.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-2,
.cib-form-style thead tr th.cib-max-chars-2 {
    width: 2.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-3,
.cib-form-style thead tr th.cib-max-chars-3 {
    width: 3.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-4,
.cib-form-style thead tr th.cib-max-chars-4 {
    width: 4.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-5,
.cib-form-style thead tr th.cib-max-chars-5 {
    width: 5.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-6,
.cib-form-style thead tr th.cib-max-chars-6 {
    width: 6.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-7,
.cib-form-style thead tr th.cib-max-chars-7 {
    width: 7.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-8,
.cib-form-style thead tr th.cib-max-chars-8 {
    width: 8.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-9,
.cib-form-style thead tr th.cib-max-chars-9 {
    width: 9.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-10,
.cib-form-style thead tr th.cib-max-chars-10 {
    width: 10.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-12,
.cib-form-style thead tr th.cib-max-chars-12 {
    width: 12.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-14,
.cib-form-style thead tr th.cib-max-chars-14 {
    width: 14.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-15,
.cib-form-style thead tr th.cib-max-chars-15 {
    width: 15.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-16,
.cib-form-style thead tr th.cib-max-chars-16 {
    width: 16.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-18,
.cib-form-style thead tr th.cib-max-chars-18 {
    width: 18.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-20,
.cib-form-style thead tr th.cib-max-chars-20 {
    width: 20.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-22,
.cib-form-style thead tr th.cib-max-chars-22 {
    width: 22.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-24,
.cib-form-style thead tr th.cib-max-chars-24 {
    width: 24.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-26,
.cib-form-style thead tr th.cib-max-chars-26 {
    width: 26.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-28,
.cib-form-style thead tr th.cib-max-chars-28 {
    width: 28.25em;
  }
  .cib-form-style thead tr td.cib-max-chars-30,
.cib-form-style thead tr th.cib-max-chars-30 {
    width: 30.25em;
  }
}
.ui-tabs-panel .vdp-footer-column {
  margin: 1.5rem calc(-0.8rem - 1px) calc(-0.8rem - 1px) calc(-0.8rem - 1px);
}

.cib-has-error:after {
  font: normal normal normal 1.2em/1.2 "Font Awesome 5 Free";
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b94a48;
  content: "\F06A";
  width: 0;
  overflow: visible;
  transform: translateX(-1.2em);
}
table tr .cib-has-error:after {
  transform: translate(-1.5em, 0.4em);
  float: right;
}
.cib-has-error.cib-has-command-button.cib-has-error:after {
  transform: translateX(-7.4em);
}
.cib-has-error .ui-inputnumber.ui-state-error {
  border: 0px;
  padding: 0px;
}

.cib-master-panels {
  font-size: 0.8rem;
}

.vdp-subinfo-color {
  background-color: whitesmoke;
}

.fieldset-comment-header {
  margin-bottom: 0;
}

.cib-checkboxmenu .ui-selectcheckboxmenu-item-group, .cib-checkboxmenu label {
  font-size: 0.8rem;
}

.vdp-texteditor .vdp-hover-item {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.vdp-texteditor .vdp-hover-item:hover {
  color: #e8553b;
}

table.cib-layout-table,
div.ui-datatable > .ui-datatable-tablewrapper > table.cib-layout-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.ui-datatable.vdp-light-table.cib-layout-table > .ui-datatable-tablewrapper {
  margin-left: 0;
}
.ui-datatable.vdp-light-table.cib-layout-table > .ui-datatable-tablewrapper > table > tbody > tr > td.cib-label {
  padding-left: 0;
}
.ui-datatable.vdp-light-table.cib-layout-table > .ui-datatable-tablewrapper > table > tbody > tr > td.cib-align-left {
  padding-left: 0;
}
.ui-datatable.vdp-light-table.cib-layout-table > .ui-datatable-tablewrapper > table > tbody > tr > td.cib-align-right {
  padding-right: 0;
}

.cib-layout-table th.cib-label,
.ui-datatable.cib-layout-table th.cib-label {
  text-align: left;
  padding: 0.5em 1.5em 0.5em 0;
  width: 100%;
}
@media all and (min-width: 640px) {
  .cib-layout-table th.cib-label,
.ui-datatable.cib-layout-table th.cib-label {
    width: 14.25em;
  }
}
.cib-layout-table th,
.ui-datatable.cib-layout-table th {
  border: 0 hidden #fff;
}
.cib-layout-table td,
.ui-datatable.cib-layout-table td {
  padding: 0;
  border: 0 hidden #fff;
}
.cib-layout-table td.cib-label,
.ui-datatable.cib-layout-table td.cib-label {
  text-align: left;
}
.cib-layout-table td.cib-header-label,
.ui-datatable.cib-layout-table td.cib-header-label {
  width: 100%;
}
@media all and (min-width: 640px) {
  .cib-layout-table td.cib-header-label,
.ui-datatable.cib-layout-table td.cib-header-label {
    width: 14.25em;
  }
}
.cib-layout-table.cib-py-compact td,
.ui-datatable.cib-layout-table.cib-py-compact td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.cib-layout-table.cib-py-compact tbody tr:first-child td,
.ui-datatable.cib-layout-table.cib-py-compact tbody tr:first-child td {
  padding-top: 0.5em;
}
.cib-layout-table.cib-px-compact td,
.ui-datatable.cib-layout-table.cib-px-compact td {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.cib-layout-table.cib-px-compact td.cib-label, .cib-layout-table.cib-px-compact td.cib-align-left,
.ui-datatable.cib-layout-table.cib-px-compact td.cib-label,
.ui-datatable.cib-layout-table.cib-px-compact td.cib-align-left {
  padding-left: 0;
}
.cib-layout-table.cib-px-compact td.cib-align-right,
.ui-datatable.cib-layout-table.cib-px-compact td.cib-align-right {
  padding-right: 0;
}

.cib-layout-table.cib-margin {
  margin-top: 0.5em;
}
.cib-layout-table.cib-stretch td > * {
  width: 100%;
}

tr.ui-widget-content.cib-entry-deleted {
  background-color: #afb0b2;
  opacity: 0.6;
}

.vdp-comp-taskchooser td > .ui-button.vdp-active-selection {
  background: #1464AF;
}
.vdp-comp-taskchooser.vdp-nogrid .vdp-footer-button {
  width: 100%;
  height: 50px;
  white-space: normal;
}
.vdp-comp-taskchooser.vdp-nogrid .cib-comp-taskchooser-button td {
  height: 30%;
}
.vdp-comp-taskchooser.vdp-nogrid .cib-comp-taskchooser-button .vdp-footer-button {
  height: 100%;
}

.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-column-title {
  display: none;
}
.ui-datatable-reflow.cib-min .ui-reflow-label, .ui-datatable-reflow.cib-min .ui-datatable-reflow .ui-reflow-dropdown {
  margin-bottom: 10px;
  display: none;
}

.ui-datatable.cib-min .ui-rowgroup-header > td > a.ui-rowgroup-toggler {
  padding-right: 1.5em;
  position: relative;
}
.ui-datatable.cib-min .ui-rowgroup-header .ui-rowgroup-toggler-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-column-title {
  display: none;
}
.ui-datatable-reflow.cib-med .ui-reflow-label, .ui-datatable-reflow.cib-med .ui-datatable-reflow .ui-reflow-dropdown {
  margin-bottom: 10px;
  display: none;
}

.ui-datatable.cib-med .ui-rowgroup-header > td > a.ui-rowgroup-toggler {
  padding-right: 1.5em;
  position: relative;
}
.ui-datatable.cib-med .ui-rowgroup-header .ui-rowgroup-toggler-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-column-title {
  display: none;
}
.ui-datatable-reflow.cib-max .ui-reflow-label, .ui-datatable-reflow.cib-max .ui-datatable-reflow .ui-reflow-dropdown {
  margin-bottom: 10px;
  display: none;
}

.ui-datatable.cib-max .ui-rowgroup-header > td > a.ui-rowgroup-toggler {
  padding-right: 1.5em;
  position: relative;
}
.ui-datatable.cib-max .ui-rowgroup-header .ui-rowgroup-toggler-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

@media (max-width: 640px) {
  .ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
    display: initial;
  }
  .ui-datatable-reflow .ui-datatable-data td[role=gridcell] {
    text-align: initial;
    display: initial;
    border: 1px solid;
    width: auto;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    float: none;
    clear: none;
  }
  .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
    padding: initial;
    min-width: initial;
    display: none;
    margin: initial;
  }
  .ui-datatable-reflow .ui-reflow-label {
    display: none;
  }
  .ui-datatable-reflow .ui-reflow-dropdown {
    display: none;
    margin-left: initial;
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
  }
  .ui-datatable-reflow tr.ui-datatable-empty-message > td {
    display: initial;
    border: initial;
  }
}
@media (max-width: 1024px) {
  .ui-datetable-reflow .ui-reflow-dropdown {
    display: inline-block;
  }
  .ui-datatable-reflow.cib-min thead th {
    display: none;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    display: flex;
    flex-flow: row wrap;
    margin-top: 0.5em;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] label:not(.ui-selectonemenu-label),
.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-column-title {
    display: block;
    padding: 0.5em 0.5em 0.5em 0;
    width: 100%;
  }
}
@media (max-width: 1024px) and (min-width: 640px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] label:not(.ui-selectonemenu-label),
.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-column-title {
    width: 13.25em;
    margin-right: 1em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] input:not(.ui-helper-hidden), .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-autocomplete, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonemenu, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-inputtextarea.cib-form-textarea, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .vdp-autostyle-value, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .cib-horizontal {
    display: block;
    flex-grow: 1;
    width: 100%;
    /* min-width: 14em; */ /* 16 em; */
  }
}
@media (max-width: 1024px) and (min-width: 640px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] input:not(.ui-helper-hidden), .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-autocomplete, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonemenu, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-inputtextarea.cib-form-textarea, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .vdp-autostyle-value, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .cib-horizontal {
    width: auto;
    min-width: auto;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu {
    width: auto;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .cib-horizontal {
    display: flex;
    flex-flow: row wrap;
    margin-top: -0.5em;
    margin-right: -0.5em;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .cib-horizontal > * {
    margin-right: 0.5em;
    margin-top: 0.5em;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .cib-horizontal .vdp-fg {
    flex-grow: 1;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] input {
    padding: 0.5em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .vdp-autostyle-value {
    display: flex;
    flex-flow: row wrap;
    margin: -0.5em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .vdp-autostyle-value > * {
    margin: 0.5em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-autocomplete .ui-autocomplete-input {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonemenu label {
    height: 100%;
    padding: 0.5em;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu label {
    height: 100%;
    padding: 0.5em;
  }
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 2em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] * + input:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] * + .vdp-autostyle-value:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] * + .ui-selectonemenu:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] * + .ui-autocomplete:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] * + .ui-inputnumber:nth-last-child(2) ~ * {
    margin-left: 2em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-datatable-data td[role=gridcell] .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-reflow-dropdown {
    margin-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min .ui-reflow-label {
    display: inline-block;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min > label.ui-reflow-label {
    padding: 4px 10px;
    min-width: 30%;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min tr.ui-datatable-empty-message > td {
    display: block;
    border: 0 none;
  }
}
@media (max-width: 1024px) {
  .ui-datatable-reflow.cib-min > select {
    border-radius: 0 !important;
  }
}
@media (max-width: 1024px) {
  table tbody td.cib-action .vdp-autostyle-value {
    justify-content: flex-start;
  }
}
@media (max-width: 1202px) {
  .ui-datetable-reflow .ui-reflow-dropdown {
    display: inline-block;
  }
  .ui-datatable-reflow.cib-med thead th {
    display: none;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    display: flex;
    flex-flow: row wrap;
    margin-top: 0.5em;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] label:not(.ui-selectonemenu-label),
.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-column-title {
    display: block;
    padding: 0.5em 0.5em 0.5em 0;
    width: 100%;
  }
}
@media (max-width: 1202px) and (min-width: 640px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] label:not(.ui-selectonemenu-label),
.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-column-title {
    width: 13.25em;
    margin-right: 1em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] input:not(.ui-helper-hidden), .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-autocomplete, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonemenu, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-inputtextarea.cib-form-textarea, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .vdp-autostyle-value, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .cib-horizontal {
    display: block;
    flex-grow: 1;
    width: 100%;
    /* min-width: 14em; */ /* 16 em; */
  }
}
@media (max-width: 1202px) and (min-width: 640px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] input:not(.ui-helper-hidden), .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-autocomplete, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonemenu, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-inputtextarea.cib-form-textarea, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .vdp-autostyle-value, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .cib-horizontal {
    width: auto;
    min-width: auto;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu {
    width: auto;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .cib-horizontal {
    display: flex;
    flex-flow: row wrap;
    margin-top: -0.5em;
    margin-right: -0.5em;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .cib-horizontal > * {
    margin-right: 0.5em;
    margin-top: 0.5em;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .cib-horizontal .vdp-fg {
    flex-grow: 1;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] input {
    padding: 0.5em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .vdp-autostyle-value {
    display: flex;
    flex-flow: row wrap;
    margin: -0.5em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .vdp-autostyle-value > * {
    margin: 0.5em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-autocomplete .ui-autocomplete-input {
    width: 100%;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonemenu label {
    height: 100%;
    padding: 0.5em;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu label {
    height: 100%;
    padding: 0.5em;
  }
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 2em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] * + input:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] * + .vdp-autostyle-value:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] * + .ui-selectonemenu:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] * + .ui-autocomplete:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] * + .ui-inputnumber:nth-last-child(2) ~ * {
    margin-left: 2em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-datatable-data td[role=gridcell] .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-reflow-dropdown {
    margin-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med .ui-reflow-label {
    display: inline-block;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med > label.ui-reflow-label {
    padding: 4px 10px;
    min-width: 30%;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med tr.ui-datatable-empty-message > td {
    display: block;
    border: 0 none;
  }
}
@media (max-width: 1202px) {
  .ui-datatable-reflow.cib-med > select {
    border-radius: 0 !important;
  }
}
@media (max-width: 1202px) {
  table tbody td.cib-action .vdp-autostyle-value {
    justify-content: flex-start;
  }
}
@media (max-width: 1600px) {
  .ui-datetable-reflow .ui-reflow-dropdown {
    display: inline-block;
  }
  .ui-datatable-reflow.cib-max thead th {
    display: none;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
    float: left;
    clear: left;
    display: flex;
    flex-flow: row wrap;
    margin-top: 0.5em;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] label:not(.ui-selectonemenu-label),
.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-column-title {
    display: block;
    padding: 0.5em 0.5em 0.5em 0;
    width: 100%;
  }
}
@media (max-width: 1600px) and (min-width: 640px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] label:not(.ui-selectonemenu-label),
.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-column-title {
    width: 13.25em;
    margin-right: 1em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] input:not(.ui-helper-hidden), .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-autocomplete, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonemenu, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-inputtextarea.cib-form-textarea, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .vdp-autostyle-value, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .cib-horizontal {
    display: block;
    flex-grow: 1;
    width: 100%;
    /* min-width: 14em; */ /* 16 em; */
  }
}
@media (max-width: 1600px) and (min-width: 640px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] input:not(.ui-helper-hidden), .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-autocomplete, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonemenu, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-inputtextarea.cib-form-textarea, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .vdp-autostyle-value, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .cib-horizontal {
    width: auto;
    min-width: auto;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonelistbox, .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu {
    width: auto;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .cib-horizontal {
    display: flex;
    flex-flow: row wrap;
    margin-top: -0.5em;
    margin-right: -0.5em;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .cib-horizontal > * {
    margin-right: 0.5em;
    margin-top: 0.5em;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .cib-horizontal .vdp-fg {
    flex-grow: 1;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] input {
    padding: 0.5em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .vdp-autostyle-value {
    display: flex;
    flex-flow: row wrap;
    margin: -0.5em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .vdp-autostyle-value > * {
    margin: 0.5em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-autocomplete .ui-autocomplete-input {
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonemenu label {
    height: 100%;
    padding: 0.5em;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 2em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu label {
    height: 100%;
    padding: 0.5em;
  }
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 2em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] * + input:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] * + .vdp-autostyle-value:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] * + .ui-selectonemenu:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] * + .ui-autocomplete:nth-last-child(2) ~ *,
.ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] * + .ui-inputnumber:nth-last-child(2) ~ * {
    margin-left: 2em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-datatable-data td[role=gridcell] .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-reflow-dropdown {
    margin-left: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max .ui-reflow-label {
    display: inline-block;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max > label.ui-reflow-label {
    padding: 4px 10px;
    min-width: 30%;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max tr.ui-datatable-empty-message > td {
    display: block;
    border: 0 none;
  }
}
@media (max-width: 1600px) {
  .ui-datatable-reflow.cib-max > select {
    border-radius: 0 !important;
  }
}
@media (max-width: 1600px) {
  table tbody td.cib-action .vdp-autostyle-value {
    justify-content: flex-start;
  }
}
.vdp-autostyle-value {
  display: flex;
  flex-flow: row wrap;
  margin: -0.25em;
}
.vdp-autostyle-value > *, .vdp-autostyle-value > .ui-inputfield {
  margin: 0.25em;
}
.vdp-autostyle-value > input, .vdp-autostyle-value > .ui-autocomplete, .vdp-autostyle-value > .ui-selectonemenu, .vdp-autostyle-value > .ui-calendar {
  flex-shrink: 1;
  flex-grow: 1;
  width: 1px;
}

body {
  font-family: "Open Sans", Arial, sans-serif;
  color: #52535b;
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: auto;
  background-color: #fff;
}

#wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  min-height: 100vh;
  min-width: 640px;
}

header {
  overflow: hidden;
}
header > form {
  padding: 1em;
  background-color: #2e2e33;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header > form img.cib-logo {
  margin: 1px;
  max-width: 180px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header > form > div, header > form > img {
  color: #afb0b2;
  margin-left: 3em;
  display: flex;
  align-items: center;
}
header > form > div i.fa, header > form > img i.fa {
  font-size: 2em;
}
header > form > div.vdp-session-timer i.fa, header > form > img.vdp-session-timer i.fa {
  margin-left: 0.5em;
}
header > form > div.vdp-session-timer {
  margin-left: auto;
}
header > form > img {
  min-width: 147px;
}
header > form > div.cib-search {
  margin-left: 1em;
  margin-right: auto;
  flex-basis: 30em;
  flex-shrink: 5;
  padding-right: 1em;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
header > form input[type=search] {
  border-radius: 0;
  box-shadow: none;
  background-color: #afb0b2;
  border: none;
  font-size: 1.25em;
  flex-shrink: 1;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  flex-grow: 1;
  padding-left: 0.5em;
  margin-left: 0.5em;
}

.cib-button {
  border-radius: 3px;
  border: 1px solid #000;
  background-color: #afb0b2;
  display: inline-block;
  padding: 0.25em 0.5em;
}

.cib-main-wrapper {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}
.cib-main-wrapper div.cib-navigation-bar {
  flex-shrink: 0;
  background-color: #52535b;
  color: #afb0b2;
  font-size: 0.75em;
  width: 4.125rem;
  transition: width 0.5s;
  overflow: visible;
  z-index: 100;
}
.cib-main-wrapper div.cib-navigation-bar.cib-pinned {
  width: 206px;
}
.cib-main-wrapper div.cib-navigation-bar:not(.cib-pinned) li *:not(.fa) {
  opacity: 0;
  transition: opacity 0.5s 0.5s;
}
.cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow {
  min-width: 4em;
  transition: min-width 0.5s 0.5s;
  overflow: hidden;
  height: 100%;
  min-height: 730px;
}
@media all and (min-height: 850px) {
  .cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow nav:first-child {
    min-height: 100vh;
    padding-bottom: 70vh;
    margin-bottom: -4.3125rem;
  }
  .cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow nav:first-child + nav {
    margin-top: -47.5em;
  }
}
.cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow {
  background-color: inherit;
}
.cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow:hover {
  min-width: 206px;
  transition: min-width 0.5s;
}
.cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow:hover li *:not(.fa):not(.cib-close-object) {
  opacity: 1;
  transition: opacity 0.5s;
}
.cib-main-wrapper div.cib-navigation-bar .cib-navigation-overflow nav {
  min-width: 206px;
}
.cib-main-wrapper div.cib-navigation-bar ul {
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
.cib-main-wrapper div.cib-navigation-bar ul li {
  position: relative;
  cursor: pointer;
  padding: 0 1em 1em 1em;
  overflow: visible;
}
.cib-main-wrapper div.cib-navigation-bar ul li a.cib-close-object {
  position: absolute;
  left: -1.5em;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s 0.5s;
}
.cib-main-wrapper div.cib-navigation-bar ul li a.cib-close-object i.fa {
  position: static;
  margin: 0;
}
.cib-main-wrapper div.cib-navigation-bar ul li:hover > a.cib-close-object {
  opacity: 1;
}
.cib-main-wrapper div.cib-navigation-bar ul li:first-child {
  padding-top: 2em;
}
.cib-main-wrapper div.cib-navigation-bar ul li > span {
  margin-left: 4em;
  line-height: 2em;
}
.cib-main-wrapper div.cib-navigation-bar ul li ul {
  height: auto;
  margin-left: 3em;
}
.cib-main-wrapper div.cib-navigation-bar ul li ul li + li {
  margin-top: 0;
  padding: 1em;
  border-top: 1px solid #afb0b2;
}
.cib-main-wrapper div.cib-navigation-bar ul li.cib-active {
  color: #fff;
}
.cib-main-wrapper div.cib-navigation-bar ul li.cib-recent {
  margin-top: auto;
}
.cib-main-wrapper div.cib-navigation-bar i.fa {
  font-size: 1.5rem;
  margin-right: 0.5em;
  position: absolute;
  left: 1rem;
}
.cib-main-wrapper div.cib-navigation-bar i.fa.cib-pin-navigation {
  font-size: 1rem;
  left: 1.5rem;
  margin-top: 0.25rem;
  display: inline-block;
}
.cib-main-wrapper main {
  flex-grow: 1;
  width: 100%;
  padding: 1rem;
}

footer {
  font-size: 0.8em;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #2e2e33;
  color: #afb0b2;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
footer div {
  margin-left: 1em;
  margin-bottom: 2em;
  display: inline-block;
  vertical-align: middle;
}
footer div + div {
  margin-bottom: 0;
}
footer div > div > span {
  color: #e8553b;
}
@media all and (min-width: 768px) {
  footer {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }
  footer div {
    margin-bottom: 0;
  }
}

aside {
  position: fixed;
  right: -24em;
  width: 24em;
  top: 0;
  bottom: 0;
  background-color: #afb0b2;
  transition: right 0.5s 0s;
  z-index: 101;
  font-size: 0.75em;
}
aside .cib-aside-panel {
  content: "";
  height: 6em;
  width: 3.5em;
  padding: 0.6em;
  border-radius: 10px 0 0 10px;
  transition: margin-left 0.5s 0s;
  margin-left: -3.5em;
  background-color: rgba(175, 176, 178, 0.5);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-end;
}
aside .cib-aside-panel span {
  white-space: nowrap;
}
aside .cib-aside-panel i.fa {
  padding: 0;
  margin: 0;
}
aside i.fa-close {
  color: #eb453e;
}
aside i.fa-warning {
  color: #ffa900;
}
aside i.fa-comment {
  color: #52535b;
}
aside:hover {
  left: auto;
  right: 0;
  transition: right 0.5s 0.5s;
}
aside:hover:hover .cib-aside-panel {
  margin-left: 0;
  transition: margin-left 0.5s 0.5s;
}
aside:hover ~ aside {
  z-index: 100;
}
aside .cib-aside-content {
  padding: 1em;
  position: absolute;
  background-color: #fff;
  border-left: 1px solid #afb0b2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
aside.cib-error-messages .cib-aside-panel {
  transform: translateY(-100%);
  margin-bottom: 1em;
}
aside.cib-announcements .cib-aside-panel {
  margin-top: 1em;
  transform: translateY(0%);
}
aside.cib-resultlist {
  transition: right 0.5s 4s;
  right: -24em;
}
aside.cib-resultlist .cib-aside-panel {
  content: "";
  height: 6em;
  width: 3.5em;
  padding: 0.6em;
  border-radius: 10px 0 0 10px;
  transition: margin-left 0.5s 4s;
  margin-left: -3.5em;
  background-color: rgba(175, 176, 178, 0.5);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-end;
}
aside.cib-resultlist .cib-aside-panel span {
  white-space: nowrap;
}
aside.cib-resultlist .cib-aside-panel i.fa {
  padding: 0;
  margin: 0;
}
aside.cib-resultlist:hover {
  left: auto;
  right: 0;
  transition: right 0.5s 0.5s;
}
aside.cib-resultlist:hover:hover .cib-aside-panel {
  margin-left: 0;
  transition: margin-left 0.5s 0.5s;
}
aside.cib-resultlist:hover ~ aside {
  z-index: 100;
}
aside.cib-resultlist .cib-aside-panel {
  margin-top: 2em;
  transform: translateY(100%);
}

.cib-navigation-bar a, header a {
  color: #afb0b2;
  text-decoration: none;
  font-style: normal;
}
.cib-navigation-bar a:hover, header a:hover {
  color: #fff;
}

main h1, main .cib-h1 {
  color: #e8553b;
  font-weight: 300;
  margin-top: 0;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
main h2, main .cib-fieldset .cib-legend, .cib-fieldset main .cib-legend, main .cib-h2, main legend, main .ui-fieldset .ui-fieldset-legend {
  color: #e8553b;
  font-weight: 300;
  margin-top: 0;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.5;
}
main h2, main .cib-fieldset .cib-legend, .cib-fieldset main .cib-legend, main .cib-h2 {
  margin-bottom: 1.5rem;
}
main h3, main .cib-h3 {
  color: #52535b;
  font-weight: normal;
  margin-top: 0;
  text-transform: none;
  font-size: 1.3125rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
main h4, main .cib-h4 {
  color: #52535b;
  font-weight: 300;
  margin-top: 0;
  text-transform: none;
  font-size: 1.3125rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
main .ui-texteditor .ql-editor h1, main .ui-texteditor .ql-editor .cib-h1, main .ql-editor h1, main .ql-editor .cib-h1 {
  color: #52535b;
  font-weight: 300;
  margin-top: 0;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
main .ui-texteditor .ql-editor h2, main .ui-texteditor .ql-editor .cib-h2, main .ql-editor h2, main .ql-editor .cib-fieldset .cib-legend, .cib-fieldset main .ql-editor .cib-legend, main .ql-editor .cib-h2 {
  color: #52535b;
  font-weight: 300;
  margin-top: 0;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.5;
}

.ui-widget.ui-tabmenu,
.ui-widget.ui-tabs {
  border: none;
  background: transparent;
}

.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav {
  padding-left: 0;
  background: transparent;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li a,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li a {
  color: inherit;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li.ui-state-active,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li.ui-state-active {
  border-color: #afb0b2;
  color: #e8553b;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li.ui-state-default:not(.ui-state-active):not(.ui-state-hover),
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li.ui-state-default:not(.ui-state-active):not(.ui-state-hover) {
  background-color: #afb0b2;
  color: #fff;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li.ui-state-hover,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li.ui-state-hover {
  background: #fff;
  color: #afb0b2;
  border-color: #afb0b2;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li:not(:last-child),
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li:not(:last-child) {
  margin-right: 1em;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li > a,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li > a {
  padding: 0.5em 1em 0.5em 1em;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li > a .ui-menuitem-icon, .ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li > a .ui-menuitem-text,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li > a .ui-menuitem-icon,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li > a .ui-menuitem-text {
  float: none;
  display: inline-block;
  vertical-align: bottom;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav > li > a .ui-menuitem-icon,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav > li > a .ui-menuitem-icon {
  padding: 0 0.5em 0.1em 0;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav .ui-tabmenuitem[data-amount]:after, .ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav.ui-tabs-nav li[data-amount]:after,
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav .cib-tab-additional-info,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav .ui-tabmenuitem[data-amount]:after,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav.ui-tabs-nav li[data-amount]:after,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav .cib-tab-additional-info {
  font-size: 0.75em;
  content: attr(data-amount);
  position: absolute;
  top: -1.3em;
  right: -1.3em;
  background-color: #fff;
  border: 1px solid #afb0b2;
  color: #afb0b2;
  min-width: 2em;
  padding-right: 3px;
  padding-left: 3px;
  height: 1.95em;
  border-radius: 50%;
  text-align: center;
  line-height: 2;
  overflow: hidden;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav .ui-tabmenuitem.ui-state-active[data-amount]:after, .ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav.ui-tabs-nav li[data-amount]:after,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav .ui-tabmenuitem.ui-state-active[data-amount]:after,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav.ui-tabs-nav li[data-amount]:after {
  border-color: #e8553b;
  color: #e8553b;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav .cib-tab-additional-info,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav .cib-tab-additional-info {
  font-size: 1em;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav .cib-tab-additional-info sup,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav .cib-tab-additional-info sup {
  margin-left: -0.25em;
}
.ui-tabs.ui-tabs-top > .ui-widget-header.ui-tabs-nav .cib-tab-additional-info.cib-state-error,
.ui-tabmenu .ui-widget-header.ui-tabmenu-nav .cib-tab-additional-info.cib-state-error {
  border: none;
  background-color: transparent;
  text-shadow: 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff;
  color: #b94a48;
}

.ui-tabmenu + div, .ui-tabs-nav + .ui-tabs-panels {
  font-size: 0.8rem;
  border: 1px solid #afb0b2;
  margin-top: -1px;
  padding-top: 1px;
  /* background-color: #fff; */
}
.ui-tabmenu + div > *, .ui-tabmenu + div .ui-tabs-panel, .ui-tabs-nav + .ui-tabs-panels > *, .ui-tabs-nav + .ui-tabs-panels .ui-tabs-panel {
  padding: 0.8rem;
}

aside .cib-content .cib-checklist dt {
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 1ex;
}
aside .cib-content .cib-checklist dd {
  font-size: 85%;
  padding-bottom: 1em;
}
aside .cib-content .cib-checklist ul {
  padding-left: 2em;
}
aside .cib-content .cib-checklist ul li {
  font-size: 85%;
  padding-bottom: 1em;
}

div.ui-datatable-tablewrapper {
  overflow: hidden;
}

.ui-datatable-header.ui-widget-header {
  background-color: transparent;
}

.ui-datatable .cib-table-seperator {
  margin-bottom: 10px;
}

.ui-datatable-tablewrapper {
  /* TODO Start: check */
  /* TODO End: check */
}
.ui-datatable-tablewrapper .ui-sortable-column .ui-column-title {
  vertical-align: middle;
}
.ui-datatable-tablewrapper .ui-sortable-column .ui-sortable-column-icon {
  background-image: none;
  text-indent: 0;
  overflow: visible;
  width: auto;
  height: auto;
  vertical-align: middle;
  font-size: 0.75em;
  line-height: 1;
}
.ui-datatable-tablewrapper .ui-sortable-column .ui-sortable-column-icon.ui-icon-carat-2-n-s:after {
  content: "\25B2   \25BC";
  margin-left: 0.5em;
}
.ui-datatable-tablewrapper .ui-sortable-column .ui-sortable-column-icon.ui-icon-triangle-1-n:after {
  content: "\25B2";
}
.ui-datatable-tablewrapper .ui-sortable-column .ui-sortable-column-icon.ui-icon-triangle-1-s:after {
  content: "\25BC";
}
.ui-datatable-tablewrapper .ui-column-customfilter .ui-selectonemenu-trigger, .ui-datatable-tablewrapper .ui-column-customfilter .ui-selectcheckboxmenu-trigger {
  width: 1.4em;
  background: #ededed;
}
.ui-datatable-tablewrapper .ui-column-customfilter .ui-selectonemenu-label.ui-inputfield, .ui-datatable-tablewrapper .ui-column-customfilter .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  padding-left: 0.5em;
  padding-right: 1.6em;
}
.ui-datatable-tablewrapper .ui-column-customfilter .ui-selectcheckboxmenu-multiple-container:empty::after {
  padding-top: 2px;
}
.ui-datatable-tablewrapper .ui-column-customfilter > .ui-selectonemenu {
  min-width: auto !important;
  width: 100%;
}
.ui-datatable-tablewrapper .ui-column-customfilter .ui-selectcheckboxmenu-multiple-container:empty::after {
  padding-top: 2px;
}
.ui-datatable-tablewrapper .cib-row-editor-column {
  width: 5.5em;
}
.ui-datatable-tablewrapper .ui-row-editor {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datatable-tablewrapper .ui-row-editor .ui-row-editor-pencil, .ui-datatable-tablewrapper .ui-row-editor .ui-row-editor-check, .ui-datatable-tablewrapper .ui-row-editor .ui-row-editor-close {
  text-decoration: none;
  color: #009493;
}
.ui-datatable-tablewrapper .ui-row-editor .ui-icon-pencil, .ui-datatable-tablewrapper .ui-row-editor .ui-icon-check, .ui-datatable-tablewrapper .ui-row-editor .ui-icon-close {
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto;
}
.ui-datatable-tablewrapper .ui-row-editor .ui-icon-close {
  margin-left: 1em;
}
.ui-datatable-tablewrapper .ui-row-editor .ui-icon-pencil:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\F040";
  font-size: 1em;
}
.ui-datatable-tablewrapper .ui-row-editor .ui-icon-check:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\F00C";
  font-size: 1em;
}
.ui-datatable-tablewrapper .ui-row-editor .ui-icon-close:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\F00D";
  font-size: 1em;
}
.ui-datatable-tablewrapper ui-row-toggler ui-icon ui-icon-circle-triangle-e,
.ui-datatable-tablewrapper ui-row-toggler ui-icon ui-icon-circle-triangle-s {
  display: flex;
  align-items: center;
}
.ui-datatable-tablewrapper .ui-row-toggler.ui-icon.ui-icon-circle-triangle-e::after,
.ui-datatable-tablewrapper .ui-row-toggler.ui-icon.ui-icon-circle-triangle-s::after {
  font-size: 1.5em;
}
.ui-datatable-tablewrapper thead th.ui-state-default, .ui-datatable-tablewrapper tfoot td.ui-state-default {
  background: transparent;
  font-weight: bold;
}

.ui-paginator {
  background-color: transparent;
}

.ui-datatable.vdp-light-table.cib-doc-tables table > tbody .ui-editable-column .ui-cell-editor .ui-cell-editor-output::after {
  content: "\F303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #009493;
  padding-left: 0.5em;
}

.cib-scroll-table.vdp-margin-bottom {
  margin-bottom: 2em;
}

.cib-customfilter .ui-selectcheckboxmenu .ui-selectonemenu-trigger, .cib-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  width: 1.4em;
  background: #ededed;
}
.cib-customfilter .ui-selectcheckboxmenu .ui-selectonemenu-label.ui-inputfield, .cib-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  padding-left: 0.5em;
  padding-right: 1.6em;
}
.cib-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container:empty::after {
  padding-top: 2px;
}
.cib-customfilter .ui-selectcheckboxmenu > .ui-selectonemenu {
  min-width: auto !important;
  width: 100%;
}
.cib-customfilter .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container:empty::after {
  padding-top: 2px;
}

body:before {
  content: "reflow-min";
  display: none;
}
@media (min-width: 1025px) {
  body:before {
    content: "";
  }
}

.ui-menu.cib-settings .ui-menuitem {
  overflow: hidden;
}
.ui-menu.cib-settings .ui-menuitem-link {
  width: auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.ui-menu.cib-settings .ui-menuitem-link .ui-menuitem-icon, .ui-menu.cib-settings .ui-menuitem-link .ui-menuitem-text {
  float: none;
  white-space: normal;
  display: block;
}
.ui-menu.cib-settings .ui-menuitem-link .ui-menuitem-text {
  flex-grow: 1;
  padding-left: 0.5em;
}

.cib-add-info-container {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  bottom: 0;
  top: auto;
  width: 100vw;
  overflow: hidden;
  pointer-events: none;
}
.cib-add-info-container .cib-add-info-panel {
  pointer-events: initial;
  flex-grow: 1;
  white-space: nowrap;
  text-align: left;
  background-color: rgba(232, 85, 59, 0.9);
  color: #fff;
  padding: 1em;
  transform: translateY(100%);
  transition: transform 0.25s 1.5s;
}

.ui-datatable tbody td.cib-add-info-column,
.cib-add-info-column {
  overflow: visible;
  height: 100%;
  padding-bottom: 0 !important;
}
.ui-datatable tbody td.cib-add-info-column .cib-add-info-wrapper,
.cib-add-info-column .cib-add-info-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.cib-add-info-table table {
  height: 100%;
}
.cib-add-info-table table tr:hover td.cib-add-info-column .cib-add-info-panel {
  transform: translateY(0);
  transition: transform 0.25s 0.5s;
}

@media all and (max-width: 1024px) {
  .ui-datatable-reflow.vdp-light-table.cib-min .cib-add-info-container {
    position: static;
    display: block;
    width: auto;
    overflow: initial;
    pointer-events: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .cib-add-info-container .cib-add-info-panel {
    transform: none;
    transition: none;
    background-color: inherit;
    color: inherit;
    padding: 0;
    margin: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min tbody td.cib-add-info-column {
    position: initial;
    overflow: hidden;
    height: auto;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min tbody td.cib-add-info-column .cib-add-info-wrapper {
    height: auto;
    width: auto;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .cib-add-info-table table tr:hover td.cib-add-info-column {
    transform: none;
    transition: none;
  }
}
@media all and (max-width: 1202px) {
  .ui-datatable-reflow.vdp-light-table.cib-med .cib-add-info-container {
    position: static;
    display: block;
    width: auto;
    overflow: initial;
    pointer-events: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .cib-add-info-container .cib-add-info-panel {
    transform: none;
    transition: none;
    background-color: inherit;
    color: inherit;
    padding: 0;
    margin: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med tbody td.cib-add-info-column {
    position: initial;
    overflow: hidden;
    height: auto;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med tbody td.cib-add-info-column .cib-add-info-wrapper {
    height: auto;
    width: auto;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .cib-add-info-table table tr:hover td.cib-add-info-column {
    transform: none;
    transition: none;
  }
}
@media all and (max-width: 1600px) {
  .ui-datatable-reflow.vdp-light-table.cib-max .cib-add-info-container {
    position: static;
    display: block;
    width: auto;
    overflow: initial;
    pointer-events: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .cib-add-info-container .cib-add-info-panel {
    transform: none;
    transition: none;
    background-color: inherit;
    color: inherit;
    padding: 0;
    margin: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max tbody td.cib-add-info-column {
    position: initial;
    overflow: hidden;
    height: auto;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max tbody td.cib-add-info-column .cib-add-info-wrapper {
    height: auto;
    width: auto;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .cib-add-info-table table tr:hover td.cib-add-info-column {
    transform: none;
    transition: none;
  }
}
/**
* A panel is a component consisting of a heading, content and an optional footer.
* It is positioned at the center of the surrounding parent, which can
* optionally be a cib-panel-parent.
*
* In ASCII-Art, it looks like this:
*   _______________
*   |   heading   |
*   ---------------
*   | body        |
*   | footer opt. |
*   ---------------
**/
.cib-panel-parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cib-panel {
  flex-grow: 0;
  min-width: 450px;
  box-shadow: 0 0 10px #000;
  border-radius: 3px;
  padding: 0;
}
.cib-panel > * {
  padding: 2em;
}
.cib-panel .cib-panel-header, .cib-panel .cib-panel-footer {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #afb0b2;
  background-color: #2e2e33;
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
  text-align: center;
}
.cib-panel .cib-panel-content {
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  margin-top: 0;
}
.cib-panel .cib-panel-action-footer {
  display: flex;
  margin-top: 2em;
}
.cib-panel .cib-panel-action-footer .cib-move-right {
  margin-left: auto;
}
.cib-panel .cib-panel-action-footer .cib-move-right ~ .cib-move-right {
  margin-left: 0;
}

@media all and (min-width: 1025px) {
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper {
    margin-left: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper th.ui-state-default {
    background-color: transparent;
    border: none;
    color: #52535b;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper th.ui-state-focus {
    outline: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper td.ui-state-default, .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper tr, .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper tbody {
    border-left: none;
    border-right: 0 transparent hidden;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table {
    table-layout: fixed;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table th, .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table td {
    vertical-align: top;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table tbody tr {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table tbody tr td {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table tbody td {
    padding: 1.5rem 1rem 2rem 1rem; /* orig 1.5rem 1rem 1rem 1rem; */
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table tbody td > *:last-child:first-child, .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table tbody td > .ui-column-title:first-child + *:last-child {
    width: 100%;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min .ui-datatable-tablewrapper table tbody td > .cib-compound-checkbox {
    height: 2.1875em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min input, .ui-datatable-reflow.vdp-light-table.cib-min .ui-autocomplete, .ui-datatable-reflow.vdp-light-table.cib-min .ui-selectonemenu, .ui-datatable-reflow.vdp-light-table.cib-min .vdp-autostyle-value {
    max-width: 100%;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact table thead tr th.ui-state-default {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact tbody tr {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact tbody tr td {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact tbody tr:last-child td {
    padding-bottom: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact tbody tr:first-child td {
    padding-top: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-vlines table tbody tr {
    border-top: 1px solid #afb0b2;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-vlines table tbody tr td {
    padding: 2.5rem 1rem 2rem 1rem;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact.vdp-light-table-vlines table tbody tr td, .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact.vdp-light-table-vlines table tfoot tr td {
    padding: 0.5rem 0.25rem 0.45rem 0.25rem;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-halign-center table th, .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-halign-center table td {
    text-align: center;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-valign-middle table td {
    vertical-align: middle;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min.vdp-light-table-compact.vdp-light-table-vlines table.cib-reset-table-style tbody tr td {
    padding: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style {
    margin: initial;
    table-layout: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style th {
    background-color: initial;
    border: initial;
    color: initial;
    padding: initial;
    outline: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style td, .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style tr, .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style tbody {
    border: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style th, .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style td {
    vertical-align: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style tbody tr, .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style tbody tr td {
    border: initial;
    padding: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style tbody td > *:last-child:first-child, .ui-datatable-reflow.vdp-light-table.cib-min table.cib-reset-table-style tbody td > .ui-column-title:first-child + *:last-child {
    width: 100%; /* changed: 2018-05-05 RMa */
  }
}
@media all and (min-width: 1203px) {
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper {
    margin-left: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper th.ui-state-default {
    background-color: transparent;
    border: none;
    color: #52535b;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper th.ui-state-focus {
    outline: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper td.ui-state-default, .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper tr, .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper tbody {
    border-left: none;
    border-right: 0 transparent hidden;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table {
    table-layout: fixed;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table th, .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table td {
    vertical-align: top;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table tbody tr {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table tbody tr td {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table tbody td {
    padding: 1.5rem 1rem 2rem 1rem; /* orig 1.5rem 1rem 1rem 1rem; */
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table tbody td > *:last-child:first-child, .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table tbody td > .ui-column-title:first-child + *:last-child {
    width: 100%;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med .ui-datatable-tablewrapper table tbody td > .cib-compound-checkbox {
    height: 2.1875em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med input, .ui-datatable-reflow.vdp-light-table.cib-med .ui-autocomplete, .ui-datatable-reflow.vdp-light-table.cib-med .ui-selectonemenu, .ui-datatable-reflow.vdp-light-table.cib-med .vdp-autostyle-value {
    max-width: 100%;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact table thead tr th.ui-state-default {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact tbody tr {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact tbody tr td {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact tbody tr:last-child td {
    padding-bottom: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact tbody tr:first-child td {
    padding-top: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-vlines table tbody tr {
    border-top: 1px solid #afb0b2;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-vlines table tbody tr td {
    padding: 2.5rem 1rem 2rem 1rem;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact.vdp-light-table-vlines table tbody tr td, .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact.vdp-light-table-vlines table tfoot tr td {
    padding: 0.5rem 0.25rem 0.45rem 0.25rem;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-halign-center table th, .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-halign-center table td {
    text-align: center;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-valign-middle table td {
    vertical-align: middle;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med.vdp-light-table-compact.vdp-light-table-vlines table.cib-reset-table-style tbody tr td {
    padding: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style {
    margin: initial;
    table-layout: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style th {
    background-color: initial;
    border: initial;
    color: initial;
    padding: initial;
    outline: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style td, .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style tr, .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style tbody {
    border: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style th, .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style td {
    vertical-align: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style tbody tr, .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style tbody tr td {
    border: initial;
    padding: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style tbody td > *:last-child:first-child, .ui-datatable-reflow.vdp-light-table.cib-med table.cib-reset-table-style tbody td > .ui-column-title:first-child + *:last-child {
    width: 100%; /* changed: 2018-05-05 RMa */
  }
}
@media all and (min-width: 1601px) {
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper {
    margin-left: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper th.ui-state-default {
    background-color: transparent;
    border: none;
    color: #52535b;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper th.ui-state-focus {
    outline: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper td.ui-state-default, .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper tr, .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper tbody {
    border-left: none;
    border-right: 0 transparent hidden;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table {
    table-layout: fixed;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table th, .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table td {
    vertical-align: top;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table tbody tr {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table tbody tr td {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table tbody td {
    padding: 1.5rem 1rem 2rem 1rem; /* orig 1.5rem 1rem 1rem 1rem; */
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table tbody td > *:last-child:first-child, .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table tbody td > .ui-column-title:first-child + *:last-child {
    width: 100%;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max .ui-datatable-tablewrapper table tbody td > .cib-compound-checkbox {
    height: 2.1875em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max input, .ui-datatable-reflow.vdp-light-table.cib-max .ui-autocomplete, .ui-datatable-reflow.vdp-light-table.cib-max .ui-selectonemenu, .ui-datatable-reflow.vdp-light-table.cib-max .vdp-autostyle-value {
    max-width: 100%;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact table thead tr th.ui-state-default {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact tbody tr {
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact tbody tr td {
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: none;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact tbody tr:last-child td {
    padding-bottom: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact tbody tr:first-child td {
    padding-top: 0.5em;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-vlines table tbody tr {
    border-top: 1px solid #afb0b2;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-vlines table tbody tr td {
    padding: 2.5rem 1rem 2rem 1rem;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact.vdp-light-table-vlines table tbody tr td, .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact.vdp-light-table-vlines table tfoot tr td {
    padding: 0.5rem 0.25rem 0.45rem 0.25rem;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-halign-center table th, .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-halign-center table td {
    text-align: center;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-valign-middle table td {
    vertical-align: middle;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max.vdp-light-table-compact.vdp-light-table-vlines table.cib-reset-table-style tbody tr td {
    padding: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style {
    margin: initial;
    table-layout: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style th {
    background-color: initial;
    border: initial;
    color: initial;
    padding: initial;
    outline: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style td, .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style tr, .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style tbody {
    border: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style th, .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style td {
    vertical-align: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style tbody tr, .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style tbody tr td {
    border: initial;
    padding: initial;
  }
  .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style tbody td > *:last-child:first-child, .ui-datatable-reflow.vdp-light-table.cib-max table.cib-reset-table-style tbody td > .ui-column-title:first-child + *:last-child {
    width: 100%; /* changed: 2018-05-05 RMa */
  }
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper {
  margin-left: 0.5em;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper th.ui-state-default {
  background-color: transparent;
  border: none;
  color: #52535b;
  padding-top: 2em;
  padding-bottom: 2em;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper th.ui-state-focus {
  outline: none;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper td.ui-state-default, .vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper tr, .vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper tbody {
  border-left: none;
  border-right: 0 transparent hidden;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table {
  table-layout: fixed;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table th, .vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table td {
  vertical-align: top;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table tbody tr {
  border: none;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table tbody tr td {
  border: none;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table tbody td {
  padding: 1.5rem 1rem 2rem 1rem; /* orig 1.5rem 1rem 1rem 1rem; */
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table tbody td > *:last-child:first-child, .vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table tbody td > .ui-column-title:first-child + *:last-child {
  width: 100%;
}
.vdp-light-table:not(.ui-datatable-reflow) .ui-datatable-tablewrapper table tbody td > .cib-compound-checkbox {
  height: 2.1875em;
}
.vdp-light-table:not(.ui-datatable-reflow) input, .vdp-light-table:not(.ui-datatable-reflow) .ui-autocomplete, .vdp-light-table:not(.ui-datatable-reflow) .ui-selectonemenu, .vdp-light-table:not(.ui-datatable-reflow) .vdp-autostyle-value {
  max-width: 100%;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact table thead tr th.ui-state-default {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact tbody tr {
  border: none;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact tbody tr td {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  border: none;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact tbody tr:last-child td {
  padding-bottom: 0.5em;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact tbody tr:first-child td {
  padding-top: 0.5em;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-vlines table tbody tr {
  border-top: 1px solid #afb0b2;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-vlines table tbody tr td {
  padding: 2.5rem 1rem 2rem 1rem;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact.vdp-light-table-vlines table tbody tr td, .vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact.vdp-light-table-vlines table tfoot tr td {
  padding: 0.5rem 0.25rem 0.45rem 0.25rem;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-halign-center table th, .vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-halign-center table td {
  text-align: center;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-valign-middle table td {
  vertical-align: middle;
}
.vdp-light-table:not(.ui-datatable-reflow).vdp-light-table-compact.vdp-light-table-vlines table.cib-reset-table-style tbody tr td {
  padding: initial;
}
.vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style {
  margin: initial;
  table-layout: initial;
}
.vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style th {
  background-color: initial;
  border: initial;
  color: initial;
  padding: initial;
  outline: initial;
}
.vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style td, .vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style tr, .vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style tbody {
  border: initial;
}
.vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style th, .vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style td {
  vertical-align: initial;
}
.vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style tbody tr, .vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style tbody tr td {
  border: initial;
  padding: initial;
}
.vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style tbody td > *:last-child:first-child, .vdp-light-table:not(.ui-datatable-reflow) table.cib-reset-table-style tbody td > .ui-column-title:first-child + *:last-child {
  width: 100%; /* changed: 2018-05-05 RMa */
}

.cib-halign-center {
  text-align: center !important;
}

.cib-halign-left {
  text-align: left !important;
}

.cib-halign-right {
  text-align: right !important;
}

.cib-vertical-align-middle {
  vertical-align: middle;
}

.cib-vertical-align-top {
  vertical-align: top;
}

.ui-button-icon-only.ui-widget.cib-action-item, table tbody td.cib-action .vdp-autostyle-value .ui-button-icon-only,
*:not(td).cib-action .ui-button-icon-only {
  border: none;
  font-size: 1.5em;
  width: 1.2em;
  margin-left: 0.1em !important;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.ui-button-icon-only.ui-widget.cib-action-item:hover, table tbody td.cib-action .vdp-autostyle-value .ui-button-icon-only:hover,
*:not(td).cib-action .ui-button-icon-only:hover, .ui-button-icon-only.ui-widget.cib-action-item:focus, table tbody td.cib-action .vdp-autostyle-value .ui-button-icon-only:focus,
*:not(td).cib-action .ui-button-icon-only:focus {
  background-color: rgba(0, 148, 147, 0.125);
}
.ui-button-icon-only.ui-widget.cib-action-item .ui-icon, table tbody td.cib-action .vdp-autostyle-value .ui-button-icon-only .ui-icon,
*:not(td).cib-action .ui-button-icon-only .ui-icon {
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2;
  margin-left: 0;
  margin-top: 0;
  transform: translate(-50%, -50%);
}
.ui-button-icon-only.ui-widget.cib-action-item .ui-button-text, table tbody td.cib-action .vdp-autostyle-value .ui-button-icon-only .ui-button-text,
*:not(td).cib-action .ui-button-icon-only .ui-button-text {
  padding: 0;
}

table tbody td.cib-action .vdp-autostyle-value,
*:not(td).cib-action {
  justify-content: center;
}
.cib-action.cib-halign-right {
  justify-content: right;
  color: #009493;
}

.cib-compound-checkbox,
.vdp-autostyle-form-grid > .cib-compound-checkbox {
  flex-grow: 1;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media all and (min-width: 1025px) {
  .cib-compound-checkbox,
.vdp-autostyle-form-grid > .cib-compound-checkbox {
    flex-flow: row wrap;
  }
}
.cib-compound-checkbox .ui-chkbox,
.vdp-autostyle-form-grid > .cib-compound-checkbox .ui-chkbox {
  white-space: nowrap;
  flex-wrap: nowrap;
}

.vdp-autostyle-form-grid > .cib-compound-checkbox,
.vdp-autostyle-form-grid .cib-compound-check.vdp-fg {
  margin: -0.5em;
}
.vdp-autostyle-form-grid > .cib-compound-checkbox > *,
.vdp-autostyle-form-grid .cib-compound-check.vdp-fg > * {
  margin: 0.5em;
}
@media all and (min-width: 1025px) {
  .vdp-autostyle-form-grid > .cib-compound-checkbox,
.vdp-autostyle-form-grid .cib-compound-check.vdp-fg {
    flex-flow: row nowrap;
  }
}

td .cib-compound-checkbox .ui-chkbox ~ *,
body .ui-datatable .ui-datatable-data td[role=gridcell] .ui-chkbox ~ * {
  flex-grow: 1;
}
td .cib-compound-checkbox .ui-chkbox ~ input,
body .ui-datatable .ui-datatable-data td[role=gridcell] .ui-chkbox ~ input {
  min-width: 0;
  max-width: none;
  width: 1px;
}
td .cib-compound-checkbox .ui-chkbox ~ * .ui-calendar,
body .ui-datatable .ui-datatable-data td[role=gridcell] .ui-chkbox ~ * .ui-calendar {
  width: 100%;
  display: flex;
}
td .cib-compound-checkbox .ui-chkbox ~ * .ui-calendar input,
body .ui-datatable .ui-datatable-data td[role=gridcell] .ui-chkbox ~ * .ui-calendar input {
  min-width: 0;
  width: 1px;
  flex-grow: 1;
}

.cib-selectlistbox-plain.ui-selectmanymenu {
  border: 0;
  width: calc(100% - 200px);
}
.cib-selectlistbox-plain .ui-selectlistbox-list .ui-selectlistbox-item {
  background: transparent;
  color: #52535b;
}
.cib-selectlistbox-plain .ui-selectlistbox-list .ui-selectlistbox-item td {
  border-left-style: hidden;
  border-right-style: hidden;
}
.cib-selectlistbox-plain .ui-selectlistbox-list .ui-selectlistbox-item td:first-child {
  width: 2em;
  padding-left: 0;
}

.cib-two-cols {
  display: flex;
  align-items: stretch;
  padding: 0 !important;
}
.cib-two-cols > * {
  padding: 1em;
  grow: 1;
}
.cib-two-cols > *:first-child {
  padding: 0.5em 1em 0.5em 0;
  width: 66%;
}
.cib-two-cols > *:last-child {
  width: 34%;
  padding-left: 1em;
}

.vdp-equal-height, .cib-print-mask {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}
.vdp-equal-height > * > *:first-child, .cib-print-mask > * > *:first-child {
  height: 100%;
}
.vdp-equal-height.cib-stretch-fieldsets > *, .cib-stretch-fieldsets.cib-print-mask > * {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
}

@supports (display: grid) {
  .vdp-equal-height > * > *, .cib-print-mask > * > * {
    height: 100%;
  }
}
.cib-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.cib-grid > * {
  flex: 1;
  flex-basis: 50%;
  display: flex;
  align-items: stretch;
}
.cib-grid > * > * {
  flex: 1;
}

.cib-grid-2-1 > *:nth-child(odd) {
  flex-basis: 63.125%;
}
.cib-grid-2-1 > *:nth-child(even) {
  flex-basis: 36.875%;
}

.cib-grid-1-2 > *:nth-child(odd) {
  flex-basis: 36.875%;
}
.cib-grid-1-2 > *:nth-child(even) {
  flex-basis: 63.125%;
}

.cib-grid > * {
  min-width: 446px;
}

/*.cib-grid > .cib-min-s {
	min-width: $min-s-cell-width;
}
.cib-grid > .cib-min-m {
	min-width: $min-m-cell-width;
}
.cib-grid > .cib-min-l {
	min-width: $min-l-cell-width;
}
.cib-grid > .cib-max-s {
	max-width: $max-s-cell-width;
}
.cib-grid > .cib-max-m {
	max-width: $max-m-cell-width;
}
.cib-grid > .cib-max-l {
	max-width: $max-l-cell-width;
}*/
/**
* Styles for the "startpage". Overview of tasks in tabMenu.
*/
@media all and (max-width: 1380px) {
  .cib-taskovw-tab .cib-two-cols > *:first-child {
    width: auto;
  }
  .cib-taskovw-tab .cib-two-cols > * + * {
    display: none;
  }
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-id img {
  display: inline-block;
  max-width: 80px;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-id .vdp-autostyle-value span {
  display: block;
  width: 100%;
  flex-grow: 1;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-address {
  align-items: flex-start;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-address .vdp-autostyle-value {
  flex-flow: column nowrap;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-address .vdp-autostyle-value p {
  margin-top: 0 !important;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody figure {
  max-width: 100%;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody figure figcaption {
  word-wrap: break-word;
  text-align: left;
}
@media all and (max-width: 1024px) {
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td:not(.cib-action) .vdp-autostyle-value > *:first-child {
    margin-top: 0;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td[role=gridcell] .ui-column-title, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td[role=gridcell] .vdp-autostyle-value {
    width: auto;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody .vdp-autostyle-value {
    margin: 0;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody figure {
    margin: 0 0.5em;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody figure figcaption {
    padding: 0 !important;
  }
}
@media all and (min-width: 1025px) {
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table table tbody tr td {
    padding: 3rem 1rem 2rem 1rem;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-id, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-id {
    width: 7.25em;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-type, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-type {
    width: 6.25em;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-status, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-status {
    width: 8.7em; /* 6.25em */
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-prio, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-prio {
    width: 5.25em;
    padding-left: 5px;
    padding-right: 5px;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-until, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-until {
    width: 5.25em;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-assigned-to, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-assigned-to {
    width: 9em;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-address, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-address {
    width: 10em;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-address .vdp-autostyle-value p:first-child, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-address .vdp-autostyle-value p:first-child {
    margin-top: 0.14em !important;
  }
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table th.cib-action, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table td.cib-action {
    width: 10em;
    padding-right: 0;
  }
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody tr {
  border-top: 1px solid #afb0b2;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-id img {
  display: block;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-id figcaption {
  text-align: center;
  display: block;
  padding: 0.25em;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-action .vdp-autostyle-value {
  font-size: 0.75em;
}
@media all and (min-width: 1520px) {
  .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody td.cib-action .vdp-autostyle-value {
    font-size: 1em;
  }
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody tr.cib-has-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody tr.cib-has-background td {
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 0;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody tr.cib-has-background td.cib-id img {
  display: none;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody img {
  width: 80px;
  height: auto;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody i {
  font-size: 1.8em;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody .cib-high {
  color: #52535b;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody .cib-medium {
  color: #afb0b2;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody .cib-low {
  color: #afb0b2;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody .cib-action .ui-widget:not(:last-child) i {
  margin-right: 0.5em;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody .cib-action i {
  color: #009493;
}
.cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody i.cib-disabled, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody i.ui-state-disabled, .cib-taskovw-tab .ui-datatable.vdp-light-table .ui-datatable-tablewrapper table tbody span.ui-state-disabled i {
  color: #afb0b2;
}

.cib-nowrap {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
.cib-nowrap * {
  white-space: initial;
}

.cib-small, .cib-register {
  font-size: 0.75em;
}

table.cib-key-value-display th, table.cib-key-value-display td {
  font-weight: normal;
  text-align: left;
  padding: 0.25em 0.5em;
}
table.cib-key-value-display tr > *:first-child {
  padding-left: 0;
}

.ui-panelgrid.cib-no-border .ui-panelgrid-cell, .ui-panelgrid.cib-border-around .ui-panelgrid-cell, .ui-panelgrid.cib-no-border .ui-widget-header, .ui-panelgrid.cib-border-around .ui-widget-header {
  border-style: hidden;
}

.ui-datatable.cib-no-border th.ui-state-default, .ui-datatable.cib-border-around th.ui-state-default, .ui-datatable.cib-no-border .ui-widget-content th, .ui-datatable.cib-border-around .ui-widget-content th, .ui-datatable.cib-no-border .ui-widget-content td, .ui-datatable.cib-border-around .ui-widget-content td {
  border-style: hidden;
}

.cib-italic {
  font-style: italic;
}

.cib-bold {
  font-weight: bold;
}

.cib-smaller {
  font-size: 0.8em;
}

.cib-align-bottom > * {
  vertical-align: bottom;
}

.cib-align-center > * {
  vertical-align: center;
}

.cib-align-top > * {
  vertical-align: top;
}

.cib-flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cib-flex-row.cib-align-bottom {
  align-items: flex-end;
}
.cib-flex-row.cib-align-center {
  align-items: center;
}
.cib-flex-row.cib-align-top {
  align-items: flex-start;
}
.cib-flex-row.cib-align-stretch {
  align-items: stretch;
}
.cib-flex-row.cib-justify-center {
  justify-content: center;
}
.cib-flex-row.cib-justify-stretch {
  justify-content: stretch;
}
.cib-flex-row.cib-justify-stretch > * {
  flex-grow: 1;
}
.cib-flex-row.cib-justify-left {
  justify-content: flex-start;
}
.cib-flex-row.cib-justify-right {
  justify-content: flex-end;
}

.cib-debug > * {
  background-color: rgba(94, 158, 214, 0.25);
}
.cib-debug > * > * {
  background-color: rgba(158, 94, 94, 0.5);
}
.cib-debug > * > * > * {
  background-color: rgba(0, 148, 147, 0.5);
}

.cib-border-around {
  outline: 1px solid #afb0b2;
}
.cib-border-around.cib-separate-first-2-columns {
  background-color: #f00;
}
.cib-border-around.cib-separate-first-2-columns td:nth-child(2), .cib-border-around.cib-separate-first-2-columns tr > .ui-panelgrid-cell:nth-child(2) {
  border-right-style: solid;
  border-right-width: 1px;
}
.cib-border-around.cib-separate-first-2-columns td:nth-child(3), .cib-border-around.cib-separate-first-2-columns tr > .ui-panelgrid-cell:nth-child(3) {
  border-left-style: solid;
  border-left-width: 1px;
}

.cib-print-mask {
  margin: -1em -1.4em;
  padding: 1em 1.4em;
  display: block;
  flex-flow: row nowrap;
}
@media all and (min-width: 960px) {
  .cib-print-mask {
    display: flex;
  }
}
.cib-print-mask .cib-print-mask-settings {
  /* margin-top:1em; */ /* RMa */
  margin-top: -2.1em; /* RMa */
  padding-right: 2em; /* RMa */
  display: flex;
  flex-flow: column nowrap;
}
.cib-print-mask .cib-print-mask-settings > *:not(.vdp-footer-column):not(script) {
  height: auto;
}
.cib-print-mask .cib-print-mask-settings > * > *:not(.vdp-footer-column):not(script) {
  /* margin: 0.5em; */ /* RMa */
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.cib-print-mask .cib-print-mask-settings > * > *:not(.vdp-footer-column):not(script) > *:first-child + * {
  /* margin-left: auto; */ /* RMa */
}
.cib-print-mask .cib-print-mask-settings > * > *:not(.vdp-footer-column):not(script) > *:first-child + * > * ~ * {
  margin-left: 0.45em;
}
.cib-print-mask .cib-print-mask-settings > * > *:not(.vdp-footer-column):not(script) .ui-chkbox + span {
  margin-left: 0.75em;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column {
  border: none;
  height: auto;
  margin: 0;
  margin-top: 2em;
  padding-left: 0;
  padding-right: 0.5em;
  align-items: stretch;
  flex-flow: row wrap;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column > div {
  display: flex;
  align-items: stretch;
  margin-bottom: 0.5em;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column > div > * {
  margin-left: 0.5em;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column > div:first-child > *:first-child {
  margin-left: 0;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column > *, .cib-print-mask .cib-print-mask-settings .vdp-footer-column .ui-widget.ui-button {
  font-size: 1em;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column label, .cib-print-mask .cib-print-mask-settings .vdp-footer-column .ui-selectonemenu {
  margin-bottom: 0;
}
.cib-print-mask .cib-print-mask-settings .vdp-footer-column .ui-selectonemenu label {
  font-size: 1em;
}
.cib-print-mask .cib-print-mask-preview {
  margin-top: 1em;
}
.cib-print-mask .cib-print-mask-preview > * {
  height: auto;
}
.cib-print-mask .cib-print-mask-preview iframe {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

div.print-header-toolbar.vdp-footer-column {
  border-top-style: hidden;
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0;
  /*background:beige;*/
}
div.print-header-toolbar.vdp-footer-column label:nth-of-type(1) {
  padding-right: 1em;
}

code {
  display: inline-block;
}
code.code {
  border-radius: 5px;
  background-color: #ccc;
  font-family: mono;
  padding: 0.5em;
}

pre code {
  display: block;
}
pre code.code {
  margin: 1em;
  padding: 1em;
}

.variants-box {
  overflow: hidden;
  padding: 1rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.ui-row-toggler.ui-icon {
  background-image: none;
  text-indent: 0;
}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-e::after {
  content: "\F0DA";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.ui-row-toggler.ui-icon.ui-icon-circle-triangle-s::after {
  content: "\F0D7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.ui-messages-close .ui-icon.ui-icon-close {
  background-image: none;
  text-indent: 0;
}
.ui-messages-close .ui-icon.ui-icon-close::after {
  content: "\F057";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/* change position of close icon of error messages */
a.ui-messages-close {
  text-decoration: none;
  transform: translate(69%, -63%);
  position: absolute;
  right: 0;
  top: 0;
}

.ui-messages-error {
  position: relative;
}

.cib-lightbox-docs {
  padding-left: 1em;
}
.cib-lightbox-docs img {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: border-color 0.2s;
}
.cib-lightbox-docs img:hover {
  border-color: #afb0b2;
}

.ui-picklist.cib-picklist {
  padding: 1em;
}
.ui-picklist.cib-picklist .ui-picklist-item tr > td {
  border-bottom: 1px solid #afb0b2;
}
.ui-picklist.cib-picklist .ui-picklist-caption {
  background-color: whitesmoke;
}
.ui-picklist.cib-picklist img {
  max-height: 100px;
  vertical-align: middle;
  max-width: 140px;
  margin: 5px;
}
.ui-picklist.cib-picklist .cib-doc-object {
  background: #eaeaea;
}
.ui-picklist.cib-picklist .ui-picklist-list-wrapper {
  min-width: 390px;
}
.ui-picklist.cib-picklist .ui-picklist-list {
  min-width: 390px;
  min-height: 500px;
}
.ui-picklist.cib-picklist .ui-picklist-list li {
  margin: 5px;
  padding: 0px;
}
.ui-picklist.cib-picklist .ui-picklist-filter {
  margin-bottom: 0.5em;
}
.ui-picklist.cib-picklist td:first-child {
  width: 45%;
  text-align: center;
}
.ui-picklist.cib-picklist td:last-child {
  width: 17px;
  vertical-align: middle;
}

table.ui-selectonemenu-items > tbody > tr > td.cib-doc-object {
  background: #eaeaea;
}

.cib-doc-list-simple .dms-doc-panelgroup > div:nth-child(1) {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
}
.cib-doc-list-simple .dms-doc-panelgroup > div:nth-child(1) > div:nth-child(1) {
  height: calc(100% - 0px);
  padding: 0;
}
.cib-doc-list-simple .dms-doc-panelgroup > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  height: calc(100% - 0px);
  padding: 0;
}
.cib-doc-list-simple .cib-doc-fascan-spinner {
  top: calc(100% - 280px);
  position: relative;
  padding-left: 2em;
  color: red;
}
.cib-doc-list-simple .cib-lightbox-docs a {
  font-style: italic;
  font-weight: bold;
  padding-right: 1em;
}
.cib-doc-list-simple .cib-lightbox-docs img {
  max-height: 300px;
  max-width: 420px;
}
.cib-doc-list-simple .vdp-emphasized-text {
  font-size: 130%;
}

.dms-i-description-margin-bottom {
  margin-bottom: 10px;
}

.cib-risks .ui-card, .cib-ratings .ui-card {
  background: #fff;
  color: #495057;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.cib-risks .ui-card .ui-card-body, .cib-ratings .ui-card .ui-card-body {
  /*padding: 1rem;*/
  height: calc(100% - 0px);
}
.cib-risks .ui-card .ui-card-title, .cib-ratings .ui-card .ui-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.cib-risks .ui-card .ui-card-content, .cib-ratings .ui-card .ui-card-content {
  /*padding: 1rem 0;*/
  height: calc(100% - 0px);
}
.cib-risks .ui-card .ui-card-content .ui-card-full-content-button, .cib-ratings .ui-card .ui-card-content .ui-card-full-content-button {
  width: 100%;
  height: calc(100% - 0px);
  border: none !important;
  background: 0;
}

#login, #passwordreset, #registerform, #error404, #error401, #error403, #error500, #errorExpired {
  background: #fff url("/cibplus-webui/javax.faces.resource/images/login-screen-3-bg.jpg.xhtml?ln=primefaces-login-theme&v=12.0.0&e=12.0.7") no-repeat 50% 50%;
  background-size: cover;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

#registerformold .cib-panel-header, #registerformold .cib-panel-footer, #error404 .cib-panel-header, #error404 .cib-panel-footer, #error401 .cib-panel-header, #error401 .cib-panel-footer, #error403 .cib-panel-header, #error403 .cib-panel-footer, #error500 .cib-panel-header, #error500 .cib-panel-footer, #errorExpired .cib-panel-header, #errorExpired .cib-panel-footer {
  position: relative;
}
#registerformold .cib-panel-header:after, #registerformold .cib-panel-footer:after, #error404 .cib-panel-header:after, #error404 .cib-panel-footer:after, #error401 .cib-panel-header:after, #error401 .cib-panel-footer:after, #error403 .cib-panel-header:after, #error403 .cib-panel-footer:after, #error500 .cib-panel-header:after, #error500 .cib-panel-footer:after, #errorExpired .cib-panel-header:after, #errorExpired .cib-panel-footer:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 3rem;
  content: "\F12A";
  color: #b94a48;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 1;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  border: 2px solid #b94a48;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

#errorExpired {
  background: #fff url("") no-repeat 50% 50%;
  background-size: cover;
}

#registerform, .cib-pw-reset {
  /* font-size:0.75em; */
}
#registerform .cib-panel, .cib-pw-reset .cib-panel {
  max-width: 1200px;
}
#registerform .cib-panel .cib-panel-content, .cib-pw-reset .cib-panel .cib-panel-content {
  font-size: 0.85em;
}
#registerform .cib-panel-action-footer, .cib-pw-reset .cib-panel-action-footer {
  font-size: 1rem;
}
#registerform .ui-fieldset .ui-fieldset-legend, .cib-pw-reset .ui-fieldset .ui-fieldset-legend {
  font-size: 1.3em;
}

.cib-register {
  margin-top: -2em;
  margin-bottom: 2em;
  text-align: right;
}
.cib-register a {
  text-decoration: none;
}
.cib-register a:not(:hover):not(:focus) {
  color: inherit;
}

.cib-panel.cib-login, .cib-panel.cib-pw-reset, .cib-panel.cib-registerform {
  flex-grow: 0;
  margin: 2em;
}
.cib-panel.cib-login .cib-panel-header img, .cib-panel.cib-pw-reset .cib-panel-header img, .cib-panel.cib-registerform .cib-panel-header img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.25em;
  width: 10em;
}
.cib-panel.cib-login .cib-panel-header h1, .cib-panel.cib-pw-reset .cib-panel-header h1, .cib-panel.cib-registerform .cib-panel-header h1 {
  margin: 0;
  font-size: 2.25em;
  font-weight: normal;
}
.cib-panel.cib-login .cib-panel-header a, .cib-panel.cib-pw-reset .cib-panel-header a, .cib-panel.cib-registerform .cib-panel-header a {
  color: #FFFFFF;
}
.cib-panel.cib-login .cib-panel-footer, .cib-panel.cib-pw-reset .cib-panel-footer, .cib-panel.cib-registerform .cib-panel-footer {
  font-size: 0.75rem;
}
.cib-panel.cib-login .cib-panel-footer a, .cib-panel.cib-pw-reset .cib-panel-footer a, .cib-panel.cib-registerform .cib-panel-footer a {
  color: #FFFFFF;
}
.cib-panel.cib-login .cib-panel-action-footer, .cib-panel.cib-pw-reset .cib-panel-action-footer, .cib-panel.cib-registerform .cib-panel-action-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cib-panel.cib-login .cib-panel-action-footer a, .cib-panel.cib-pw-reset .cib-panel-action-footer a, .cib-panel.cib-registerform .cib-panel-action-footer a {
  font-size: 0.75em;
  color: #52535b;
  text-decoration: none;
}
.cib-panel.cib-login .cib-panel-action-footer a:hover, .cib-panel.cib-login .cib-panel-action-footer a:focus, .cib-panel.cib-pw-reset .cib-panel-action-footer a:hover, .cib-panel.cib-pw-reset .cib-panel-action-footer a:focus, .cib-panel.cib-registerform .cib-panel-action-footer a:hover, .cib-panel.cib-registerform .cib-panel-action-footer a:focus {
  color: #eb453e;
}

.cib-panel.cib-login .cib-panel-content .cib-input-icon, .cib-panel.cib-pw-reset .cib-panel-content .cib-input-icon {
  display: block;
  margin-bottom: 0.5em;
}
.cib-panel.cib-login .cib-panel-content .cib-input-icon i, .cib-panel.cib-pw-reset .cib-panel-content .cib-input-icon i {
  position: absolute;
  font-size: 1.1em;
  padding-top: 0.45em;
  margin-left: 0.65em;
}
.cib-panel.cib-login .cib-panel-content .cib-input-icon input, .cib-panel.cib-pw-reset .cib-panel-content .cib-input-icon input {
  padding-left: 2.5em;
}
.cib-panel.cib-login .cib-panel-content input:not(.ui-helper-hidden), .cib-panel.cib-pw-reset .cib-panel-content input:not(.ui-helper-hidden) {
  display: block;
  width: 100%;
}
.cib-panel.cib-login .cib-panel-content input:not(.ui-helper-hidden) + input, .cib-panel.cib-pw-reset .cib-panel-content input:not(.ui-helper-hidden) + input {
  margin-top: 0.5em;
}
.cib-panel.cib-login .cib-panel-content label, .cib-panel.cib-pw-reset .cib-panel-content label {
  margin-right: 1em;
}

.cib-panel.cib-pw-reset .cib-panel-content p:first-child {
  margin-top: 0;
}
.cib-panel.cib-pw-reset .cib-panel-content form {
  margin-top: 2em;
}
.cib-panel.cib-pw-reset .cib-panel-content .cib-input-icon {
  margin-top: 1em;
  margin-bottom: 2em;
}