:root {
  --sm:576px;
  --md:768px;
  --lg:992px;
  --xl:1200px;

  --brand-blue:hsl(from hsl(194, 100%, 47%) h s l);    /* modra iz loga   */
  --brand-green:hsl(73, 47%, 52%);     /* zelena iz loga  */
  --brand-orange:hsl(32, 93%, 59%);    /* oranžna iz loga */

  --mono:monospace;
}

.red-color {
  color: red;
}

.fs-larger {
    font-size: 1.25rem !important;
}

.bb-body .layout-topbar {
  z-index: 2000;
}

body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error {
    background-size: 0 0, 100% 3px;
}

.bb-body mark {
    background: #329ef491;
    padding: 0.2em 0.4em;
    margin: 0 -0.2em;
    border-radius: 4px;
    font-family: unset;
}

.ui-float-label>input:focus ~ label, .ui-float-label>input.ui-state-filled ~ label, .ui-float-label>textarea:focus ~ label, .ui-float-label>textarea.ui-state-filled ~ label, .ui-float-label>.ui-inputwrapper-focus ~ label, .ui-float-label>.ui-inputwrapper-filled ~ label {
    font-size: 9px;
}

.bb-body .overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,.1);
    z-index: 2000;
}

.bb-body .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem;
    border-radius: 4px;
    text-align: center;
    z-index: 2001;
    background-color: #f8f8f8;
    display: block !important;
}

.bb-body .lbl-state-disabled {
    opacity: 1;
    color: rgba(0, 0, 0, .5) !important;
    background-color: rgba(245,245,245,.38) !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    background-image: none !important;
}

.bb-body span.ui-inputfield.ui-inputtext.ui-state-disabled, .bb-body input.ui-state-disabled
.bb-body span.ui-inputfield.ui-inputtext.ui-state-readonly, .bb-body input.ui-state-readonly {
    opacity: 1;
    color: rgba(0, 0, 0, .5) !important;
    background-color: rgba(245,245,245,.38) !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    background-image: none !important;
}

.bb-body .ui-commandlink:hover {
    text-decoration: auto;
}

.bb-body .layout-wrapper .layout-main .layout-content {
    padding: 1rem;
}

.Separator {
  border-bottom: 1px solid var(--divider-color);
}

.bb-body .ui-badge.ui-badge-no-gutter {
    padding: 1px;
    border-radius: 4px;
}

/* Baza za vse "naslove" */
.style-h1, .style-h2, .style-h3, .style-h4, .style-h5, .style-h6 {
    font-weight: 900;
    line-height: 1.2;
    display: block; /* Da se obnaša kot naslov v svoji vrstici */
    color: #212529; /* Temno siva, prilagodi svoji temi */
}

.style-h1 { font-size: 2.5rem; }  /* cca 40px */
.style-h2 { font-size: 2rem; }    /* cca 32px */
.style-h3 { font-size: 1.75rem; } /* cca 28px */
.style-h4 { font-size: 1.5rem; }  /* cca 24px */
.style-h5 { font-size: 1.25rem; } /* cca 20px */
.style-h6 { font-size: 1.2rem; } /* cca 20px */

/*  Pozicija spinnerja
.layout-ajax-loader-icon {
    position: fixed;
    right: 8px;
    top: 8px;
    font-size: 40px !important;
    font-weight: 900;
    z-index: 2001;
    pointer-events: none;
    color: var(--lightblue);
}
 */

/* Dodatki za Toolbar */
/* .bb-body .ui-toolbar-group-right {
    margin-left: auto;   --- Če je to potem ostane desni meni na desni???
}
 */
 /* Dodatki za Toolbar */

/* Dodatki za Footer */
/*
.bb-layout .layout-footer {
  background-color: var(--menu-text-color);
}
*/
/* Media query za mobilne zaslone */
@media (max-width: 520px) {
    .bb-layout .layout-footer .smallScreen {display: none !important;}
}

/* Dodatki za Footer */

/* Splošni stil za sličico v gumbu */
.bb-body .ui-button.custom-image-button {
  background-position: 1rem 50%;
  background-repeat: no-repeat;
  padding-left: 2rem;
}
/* Splošni stil za sličico v gumbu */

.bb-body .ui-button.ui-button-white, .bb-body .ui-splitbutton.ui-button-white > .ui-button, .bb-body .ui-menubutton.ui-button-white > .ui-button {
    background: white;
    color: black;
    border: 1px solid var(--surface-400);
}
.bb-body .ui-button.ui-button-white.ui-state-hover, .bb-body .ui-splitbutton.ui-button-white > .ui-button.ui-state-hover, .bb-body .ui-menubutton.ui-button-white > .ui-button.ui-state-hover {
    background: var(--surface-100);
}

/* Dodatki za PAGINATOR */
.bb-body .ui-paginator {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.bb-body .ui-paginator .ui-paginator-current, .bb-body .ui-paginator .ui-paginator-rpp-options {
    margin: 0;
}
.bb-body .ui-paginator .ui-paginator-first, .bb-body .ui-paginator .ui-paginator-prev, .bb-body .ui-paginator .ui-paginator-next, .bb-body .ui-paginator .ui-paginator-last {
    width: 2rem;
    height: 2rem;
    line-height: 2.3rem;
}
.bb-body .ui-paginator-bottom-left-content {
    min-width: unset !important;
}
.bb-body .ui-paginator-center-content {
    flex-wrap: nowrap;
}
/*.bb-body .ui-paginator .ui-paginator-current, .bb-body .ui-paginator .ui-paginator-rpp-options {
    margin-left: auto;
    margin-right: .5em;
}
 */
 /* Dodatki za PAGINATOR */

/* Dodatki za table */
.bb-body .visibleHeaderBug th span.ui-column-title {
    display: unset;
}
.bb-body .no-header-table thead {
  display: none;
}
.bb-body .ui-datatable thead th,
.bb-body .ui-treetable thead th {
    background: var(--surface-300);
    text-align: center;
}
.bb-body .ui-datatable thead th button {
    height: 2rem;
    width: 2rem;
}

.bb-body .ui-datatable .ui-datatable-scrollable-header, .bb-body .ui-datatable .ui-datatable-scrollable-footer {
    background: var(--surface-200);
}

.bb-body .ui-dataview.ui-dataview-list .ui-dataview-row {
    border: unset;
}

.bb-body .ui-dataview .ui-paginator.ui-paginator-bottom {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}
/* Dodatki za table */

/* Dodatki za dialog */
.bb-body .ui-confirm-dialog {
    min-width: 350px;
}
/* Dodatki za dialog */

/* Dodatki za wizard */
.bb-body .ui-wizard-content {
    margin-bottom: 1rem;
}
.bb-body .ui-inputotp>.ui-inputotp-input {
    width: 3rem;
}
.bb-body .ui-panel .ui-panel-titlebar {
    background: #e2f5fe;

    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.bb-body .ui-inputgroup .ui-password {
  display: inline-block;
  padding: 0;
  width: 100%;
}
.bb-body .ui-input-icon-left > i, .bb-body .ui-input-icon-right > i {
    top: 0;
    margin-top: 1rem;
}
/* Dodatki za wizard */

/* Dodatki za growl and messages */
.bb-body .ui-growl {
    width: min(90%, 400px);
}
.bb-body .ui-growl-message {
    padding: 0;
    width: calc(100% - 40px);
}
.bb-body .ui-growl,
  .bb-body .ui-growl-item-container,
  .bb-body .ui-growl-item {
    opacity: .99;
    z-index: 5555 !important;
}
.bb-body .ui-growl-message p {
    word-break: auto-phrase;
}
.bb-body .ui-widget + .ui-message {
    margin: 0;
}
.bb-body .ui-message-info, .bb-body .ui-message-error, .bb-body .ui-message-warn, .bb-body .ui-message-fatal {
    margin: 0;
}
.bb-body .ui-growl-item-container.ui-growl-error .ui-growl-image:before, .bb-body .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
    content: "\e935" !important;
    font-weight: 900;
}

/* Dodatki za growl */

/* Dodatki za selectOne... */
.bb-body .wrapLabel .ui-selectonemenu-label {
    white-space: normal;
}
/* .bb-body .ui-selectonemenu-panel {max-width: fit-content;} */
.bb-body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item,
.bb-body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
  white-space: normal;
}

.bb-body .ui-input-icon-left, .bb-body .ui-input-icon-right {
    display: unset;
}

/* Dodatki za menuBar... */
 .menuForTopBar.ui-menubar {
  border: none !important;
}
.menuForTopBar .ui-menu-parent > .ui-submenu-link:hover {
  background: rgba(255, 255, 255, 0.09) !important;
}

.menuForTopBar .ui-menu-parent > .ui-submenu-link .ui-menuitem-text {
  color: white !important;
}
.menuForTopBar .ui-menu-parent > .ui-submenu-link .ui-icon {
  color: white !important;
}

.menuForTopBar .ui-menu-parent > .ui-submenu-link .ui-menuitem-icon {
  color: white !important;
  fill: white !important;
}

.menuForTopBar .ui-menu-parent > ul.ui-menu-child {
  width: max-content !important;
  min-width: 100%;
  white-space: nowrap;
}

/* reset originalnih definicij */
body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover),
body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus),
body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover),
body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) {
    box-shadow: none !important;
}
.bb-body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
    box-shadow: 0 0 4px 8px rgba(0, 0, 0, 0.04);
}
.bb-body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus {
  box-shadow: 0 0 4px 8px rgba(0, 0, 0, 0.12);
}
.bb-body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
  box-shadow: 0 0 4px 8px rgba(96, 125, 139, 0.04);
}
.bb-body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus {
  box-shadow: 0 0 4px 8px rgba(96, 125, 139, 0.12);
}
 /* Dodatki za selectOne... */


.bb-body .ui-progressbar-value.ui-widget-header {
  background-color: inherit !important;
}
.bb-body .ui-progressbar.ui-progressbar-danger .ui-progressbar-value {
    background: var(--pink);
}
.bb-body .ui-progressbar.ui-progressbar-warning .ui-progressbar-value {
    background: var(--brand-orange);
}
#bb-body .ui-progressbar.ui-progressbar-info .ui-progressbar-value {
    background: var(--brand-blue);
}
.bb-body .ui-progressbar.ui-progressbar-success .ui-progressbar-value {
    background: var(--brand-green);
}

.bb-body .button-bottom-right {
    position: fixed;
    bottom: 5rem; /* prilagodi razdaljo od spodnjega roba */
    right: 1rem;  /* prilagodi razdaljo od desnega roba */
    z-index: 1000; /* zagotavlja, da je gumb nad ostalimi elementi */
}

.bb-body .scrollTop {
    opacity: .3;
}
.bb-body .scrollTop:hover {
    opacity: 1;
}

.bb-body .ui-column-title {
  width: 100%;
  font-weight: 900;
}

.bb-body .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdright{text-align: right;}
.bb-body .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdvat{vertical-align: top;}
.bb-body .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdcenter{text-align: center;}
.bb-body .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdvab{vertical-align: bottom;}
.bb-body .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdvam {vertical-align: middle;}
.bb-body .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdnowrap {white-space: nowrap;}

@media (max-width: 640px) {
  /* Velja samo za <p:dataTable reflow="true"> */
  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:first-child {
    background-color: var(--surface-300);
  }

  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data > tr > td:last-child::after {
    content: "";
    display: block;
    height: 0;
    margin-top: 1rem;
    margin-left: -5px;
    margin-right: -5px;
    background-color: red;
    border-bottom: 3px solid var(--surface-300); /* nežna črta */
  }


  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdright { text-align: inherit; }
  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdvat   { vertical-align: inherit; }
  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdcenter{ text-align: inherit; }
  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdvab   { vertical-align: inherit; }
  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdvam   { vertical-align: inherit; }
  .bb-body .ui-datatable.ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden).tdnowrap{ white-space: inherit; }
}

.bb-body .borderNone {border: none;}
.bb-body .displayNone {display: none;}
.bb-body .visibilityNone {visibility: none;}
.bb-body .floatRight{float: right;}
.bb-body .floatLeft{float: left;}
.bb-body .nowrap{white-space: nowrap;}
.bb-body .pre{white-space: pre;}
.bb-body .breakWord{overflow-wrap: break-word;}
.bb-body .center{text-align: center;}
.bb-body .right{text-align: right;}
.bb-body .left{text-align: left;}
.bb-body .vat{vertical-align: top;}
.bb-body .vab{vertical-align: bottom;}
.bb-body .vam{vertical-align: middle;}
.bb-body .bold {font-weight: bold;}
.bb-body .italic {font-style: italic;}
.bb-body .uppercase{text-transform: uppercase;}

.bb-body .dwidth{width: 75px;}
.bb-body .dtwidth{width: 110px;}
@media(max-width: 990px) {
    .bb-body .dtwidth{max-width: 75px;}
}



/* custom PI icons */
#bb-body .pi.pi-custom {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
}
#bb-body .pi.pi-zzi {
    background-image: url("/bizBoxLogin/jakarta.faces.resource/images/zzi.png.xhtml?ln=layout") !important;
}
#bb-body .pi.pi-bizBox {
    background-image: url("/bizBoxLogin/jakarta.faces.resource/images/favicon-16x16.png.xhtml?ln=layout") !important;
}
#bb-body .pi.pi-api {
    background-image: url("/bizBoxLogin/jakarta.faces.resource/images/api.png.xhtml?ln=layout") !important;
}
#bb-body .pi.pi-eslog {
    background-image: url("/bizBoxLogin/jakarta.faces.resource/images/eslog.png.xhtml?ln=layout") !important;
}
#bb-body .pi.pi-cert {
    background-image: url("/bizBoxLogin/jakarta.faces.resource/images/cert.png.xhtml?ln=layout") !important;
}
#bb-body .pi.pi-custom::before {
    content: ''; /* prepreči standardni znak */
}