/* Moj Flora račun 3.0.000: shared styles and local Source Sans 3. */
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-c6e007862d29.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-b6b721e08d03.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-67fbab24bd97.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-dd6ec3878cf3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-a91edbcdcb4e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-a85a7459bdb3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-19143dca0759.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-c6e007862d29.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-b6b721e08d03.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-67fbab24bd97.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-dd6ec3878cf3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-a91edbcdcb4e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-a85a7459bdb3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-19143dca0759.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-c6e007862d29.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-b6b721e08d03.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-67fbab24bd97.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-dd6ec3878cf3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-a91edbcdcb4e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-a85a7459bdb3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-19143dca0759.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-c6e007862d29.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-b6b721e08d03.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-67fbab24bd97.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-dd6ec3878cf3.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-a91edbcdcb4e.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-a85a7459bdb3.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-19143dca0759.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Moj Flora račun • Bootstrap 6.0.0-alpha.1. Stilovi portala u sloju custom. */
/* Keep the fallback notice readable even when CSS layers are unsupported. */
.flora-browser-notice[hidden]{
display:none;
}
.flora-browser-notice{
position:relative;
z-index:1100;
padding:16px 24px;
border-bottom:1px solid #dabd89;
background:#fff4da;
color:#433820;
font:16px/1.5 Arial, sans-serif;
}
.flora-browser-notice p{
margin:0;
}
.flora-browser-notice a{
color:#075c64;
text-decoration:underline;
}
/* Bootstrap 6 color modes, with the portal's Flora palette. */
:root:not([data-bs-theme]){
color-scheme:light;
}
html[data-bs-theme]{
--bs-bg-body:light-dark(#f3f6f6, #101820);
--bs-bg-1:light-dark(#fff, #192630);
--bs-bg-2:light-dark(#f5f9f8, #243540);
--bs-bg-3:light-dark(#eaf5f0, #314957);
--bs-bg-4:light-dark(#dbe6e7, #455e6c);
--bs-fg-body:light-dark(#243f4c, #edf3f6);
--bs-fg-1:light-dark(#465e6b, #b8cbd5);
--bs-fg-2:light-dark(#526978, #b8cbd5);
--bs-border-color:light-dark(#dbe6e7, #455e6c);
--bs-primary-base:#08777d;
--bs-primary-fg:light-dark(#066b72, #a2e0d8);
--bs-primary-fg-emphasis:light-dark(#07646b, #b0ebdf);
--bs-primary-bg:light-dark(#08777d, #a2e0d8);
--bs-primary-bg-subtle:light-dark(#eaf5f0, #204247);
--bs-primary-bg-muted:light-dark(#dbefeb, #314957);
--bs-primary-border:light-dark(#c0d4d6, #67818b);
--bs-primary-contrast:light-dark(#fff, #10292f);
--bs-primary-focus-ring:light-dark(#08777d, #a2e0d8);
--bs-warning-fg:light-dark(#79501e, #f2cf96);
--bs-warning-bg-subtle:light-dark(#fff8eb, #3c352b);
--bs-warning-border:light-dark(#eddab9, #756346);
--bs-success-fg:light-dark(#176b4c, #a6e4be);
--bs-success-bg-subtle:light-dark(#edf7f0, #203f37);
--bs-success-border:light-dark(#cae1d2, #4a7a63);
--bs-danger-fg:light-dark(#9c3f3b, #ffbdb6);
--bs-danger-bg-subtle:light-dark(#fcefed, #463139);
--bs-danger-border:light-dark(#e6c2bf, #a46665);
--bs-link-color:var(--bs-primary-fg);
--bs-link-hover-color:var(--bs-primary-fg-emphasis);
background:var(--bs-bg-body);
}
html[data-bs-theme="dark"].flora-a11y-contrast{
--bs-bg-body:light-dark(#f3f6f6, #0b151b);
--bs-bg-1:light-dark(#fff, #12232c);
--bs-bg-2:light-dark(#f5f9f8, #1a3039);
--bs-border-color:light-dark(#dbe6e7, #8da4ad);
--bs-fg-body:light-dark(#243f4c, #fff);
--bs-fg-1:light-dark(#465e6b, #d6e3e7);
--bs-fg-2:light-dark(#526978, #d6e3e7);
--bs-primary-fg:light-dark(#066b72, #a4f0df);
--bs-primary-bg:light-dark(#08777d, #a4f0df);
--bs-warning-fg:light-dark(#79501e, #ffe0a4);
--bs-success-fg:light-dark(#176b4c, #b9f5cb);
--bs-danger-fg:light-dark(#9c3f3b, #ffc5bf);
}
/* Bootstrap Icons 1.13.2 (MIT): one SVG mask renderer for the icons used
   by both pages. Each SVG viewport is centered on the complete visible path.
   Keep this unlayered to override the CDN font's pseudo-element content. */
body:where(.flora-login, .flora-account) .bi:where(:not(svg))::before{
display:block;
line-height:1;
vertical-align:0;
letter-spacing:normal;
word-spacing:normal;
text-indent:0;
}
body:where(.flora-login, .flora-account) :is(
  .bi-arrow-clockwise, .bi-arrow-counterclockwise, .bi-arrow-down-short, .bi-arrow-left, .bi-arrow-left-right, .bi-arrow-return-left, .bi-arrow-return-right,
  .bi-arrow-right, .bi-arrow-right-short, .bi-arrows-angle-contract, .bi-arrows-angle-expand, .bi-bank, .bi-book, .bi-box-arrow-right,
  .bi-box-arrow-up, .bi-box-arrow-up-right, .bi-calendar3, .bi-check-circle, .bi-check-lg, .bi-check2, .bi-check2-circle,
  .bi-chevron-left, .bi-chevron-right, .bi-circle, .bi-circle-half, .bi-clock, .bi-dash, .bi-dash-circle,
  .bi-dash-lg, .bi-download, .bi-envelope-check, .bi-envelope-paper, .bi-exclamation-circle, .bi-facebook, .bi-file-earmark-arrow-down,
  .bi-file-earmark-pdf, .bi-file-earmark-text, .bi-flower1, .bi-folder2-open, .bi-grid-1x2, .bi-headset, .bi-info-circle,
  .bi-key, .bi-link-45deg, .bi-moon-stars, .bi-pause-circle, .bi-person-circle, .bi-person-lines-fill, .bi-person-lock,
  .bi-person-vcard, .bi-phone, .bi-plus-lg, .bi-receipt, .bi-recycle, .bi-shield-check, .bi-telephone,
  .bi-text-paragraph, .bi-truck, .bi-ui-checks, .bi-universal-access, .bi-upc-scan, .bi-wallet2, .bi-x-lg
):where(:not(svg))::before{
content:"";
flex:0 0 1em;
width:1em;
height:1em;
background-color:currentColor;
-webkit-mask-image:var(--flora-icon-image);
mask-image:var(--flora-icon-image);
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
mask-mode:alpha;
forced-color-adjust:none;
}
@layer custom{
/* A single centered square in text, flex/grid layouts and icon-only buttons. */
body:where(.flora-login, .flora-account) .bi:where(:not(svg)){
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:1em;
height:1em;
line-height:1;
vertical-align:middle;
}
/* Official SVG paths; the viewport adjustment is generated from SVG bounds. */
body:where(.flora-login, .flora-account) .bi-arrow-clockwise{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.0010207%20-0.8579536%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%203a5%205%200%201%200%204.546%202.914.5.5%200%200%201%20.908-.417A6%206%200%201%201%208%202z%22%2F%3E%3Cpath%20d%3D%22M8%204.466V.534a.25.25%200%200%201%20.41-.192l2.36%201.966c.12.1.12.284%200%20.384L8.41%204.658A.25.25%200%200%201%208%204.466%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-counterclockwise{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.00102%20-0.8579531%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%203a5%205%200%201%201-4.546%202.914.5.5%200%200%200-.908-.417A6%206%200%201%200%208%202z%22%2F%3E%3Cpath%20d%3D%22M8%204.466V.534a.25.25%200%200%200-.41-.192L5.23%202.308a.25.25%200%200%200%200%20.384l2.36%201.966A.25.25%200%200%200%208%204.466%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-down-short{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0001364%200.0004468%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%204a.5.5%200%200%201%20.5.5v5.793l2.146-2.147a.5.5%200%200%201%20.708.708l-3%203a.5.5%200%200%201-.708%200l-3-3a.5.5%200%201%201%20.708-.708L7.5%2010.293V4.5A.5.5%200%200%201%208%204%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-left{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0004471%20-0.0001366%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15%208a.5.5%200%200%200-.5-.5H2.707l3.147-3.146a.5.5%200%201%200-.708-.708l-4%204a.5.5%200%200%200%200%20.708l4%204a.5.5%200%200%200%20.708-.708L2.707%208.5H14.5A.5.5%200%200%200%2015%208%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-left-right{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0004943%20-0.0006317%2016.000988%2016.000988%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%2011.5a.5.5%200%200%200%20.5.5h11.793l-3.147%203.146a.5.5%200%200%200%20.708.708l4-4a.5.5%200%200%200%200-.708l-4-4a.5.5%200%200%200-.708.708L13.293%2011H1.5a.5.5%200%200%200-.5.5m14-7a.5.5%200%200%201-.5.5H2.707l3.147%203.146a.5.5%200%201%201-.708.708l-4-4a.5.5%200%200%201%200-.708l4-4a.5.5%200%201%201%20.708.708L2.707%204H14.5a.5.5%200%200%201%20.5.5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-return-left{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0004471%20-0.4996843%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.5%201.5a.5.5%200%200%201%20.5.5v4.8a2.5%202.5%200%200%201-2.5%202.5H2.707l3.347%203.346a.5.5%200%200%201-.708.708l-4.2-4.2a.5.5%200%200%201%200-.708l4-4a.5.5%200%201%201%20.708.708L2.707%208.3H12.5A1.5%201.5%200%200%200%2014%206.8V2a.5.5%200%200%201%20.5-.5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-return-right{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.0004468%20-0.4998207%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.5%201.5A.5.5%200%200%200%201%202v4.8a2.5%202.5%200%200%200%202.5%202.5h9.793l-3.347%203.346a.5.5%200%200%200%20.708.708l4.2-4.2a.5.5%200%200%200%200-.708l-4-4a.5.5%200%200%200-.708.708L13.293%208.3H3.5A1.5%201.5%200%200%201%202%206.8V2a.5.5%200%200%200-.5-.5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-right{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.0004468%20-0.0001366%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%208a.5.5%200%200%201%20.5-.5h11.793l-3.147-3.146a.5.5%200%200%201%20.708-.708l4%204a.5.5%200%200%201%200%20.708l-4%204a.5.5%200%200%201-.708-.708L13.293%208.5H1.5A.5.5%200%200%201%201%208%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrow-right-short{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.0004473%20-0.0001364%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4%208a.5.5%200%200%201%20.5-.5h5.793L8.146%205.354a.5.5%200%201%201%20.708-.708l3%203a.5.5%200%200%201%200%20.708l-3%203a.5.5%200%200%201-.708-.708L10.293%208.5H4.5A.5.5%200%200%201%204%208%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrows-angle-contract{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-3e-7%20-2e-7%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M.172%2015.828a.5.5%200%200%200%20.707%200l4.096-4.096V14.5a.5.5%200%201%200%201%200v-3.975a.5.5%200%200%200-.5-.5H1.5a.5.5%200%200%200%200%201h2.768L.172%2015.121a.5.5%200%200%200%200%20.707M15.828.172a.5.5%200%200%200-.707%200l-4.096%204.096V1.5a.5.5%200%201%200-1%200v3.975a.5.5%200%200%200%20.5.5H14.5a.5.5%200%200%200%200-1h-2.768L15.828.879a.5.5%200%200%200%200-.707%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-arrows-angle-expand{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%225e-7%204e-7%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.828%2010.172a.5.5%200%200%200-.707%200l-4.096%204.096V11.5a.5.5%200%200%200-1%200v3.975a.5.5%200%200%200%20.5.5H4.5a.5.5%200%200%200%200-1H1.732l4.096-4.096a.5.5%200%200%200%200-.707m4.344-4.344a.5.5%200%200%200%20.707%200l4.096-4.096V4.5a.5.5%200%201%200%201%200V.525a.5.5%200%200%200-.5-.5H11.5a.5.5%200%200%200%200%201h2.768l-4.096%204.096a.5.5%200%200%200%200%20.707%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-bank{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0001763%20-0.0001736%2016.0003529%2016.0003529%22%3E%3Cpath%20d%3D%22m8%200%206.61%203h.89a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.5.5H15v7a.5.5%200%200%201%20.485.38l.5%202a.498.498%200%200%201-.485.62H.5a.498.498%200%200%201-.485-.62l.5-2A.5.5%200%200%201%201%2013V6H.5a.5.5%200%200%201-.5-.5v-2A.5.5%200%200%201%20.5%203h.89zM3.777%203h8.447L8%201zM2%206v7h1V6zm2%200v7h2.5V6zm3.5%200v7h1V6zm2%200v7H12V6zM13%206v7h1V6zm2-1V4H1v1zm-.39%209H1.39l-.25%201h13.72z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-book{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%20-0.5521336%2016%2016%22%3E%3Cpath%20d%3D%22M1%202.828c.885-.37%202.154-.769%203.388-.893%201.33-.134%202.458.063%203.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689%201.782-.886%203.112-.752%201.234.124%202.503.523%203.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8%201.783C7.015.936%205.587.81%204.287.94c-1.514.153-3.042.672-3.994%201.105A.5.5%200%200%200%200%202.5v11a.5.5%200%200%200%20.707.455c.882-.4%202.303-.881%203.68-1.02%201.409-.142%202.59.087%203.223.877a.5.5%200%200%200%20.78%200c.633-.79%201.814-1.019%203.222-.877%201.378.139%202.8.62%203.681%201.02A.5.5%200%200%200%2016%2013.5v-11a.5.5%200%200%200-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809%208.985.936%208%201.783%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-box-arrow-right{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%20-0.0004473%2016.0008945%2016.0008945%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2012.5a.5.5%200%200%201-.5.5h-8a.5.5%200%200%201-.5-.5v-9a.5.5%200%200%201%20.5-.5h8a.5.5%200%200%201%20.5.5v2a.5.5%200%200%200%201%200v-2A1.5%201.5%200%200%200%209.5%202h-8A1.5%201.5%200%200%200%200%203.5v9A1.5%201.5%200%200%200%201.5%2014h8a1.5%201.5%200%200%200%201.5-1.5v-2a.5.5%200%200%200-1%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.854%208.354a.5.5%200%200%200%200-.708l-3-3a.5.5%200%200%200-.708.708L14.293%207.5H5.5a.5.5%200%200%200%200%201h8.793l-2.147%202.146a.5.5%200%200%200%20.708.708z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-box-arrow-up{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0004473%20-0.0008939%2016.0008945%2016.0008945%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.5%206a.5.5%200%200%200-.5.5v8a.5.5%200%200%200%20.5.5h9a.5.5%200%200%200%20.5-.5v-8a.5.5%200%200%200-.5-.5h-2a.5.5%200%200%201%200-1h2A1.5%201.5%200%200%201%2014%206.5v8a1.5%201.5%200%200%201-1.5%201.5h-9A1.5%201.5%200%200%201%202%2014.5v-8A1.5%201.5%200%200%201%203.5%205h2a.5.5%200%200%201%200%201z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.646.146a.5.5%200%200%201%20.708%200l3%203a.5.5%200%200%201-.708.708L8.5%201.707V10.5a.5.5%200%200%201-1%200V1.707L5.354%203.854a.5.5%200%201%201-.708-.708z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-box-arrow-up-right{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.636%203.5a.5.5%200%200%200-.5-.5H1.5A1.5%201.5%200%200%200%200%204.5v10A1.5%201.5%200%200%200%201.5%2016h10a1.5%201.5%200%200%200%201.5-1.5V7.864a.5.5%200%200%200-1%200V14.5a.5.5%200%200%201-.5.5h-10a.5.5%200%200%201-.5-.5v-10a.5.5%200%200%201%20.5-.5h6.636a.5.5%200%200%200%20.5-.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M16%20.5a.5.5%200%200%200-.5-.5h-5a.5.5%200%200%200%200%201h3.793L6.146%209.146a.5.5%200%201%200%20.708.708L15%201.707V5.5a.5.5%200%200%200%201%200z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-calendar3{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%200H2a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2M1%203.857C1%203.384%201.448%203%202%203h12c.552%200%201%20.384%201%20.857v10.286c0%20.473-.448.857-1%20.857H2c-.552%200-1-.384-1-.857z%22%2F%3E%3Cpath%20d%3D%22M6.5%207a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202m-9%203a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202m-9%203a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202m3%200a1%201%200%201%200%200-2%201%201%200%200%200%200%202%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-check-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22m10.97%204.97-.02.022-3.473%204.425-2.093-2.094a.75.75%200%200%200-1.06%201.06L6.97%2011.03a.75.75%200%200%200%201.079-.02l3.992-4.99a.75.75%200%200%200-1.071-1.05%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-check-lg{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.5003953%20-0.0002322%2016%2016%22%3E%3Cpath%20d%3D%22M12.736%203.97a.733.733%200%200%201%201.047%200c.286.289.29.756.01%201.05L7.88%2012.01a.733.733%200%200%201-1.065.02L3.217%208.384a.757.757%200%200%201%200-1.06.733.733%200%200%201%201.047%200l3.052%203.093%205.4-6.425z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-check2{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.2499945%20-0.5%2016%2016%22%3E%3Cpath%20d%3D%22M13.854%203.646a.5.5%200%200%201%200%20.708l-7%207a.5.5%200%200%201-.708%200l-3.5-3.5a.5.5%200%201%201%20.708-.708L6.5%2010.293l6.646-6.647a.5.5%200%200%201%20.708%200%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-check2-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.5003165%20-0.0008342%2016%2016%22%3E%3Cpath%20d%3D%22M2.5%208a5.5%205.5%200%200%201%208.25-4.764.5.5%200%200%200%20.5-.866A6.5%206.5%200%201%200%2014.5%208a.5.5%200%200%200-1%200%205.5%205.5%200%201%201-11%200%22%2F%3E%3Cpath%20d%3D%22M15.354%203.354a.5.5%200%200%200-.708-.708L8%209.293%205.354%206.646a.5.5%200%201%200-.708.708l3%203a.5.5%200%200%200%20.708%200z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-chevron-left{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-2e-7%20-0.0001315%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.354%201.646a.5.5%200%200%201%200%20.708L5.707%208l5.647%205.646a.5.5%200%200%201-.708.708l-6-6a.5.5%200%200%201%200-.708l6-6a.5.5%200%200%201%20.708%200%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-chevron-right{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%225e-7%20-0.0002674%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-circle-half{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%200%208%201zm0%201A8%208%200%201%201%208%200a8%208%200%200%201%200%2016%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-clock{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%203.5a.5.5%200%200%200-1%200V9a.5.5%200%200%200%20.252.434l3.5%202a.5.5%200%200%200%20.496-.868L8%208.71z%22%2F%3E%3Cpath%20d%3D%22M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016m7-8A7%207%200%201%201%201%208a7%207%200%200%201%2014%200%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-dash{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%208a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7A.5.5%200%200%201%204%208%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-dash-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22M4%208a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7A.5.5%200%200%201%204%208%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-dash-lg{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%208a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11A.5.5%200%200%201%202%208%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-download{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%20-0.0500002%2016%2016%22%3E%3Cpath%20d%3D%22M.5%209.9a.5.5%200%200%201%20.5.5v2.5a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1v-2.5a.5.5%200%200%201%201%200v2.5a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2v-2.5a.5.5%200%200%201%20.5-.5%22%2F%3E%3Cpath%20d%3D%22M7.646%2011.854a.5.5%200%200%200%20.708%200l3-3a.5.5%200%200%200-.708-.708L8.5%2010.293V1.5a.5.5%200%200%200-1%200v8.793L5.354%208.146a.5.5%200%201%200-.708.708z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-envelope-check{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%201%2016%2016%22%3E%3Cpath%20d%3D%22M2%202a2%202%200%200%200-2%202v8.01A2%202%200%200%200%202%2014h5.5a.5.5%200%200%200%200-1H2a1%201%200%200%201-.966-.741l5.64-3.471L8%209.583l7-4.2V8.5a.5.5%200%200%200%201%200V4a2%202%200%200%200-2-2zm3.708%206.208L1%2011.105V5.383zM1%204.217V4a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v.217l-7%204.2z%22%2F%3E%3Cpath%20d%3D%22M16%2012.5a3.5%203.5%200%201%201-7%200%203.5%203.5%200%200%201%207%200m-1.993-1.679a.5.5%200%200%200-.686.172l-1.17%201.95-.547-.547a.5.5%200%200%200-.708.708l.774.773a.75.75%200%200%200%201.174-.144l1.335-2.226a.5.5%200%200%200-.172-.686%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-envelope-paper{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%200a2%202%200%200%200-2%202v1.133l-.941.502A2%202%200%200%200%200%205.4V14a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V5.4a2%202%200%200%200-1.059-1.765L14%203.133V2a2%202%200%200%200-2-2zm10%204.267.47.25A1%201%200%200%201%2015%205.4v.817l-1%20.6zm-1%203.15-3.75%202.25L8%208.917l-1.25.75L3%207.417V2a1%201%200%200%201%201-1h8a1%201%200%200%201%201%201zm-11-.6-1-.6V5.4a1%201%200%200%201%20.53-.882L2%204.267zm13%20.566v5.734l-4.778-2.867zm-.035%206.88A1%201%200%200%201%2014%2015H2a1%201%200%200%201-.965-.738L8%2010.083zM1%2013.116V7.383l4.778%202.867L1%2013.117Z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-exclamation-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22M7.002%2011a1%201%200%201%201%202%200%201%201%200%200%201-2%200M7.1%204.995a.905.905%200%201%201%201.8%200l-.35%203.507a.552.552%200%200%201-1.1%200z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-facebook{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.002%20-0.0010014%2016.0020008%2016.0020008%22%3E%3Cpath%20d%3D%22M16%208.049c0-4.446-3.582-8.05-8-8.05C3.58%200-.002%203.603-.002%208.05c0%204.017%202.926%207.347%206.75%207.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017%201.195-3.131%203.022-3.131.876%200%201.791.157%201.791.157v1.98h-1.009c-.993%200-1.303.621-1.303%201.258v1.51h2.218l-.354%202.326H9.25V16c3.824-.604%206.75-3.934%206.75-7.951%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-file-earmark-arrow-down{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8.5%206.5a.5.5%200%200%200-1%200v3.793L6.354%209.146a.5.5%200%201%200-.708.708l2%202a.5.5%200%200%200%20.708%200l2-2a.5.5%200%200%200-.708-.708L8.5%2010.293z%22%2F%3E%3Cpath%20d%3D%22M14%2014V4.5L9.5%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2M9.5%203A1.5%201.5%200%200%200%2011%204.5h2V14a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h5.5z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-file-earmark-pdf{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M14%2014V4.5L9.5%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2M9.5%203A1.5%201.5%200%200%200%2011%204.5h2V14a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1h5.5z%22%2F%3E%3Cpath%20d%3D%22M4.603%2014.087a.8.8%200%200%201-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.7%207.7%200%200%201%201.482-.645%2020%2020%200%200%200%201.062-2.227%207.3%207.3%200%200%201-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7%200%200%201%20.477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27%201.134-.52%201.794a11%2011%200%200%200%20.98%201.686%205.8%205.8%200%200%201%201.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04%201.04%200%200%201-.354.416.86.86%200%200%201-.51.138c-.331-.014-.654-.196-.933-.417a5.7%205.7%200%200%201-.911-.95%2011.7%2011.7%200%200%200-1.997.406%2011.3%2011.3%200%200%201-1.02%201.51c-.292.35-.609.656-.927.787a.8.8%200%200%201-.58.029m1.379-1.901q-.25.115-.459.238c-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361q.016.032.026.044l.035-.012c.137-.056.355-.235.635-.572a8%208%200%200%200%20.45-.606m1.64-1.33a13%2013%200%200%201%201.01-.193%2012%2012%200%200%201-.51-.858%2021%2021%200%200%201-.5%201.05zm2.446.45q.226.245.435.41c.24.19.407.253.498.256a.1.1%200%200%200%20.07-.015.3.3%200%200%200%20.094-.125.44.44%200%200%200%20.059-.2.1.1%200%200%200-.026-.063c-.052-.062-.2-.152-.518-.209a4%204%200%200%200-.612-.053zM8.078%207.8a7%207%200%200%200%20.2-.828q.046-.282.038-.465a.6.6%200%200%200-.032-.198.5.5%200%200%200-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822q.036.167.09.346z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-file-earmark-text{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5.5%207a.5.5%200%200%200%200%201h5a.5.5%200%200%200%200-1zM5%209.5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h2a.5.5%200%200%201%200%201h-2a.5.5%200%200%201-.5-.5%22%2F%3E%3Cpath%20d%3D%22M9.5%200H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4.5zm0%201v2A1.5%201.5%200%200%200%2011%204.5h2V14a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-flower1{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0000818%20-0.0000812%2016.0001621%2016.0001621%22%3E%3Cpath%20d%3D%22M6.174%201.184a2%202%200%200%201%203.652%200A2%202%200%200%201%2012.99%203.01a2%202%200%200%201%201.826%203.164%202%202%200%200%201%200%203.652%202%202%200%200%201-1.826%203.164%202%202%200%200%201-3.164%201.826%202%202%200%200%201-3.652%200A2%202%200%200%201%203.01%2012.99a2%202%200%200%201-1.826-3.164%202%202%200%200%201%200-3.652A2%202%200%200%201%203.01%203.01a2%202%200%200%201%203.164-1.826M8%201a1%201%200%200%200-.998%201.03l.01.091q.017.116.054.296c.049.241.122.542.213.887.182.688.428%201.513.676%202.314L8%205.762l.045-.144c.248-.8.494-1.626.676-2.314.091-.345.164-.646.213-.887a5%205%200%200%200%20.064-.386L9%202a1%201%200%200%200-1-1M2%209l.03-.002.091-.01a5%205%200%200%200%20.296-.054c.241-.049.542-.122.887-.213a61%2061%200%200%200%202.314-.676L5.762%208l-.144-.045a61%2061%200%200%200-2.314-.676%2017%2017%200%200%200-.887-.213%205%205%200%200%200-.386-.064L2%207a1%201%200%201%200%200%202m7%205-.002-.03a5%205%200%200%200-.064-.386%2016%2016%200%200%200-.213-.888%2061%2061%200%200%200-.676-2.314L8%2010.238l-.045.144c-.248.8-.494%201.626-.676%202.314-.091.345-.164.646-.213.887a5%205%200%200%200-.064.386L7%2014a1%201%200%201%200%202%200m-5.696-2.134.025-.017a5%205%200%200%200%20.303-.248c.184-.164.408-.377.661-.629A61%2061%200%200%200%205.96%209.23l.103-.111-.147.033a61%2061%200%200%200-2.343.572c-.344.093-.64.18-.874.258a5%205%200%200%200-.367.138l-.027.014a1%201%200%201%200%201%201.732zM4.5%2014.062a1%201%200%200%200%201.366-.366l.014-.027q.014-.03.036-.084a5%205%200%200%200%20.102-.283c.078-.233.165-.53.258-.874a61%2061%200%200%200%20.572-2.343l.033-.147-.11.102a61%2061%200%200%200-1.743%201.667%2017%2017%200%200%200-.629.66%205%205%200%200%200-.248.304l-.017.025a1%201%200%200%200%20.366%201.366m9.196-8.196a1%201%200%200%200-1-1.732l-.025.017a5%205%200%200%200-.303.248%2017%2017%200%200%200-.661.629A61%2061%200%200%200%2010.04%206.77l-.102.111.147-.033a61%2061%200%200%200%202.342-.572c.345-.093.642-.18.875-.258a5%205%200%200%200%20.367-.138zM11.5%201.938a1%201%200%200%200-1.366.366l-.014.027q-.014.03-.036.084a5%205%200%200%200-.102.283c-.078.233-.165.53-.258.875a61%2061%200%200%200-.572%202.342l-.033.147.11-.102a61%2061%200%200%200%201.743-1.667c.252-.253.465-.477.629-.66a5%205%200%200%200%20.248-.304l.017-.025a1%201%200%200%200-.366-1.366M14%209a1%201%200%200%200%200-2l-.03.002a5%205%200%200%200-.386.064c-.242.049-.543.122-.888.213-.688.182-1.513.428-2.314.676L10.238%208l.144.045c.8.248%201.626.494%202.314.676.345.091.646.164.887.213a5%205%200%200%200%20.386.064zM1.938%204.5a1%201%200%200%200%20.393%201.38l.084.035q.108.045.283.103c.233.078.53.165.874.258a61%2061%200%200%200%202.343.572l.147.033-.103-.111a61%2061%200%200%200-1.666-1.742%2017%2017%200%200%200-.66-.629%205%205%200%200%200-.304-.248l-.025-.017a1%201%200%200%200-1.366.366m2.196-1.196.017.025a5%205%200%200%200%20.248.303c.164.184.377.408.629.661A61%2061%200%200%200%206.77%205.96l.111.102-.033-.147a61%2061%200%200%200-.572-2.342c-.093-.345-.18-.642-.258-.875a5%205%200%200%200-.138-.367l-.014-.027a1%201%200%201%200-1.732%201m9.928%208.196a1%201%200%200%200-.366-1.366l-.027-.014a5%205%200%200%200-.367-.138c-.233-.078-.53-.165-.875-.258a61%2061%200%200%200-2.342-.572l-.147-.033.102.111a61%2061%200%200%200%201.667%201.742c.253.252.477.465.66.629a5%205%200%200%200%20.304.248l.025.017a1%201%200%200%200%201.366-.366m-3.928%202.196a1%201%200%200%200%201.732-1l-.017-.025a5%205%200%200%200-.248-.303%2017%2017%200%200%200-.629-.661A61%2061%200%200%200%209.23%2010.04l-.111-.102.033.147a61%2061%200%200%200%20.572%202.342c.093.345.18.642.258.875a5%205%200%200%200%20.138.367zM8%209.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-folder2-open{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.0006265%200.5000005%2016%2016%22%3E%3Cpath%20d%3D%22M1%203.5A1.5%201.5%200%200%201%202.5%202h2.764c.958%200%201.76.56%202.311%201.184C7.985%203.648%208.48%204%209%204h4.5A1.5%201.5%200%200%201%2015%205.5v.64c.57.265.94.876.856%201.546l-.64%205.124A2.5%202.5%200%200%201%2012.733%2015H3.266a2.5%202.5%200%200%201-2.481-2.19l-.64-5.124A1.5%201.5%200%200%201%201%206.14zM2%206h12v-.5a.5.5%200%200%200-.5-.5H9c-.964%200-1.71-.629-2.174-1.154C6.374%203.334%205.82%203%205.264%203H2.5a.5.5%200%200%200-.5.5zm-.367%201a.5.5%200%200%200-.496.562l.64%205.124A1.5%201.5%200%200%200%203.266%2014h9.468a1.5%201.5%200%200%200%201.489-1.314l.64-5.124A.5.5%200%200%200%2014.367%207z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-grid-1x2{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%201H1v14h5zm9%200h-5v5h5zm0%209v5h-5v-5zM0%201a1%201%200%200%201%201-1h5a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H1a1%201%200%200%201-1-1zm9%200a1%201%200%200%201%201-1h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1zm1%208a1%201%200%200%200-1%201v5a1%201%200%200%200%201%201h5a1%201%200%200%200%201-1v-5a1%201%200%200%200-1-1z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-headset{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%20-0.5%2016%2016%22%3E%3Cpath%20d%3D%22M8%201a5%205%200%200%200-5%205v1h1a1%201%200%200%201%201%201v3a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V6a6%206%200%201%201%2012%200v6a2.5%202.5%200%200%201-2.5%202.5H9.366a1%201%200%200%201-.866.5h-1a1%201%200%201%201%200-2h1a1%201%200%200%201%20.866.5H11.5A1.5%201.5%200%200%200%2013%2012h-1a1%201%200%200%201-1-1V8a1%201%200%200%201%201-1h1V6a5%205%200%200%200-5-5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-info-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22m8.93%206.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738%203.468c-.194.897.105%201.319.808%201.319.545%200%201.178-.252%201.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275%200-.375-.193-.304-.533zM9%204.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-key{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-3e-7%20-0.000447%2016.0008945%2016.0008945%22%3E%3Cpath%20d%3D%22M0%208a4%204%200%200%201%207.465-2H14a.5.5%200%200%201%20.354.146l1.5%201.5a.5.5%200%200%201%200%20.708l-1.5%201.5a.5.5%200%200%201-.708%200L13%209.207l-.646.647a.5.5%200%200%201-.708%200L11%209.207l-.646.647a.5.5%200%200%201-.708%200L9%209.207l-.646.647A.5.5%200%200%201%208%2010h-.535A4%204%200%200%201%200%208m4-3a3%203%200%201%200%202.712%204.285A.5.5%200%200%201%207.163%209h.63l.853-.854a.5.5%200%200%201%20.708%200l.646.647.646-.647a.5.5%200%200%201%20.708%200l.646.647.646-.647a.5.5%200%200%201%20.708%200l.646.647.793-.793-1-1h-6.63a.5.5%200%200%201-.451-.285A3%203%200%200%200%204%205%22%2F%3E%3Cpath%20d%3D%22M4%208a1%201%200%201%201-2%200%201%201%200%200%201%202%200%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-link-45deg{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0005186%20-0.4989821%2016%2016%22%3E%3Cpath%20d%3D%22M4.715%206.542%203.343%207.914a3%203%200%201%200%204.243%204.243l1.828-1.829A3%203%200%200%200%208.586%205.5L8%206.086a1%201%200%200%200-.154.199%202%202%200%200%201%20.861%203.337L6.88%2011.45a2%202%200%201%201-2.83-2.83l.793-.792a4%204%200%200%201-.128-1.287z%22%2F%3E%3Cpath%20d%3D%22M6.586%204.672A3%203%200%200%200%207.414%209.5l.775-.776a2%202%200%200%201-.896-3.346L9.12%203.55a2%202%200%201%201%202.83%202.83l-.793.792c.112.42.155.855.128%201.287l1.372-1.372a3%203%200%201%200-4.243-4.243z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-moon-stars{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0007482%200.00013%2016%2016%22%3E%3Cpath%20d%3D%22M6%20.278a.77.77%200%200%201%20.08.858%207.2%207.2%200%200%200-.878%203.46c0%204.021%203.278%207.277%207.318%207.277q.792-.001%201.533-.16a.79.79%200%200%201%20.81.316.73.73%200%200%201-.031.893A8.35%208.35%200%200%201%208.344%2016C3.734%2016%200%2012.286%200%207.71%200%204.266%202.114%201.312%205.124.06A.75.75%200%200%201%206%20.278M4.858%201.311A7.27%207.27%200%200%200%201.025%207.71c0%204.02%203.279%207.276%207.319%207.276a7.32%207.32%200%200%200%205.205-2.162q-.506.063-1.029.063c-4.61%200-8.343-3.714-8.343-8.29%200-1.167.242-2.278.681-3.286%22%2F%3E%3Cpath%20d%3D%22M10.794%203.148a.217.217%200%200%201%20.412%200l.387%201.162c.173.518.579.924%201.097%201.097l1.162.387a.217.217%200%200%201%200%20.412l-1.162.387a1.73%201.73%200%200%200-1.097%201.097l-.387%201.162a.217.217%200%200%201-.412%200l-.387-1.162A1.73%201.73%200%200%200%209.31%206.593l-1.162-.387a.217.217%200%200%201%200-.412l1.162-.387a1.73%201.73%200%200%200%201.097-1.097zM13.863.099a.145.145%200%200%201%20.274%200l.258.774c.115.346.386.617.732.732l.774.258a.145.145%200%200%201%200%20.274l-.774.258a1.16%201.16%200%200%200-.732.732l-.258.774a.145.145%200%200%201-.274%200l-.258-.774a1.16%201.16%200%200%200-.732-.732l-.774-.258a.145.145%200%200%201%200-.274l.774-.258c.346-.115.617-.386.732-.732z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-pause-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%2015A7%207%200%201%201%208%201a7%207%200%200%201%200%2014m0%201A8%208%200%201%200%208%200a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20d%3D%22M5%206.25a1.25%201.25%200%201%201%202.5%200v3.5a1.25%201.25%200%201%201-2.5%200zm3.5%200a1.25%201.25%200%201%201%202.5%200v3.5a1.25%201.25%200%201%201-2.5%200z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-person-circle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11%206a3%203%200%201%201-6%200%203%203%200%200%201%206%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%208a8%208%200%201%201%2016%200A8%208%200%200%201%200%208m8-7a7%207%200%200%200-5.468%2011.37C3.242%2011.226%204.805%2010%208%2010s4.757%201.225%205.468%202.37A7%207%200%200%200%208%201%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-person-lines-fill{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6%208a3%203%200%201%200%200-6%203%203%200%200%200%200%206m-5%206s-1%200-1-1%201-4%206-4%206%203%206%204-1%201-1%201zM11%203.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5m.5%202.5a.5.5%200%200%200%200%201h4a.5.5%200%200%200%200-1zm2%203a.5.5%200%200%200%200%201h2a.5.5%200%200%200%200-1zm0%203a.5.5%200%200%200%200%201h2a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-person-lock{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220.5%201%2016%2016%22%3E%3Cpath%20d%3D%22M11%205a3%203%200%201%201-6%200%203%203%200%200%201%206%200M8%207a2%202%200%201%200%200-4%202%202%200%200%200%200%204m0%205.996V14H3s-1%200-1-1%201-4%206-4q.845.002%201.544.107a4.5%204.5%200%200%200-.803.918A11%2011%200%200%200%208%2010c-2.29%200-3.516.68-4.168%201.332-.678.678-.83%201.418-.832%201.664zM9%2013a1%201%200%200%201%201-1v-1a2%202%200%201%201%204%200v1a1%201%200%200%201%201%201v2a1%201%200%200%201-1%201h-4a1%201%200%200%201-1-1zm3-3a1%201%200%200%200-1%201v1h2v-1a1%201%200%200%200-1-1%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-person-vcard{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5%208a2%202%200%201%200%200-4%202%202%200%200%200%200%204m4-2.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5M9%208a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4A.5.5%200%200%201%209%208m1%202.5a.5.5%200%200%201%20.5-.5h3a.5.5%200%200%201%200%201h-3a.5.5%200%200%201-.5-.5%22%2F%3E%3Cpath%20d%3D%22M2%202a2%202%200%200%200-2%202v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2zM1%204a1%201%200%200%201%201-1h12a1%201%200%200%201%201%201v8a1%201%200%200%201-1%201H8.96q.04-.245.04-.5C9%2010.567%207.21%209%205%209c-2.086%200-3.8%201.398-3.984%203.181A1%201%200%200%201%201%2012z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-phone{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1zM5%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2z%22%2F%3E%3Cpath%20d%3D%22M8%2014a1%201%200%201%200%200-2%201%201%200%200%200%200%202%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-plus-lg{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%202a.5.5%200%200%201%20.5.5v5h5a.5.5%200%200%201%200%201h-5v5a.5.5%200%200%201-1%200v-5h-5a.5.5%200%200%201%200-1h5v-5A.5.5%200%200%201%208%202%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-receipt{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%20-4e-7%2016%2016%22%3E%3Cpath%20d%3D%22M1.92.506a.5.5%200%200%201%20.434.14L3%201.293l.646-.647a.5.5%200%200%201%20.708%200L5%201.293l.646-.647a.5.5%200%200%201%20.708%200L7%201.293l.646-.647a.5.5%200%200%201%20.708%200L9%201.293l.646-.647a.5.5%200%200%201%20.708%200l.646.647.646-.647a.5.5%200%200%201%20.708%200l.646.647.646-.647a.5.5%200%200%201%20.801.13l.5%201A.5.5%200%200%201%2015%202v12a.5.5%200%200%201-.053.224l-.5%201a.5.5%200%200%201-.8.13L13%2014.707l-.646.647a.5.5%200%200%201-.708%200L11%2014.707l-.646.647a.5.5%200%200%201-.708%200L9%2014.707l-.646.647a.5.5%200%200%201-.708%200L7%2014.707l-.646.647a.5.5%200%200%201-.708%200L5%2014.707l-.646.647a.5.5%200%200%201-.708%200L3%2014.707l-.646.647a.5.5%200%200%201-.801-.13l-.5-1A.5.5%200%200%201%201%2014V2a.5.5%200%200%201%20.053-.224l.5-1a.5.5%200%200%201%20.367-.27m.217%201.338L2%202.118v11.764l.137.274.51-.51a.5.5%200%200%201%20.707%200l.646.647.646-.646a.5.5%200%200%201%20.708%200l.646.646.646-.646a.5.5%200%200%201%20.708%200l.646.646.646-.646a.5.5%200%200%201%20.708%200l.646.646.646-.646a.5.5%200%200%201%20.708%200l.646.646.646-.646a.5.5%200%200%201%20.708%200l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5%200%200%201-.707%200L12%201.707l-.646.647a.5.5%200%200%201-.708%200L10%201.707l-.646.647a.5.5%200%200%201-.708%200L8%201.707l-.646.647a.5.5%200%200%201-.708%200L6%201.707l-.646.647a.5.5%200%200%201-.708%200L4%201.707l-.646.647a.5.5%200%200%201-.708%200z%22%2F%3E%3Cpath%20d%3D%22M3%204.5a.5.5%200%200%201%20.5-.5h6a.5.5%200%201%201%200%201h-6a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h6a.5.5%200%201%201%200%201h-6a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h6a.5.5%200%201%201%200%201h-6a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5m8-6a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5m0%202a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-recycle{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%227e-7%200.2430258%2016%2016%22%3E%3Cpath%20d%3D%22M9.302%201.256a1.5%201.5%200%200%200-2.604%200l-1.704%202.98a.5.5%200%200%200%20.869.497l1.703-2.981a.5.5%200%200%201%20.868%200l2.54%204.444-1.256-.337a.5.5%200%201%200-.26.966l2.415.647a.5.5%200%200%200%20.613-.353l.647-2.415a.5.5%200%201%200-.966-.259l-.333%201.242zM2.973%207.773l-1.255.337a.5.5%200%201%201-.26-.966l2.416-.647a.5.5%200%200%201%20.612.353l.647%202.415a.5.5%200%200%201-.966.259l-.333-1.242-2.545%204.454a.5.5%200%200%200%20.434.748H5a.5.5%200%200%201%200%201H1.723A1.5%201.5%200%200%201%20.421%2012.24zm10.89%201.463a.5.5%200%201%200-.868.496l1.716%203.004a.5.5%200%200%201-.434.748h-5.57l.647-.646a.5.5%200%201%200-.708-.707l-1.5%201.5a.5.5%200%200%200%200%20.707l1.5%201.5a.5.5%200%201%200%20.708-.707l-.647-.647h5.57a1.5%201.5%200%200%200%201.302-2.244z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-shield-check{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%225e-7%20-5e-7%2016%2016%22%3E%3Cpath%20d%3D%22M5.338%201.59a61%2061%200%200%200-2.837.856.48.48%200%200%200-.328.39c-.554%204.157.726%207.19%202.253%209.188a10.7%2010.7%200%200%200%202.287%202.233c.346.244.652.42.893.533q.18.085.293.118a1%201%200%200%200%20.101.025%201%201%200%200%200%20.1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7%2010.7%200%200%200%202.287-2.233c1.527-1.997%202.807-5.031%202.253-9.188a.48.48%200%200%200-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552%201.29%208.531%201.067%208%201.067c-.53%200-1.552.223-2.662.524zM5.072.56C6.157.265%207.31%200%208%200s1.843.265%202.928.56c1.11.3%202.229.655%202.887.87a1.54%201.54%200%200%201%201.044%201.262c.596%204.477-.787%207.795-2.465%209.99a11.8%2011.8%200%200%201-2.517%202.453%207%207%200%200%201-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7%207%200%200%201-1.048-.625%2011.8%2011.8%200%200%201-2.517-2.453C1.928%2010.487.545%207.169%201.141%202.692A1.54%201.54%200%200%201%202.185%201.43%2063%2063%200%200%201%205.072.56%22%2F%3E%3Cpath%20d%3D%22M10.854%205.146a.5.5%200%200%201%200%20.708l-3%203a.5.5%200%200%201-.708%200l-1.5-1.5a.5.5%200%201%201%20.708-.708L7.5%207.793l2.646-2.647a.5.5%200%200%201%20.708%200%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-telephone{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0004712%20-0.0003492%2016.0005016%2016.0005016%22%3E%3Cpath%20d%3D%22M3.654%201.328a.678.678%200%200%200-1.015-.063L1.605%202.3c-.483.484-.661%201.169-.45%201.77a17.6%2017.6%200%200%200%204.168%206.608%2017.6%2017.6%200%200%200%206.608%204.168c.601.211%201.286.033%201.77-.45l1.034-1.034a.678.678%200%200%200-.063-1.015l-2.307-1.794a.68.68%200%200%200-.58-.122l-2.19.547a1.75%201.75%200%200%201-1.657-.459L5.482%208.062a1.75%201.75%200%200%201-.46-1.657l.548-2.19a.68.68%200%200%200-.122-.58zM1.884.511a1.745%201.745%200%200%201%202.612.163L6.29%202.98c.329.423.445.974.315%201.494l-.547%202.19a.68.68%200%200%200%20.178.643l2.457%202.457a.68.68%200%200%200%20.644.178l2.189-.547a1.75%201.75%200%200%201%201.494.315l2.306%201.794c.829.645.905%201.87.163%202.611l-1.034%201.034c-.74.74-1.846%201.065-2.877.702a18.6%2018.6%200%200%201-7.01-4.42%2018.6%2018.6%200%200%201-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-text-paragraph{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2012.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5m0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5m0-3a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11a.5.5%200%200%201-.5-.5m4-3a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%200%201h-7a.5.5%200%200%201-.5-.5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-truck{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200.0021577%2016%2016%22%3E%3Cpath%20d%3D%22M0%203.5A1.5%201.5%200%200%201%201.5%202h9A1.5%201.5%200%200%201%2012%203.5V5h1.02a1.5%201.5%200%200%201%201.17.563l1.481%201.85a1.5%201.5%200%200%201%20.329.938V10.5a1.5%201.5%200%200%201-1.5%201.5H14a2%202%200%201%201-4%200H5a2%202%200%201%201-3.998-.085A1.5%201.5%200%200%201%200%2010.5zm1.294%207.456A2%202%200%200%201%204.732%2011h5.536a2%202%200%200%201%20.732-.732V3.5a.5.5%200%200%200-.5-.5h-9a.5.5%200%200%200-.5.5v7a.5.5%200%200%200%20.294.456M12%2010a2%202%200%200%201%201.732%201h.768a.5.5%200%200%200%20.5-.5V8.35a.5.5%200%200%200-.11-.312l-1.48-1.85A.5.5%200%200%200%2013.02%206H12zm-9%201a1%201%200%201%200%200%202%201%201%200%200%200%200-2m9%200a1%201%200%201%200%200%202%201%201%200%200%200%200-2%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-ui-checks{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.5%200%2016%2016%22%3E%3Cpath%20d%3D%22M7%202.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-7a.5.5%200%200%201-.5-.5zM2%201a2%202%200%200%200-2%202v2a2%202%200%200%200%202%202h2a2%202%200%200%200%202-2V3a2%202%200%200%200-2-2zm0%208a2%202%200%200%200-2%202v2a2%202%200%200%200%202%202h2a2%202%200%200%200%202-2v-2a2%202%200%200%200-2-2zm.854-3.646a.5.5%200%200%201-.708%200l-1-1a.5.5%200%201%201%20.708-.708l.646.647%201.646-1.647a.5.5%200%201%201%20.708.708zm0%208a.5.5%200%200%201-.708%200l-1-1a.5.5%200%200%201%20.708-.708l.646.647%201.646-1.647a.5.5%200%200%201%20.708.708zM7%2010.5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-7a.5.5%200%200%201-.5-.5zm0-5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5m0%208a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-universal-access{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-0.0016898%200%2016.0043812%2016.0043812%22%3E%3Cpath%20d%3D%22M9.5%201.5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200M6%205.5l-4.535-.442A.531.531%200%200%201%201.531%204H14.47a.531.531%200%200%201%20.066%201.058L10%205.5V9l.452%206.42a.535.535%200%200%201-1.053.174L8.243%209.97c-.064-.252-.422-.252-.486%200l-1.156%205.624a.535.535%200%200%201-1.053-.174L6%209z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-upc-scan{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M1.5%201a.5.5%200%200%200-.5.5v3a.5.5%200%200%201-1%200v-3A1.5%201.5%200%200%201%201.5%200h3a.5.5%200%200%201%200%201zM11%20.5a.5.5%200%200%201%20.5-.5h3A1.5%201.5%200%200%201%2016%201.5v3a.5.5%200%200%201-1%200v-3a.5.5%200%200%200-.5-.5h-3a.5.5%200%200%201-.5-.5M.5%2011a.5.5%200%200%201%20.5.5v3a.5.5%200%200%200%20.5.5h3a.5.5%200%200%201%200%201h-3A1.5%201.5%200%200%201%200%2014.5v-3a.5.5%200%200%201%20.5-.5m15%200a.5.5%200%200%201%20.5.5v3a1.5%201.5%200%200%201-1.5%201.5h-3a.5.5%200%200%201%200-1h3a.5.5%200%200%200%20.5-.5v-3a.5.5%200%200%201%20.5-.5M3%204.5a.5.5%200%200%201%201%200v7a.5.5%200%200%201-1%200zm2%200a.5.5%200%200%201%201%200v7a.5.5%200%200%201-1%200zm2%200a.5.5%200%200%201%201%200v7a.5.5%200%200%201-1%200zm2%200a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%20.5.5v7a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5zm3%200a.5.5%200%200%201%201%200v7a.5.5%200%200%201-1%200z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-wallet2{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-1e-7%20-0.3594177%2016%2016%22%3E%3Cpath%20d%3D%22M12.136.326A1.5%201.5%200%200%201%2014%201.78V3h.5A1.5%201.5%200%200%201%2016%204.5v9a1.5%201.5%200%200%201-1.5%201.5h-13A1.5%201.5%200%200%201%200%2013.5v-9a1.5%201.5%200%200%201%201.432-1.499zM5.562%203H13V1.78a.5.5%200%200%200-.621-.484zM1.5%204a.5.5%200%200%200-.5.5v9a.5.5%200%200%200%20.5.5h13a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5z%22%2F%3E%3C%2Fsvg%3E");
}
body:where(.flora-login, .flora-account) .bi-x-lg{
--flora-icon-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20viewBox%3D%22-2e-7%20-2e-7%2016%2016%22%3E%3Cpath%20d%3D%22M2.146%202.854a.5.5%200%201%201%20.708-.708L8%207.293l5.146-5.147a.5.5%200%200%201%20.708.708L8.707%208l5.147%205.146a.5.5%200%200%201-.708.708L8%208.707l-5.146%205.147a.5.5%200%200%201-.708-.708L7.293%208z%22%2F%3E%3C%2Fsvg%3E");
}
/* Zaglavlje portala: potrebne osnove bez starog Freelancer predloška. */
.flora-account #glavekr{
font-weight:700;
}
.flora-account #glavekr .navbar-brand{
color:light-dark(#fff, var(--bs-fg-body));
}
@media (min-width: 1400px){
.flora-account #glavekr .navbar-brand{
font-size:1.2em;
}
}
/* Moj Flora račun: zajednički stilovi prijave, portala i pristupačnosti.
   Pravila su pročišćena uz očuvanje redoslijeda, specifičnosti i fallbacka. */
.remember-me{
display:inline-flex;
align-items:center;
white-space:nowrap;
margin:8px 0;
}
.remember-me input[type="checkbox"]{
-webkit-appearance:none;
appearance:none;
width:1.5em;
height:1.5em;
position:relative;
overflow:visible;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:4px;
margin-right:.5em;
cursor:pointer;
accent-color:transparent;
}
.remember-me input[type="checkbox"]:checked{
background:#08777d !important;
border-color:#08777d !important;
background-image:none !important;
}
.remember-me input[type="checkbox"]::after{
content:"";
position:absolute;
top:0.15em;
left:0.45em;
width:0.45em;
height:0.9em;
border:solid white;
border-width:0 0.25em 0.25em 0;
transform:rotate(45deg);
overflow:visible;
}
.podatcipanelboxshadow{
box-shadow:rgba(0, 0, 0, 0.16) 0px 0px 2px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
}
.header-panel-boxshadow{
box-shadow:rgba(0, 0, 0, 0.2) 0px 3.5px 0px !important;
}
.footer-boxshadow{
box-shadow:rgba(0, 0, 0, 0.2) 0px -3.5px 0px !important;
}
h5{
font-size:1.05rem !important;
}
.width-size-logo1{
width:150px;
height:46px;
}
.font-size-18{
font-size:18px !important;
}
.transform-uppercase{
text-transform:uppercase !important;
}
.padding-top-5{
padding-top:5px !important;
}
.text-align-right{
text-align:right !important;
}
.bg-white{
background:#ffffff !important;
}
.btn-odjava{
background-color:red !important;
border-color:red !important;
color:#ffffff !important;
font-size:20px !important;
padding:16px 24px !important;
border-radius:5px !important;
text-decoration:none !important;
border:0 !important;
}
.btn-odjava:hover,.btn-odjava:focus,.btn-odjava:active{
background-color:#d50000 !important;
border-color:#d50000 !important;
color:#ffffff !important;
}
.form-control-input-podatci{
font-weight:600 !important;
width:100% !important;
background:#ffffff !important;
border:1px solid #cacaca !important;
padding:10px !important;
border-radius:5px !important;
height:60px !important;
font-size:22px !important;
}
.form-control-input-podatci-disabled{
font-weight:600 !important;
width:100% !important;
background:#f0f0f3 !important;
border:1px solid #cacaca !important;
padding:10px !important;
border-radius:5px !important;
height:60px !important;
font-size:18px !important;
}
.tableboxshadow{
box-shadow:rgba(0, 0, 0, 0.16) 0px 0px 1px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px !important;
}
.naslovfont1{
font-size:20px !important;
font-weight:600;
color:#08777d !important;
font-family:"Roboto", sans-serif !important;
}
.naslovpolitikafont{
font-size:22px !important;
font-weight:700;
color:#08777d !important;
cursor:default;
text-transform:uppercase !important;
font-family:"Roboto", sans-serif !important;
}
.max-width-1000{
max-width:1000px;
}
.cursor-disabled{
cursor:not-allowed;
}
.header-panel{
padding-top:50px;
padding-bottom:50px;
}
.check{
border:1px solid #cacaca !important;
border-radius:4px;
}
.check:focus{
box-shadow:0 0 0 0 !important;
border-color:#304d5b !important;
}
.check:checked{
background-color:#08777d !important;
border-color:#08777d !important;
}
.font-size-14{
font-size:14px !important;
}
.width-24-height-24{
width:24px !important;
height:24px !important;
}
.padding-30-flex{
padding:30px !important;
}
.margin-top-20{
margin-top:20px !important;
}
.margin-top-15{
margin-top:15px !important;
}
.margin-top-10{
margin-top:10px !important;
}
.padding-bottom-10{
padding-bottom:10px !important;
}
.padding-bottom-20{
padding-bottom:20px !important;
}
.padding-left-15-right-15{
padding-left:0px !important;
padding-right:0px !important;
}
.width-120{
width:120px !important;
}
.no-wrap{
text-wrap:nowrap !important;
}
@media (min-width: 1400px){
.odjava-button{
background:red !important;
color:#ffffff !important;
}
.odjava-button:active,.odjava-button:focus{
color:#ffffff !important;
}
.odjava-button:hover{
background:#d50000 !important;
color:#ffffff !important;
}
}
.zastita-osobnih-podataka-font{
text-decoration:none !important;
color:#2f4b59 !important;
}
.zastita-osobnih-podataka-font:hover{
text-decoration:underline !important;
}
.copyright-font{
color:#ffffff !important;
text-decoration:none !important;
}
.copyright-font:hover{
color:#ffffff !important;
text-decoration:underline !important;
}
.right-align{
text-align:right !important;
}
.font-size-14-tbody{
font-size:14px !important;
font-family:"Roboto", sans-serif !important;
color:light-dark(#000000, var(--bs-fg-body)) !important;
font-weight:400 !important;
text-wrap:nowrap !important;
}
.font-size-16-thead{
font-size:14px !important;
font-family:"Roboto", sans-serif !important;
color:#ffffff !important;
font-weight:500 !important;
}
.font-size-14-thead{
font-size:14px !important;
font-family:"Roboto", sans-serif;
color:#ffffff !important;
font-weight:500 !important;
}
.font-family{
font-family:"Roboto", sans-serif !important;
}
.font-color-black{
color:light-dark(#000000, var(--bs-fg-body)) !important;
font-family:"Roboto", sans-serif !important;
}
.font-color-gray{
color:#888888 !important;
font-family:"Roboto", sans-serif !important;
}
.text-decoration-none{
text-decoration:none !important;
}
.poveznica-font{
color:light-dark(#2f4b59, var(--bs-primary-fg)) !important;
text-decoration:underline !important;
font-family:"Roboto", sans-serif !important;
}
.poveznica-font:hover{
color:light-dark(#2f4b59, var(--bs-primary-fg-emphasis)) !important;
text-decoration:none !important;
}
.table-thead-background{
background:#08777d !important;
text-align:center !important;
cursor:default !important;
outline-offset:-1px !important;
outline:2px solid #304d5b !important;
}
.font-weight-500{
font-weight:500 !important;
font-family:"Roboto", sans-serif !important;
}
.pregled-odvoza-poveznica{
color:#08777d !important;
font-weight:600 !important;
font-size:16px !important;
text-decoration:none !important;
font-family:"Roboto", sans-serif !important;
}
.pregled-odvoza-poveznica:hover,.pregled-odvoza-poveznica:focus,.pregled-odvoza-poveznica:active{
color:#2f4b59 !important;
text-decoration:none !important;
}
.korisnickiracunpanel{
background:#f9f9f9 !important;
border-radius:2px !important;
padding-top:25px !important;
padding-bottom:30px !important;
padding-left:30px !important;
padding-right:30px !important;
max-width:550px !important;
}
.cursor-default{
cursor:default !important;
}
.scroll-message,.scroll-message1{
position:fixed;
left:50%;
bottom:20px;
transform:translateX(-50%);
padding:10px;
font-size:10px;
border-radius:5px;
background-color:rgba(0, 0, 0, 0.5);
color:#ffffff;
display:none;
z-index:1000;
white-space:nowrap;
}
.font-size-preuzmi{
font-size:16px !important;
color:#08777d !important;
font-weight:500 !important;
text-decoration:none !important;
}
.font-size-preuzmi:hover{
text-decoration:none !important;
color:#08777d !important;
}
.padding-left-xl-xs{
padding-left:32px !important;
}
.vertical-align-middle{
vertical-align:middle !important;
}
@media (max-width: 1399px){
.odjava-button{
background:transparent !important;
color:red !important;
}
.odjava-button:hover{
background:transparent !important;
color:#d50000 !important;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.container{
max-width:100% !important;
}
.odjava-button{
background:transparent !important;
color:red !important;
}
.odjava-button:hover{
background:transparent !important;
color:#d50000 !important;
}
.padding-left-xl-xs{
padding-left:8px !important;
}
}
@media (max-width: 991px){
#glavekr .navbar-brand{
font-size:1.0em;
-webkit-transition:font-size 0.3s;
-moz-transition:font-size 0.3s;
transition:font-size 0.3s;
}
#glavekr.navbar-shrink .navbar-brand{
font-size:1.0em;
}
.pregled-odvoza-poveznica{
color:#08777d !important;
font-weight:600 !important;
font-size:16px !important;
text-decoration:none !important;
font-family:"Roboto", sans-serif !important;
}
.pregled-odvoza-poveznica:hover,.pregled-odvoza-poveznica:focus,.pregled-odvoza-poveznica:active{
color:#2f4b59 !important;
text-decoration:none !important;
}
.container{
max-width:100% !important;
}
.padding-left-xl-xs{
padding-left:11px !important;
}
.font-size-preuzmi{
font-size:14px !important;
}
.width-xs{
min-width:110px !important;
}
.padding-30-flex{
padding:5px !important;
}
h5{
font-size:1rem;
font-weight:500;
}
.font-size-16-thead,.font-size-14-thead{
font-size:14px !important;
font-family:"Roboto", sans-serif;
color:#ffffff !important;
font-weight:500 !important;
}
.width-size-logo1{
width:110px;
height:34px;
}
.odjava-button{
background:transparent !important;
color:red !important;
}
.odjava-button:hover{
background:transparent !important;
color:#d50000 !important;
}
.korisnickiracunpanel{
background:#f9f9f9 !important;
border-radius:2px !important;
padding-top:20px !important;
padding-bottom:30px !important;
padding-left:30px !important;
padding-right:30px !important;
max-width:500px !important;
}
.padding-left-15-right-15{
padding-left:15px !important;
padding-right:15px !important;
}
}
@media (max-width: 767px){
.padding-left-15-right-15{
padding-left:5px !important;
padding-right:5px !important;
}
.form-control-input-podatci-disabled{
font-weight:600 !important;
width:100% !important;
background:#f0f0f3 !important;
border:1px solid #cacaca !important;
padding:10px !important;
border-radius:5px !important;
height:60px !important;
font-size:16px !important;
}
.container{
max-width:100% !important;
}
.padding-left-xl-xs{
padding-left:11px !important;
}
.font-size-16-thead{
font-size:12px !important;
font-family:"Roboto", sans-serif;
color:#ffffff !important;
font-weight:500 !important;
}
.korisnickiracunpanel{
background:#f9f9f9 !important;
border-radius:2px !important;
padding-top:25px !important;
padding-bottom:30px !important;
padding-left:20px !important;
padding-right:20px !important;
max-width:95% !important;
}
}
/* Prijava */
body.flora-login{
margin:0;
padding:0;
display:flex;
flex-direction:column;
min-height:100vh;
min-height:100dvh;
font-size:16px;
line-height:1.5;
}
.flora-login *,.flora-login *::before,.flora-login *::after{
box-sizing:border-box;
}
.flora-login button,.flora-login input{
font:inherit;
}
.flora-login button{
cursor:pointer;
}
.flora-login button:focus-visible,.flora-login a:focus-visible{
outline:3px solid light-dark(#178a90, var(--bs-primary-fg));
outline-offset:4px;
}
.flora-login a{
color:var(--flora-green);
}
.flora-login .flora-hero{
position:relative;
}
.flora-login .flora-hero h1{
font-family:inherit;
text-transform:none;
}
.flora-login .flora-features{
align-items:center;
flex-wrap:wrap;
padding:0;
list-style:none;
}
.flora-login .flora-features li{
display:flex;
}
.flora-login .flora-main{
position:relative;
flex:1 0 auto;
}
.flora-login .flora-login-card{
position:relative;
width:100%;
}
.flora-login .flora-card-heading{
display:flex;
}
.flora-login .flora-card-icon{
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
}
.flora-login .flora-card-heading h2{
font-family:inherit;
text-transform:none;
}
.flora-login .flora-login-form{
margin:0;
}
.flora-login .flora-input-label{
display:block;
margin:0 0 9px;
}
.flora-login .flora-code-input{
display:block;
width:100%;
text-align:center;
line-height:normal;
outline:none;
transition:border-color .15s, box-shadow .15s;
}
.flora-login .flora-code-help{
display:inline-flex;
align-items:center;
min-height:36px;
padding:4px 0;
border:0;
background:transparent;
}
.flora-login .flora-code-help:hover{
color:var(--flora-dark);
text-decoration:underline;
text-underline-offset:3px;
}
.flora-login .flora-remember{
display:flex;
width:fit-content;
margin:0 0 22px;
color:light-dark(#365563, var(--bs-fg-body));
}
.flora-login .flora-remember input[type="checkbox"]{
width:21px;
height:21px;
margin:0;
border:1.5px solid light-dark(#b7d5d5, var(--bs-border-color));
border-radius:5px;
}
.flora-login .flora-remember input[type="checkbox"]::after{
display:none;
top:2px;
left:6px;
width:6px;
height:11px;
border-width:0 2px 2px 0;
border-color:var(--bs-primary-contrast);
}
.flora-login .flora-remember input[type="checkbox"]:checked{
background:var(--flora-green) !important;
border-color:var(--flora-green) !important;
}
.flora-login .flora-remember input[type="checkbox"]:checked::after{
display:block;
}
.flora-login .flora-remember input[type="checkbox"]:focus-visible{
outline:3px solid light-dark(#178a90, var(--bs-primary-fg));
outline-offset:3px;
}
.flora-login .flora-remember label{
margin:0;
cursor:pointer;
}
.flora-login .flora-login-submit{
gap:13px;
width:100%;
padding:12px 20px;
border:1px solid var(--flora-green);
}
.flora-login .flora-login-alert{
display:flex;
align-items:center;
gap:10px;
margin-bottom:22px;
padding:14px;
background:light-dark(#fff5f3, var(--bs-danger-bg-subtle));
color:light-dark(#ad2727, var(--bs-danger-fg));
border:1px solid light-dark(#f1d7d1, var(--bs-border-color));
border-radius:9px;
font-size:14px;
line-height:1.6;
overflow-wrap:anywhere;
}
.flora-login .flora-login-alert > i{
flex-shrink:0;
font-size:18px;
}
.flora-login .flora-help-links{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
max-width:760px;
}
.flora-login .flora-help-link{
display:flex;
align-items:center;
width:100%;
color:var(--flora-ink);
border:1px solid var(--flora-line);
text-align:left;
}
.flora-login .flora-help-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.flora-login .flora-help-copy{
min-width:0;
}
.flora-login .flora-help-copy strong,.flora-login .flora-help-copy small{
display:block;
}
.flora-login .flora-help-arrow{
margin-left:auto;
color:light-dark(#536c78, var(--bs-fg-1));
font-size:12px;
}
.flora-login .flora-footer{
flex-shrink:0;
}
.flora-login .flora-footer-inner{
margin:0 auto;
justify-content:space-between;
}
.flora-login .flora-footer p{
margin:0;
}
.flora-login .flora-footer a{
text-decoration:none;
}
.flora-login .flora-footer a:hover{
text-decoration:underline;
}
.flora-login .flora-version{
margin-left:4px;
font-size:12px;
}
body.flora-login.flora-dialog-open{
position:fixed;
left:0;
right:0;
width:100%;
overflow:hidden;
}
.flora-login .flora-dialog{
width:calc(100% - 32px);
max-width:710px;
max-height:calc(100vh - 48px);
max-height:calc(100dvh - 48px);
margin:auto;
padding:0;
color:var(--flora-ink);
border:1px solid rgba(255,255,255,.6);
overflow:hidden;
font:inherit;
}
.flora-login .flora-dialog:not([open]){
display:none;
}
.flora-login .flora-dialog-wide{
max-width:900px;
}
.flora-login .flora-dialog::backdrop{
background:light-dark(rgba(48,77,91,.58), rgba(3,10,14,.75));
backdrop-filter:blur(4px);
}
.flora-login .flora-dialog-content{
display:flex;
flex-direction:column;
max-height:calc(100vh - 50px);
max-height:calc(100dvh - 50px);
}
.flora-login .flora-dialog-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-shrink:0;
padding:21px 26px;
border-bottom:1px solid var(--flora-line);
}
.flora-login .flora-dialog-header h2{
display:flex;
align-items:center;
gap:12px;
margin:0;
font-family:inherit;
line-height:1.4;
text-transform:none;
}
.flora-login .flora-dialog-header h2 i{
flex-shrink:0;
color:var(--flora-green);
font-size:23px;
}
.flora-login .flora-dialog-x{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:38px;
height:38px;
padding:0;
border:1px solid light-dark(#ccddde, var(--bs-border-color));
border-radius:9px;
font-size:16px;
}
.flora-login .flora-dialog-x:hover{
background:light-dark(#e8f3f1, var(--bs-bg-2));
color:var(--flora-dark);
}
.flora-login .flora-dialog-body{
min-height:0;
padding:26px;
overflow-y:auto;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
overflow-wrap:anywhere;
}
.flora-login .flora-dialog-body h3{
margin:25px 0 12px;
font-family:inherit;
line-height:1.4;
text-transform:none;
}
.flora-login .flora-dialog-body h3:first-child{
margin-top:0;
}
.flora-login .flora-dialog-body p{
margin:0 0 18px;
}
.flora-login .flora-dialog-body p:last-child{
margin-bottom:0;
}
.flora-login .flora-dialog-body a{
text-decoration:underline;
text-underline-offset:3px;
}
.flora-login .flora-dialog-body a:hover{
color:var(--flora-dark);
}
.flora-login .flora-dialog-footer{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
padding:17px 26px;
border-top:1px solid var(--flora-line);
}
.flora-login .flora-dialog-close{
min-width:165px;
min-height:45px;
padding:10px 20px;
border:1px solid var(--flora-green);
border-radius:8px;
font-size:15px;
}
.flora-login .flora-dialog-close:hover{
background:var(--flora-dark);
border-color:var(--flora-dark);
}
.flora-login .flora-instruction-highlight{
display:grid;
grid-template-columns:auto minmax(0, 1fr);
align-items:center;
gap:14px;
margin:24px 0;
padding:20px;
border:1px solid light-dark(#ccddde, var(--bs-border-color));
border-radius:11px;
}
.flora-login .flora-instruction-highlight > i{
flex-shrink:0;
color:var(--flora-green);
font-size:24px;
}
.flora-login .flora-instruction-highlight h3{
margin:0;
}
.flora-login .flora-code-example{
display:block;
grid-column:1 / -1;
width:100%;
min-width:0;
margin:0;
padding:0;
overflow:hidden;
border:1px solid #d4e3df;
border-radius:8px;
background:#fff;
cursor:zoom-in;
}
.flora-login .flora-code-example img{
display:block;
width:100%;
height:auto;
}
.flora-login .flora-code-example:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
body#page-top.flora-login #floraCodeViewer{
width:calc(100% - 24px);
max-width:1900px;
height:calc(100vh - 24px);
height:calc(100dvh - 24px);
max-height:calc(100vh - 24px);
max-height:calc(100dvh - 24px);
overflow:hidden;
}
body#page-top.flora-login #floraCodeViewer .flora-dialog-content{
display:flex;
flex-direction:column;
height:100%;
max-height:100%;
}
body#page-top.flora-login #floraCodeViewer .flora-dialog-body{
flex:1 1 auto;
min-height:0;
overflow:auto;
padding:16px;
background:light-dark(#f3f7f6, var(--bs-bg-2));
}
body#page-top.flora-login #floraCodeViewer .flora-code-zoom{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
background:transparent;
cursor:zoom-in;
}
body#page-top.flora-login #floraCodeViewer img{
display:block;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
object-fit:contain;
}
body#page-top.flora-login #floraCodeViewer.is-zoomed .flora-code-zoom{
width:max-content;
height:max-content;
min-width:100%;
min-height:100%;
cursor:zoom-out;
}
body#page-top.flora-login #floraCodeViewer.is-zoomed img{
max-width:none;
max-height:none;
}
.flora-login .flora-contact-intro{
color:var(--flora-muted);
}
.flora-login .flora-contact-card{
margin:0 0 15px;
padding:20px;
border:1px solid var(--flora-line);
border-radius:11px;
}
.flora-login .flora-contact-primary{
background:light-dark(#f1f7f5, var(--bs-bg-1));
border-color:light-dark(#ccddde, var(--bs-border-color));
}
.flora-login .flora-contact-card h3{
display:flex;
align-items:center;
gap:10px;
margin-top:0;
}
.flora-login .flora-dialog-body .flora-contact-phone{
display:block;
width:fit-content;
margin-bottom:4px;
font-size:23px;
font-weight:600;
text-decoration:none;
}
.flora-login .flora-dialog-body .flora-contact-email{
display:inline-block;
margin-bottom:12px;
font-weight:500;
}
.flora-login .flora-contact-card p{
display:flex;
align-items:center;
gap:9px;
margin:8px 0 0;
color:var(--flora-muted);
font-size:14px;
}
.flora-login .flora-company-details{
margin-top:26px;
padding-top:5px;
}
.flora-login .flora-privacy-text{
font-size:15px;
}
.flora-login .flora-privacy-text h3{
margin-top:30px;
}
@media (max-width: 767px){
.flora-login .flora-hero{
padding-top:34px;
}
.flora-login .flora-hero h1{
font-size:36px;
}
.flora-login .flora-features{
justify-items:start;
margin-top:21px;
}
.flora-login .flora-help-links{
max-width:460px;
grid-template-columns:1fr;
margin-top:22px;
}
.flora-login .flora-footer-inner{
flex-direction:column;
text-align:center;
}
}
@media (max-width: 575px){
.flora-login .flora-hero h1{
font-size:33px;
}
.flora-login .flora-login-card{
margin-top:-33px;
}
.flora-login .flora-dialog{
width:calc(100% - 24px);
max-height:calc(100vh - 24px);
max-height:calc(100dvh - 24px);
}
.flora-login .flora-dialog-content{
max-height:calc(100vh - 26px);
max-height:calc(100dvh - 26px);
}
.flora-login .flora-dialog-header{
padding:16px;
gap:10px;
}
.flora-login .flora-dialog-header h2{
gap:9px;
}
.flora-login .flora-dialog-header h2 i{
font-size:20px;
}
.flora-login .flora-dialog-x{
width:35px;
height:35px;
}
.flora-login .flora-dialog-body{
padding:20px 17px;
}
.flora-login .flora-dialog-footer{
padding:13px 17px;
}
.flora-login .flora-instruction-highlight{
gap:11px;
padding:16px 13px;
}
.flora-login .flora-contact-card{
padding:17px;
}
}
@media (max-width: 359px){
.flora-login .flora-hero h1{
font-size:30px;
}
}
@media (prefers-reduced-motion: reduce){
.flora-login *,.flora-login *::before,.flora-login *::after{
animation-duration:.01ms !important;
transition-duration:.01ms !important;
}
}
/* Korisnicki racun. Anketa */
.flora-account :is(#exampleModal, #anketaModal, #floraPaidModal, #floraCollectionModal) .dialog-header{
display:flex;
align-items:center;
width:100%;
}
.flora-account :is(#exampleModal, #anketaModal, #floraPaidModal, #floraCollectionModal) .dialog-header .dialog-title{
flex:1 1 auto;
min-width:0;
text-align:left;
}
.flora-account .flora-modal-close{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 46px;
width:46px;
height:46px;
margin:0 0 0 auto;
padding:12px;
border:1px solid var(--flora-ui-line, #ccddde);
border-radius:12px;
background:var(--flora-ui-soft, #f1f7f5);
color:var(--flora-ui-ink, #304d5b);
font:inherit;
font-size:18px;
line-height:1;
cursor:pointer;
touch-action:manipulation;
transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}
.flora-account .flora-modal-close > .bi{
color:inherit;
}
.flora-account .flora-modal-close:focus-visible{
outline:3px solid var(--flora-ui-primary, #08777d);
outline-offset:3px;
}
.flora-account .flora-modal-close:disabled{
opacity:.5;
cursor:default;
}
@media (hover: hover) and (pointer: fine){
.flora-account .flora-modal-close:not(:disabled):hover{
background:var(--flora-ui-mint, #e3f0eb);
border-color:var(--flora-ui-primary, #08777d);
color:var(--flora-ui-primary, #075e65);
}
}
@media (prefers-reduced-motion: reduce){
.flora-account .flora-modal-close{
transition:none;
}
}
body.flora-account{
margin:0;
padding:0;
font-family:"Roboto", Arial, sans-serif;
font-size:16px;
line-height:1.65;
}
.flora-account *,.flora-account *::before,.flora-account *::after{
box-sizing:border-box;
}
.flora-account a,.flora-account button,.flora-account input{
-webkit-tap-highlight-color:transparent;
}
.flora-account a:focus-visible,.flora-account button:focus-visible,.flora-account input:focus-visible,.flora-account .flora-table-scroll:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
.flora-account #glavekr{
position:relative;
}
.flora-account #glavekr > .container{
width:100%;
padding:0;
}
.flora-account #glavekr .navbar-brand{
margin:0;
padding:0;
}
.flora-account #glavekr .width-size-logo1{
object-fit:contain;
}
.flora-account #glavekr .nav-link{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:42px;
padding:9px 12px !important;
border-radius:8px !important;
color:light-dark(#fff, var(--bs-fg-body));
font-size:14px;
font-weight:500;
text-transform:none !important;
white-space:nowrap;
}
.flora-account #glavekr .nav-link > i{
font-size:16px;
opacity:.82;
}
.flora-account #glavekr .nav-link:hover,.flora-account #glavekr .nav-link.active{
background:rgba(255,255,255,.13) !important;
color:light-dark(#fff, var(--bs-primary-fg)) !important;
}
.flora-account #glavekr .odjava-button{
margin-left:10px !important;
border:1px solid rgba(255,255,255,.26);
}
.flora-account .flora-account-hero{
box-shadow:none !important;
}
.flora-account .flora-account-hero > .container{
padding:0;
}
.flora-account .flora-account-hero h1{
margin:0 0 13px;
font-size:40px;
line-height:1.25;
font-weight:700;
letter-spacing:-.7px;
text-transform:none !important;
}
.flora-account .flora-account-hero h6{
font-weight:400;
}
.flora-account .flora-account-identity{
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:8px 16px;
margin-top:23px;
color:light-dark(#fff, var(--bs-fg-body));
}
.flora-account .flora-identity-name{
display:inline-flex;
align-items:center;
gap:9px;
min-width:0;
max-width:100%;
font-size:16px;
font-weight:500;
overflow-wrap:anywhere;
}
.flora-account .flora-identity-name i{
flex-shrink:0;
font-size:20px;
color:light-dark(#ccddde, var(--bs-fg-body));
}
.flora-account #anketaOpenButton{
box-shadow:none !important;
}
.flora-account #anketaOpenButton:hover{
background:#e8f3f1;
}
.flora-account .flora-account-shortcuts{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
}
.flora-account .flora-account-shortcut{
display:flex;
align-items:center;
color:var(--flora-ink);
text-decoration:none !important;
}
.flora-account .flora-account-shortcut:hover{
border-color:#90bdbd;
background:#f7faf8;
color:var(--flora-dark);
}
.flora-account .flora-shortcut-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.flora-account .flora-account-shortcut > span:nth-child(2){
min-width:0;
}
.flora-account .flora-account-shortcut strong,.flora-account .flora-account-shortcut small{
display:block;
}
.flora-account .flora-shortcut-arrow{
margin-left:auto;
color:light-dark(#536c78, var(--bs-fg-1));
font-size:21px;
}
.flora-account .flora-account-section{
width:calc(100% - 48px);
max-width:1100px;
margin:24px auto;
padding:0 !important;
border-radius:14px;
background:transparent !important;
}
.flora-account .flora-account-section > .container{
width:100%;
max-width:none !important;
}
.flora-account .flora-account-section .row{
--bs-gutter-x:0;
margin-right:0;
margin-left:0;
}
.flora-account .flora-account-section .row > [class*="col-"]{
width:100%;
max-width:100%;
padding:0;
}
.flora-account .flora-section-heading{
display:flex;
align-items:center;
margin:0 0 18px;
text-align:left;
}
.flora-account .flora-section-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.flora-account .flora-section-heading h3{
margin:0;
font-family:inherit;
line-height:1.3;
text-transform:none;
}
.flora-account .flora-account-section h5{
margin:0 0 16px !important;
text-align:left !important;
}
.flora-account .flora-account-section .row > [class*="col-"] > br:first-child{
display:none;
}
.flora-account .flora-account-section .table-responsive{
max-width:100%;
margin-top:14px !important;
border:1px solid #ccddde;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
}
.flora-account .flora-account-section table.table{
width:100%;
max-width:none !important;
margin:0;
border:0;
border-collapse:collapse;
box-shadow:none !important;
color:var(--flora-ink);
font-variant-numeric:tabular-nums;
}
.flora-account .flora-account-section .table > :not(caption) > * > *{
border-width:0 0 1px;
vertical-align:middle;
box-shadow:none !important;
}
.flora-account .flora-account-section .table th{
white-space:normal !important;
text-transform:none !important;
}
.flora-account .flora-account-section .table-thead-background{
outline:none !important;
}
.flora-account :is(#racuni, #floraPaidModal) table,.flora-account #kartica table{
min-width:490px;
}
.flora-account :is(#racuni, #floraPaidModal) .table td:last-child,.flora-account #kartica .table td{
white-space:nowrap;
}
.flora-account :is(#racuni, #floraPaidModal) .table td a{
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #ccddde;
color:var(--flora-green);
white-space:nowrap;
}
.flora-account :is(#racuni, #floraPaidModal) .table td a:hover{
border-color:#90bdbd;
background:#e8f3f1;
}
.flora-account :is(#racuni, #floraPaidModal) .font-size-preuzmi{
color:var(--flora-green) !important;
}
.flora-account .scroll-message,.flora-account .scroll-message1{
display:none !important;
}
.flora-account .flora-table-hint{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin:10px 0 0;
color:var(--flora-muted);
font-size:13px;
line-height:1.6;
text-align:center;
}
.flora-account .flora-table-hint[hidden]{
display:none;
}
.flora-account #kartica .padding-top-5.font-size-14{
margin:14px 0 0;
border:1px solid #ccddde;
border-radius:9px;
white-space:normal !important;
text-wrap:wrap !important;
line-height:1.7;
}
.flora-account #odvozi .table-responsive{
max-width:760px;
margin-right:auto;
margin-left:auto;
}
.flora-account #odvozi .table td{
padding:11px 16px;
}
.flora-account #odvozi > .container > .container{
padding:14px 0 0;
}
.flora-account .korisnickiracunpanel{
width:100%;
max-width:none !important;
margin-top:0 !important;
padding:0 !important;
background:transparent !important;
border-radius:0 !important;
box-shadow:none !important;
}
.flora-account #e-racun .korisnickiracunpanel{
margin:0 auto;
}
.flora-account .flora-eracun-form > .padding-left-15-right-15,.flora-account .flora-eracun-form .padding-left-15-right-15{
padding-left:0 !important;
padding-right:0 !important;
}
.flora-account .flora-eracun-form .alert{
padding:18px;
line-height:1.7;
text-wrap:wrap !important;
white-space:normal !important;
overflow-wrap:anywhere;
}
.flora-account .flora-active-email{
display:block;
width:100%;
box-sizing:border-box;
margin-top:7px;
padding:12px 15px;
border:1px solid #b7d8cd;
border-radius:8px;
background:var(--bs-bg-1);
color:var(--bs-fg-body);
font-size:18px;
font-weight:600;
line-height:1.4;
word-break:break-word;
box-shadow:none;
}
.flora-account .flora-eracun-form .form-control-input-podatci{
padding:12px 14px !important;
border:1px solid #b7d5d5 !important;
border-radius:8px !important;
font-weight:500 !important;
}
.flora-account .flora-eracun-form .form-control-input-podatci:focus{
outline:none;
border-color:var(--flora-accent) !important;
box-shadow:0 0 0 4px rgba(8,119,125,.1);
}
html[data-bs-theme="dark"] body#page-top.flora-account .flora-eracun-form input[type="email"]:focus-visible{
outline:3px solid var(--bs-warning-fg);
outline-offset:3px;
}
.flora-account .flora-eracun-form .form-control-input-podatci-disabled{
border-radius:8px !important;
background:#f1f7f5 !important;
font-size:17px !important;
}
.flora-account .flora-eracun-consent{
align-items:flex-start !important;
gap:12px;
}
.flora-account .flora-eracun-consent input{
flex-shrink:0;
margin-top:15px;
}
.flora-account .flora-eracun-consent-copy{
display:block;
min-width:0;
width:100%;
border-radius:10px !important;
padding:17px !important;
text-wrap:wrap !important;
white-space:normal !important;
font-weight:400 !important;
}
.flora-account .flora-eracun-consent-copy ul{
margin-bottom:14px;
padding-left:20px;
}
.flora-account .flora-eracun-actions{
flex-wrap:wrap !important;
gap:12px !important;
}
.flora-account .flora-eracun-form input[type="submit"]{
min-height:46px;
max-width:100%;
padding:11px 19px !important;
border-radius:8px !important;
font-size:16px !important;
line-height:1.5;
}
.flora-account .flora-eracun-form .btn-primary2{
border:1px solid var(--flora-green) !important;
}
.flora-account .flora-eracun-form .btn-primary2:hover{
background:var(--flora-dark) !important;
}
.flora-account .flora-eracun-form .btn-odjava{
border:1px solid #b83131 !important;
}
.flora-account .flora-eracun-form .btn-odjava:hover{
background:#992424 !important;
}
.flora-account .flora-eracun-form input[type="submit"]:disabled{
opacity:.55;
cursor:not-allowed !important;
}
.flora-account #info .row > .lg\:col-8{
max-width:900px;
margin:0 auto;
line-height:1.85;
}
.flora-account #info .flora-price-list{
width:100%;
min-width:0;
margin:14px 0 24px;
}
.flora-account #info .flora-price-title{
margin:0 0 7px;
line-height:1.4;
}
.flora-account #info .flora-price-explanation{
margin:0 0 15px;
color:light-dark(#536c78, var(--bs-fg-body));
line-height:1.6;
}
.flora-account #info .flora-price-cards{
display:grid;
grid-template-columns:minmax(0, 1fr);
gap:12px;
}
.flora-account #info .flora-price-card{
min-width:0;
overflow:hidden;
border:1px solid #ccddde;
}
.flora-account #info .flora-price-card-head{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:16px;
padding:16px;
}
.flora-account #info .flora-price-volume{
margin:0;
line-height:1.25;
}
.flora-account #info .flora-price-volume span{
color:light-dark(#536c78, var(--bs-fg-body));
font-size:14px;
font-weight:400;
}
.flora-account #info .flora-price-household{
margin:5px 0 0;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:14px;
line-height:1.4;
overflow-wrap:anywhere;
}
.flora-account #info .flora-price-total{
min-width:0;
text-align:right;
}
.flora-account #info .flora-price-total > span{
display:block;
margin-bottom:4px;
color:light-dark(#536c78, var(--bs-warning-fg));
font-size:12px;
line-height:1.4;
}
.flora-account #info .flora-price-total > strong{
display:block;
line-height:1.2;
white-space:nowrap;
font-variant-numeric:tabular-nums;
}
.flora-account #info .flora-price-total small{
font-size:16px;
font-weight:500;
}
.flora-account #info .flora-price-breakdown{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px;
margin:0;
padding:12px 16px;
border-top:1px solid #ccddde;
}
.flora-account #info .flora-price-breakdown > div{
min-width:0;
}
.flora-account #info .flora-price-breakdown dt{
margin:0 0 3px;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:12px;
}
.flora-account #info .flora-price-breakdown dd{
margin:0;
font-size:16px;
line-height:1.4;
font-variant-numeric:tabular-nums;
}
@media (max-width: 359.98px){
.flora-account #info .flora-price-card-head{
gap:10px;
padding:13px;
}
.flora-account #info .flora-price-breakdown{
padding:11px 13px;
}
}
.flora-account #info .pregled-odvoza-poveznica{
display:inline-flex;
align-items:baseline;
gap:5px;
max-width:100%;
padding:13px 15px;
background:#f1f7f5;
border:1px solid #ccddde;
border-radius:8px;
font-size:16px !important;
line-height:1.7;
overflow-wrap:anywhere;
}
.flora-account #info .pregled-odvoza-poveznica > i{
flex-shrink:0;
}
.flora-account .flora-contact-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.flora-account .flora-contact-box{
font-size:16px;
overflow-wrap:anywhere;
}
.flora-account .flora-contact-box b{
display:inline-block;
margin-bottom:6px;
}
.flora-account .flora-contact-box a{
text-decoration:underline;
text-underline-offset:3px;
}
.flora-account .flora-account-privacy{
max-width:1000px;
margin:28px auto;
padding:0 24px !important;
}
.flora-account .copyright{
margin-top:30px;
box-shadow:none !important;
font-size:15px;
}
.flora-account .copyright .margin-top-15{
margin-top:6px !important;
}
.flora-account .copyright small{
font-size:13px;
}
.flora-account .dialog{
border:1px solid #ccddde !important;
overflow:hidden;
}
.flora-account .dialog-header{
padding:var(--flora-modal-header-padding, 20px 24px) !important;
border-bottom:1px solid #ccddde !important;
gap:14px;
}
.flora-account .dialog-header .dialog-title{
margin:0;
font-size:20px !important;
line-height:1.5;
text-transform:none !important;
}
.flora-account .dialog-body{
padding:var(--flora-modal-body-padding, 24px) !important;
font-size:16px !important;
line-height:1.75;
overflow-wrap:anywhere;
}
.flora-account .dialog-footer{
display:flex !important;
align-items:center;
justify-content:center;
padding:16px 24px !important;
background:#fff;
border-top:1px solid var(--flora-line);
}
.flora-account .dialog-footer .btn{
min-height:45px;
padding:10px 19px;
border:1px solid var(--flora-green);
border-radius:8px;
background:var(--flora-green);
color:light-dark(#fff, var(--bs-fg-body));
font-size:16px;
}
.flora-account .dialog-footer .btn:hover{
background:var(--flora-dark);
}
.flora-account #exampleModal{
width:calc(100% - 40px);
max-width:950px;
}
.flora-account #exampleModal{
height:auto;
max-height:calc(100vh - 56px);
max-height:calc(100dvh - 56px);
}
.flora-account #exampleModal .dialog-body{
min-height:0;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
}
.flora-account #anketaModal .anketa-uvod{
padding:17px;
border-radius:9px;
font-size:15px;
}
.flora-account #anketaModal .anketa-sekcija-naslov{
margin-top:26px;
padding:11px 13px;
border-radius:7px;
text-transform:none;
}
.flora-account #anketaModal .anketa-pitanje{
padding:16px;
margin-bottom:11px;
border:1px solid #ccddde;
border-radius:9px;
}
.flora-account #anketaModal .anketa-opcije{
gap:8px;
}
.flora-account #anketaModal .anketa-opcija{
max-width:100%;
min-height:40px;
padding:6px 11px;
border:1px solid #ccddde;
border-radius:7px;
font-size:15px;
line-height:1.5;
white-space:normal;
}
.flora-account #anketaModal .anketa-opcija input{
accent-color:var(--flora-green);
}
.flora-account #anketaModal .anketa-textarea{
padding:12px;
border:1px solid #b7d5d5;
border-radius:8px;
font:inherit;
font-size:16px;
}
.flora-account #anketaModal .anketa-textarea:focus{
outline:3px solid rgba(8,119,125,.15);
border-color:var(--flora-accent);
}
@media (max-width: 1199.98px){
.flora-account #glavekr .nav-link{
width:100%;
padding:11px !important;
justify-content:flex-start;
background:rgba(255,255,255,.06);
}
.flora-account #glavekr .odjava-button{
margin-left:0 !important;
}
.flora-account .flora-shortcut-arrow{
display:none;
}
}
@media (max-width: 991.98px){
.flora-account .flora-account-shortcuts{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.flora-account .flora-shortcut-arrow{
display:inline-block;
}
.flora-account .flora-account-hero h1{
font-size:36px;
}
}
@media (max-width: 767.98px){
.flora-account .flora-account-hero h1{
font-size:32px;
}
.flora-account .flora-account-identity{
gap:8px;
margin-top:19px;
}
.flora-account .flora-identity-name{
width:100%;
justify-content:center;
font-size:16px;
}
.flora-account .flora-account-section{
width:calc(100% - 28px);
margin:17px auto;
}
.flora-account .flora-shortcut-arrow{
display:none;
}
.flora-account .flora-contact-grid{
grid-template-columns:1fr;
gap:12px;
}
.flora-account .flora-contact-box{
font-size:15px;
}
.flora-account .flora-eracun-form .alert{
padding:15px;
}
.flora-account .flora-eracun-consent{
gap:9px;
}
.flora-account .flora-eracun-consent-copy{
padding:14px !important;
}
.flora-account .flora-eracun-actions input[type="submit"]{
flex:1 1 100%;
width:100% !important;
}
.flora-account .dialog-header{
padding:var(--flora-modal-header-padding, 16px) !important;
}
.flora-account .dialog-header .dialog-title{
font-size:17px !important;
}
.flora-account .dialog-body{
padding:var(--flora-modal-body-padding, 18px) !important;
font-size:15px !important;
}
.flora-account .dialog-footer{
padding:13px 16px !important;
}
.flora-account #anketaModal .dialog-body{
flex:1 1 auto;
min-height:0;
max-height:none;
overflow-x:hidden !important;
overflow-y:auto !important;
}
.flora-account #anketaModal .dialog-header,.flora-account #anketaModal .dialog-footer{
flex:0 0 auto;
}
.flora-account #anketaModal .anketa-pitanje{
padding:13px;
}
.flora-account #anketaModal .anketa-opcija{
padding:6px 9px;
}
.flora-account #exampleModal{
width:calc(100% - 24px);
height:auto;
}
.flora-account #exampleModal{
max-height:calc(100vh - 24px);
max-height:calc(100dvh - 24px);
border-radius:12px !important;
}
.flora-account #exampleModal .naslovfont1{
font-size:18px !important;
}
}
@media (max-width: 575.98px){
.flora-account .flora-account-privacy{
margin:24px auto;
padding:0 19px !important;
}
}
@media (prefers-reduced-motion: reduce){
.flora-account *,.flora-account *::before,.flora-account *::after{
animation-duration:.01ms !important;
transition-duration:.01ms !important;
scroll-behavior:auto !important;
}
}
.flora-account-v2 #glavekr{
padding-top:19px !important;
padding-bottom:19px !important;
}
.flora-account-v2 .flora-account-hero{
text-align:left !important;
}
.flora-account-v2 .flora-account-hero > .container{
display:grid;
align-items:center;
}
.flora-account-v2 .flora-welcome-label{
text-transform:uppercase;
}
.flora-account-v2 .flora-account-identity{
display:block;
}
.flora-account-v2 .flora-account-identity .flora-identity-name{
display:block;
text-align:left;
}
.flora-account-v2 .flora-account-identity .flora-identity-name i{
display:none;
}
.flora-account-v2 .flora-account-hero h6{
max-width:690px;
margin:0;
font-size:16px !important;
line-height:1.75;
}
.flora-account-v2 .flora-account-shortcuts{
position:relative;
}
.flora-account-v2 .flora-account-shortcut{
border-top:4px solid #08777d;
}
.flora-account-v2 .flora-shortcut-arrow{
display:none;
}
.flora-account-v2 .flora-dashboard-content{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
margin:0 auto 30px;
}
.flora-account-v2 .flora-dashboard-content > .flora-account-section{
grid-column:1 / -1;
width:100%;
max-width:none;
margin:0;
min-width:0;
}
.flora-account-v2 .flora-dashboard-content > #odvozi,.flora-account-v2 .flora-dashboard-content > #podatci{
grid-column:span 1;
}
.flora-account-v2 .flora-account-section > .container{
border:1px solid #ccddde;
}
.flora-account-v2 .flora-section-heading{
border-bottom:1px solid #e8f3f1;
}
.flora-account-v2 .flora-account-section .table th{
padding-top:17px;
padding-bottom:17px;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) .table td a{
min-height:41px;
padding:8px 16px;
border-color:#b7d5d5;
background:#e8f3f1;
border-radius:8px;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) .font-size-preuzmi{
font-size:15px !important;
font-weight:600 !important;
}
.flora-account-v2 #kartica .padding-top-5.font-size-14{
padding:19px 20px !important;
font-size:16px !important;
background:#e8f3f1;
border-color:#b7d5d5;
}
.flora-account-v2 #e-racun .korisnickiracunpanel{
max-width:900px !important;
}
@media (max-width: 1199.98px){
.flora-account-v2 .flora-account-hero > .container{
gap:28px;
grid-template-columns:minmax(0,1fr) 250px;
}
.flora-account-v2 .flora-account-shortcut small{
font-size:12px;
}
.flora-account-v2 .flora-dashboard-content{
grid-template-columns:1fr;
}
}
@media (max-width: 991.98px){
.flora-account-v2 .flora-account-shortcuts{
margin-top:-27px;
}
.flora-account-v2 .flora-account-shortcut{
min-height:96px;
}
}
@media (max-width: 767.98px){
.flora-account-v2 .flora-account-identity .flora-identity-name{
text-align:left;
}
.flora-account-v2 .flora-account-identity{
margin-bottom:17px;
}
.flora-account-v2 .flora-account-hero h6{
font-size:15px !important;
}
.flora-account-v2 .flora-account-shortcuts{
margin:-25px auto 22px;
}
.flora-account-v2 .flora-account-section .table > :not(caption) > * > *{
padding:12px 13px;
}
.flora-account-v2 .flora-account-section .table td,.flora-account-v2 .flora-account-section .table th{
font-size:15px !important;
}
}
@media (max-width: 767.98px){
.flora-account-v2 :is(#racuni, #floraPaidModal) .table-responsive.flora-mobile-invoice-container{
border:0;
border-radius:0;
overflow:visible;
}
/* Racuni i radnje */
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices{
display:block;
width:100%;
min-width:0 !important;
border:0;
background:transparent;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices > thead{
display:none;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices > tbody{
display:block;
width:100%;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
margin:0 0 13px;
border:1px solid #ccddde;
border-radius:12px;
background:#fff;
overflow:hidden;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td{
display:block;
min-width:0;
padding:12px 14px;
border:0;
color:light-dark(#304d5b, var(--bs-fg-body));
background:#fff !important;
font-size:16px !important;
font-weight:500;
text-align:left !important;
white-space:normal !important;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td::before{
display:block;
content:attr(data-flora-label);
margin:0 0 5px;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:13px;
font-weight:400;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td.flora-invoice-download{
grid-column:1 / -1;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px;
border-bottom:1px solid #ccddde;
background:#e8f3f1 !important;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices td.flora-invoice-download::before{
margin:0;
font-size:15px;
color:light-dark(#08777d, var(--bs-fg-body));
font-weight:600;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices td.flora-invoice-download a{
padding:8px 12px;
background:#08777d;
border-color:#08777d;
color:light-dark(#fff, var(--bs-primary-fg));
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices td.flora-invoice-download .font-size-preuzmi{
color:light-dark(#fff, var(--bs-fg-body)) !important;
font-size:14px !important;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child{
grid-column:1 / -1;
display:flex;
align-items:center;
justify-content:space-between;
border-top:1px solid #e8f3f1;
font-size:20px !important;
font-weight:600;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child::before{
margin:0;
font-size:14px;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tbody tr:not(.flora-invoice-row),.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tbody tr:not(.flora-invoice-row) > td{
display:block;
width:100%;
}
.flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tbody tr:not(.flora-invoice-row) > td{
margin-bottom:12px;
padding:15px;
border:1px solid #ccddde;
border-radius:9px;
white-space:normal !important;
background:#f1f7f5 !important;
}
}
@media (max-width: 359.98px){
.flora-account-v2 .flora-account-shortcut{
display:block;
min-height:127px;
}
.flora-account-v2 .flora-shortcut-icon{
margin-bottom:9px;
}
}
@media (min-width: 1200px){
.flora-account-v2 .flora-dashboard-content > #e-racun,.flora-account-v2 .flora-dashboard-content > #info{
grid-column:span 1;
}
.flora-account-v2 #e-racun > .container > .row > .lg\:col-11,.flora-account-v2 #info > .container > .row > .lg\:col-8{
flex:0 0 100%;
width:100%;
max-width:100%;
min-width:0;
}
}
.flora-account-v3 #glavekr > .container{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}
.flora-account-v3 .flora-header-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
min-width:0;
margin-left:auto;
}
.flora-account-v3 #glavekr .flora-header-action{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
margin:0 !important;
border:1px solid rgba(255,255,255,.3);
border-radius:9px !important;
background:transparent !important;
color:light-dark(#fff, var(--bs-fg-body)) !important;
font:500 14px/1.3 "Roboto", Arial, sans-serif;
text-transform:none;
white-space:nowrap;
text-decoration:none;
}
.flora-account-v3 #glavekr .flora-header-action:hover{
background:rgba(255,255,255,.13) !important;
}
.flora-account-v3 #glavekr .flora-header-action > i{
font-size:18px;
}
.flora-account-v3 #glavekr .odjava-button{
flex-shrink:0;
}
.flora-account-v3 #glavekr .odjava-button:hover{
border-color:#992424;
}
.flora-account-v3 #glavekr .odjava-button:active{
background:#992424 !important;
border-color:#992424;
}
.flora-account-v3 #glavekr .flora-install-action{
cursor:pointer;
}
.flora-account-v3 #glavekr .flora-install-action:disabled{
opacity:1;
cursor:default;
}
.flora-account-v3 #glavekr .flora-install-action[hidden]{
display:none !important;
}
.flora-account-v3 .flora-install-dialog{
width:min(440px, calc(100vw - 32px));
max-height:calc(100dvh - 40px);
margin:auto;
padding:0;
border:1px solid #ccddde;
border-radius:18px;
color:light-dark(#304d5b, var(--bs-fg-body));
font-family:"Roboto", Arial, sans-serif;
overflow-y:auto;
overscroll-behavior:contain;
}
.flora-account-v3 .flora-install-dialog:not([open]){
display:none;
}
.flora-account-v3 .flora-install-dialog::backdrop{
background:rgba(48,77,91,.55);
}
.flora-account-v3 .flora-install-dialog-head{
display:flex;
align-items:center;
gap:12px;
padding:24px 22px 18px;
border-bottom:1px solid #e8f3f1;
}
.flora-account-v3 .flora-install-dialog-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:44px;
height:44px;
border-radius:12px;
background:#e8f3f1;
color:light-dark(#08777d, var(--bs-primary-fg));
font-size:23px;
}
.flora-account-v3 .flora-install-dialog h2{
margin:0;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:21px;
font-weight:600;
text-transform:none;
}
.flora-account-v3 .flora-install-close{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:40px;
height:40px;
margin-left:auto;
padding:0;
border:0;
border-radius:9px;
font-size:20px;
cursor:pointer;
}
.flora-account-v3 .flora-install-dialog-body{
padding:21px 24px;
font-size:16px;
line-height:1.7;
}
.flora-account-v3 .flora-install-dialog-body p{
margin:0 0 17px;
}
.flora-account-v3 .flora-install-steps{
padding:0;
margin:0;
list-style:none;
counter-reset:install-step;
}
.flora-account-v3 .flora-install-steps li{
position:relative;
min-height:32px;
margin-bottom:16px;
padding-left:43px;
counter-increment:install-step;
}
.flora-account-v3 .flora-install-steps li:last-child{
margin-bottom:0;
}
.flora-account-v3 .flora-install-steps li::before{
position:absolute;
top:0;
left:0;
display:flex;
align-items:center;
justify-content:center;
width:29px;
height:29px;
border-radius:50%;
content:counter(install-step);
font-size:14px;
font-weight:700;
}
.flora-account-v3 .flora-install-dialog-foot{
padding:0 24px 23px;
}
.flora-account-v3 .flora-install-done{
width:100%;
min-height:45px;
padding:10px;
border:0;
border-radius:9px;
font:500 15px/1.4 "Roboto", Arial, sans-serif;
cursor:pointer;
}
.flora-account-v3 .flora-install-dialog [hidden]{
display:none !important;
}
.flora-account-v3 #kartica .flora-ledger-content{
width:100%;
margin:0 auto;
}
.flora-account-v3 #kartica .flora-ledger-caption{
margin:4px 0 22px;
text-align:left;
line-height:1.6;
}
.flora-account-v3 #kartica .flora-ledger-table{
width:100%;
margin-bottom:0;
border-color:#ccddde;
box-shadow:none;
}
.flora-account-v3 #kartica .flora-ledger-table th{
padding:15px 16px !important;
letter-spacing:.2px;
}
.flora-account-v3 #kartica .flora-ledger-table td{
padding:15px 16px !important;
font-size:16px !important;
}
@media (max-width: 767.98px){
.flora-account-v3 #glavekr .navbar-brand{
flex-shrink:0;
}
.flora-account-v3 .flora-header-actions{
gap:7px;
}
.flora-account-v3 #glavekr .flora-header-action{
gap:5px;
}
.flora-account-v3 #glavekr .flora-install-action{
min-width:0;
white-space:normal;
}
.flora-account-v3 #glavekr .flora-install-action > i{
flex-shrink:0;
}
.flora-account-v3 #glavekr [data-flora-install-label]{
min-width:0;
}
.flora-account-v3 #kartica .flora-ledger-caption{
margin-bottom:16px;
font-size:15px;
}
.flora-account-v3 #kartica .flora-ledger-table{
display:block;
min-width:0 !important;
width:100% !important;
border:0 !important;
background:transparent;
}
.flora-account-v3 #kartica .flora-ledger-table > tbody{
display:block;
width:100%;
}
.flora-account-v3 #kartica .flora-ledger-table > thead,.flora-account-v3 #kartica .flora-ledger-table > tfoot{
display:block;
width:100%;
border:0;
}
.flora-account-v3 #kartica .flora-ledger-table td[data-flora-label]::before{
display:block;
color:light-dark(#536c78, var(--bs-fg-body));
content:attr(data-flora-label);
font-size:12px;
font-weight:500;
line-height:1.4;
letter-spacing:.15px;
text-transform:none;
}
.flora-account-v3 #kartica .flora-table-hint{
display:none !important;
}
}
@media (max-width: 575.98px){
.flora-account-v3 #glavekr > .container{
gap:8px;
}
.flora-account-v3 #glavekr .width-size-logo1{
width:90px;
height:31px;
}
.flora-account-v3 #glavekr .flora-header-action{
padding:9px 8px !important;
font-size:12px;
}
.flora-account-v3 #glavekr .flora-header-action > i{
font-size:16px;
}
}
@media (max-width: 359.98px){
.flora-account-v3 #glavekr{
padding-left:10px !important;
padding-right:10px !important;
}
.flora-account-v3 .flora-header-actions{
gap:5px;
}
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-action{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:44px;
padding:10px 13px;
border:1px solid #b7d5d5;
border-radius:9px;
font:500 14px/1.35 "Roboto", Arial, sans-serif;
white-space:nowrap;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save{
flex:0 0 44px;
width:44px;
padding:0;
font-size:19px;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save:visited{
flex:0 0 44px;
width:44px;
padding:0;
border-color:#08777d;
background:#08777d;
color:light-dark(#fff, var(--bs-primary-fg));
font-size:19px;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-preview:hover{
color:light-dark(#304d5b, var(--bs-primary-fg));
}
/* Pregled PDF dokumenata */
.flora-account-v3 :is(#racuni, #floraPaidModal) .flora-invoice-action:focus-visible,.flora-account .flora-bill-action:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-action,.flora-account a.flora-bill-download{
text-decoration:none !important;
background-image:none;
transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save i,.flora-account a.flora-bill-download i{
color:inherit !important;
font-size:19px !important;
line-height:1;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save:focus-visible,.flora-account a.flora-bill-download:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
@media (min-width: 992px) and (hover: hover) and (pointer: fine){
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save:hover,.flora-account a.flora-bill-download:hover{
border-color:#075c64;
background:#075c64;
color:light-dark(#fff, var(--bs-primary-fg)) !important;
box-shadow:0 3px 9px rgba(8,119,125,.2);
}
}
@media (prefers-reduced-motion: reduce){
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save,.flora-account a.flora-bill-download{
transition:none;
}
}
html.flora-bill-open,html.flora-bill-open body,.flora-account .flora-bill-modal{
overflow:hidden;
overscroll-behavior:none;
touch-action:none;
}
.flora-account .flora-bill-modal,.flora-account .flora-bill-modal .dialog-body,.flora-account .flora-bill-preview{
min-width:0;
}
.flora-account .flora-bill-modal{
width:calc(100% - 32px);
max-width:560px;
}
.flora-account .flora-bill-modal.is-previewing{
max-width:1100px;
}
.flora-account .flora-bill-modal{
display:flex;
flex-direction:column;
max-height:calc(100vh - 32px);
max-height:calc(100dvh - 32px);
}
.flora-account .flora-bill-modal.is-previewing{
height:calc(100vh - 32px);
height:calc(100dvh - 32px);
}
.flora-account .flora-bill-modal .dialog-header{
flex:0 0 auto;
align-items:center;
padding:18px 22px !important;
}
.flora-account .flora-bill-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:44px;
height:44px;
border-radius:12px;
background:#e8f3f1;
color:light-dark(#08777d, var(--bs-primary-fg));
font-size:24px;
}
.flora-account .flora-bill-heading{
flex:1;
min-width:0;
}
.flora-account .flora-bill-heading p{
margin:2px 0 0;
font-size:14px;
line-height:1.5;
overflow-wrap:anywhere;
}
.flora-account .flora-bill-close{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:42px;
height:42px;
padding:0;
border:0;
border-radius:9px;
background:transparent;
color:light-dark(#365563, var(--bs-fg-body));
font-size:19px;
cursor:pointer;
}
.flora-account .flora-bill-close:hover{
background:#e8f3f1;
}
.flora-account .flora-bill-modal .dialog-body{
display:flex;
flex-direction:column;
flex:1 1 auto;
gap:18px;
min-height:0;
padding:22px !important;
overflow:hidden;
}
.flora-account .flora-bill-action{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:49px;
padding:12px 16px;
border:1px solid #08777d;
border-radius:10px;
font:500 15px/1.35 "Roboto", Arial, sans-serif;
text-decoration:none;
text-align:center;
cursor:pointer;
}
.flora-account .flora-bill-action i{
font-size:19px;
}
.flora-account .flora-bill-download,.flora-account .flora-bill-download:visited{
flex:0 0 44px;
width:44px;
min-height:44px;
padding:0;
background:#08777d;
color:light-dark(#fff, var(--bs-fg-body));
}
.flora-account .flora-bill-view{
border-color:#b7d5d5;
background:#f1f7f5;
color:light-dark(#08777d, var(--bs-fg-body));
}
.flora-account .flora-bill-view:hover{
background:#e8f3f1;
}
.flora-account .flora-bill-view:disabled{
opacity:.55;
cursor:wait;
}
.flora-account .flora-bill-preview{
display:flex;
flex-direction:column;
flex:1 1 auto;
gap:10px;
min-height:0;
}
.flora-account .flora-bill-loading{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
gap:9px;
min-height:34px;
color:light-dark(#365563, var(--bs-fg-body));
font-size:15px;
}
.flora-account .flora-bill-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
flex:0 0 auto;
gap:8px 12px;
padding:8px 10px;
border:1px solid #ccddde;
border-radius:10px;
background:#f1f7f5;
}
.flora-account .flora-bill-page-controls,.flora-account .flora-bill-zoom-controls{
display:flex;
align-items:center;
gap:6px;
}
.flora-account .flora-bill-toolbar button{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
padding:0;
border:1px solid #ccddde;
border-radius:8px;
background:#fff;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:16px;
cursor:pointer;
}
.flora-account .flora-bill-toolbar button:disabled{
opacity:.35;
cursor:default;
}
.flora-account #floraBillPageLabel{
min-width:94px;
padding:0 3px;
color:light-dark(#365563, var(--bs-fg-body));
font-size:13px;
text-align:center;
}
.flora-account .flora-bill-viewport{
flex:1 1 0;
width:100%;
max-width:100%;
min-height:80px;
min-width:0;
box-sizing:border-box;
contain:size layout paint;
padding:16px;
overflow:auto;
border:1px solid #ccddde;
border-radius:11px;
background:#e8f3f1;
overscroll-behavior:contain;
touch-action:none;
}
.flora-account .flora-bill-viewport{
scroll-behavior:auto !important;
overflow-anchor:none;
}
.flora-account .flora-bill-viewport.is-touch-pdf{
position:relative;
padding:0;
overflow:hidden;
}
.flora-account .flora-bill-surface{
background:#fff;
}
.flora-account .flora-bill-viewport.is-touch-pdf .flora-bill-surface{
position:absolute;
top:0;
left:0;
margin:0;
transform-origin:0 0;
will-change:transform;
}
.flora-account .flora-bill-viewport.is-touch-pdf #floraBillCanvas{
margin:0;
box-shadow:none;
}
.flora-account #floraBillCanvas{
display:block;
max-width:none;
margin:0 auto;
background:#fff;
box-shadow:0 3px 16px rgba(48,77,91,.15);
touch-action:none;
user-select:none;
-webkit-user-select:none;
}
.flora-account #floraBillNativePreview{
display:block;
width:100%;
height:100%;
min-height:220px;
border:0;
background:#fff;
}
.flora-account .flora-bill-viewport.is-native{
padding:0;
overflow:auto;
}
.flora-account .flora-bill-error{
padding:16px;
border:1px solid #e8d5ac;
border-radius:10px;
background:#fff8e8;
color:light-dark(#695223, var(--bs-fg-body));
font-size:15px;
line-height:1.6;
}
.flora-account .flora-bill-error p{
margin:0 0 12px;
}
.flora-account .flora-bill-fallback{
margin:0;
font-size:13px;
line-height:1.5;
}
.flora-account .flora-bill-fallback a{
color:light-dark(#08777d, var(--bs-primary-fg));
font-weight:500;
}
.flora-account .flora-bill-modal [hidden]{
display:none !important;
}
@media (min-width: 992px){
.flora-account .flora-bill-modal.is-previewing{
max-width:1900px;
}
}
@media (max-width: 767.98px){
.flora-account-v3 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td.flora-invoice-download{
display:block;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices td.flora-invoice-download::before{
margin-bottom:10px;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-action{
gap:6px;
padding:10px 7px;
font-size:14px;
white-space:normal;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save{
padding:0;
font-size:19px;
}
.flora-account-v3 :is(#racuni, #floraPaidModal) .flora-invoice-action i{
flex-shrink:0;
}
}
@media (max-width: 575.98px){
.flora-account .flora-bill-modal{
width:calc(100% - 20px);
}
.flora-account .flora-bill-modal{
max-height:calc(100vh - 20px);
max-height:calc(100dvh - 20px);
}
.flora-account .flora-bill-modal.is-previewing{
height:calc(100vh - 20px);
height:calc(100dvh - 20px);
}
.flora-account .flora-bill-modal .dialog-header{
padding:14px !important;
gap:10px;
}
.flora-account .flora-bill-icon{
width:38px;
height:38px;
font-size:21px;
}
.flora-account .flora-bill-modal .dialog-body{
gap:12px;
padding:14px !important;
}
.flora-account .flora-bill-action{
gap:6px;
min-height:46px;
padding:11px 8px;
font-size:14px;
}
.flora-account .flora-bill-action i{
font-size:17px;
}
.flora-account .flora-bill-download{
min-height:44px;
padding:0;
}
.flora-account .flora-bill-toolbar{
justify-content:center;
padding:7px;
}
.flora-account .flora-bill-toolbar button{
width:36px;
height:36px;
}
.flora-account .flora-bill-viewport{
padding:10px;
}
}
.flora-account-v3 #odvozi h5{
margin-bottom:18px !important;
text-align:left !important;
font-size:15px !important;
line-height:1.7;
}
.flora-account-v3 #odvozi .flora-collections-list{
display:grid;
gap:10px;
width:100%;
min-width:0;
}
/* Odvozi po mjesecima */
.flora-account-v3 #odvozi .flora-collection-month{
min-width:0;
border:1px solid #ccddde;
transition:border-color .2s ease;
}
.flora-account-v3 #odvozi .flora-collection-summary{
display:grid;
grid-template-columns:34px minmax(0, 1fr) auto 18px;
width:100%;
margin:0;
border:0;
background:transparent;
font:inherit;
text-align:left;
text-transform:none;
touch-action:manipulation;
align-items:center;
border-radius:11px;
color:light-dark(#304d5b, var(--bs-fg-body));
cursor:pointer;
transition:background-color .2s ease;
}
.flora-account-v3 #odvozi .flora-collection-summary:hover{
background:#f1f7f5;
}
.flora-account-v3 #odvozi .flora-collection-summary:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
display:flex;
align-items:center;
justify-content:center;
transition:background-color .2s ease;
}
.flora-account-v3 #odvozi .flora-collection-title{
min-width:0;
line-height:1.4;
overflow-wrap:anywhere;
}
.flora-account-v3 #odvozi .flora-collection-count{
padding:4px 9px;
border:1px solid #ccddde;
line-height:1.5;
white-space:nowrap;
font-variant-numeric:tabular-nums;
transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.flora-account-v3 #odvozi .flora-collection-open{
color:light-dark(#536c78, var(--bs-fg-body));
font-size:14px;
transition:color .18s ease;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table{
width:100%;
margin:0;
border:0;
border-collapse:collapse;
font-size:15px;
line-height:1.5;
font-variant-numeric:tabular-nums;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table th{
padding:12px 10px;
border-bottom:1px solid #e8f3f1;
font-size:13px;
text-align:left;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table td{
padding:11px 10px;
border-bottom:1px solid #e8f3f1;
background:#fff;
text-align:left;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table tbody tr:nth-child(even) > td{
background:#f7faf8;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table tbody tr:last-child > td{
border-bottom:0;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table th:first-child,.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table td:first-child{
width:35%;
text-align:center;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table td:first-child{
color:light-dark(#536c78, var(--bs-fg-body));
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table td:last-child{
font-weight:500;
white-space:nowrap;
}
.flora-account-v3 #odvozi .flora-collections-empty{
display:flex;
align-items:flex-start;
gap:10px;
margin:0;
padding:18px;
border:1px solid #ccddde;
border-radius:12px;
background:#f1f7f5;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:15px;
line-height:1.6;
}
.flora-account-v3 #odvozi .flora-collections-empty > i{
flex-shrink:0;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:18px;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-caption{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
}
@media (max-width: 767.98px){
.flora-account-v3 #odvozi .flora-collections-list{
gap:8px;
}
.flora-account-v3 #odvozi .flora-collection-count{
padding:4px 7px;
font-size:12px;
}
}
@media (max-width: 359.98px){
.flora-account-v3 #odvozi .flora-collection-summary{
grid-template-columns:28px minmax(0, 1fr) auto 16px;
gap:7px;
padding:11px 9px;
}
.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
width:28px;
height:30px;
font-size:16px;
}
.flora-account-v3 #odvozi .flora-collection-title{
font-size:15px;
}
.flora-account-v3 #odvozi .flora-collection-count{
padding:3px 5px;
}
}
@media (prefers-reduced-motion: reduce){
.flora-account-v3 #odvozi .flora-collection-month,.flora-account-v3 #odvozi .flora-collection-summary,.flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar,.flora-account-v3 #odvozi .flora-collection-count,.flora-account-v3 #odvozi .flora-collection-open{
transition:none;
}
}
.flora-account #unpaidModal{
font-family:"Roboto", Arial, sans-serif;
}
.flora-account #unpaidModal{
width:calc(100% - 32px);
max-width:520px;
}
.flora-account #unpaidModal{
max-height:calc(100vh - 40px);
max-height:calc(100dvh - 40px);
border:1px solid #ccddde !important;
border-radius:17px !important;
background:#fff;
box-shadow:0 20px 65px rgba(48,77,91,.22);
}
.flora-account #unpaidModal .dialog-header{
flex:0 0 auto;
align-items:center;
gap:12px;
padding:22px !important;
border-bottom:1px solid #ccddde !important;
background:#f1f7f5;
}
.flora-account #unpaidModal .flora-unpaid-icon{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
width:42px;
height:42px;
border:1px solid #ccddde;
border-radius:12px;
font-size:23px;
}
.flora-account #unpaidModal .flora-unpaid-heading{
flex:1 1 auto;
min-width:0;
}
.flora-account #unpaidModal .dialog-title{
margin:0;
color:light-dark(#304d5b, var(--bs-fg-body)) !important;
font-size:20px !important;
font-weight:600 !important;
line-height:1.35;
letter-spacing:-.2px;
text-transform:none !important;
}
.flora-account #unpaidModal .flora-unpaid-date{
margin:5px 0 0;
font-size:13px;
line-height:1.5;
}
.flora-account #unpaidModal .flora-unpaid-date strong{
white-space:nowrap;
}
.flora-account #unpaidModal .dialog-body{
flex:1 1 auto;
min-height:0;
padding:22px !important;
overflow-y:auto;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
}
.flora-account #unpaidModal .flora-unpaid-balance{
padding:18px 20px;
border:1px solid #efdad5;
border-radius:12px;
}
.flora-account #unpaidModal .flora-unpaid-caption{
display:block;
margin-bottom:7px;
font-size:14px;
line-height:1.5;
}
.flora-account #unpaidModal .flora-unpaid-amount{
display:block;
max-width:100%;
font-size:34px;
font-weight:600;
line-height:1.2;
letter-spacing:-.5px;
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere;
}
.flora-account #unpaidModal .flora-unpaid-currency{
font-size:.72em;
font-weight:500;
}
.flora-account #unpaidModal .flora-unpaid-request{
margin:20px 0 10px;
font-size:16px;
line-height:1.65;
}
.flora-account #unpaidModal .flora-unpaid-note{
margin:0;
font-size:15px;
line-height:1.7;
}
.flora-account #unpaidModal .dialog-footer{
flex:0 0 auto;
padding:0 22px 22px !important;
border-top:0 !important;
background:#fff;
}
.flora-account #unpaidModal .flora-unpaid-dismiss{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-height:48px;
margin:0;
padding:12px 18px;
border:1px solid #08777d;
border-radius:10px;
font-family:"Roboto", Arial, sans-serif;
font-size:16px;
line-height:1.5;
text-transform:none;
cursor:pointer;
transition:background-color .15s ease, border-color .15s ease;
}
.flora-account #unpaidModal .flora-unpaid-dismiss:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
@media (max-width: 575.98px){
.flora-account #unpaidModal{
max-height:calc(100vh - 32px);
max-height:calc(100dvh - 32px);
border-radius:15px !important;
}
.flora-account #unpaidModal .dialog-header{
gap:10px;
padding:18px !important;
}
.flora-account #unpaidModal .flora-unpaid-icon{
width:38px;
height:40px;
border-radius:10px;
font-size:21px;
}
.flora-account #unpaidModal .dialog-title{
font-size:18px !important;
}
.flora-account #unpaidModal .dialog-body{
padding:18px !important;
}
.flora-account #unpaidModal .flora-unpaid-balance{
padding:16px 18px;
}
.flora-account #unpaidModal .flora-unpaid-amount{
font-size:30px;
}
.flora-account #unpaidModal .flora-unpaid-request{
margin-top:17px;
font-size:15px;
}
.flora-account #unpaidModal .flora-unpaid-note{
font-size:14px;
}
.flora-account #unpaidModal .dialog-footer{
padding:0 18px 18px !important;
}
}
@media (prefers-reduced-motion: reduce){
.flora-account #unpaidModal .flora-unpaid-dismiss{
transition:none;
}
}
body.flora-account.flora-polish-v29{
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.flora-account.flora-polish-v29 #glavekr{
padding:15px 32px !important;
border-bottom:1px solid rgba(255,255,255,.09);
}
.flora-account.flora-polish-v29 #glavekr > .container{
max-width:1240px !important;
gap:16px;
}
.flora-account.flora-polish-v29 #glavekr .width-size-logo1{
width:136px;
height:42px;
}
.flora-account.flora-polish-v29 #glavekr .flora-header-action{
min-height:42px;
padding:9px 14px !important;
border-radius:9px;
font-size:13px;
}
.flora-account.flora-polish-v29 #glavekr .odjava-button:hover{
background:#a72f2b !important;
}
.flora-account.flora-polish-v29 .flora-account-hero{
padding:40px 32px 62px !important;
background:#08777d !important;
}
.flora-account.flora-polish-v29 .flora-account-hero > .container{
max-width:1240px !important;
gap:40px;
}
.flora-account.flora-polish-v29 .flora-welcome-label{
margin-bottom:14px;
font-size:12px;
font-weight:500;
letter-spacing:1.5px;
}
.flora-account.flora-polish-v29 .flora-account-identity{
margin:0;
}
.flora-account.flora-polish-v29 .flora-account-identity .flora-identity-name{
margin:0 0 17px;
font-size:33px;
line-height:1.2;
}
.flora-account.flora-polish-v29 #anketaOpenButton{
min-height:39px;
padding:8px 13px;
border-radius:8px;
background:#f1f7f5;
font-size:13px;
font-weight:500 !important;
}
.flora-account.flora-polish-v29 .flora-account-shortcuts{
width:calc(100% - 64px);
max-width:1240px;
gap:14px;
margin:-25px auto 25px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut{
gap:13px;
min-height:89px;
padding:18px;
border:1px solid #ccddde;
border-radius:13px;
}
.flora-account.flora-polish-v29 .flora-shortcut-icon{
width:42px;
height:42px;
border-radius:11px;
font-size:23px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:17px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut small{
margin-top:3px;
font-size:12px;
}
.flora-account.flora-polish-v29 .flora-dashboard-content{
width:calc(100% - 64px);
max-width:1240px;
gap:24px;
margin-bottom:32px;
}
.flora-account.flora-polish-v29 .flora-account-section{
scroll-margin-top:22px;
}
.flora-account.flora-polish-v29 .flora-account-section > .container{
padding:28px;
border-radius:16px;
}
.flora-account.flora-polish-v29 .flora-section-heading{
gap:12px;
margin-bottom:19px;
padding-bottom:18px;
}
.flora-account.flora-polish-v29 .flora-section-icon{
width:40px;
height:40px;
border-radius:11px;
font-size:22px;
}
.flora-account.flora-polish-v29 .flora-section-heading h3{
font-size:24px;
}
.flora-account.flora-polish-v29 .flora-account-section h5{
margin-bottom:19px !important;
font-size:15px !important;
}
.flora-account.flora-polish-v29 .flora-account-section .table-responsive{
border-radius:11px;
}
.flora-account.flora-polish-v29 .flora-account-section .table > :not(caption) > * > *{
padding:14px 18px;
}
.flora-account.flora-polish-v29 .flora-account-section .table th{
font-size:13px !important;
}
.flora-account.flora-polish-v29 .flora-account-section .table td{
font-size:15px !important;
}
.flora-account.flora-polish-v29 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-preview{
font-size:14px;
}
.flora-account.flora-polish-v29 #kartica .flora-ledger-content{
max-width:none;
}
.flora-account.flora-polish-v29 #kartica .flora-ledger-caption{
margin-bottom:18px;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:15px;
}
.flora-account.flora-polish-v29 #kartica .flora-ledger-table th{
font-size:13px !important;
}
.flora-account.flora-polish-v29 #odvozi .flora-collection-month{
border-radius:11px;
}
.flora-account.flora-polish-v29 #odvozi .flora-collection-summary{
gap:10px;
min-height:63px;
padding:13px 14px;
}
.flora-account.flora-polish-v29 #odvozi .flora-collection-title{
font-size:16px;
}
.flora-account.flora-polish-v29 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
width:32px;
height:32px;
border-radius:8px;
font-size:17px;
}
.flora-account.flora-polish-v29 #odvozi .flora-collection-count{
border-radius:20px;
font-size:12px;
}
.flora-account.flora-polish-v29 #e-racun .korisnickiracunpanel{
padding:0 !important;
border:0;
background:transparent;
box-shadow:none !important;
}
.flora-account.flora-polish-v29 .flora-eracun-form .form-control-input-podatci{
height:52px !important;
border-color:#ccddde !important;
background:#f7faf8 !important;
font-size:16px !important;
}
.flora-account.flora-polish-v29 .flora-eracun-consent-copy{
font-size:14px !important;
}
.flora-account.flora-polish-v29 .flora-eracun-form .alert{
border-radius:11px;
font-size:15px !important;
}
.flora-account.flora-polish-v29 #info{
font-size:15px;
}
.flora-account.flora-polish-v29 .flora-info-intro h4,.flora-account.flora-polish-v29 .flora-info-tips h4,.flora-account.flora-polish-v29 .flora-info-documents h4{
margin:0 0 12px;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:16px;
font-weight:500;
line-height:1.5;
text-transform:none;
}
.flora-account.flora-polish-v29 .flora-info-intro p{
margin:0 0 15px;
}
.flora-account.flora-polish-v29 .flora-info-intro p:last-child{
margin-bottom:0;
}
.flora-account.flora-polish-v29 .flora-price-date{
margin:24px 0 13px;
padding-top:19px;
border-top:1px solid #e8f3f1;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:13px;
}
.flora-account.flora-polish-v29 #info .flora-price-title{
font-size:16px;
}
.flora-account.flora-polish-v29 #info .flora-price-explanation{
font-size:13px;
}
.flora-account.flora-polish-v29 #info .flora-price-card{
border-radius:11px;
}
.flora-account.flora-polish-v29 #info .flora-price-volume{
font-size:22px;
}
.flora-account.flora-polish-v29 #info .flora-price-total > strong{
font-size:24px;
font-weight:600;
}
.flora-account.flora-polish-v29 .flora-info-tips{
margin-top:24px;
padding-top:21px;
border-top:1px solid #e8f3f1;
}
.flora-account.flora-polish-v29 .flora-info-tips ul{
margin:0;
padding-left:19px;
}
.flora-account.flora-polish-v29 .flora-info-tips li{
padding-left:3px;
margin-bottom:9px;
}
.flora-account.flora-polish-v29 .flora-info-tips li::marker{
color:light-dark(#536c78, var(--bs-fg-body));
}
.flora-account.flora-polish-v29 .flora-info-documents{
margin-top:24px;
padding-top:21px;
border-top:1px solid #e8f3f1;
}
.flora-account.flora-polish-v29 .flora-info-document-list{
display:grid;
gap:9px;
}
.flora-account.flora-polish-v29 #info .flora-info-document-list .pregled-odvoza-poveznica{
width:100%;
font-size:14px !important;
line-height:1.6;
}
.flora-account.flora-polish-v29 #info .flora-info-document-list .pregled-odvoza-poveznica > i{
color:light-dark(#536c78, var(--bs-fg-body));
font-size:17px;
}
.flora-account.flora-polish-v29 .flora-contact-box{
padding:24px;
border:1px solid #e8f3f1;
border-radius:12px;
}
.flora-account.flora-polish-v29 .flora-contact-box h4{
font-size:18px;
}
.flora-account.flora-polish-v29 .flora-account-privacy{
font-size:13px;
}
.flora-account.flora-polish-v29 .dialog{
border-radius:17px !important;
}
@media (max-width: 1199.98px){
.flora-account.flora-polish-v29 .flora-account-shortcut{
gap:11px;
padding:15px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:16px;
}
.flora-account.flora-polish-v29 .flora-dashboard-content{
gap:22px;
}
}
@media (max-width: 991.98px){
.flora-account.flora-polish-v29 .flora-account-hero > .container{
gap:26px;
}
.flora-account.flora-polish-v29 .flora-account-identity .flora-identity-name{
font-size:29px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut{
gap:10px;
padding:15px 13px;
}
.flora-account.flora-polish-v29 .flora-shortcut-icon{
width:36px;
height:38px;
font-size:21px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:11px;
}
}
@media (max-width: 767.98px){
.flora-account.flora-polish-v29 #glavekr{
padding:13px 18px !important;
}
.flora-account.flora-polish-v29 #glavekr > .container{
gap:12px;
flex-wrap:nowrap;
}
.flora-account.flora-polish-v29 #glavekr .width-size-logo1{
width:102px;
height:34px;
}
.flora-account.flora-polish-v29 #glavekr .flora-header-action{
min-height:40px;
padding:8px 10px !important;
font-size:12px;
}
.flora-account.flora-polish-v29 .flora-account-hero{
padding:28px 20px 46px !important;
}
.flora-account.flora-polish-v29 .flora-account-hero > .container{
gap:21px;
}
.flora-account.flora-polish-v29 .flora-welcome-label{
margin-bottom:12px;
font-size:11px;
}
.flora-account.flora-polish-v29 .flora-account-identity .flora-identity-name{
font-size:26px;
}
.flora-account.flora-polish-v29 .flora-account-shortcuts{
width:calc(100% - 32px);
gap:10px;
margin-top:-23px;
margin-bottom:20px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut{
min-height:85px;
padding:15px 12px;
gap:10px;
border-top-width:1px;
border-radius:12px;
}
.flora-account.flora-polish-v29 .flora-shortcut-icon{
width:35px;
height:37px;
border-radius:10px;
font-size:21px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:16px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:11px;
}
.flora-account.flora-polish-v29 .flora-dashboard-content{
width:calc(100% - 32px);
gap:19px;
}
.flora-account.flora-polish-v29 .flora-account-section > .container{
padding:21px 17px;
border-radius:14px;
}
.flora-account.flora-polish-v29 .flora-section-heading{
gap:11px;
margin-bottom:17px;
padding-bottom:16px;
}
.flora-account.flora-polish-v29 .flora-section-heading h3{
font-size:22px;
}
.flora-account.flora-polish-v29 .flora-section-icon{
width:38px;
height:38px;
border-radius:10px;
font-size:21px;
}
.flora-account.flora-polish-v29 .flora-account-section h5{
font-size:14px !important;
}
.flora-account.flora-polish-v29 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row{
border-color:#ccddde;
border-radius:12px;
box-shadow:0 3px 10px rgba(47,75,89,.025);
}
.flora-account.flora-polish-v29 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td.flora-invoice-download{
background:#e8f3f1 !important;
}
.flora-account.flora-polish-v29 #odvozi .flora-collection-summary{
grid-template-columns:30px minmax(0, 1fr) auto 13px;
gap:9px;
padding:12px;
min-height:61px;
}
.flora-account.flora-polish-v29 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
width:30px;
height:31px;
font-size:16px;
}
.flora-account.flora-polish-v29 #odvozi .flora-collection-title{
font-size:15px;
}
.flora-account.flora-polish-v29 .flora-contact-box{
padding:20px;
}
}
@media (max-width: 479.98px){
.flora-account.flora-polish-v29 #glavekr .width-size-logo1{
width:87px;
height:30px;
}
.flora-account.flora-polish-v29 #glavekr .flora-header-action{
gap:5px;
padding:8px !important;
font-size:11px;
}
.flora-account.flora-polish-v29 #glavekr > .container{
gap:10px;
}
}
@media (max-width: 359.98px){
.flora-account.flora-polish-v29 #glavekr{
padding:12px 13px !important;
}
.flora-account.flora-polish-v29 #glavekr .width-size-logo1{
width:73px;
height:28px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut{
padding:12px 10px;
gap:8px;
}
.flora-account.flora-polish-v29 .flora-shortcut-icon{
width:31px;
height:34px;
font-size:19px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:15px;
}
.flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:10px;
}
.flora-account.flora-polish-v29 .flora-account-section > .container{
padding:20px 14px;
}
}
@media (prefers-reduced-motion: reduce){
.flora-polish-v29 *,.flora-polish-v29 *::before,.flora-polish-v29 *::after{
scroll-behavior:auto !important;
}
}
.flora-account .copyright{
min-height:0;
margin-bottom:0;
padding:18px 24px !important;
}
.flora-account #kartica.flora-ledger-v36 [data-flora-ledger-source]{
display:none !important;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-content,.flora-account #kartica.flora-ledger-v36 .flora-ledger-panel{
width:100%;
max-width:none;
min-width:0;
margin:0;
}
/* Financijska kartica */
.flora-account #kartica.flora-ledger-v36 .flora-statement-summary{
margin:0 0 25px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-overview{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:11px;
margin:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric{
min-width:0;
padding:17px 15px;
border:1px solid #d9e5e5;
border-radius:10px;
text-align:center;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-label{
margin:0 0 6px;
font-size:13px;
line-height:1.5;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
margin:0;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:25px;
line-height:1.3;
overflow-wrap:anywhere;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-note{
margin:5px 0 0;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:12px;
line-height:1.5;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-wrap{
min-width:0;
border:1px solid #d9e5e5;
border-radius:11px;
overflow:hidden;
background:#fff;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-table{
display:table;
table-layout:fixed;
width:100% !important;
min-width:0 !important;
max-width:100%;
margin:0;
border:0;
border-collapse:separate;
border-spacing:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:light-dark(#304d5b, var(--bs-fg-body));
font-family:inherit;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-sr{
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-col-period{
width:22%;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-col-due{
width:13%;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-col-charge{
width:14%;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-col-payments{
width:35%;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-col-state{
width:16%;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-column{
padding:13px 14px;
border:0;
font-size:var(--flora-statement-column-font, 12px);
line-height:1.5;
text-align:left;
text-transform:none;
white-space:normal;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-column:nth-child(2),.flora-account #kartica.flora-ledger-v36 .flora-statement-column:nth-child(3),.flora-account #kartica.flora-ledger-v36 .flora-statement-column:nth-child(4),.flora-account #kartica.flora-ledger-v36 .flora-statement-column:nth-child(5){
text-align:center;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year-row > th{
padding:9px 14px;
border:0;
border-top:1px solid #d9e5e5;
border-bottom:1px solid #d9e5e5;
background:#edf5f3;
font-size:var(--flora-statement-year-font, 13px);
line-height:1.5;
text-align:left;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year-title{
display:inline-block;
margin-right:12px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year-count{
display:inline-block;
font-size:var(--flora-statement-count-font, 11px);
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-cell{
min-width:0;
padding:15px 14px;
border:0;
border-bottom:1px solid #e5eceb;
background:transparent;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:14px;
font-weight:400;
line-height:1.55;
text-align:left;
vertical-align:middle;
white-space:normal;
overflow-wrap:anywhere;
box-shadow:none;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-row:nth-child(odd) > .flora-statement-cell{
background:#fdfefd;
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine){
html:not(.flora-ledger-reflow) body#page-top.flora-account #kartica.flora-ledger-v36 .flora-statement-row:hover > .flora-statement-cell{
background:var(--flora-ui-warm, #fff8eb);
}
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year > .flora-statement-row:last-child > .flora-statement-cell{
border-bottom:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-cell-label{
display:none;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-period{
display:block;
font-size:15px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-number{
display:block;
margin-top:4px;
font-size:12px;
overflow-wrap:anywhere;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-meta{
display:block;
margin-top:4px;
font-size:11px;
overflow-wrap:anywhere;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-cell,.flora-account #kartica.flora-ledger-v36 .flora-statement-charge-cell,.flora-account #kartica.flora-ledger-v36 .flora-statement-state-cell{
text-align:center;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-date{
display:block;
font-size:13px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-date + .flora-statement-due-date{
margin-top:5px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-charge-list{
min-width:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-charge + .flora-statement-charge{
margin-top:8px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-amount{
display:block;
min-width:0;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:16px;
line-height:1.5;
text-align:center;
overflow-wrap:anywhere;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement{
display:grid;
align-items:baseline;
gap:5px 8px;
min-width:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement + .flora-statement-settlement{
margin-top:6px;
padding-top:6px;
border-top:1px dashed #e0e9e7;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement-text{
min-width:0;
font-size:13px;
overflow-wrap:anywhere;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:15px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-muted{
display:block;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:12px;
line-height:1.6;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-state-unknown{
display:block;
font-size:12px;
line-height:1.6;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-note{
margin:5px 0 0;
font-size:12px;
line-height:1.6;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-note:first-child{
margin-top:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-remaining{
display:block;
margin:0 0 3px;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:16px;
line-height:1.5;
overflow-wrap:anywhere;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-status{
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
padding:4px 7px;
border-radius:6px;
font-size:11px;
line-height:1.5;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-empty{
padding:25px 15px;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:14px;
text-align:center;
}
@media (min-width: 768px) and (max-width: 991.98px){
.flora-account #kartica.flora-ledger-v36 .flora-statement-column{
padding:11px 8px;
font-size:11px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-cell{
padding:13px 8px;
font-size:13px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-period{
font-size:14px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-amount,.flora-account #kartica.flora-ledger-v36 .flora-statement-remaining{
font-size:15px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement{
gap:4px 6px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement-text{
font-size:11px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:14px;
}
}
@media (max-width: 767.98px){
.flora-account #kartica.flora-ledger-v36 .flora-statement-summary{
margin-bottom:21px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-overview{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric{
padding:13px 11px;
border-radius:9px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-label{
font-size:12px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
font-size:23px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-note{
font-size:11px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance{
grid-column:1 / -1;
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
align-items:center;
gap:3px 8px;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance .flora-ledger-metric-label{
grid-column:1;
grid-row:1;
margin:0;
text-align:left;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance .flora-ledger-metric-note{
grid-column:1;
grid-row:2;
margin:0;
text-align:left;
}
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance .flora-ledger-metric-amount{
grid-column:2;
grid-row:1 / 3;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-wrap{
overflow:visible;
border:0;
border-radius:0;
background:transparent;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-table{
display:block;
border:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-table > colgroup{
display:none;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-table > thead{
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year{
display:block;
width:100%;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-empty-body,.flora-account #kartica.flora-ledger-v36 .flora-statement-empty-body > tr{
display:block;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-empty{
display:block;
padding:20px 13px;
border:1px solid #d9e5e5;
border-radius:10px;
background:#fff;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year-row{
display:block;
margin:18px 0 9px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year:first-of-type > .flora-statement-year-row{
margin-top:0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year-row > th{
display:block;
padding:6px 0;
border:0;
background:transparent;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-year-count{
float:right;
padding-top:2px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-row{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(85px, 100px);
grid-template-areas:"period state" "due state" "charge charge" "payments payments";
gap:3px 10px;
margin:0 0 10px;
padding:13px;
border:1px solid #d9e5e5;
border-radius:10px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-cell{
display:block;
min-width:0;
padding:0;
border:0;
background:transparent;
text-align:left;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-row:nth-child(odd) > .flora-statement-cell{
background:transparent;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-cell-label{
display:block;
margin:0;
font-size:12px;
line-height:1.6;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-period-cell{
grid-area:period;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-period{
font-size:16px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-number{
margin-top:2px;
font-size:12px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-cell{
grid-area:due;
padding-top:1px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-cell .flora-statement-cell-label{
display:inline;
margin-right:5px;
font-size:11px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-date{
display:inline;
font-size:12px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-due-date + .flora-statement-due-date{
display:block;
margin-top:2px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-charge-cell{
grid-area:charge;
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(85px, 100px);
align-items:baseline;
gap:5px 10px;
margin-top:8px;
padding-top:9px;
border-top:1px solid #e5eceb;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-charge-list{
text-align:center;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-charge .flora-statement-amount{
font-size:16px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-payments-cell{
grid-area:payments;
margin-top:4px;
padding-top:7px;
border-top:1px solid #edf2f0;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
margin-bottom:5px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement{
gap:4px 10px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement-text{
font-size:12px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:16px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement + .flora-statement-settlement{
margin-top:5px;
padding-top:5px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-state-cell{
grid-area:state;
align-self:start;
text-align:center;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-remaining{
font-size:16px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-status{
padding:4px 6px;
font-size:11px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-state-unknown{
font-size:11px;
}
}
@media (max-width: 359.98px){
.flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
font-size:21px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-row{
padding:11px;
column-gap:8px;
grid-template-columns:minmax(0, 1fr) minmax(76px, 85px);
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-period{
font-size:15px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-charge-cell{
grid-template-columns:minmax(0, 1fr) minmax(76px, 85px);
column-gap:8px;
}
.flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:15px;
}
}
body.flora-account.flora-theme-v34{
--flora-green:#08777d;
--flora-accent:#178a90;
--flora-dark:#2f4b59;
--flora-teal:#2faaac;
--flora-amber:#f0ad46;
--flora-orange:#f78c40;
--flora-cream:#fff7e6;
caret-color:var(--bs-primary-fg);
}
body.flora-theme-v34 ::selection{
background:#f8dca0;
color:#304d5b;
}
body.flora-theme-v34 :is(button, a, input, select, textarea):focus-visible{
outline-color:#08777d;
}
body.flora-account.flora-theme-v34 #glavekr .flora-install-action:hover{
background:#ffedc9 !important;
}
body.flora-account.flora-theme-v34 .flora-account-hero,body.flora-account.flora-theme-v34 .flora-welcome-label,body.flora-account.flora-theme-v34 .flora-account-hero h6{
color:light-dark(#304d5b, var(--bs-fg-body));
}
body.flora-account.flora-theme-v34 .flora-account-section .table tbody tr:hover > td:not(.table-thead-background){
background:#eff8f5;
}
body.flora-account.flora-theme-v34 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-preview:hover{
background:#e1f1ec;
border-color:#8fbfba;
}
body.flora-account.flora-theme-v34 #info .flora-price-total > strong{
color:light-dark(#304d5b, var(--bs-warning-fg));
}
body.flora-account.flora-theme-v34 #unpaidModal .flora-unpaid-dismiss:hover{
background:#075c64;
border-color:#075c64;
}
body.flora-account.flora-theme-v34 .copyright small,body.flora-account.flora-theme-v34 .copyright a{
color:light-dark(#fff7e6, var(--bs-primary-fg));
}
@media (hover: hover) and (pointer: fine){
body.flora-account.flora-theme-v34 .copyright a:hover{
color:light-dark(#f0ad46, var(--bs-primary-fg));
}
}
body.flora-theme-v34 .flora-app-icon{
display:block;
flex:0 0 auto;
width:64px;
height:64px;
object-fit:contain;
border:1px solid rgba(48,77,91,.13);
border-radius:16px;
background:#fff7e6;
box-shadow:0 4px 12px rgba(47,75,89,.11);
}
body.flora-account.flora-theme-v34 .flora-welcome-label.flora-app-label{
display:flex;
align-items:center;
gap:9px;
font-size:14px;
line-height:1.4;
text-transform:none;
}
body.flora-account.flora-theme-v34 .flora-app-label > span{
min-width:0;
}
body.flora-account.flora-theme-v34 .flora-app-icon--small{
width:32px;
height:32px;
border-radius:8px;
box-shadow:0 2px 6px rgba(47,75,89,.09);
}
@media (max-width: 767.98px){
body.flora-account.flora-theme-v34 .flora-welcome-label.flora-app-label{
gap:8px;
font-size:13px;
}
body.flora-account.flora-theme-v34 .flora-app-icon--small{
width:28px;
height:28px;
border-radius:7px;
}
}
@media (hover: hover) and (pointer: fine){
.flora-account #kartica.flora-ledger-v36 .flora-statement-row,.flora-account #kartica.flora-ledger-v36 .flora-statement-row > .flora-statement-cell{
transition:background-color .16s ease;
}
}
@media (prefers-reduced-motion: reduce){
.flora-account #kartica.flora-ledger-v36 .flora-statement-row,.flora-account #kartica.flora-ledger-v36 .flora-statement-row > .flora-statement-cell{
transition:none;
}
}
html.flora-modal-handoff,html.flora-modal-handoff body{
overflow:hidden;
}
.flora-account #floraCollectionModal{
--flora-modal-max-width:640px;
}
.flora-account :is(#floraPaidModal, #floraCollectionModal){
--flora-modal-header-padding:18px 22px;
--flora-modal-body-padding:0;
}
.flora-account :is(#floraPaidModal, #floraCollectionModal){
width:calc(100% - 32px);
max-width:var(--flora-modal-max-width, 900px);
}
.flora-account :is(#floraPaidModal, #floraCollectionModal){
max-height:calc(100vh - 32px);
max-height:calc(100dvh - 32px);
}
.flora-account :is(.flora-paid-modal-heading, .flora-collection-modal-heading){
display:flex;
align-items:center;
flex:1 1 auto;
gap:12px;
min-width:0;
}
.flora-account :is(.flora-paid-modal-heading, .flora-collection-modal-heading) > div{
min-width:0;
}
.flora-account :is(.flora-paid-modal-count, .flora-collection-modal-count){
display:block;
margin-top:2px;
font-size:calc(13px * var(--flora-text-scale, 1));
color:var(--flora-copy-secondary, #536c78);
}
.flora-account :is(.flora-paid-modal-count, .flora-collection-modal-count)[hidden]{
display:none;
}
.flora-account :is(#floraPaidModal, #floraCollectionModal) .dialog-body{
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior-y:contain;
-webkit-overflow-scrolling:touch;
}
@media (max-width: 575.98px){
.flora-account :is(#floraPaidModal, #floraCollectionModal){
--flora-modal-header-padding:14px;
--flora-modal-body-padding:0;
}
.flora-account :is(#floraPaidModal, #floraCollectionModal){
width:calc(100% - 20px);
}
.flora-account :is(#floraPaidModal, #floraCollectionModal){
max-height:calc(100vh - 20px);
max-height:calc(100dvh - 20px);
}
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-archive{
margin:26px 0 0;
border:1px solid #d9e5e5;
border-radius:12px;
}
@media (min-width: 992px){
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-archive{
width:fit-content;
min-width:280px;
max-width:100%;
margin-left:auto;
}
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-heading{
margin:0 !important;
padding:0;
text-align:left;
text-transform:none;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-archive button.flora-paid-toggle{
display:flex;
align-items:center;
justify-content:flex-start;
gap:13px;
width:100%;
min-height:74px;
margin:0;
padding:16px 18px;
border:0;
border-radius:11px;
color:light-dark(#304d5b, var(--bs-fg-body));
font-family:inherit;
font-size:calc(15px * var(--flora-text-scale, 1));
font-weight:400;
line-height:1.6;
text-align:left;
text-transform:none;
text-decoration:none;
box-shadow:none;
cursor:pointer;
transition:background-color .2s ease;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-icon{
position:relative;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 44px;
width:44px;
height:44px;
border:1px solid #d0e4dc;
border-radius:12px;
font-size:23px;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-check{
position:absolute;
right:2px;
bottom:2px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
width:17px;
height:17px;
border:2px solid light-dark(#e5f2ec, var(--bs-primary-bg-subtle));
border-radius:50%;
background-color:light-dark(#16705c, var(--bs-primary-fg));
pointer-events:none;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-check > .bi{
color:var(--bs-primary-contrast);
font-size:10px;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:5px;
flex:1 1 auto;
min-width:0;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-title{
display:block;
font-size:16px;
line-height:1.45;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-open-icon{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 28px;
width:28px;
height:30px;
font-size:20px;
opacity:.72;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-open-icon > .bi{
color:var(--bs-primary-fg, var(--flora-ui-primary, #08777d));
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid{
width:100%;
min-width:0;
max-width:100%;
margin:0 !important;
padding:0;
border:0 !important;
border-radius:0;
overflow:visible !important;
background:transparent;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid table.flora-paid-table{
display:block;
width:100% !important;
min-width:0 !important;
max-width:none !important;
margin:0;
padding:0;
border:0;
background:transparent;
box-shadow:none !important;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table > thead{
display:table-header-group;
position:absolute !important;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
border:0;
white-space:nowrap;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table > tbody{
display:block;
width:100%;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:16px;
min-width:0;
margin:0;
padding:13px 22px;
border:0;
border-bottom:1px solid #e5ece9;
border-radius:0;
box-shadow:none;
transition:background-color .16s ease;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row:last-child{
border-bottom:0;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td{
display:block;
min-width:0;
margin:0;
padding:0 !important;
border:0 !important;
background:transparent !important;
color:light-dark(#304d5b, var(--bs-fg-body));
font-size:15px !important;
font-weight:400;
line-height:1.5;
text-align:left !important;
white-space:normal !important;
overflow-wrap:anywhere;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td::before{
display:none;
content:none;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td:first-child{
grid-column:2;
grid-row:1;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td:nth-child(2){
display:flex;
align-items:center;
gap:11px;
grid-column:1;
grid-row:1;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-period-copy{
display:block;
min-width:0;
font-size:15px;
line-height:1.5;
overflow-wrap:anywhere;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-invoice-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-invoice-actions a.flora-invoice-preview{
font-size:14px !important;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr:not(.flora-invoice-row){
display:block;
margin:0;
padding:22px 19px;
border:0;
background:#fff;
border-radius:0 0 11px 11px;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr:not(.flora-invoice-row) > td{
display:block;
width:100%;
margin:0;
padding:0 !important;
border:0 !important;
border-radius:0;
background:transparent !important;
color:light-dark(#536c78, var(--bs-fg-body));
font-size:14px !important;
font-weight:400;
text-align:center !important;
white-space:normal !important;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid + .flora-table-hint{
display:none !important;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-toggle:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
@media (max-width: 767.98px){
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-archive{
margin-top:21px;
border-radius:11px;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-archive button.flora-paid-toggle{
gap:9px;
min-height:74px;
padding:14px 12px;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-icon{
flex-basis:38px;
width:38px;
height:38px;
font-size:20px;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-title{
font-size:16px;
}
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-open-icon{
flex-basis:24px;
width:24px;
font-size:18px;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row{
grid-template-columns:minmax(0, 1fr);
gap:12px;
padding:13px 14px;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td:first-child{
grid-column:1;
grid-row:2;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td:nth-child(2){
grid-column:1;
grid-row:1;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-invoice-actions{
justify-content:stretch;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-invoice-actions a.flora-invoice-preview{
min-width:0;
white-space:normal;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr:not(.flora-invoice-row){
padding:15px 10px;
border-radius:8px;
}
}
@media (prefers-reduced-motion: reduce){
.flora-account :is(#racuni, #floraPaidModal) .flora-paid-archive button.flora-paid-toggle,.flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row{
transition:none;
}
}
.flora-account :is(#racuni, #floraPaidModal) > .container > .flora-section-heading{
border-bottom:0 !important;
}
.flora-account :is(#racuni, #floraPaidModal) #table-container1{
border-top:0 !important;
box-shadow:none !important;
}
@media (min-width: 768px){
.flora-account #racuni #table-container1 > .table{
--bs-table-bg:var(--bs-bg-1);
}
}
.flora-account :is(#racuni, #floraPaidModal) #table-container1 > table,.flora-account :is(#racuni, #floraPaidModal) #table-container1 > table > thead,.flora-account :is(#racuni, #floraPaidModal) #table-container1 > table > thead > tr,.flora-account :is(#racuni, #floraPaidModal) #table-container1 > table > thead > tr > th{
border-top:0 !important;
outline:none !important;
box-shadow:none !important;
}
body.flora-readable-v51.flora-theme-v34{
--flora-ui-font:"Source Sans 3", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
--flora-ink:#243f4c;
--flora-muted:#465e6b;
--flora-copy-strong:#243f4c;
--flora-copy-secondary:#465e6b;
--flora-copy-link:#066b72;
color:var(--flora-copy-strong);
font-family:var(--flora-ui-font);
-webkit-font-smoothing:auto;
-moz-osx-font-smoothing:auto;
text-rendering:optimizeLegibility;
}
body.flora-readable-v51 :where(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, legend, summary, span, strong, b, small, em, li, dt, dd, td, th, font, div, section, nav, footer, header, dialog, time, output){
font-family:var(--flora-ui-font) !important;
}
body.flora-readable-v51 :where(a){
text-underline-offset:.18em;
}
body.flora-readable-v51 :where(input, select, textarea){
font-variant-numeric:lining-nums tabular-nums;
}
body.flora-readable-v51 :where(.font-color-gray, .fg-2, .fg-3){
color:var(--flora-copy-secondary) !important;
}
body.flora-account.flora-readable-v51 #glavekr .flora-header-action{
font-weight:600;
}
body.flora-account.flora-readable-v51 .flora-welcome-label.flora-app-label{
color:var(--flora-copy-strong);
font-weight:600;
letter-spacing:.01em;
}
body.flora-account.flora-readable-v51 .flora-account-identity .flora-identity-name{
color:var(--flora-copy-strong);
font-weight:600;
letter-spacing:-.015em;
}
body.flora-account.flora-readable-v51 .flora-account-shortcut strong{
color:var(--flora-copy-strong);
font-weight:600;
line-height:1.4;
}
body.flora-account.flora-readable-v51 .flora-account-shortcut small{
color:var(--flora-copy-secondary);
line-height:1.55;
}
body.flora-account.flora-readable-v51 .flora-section-heading h3{
color:var(--flora-copy-strong);
font-weight:600;
letter-spacing:-.01em;
}
body.flora-account.flora-readable-v51 .flora-account-section h5{
color:var(--flora-copy-secondary) !important;
font-weight:400;
line-height:1.65;
}
body.flora-account.flora-readable-v51 .flora-account-section .table th{
font-weight:600;
line-height:1.55;
}
body.flora-account.flora-readable-v51 .flora-account-section .table td{
line-height:1.6;
}
body.flora-account.flora-readable-v51 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-preview{
font-weight:600;
}
body.flora-account.flora-readable-v51 :is(#racuni, #floraPaidModal) .flora-paid-title,body.flora-account.flora-readable-v51 :is(#racuni, #floraPaidModal) .flora-paid-period-copy{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 :where(.flora-statement-table, .flora-ledger-metric-amount, .flora-statement-amount, .flora-statement-remaining, .flora-statement-due-date){
font-variant-numeric:lining-nums tabular-nums;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-ledger-metric-label{
color:var(--flora-copy-secondary);
font-weight:600;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
font-weight:600;
letter-spacing:-.01em;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-column{
font-weight:600;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-year-row > th{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-year-count{
color:var(--flora-copy-secondary);
font-weight:500;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-period{
color:var(--flora-copy-strong);
font-weight:600;
line-height:1.5;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-number,body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-meta{
color:var(--flora-copy-secondary);
font-weight:500;
line-height:1.6;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-due-date{
color:light-dark(#324f5d, var(--bs-fg-body));
font-weight:500;
line-height:1.55;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-cell-label{
color:var(--flora-copy-secondary);
font-weight:500;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
color:light-dark(#324f5d, var(--bs-fg-body));
font-weight:600;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-settlement-text{
color:var(--flora-copy-secondary);
font-weight:500;
line-height:1.6;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-amount,body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-remaining{
font-weight:600;
letter-spacing:0;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-status{
font-weight:600;
}
body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-state-unknown,body.flora-account.flora-readable-v51 #kartica.flora-ledger-v36 .flora-statement-note{
color:var(--flora-copy-secondary);
}
body.flora-account.flora-readable-v51 #odvozi .flora-collection-title{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #odvozi .flora-collection-count{
font-weight:500;
}
body.flora-account.flora-readable-v51 :is(#odvozi, #floraCollectionModal) .flora-collection-table{
color:light-dark(#324f5d, var(--bs-fg-body));
}
body.flora-account.flora-readable-v51 :is(#odvozi, #floraCollectionModal) .flora-collection-table th{
font-weight:600;
}
body.flora-account.flora-readable-v51 #e-racun .flora-eracun-form input[type="email"]{
font-weight:500 !important;
}
body.flora-account.flora-readable-v51 .flora-eracun-consent-copy{
color:light-dark(#324f5d, var(--bs-fg-body));
line-height:1.7;
}
body.flora-account.flora-readable-v51 .flora-eracun-form :where(font, label){
color:light-dark(#324f5d, var(--bs-fg-body));
}
body.flora-account.flora-readable-v51 .flora-eracun-form :where(input[type="submit"], button){
font-weight:600;
}
body.flora-account.flora-readable-v51 #info{
color:light-dark(#324f5d, var(--bs-fg-body));
line-height:1.75;
}
body.flora-account.flora-readable-v51 :where(.flora-info-intro, .flora-info-tips, .flora-info-documents) h4,body.flora-account.flora-readable-v51 #info .flora-price-title,body.flora-account.flora-readable-v51 #info .flora-price-volume{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #info :where(.flora-price-explanation, .flora-price-household, .flora-price-date, .flora-price-total > span, .flora-price-volume span, .flora-price-breakdown dt){
color:var(--flora-copy-secondary);
}
body.flora-account.flora-readable-v51 #info .flora-price-breakdown dt{
font-weight:500;
line-height:1.5;
}
body.flora-account.flora-readable-v51 #info .flora-price-breakdown dd{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #info .flora-info-document-list .pregled-odvoza-poveznica{
font-weight:500 !important;
}
body.flora-account.flora-readable-v51 .flora-contact-box{
color:light-dark(#324f5d, var(--bs-fg-body));
line-height:1.8;
}
body.flora-account.flora-readable-v51 .flora-contact-box :where(h4, b, strong){
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 .flora-contact-box a{
color:var(--flora-copy-link);
font-weight:600;
}
.flora-account .flora-contact-oib{
color:light-dark(#000, var(--bs-fg-body));
}
body.flora-account.flora-readable-v51 .flora-account-privacy{
color:var(--flora-copy-secondary);
line-height:1.75;
}
body.flora-account.flora-readable-v51 .dialog-header .dialog-title{
color:var(--flora-copy-strong) !important;
font-weight:600 !important;
letter-spacing:-.01em;
}
body.flora-account.flora-readable-v51 .dialog-body{
color:light-dark(#324f5d, var(--bs-fg-body));
}
body.flora-account.flora-readable-v51 #unpaidModal .flora-unpaid-date,body.flora-account.flora-readable-v51 #unpaidModal .flora-unpaid-note{
color:var(--flora-copy-secondary);
}
body.flora-account.flora-readable-v51 #unpaidModal .flora-unpaid-date strong{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #unpaidModal .flora-unpaid-caption{
color:light-dark(#714c42, var(--bs-fg-body));
font-weight:600;
}
body.flora-account.flora-readable-v51 #unpaidModal .flora-unpaid-request{
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-account.flora-readable-v51 #unpaidModal .flora-unpaid-dismiss{
font-weight:600;
}
body.flora-account.flora-readable-v51 .flora-install-dialog-body{
color:light-dark(#324f5d, var(--bs-fg-body));
}
body.flora-account.flora-readable-v51 #anketaModal :where(.anketa-pitanje-naslov, .anketa-sekcija-naslov){
color:var(--flora-copy-strong);
}
body.flora-account.flora-readable-v51 .flora-bill-heading p,body.flora-account.flora-readable-v51 .flora-bill-fallback{
color:var(--flora-copy-secondary);
}
body.flora-account.flora-readable-v51 .flora-bill-toolbar #floraBillPageLabel{
color:light-dark(#324f5d, var(--bs-fg-body));
font-weight:500;
}
body.flora-account.flora-readable-v51 .copyright{
color:light-dark(#fff7e6, var(--bs-fg-body));
line-height:1.7;
}
body.flora-account.flora-readable-v51 .copyright :where(small, a){
color:light-dark(#fff7e6, var(--bs-primary-fg));
}
body.flora-account.flora-readable-v51 .copyright a{
font-weight:600;
}
body.flora-account :is(h1, h2, h3, h4, h5, h6)[data-flora-modal-focus]:focus{
outline:none !important;
box-shadow:none !important;
}
body#page-top.flora-account.flora-color-v58{
--flora-ui-page:var(--bs-bg-body);
--flora-ui-surface:var(--bs-bg-1);
--flora-ui-soft:var(--bs-bg-2);
--flora-ui-line:var(--bs-border-color);
--flora-ui-line-strong:var(--bs-primary-border);
--flora-ui-primary:var(--bs-primary-bg);
--flora-ui-primary-hover:var(--bs-primary-fg-emphasis);
--flora-ui-mint:var(--bs-primary-bg-subtle);
--flora-ui-warm:var(--bs-warning-bg-subtle);
--flora-ui-amber-ink:var(--bs-warning-fg);
--flora-ui-deep:light-dark(#234350, #10292f);
--flora-line:var(--bs-border-color);
--flora-ink:var(--bs-fg-body);
--flora-muted:var(--bs-fg-1);
--flora-copy-strong:var(--bs-fg-body);
--flora-copy-secondary:var(--bs-fg-1);
--flora-copy-link:var(--bs-primary-fg);
background:var(--flora-ui-page);
color:var(--bs-fg-body);
}
body#page-top.flora-account.flora-color-v58 #glavekr{
background:linear-gradient(110deg, #294b58, #234350) !important;
border-bottom-color:rgba(255,255,255,.12);
box-shadow:inset 0 -2px 0 #e9bd82;
}
body#page-top.flora-account.flora-color-v58 #glavekr .flora-install-action{
background:#fff5e4 !important;
border-color:#f0dfc1 !important;
color:light-dark(#086b72, var(--bs-fg-body)) !important;
box-shadow:0 2px 5px rgba(15,42,52,.08);
}
body#page-top.flora-account.flora-color-v58 #glavekr .flora-install-action:disabled{
background:#e9f4ee !important;
border-color:#c8ded4 !important;
color:light-dark(#256654, var(--bs-fg-body)) !important;
box-shadow:none;
}
body#page-top.flora-account.flora-color-v58 #glavekr .odjava-button{
background:#b63b3b !important;
border-color:#b63b3b !important;
color:light-dark(#fff, var(--bs-fg-body)) !important;
box-shadow:0 2px 5px rgba(45,20,24,.08);
}
body#page-top.flora-account.flora-color-v58 .flora-account-hero{
background-color:#f8e2ba !important;
background-image:radial-gradient(ellipse at 7% 0%, rgba(255,255,255,.26), transparent 62%), linear-gradient(115deg, #f6c393 0%, #f8e2ba 45%, #afdcd6 100%) !important;
}
body#page-top.flora-account.flora-color-v58 .flora-account-shortcut{
background:#fff;
border-color:var(--flora-ui-line);
box-shadow:0 2px 5px rgba(35,67,80,.025), 0 8px 20px rgba(35,67,80,.035);
transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body#page-top.flora-account.flora-color-v58 .flora-shortcut-icon,body#page-top.flora-account.flora-color-v58 .flora-section-icon{
background:#e9f4f1;
color:light-dark(#0a7076, var(--bs-primary-fg));
}
body#page-top.flora-account.flora-color-v58 .flora-account-shortcut:nth-child(1) .flora-shortcut-icon,body#page-top.flora-account.flora-color-v58 .flora-account-shortcut:nth-child(4) .flora-shortcut-icon,body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .flora-section-icon,body#page-top.flora-account.flora-color-v58 #e-racun .flora-section-icon{
background:#fff1dc;
color:var(--flora-ui-amber-ink);
}
body#page-top.flora-account.flora-color-v58 .flora-account-section > .container{
background:var(--flora-ui-surface);
border-color:var(--flora-ui-line);
box-shadow:0 2px 5px rgba(35,67,80,.02), 0 12px 30px rgba(35,67,80,.035);
}
body#page-top.flora-account.flora-color-v58 .flora-section-heading{
border-bottom-color:#e4eded;
}
body#page-top.flora-account.flora-color-v58 .flora-account-section .table-responsive{
border-color:var(--flora-ui-line);
}
body#page-top.flora-account.flora-color-v58 .flora-account-section .table > :not(caption) > * > *{
border-color:#e3eceb;
}
body#page-top.flora-account.flora-color-v58 .flora-account-section .table-thead-background{
background:#edf5f3 !important;
border-color:#d4e3df !important;
color:light-dark(#35555e, var(--bs-fg-body)) !important;
}
body#page-top.flora-account.flora-color-v58 .flora-account-section .table tbody tr:nth-child(even) > td:not(.table-thead-background){
background:#fafcfb;
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save,body#page-top.flora-account.flora-color-v58 #floraPaidModal .table td .flora-invoice-actions a.flora-invoice-preview:is(:hover, :focus-visible),body#page-top.flora-account.flora-color-v58 a.flora-bill-download{
background:var(--flora-ui-primary) !important;
border-color:var(--flora-ui-primary) !important;
color:light-dark(#fff, var(--bs-primary-fg)) !important;
box-shadow:0 2px 5px rgba(8,119,125,.09);
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-preview{
background:#edf6f3;
border-color:#c8dfd8;
color:light-dark(#086b72, var(--bs-primary-fg));
box-shadow:none;
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .flora-paid-archive{
background:#fff;
border-color:var(--flora-ui-line);
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .flora-paid-archive button.flora-paid-toggle{
background:transparent;
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .flora-paid-icon{
background:#e5f2ec;
border-color:#cde3d8;
color:light-dark(#16705c, var(--bs-primary-fg));
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row{
background:#fff;
border-color:#e3ece8;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-ledger-metric{
background:var(--flora-ui-warm);
border-color:#ecdfc6;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-ledger-metric.is-credits{
background:#edf7f2;
border-color:#cfe4d8;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance{
background:#eef6f6;
border-color:#cfe1e3;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance.has-due{
background:#fff4f1;
border-color:#ecd5ce;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-ledger-metric.is-balance.has-due .flora-ledger-metric-amount{
color:light-dark(#b23438, var(--bs-danger-fg));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-wrap{
border-color:#d5e3e4;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-column{
background:#f3f8f7;
color:light-dark(#35555e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-year-row > th{
border-color:#d8e6e2;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-cell{
border-bottom-color:#e2ece9;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-settlement + .flora-statement-settlement{
border-top-color:#dce7e3;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-amount.is-credit{
color:light-dark(#086b72, var(--bs-primary-fg));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-amount.is-adjustment{
color:light-dark(#79501e, var(--bs-warning-fg));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-status{
background:#fff2db;
color:light-dark(#79501e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 [data-account-state="paid"] .flora-statement-status{
background:#e7f4eb;
color:light-dark(#25634e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 [data-account-state="credit"] .flora-statement-status{
background:#e8f3f5;
color:light-dark(#17616e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 [data-account-state="credit"] .flora-statement-remaining{
color:light-dark(#17616e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #odvozi .flora-collection-month{
background:#fff;
border-color:#dce7e4;
}
body#page-top.flora-account.flora-color-v58 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
background:#fff1dc;
color:light-dark(#79501e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #odvozi .flora-collection-count{
background:#fff7e8;
border-color:#ecdfc6;
color:light-dark(#79501e, var(--bs-warning-fg));
}
body#page-top.flora-account.flora-color-v58 :is(#odvozi, #floraCollectionModal) .flora-collection-table th{
background:#f6faf7;
color:light-dark(#465e6b, var(--bs-fg-body));
border-bottom-color:#dce8df;
}
body#page-top.flora-account.flora-color-v58 #e-racun .flora-eracun-form input[type="email"]{
background:#fff !important;
border-color:#abc4c9 !important;
color:light-dark(#243f4c, var(--bs-fg-body)) !important;
box-shadow:0 1px 2px rgba(35,67,80,.025) !important;
}
body#page-top.flora-account.flora-color-v58 #e-racun .flora-eracun-form input[type="email"]:focus{
border-color:var(--flora-ui-primary) !important;
box-shadow:0 0 0 4px rgba(8,119,125,.13) !important;
}
body#page-top.flora-account.flora-color-v58 .flora-eracun-consent-copy{
background:#f5f9f7 !important;
border-color:#d8e6df !important;
}
body#page-top.flora-account.flora-color-v58 .flora-eracun-form .alert.theme-success{
background:#edf7f0;
border-color:#cce4d3;
color:light-dark(#255c46, var(--bs-success-fg));
}
body#page-top.flora-account.flora-color-v58 .flora-eracun-form .alert.theme-warning{
background:#fff8e9;
border-color:#eddbb7;
color:light-dark(#70511f, var(--bs-warning-fg));
}
body#page-top.flora-account.flora-color-v58 .flora-eracun-form .alert.theme-danger{
background:#fff3ef;
border-color:#ebcfc7;
color:light-dark(#9b3430, var(--bs-danger-fg));
}
body#page-top.flora-account.flora-color-v58 .flora-eracun-form .btn-primary2,body#page-top.flora-account.flora-color-v58 .flora-install-done,body#page-top.flora-account.flora-color-v58 #unpaidModal .flora-unpaid-dismiss{
background:var(--flora-ui-primary) !important;
border-color:var(--flora-ui-primary) !important;
color:light-dark(#fff, var(--bs-fg-body)) !important;
box-shadow:0 2px 5px rgba(8,119,125,.09);
}
body#page-top.flora-account.flora-color-v58 .flora-eracun-form .btn-odjava{
background:#b63b3b !important;
border-color:#b63b3b !important;
color:light-dark(#fff, var(--bs-fg-body)) !important;
}
body#page-top.flora-account.flora-color-v58 #info .flora-price-card{
background:#fff;
border-color:var(--flora-ui-line);
}
body#page-top.flora-account.flora-color-v58 #info .flora-price-card-head{
background:#fff6e5;
}
body#page-top.flora-account.flora-color-v58 #info .flora-price-breakdown{
border-top-color:#e3ece9;
}
body#page-top.flora-account.flora-color-v58 #info .flora-info-document-list .pregled-odvoza-poveznica{
border-color:#d5e5dc !important;
}
body#page-top.flora-account.flora-color-v58 .flora-contact-box{
background:#f6f9f9;
border-color:#dce7e7;
}
body#page-top.flora-account.flora-color-v58 .flora-contact-service{
background:#fff8ed;
border-color:#ecdfc8;
}
body#page-top.flora-account.flora-color-v58 .dialog,body#page-top.flora-account.flora-color-v58 .flora-install-dialog{
background:#fff;
border-color:var(--flora-ui-line) !important;
box-shadow:0 8px 20px rgba(21,46,56,.08), 0 24px 64px rgba(21,46,56,.16);
}
body#page-top.flora-account.flora-color-v58 .dialog-header,body#page-top.flora-account.flora-color-v58 .flora-install-dialog-head{
background:linear-gradient(110deg, #fff8ec, #fffdf8);
border-bottom-color:#ece2d0 !important;
}
body#page-top.flora-account.flora-color-v58 .flora-install-close{
background:#f2f6f4;
color:light-dark(#365563, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 .flora-install-steps li::before{
background:#e8f4ee;
color:light-dark(#087176, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #unpaidModal .flora-unpaid-icon{
background:#ffefd7;
border-color:#eddbb5;
color:light-dark(#79501e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #unpaidModal .flora-unpaid-balance{
background:#fff4f1;
border-color:#ecd5ce;
}
body#page-top.flora-account.flora-color-v58 #unpaidModal .flora-unpaid-amount{
color:light-dark(#b23438, var(--bs-danger-fg));
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-uvod{
background:#edf6f1;
border-color:#d3e5d8;
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-sekcija-naslov{
background:#edf4f3;
color:light-dark(#35555e, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-pitanje{
background:#fff;
border-color:#dce7e4;
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-pitanje.anketa-invalid{
background:#fff3f0;
border-color:#c34b48;
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-opcija{
background:#f9fcfa;
border-color:#d6e4dc;
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-opcija:has(input:checked){
background:#e5f2ea;
border-color:#6b9e86;
color:light-dark(#245d48, var(--bs-fg-body));
}
body#page-top.flora-account.flora-color-v58 :is(input[type="checkbox"], input[type="radio"]){
accent-color:#08777d;
}
body#page-top.flora-account.flora-color-v58 .copyright{
background:var(--flora-ui-deep) !important;
}
body#page-top.flora-account.flora-color-v58 .tooltip{
--bs-tooltip-bg:#234350;
--bs-tooltip-color:#fff8eb;
}
@media (min-width: 768px){
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-year-row > th{
background:#edf4f2;
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-row:nth-child(odd) > .flora-statement-cell{
background:#fbfdfc;
}
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-row{
background:#fff;
border-color:#d7e5e1;
box-shadow:0 2px 5px rgba(35,67,80,.025);
}
body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-charge-cell,body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-payments-cell{
border-top-color:#e0eae5;
}
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row{
border-color:#dce7e1;
}
}
@media (hover: hover) and (pointer: fine){
body#page-top.flora-account.flora-color-v58 .flora-account-shortcut:hover{
background:#fff;
border-color:#9ec7c4;
box-shadow:0 3px 7px rgba(35,67,80,.04), 0 12px 24px rgba(35,67,80,.065);
}
body#page-top.flora-account.flora-color-v58 #glavekr .flora-install-action:hover:not(:disabled){
background:#ffedce !important;
border-color:#e7ce9e !important;
}
body#page-top.flora-account.flora-color-v58 #glavekr .odjava-button:hover,body#page-top.flora-account.flora-color-v58 .flora-eracun-form .btn-odjava:hover{
background:#a32f32 !important;
border-color:#a32f32 !important;
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save:hover,body#page-top.flora-account.flora-color-v58 a.flora-bill-download:hover,body#page-top.flora-account.flora-color-v58 .flora-eracun-form .btn-primary2:hover:not(:disabled),body#page-top.flora-account.flora-color-v58 .flora-install-done:hover,body#page-top.flora-account.flora-color-v58 #unpaidModal .flora-unpaid-dismiss:hover{
background:var(--flora-ui-primary-hover) !important;
border-color:var(--flora-ui-primary-hover) !important;
}
body#page-top.flora-account.flora-color-v58 #racuni .table td .flora-invoice-actions a.flora-invoice-preview:hover{
background:#e1f0e9;
border-color:#a9cebf;
}
body#page-top.flora-account.flora-color-v58 .flora-account-section .table tbody tr:hover > td:not(.table-thead-background){
background:#f1f8f4;
}
body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row:hover{
background:var(--flora-ui-warm);
}
body#page-top.flora-account.flora-color-v58 #odvozi .flora-collection-summary:hover,body#page-top.flora-account.flora-color-v58 :is(#racuni, #floraPaidModal) .flora-paid-archive button.flora-paid-toggle:hover{
background:#f3f9f5;
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-opcija:hover{
background:#edf6f0;
border-color:#b6d5c2;
}
body#page-top.flora-account.flora-color-v58 #anketaModal .anketa-opcija:has(input:checked):hover{
background:#deeee4;
border-color:#5b8d75;
}
body#page-top.flora-account.flora-color-v58 .flora-bill-close:hover,body#page-top.flora-account.flora-color-v58 .flora-install-close:hover{
background:#e7efeb;
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-account.flora-color-v58 .flora-account-shortcut{
transition:none;
}
}
body#page-top.flora-account :is(#racuni, #floraPaidModal) > .container > .flora-section-heading{
margin-bottom:16px;
padding-bottom:0;
}
body#page-top.flora-account :is(#racuni, #floraPaidModal) #table-container1{
margin-top:0 !important;
}
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36{
--flora-payment-value-column:minmax(calc(76px * var(--flora-text-scale, 1)), calc(94px * var(--flora-text-scale, 1)));
--flora-payment-column-gap:8px;
}
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36 .flora-statement-settlement{
grid-template-columns:minmax(0, 1fr) var(--flora-payment-value-column);
column-gap:var(--flora-payment-column-gap);
}
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36 .flora-payment-heading-label{
grid-column:2;
min-width:0;
text-align:center;
}
@media (min-width: 768px){
html:not(.flora-ledger-reflow) .flora-account #kartica.flora-ledger-v36 .flora-payment-heading{
display:grid;
grid-template-columns:minmax(0, 1fr) var(--flora-payment-value-column);
column-gap:var(--flora-payment-column-gap);
}
}
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
text-align:center;
justify-self:stretch;
}
body#page-top.flora-account.flora-refine-v61 :is(#racuni, #floraPaidModal) #table-container1 > table > thead > tr > th:nth-child(4),body#page-top.flora-account.flora-refine-v61 :is(#racuni, #floraPaidModal) #table-container1 > table > tbody > tr > td:nth-child(4){
text-align:center !important;
}
@media (min-width: 768px) and (max-width: 991.98px){
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36{
--flora-payment-value-column:minmax(68px, 80px);
--flora-payment-column-gap:6px;
}
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36{
--flora-payment-value-column:minmax(85px, 100px);
--flora-payment-column-gap:10px;
}
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
grid-template-columns:minmax(0, 1fr) var(--flora-payment-value-column);
column-gap:var(--flora-payment-column-gap);
}
body#page-top.flora-account.flora-refine-v61 :is(#racuni, #floraPaidModal) #table-container1 table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child{
display:block;
text-align:center !important;
}
body#page-top.flora-account.flora-refine-v61 :is(#racuni, #floraPaidModal) #table-container1 table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child::before{
margin-bottom:4px;
text-align:center;
}
}
@media (max-width: 359.98px){
body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36{
--flora-payment-value-column:minmax(76px, 85px);
--flora-payment-column-gap:8px;
}
}
body#page-top.flora-account .flora-account-hero.flora-has-upcoming > .container{
row-gap:24px;
}
/* Sljedeci odvozi */
body#page-top.flora-account .flora-upcoming-collections{
grid-column:1 / -1;
min-width:0;
padding-top:20px;
border-top:1px solid rgba(35,67,80,.16);
color:light-dark(#243f4c, var(--bs-fg-body));
text-align:left;
}
body#page-top.flora-account .flora-upcoming-heading{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:5px 16px;
margin-bottom:12px;
}
body#page-top.flora-account .flora-upcoming-heading h2{
display:inline-flex;
align-items:center;
gap:8px;
margin:0;
color:light-dark(#243f4c, var(--bs-fg-body));
font-size:16px;
font-weight:600;
line-height:1.45;
letter-spacing:0;
text-transform:none;
}
body#page-top.flora-account .flora-upcoming-heading h2 > i{
color:light-dark(#086b72, var(--bs-fg-body));
font-size:17px;
}
body#page-top.flora-account .flora-upcoming-heading p{
margin:0;
color:light-dark(#3c5562, var(--bs-fg-body));
font-size:13px;
line-height:1.5;
}
body#page-top.flora-account .flora-upcoming-list{
display:grid;
grid-template-columns:repeat(var(--flora-upcoming-columns, 1), minmax(0, 1fr));
gap:12px;
margin:0;
padding:0;
list-style:none;
}
body#page-top.flora-account .flora-upcoming-item{
--flora-upcoming-accent:#086b72;
--flora-upcoming-icon-bg:#e9f4f1;
display:flex;
flex-direction:column;
gap:10px;
min-width:0;
padding:15px 16px;
border:1px solid #dbe6e7;
border-radius:12px;
background:#fff;
box-shadow:0 2px 6px rgba(35,67,80,.035);
}
body#page-top.flora-account .flora-upcoming-item.is-plastic{
--flora-upcoming-accent:#79501e;
--flora-upcoming-icon-bg:#fff1dc;
}
body#page-top.flora-account .flora-upcoming-item.is-paper{
--flora-upcoming-accent:#2b637b;
--flora-upcoming-icon-bg:#eaf2f6;
}
body#page-top.flora-account .flora-upcoming-item.is-bio{
--flora-upcoming-accent:#356a4b;
--flora-upcoming-icon-bg:#edf5ec;
}
body#page-top.flora-account .flora-upcoming-type{
display:flex;
flex:1 1 auto;
min-width:0;
margin:0;
color:light-dark(#324f5d, var(--bs-fg-body));
font-size:14px;
font-weight:600;
line-height:1.45;
}
body#page-top.flora-account .flora-upcoming-type > span{
min-width:0;
overflow-wrap:anywhere;
}
body#page-top.flora-account .flora-upcoming-type > i{
display:inline-flex;
flex:0 0 28px;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border-radius:7px;
font-size:16px;
}
body#page-top.flora-account .flora-upcoming-date{
display:block;
margin:0;
font-variant-numeric:lining-nums tabular-nums;
}
body#page-top.flora-account .flora-upcoming-date > span{
display:block;
color:light-dark(#465e6b, var(--bs-fg-body));
font-size:13px;
font-weight:500;
line-height:1.45;
}
body#page-top.flora-account .flora-upcoming-date > strong{
display:block;
margin-top:2px;
color:light-dark(#243f4c, var(--bs-fg-body));
font-size:18px;
font-weight:600;
line-height:1.35;
}
body#page-top.flora-account .flora-upcoming-item.is-today{
border-color:#9fc8c0;
}
body#page-top.flora-account .flora-upcoming-item.is-today .flora-upcoming-date > span{
color:light-dark(#086b72, var(--bs-fg-body));
}
body#page-top.flora-account .flora-upcoming-list[data-count="1"] .flora-upcoming-item{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:16px;
}
body#page-top.flora-account .flora-upcoming-list[data-count="1"] .flora-upcoming-type{
align-items:center;
}
body#page-top.flora-account .flora-upcoming-list[data-count="1"] .flora-upcoming-date{
text-align:right;
}
@media (max-width: 767.98px){
body#page-top.flora-account .flora-account-hero.flora-has-upcoming > .container{
row-gap:20px;
}
body#page-top.flora-account .flora-upcoming-collections{
padding-top:17px;
}
body#page-top.flora-account .flora-upcoming-heading{
margin-bottom:10px;
}
body#page-top.flora-account .flora-upcoming-list{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:9px;
}
body#page-top.flora-account .flora-upcoming-item{
padding:12px;
gap:10px;
border-radius:10px;
}
body#page-top.flora-account .flora-upcoming-type > i{
flex-basis:24px;
width:24px;
height:24px;
font-size:15px;
}
body#page-top.flora-account .flora-upcoming-date > strong{
font-size:17px;
}
body#page-top.flora-account .flora-upcoming-list[data-count="1"]{
grid-template-columns:minmax(0, 1fr);
}
}
body#page-top.flora-account.flora-polish-v65 .flora-account-hero > .container{
grid-template-columns:minmax(0, 1fr);
}
body#page-top.flora-account.flora-polish-v65 .flora-account-identity .flora-identity-name{
margin-bottom:0;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-item{
--flora-bin-color:#758462;
--flora-bin-ink:#fff;
border-top:3px solid var(--flora-bin-color);
padding-top:13px;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-item.is-paper{
--flora-bin-color:#3081b3;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-item.is-plastic{
--flora-bin-color:#eedf34;
--flora-bin-ink:#4c481a;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-item.is-bio{
--flora-bin-color:#786255;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-type{
align-items:center;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-type > i{
background:var(--flora-bin-color);
color:var(--flora-bin-ink);
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-details-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
column-gap:26px;
margin:0;
text-align:left;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail{
min-width:0;
padding:14px 0;
border-bottom:1px solid #e2eaea;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail.is-wide{
grid-column:1 / -1;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail.is-wide:first-child{
padding-top:0;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail:last-child,body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail:nth-last-child(2):where(:has(+ .flora-detail:not(.is-wide))){
border-bottom:0;
padding-bottom:0;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail dt{
margin:0 0 5px;
color:light-dark(#465e6b, var(--bs-fg-1));
font-size:14px;
font-weight:400;
line-height:1.45;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail dd{
min-height:24px;
margin:0;
color:light-dark(#243f4c, var(--bs-fg-body));
font-size:16px;
font-weight:500;
line-height:1.5;
overflow-wrap:anywhere;
user-select:text;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-info-document-list{
gap:10px;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-info-document-list .pregled-odvoza-poveznica{
display:grid;
grid-template-columns:38px minmax(0, 1fr) 18px;
align-items:center;
gap:12px;
padding:14px;
border:1px solid #dbe6e7 !important;
border-radius:11px;
background:#fff;
color:light-dark(#243f4c, var(--bs-fg-body)) !important;
text-decoration:none !important;
transition:background-color .16s ease, border-color .16s ease;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-document-icon{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
border-radius:10px;
background:#edf5f2;
color:light-dark(#08777d, var(--bs-primary-fg));
}
body#page-top.flora-account.flora-polish-v65 #info .flora-document-icon > i{
font-size:19px;
line-height:1;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-document-copy{
min-width:0;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-document-copy strong{
display:block;
color:inherit;
font-size:14px;
font-weight:600;
line-height:1.45;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-document-copy small{
display:block;
margin-top:4px;
color:light-dark(#465e6b, var(--bs-fg-body));
font-size:12px;
font-weight:400;
line-height:1.5;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-info-document-list .pregled-odvoza-poveznica > .flora-document-open{
margin:0;
color:light-dark(#526c77, var(--bs-fg-1));
font-size:16px;
line-height:1;
}
body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
max-width:100%;
padding:10px 14px;
border:1px solid transparent;
border-radius:10px;
background:transparent;
color:light-dark(#3c5663, var(--bs-fg-body)) !important;
line-height:1.55;
text-decoration:none !important;
transition:background-color .16s ease, border-color .16s ease, color .16s ease;
}
body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font > i{
flex:0 0 auto;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:17px;
line-height:1;
}
body#page-top.flora-account.flora-polish-v65 .flora-privacy-label{
min-width:0;
overflow-wrap:anywhere;
}
body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font:focus-visible,body#page-top.flora-account.flora-polish-v65 #info .pregled-odvoza-poveznica:focus-visible{
outline:3px solid #08777d;
outline-offset:3px;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-shortcut-wrap{
position:relative;
min-width:0;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-shortcut-wrap > .flora-account-shortcut{
position:relative;
box-sizing:border-box;
width:100%;
height:100%;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-badge{
position:absolute;
top:10px;
right:10px;
display:grid;
place-items:center;
width:22px;
height:22px;
padding:0;
border:2px solid #fff;
border-radius:50%;
background:#ba3438;
color:light-dark(#fff, var(--bs-fg-body));
font-size:12px;
font-weight:600;
line-height:1;
font-variant-numeric:tabular-nums;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge{
position:absolute;
top:calc(100% + 12px);
right:0;
z-index:1031;
box-sizing:border-box;
width:min(350px, calc(100vw - 36px));
padding:18px;
border:1px solid #c8ded9;
border-radius:14px;
background:#fff;
color:light-dark(#243f4c, var(--bs-fg-body));
box-shadow:0 6px 15px rgba(31,66,78,.09), 0 18px 42px rgba(31,66,78,.1);
text-align:left;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge[hidden]{
display:none !important;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-heading{
display:grid;
grid-template-columns:34px minmax(0, 1fr) 34px;
align-items:center;
gap:9px;
margin-bottom:11px;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-icon{
display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:9px;
background:#e9f4f1;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:18px;
line-height:1;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-heading h2{
margin:0;
color:light-dark(#243f4c, var(--bs-fg-body));
font-size:17px;
font-weight:600;
line-height:1.35;
letter-spacing:0;
text-transform:none;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-close{
display:grid;
place-items:center;
width:38px;
height:38px;
margin:-2px;
padding:0;
border:0;
border-radius:9px;
background:#f2f6f5;
color:light-dark(#465e6b, var(--bs-fg-body));
font-size:13px;
cursor:pointer;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge > p{
margin:0 0 16px;
color:light-dark(#465e6b, var(--bs-fg-body));
font-size:14px;
font-weight:400;
line-height:1.55;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-action{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:43px;
padding:10px 13px;
border:1px solid #08777d;
border-radius:9px;
background:#08777d;
color:light-dark(#fff, var(--bs-fg-body)) !important;
font-size:14px;
font-weight:600;
line-height:1.4;
text-decoration:none !important;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-close:focus-visible,body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-action:focus-visible{
outline:3px solid #08777d;
outline-offset:3px;
}
body#page-top.flora-account.flora-polish-v65 #e-racun{
scroll-margin-top:24px;
}
body#page-top.flora-account.flora-polish-v65 #e-racun .flora-section-heading h3[tabindex="-1"]:focus{
outline:none;
}
@media (hover: hover) and (pointer: fine){
body#page-top.flora-account.flora-polish-v65 #info .flora-info-document-list .pregled-odvoza-poveznica:hover{
background:#f1f7f4;
border-color:#a5c8bd !important;
color:light-dark(#07676d, var(--bs-primary-fg)) !important;
}
body#page-top.flora-account.flora-polish-v65 #info .pregled-odvoza-poveznica:hover .flora-document-copy strong{
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px;
}
body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font:hover{
background:#edf5f2;
border-color:#c5ded6;
color:light-dark(#07676d, var(--bs-primary-fg)) !important;
}
body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font:hover .flora-privacy-label{
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-close:hover{
background:#e5eeea;
color:light-dark(#243f4c, var(--bs-primary-fg));
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-action:hover{
background:#07646b;
border-color:#07646b;
}
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-polish-v65 #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
display:block;
text-align:left;
}
body#page-top.flora-account.flora-polish-v65 #kartica.flora-ledger-v36 .flora-payment-heading-label{
display:block;
grid-column:auto;
text-align:left;
}
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-item{
padding-top:10px;
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge{
width:min(350px, calc(100vw - 28px));
}
body#page-top.flora-account.flora-polish-v65 .flora-eracun-badge{
top:7px;
right:7px;
}
}
@media (max-width: 575.98px){
body#page-top.flora-account.flora-polish-v65 #podatci .flora-details-grid{
grid-template-columns:minmax(0, 1fr);
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail{
padding:12px 0;
}
body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail:nth-last-child(2){
border-bottom:1px solid #e2eaea;
padding-bottom:12px;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-info-document-list .pregled-odvoza-poveznica{
grid-template-columns:32px minmax(0, 1fr) 15px;
padding:12px;
gap:10px;
}
body#page-top.flora-account.flora-polish-v65 #info .flora-document-icon{
width:32px;
height:36px;
border-radius:8px;
}
body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font{
padding:10px;
text-align:left;
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-account.flora-polish-v65 #info .pregled-odvoza-poveznica,body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font{
transition:none;
}
}
@media (min-width: 600px){
body#page-top.flora-account .flora-welcome-heading-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:16px 28px;
width:100%;
min-width:0;
}
body#page-top.flora-account .flora-welcome-heading-row > .flora-welcome-label{
flex:0 0 auto;
margin:0;
}
body#page-top.flora-account .flora-welcome-heading-row > .flora-welcome-label > span{
white-space:nowrap;
}
body#page-top.flora-account .flora-welcome-heading-row > .flora-account-identity{
flex:1 1 auto;
min-width:0;
max-width:100%;
margin:0;
}
body#page-top.flora-account .flora-welcome-heading-row > .flora-account-identity .flora-identity-name{
width:auto;
margin:0;
text-align:right;
}
}
/* Prilagodbe citljivosti */
html.flora-a11y-large .flora-account.flora-polish-v29 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row{
border-color:#ccddde;
border-radius:12px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-summary{
margin-bottom:21px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-wrap{
overflow:visible;
border:0;
border-radius:0;
background:transparent;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-table{
display:block;
border:0;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-table > colgroup{
display:none;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-table > thead{
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-year{
display:block;
width:100%;
}
html.flora-a11y-large .flora-account #kartica.flora-ledger-v36 .flora-statement-empty-body,html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-empty-body > tr{
display:block;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-empty{
display:block;
padding:20px 13px;
border:1px solid #d9e5e5;
border-radius:10px;
background:#fff;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-year-row{
display:block;
margin:18px 0 9px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-year:first-of-type > .flora-statement-year-row{
margin-top:0;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-year-row > th{
display:block;
padding:6px 0;
border:0;
background:transparent;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-year-count{
float:right;
padding-top:2px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-row{
display:grid;
margin:0 0 10px;
padding:13px;
border:1px solid #d9e5e5;
border-radius:10px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-cell{
display:block;
min-width:0;
padding:0;
border:0;
background:transparent;
text-align:left;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-row:nth-child(odd) > .flora-statement-cell{
background:transparent;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-cell-label{
display:block;
margin:0;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-period-cell{
grid-area:period;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-number{
margin-top:2px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-due-cell{
grid-area:due;
padding-top:1px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-due-cell .flora-statement-cell-label{
display:inline;
margin-right:5px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-due-date{
display:inline;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-due-date + .flora-statement-due-date{
display:block;
margin-top:2px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-charge-cell{
grid-area:charge;
display:grid;
align-items:baseline;
gap:5px 10px;
margin-top:8px;
padding-top:9px;
border-top:1px solid #e5eceb;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-charge-list{
text-align:center;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-payments-cell{
grid-area:payments;
margin-top:4px;
padding-top:7px;
border-top:1px solid #edf2f0;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
margin-bottom:5px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement{
gap:4px 10px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement + .flora-statement-settlement{
margin-top:5px;
padding-top:5px;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-state-cell{
grid-area:state;
align-self:start;
}
html.flora-ledger-reflow .flora-account #kartica.flora-ledger-v36 .flora-statement-status{
padding:4px 6px;
}
html.flora-ledger-reflow body#page-top.flora-account.flora-color-v58 #kartica.flora-ledger-v36 .flora-statement-row{
background:#fff;
border-color:#d7e5e1;
}
html.flora-ledger-reflow body#page-top.flora-account.flora-refine-v61 #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
grid-template-columns:minmax(0, 1fr) var(--flora-payment-value-column);
column-gap:var(--flora-payment-column-gap);
}
html.flora-a11y-large body#page-top.flora-account.flora-refine-v61 :is(#racuni, #floraPaidModal) #table-container1 table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child{
display:block;
text-align:center !important;
}
html.flora-a11y-large body#page-top.flora-account.flora-refine-v61 :is(#racuni, #floraPaidModal) #table-container1 table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child::before{
margin-bottom:4px;
text-align:center;
}
html.flora-ledger-reflow body#page-top.flora-account.flora-polish-v65 #kartica.flora-ledger-v36 .flora-statement-payments-cell > .flora-statement-cell-label{
display:block;
text-align:left;
}
/* Brzi pristup i pristupacnost */
body#page-top.flora-account .flora-section-link-icon > .bi,body#page-top.flora-account .flora-section-link > .bi{
justify-self:center;
margin:0;
}
body#page-top.flora-account #floraAccessToggle > .bi{
flex:0 0 24px;
width:24px;
height:24px;
margin:0;
font-size:24px;
}
@media (min-width: 768px){
.flora-account #kartica.flora-ledger-v36{
--flora-statement-year-font:14px;
--flora-statement-count-font:12px;
}
}
@media (min-width: 992px){
.flora-account #kartica.flora-ledger-v36{
--flora-statement-column-font:13px;
}
}
body#page-top.flora-account .flora-floating-tools{
--flora-tool-edge:max(14px, env(safe-area-inset-right, 0px));
--flora-tool-size:48px;
}
body#page-top.flora-account .flora-floating-tools [hidden]{
display:none !important;
}
body#page-top.flora-account .flora-tool-dock{
position:fixed;
right:var(--flora-tool-edge);
z-index:1035;
width:var(--flora-tool-size);
margin:0;
padding:0;
}
body#page-top.flora-account .flora-tool-trigger{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:var(--flora-tool-size);
height:var(--flora-tool-size);
padding:0;
border:1px solid #066a70;
border-radius:15px;
background:#08777d;
color:light-dark(#fff, var(--bs-fg-body));
box-shadow:0 3px 6px rgba(20,65,75,.08), 0 8px 22px rgba(20,65,75,.16);
cursor:pointer;
transition:background-color .16s, border-color .16s;
}
body#page-top.flora-account .flora-tool-trigger > .bi{
font-size:23px;
}
body#page-top.flora-account .flora-access-trigger{
border-color:#c4d7d8;
background:#fff;
color:light-dark(#08777d, var(--bs-fg-body));
}
body#page-top.flora-account .flora-access-trigger[data-adjusted="true"]::after{
position:absolute;
top:4px;
right:4px;
width:8px;
height:8px;
content:"";
border:2px solid #fff;
border-radius:50%;
background:#08777d;
}
body#page-top.flora-account .flora-tool-trigger[aria-expanded="true"]{
border-color:#075e65;
background:#07646b;
color:light-dark(#fff, var(--bs-fg-body));
}
body#page-top.flora-account .flora-tool-hint{
position:absolute;
right:calc(100% + 10px);
padding:6px 10px;
border:1px solid #d9e5e5;
border-radius:8px;
background:#fff;
color:light-dark(#243f4c, var(--bs-fg-body));
font-size:13px;
line-height:1.4;
white-space:nowrap;
box-shadow:0 3px 10px rgba(25,65,75,.08);
opacity:0;
visibility:hidden;
pointer-events:none;
}
body#page-top.flora-account .flora-tool-trigger:focus-visible .flora-tool-hint{
opacity:1;
visibility:visible;
}
body#page-top.flora-account .flora-tool-trigger[aria-expanded="true"] .flora-tool-hint{
display:none;
}
body#page-top.flora-account .flora-floating-panel{
position:absolute;
right:calc(100% + 12px);
box-sizing:border-box;
width:314px;
max-width:calc(100vw - 96px);
margin:0;
padding:0;
overflow:auto;
overscroll-behavior:contain;
border:1px solid #c9dcdd;
border-radius:18px;
background:#fff;
color:light-dark(#243f4c, var(--bs-fg-body));
text-align:left;
box-shadow:0 6px 18px rgba(24,65,76,.08), 0 20px 54px rgba(24,65,76,.15);
scrollbar-width:thin;
scrollbar-color:#abc9c9 transparent;
}
body#page-top.flora-account .flora-access-panel{
width:360px;
}
body#page-top.flora-account .flora-floating-panel{
animation:flora-tool-reveal .16s ease-out both;
}
@keyframes flora-tool-reveal{
from{
opacity:0;
transform:translateX(5px);
}
to{
opacity:1;
transform:translateX(0);
}
}
body#page-top.flora-account .flora-tool-panel-heading{
position:sticky;
top:0;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:17px 16px 14px 19px;
border-bottom:1px solid #e3eceb;
background:#fff;
}
body#page-top.flora-account .flora-tool-panel-heading > div{
min-width:0;
}
body#page-top.flora-account .flora-tool-eyebrow{
display:block;
margin:0 0 3px;
color:light-dark(#526b77, var(--bs-fg-1));
font-size:12px;
line-height:1.4;
}
body#page-top.flora-account .flora-tool-panel-heading h2{
margin:0;
color:light-dark(#243f4c, var(--bs-fg-body));
font-family:inherit;
font-size:19px;
font-weight:600;
line-height:1.25;
text-transform:none;
overflow-wrap:anywhere;
}
body#page-top.flora-account .flora-tool-close{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 44px;
width:44px;
height:44px;
padding:0;
border:1px solid #e1ebea;
border-radius:12px;
background:#f6f9f8;
color:light-dark(#465e6b, var(--bs-fg-body));
font-size:17px;
cursor:pointer;
}
body#page-top.flora-account .flora-section-links{
display:grid;
gap:4px;
margin:0;
padding:10px;
list-style:none;
}
body#page-top.flora-account .flora-section-links > li{
margin:0;
padding:0;
min-width:0;
}
body#page-top.flora-account .flora-section-link{
display:grid;
grid-template-columns:34px minmax(0, 1fr) 20px;
align-items:center;
gap:11px;
min-height:49px;
padding:8px 10px;
border:1px solid transparent;
border-radius:11px;
background:#fff;
color:light-dark(#294651, var(--bs-fg-body));
font-size:16px;
font-weight:500;
line-height:1.4;
text-decoration:none;
overflow-wrap:anywhere;
}
body#page-top.flora-account .flora-section-link > .flora-section-link-icon{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:9px;
background:#f0f6f4;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:19px;
}
body#page-top.flora-account .flora-section-link-end{
color:light-dark(#7d999f, var(--bs-fg-body));
font-size:18px;
}
body#page-top.flora-account .flora-section-link[aria-current="location"]{
border-color:#b5d5d1;
background:#eaf5f0;
color:light-dark(#075e65, var(--bs-fg-body));
font-weight:600;
}
body#page-top.flora-account .flora-section-link[aria-current="location"] > .flora-section-link-icon{
background:#d9eee6;
color:light-dark(#075e65, var(--bs-fg-body));
}
body#page-top.flora-account .flora-section-link[aria-current="location"] > .flora-section-link-end{
color:light-dark(#08777d, var(--bs-fg-body));
}
body#page-top.flora-account .flora-access-content{
display:grid;
gap:9px;
padding:16px;
}
body#page-top.flora-account .flora-access-text-size{
margin-bottom:5px;
}
body#page-top.flora-account #floraTextSizeLabel{
display:block;
margin:0 0 9px;
color:light-dark(#294651, var(--bs-fg-body));
font-size:15px;
font-weight:600;
line-height:1.5;
}
body#page-top.flora-account .flora-text-stepper{
display:grid;
grid-template-columns:48px minmax(0, 1fr) 48px;
align-items:center;
min-height:48px;
padding:5px;
border:1px solid #d3e2e0;
border-radius:13px;
background:#f2f7f5;
}
body#page-top.flora-account .flora-text-stepper button{
display:flex;
align-items:center;
justify-content:center;
width:48px;
min-height:44px;
padding:8px;
border:1px solid #ccdddb;
border-radius:9px;
background:#fff;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:18px;
cursor:pointer;
}
body#page-top.flora-account .flora-text-stepper button:disabled{
background:transparent;
border-color:transparent;
color:light-dark(#81969b, var(--bs-fg-body));
cursor:default;
}
body#page-top.flora-account #floraTextSizeValue{
display:block;
margin:0;
padding:0 4px;
color:light-dark(#294651, var(--bs-fg-body));
font-size:18px;
font-weight:600;
line-height:1.5;
text-align:center;
font-variant-numeric:tabular-nums;
}
body#page-top.flora-account .flora-access-option{
display:grid;
grid-template-columns:23px minmax(0, 1fr) 25px;
align-items:center;
gap:11px;
width:100%;
min-height:65px;
margin:0;
padding:12px;
border:1px solid #dce7e5;
border-radius:12px;
background:#fff;
color:light-dark(#294651, var(--bs-fg-body));
font-family:inherit;
text-align:left;
cursor:pointer;
}
body#page-top.flora-account .flora-access-option > .bi{
color:light-dark(#08777d, var(--bs-fg-body));
font-size:21px;
}
body#page-top.flora-account .flora-access-option strong{
display:block;
font-size:15px;
font-weight:600;
line-height:1.4;
overflow-wrap:anywhere;
}
body#page-top.flora-account .flora-access-option small{
display:block;
margin:3px 0 0;
color:light-dark(#526b77, var(--bs-fg-body));
font-size:13px;
line-height:1.4;
overflow-wrap:anywhere;
}
body#page-top.flora-account .flora-access-check{
display:flex;
align-items:center;
justify-content:center;
width:25px;
height:25px;
border:1px solid #b8cccb;
border-radius:8px;
background:#f6f9f8;
color:light-dark(#fff, var(--bs-fg-body));
font-size:17px;
}
body#page-top.flora-account .flora-access-check > .bi{
visibility:hidden;
}
body#page-top.flora-account .flora-access-option[aria-pressed="true"]{
border-color:#9cc7c1;
background:#edf7f2;
}
body#page-top.flora-account .flora-access-option[aria-pressed="true"] .flora-access-check{
border-color:#08777d;
background:#08777d;
}
body#page-top.flora-account .flora-access-option[aria-pressed="true"] .flora-access-check > .bi{
visibility:visible;
}
body#page-top.flora-account .flora-access-reset{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:46px;
width:100%;
margin:5px 0 0;
padding:10px 12px;
border:1px solid #cbdcda;
border-radius:11px;
background:#f6f9f8;
color:light-dark(#294651, var(--bs-fg-body));
font-family:inherit;
font-size:14px;
font-weight:600;
line-height:1.5;
cursor:pointer;
}
body#page-top.flora-account .flora-access-note{
margin:1px 0 0;
color:light-dark(#526b77, var(--bs-fg-1));
font-size:12px;
line-height:1.5;
text-align:center;
}
body#page-top.flora-account .flora-floating-tools :is(button, a):focus-visible{
outline:3px solid #a95714;
outline-offset:3px;
}
@media (hover: hover) and (pointer: fine){
body#page-top.flora-account .flora-tool-trigger:hover{
border-color:#075e65;
background:#07646b;
color:light-dark(#fff, var(--bs-primary-fg));
}
body#page-top.flora-account .flora-tool-trigger:hover .flora-tool-hint{
opacity:1;
visibility:visible;
}
body#page-top.flora-account .flora-section-link:hover{
border-color:#c4dcd7;
background:#f0f7f3;
color:light-dark(#075e65, var(--bs-primary-fg));
}
body#page-top.flora-account :is(.flora-access-option, .flora-tool-close, .flora-access-reset, .flora-text-stepper button):not(:disabled):hover{
border-color:#a8cbc5;
background:#edf6f1;
}
}
@media (max-width: 767.98px){
body#page-top.flora-account .flora-floating-tools{
--flora-tool-edge:max(10px, env(safe-area-inset-right, 0px));
--flora-tool-size:46px;
}
body#page-top.flora-account .flora-tool-trigger{
border-radius:14px;
}
body#page-top.flora-account .flora-floating-panel{
right:0;
max-width:calc(100vw - var(--flora-tool-edge) - max(10px, env(safe-area-inset-left, 0px)));
border-radius:17px;
}
body#page-top.flora-account .flora-section-panel{
width:320px;
}
body#page-top.flora-account .flora-access-panel{
width:360px;
}
body#page-top.flora-account .flora-tool-hint{
display:none;
}
body#page-top.flora-account .flora-section-link{
min-height:48px;
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-account .flora-tool-trigger{
transition:none;
}
body#page-top.flora-account .flora-floating-panel{
animation:none;
}
}
html.flora-a11y-links body#page-top.flora-account a{
text-decoration:underline !important;
text-decoration-thickness:.08em !important;
text-underline-offset:.18em;
}
html.flora-a11y-spacing body#page-top.flora-account :is(p, li, dt, dd, label, .flora-statement-settlement-text, .flora-eracun-consent-copy){
line-height:1.8 !important;
letter-spacing:.02em !important;
word-spacing:.08em !important;
}
html.flora-a11y-motion,html.flora-a11y-motion body#page-top.flora-account,html.flora-a11y-motion body#page-top.flora-account *{
scroll-behavior:auto !important;
}
html.flora-a11y-motion body#page-top.flora-account *,html.flora-a11y-motion body#page-top.flora-account *::before,html.flora-a11y-motion body#page-top.flora-account *::after{
animation-duration:.01ms !important;
animation-iteration-count:1 !important;
transition-duration:.01ms !important;
}
html.flora-a11y-resize body#page-top.flora-account :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea){
height:auto !important;
min-height:48px;
max-width:100%;
line-height:1.5 !important;
}
html.flora-a11y-resize body#page-top.flora-account :is(.flora-account-shortcut, .flora-welcome-heading-row, .flora-header-actions, .flora-invoice-actions){
flex-wrap:wrap;
}
html.flora-a11y-resize body#page-top.flora-account :is(.flora-header-action, .flora-welcome-label > span, .flora-statement-status, .flora-statement-amount, .flora-upcoming-type){
white-space:normal !important;
overflow-wrap:anywhere;
}
html.flora-a11y-large body#page-top.flora-account .flora-dashboard-content{
grid-template-columns:minmax(0, 1fr);
}
html.flora-a11y-large body#page-top.flora-account .flora-dashboard-content > .flora-account-section{
grid-column:1 / -1;
}
html.flora-a11y-large body#page-top.flora-account :is(.flora-contact-grid, .flora-price-grid, .flora-details-grid, .flora-account-shortcuts){
grid-template-columns:repeat(2, minmax(0, 1fr));
}
html.flora-ledger-reflow body#page-top.flora-account #kartica.flora-ledger-v36 :is(.flora-statement-settlement, .flora-statement-charge-cell){
grid-template-columns:minmax(0, 1fr) minmax(110px, .65fr);
}
html.flora-ledger-reflow body#page-top.flora-account #kartica.flora-ledger-v36 .flora-statement-row{
grid-template-columns:minmax(0, 1fr);
grid-template-areas:"period" "state" "due" "charge" "payments";
gap:10px;
}
html.flora-ledger-reflow body#page-top.flora-account #kartica.flora-ledger-v36 .flora-statement-state-cell{
justify-self:start;
text-align:left;
}
html.flora-ledger-reflow body#page-top.flora-account #kartica.flora-ledger-v36 :is(.flora-statement-status, .flora-statement-remaining){
text-align:left;
}
@media (max-width: 575.98px){
html.flora-a11y-large body#page-top.flora-account :is(.flora-contact-grid, .flora-price-grid, .flora-details-grid, .flora-account-shortcuts, .flora-upcoming-list, .flora-ledger-overview){
grid-template-columns:minmax(0, 1fr) !important;
}
html.flora-a11y-large body#page-top.flora-account .flora-upcoming-list > li{
grid-column:1 !important;
}
html.flora-ledger-reflow body#page-top.flora-account #kartica.flora-ledger-v36 :is(.flora-statement-settlement, .flora-statement-charge-cell){
grid-template-columns:minmax(0, 1fr);
}
html.flora-ledger-reflow body#page-top.flora-account #kartica.flora-ledger-v36 .flora-statement-amount{
text-align:left;
}
}
@media (max-width: 767.98px){
html.flora-a11y-large body#page-top.flora-account :is(#racuni, #floraPaidModal) .flora-invoice-actions{
justify-content:flex-start;
}
}
@layer flora-accessibility{
html.flora-a11y-links body#page-top.flora-account a{
text-decoration:underline !important;
text-decoration-thickness:.08em !important;
}
html.flora-a11y-spacing body#page-top.flora-account :is(p, li, dt, dd, label, .flora-statement-settlement-text, .flora-eracun-consent-copy){
line-height:1.8 !important;
letter-spacing:.02em !important;
word-spacing:.08em !important;
}
html.flora-a11y-contrast body#page-top.flora-account{
--flora-ui-ink:light-dark(#12232d, var(--bs-fg-body));
--flora-copy-strong:light-dark(#12232d, var(--bs-fg-body));
--flora-copy-secondary:light-dark(#233e4b, var(--bs-fg-1));
--flora-ui-primary:light-dark(#00545b, var(--bs-primary-bg));
--flora-ui-primary-hover:light-dark(#003e45, var(--bs-primary-fg-emphasis));
--flora-ui-line:light-dark(#7e929b, var(--bs-border-color));
--flora-muted:light-dark(#233e4b, var(--bs-fg-1));
color:light-dark(#12232d, var(--bs-fg-body)) !important;
background:light-dark(#fff, var(--bs-bg-body)) !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(.flora-account-hero, .flora-account-section > .container, .flora-contact-box, .flora-price-card, .flora-ledger-metric, .flora-statement-wrap, .flora-statement-row, .flora-paid-archive, .flora-floating-panel, .flora-tool-panel-heading, .dialog, .dialog-header, .dialog-footer, .flora-install-dialog){
border-color:#7e929b !important;
background:#fff !important;
background-image:none !important;
color:light-dark(#12232d, var(--bs-fg-body)) !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(.flora-account-section, .flora-account-hero, .flora-floating-tools, .dialog, .flora-install-dialog) :is(p, span, strong, small, b, dt, dd, h1, h2, h3, h4, h5, h6, th, td, label, legend, summary, time, output):not(:where(.btn, .btn-solid, .btn-outline, .btn-subtle, .btn-plain, .flora-cookie-choice) *){
color:light-dark(#12232d, var(--bs-fg-body)) !important;
text-shadow:none !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(.flora-account-shortcut, .flora-access-option, .flora-section-link, .flora-contact-box, .flora-statement-row, .flora-statement-cell, .flora-detail, .flora-collection-month, .flora-text-stepper, .flora-access-reset, .flora-tool-close, .flora-statement-status, .flora-statement-settlement){
border-color:#7e929b !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(a, button):not(:is(.btn, .btn-solid, .btn-outline, .btn-subtle, .btn-plain, .flora-cookie-choice)){
color:light-dark(#004f64, var(--bs-primary-fg)) !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select){
border-color:#405e6b !important;
background-color:#fff !important;
color:light-dark(#12232d, var(--bs-fg-body)) !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(input[type="checkbox"], input[type="radio"]){
accent-color:#00545b !important;
border-color:#405e6b !important;
}
html.flora-a11y-contrast body#page-top.flora-account input::placeholder{
color:#344f5d !important;
opacity:1 !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(.flora-tool-trigger, .flora-bill-download, .flora-unpaid-dismiss, .flora-install-done, input[type="submit"]):not(:disabled),html.flora-a11y-contrast body#page-top.flora-account :is(#floraPaidModal, #floraCollectionModal) a.flora-invoice-preview:is(:hover, :focus-visible),html.flora-a11y-contrast body#page-top.flora-account :is(.flora-tool-trigger, .flora-bill-download, .flora-unpaid-dismiss, .flora-install-done) *,html.flora-a11y-contrast body#page-top.flora-account :is(.dialog-footer .btn, .flora-eracun-nudge-action),html.flora-a11y-contrast body#page-top.flora-account :is(.dialog-footer .btn, .flora-eracun-nudge-action) *{
background:#00545b !important;
color:#fff !important;
border-color:#00545b !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(.flora-section-link[aria-current="location"], .flora-access-option[aria-pressed="true"]){
border:2px solid #12232d !important;
}
html.flora-a11y-contrast body#page-top.flora-account .flora-access-option[aria-pressed="true"] .flora-access-check{
color:#fff !important;
background:#00545b !important;
border-color:#00545b !important;
}
html.flora-a11y-contrast body#page-top.flora-account :is(.copyright, #glavekr) :is(a, small, span){
color:#fff !important;
}
html.flora-a11y-contrast body#page-top.flora-account #glavekr .flora-install-action,html.flora-a11y-contrast body#page-top.flora-account #glavekr .flora-install-action *{
background:#fff !important;
color:#004f64 !important;
}
html.flora-a11y-contrast body#page-top.flora-account #glavekr .odjava-button,html.flora-a11y-contrast body#page-top.flora-account input.btn-odjava{
background:#9d242b !important;
color:#fff !important;
}
}
@media (forced-colors: active){
body#page-top.flora-account :is(.flora-tool-trigger, .flora-access-check, .flora-section-link[aria-current="location"], .flora-access-option[aria-pressed="true"]){
border:2px solid ButtonText;
}
}
html.flora-a11y-resize .font-size-18{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .btn-odjava{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .form-control-input-podatci{
font-size:calc(22px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .form-control-input-podatci-disabled{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .naslovfont1{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .naslovpolitikafont{
font-size:calc(22px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .font-size-14,html.flora-a11y-resize .font-size-14-tbody,html.flora-a11y-resize .font-size-16-thead,html.flora-a11y-resize .font-size-14-thead{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .pregled-odvoza-poveznica{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .scroll-message,html.flora-a11y-resize .scroll-message1{
font-size:calc(10px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .font-size-preuzmi{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 991px){
html.flora-a11y-resize .pregled-odvoza-poveznica{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .font-size-preuzmi,html.flora-a11y-resize .font-size-16-thead,html.flora-a11y-resize .font-size-14-thead{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 767px){
html.flora-a11y-resize .form-control-input-podatci-disabled{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .font-size-16-thead{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize body.flora-account{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #glavekr .nav-link{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #glavekr .nav-link > i{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-account-hero h1{
font-size:calc(40px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-identity-name{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-identity-name i{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-shortcut-arrow{
font-size:calc(21px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-table-hint{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-active-email{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-eracun-form .form-control-input-podatci-disabled{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-eracun-form input[type="submit"]{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #info .flora-price-volume span,html.flora-a11y-resize .flora-account #info .flora-price-household{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #info .flora-price-total > span{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #info .flora-price-total small{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #info .flora-price-breakdown dt{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #info .flora-price-breakdown dd,html.flora-a11y-resize .flora-account #info .pregled-odvoza-poveznica,html.flora-a11y-resize .flora-account .flora-contact-box{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .copyright{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .copyright small{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .dialog-header .dialog-title{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .dialog-body,html.flora-a11y-resize .flora-account .dialog-footer .btn{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #anketaModal .anketa-uvod,html.flora-a11y-resize .flora-account #anketaModal .anketa-opcija{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #anketaModal .anketa-textarea{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 991.98px){
html.flora-a11y-resize .flora-account .flora-account-hero h1{
font-size:calc(36px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account .flora-account-hero h1{
font-size:calc(32px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-identity-name{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-contact-box{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .dialog-header .dialog-title{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .dialog-body{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #exampleModal .naslovfont1{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account-v2 .flora-account-hero h6{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) .font-size-preuzmi{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 #kartica .padding-top-5.font-size-14{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 1199.98px){
html.flora-a11y-resize .flora-account-v2 .flora-account-shortcut small{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account-v2 .flora-account-hero h6,html.flora-a11y-resize .flora-account-v2 .flora-account-section .table td,html.flora-a11y-resize .flora-account-v2 .flora-account-section .table th{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices tr.flora-invoice-row > td::before{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices td.flora-invoice-download::before{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices td.flora-invoice-download .font-size-preuzmi{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v2 :is(#racuni, #floraPaidModal) table.flora-mobile-invoices[data-flora-columns="4"] tr.flora-invoice-row > td:last-child::before{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account-v3 #glavekr .flora-header-action > i{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 .flora-install-dialog-icon{
font-size:calc(23px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 .flora-install-dialog h2{
font-size:calc(21px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 .flora-install-close{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 .flora-install-dialog-body{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 .flora-install-done{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #kartica .flora-ledger-table td{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account-v3 #kartica .flora-ledger-caption{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #kartica .flora-ledger-table td[data-flora-label]::before{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 575.98px){
html.flora-a11y-resize .flora-account-v3 #glavekr .flora-header-action{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #glavekr .flora-header-action > i{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-action{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save,html.flora-a11y-resize .flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save:visited,html.flora-a11y-resize .flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save i,html.flora-a11y-resize .flora-account a.flora-bill-download i{
font-size:calc(19px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-icon{
font-size:calc(24px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-heading p{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-close{
font-size:calc(19px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-action{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-action i{
font-size:calc(19px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-loading{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-toolbar button{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #floraBillPageLabel{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-error{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-fallback{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-action{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-save{
font-size:calc(19px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 575.98px){
html.flora-a11y-resize .flora-account .flora-bill-icon{
font-size:calc(21px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-action{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account .flora-bill-action i{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account-v3 #odvozi h5{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #odvozi .flora-collection-open{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-table th{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #odvozi .flora-collections-empty{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #odvozi .flora-collections-empty > i{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account-v3 #odvozi .flora-collection-count{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 359.98px){
html.flora-a11y-resize .flora-account-v3 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account-v3 #odvozi .flora-collection-title{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-icon{
font-size:calc(23px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .dialog-title{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-date{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-caption{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-amount{
font-size:calc(34px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-request{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-note{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-dismiss{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 575.98px){
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-icon{
font-size:calc(21px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .dialog-title{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-amount{
font-size:calc(30px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-request{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #unpaidModal .flora-unpaid-note{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #glavekr .flora-header-action{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-welcome-label{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-identity .flora-identity-name{
font-size:calc(33px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #anketaOpenButton{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-section-heading h3{
font-size:calc(24px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-section h5{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-section .table th{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-section .table td{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 :is(#racuni, #floraPaidModal) .table td .flora-invoice-actions a.flora-invoice-preview{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #kartica .flora-ledger-caption{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #kartica .flora-ledger-table th{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #odvozi .flora-collection-title{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #odvozi .flora-collection-count{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-eracun-form .form-control-input-podatci{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-eracun-consent-copy{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-eracun-form .alert,html.flora-a11y-resize .flora-account.flora-polish-v29 #info{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-info-intro h4,html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-info-tips h4,html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-info-documents h4{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-price-date{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #info .flora-price-title{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #info .flora-price-explanation{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #info .flora-price-volume{
font-size:calc(22px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #info .flora-price-total > strong{
font-size:calc(24px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #info .flora-info-document-list .pregled-odvoza-poveznica{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #info .flora-info-document-list .pregled-odvoza-poveznica > i{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-contact-box h4{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-privacy{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 1199.98px){
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 991.98px){
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-identity .flora-identity-name{
font-size:calc(29px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account.flora-polish-v29 #glavekr .flora-header-action{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-welcome-label{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-identity .flora-identity-name{
font-size:calc(26px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-section-heading h3{
font-size:calc(22px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-section h5{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 :is(#odvozi, #floraCollectionModal) .flora-collection-calendar{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 #odvozi .flora-collection-title{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 479.98px){
html.flora-a11y-resize .flora-account.flora-polish-v29 #glavekr .flora-header-action{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 359.98px){
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut strong{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account.flora-polish-v29 .flora-account-shortcut small{
font-size:calc(10px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-label{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
font-size:calc(25px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-note{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-column{
font-size:calc(var(--flora-statement-column-font, 12px) * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-year-row > th{
font-size:calc(var(--flora-statement-year-font, 13px) * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-year-count{
font-size:calc(var(--flora-statement-count-font, 11px) * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-cell{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-period{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-number{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-meta{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-due-date{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-amount{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement-text{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-muted,html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-state-unknown,html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-note{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-remaining{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-status{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-empty{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
@media (min-width: 768px) and (max-width: 991.98px){
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-column{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-cell{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-period{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-amount,html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-remaining{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement-text{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 767.98px){
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-label{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
font-size:calc(23px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-note{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-cell-label{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-period{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-number{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-due-cell .flora-statement-cell-label{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-due-date{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-charge .flora-statement-amount{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement-text{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount,html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-remaining{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-status,html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-state-unknown{
font-size:calc(11px * var(--flora-text-scale, 1)) !important;
}
}
@media (max-width: 359.98px){
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-ledger-metric-amount{
font-size:calc(21px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-period,html.flora-a11y-resize .flora-account #kartica.flora-ledger-v36 .flora-statement-settlement .flora-statement-amount{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize body.flora-account.flora-theme-v34 .flora-welcome-label.flora-app-label{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 767.98px){
html.flora-a11y-resize body.flora-account.flora-theme-v34 .flora-welcome-label.flora-app-label{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-icon{
font-size:calc(23px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-title{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-open-icon{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td,html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-period-copy{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-invoice-actions a.flora-invoice-preview,html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr:not(.flora-invoice-row) > td{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 575.98px){
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-icon{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-title{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .flora-account :is(#racuni, #floraPaidModal) .flora-paid-open-icon{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-heading h2{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-heading h2 > i{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-heading p{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-type{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-type > i{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-date > span{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-date > strong{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
@media (max-width: 767.98px){
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-type > i{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-upcoming-date > strong{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail dt{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 #podatci .flora-detail dd{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 #info .flora-document-icon > i{
font-size:calc(19px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 #info .flora-document-copy strong{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 #info .flora-document-copy small{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 #info .flora-info-document-list .pregled-odvoza-poveznica > .flora-document-open{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .zastita-osobnih-podataka-font > i{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .flora-eracun-badge{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-icon{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-heading h2{
font-size:calc(17px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-close{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge > p,html.flora-a11y-resize body#page-top.flora-account.flora-polish-v65 .flora-eracun-nudge-action{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize #anketaModal .dialog-title{
font-size:calc(20px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .anketa-sekcija-naslov{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize .anketa-pitanje .anketa-error{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-tool-hint{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-tool-eyebrow{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-tool-panel-heading h2{
font-size:calc(19px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-section-link{
font-size:calc(16px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account #floraTextSizeLabel{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account #floraTextSizeValue{
font-size:calc(18px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-access-option strong{
font-size:calc(15px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-access-option small{
font-size:calc(13px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-access-reset{
font-size:calc(14px * var(--flora-text-scale, 1)) !important;
}
html.flora-a11y-resize body#page-top.flora-account .flora-access-note{
font-size:calc(12px * var(--flora-text-scale, 1)) !important;
}
#anketaModal .dialog-header{
border-bottom:1px solid #dedede;
padding:18px 20px;
}
#anketaModal .dialog-title{
font-size:20px;
font-weight:700;
color:#08777d;
}
#anketaModal .dialog-body{
padding:20px;
overflow-y:auto !important;
-webkit-overflow-scrolling:touch;
overscroll-behavior-y:contain;
touch-action:pan-y;
min-height:0;
}
.anketa-uvod{
background:#f7f8f6;
border:1px solid #ccddde;
border-radius:6px;
padding:14px;
margin-bottom:18px;
}
.anketa-sekcija-naslov{
background:#ececec;
font-weight:700;
font-size:16px;
padding:8px 10px;
margin:22px 0 10px;
text-transform:uppercase;
}
.anketa-pitanje{
border:1px solid transparent;
border-radius:6px;
padding:11px 12px;
margin-bottom:8px;
}
.anketa-pitanje.anketa-invalid{
border-color:#dc3545;
background:#fff5f5;
}
.anketa-pitanje .anketa-error{
display:none;
color:light-dark(#b02a37, var(--bs-danger-fg));
font-size:14px;
font-weight:600;
margin-top:8px;
}
.anketa-pitanje.anketa-invalid .anketa-error{
display:block;
}
.anketa-pitanje-tekst{
font-weight:500;
margin-bottom:10px;
}
.anketa-opcije{
display:flex;
gap:16px;
flex-wrap:wrap;
align-items:center;
}
.anketa-opcija{
display:inline-flex;
align-items:center;
gap:6px;
cursor:pointer;
margin:0;
}
.anketa-opcija input[type="radio"],.anketa-opcija input[type="checkbox"]{
width:18px;
height:18px;
margin:0;
flex:0 0 auto;
}
.anketa-textarea{
width:100%;
min-height:95px;
resize:vertical;
border:1px solid #b7d5d5;
border-radius:5px;
padding:10px;
font-family:inherit;
}
.anketa-textarea:focus{
border-color:#08777d;
outline:0;
box-shadow:0 0 0 2px rgba(8,119,125,.12);
}
.anketa-textarea:disabled{
background:#f1f1f1;
color:light-dark(#777, var(--bs-fg-body));
cursor:not-allowed;
}
.anketa-obavezno{
color:light-dark(#b02a37, var(--bs-danger-fg));
font-weight:700;
}
@media (max-width: 767.98px){
#anketaModal{
padding:0 !important;
overflow:hidden !important;
overscroll-behavior:none;
}
#anketaModal .dialog-header,#anketaModal .dialog-footer{
flex:0 0 auto;
}
#anketaModal .dialog-body{
flex:1 1 auto;
min-height:0;
max-height:none;
padding:13px;
overflow-x:hidden !important;
overflow-y:auto !important;
-webkit-overflow-scrolling:touch;
touch-action:pan-y;
}
.anketa-opcije{
gap:12px;
}
.anketa-pitanje{
padding:10px 8px;
}
}
body#page-top.flora-account .flora-section-link{
transition:background-color .16s, border-color .16s, color .16s;
}
@media (max-width: 767.98px){
body#page-top.flora-account .flora-access-trigger{
box-shadow:none;
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-account .flora-section-link{
transition:none;
}
}
body#page-top.flora-account .flora-floating-tools{
--flora-quick-viewport:100vh;
--flora-quick-unit:1vh;
}
@supports (height: 100dvh){
body#page-top.flora-account .flora-floating-tools{
--flora-quick-viewport:100dvh;
--flora-quick-unit:1dvh;
}
}
body#page-top.flora-account .flora-access-position{
min-width:0;
margin:4px 0 0;
padding:12px;
border:1px solid #d3e2e0;
border-radius:12px;
background:#f4f8f6;
}
body#page-top.flora-account .flora-access-position-heading{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px 14px;
flex-wrap:wrap;
}
body#page-top.flora-account .flora-access-position-heading label{
min-width:0;
margin:0;
color:light-dark(#294651, var(--bs-fg-body));
font-size:calc(15px * var(--flora-text-scale, 1));
font-weight:600;
line-height:1.4;
overflow-wrap:anywhere;
}
body#page-top.flora-account #floraQuickPositionValue{
flex:0 0 auto;
color:light-dark(#08777d, var(--bs-fg-body));
font-size:calc(16px * var(--flora-text-scale, 1));
font-weight:600;
line-height:1.4;
font-variant-numeric:tabular-nums;
}
body#page-top.flora-account #floraQuickPosition{
display:block;
box-sizing:border-box;
width:100%;
max-width:100%;
min-height:44px;
height:44px;
margin:3px 0 0;
padding:0;
border:0;
background:transparent;
accent-color:#08777d;
cursor:ew-resize;
}
body#page-top.flora-account #floraQuickPositionHelp{
margin:0;
color:light-dark(#526b77, var(--bs-fg-body));
font-size:calc(12px * var(--flora-text-scale, 1));
line-height:1.5;
}
html.flora-quick-above body#page-top.flora-account .flora-section-panel{
top:auto;
bottom:0;
max-height:calc(var(--flora-quick-top) + var(--flora-tool-size) - 18px);
}
@media (max-width: 767.98px){
html.flora-quick-above body#page-top.flora-account .flora-section-panel{
bottom:calc(var(--flora-tool-size) + 10px);
max-height:calc(var(--flora-quick-top) - 22px);
}
}
@layer flora-accessibility{
html.flora-a11y-contrast body#page-top.flora-account .flora-access-position{
border-color:#7e929b !important;
}
}
body#page-top.flora-account .flora-quick-position-preview{
z-index:1036;
pointer-events:none;
user-select:none;
}
body#page-top.flora-account .flora-quick-position-preview *{
pointer-events:none;
}
body#page-top.flora-account .flora-quick-position-preview > .flora-tool-trigger{
cursor:default;
outline:3px solid #fff;
outline-offset:2px;
}
body#page-top.flora-account .flora-quick-position-preview-value{
position:absolute;
top:50%;
right:calc(var(--flora-tool-size) + 12px);
transform:translateY(-50%);
display:block;
padding:6px 10px;
border:1px solid #87b9b5;
border-radius:9px;
background:#fff;
color:light-dark(#075e65, var(--bs-fg-body));
box-shadow:0 3px 12px rgba(24,65,76,.12);
font-size:calc(15px * var(--flora-text-scale, 1));
font-weight:600;
line-height:1.4;
white-space:nowrap;
font-variant-numeric:tabular-nums;
}
body#page-top.flora-account #racuni #table-container1:has(.flora-invoices-clear){
border:0;
border-radius:0;
overflow:visible;
}
body#page-top.flora-account #racuni #table-container1:has(.flora-invoices-clear) > table{
min-width:0;
table-layout:fixed;
border:0 !important;
background:transparent;
}
body#page-top.flora-account #racuni #table-container1:has(.flora-invoices-clear) > table > thead,body#page-top.flora-account #racuni #table-container1:has(.flora-invoices-clear) > table > tbody:empty{
display:none;
}
body#page-top.flora-account #racuni #table-container1:has(.flora-invoices-clear) :is(tbody, tr){
border:0 !important;
}
body#page-top.flora-account #racuni .row > div:has(> #table-container1 .flora-invoices-clear) > .scroll-message1{
display:none !important;
}
@media (min-width: 992px){
html:not(.flora-a11y-large) body#page-top.flora-account #racuni .row > div:has(> #table-container1 .flora-invoices-clear){
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
align-items:center;
gap:18px;
}
html:not(.flora-a11y-large) body#page-top.flora-account #racuni .row > div:has(> #table-container1 .flora-invoices-clear) > .flora-paid-archive{
margin:0;
}
}
body#page-top.flora-account :is(#racuni, #floraPaidModal) #table-container1 .flora-invoices-clear-row > .flora-invoices-clear-cell{
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body#page-top.flora-account .flora-invoices-clear{
display:flex;
align-items:center;
gap:14px;
min-width:0;
margin:0;
padding:18px 20px;
border:1px solid #d4e3df;
border-radius:12px;
background:#f3f8f6;
color:var(--flora-copy-strong, #243f4c);
text-align:left;
white-space:normal;
}
body#page-top.flora-account .flora-invoices-clear-icon{
display:grid;
place-items:center;
flex:0 0 42px;
width:42px;
height:42px;
border:1px solid #bddbca;
border-radius:12px;
background:#e0f1e6;
color:light-dark(#286c51, var(--bs-fg-body));
font-size:24px;
line-height:1;
}
body#page-top.flora-account .flora-invoices-clear-copy{
display:grid;
gap:4px;
min-width:0;
}
body#page-top.flora-account .flora-invoices-clear-copy > strong{
color:var(--flora-copy-strong, #243f4c);
font-size:calc(16px * var(--flora-text-scale, 1));
font-weight:600;
line-height:1.45;
}
body#page-top.flora-account .flora-invoices-clear-copy > span{
color:var(--flora-copy-secondary, #536c78);
font-size:calc(14px * var(--flora-text-scale, 1));
font-weight:400;
line-height:1.5;
}
body#page-top.flora-account .flora-waste-symbols{
position:absolute;
width:0;
height:0;
overflow:hidden;
pointer-events:none;
}
body#page-top.flora-account .flora-upcoming-type{
gap:9px;
}
body#page-top.flora-account .flora-upcoming-type > .flora-bin-mark{
display:grid;
place-items:center;
flex:0 0 34px;
width:34px;
height:34px;
border-radius:9px;
background:var(--flora-bin-color);
color:var(--flora-bin-ink);
}
body#page-top.flora-account .flora-bin-mark > svg{
display:block;
width:25px;
height:25px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
@media (max-width: 767.98px){
body#page-top.flora-account .flora-invoices-clear{
gap:11px;
padding:16px;
border-radius:12px;
}
body#page-top.flora-account .flora-invoices-clear-icon{
flex-basis:36px;
width:36px;
height:36px;
font-size:21px;
}
body#page-top.flora-account .flora-upcoming-type{
gap:7px;
}
body#page-top.flora-account .flora-upcoming-type > .flora-bin-mark{
flex-basis:30px;
width:30px;
height:30px;
border-radius:8px;
}
body#page-top.flora-account .flora-bin-mark > svg{
width:23px;
height:23px;
}
}
/* Bootstrap color modes: custom portal components with fixed legacy colors. */
@layer flora-accessibility{
html[data-bs-theme="dark"] body#page-top.flora-account{
background:var(--bs-bg-body) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-account-section, .flora-dashboard-content, .flora-account-privacy, .flora-ledger-content, .flora-collections-list, .flora-price-list, .flora-bill-preview){
background:transparent !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-account-section > .container, .flora-account-shortcut, .flora-upcoming-item, .flora-contact-box, .flora-price-card, .flora-paid-archive, .flora-statement-wrap, .flora-statement-row, .flora-invoice-row, .flora-collection-month, .flora-eracun-nudge, .flora-floating-panel, .dialog, .flora-install-dialog, .anketa-pitanje, .card){
background:var(--bs-bg-1) !important;
border-color:var(--bs-border-color) !important;
box-shadow:var(--bs-box-shadow-sm) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-account-hero{
background-color:#203542 !important;
background-image:radial-gradient(ellipse at 0% 0%, rgba(225,174,105,.12), transparent 57%), linear-gradient(115deg, #293a3e, #203442 56%, #24434b) !important;
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#glavekr, .footer-boxshadow.copyright){
background:#13212b !important;
border-color:var(--bs-border-color) !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-section-heading, .flora-upcoming-collections, .flora-detail, .flora-statement-cell, .flora-statement-settlement, .flora-table-hint, .table-responsive, .dialog-header, .dialog-footer, .flora-install-dialog-head, .flora-price-breakdown > div, .flora-collection-body){
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :where(#racuni, #floraPaidModal, #kartica, #floraCollectionModal) :is(table, thead, tbody, tfoot, tr, th, td){
--bs-table-bg:transparent;
--bs-table-color:var(--bs-fg-body);
--bs-table-border-color:var(--bs-border-color);
--bs-table-striped-bg:transparent;
--bs-table-accent-bg:transparent;
background-color:transparent !important;
border-color:var(--bs-border-color) !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-paid-body, .flora-collection-body){
background:transparent !important;
border-color:var(--bs-border-color) !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.table thead th, .table-thead-background, .flora-statement-column, .flora-statement-year-row > th, .flora-collection-table th, .table tfoot td, .flora-price-card-head){
background:var(--bs-bg-2) !important;
color:var(--bs-fg-1) !important;
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-account-shortcut small, .flora-tool-eyebrow, .flora-access-option small, .flora-access-note, #floraQuickPositionHelp, .flora-document-copy small, .flora-paid-modal-count, .flora-collection-modal-count, .flora-document-open, .flora-shortcut-arrow, .flora-detail dt, .flora-ledger-metric-label, .flora-ledger-metric-note, .flora-statement-number, .flora-statement-meta, .flora-statement-cell-label, .flora-statement-settlement-text, .flora-statement-note, .flora-upcoming-date > span, .flora-unpaid-date, .flora-unpaid-note, .flora-bill-fallback, .flora-bill-heading p, .flora-price-household, .flora-price-explanation, .flora-contact-service, .flora-invoices-clear-copy > span, .copyright small){
color:var(--bs-fg-1) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-shortcut-icon, .flora-section-icon, .flora-document-icon, .flora-paid-icon, .flora-collection-calendar, .flora-bill-icon, .flora-install-dialog-icon, .flora-eracun-nudge-icon, .flora-section-link-icon){
background:var(--bs-primary-bg-subtle) !important;
border-color:#41635f !important;
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-shortcut-icon, .flora-section-icon, .flora-document-icon, .flora-paid-icon, .flora-collection-calendar, .flora-bill-icon, .flora-install-dialog-icon, .flora-eracun-nudge-icon, .flora-section-link-icon) > .bi{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(:is(#racuni, #floraPaidModal), #e-racun) .flora-section-icon{
background:var(--bs-warning-bg-subtle) !important;
border-color:#6b5940 !important;
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-unpaid-icon{
background:var(--bs-warning-bg-subtle) !important;
border-color:var(--bs-warning-border) !important;
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-unpaid-icon > i{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-ledger-metric, .flora-price-total, .flora-collection-count){
background:var(--bs-warning-bg-subtle) !important;
border-color:var(--bs-warning-border) !important;
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-collection-count, .flora-price-total) *{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-ledger-metric.is-credits, .flora-invoices-clear){
background:var(--bs-success-bg-subtle) !important;
border-color:var(--bs-success-border) !important;
color:var(--bs-success-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-invoices-clear-copy > strong{
color:var(--bs-success-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-invoices-clear-icon{
background:#284d3c !important;
border-color:#56866c !important;
color:var(--bs-success-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-ledger-metric.is-balance{
background:var(--bs-primary-bg-subtle) !important;
border-color:#477274 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-ledger-metric.has-due, .flora-unpaid-balance, .anketa-pitanje.anketa-invalid, .alert.theme-danger){
background:var(--bs-danger-bg-subtle) !important;
border-color:var(--bs-danger-border) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-ledger-metric.has-due .flora-ledger-metric-amount, .flora-unpaid-amount, .flora-unpaid-currency, .text-danger, .anketa-error, .anketa-obavezno, .flora-bill-error){
color:var(--bs-danger-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-statement-amount.is-credit, .flora-upcoming-item.is-today .flora-upcoming-date > span){
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-statement-amount.is-adjustment{
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-statement-status{
background:var(--bs-warning-bg-subtle) !important;
border-color:var(--bs-warning-border) !important;
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 [data-account-state="paid"] .flora-statement-status{
background:var(--bs-success-bg-subtle) !important;
border-color:var(--bs-success-border) !important;
color:var(--bs-success-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 [data-account-state="credit"] :is(.flora-statement-status, .flora-statement-remaining){
background:var(--bs-primary-bg-subtle) !important;
border-color:#477274 !important;
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-statement-status *{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-access-option, .flora-section-link, .flora-text-stepper, .flora-access-position, .flora-access-reset, .flora-tool-close, .flora-bill-close, .flora-modal-close, .flora-bill-view, .flora-bill-toolbar button, .flora-eracun-nudge-close, .flora-info-document-list .pregled-odvoza-poveznica, .zastita-osobnih-podataka-font, .flora-invoice-preview, .anketa-opcija){
background:var(--bs-bg-2) !important;
border-color:var(--bs-border-color) !important;
color:var(--bs-fg-body) !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-tool-panel-heading, .dialog-header, .dialog-footer, .flora-install-dialog-head, .flora-bill-toolbar, .anketa-sekcija-naslov){
background:var(--bs-bg-2) !important;
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-access-option[aria-pressed="true"], .flora-section-link[aria-current="location"], .anketa-opcija:has(input:checked)){
background:var(--bs-primary-bg-subtle) !important;
border-color:var(--bs-primary-fg) !important;
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-access-check{
background:var(--bs-bg-1) !important;
border-color:#78949d !important;
color:var(--bs-primary-contrast) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-access-option[aria-pressed="true"] .flora-access-check{
background:var(--bs-primary-fg) !important;
border-color:var(--bs-primary-fg) !important;
color:var(--bs-primary-contrast) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-access-check > i{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-active-email, .flora-eracun-consent-copy, .flora-quick-position-preview-value, .flora-tool-hint, .anketa-uvod){
background:var(--bs-bg-2) !important;
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="range"]), textarea, select){
background:#14232d !important;
border-color:var(--bs-primary-border) !important;
color:var(--bs-fg-body) !important;
caret-color:var(--bs-primary-fg);
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 ::placeholder{
color:var(--bs-fg-1) !important;
opacity:1 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(input[type="checkbox"], input[type="radio"], input[type="range"]){
accent-color:var(--bs-primary-fg) !important;
border-color:#78949d !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #floraQuickPosition{
background:transparent !important;
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#floraTextSizeValue, #floraQuickPositionValue){
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-text-stepper button{
background:var(--bs-bg-1) !important;
border-color:#56747e !important;
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-tool-trigger:not(.flora-access-trigger), .flora-invoice-save, .flora-bill-download, .flora-unpaid-dismiss, .flora-install-done, .flora-eracun-nudge-action, input.btn-primary2, .dialog-footer .btn){
background:var(--bs-primary-fg) !important;
border-color:var(--bs-primary-fg) !important;
color:var(--bs-primary-contrast) !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-tool-trigger:not(.flora-access-trigger), .flora-invoice-save, .flora-bill-download, .flora-unpaid-dismiss, .flora-install-done, .flora-eracun-nudge-action, input.btn-primary2, .dialog-footer .btn) :is(span, i, strong){
background:transparent !important;
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-access-trigger, #glavekr .flora-install-action){
background:var(--bs-bg-1) !important;
border-color:#608d8f !important;
color:var(--bs-primary-fg) !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #glavekr .flora-install-action *{
background:transparent !important;
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#glavekr .odjava-button, input.btn-odjava){
background:#522f38 !important;
border-color:#94616b !important;
color:#ffd3ce !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #glavekr .odjava-button *{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-eracun-badge{
background:#b8404c !important;
border-color:var(--bs-bg-1) !important;
color:#fff !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-access-trigger[data-adjusted="true"]::after{
border-color:var(--bs-bg-1) !important;
background:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-quick-position-preview > .flora-tool-trigger{
outline-color:var(--bs-bg-1) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-upcoming-list > .flora-upcoming-item{
border-top-color:var(--flora-bin-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-upcoming-item .flora-bin-mark{
background:var(--flora-bin-color) !important;
color:var(--flora-bin-ink) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-bin-mark svg{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-bill-viewport{
background:#0c141c !important;
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .dialog::backdrop{
background:rgba(3,10,14,.5) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-install-dialog::backdrop{
background:rgba(3,10,14,.75) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.alert.theme-warning, .flora-status-pending){
background:var(--bs-warning-bg-subtle) !important;
border-color:var(--bs-warning-border) !important;
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.alert.theme-success, .flora-status-active){
background:var(--bs-success-bg-subtle) !important;
border-color:var(--bs-success-border) !important;
color:var(--bs-success-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.alert.theme-warning, .alert.theme-success, .alert.theme-danger) :is(span, strong, b){
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(button, input, a, summary, textarea, select):focus-visible{
outline-color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(input:disabled, button:disabled){
opacity:.5;
}
@media (hover: hover) and (pointer: fine){
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-paid-toggle, .flora-access-option, .flora-section-link, .flora-text-stepper, .flora-access-position, .flora-access-reset, .flora-tool-close, .flora-bill-close, .flora-modal-close, .flora-bill-view, .flora-bill-toolbar button, .flora-eracun-nudge-close, .flora-info-document-list .pregled-odvoza-poveznica, .zastita-osobnih-podataka-font, .flora-invoice-preview, .anketa-opcija, .flora-account-shortcut, .flora-collection-summary, .flora-text-stepper button):hover{
background:var(--bs-bg-3) !important;
border-color:#80a9a6 !important;
color:var(--bs-fg-body) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-tool-trigger:not(.flora-access-trigger), .flora-invoice-save, .flora-bill-download, .flora-unpaid-dismiss, .flora-install-done, .flora-eracun-nudge-action, input.btn-primary2, .dialog-footer .btn):not(:disabled):hover,html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #floraPaidModal a.flora-invoice-preview:is(:hover, :focus-visible){
background:var(--bs-primary-fg-emphasis) !important;
border-color:var(--bs-primary-fg-emphasis) !important;
color:var(--bs-primary-contrast) !important;
}
html[data-bs-theme="dark"]:not(.flora-ledger-reflow) body#page-top.flora-account.flora-polish-v65 #kartica.flora-ledger-v36 .flora-statement-row:hover > .flora-statement-cell,html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .table:not(.flora-paid-table) .flora-invoice-row:hover > :is(th, td),html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-paid-table .flora-invoice-row:hover{
background:var(--bs-warning-bg-subtle) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#glavekr .odjava-button, input.btn-odjava):hover{
background:#683b43 !important;
border-color:#bd7f86 !important;
color:#ffe4df !important;
}
}
}
body#page-top.flora-account.flora-polish-v65 .flora-floating-tools{
--flora-quick-bottom:clamp(max(14px, env(safe-area-inset-bottom, 0px)), calc(var(--flora-quick-position, 10) * var(--flora-quick-unit)), calc(var(--flora-quick-viewport) - var(--flora-tool-size) - max(180px, calc(var(--flora-access-top) + var(--flora-tool-size) + 14px))));
--flora-quick-top:calc(var(--flora-quick-viewport) - var(--flora-quick-bottom) - var(--flora-tool-size));
--flora-access-bottom:calc(var(--flora-quick-viewport) - var(--flora-access-top) - var(--flora-tool-size));
--flora-access-top:calc(20 * var(--flora-quick-unit));
}
body#page-top.flora-account.flora-polish-v65 :is(.flora-section-dock, .flora-quick-position-preview){
top:auto;
bottom:var(--flora-quick-bottom);
}
body#page-top.flora-account.flora-polish-v65 .flora-access-dock{
top:var(--flora-access-top);
bottom:auto;
}
body#page-top.flora-account.flora-polish-v65 .flora-section-panel{
top:auto;
bottom:0;
max-height:calc(var(--flora-quick-viewport) - var(--flora-quick-bottom) - 14px);
}
body#page-top.flora-account.flora-polish-v65 .flora-access-panel{
top:auto;
bottom:0;
max-height:calc(var(--flora-quick-viewport) - var(--flora-access-bottom) - 14px);
}
body#page-top.flora-account.flora-polish-v65 .flora-floating-tools.is-access-below .flora-access-panel{
top:0;
bottom:auto;
max-height:calc(var(--flora-quick-viewport) - var(--flora-access-top) - 14px);
}
body#page-top.flora-account :is(#floraSectionToggle, #floraSectionToggle *, #floraAccessToggle, #floraAccessToggle *){
touch-action:none;
user-select:none;
-webkit-user-select:none;
-webkit-touch-callout:none;
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-polish-v65 .flora-section-panel{
bottom:calc(var(--flora-tool-size) + 10px);
max-height:calc(var(--flora-quick-viewport) - var(--flora-quick-bottom) - var(--flora-tool-size) - 24px);
}
body#page-top.flora-account.flora-polish-v65 .flora-access-panel{
bottom:calc(var(--flora-tool-size) + 10px);
max-height:calc(var(--flora-quick-viewport) - var(--flora-access-bottom) - var(--flora-tool-size) - 24px);
}
body#page-top.flora-account.flora-polish-v65 .flora-floating-tools.is-access-below .flora-access-panel{
top:calc(var(--flora-tool-size) + 10px);
max-height:calc(var(--flora-quick-viewport) - var(--flora-access-top) - var(--flora-tool-size) - 24px);
}
}
@media (max-height: 360px){
body#page-top.flora-account.flora-polish-v65 :is(.flora-section-panel, .flora-access-panel){
position:fixed;
top:12px !important;
right:calc(var(--flora-tool-edge) + var(--flora-tool-size) + 10px);
bottom:auto !important;
max-width:calc(100vw - var(--flora-tool-edge) - var(--flora-tool-size) - 22px);
max-height:calc(var(--flora-quick-viewport) - 24px) !important;
}
}
body#page-top.flora-account.flora-polish-v65 .flora-bin-mark > .bi{
color:inherit;
font-size:20px;
line-height:1;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-actions{
display:inline-flex;
align-items:center;
justify-content:flex-start;
flex-wrap:nowrap;
gap:8px;
width:max-content;
max-width:100%;
margin:0;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .table td:first-child,body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) #table-container1 > table > thead > tr > th:first-child{
text-align:left !important;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-column-label{
display:inline-block;
width:var(--flora-invoice-actions-width, 252px);
max-width:100%;
text-align:center;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-actions .flora-invoice-barcode{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 44px;
width:44px;
min-width:44px;
min-height:44px;
margin:0;
padding:0;
border:1px solid #b6d1d0;
border-radius:9px;
background:#eff6f4;
color:light-dark(#17636d, var(--bs-fg-body));
font:inherit;
font-size:21px;
line-height:1;
cursor:pointer;
transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-barcode > i{
color:inherit !important;
line-height:1;
}
body#page-top.flora-account.flora-polish-v65 .flora-invoice-barcode:focus-visible{
outline:3px solid #178a90;
outline-offset:3px;
}
body#page-top.flora-account.flora-polish-v65 #anketaOpenButton{
align-items:center;
gap:8px;
border:1px solid #c7ddda;
color:light-dark(#255461, var(--bs-fg-body));
transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
@media (min-width: 768px){
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tbody > tr.flora-invoice-row{
grid-template-columns:auto minmax(0, 1fr);
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td:first-child{
grid-column:1;
grid-row:1;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) #table-container-paid .flora-paid-table tr.flora-invoice-row > td:nth-child(2){
grid-column:2;
grid-row:1;
justify-content:flex-end;
text-align:right !important;
}
}
@media (min-width: 768px){
body#page-top.flora-account.flora-polish-v65 .flora-upcoming-list[data-count="1"]{
width:calc((100% - 12px) / 2);
grid-template-columns:minmax(0, 1fr);
}
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-polish-v65 .flora-bin-mark > .bi{
font-size:18px;
}
}
@media (max-width: 767.98px){
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-actions{
display:grid;
grid-template-columns:44px minmax(0, 1fr) 44px;
width:100%;
gap:8px;
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) #table-container-paid .flora-invoice-actions{
display:grid;
width:100%;
gap:8px;
grid-template-columns:44px minmax(0, 1fr);
}
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-actions .flora-invoice-preview{
min-width:0;
white-space:normal;
}
}
@layer flora-accessibility{
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .dialog-body{
background:var(--bs-bg-1) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .dialog-body :is(.naslovfont1, .naslovpolitikafont){
color:#c3ece7 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.dialog-body a, .flora-bill-fallback a){
color:#b1e8e1 !important;
text-decoration-color:#709c9c;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-barcode{
background:var(--bs-bg-2) !important;
color:var(--bs-primary-fg) !important;
border-color:#5b7b88 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .table td a.text-decoration-none:not(.flora-invoice-action){
background:var(--bs-bg-2) !important;
border-color:var(--bs-border-color) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .table td a.text-decoration-none:not(.flora-invoice-action) font{
color:inherit !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #anketaOpenButton{
background:var(--bs-bg-2) !important;
border-color:#60818c !important;
box-shadow:none !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-section-link[aria-current="location"] :is(span, i){
color:var(--bs-primary-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-bin-mark > .bi{
color:inherit !important;
}
@media (hover: hover) and (pointer: fine){
body#page-top.flora-account.flora-polish-v65 #floraSectionPanel .flora-section-link:hover{
background:#e5f2ef !important;
color:#174754 !important;
border-color:#99c4bd !important;
}
body#page-top.flora-account.flora-polish-v65 #floraSectionPanel .flora-section-link:hover :is(span, i){
color:#174754 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #floraSectionPanel .flora-section-link:hover{
background:#314d5a !important;
color:#effdfb !important;
border-color:#90c7c1 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #floraSectionPanel .flora-section-link:hover :is(span, i){
color:#effdfb !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .dialog-body a:hover{
color:#e2fff9 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-barcode:hover{
background:#344f5b !important;
border-color:#9fcdc7 !important;
color:#e1fff8 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 #anketaOpenButton:hover{
background:#34535c !important;
color:#f1fffc !important;
border-color:#9fcdc7 !important;
box-shadow:0 3px 12px rgba(0,0,0,.16) !important;
}
}
}
@media (hover: hover) and (pointer: fine){
body#page-top.flora-account.flora-polish-v65 :is(#racuni, #floraPaidModal) .flora-invoice-barcode:hover{
background:#dfefeb;
border-color:#83b7af;
color:light-dark(#124d59, var(--bs-primary-fg));
}
body#page-top.flora-account.flora-polish-v65 #anketaOpenButton:hover{
background:#dfefeb;
border-color:#8abcb4;
color:light-dark(#164d58, var(--bs-primary-fg));
box-shadow:0 3px 10px rgba(30,80,88,.1) !important;
}
}
body#page-top.flora-account .flora-invoice-tooltip{
position:fixed;
z-index:1080;
top:0;
left:0;
width:max-content;
max-width:min(260px, calc(100vw - 16px));
transform:translateY(3px);
visibility:hidden;
opacity:0;
padding:7px 10px;
border-radius:7px;
background:#233b47;
color:light-dark(#fff, var(--bs-fg-body));
font-family:inherit;
font-size:calc(13px * var(--flora-text-scale, 1));
font-weight:500;
line-height:1.4;
text-align:center;
white-space:normal;
overflow-wrap:anywhere;
pointer-events:none;
transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
body#page-top.flora-account .flora-invoice-tooltip.is-visible{
visibility:visible;
opacity:1;
transform:translateY(0);
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal{
width:calc(100% - 32px);
max-width:1120px;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal{
overflow:hidden;
border:1px solid #c8dcd9;
border-radius:18px;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal .dialog-header{
display:flex;
align-items:center;
gap:12px;
padding:20px 24px;
background:#f1f7f5;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-heading{
flex:1;
min-width:0;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-heading > h2{
margin:0;
font-size:calc(21px * var(--flora-text-scale, 1));
font-weight:600;
line-height:1.35;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-heading > p{
margin:5px 0 0;
color:light-dark(#546c79, var(--bs-fg-body));
font-size:calc(14px * var(--flora-text-scale, 1));
line-height:1.5;
overflow-wrap:anywhere;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal .dialog-body{
padding:28px;
}
body#page-top.flora-account.flora-polish-v65 #floraBarcodeModal [hidden]{
display:none !important;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-loading{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
min-height:210px;
font-size:calc(16px * var(--flora-text-scale, 1));
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-paper{
display:grid;
place-items:center;
padding:30px;
border:1px solid #d6e1e4;
border-radius:12px;
background:#fff;
color-scheme:light;
}
body#page-top.flora-account.flora-polish-v65 #floraBarcodeImage{
display:block;
width:100%;
max-width:1000px;
height:auto;
margin-inline:auto;
filter:none;
image-rendering:auto;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-details{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px 24px;
margin:22px 0 0;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-details > div{
min-width:0;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-details dt{
margin:0 0 3px;
color:light-dark(#576f7a, var(--bs-fg-body));
font-size:calc(13px * var(--flora-text-scale, 1));
font-weight:400;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-details dd{
margin:0;
color:light-dark(#304b59, var(--bs-fg-body));
font-size:calc(16px * var(--flora-text-scale, 1));
font-weight:600;
overflow-wrap:anywhere;
font-variant-numeric:tabular-nums;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-note{
margin:20px 0 0;
color:light-dark(#546c79, var(--bs-fg-1));
font-size:calc(14px * var(--flora-text-scale, 1));
line-height:1.6;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-error{
padding:18px;
border:1px solid #e0c99f;
border-radius:12px;
background:#fff8e9;
color:light-dark(#614c25, var(--bs-fg-body));
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-error > p{
margin:0 0 15px;
font-size:calc(16px * var(--flora-text-scale, 1));
line-height:1.6;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-error-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
@layer flora-accessibility{
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-barcode-error{
background:var(--bs-warning-bg-subtle) !important;
border-color:#8b7653 !important;
color:var(--bs-warning-fg) !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 .flora-bill-error{
background:var(--bs-warning-bg-subtle) !important;
border-color:#8b7653 !important;
}
html[data-bs-theme="dark"] body#page-top.flora-account.flora-polish-v65 :is(.flora-barcode-heading > p, .flora-barcode-note, .flora-barcode-details dt){
color:var(--bs-fg-1) !important;
}
}
@media (max-width: 575.98px){
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal{
width:calc(100% - 20px);
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal .dialog-header{
padding:17px 15px;
gap:10px;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-modal .dialog-body{
padding:18px 15px;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-paper{
padding:14px 10px;
}
body#page-top.flora-account.flora-polish-v65 .flora-barcode-details{
grid-template-columns:minmax(0, 1fr);
gap:12px;
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-account.flora-polish-v65 :is(.flora-invoice-barcode, #anketaOpenButton, .flora-invoice-tooltip){
transition:none;
}
}
/* Expand the same payment barcode without fetching or rebuilding its contents. */
html:has(#floraBarcodeModal.is-scan-mode[open]){
scrollbar-gutter:auto !important;
}
body#page-top.flora-account .flora-barcode-enlarge{
display:block;
width:100%;
min-width:0;
margin:0;
padding:0;
border:0;
background:#fff;
line-height:0;
cursor:zoom-in;
touch-action:manipulation;
}
body#page-top.flora-account .flora-barcode-enlarge:focus-visible{
outline:3px solid #08777d;
outline-offset:5px;
}
body#page-top.flora-account .flora-barcode-expand-hint{
display:none;
margin:10px 0 0;
color:light-dark(#546c79, var(--bs-fg-1));
font-size:calc(13px * var(--flora-text-scale, 1));
text-align:center;
}
@media (max-width: 991.98px), (pointer: coarse){
body#page-top.flora-account .flora-barcode-expand-hint{
display:block;
}
}
body#page-top.flora-account .flora-barcode-scan-toolbar{
display:flex;
flex:0 0 auto;
justify-content:flex-end;
padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));
background:#fff;
}
body#page-top.flora-account .flora-barcode-scan-back{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:44px;
padding:8px 14px;
border:1px solid #c8dcd9;
border-radius:8px;
background:#fff;
color:#234350;
font:inherit;
cursor:pointer;
touch-action:manipulation;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode[open]{
--bs-dialog-margin:0;
position:fixed;
display:flex;
flex-direction:column;
inset:auto;
top:var(--flora-scan-top, 0px);
left:var(--flora-scan-left, 0px);
width:var(--flora-scan-width, 100vw);
max-width:var(--flora-scan-width, 100vw);
height:100vh;
height:var(--flora-scan-height, 100dvh);
max-height:100vh;
max-height:var(--flora-scan-height, 100dvh);
margin:0;
padding:0;
border-radius:0;
overflow:hidden;
color-scheme:light;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode > .dialog-header,body#page-top.flora-account #floraBarcodeModal.is-scan-mode :is(.flora-barcode-details, .flora-barcode-note, .flora-barcode-expand-hint){
display:none;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode.is-scan-wide[open]{
flex-direction:row;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode.is-scan-wide .flora-barcode-scan-toolbar{
align-items:flex-start;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode #floraBarcodeBody{
display:flex;
flex:1 1 0;
min-width:0;
min-height:0;
padding:0 !important;
overflow:hidden;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode #floraBarcodeResult{
display:flex;
flex:1 1 0;
min-width:0;
min-height:0;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode .flora-barcode-paper{
display:flex;
align-items:stretch;
flex:1 1 0;
min-width:0;
min-height:0;
padding:0;
border:0;
border-radius:0;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode .flora-barcode-enlarge{
position:relative;
flex:1 1 0;
min-height:0;
height:auto;
overflow:hidden;
cursor:zoom-out;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode #floraBarcodeImage{
position:absolute;
top:50%;
left:50%;
width:var(--flora-scan-image-width, 1px);
max-width:none;
height:var(--flora-scan-image-height, 1px);
max-height:none;
margin:0;
object-fit:contain;
transform:translate(-50%, -50%) rotate(var(--flora-scan-angle, 0deg));
}
@layer flora-accessibility{
body#page-top.flora-account #floraBarcodeModal.is-scan-mode{
border:0 !important;
border-radius:0 !important;
}
body#page-top.flora-account #floraBarcodeModal.is-scan-mode,body#page-top.flora-account #floraBarcodeModal.is-scan-mode :is(.dialog-body, .flora-barcode-paper, .flora-barcode-scan-toolbar){
background:#fff !important;
color:#234350 !important;
filter:none !important;
}
}
/* Prijava: stilovi premješteni iz index.php. */
body.flora-login.flora-polish-v29{
background:light-dark(#f1f7f5, var(--bs-bg-body));
}
.flora-login.flora-polish-v29 .flora-login-layout{
display:grid;
grid-template-columns:minmax(0, 1.06fr) minmax(0, 1fr);
width:calc(100% - 64px);
max-width:1120px;
margin:48px auto;
border:1px solid light-dark(#ccddde, var(--bs-border-color));
border-radius:24px;
}
.flora-login.flora-polish-v29 .flora-hero{
display:flex;
align-items:center;
min-width:0;
min-height:600px;
margin:-1px 0 -1px -1px;
padding:48px;
border-radius:24px 0 0 24px;
background:light-dark(#08777d, var(--bs-bg-1));
text-align:left;
}
.flora-login.flora-polish-v29 .flora-hero-inner{
position:relative;
width:100%;
max-width:none;
margin:0;
}
.flora-login.flora-polish-v29 .flora-hero h1{
margin:0 0 22px;
font-size:clamp(42px, 4.3vw, 58px);
}
.flora-login.flora-polish-v29 .flora-hero h1 span{
display:block;
}
.flora-login.flora-polish-v29 .flora-hero p{
max-width:none;
margin:0;
color:light-dark(#e8f3f1, var(--bs-fg-body));
font-size:16px;
line-height:1.7;
}
.flora-login.flora-polish-v29 .flora-features{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
justify-content:start;
gap:18px 12px;
margin:40px 0 0;
padding-top:28px;
border-top:1px solid rgba(255,255,255,.19);
}
.flora-login.flora-polish-v29 .flora-features li{
align-items:center;
gap:9px;
min-width:0;
color:light-dark(#f1f7f5, var(--bs-fg-body));
font-size:14px;
line-height:1.5;
}
.flora-login.flora-polish-v29 .flora-features i{
flex-shrink:0;
color:light-dark(#ccddde, var(--bs-fg-body));
font-size:19px;
}
.flora-login.flora-polish-v29 .flora-main{
min-width:0;
padding:44px 40px 30px;
}
.flora-login.flora-polish-v29 .flora-login-card{
max-width:none;
margin:0;
padding:0;
border:0;
border-radius:0;
box-shadow:none;
}
.flora-login.flora-polish-v29 .flora-card-heading{
gap:12px;
margin-bottom:30px;
}
.flora-login.flora-polish-v29 .flora-card-icon{
width:43px;
height:43px;
border-radius:12px;
background:light-dark(#e8f3f1, var(--bs-primary-bg-subtle));
color:light-dark(#08777d, var(--bs-primary-fg));
font-size:22px;
}
.flora-login.flora-polish-v29 .flora-card-heading h2{
line-height:1.3;
}
.flora-login.flora-polish-v29 .flora-card-heading p{
margin:0;
font-size:14px;
}
.flora-login.flora-polish-v29 .flora-input-label{
margin-bottom:10px;
font-size:14px;
}
.flora-login.flora-polish-v29 .flora-code-input{
height:64px;
padding:14px;
border:1px solid light-dark(#ccddde, var(--bs-border-color));
border-radius:10px;
background:light-dark(#f7faf8, var(--bs-bg-body));
font-size:25px;
}
.flora-login.flora-polish-v29 .flora-code-input::placeholder{
color:light-dark(#536c78, var(--bs-fg-1));
font-size:22px;
}
.flora-login.flora-polish-v29 .flora-code-help{
gap:8px;
margin:9px 0 20px;
font-size:13px;
}
.flora-login.flora-polish-v29 .flora-remember{
align-items:center;
gap:10px;
margin-bottom:24px;
}
.flora-login.flora-polish-v29 .flora-remember label{
font-size:15px;
}
.flora-login.flora-polish-v29 .flora-login-submit{
min-height:54px;
border-radius:10px;
font-size:16px;
letter-spacing:0;
}
.flora-login.flora-polish-v29 .flora-login-submit i{
margin-left:6px;
font-size:19px;
}
.flora-login.flora-polish-v29 .flora-help-links{
gap:10px;
margin:28px 0 0;
padding-top:24px;
border-top:1px solid #e8f3f1;
}
.flora-login.flora-polish-v29 .flora-help-link{
gap:9px;
min-height:67px;
padding:11px;
border-radius:10px;
background:light-dark(#f7faf8, var(--bs-bg-1));
}
.flora-login.flora-polish-v29 .flora-help-icon{
width:30px;
height:32px;
border-radius:8px;
background:light-dark(#e8f3f1, var(--bs-warning-bg-subtle));
font-size:17px;
}
.flora-login.flora-polish-v29 .flora-help-copy strong{
font-size:15px;
}
.flora-login.flora-polish-v29 .flora-help-copy small{
margin-top:3px;
font-size:13px;
}
.flora-login.flora-polish-v29 .flora-help-arrow{
display:none;
}
.flora-login.flora-polish-v29 .flora-footer{
margin-top:auto;
padding:23px 32px;
border-top:1px solid #e8f3f1;
background:transparent;
}
.flora-login.flora-polish-v29 .flora-footer-inner{
max-width:1120px;
}
.flora-login.flora-polish-v29 .flora-footer p{
font-size:13px;
}
.flora-login.flora-polish-v29 .flora-dialog{
border-radius:18px;
}
.flora-login.flora-polish-v29 .flora-dialog-header{
background:light-dark(#f1f7f5, var(--bs-bg-2));
}
.flora-login.flora-polish-v29 .flora-dialog-header h2{
font-size:20px;
}
.flora-login.flora-polish-v29 .flora-dialog-body{
color:light-dark(#365563, var(--bs-fg-body));
font-size:16px;
}
.flora-login.flora-polish-v29 .flora-dialog-body h3{
font-size:17px;
}
@media (max-width: 991.98px){
.flora-login.flora-polish-v29 .flora-login-layout{
display:block;
width:calc(100% - 40px);
max-width:580px;
margin:28px auto;
border-radius:21px;
}
.flora-login.flora-polish-v29 .flora-hero{
min-height:0;
margin:-1px -1px 0;
padding:30px;
border-radius:21px 21px 0 0;
}
.flora-login.flora-polish-v29 .flora-hero h1{
margin-bottom:13px;
font-size:38px;
}
.flora-login.flora-polish-v29 .flora-hero h1 span{
display:inline;
}
.flora-login.flora-polish-v29 .flora-hero p{
max-width:none;
font-size:15px;
}
.flora-login.flora-polish-v29 .flora-features{
gap:12px 18px;
margin-top:23px;
padding-top:20px;
}
.flora-login.flora-polish-v29 .flora-main{
padding:30px;
}
}
@media (max-width: 767.98px){
.flora-login.flora-polish-v29 .flora-code-input::placeholder{
font-size:19px;
}
.flora-login.flora-polish-v29 .flora-footer{
padding:20px;
}
}
@media (max-width: 479.98px){
.flora-login.flora-polish-v29 .flora-login-layout{
width:calc(100% - 28px);
margin:20px auto 26px;
border-radius:18px;
}
.flora-login.flora-polish-v29 .flora-hero{
padding:27px 23px;
border-radius:18px 18px 0 0;
}
.flora-login.flora-polish-v29 .flora-hero h1{
font-size:35px;
}
.flora-login.flora-polish-v29 .flora-features{
gap:11px 13px;
}
.flora-login.flora-polish-v29 .flora-features li{
gap:7px;
font-size:13px;
}
.flora-login.flora-polish-v29 .flora-features i{
font-size:17px;
}
.flora-login.flora-polish-v29 .flora-main{
padding:27px 22px;
}
.flora-login.flora-polish-v29 .flora-card-heading{
gap:11px;
margin-bottom:25px;
}
.flora-login.flora-polish-v29 .flora-card-icon{
width:39px;
height:40px;
font-size:20px;
}
.flora-login.flora-polish-v29 .flora-help-links{
gap:9px;
margin-top:25px;
padding-top:22px;
}
.flora-login.flora-polish-v29 .flora-help-link{
gap:7px;
padding:10px;
}
.flora-login.flora-polish-v29 .flora-help-icon{
width:26px;
height:30px;
font-size:16px;
}
.flora-login.flora-polish-v29 .flora-help-copy small{
font-size:13px;
}
}
@media (max-width: 359.98px){
.flora-login.flora-polish-v29 .flora-hero{
padding:24px 20px;
}
.flora-login.flora-polish-v29 .flora-hero h1{
font-size:32px;
}
.flora-login.flora-polish-v29 .flora-main{
padding:25px 19px;
}
.flora-login.flora-polish-v29 .flora-help-links{
grid-template-columns:minmax(0, 1fr);
}
.flora-login.flora-polish-v29 .flora-help-link{
min-height:59px;
padding:11px;
gap:10px;
}
.flora-login.flora-polish-v29 .flora-help-copy small{
font-size:14px;
}
}
@media (prefers-reduced-motion: reduce){
.flora-polish-v29:where(.flora-login) *,.flora-polish-v29:where(.flora-login) *::before,.flora-polish-v29:where(.flora-login) *::after{
scroll-behavior:auto !important;
}
}
body.flora-login.flora-theme-v34{
--flora-green:var(--bs-primary-bg);
--flora-accent:#178a90;
--flora-dark:light-dark(#2f4b59, var(--bs-fg-body));
--flora-teal:#2faaac;
--flora-amber:#f0ad46;
--flora-orange:#f78c40;
--flora-cream:#fff7e6;
background:light-dark(#f6f7f5, var(--bs-bg-body));
caret-color:#08777d;
}
body.flora-theme-v34:where(.flora-login) ::selection{
background:light-dark(#f8dca0, var(--bs-bg-1));
color:light-dark(#304d5b, var(--bs-fg-body));
}
body.flora-theme-v34:where(.flora-login) :is(button, a, input, select, textarea):focus-visible{
outline-color:light-dark(#08777d, var(--bs-primary-fg));
}
body.flora-login.flora-theme-v34 .flora-login-layout{
background:light-dark(#fffdf8, var(--bs-bg-1));
}
body.flora-login.flora-theme-v34 .flora-hero{
background-color:light-dark(#f8dca0, var(--bs-bg-1));
background-image:linear-gradient(135deg, #f7b66b 0%, #f8dca0 43%, #93d4cf 100%);
color:light-dark(#304d5b, var(--bs-fg-body));
}
body.flora-login.flora-theme-v34 .flora-hero p,body.flora-login.flora-theme-v34 .flora-features li,body.flora-login.flora-theme-v34 .flora-features i{
color:light-dark(#304d5b, var(--bs-fg-body));
}
body.flora-login.flora-theme-v34 .flora-features{
border-top-color:light-dark(rgba(48,77,91,.18), var(--bs-border-color));
}
body.flora-login.flora-theme-v34 .flora-main,body.flora-login.flora-theme-v34 .flora-login-card{
background-color:light-dark(#fffdf8, var(--bs-bg-1));
}
body.flora-login.flora-theme-v34 .flora-card-icon,body.flora-login.flora-theme-v34 .flora-help-icon{
background:light-dark(#fff0d7, var(--bs-warning-bg-subtle));
color:light-dark(#81501f, var(--bs-warning-fg));
}
body.flora-login.flora-theme-v34 .flora-code-input{
border-color:light-dark(#c7dcde, var(--bs-border-color));
}
body.flora-login.flora-theme-v34 .flora-code-input::placeholder{
color:light-dark(#617780, var(--bs-fg-1));
}
body.flora-login.flora-theme-v34 .flora-code-input:focus{
box-shadow:0 0 0 4px rgba(8,119,125,.12);
}
body.flora-login.flora-theme-v34 .flora-login-submit:hover{
border-color:light-dark(#075c64, var(--bs-border-color));
background:light-dark(#075c64, var(--bs-primary-fg-emphasis));
}
body.flora-login.flora-theme-v34 .flora-help-links{
border-top-color:light-dark(#e5ebea, var(--bs-border-color));
}
body.flora-login.flora-theme-v34 .flora-help-link:hover{
border-color:light-dark(#9ac4c5, var(--bs-border-color));
background:light-dark(#eff8f5, var(--bs-bg-3));
}
body.flora-login.flora-theme-v34 .flora-footer{
background:light-dark(#f6f7f5, var(--bs-bg-body));
}
body.flora-login.flora-theme-v34 .flora-dialog{
background:light-dark(#fffdf8, var(--bs-bg-1));
}
body.flora-login.flora-theme-v34 .flora-dialog-header{
background:light-dark(#fff7e6, var(--bs-bg-2));
border-bottom-color:light-dark(#eadcc2, var(--bs-border-color));
}
body.flora-login.flora-theme-v34 .flora-instruction-highlight{
background:light-dark(#fff7e6, var(--bs-warning-bg-subtle));
border-color:light-dark(#efd3a1, var(--bs-warning-border));
}
body.flora-login.flora-theme-v34 .flora-dialog-footer{
background:light-dark(#f1f7f5, var(--bs-bg-2));
}
body.flora-theme-v34:where(.flora-login) .flora-app-icon{
display:block;
flex:0 0 auto;
width:64px;
height:64px;
object-fit:contain;
border:1px solid rgba(48,77,91,.13);
border-radius:16px;
background:light-dark(#fff7e6, var(--bs-bg-1));
box-shadow:0 4px 12px rgba(47,75,89,.11);
}
body.flora-login.flora-theme-v34 .flora-app-heading{
display:flex;
align-items:center;
gap:16px;
min-width:0;
margin:0 0 22px;
}
body.flora-login.flora-theme-v34 .flora-app-heading h1{
min-width:0;
margin:0;
text-align:left;
}
@media (max-width: 991.98px){
body.flora-login.flora-theme-v34 .flora-app-heading{
justify-content:center;
gap:13px;
}
body.flora-login.flora-theme-v34 .flora-app-icon--title{
width:56px;
height:56px;
border-radius:14px;
}
}
@media (max-width: 767.98px){
body.flora-login.flora-theme-v34 .flora-app-heading{
gap:10px;
margin-bottom:17px;
}
body.flora-login.flora-theme-v34 .flora-app-icon--title{
width:44px;
height:44px;
border-radius:11px;
}
}
@media (min-width: 992px){
body.flora-login.flora-polish-v29 .flora-login-stage{
display:flex;
flex:1 0 auto;
align-items:center;
justify-content:center;
width:100%;
min-width:0;
padding:32px 0;
}
body.flora-login.flora-polish-v29 .flora-login-layout{
flex:0 1 auto;
margin:0 auto;
}
body.flora-login.flora-polish-v29 .flora-footer{
flex:0 0 auto;
margin-top:0;
}
}
body.flora-readable-v51.flora-theme-v34:where(.flora-login){
--flora-ui-font:"Source Sans 3", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
--flora-ink:var(--bs-fg-body);
--flora-muted:var(--bs-fg-1);
--flora-copy-strong:light-dark(#243f4c, var(--bs-fg-body));
--flora-copy-secondary:light-dark(#465e6b, var(--bs-fg-1));
--flora-copy-link:light-dark(#066b72, var(--bs-primary-fg));
color:var(--flora-copy-strong);
font-family:var(--flora-ui-font);
-webkit-font-smoothing:auto;
-moz-osx-font-smoothing:auto;
text-rendering:optimizeLegibility;
}
body.flora-readable-v51:where(.flora-login) :where(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, legend, summary, span, strong, b, small, em, li, dt, dd, td, th, font, div, section, nav, footer, header, dialog, time, output){
font-family:var(--flora-ui-font) !important;
}
body.flora-readable-v51:where(.flora-login) :where(a){
text-underline-offset:.18em;
}
body.flora-readable-v51:where(.flora-login) :where(input, select, textarea){
font-variant-numeric:lining-nums tabular-nums;
}
body.flora-login.flora-readable-v51 .flora-hero h1{
color:var(--flora-copy-strong);
font-weight:600;
letter-spacing:-.025em;
line-height:1.15;
}
body.flora-login.flora-readable-v51 .flora-hero p,body.flora-login.flora-readable-v51 .flora-features li{
color:light-dark(#2f4b59, var(--bs-fg-body));
font-weight:500;
}
body.flora-login.flora-readable-v51 .flora-card-heading h2{
color:var(--flora-copy-strong);
font-weight:600;
letter-spacing:-.015em;
}
body.flora-login.flora-readable-v51 .flora-card-heading p{
color:var(--flora-copy-secondary);
line-height:1.65;
}
body.flora-login.flora-readable-v51 .flora-input-label{
color:var(--flora-copy-strong);
font-weight:600;
line-height:1.5;
}
body.flora-login.flora-readable-v51 .flora-code-input{
color:var(--flora-copy-strong);
border-color:light-dark(#a9c1c5, var(--bs-border-color));
font-weight:500;
letter-spacing:.015em;
}
body.flora-login.flora-readable-v51 .flora-code-input::placeholder{
font-weight:400;
letter-spacing:0;
opacity:1;
}
body.flora-login.flora-readable-v51 .flora-code-help{
color:var(--flora-copy-link);
font-weight:600;
line-height:1.55;
}
body.flora-login.flora-readable-v51 .flora-remember label{
color:var(--flora-copy-strong);
font-weight:500;
line-height:1.55;
}
body.flora-login.flora-readable-v51 .flora-login-submit{
font-weight:600;
line-height:1.4;
text-shadow:none;
}
body.flora-login.flora-readable-v51 .flora-help-copy strong{
color:var(--flora-copy-strong);
font-weight:600;
line-height:1.5;
}
body.flora-login.flora-readable-v51 .flora-help-copy small{
color:var(--flora-copy-secondary);
font-weight:400;
line-height:1.55;
}
body.flora-login.flora-readable-v51 .flora-footer{
color:var(--flora-copy-secondary);
}
body.flora-login.flora-readable-v51 .flora-footer p{
line-height:1.65;
}
body.flora-login.flora-readable-v51 .flora-footer a{
color:var(--flora-copy-link);
font-weight:600;
}
body.flora-login.flora-readable-v51 .flora-version{
color:var(--flora-copy-secondary);
opacity:1;
}
body.flora-login.flora-readable-v51 .flora-dialog-header h2,body.flora-login.flora-readable-v51 .flora-dialog-body h3{
color:var(--flora-copy-strong);
font-weight:600;
letter-spacing:-.01em;
}
body.flora-login.flora-readable-v51 .flora-dialog-body{
color:light-dark(#324f5d, var(--bs-fg-body));
line-height:1.75;
}
body.flora-login.flora-readable-v51 .flora-dialog-body :where(strong, b){
color:var(--flora-copy-strong);
font-weight:600;
}
body.flora-login.flora-readable-v51 .flora-dialog-body a{
color:var(--flora-copy-link);
font-weight:600;
}
body.flora-login.flora-readable-v51 .flora-dialog-close{
font-weight:600;
}
body.flora-login :is(h1, h2, h3, h4, h5, h6)[data-flora-modal-focus]:focus{
outline:none !important;
box-shadow:none !important;
}
body.flora-login.flora-polish-v29 .flora-card-heading{
align-items:center;
}
body.flora-login.flora-polish-v29 .flora-card-heading > div{
min-width:0;
}
body.flora-login.flora-polish-v29 .flora-card-heading h2{
margin:0;
font-size:24px;
}
body.flora-login.flora-polish-v29 .flora-login-submit{
display:flex;
align-items:center;
justify-content:center;
}
@media (max-width: 479.98px){
body.flora-login.flora-polish-v29 .flora-card-heading h2{
font-size:21px;
}
}
@media (min-width: 992px){
body.flora-login.flora-polish-v29 .flora-features li{
font-size:15px;
}
}
body#page-top.flora-login.flora-color-v60{
--flora-ui-page:var(--bs-bg-body);
--flora-ui-line:var(--bs-border-color);
--flora-ui-primary:var(--bs-primary-bg);
--flora-ui-primary-hover:var(--bs-primary-fg-emphasis);
--flora-line:var(--bs-border-color);
color:light-dark(#243f4c, var(--bs-fg-body));
background-color:var(--flora-ui-page);
background-image:radial-gradient(ellipse at 7% 5%, light-dark(rgba(248,226,186,.20), rgba(248,226,186,.025)), transparent 55%), radial-gradient(ellipse at 93% 92%, light-dark(rgba(175,220,214,.16), rgba(175,220,214,.02)), transparent 55%);
}
body#page-top.flora-login.flora-color-v60 .flora-login-layout{
background:light-dark(#fff, var(--bs-bg-1));
border-color:var(--flora-ui-line);
box-shadow:0 4px 12px rgba(35,67,80,.035), 0 24px 64px rgba(35,67,80,.08);
}
body#page-top.flora-login.flora-color-v60 .flora-hero{
background-color:light-dark(#f8e2ba, var(--bs-bg-1));
background-image:radial-gradient(ellipse at 7% 0%, light-dark(rgba(255,255,255,.26), rgba(225,174,105,.08)), transparent 62%), linear-gradient(135deg, light-dark(#f6c393, #293a3e) 0%, light-dark(#f8e2ba, #203442) 45%, light-dark(#afdcd6, #24434b) 100%);
}
body#page-top.flora-login.flora-color-v60 .flora-app-icon--title{
background:light-dark(#fff8eb, var(--bs-bg-1));
border-color:light-dark(rgba(255,255,255,.75), var(--bs-border-color));
box-shadow:0 3px 10px rgba(35,67,80,.09);
}
body#page-top.flora-login.flora-color-v60 .flora-features{
border-top-color:light-dark(rgba(35,67,80,.16), var(--bs-border-color));
}
body#page-top.flora-login.flora-color-v60 .flora-features i{
color:light-dark(#086b72, var(--bs-fg-body));
}
body#page-top.flora-login.flora-color-v60 .flora-main,body#page-top.flora-login.flora-color-v60 .flora-login-card{
background:light-dark(#fff, var(--bs-bg-1));
}
body#page-top.flora-login.flora-color-v60 .flora-card-icon{
background:light-dark(#e9f4f1, var(--bs-primary-bg-subtle));
color:light-dark(#0a7076, var(--bs-primary-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-code-input{
background:light-dark(#fff, var(--bs-bg-body));
border-color:light-dark(#abc4c9, var(--bs-border-color));
color:light-dark(#243f4c, var(--bs-fg-body));
box-shadow:0 1px 2px rgba(35,67,80,.025);
}
body#page-top.flora-login.flora-color-v60 .flora-code-input::placeholder{
color:light-dark(#506572, var(--bs-fg-1));
}
body#page-top.flora-login.flora-color-v60 .flora-code-input:focus{
background:light-dark(#fff, var(--bs-bg-body));
border-color:var(--flora-ui-primary);
box-shadow:0 0 0 4px light-dark(rgba(8,119,125,.13), color-mix(in srgb, var(--bs-primary-fg) 18%, transparent));
}
body#page-top.flora-login.flora-color-v60 .flora-code-help{
color:light-dark(#086b72, var(--bs-primary-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-remember input[type="checkbox"]{
background:light-dark(#fff, var(--bs-bg-1));
border-color:light-dark(#adc4c9, var(--bs-border-color));
accent-color:light-dark(#08777d, var(--bs-border-color));
}
body#page-top.flora-login.flora-color-v60 .flora-remember input[type="checkbox"]:checked{
background:light-dark(#08777d, var(--bs-primary-bg)) !important;
border-color:light-dark(#08777d, var(--bs-primary-fg)) !important;
}
body#page-top.flora-login.flora-color-v60 .flora-login-alert{
background:light-dark(#fff3ef, var(--bs-danger-bg-subtle));
border-color:light-dark(#ebcfc7, var(--bs-danger-border));
color:light-dark(#9b3430, var(--bs-danger-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-login-submit,body#page-top.flora-login.flora-color-v60 .flora-dialog-close{
background:var(--flora-ui-primary) !important;
border-color:var(--flora-ui-primary);
color:light-dark(#fff, var(--bs-primary-contrast));
box-shadow:0 2px 5px rgba(8,119,125,.09);
}
body#page-top.flora-login.flora-color-v60 :is(.flora-login-submit, .flora-dialog-close){
transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body#page-top.flora-login.flora-color-v60 .flora-help-links{
border-top-color:light-dark(#e4eded, var(--bs-border-color));
}
body#page-top.flora-login.flora-color-v60 .flora-help-link{
background:light-dark(#fff, var(--bs-bg-1));
border-color:var(--flora-ui-line);
box-shadow:0 2px 5px rgba(35,67,80,.025), 0 8px 20px rgba(35,67,80,.025);
transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body#page-top.flora-login.flora-color-v60 .flora-help-icon{
background:light-dark(#fff1dc, var(--bs-warning-bg-subtle));
color:light-dark(#79501e, var(--bs-warning-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-help-link[data-flora-dialog="kontaktModal"] .flora-help-icon{
background:light-dark(#e9f4f1, var(--bs-warning-bg-subtle));
color:light-dark(#0a7076, var(--bs-warning-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-footer{
background:light-dark(#f3f6f6, var(--bs-bg-body));
border-top-color:var(--flora-ui-line);
color:light-dark(#465e6b, var(--bs-fg-1));
}
body#page-top.flora-login.flora-color-v60 .flora-footer a{
color:light-dark(#086b72, var(--bs-primary-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog{
background:light-dark(#fff, var(--bs-bg-1));
border-color:var(--flora-ui-line);
box-shadow:0 8px 20px rgba(21,46,56,.08), 0 24px 64px rgba(21,46,56,.16);
}
body#page-top.flora-login.flora-color-v60 .flora-dialog::backdrop{
background:light-dark(rgba(21,46,56,.48), rgba(3,10,14,.75));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog-header{
background:linear-gradient(110deg, light-dark(#fff8ec, var(--bs-bg-2)), light-dark(#fffdf8, var(--bs-bg-2)));
border-bottom-color:light-dark(#ece2d0, var(--bs-border-color));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog-header h2 i{
color:light-dark(#086b72, var(--bs-fg-body));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog-x{
background:light-dark(#fff, var(--bs-bg-2));
border-color:light-dark(#d4e2df, var(--bs-border-color));
color:light-dark(#365563, var(--bs-fg-body));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog-footer{
background:light-dark(#f5f9f8, var(--bs-bg-2));
border-top-color:var(--flora-ui-line);
}
body#page-top.flora-login.flora-color-v60 .flora-instruction-highlight{
background:light-dark(#fff8eb, var(--bs-warning-bg-subtle));
border-color:light-dark(#ecdfc6, var(--bs-warning-border));
}
body#page-top.flora-login.flora-color-v60 .flora-instruction-highlight > i{
color:light-dark(#79501e, var(--bs-warning-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-contact-card{
background:light-dark(#fff, var(--bs-bg-1));
border-color:var(--flora-ui-line);
}
body#page-top.flora-login.flora-color-v60 .flora-contact-primary{
background:light-dark(#f1f8f5, var(--bs-bg-1));
border-color:light-dark(#cfe2da, var(--bs-border-color));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog-body a{
color:light-dark(#086b72, var(--bs-primary-fg));
}
body#page-top.flora-login.flora-color-v60 :is(.flora-login-submit, .flora-code-help, .flora-help-link, .flora-dialog-x, .flora-dialog-close):focus-visible{
outline:3px solid light-dark(#08777d, var(--bs-primary-fg));
outline-offset:3px;
}
body#page-top.flora-login.flora-color-v60.flora-help-focus-muted .flora-code-help:focus-visible{
outline:none;
}
body#page-top.flora-login.flora-color-v60 .flora-login-submit:active,body#page-top.flora-login.flora-color-v60 .flora-dialog-close:active{
background:light-dark(#07646b, var(--bs-primary-fg-emphasis)) !important;
border-color:light-dark(#07646b, var(--bs-border-color));
}
@media (hover: hover) and (pointer: fine){
body#page-top.flora-login.flora-color-v60 .flora-login-submit:hover,body#page-top.flora-login.flora-color-v60 .flora-dialog-close:hover{
background:var(--flora-ui-primary-hover) !important;
border-color:var(--flora-ui-primary-hover);
box-shadow:0 3px 9px rgba(8,119,125,.14);
}
body#page-top.flora-login.flora-color-v60 .flora-help-link:hover{
background:light-dark(#f5faf7, var(--bs-bg-3));
border-color:light-dark(#9ec7c4, var(--bs-border-color));
box-shadow:0 3px 7px rgba(35,67,80,.04), 0 10px 22px rgba(35,67,80,.045);
}
body#page-top.flora-login.flora-color-v60 .flora-code-help:hover,body#page-top.flora-login.flora-color-v60 .flora-footer a:hover,body#page-top.flora-login.flora-color-v60 .flora-dialog-body a:hover{
color:light-dark(#075a62, var(--bs-primary-fg));
}
body#page-top.flora-login.flora-color-v60 .flora-dialog-x:hover{
background:light-dark(#e7efeb, var(--bs-bg-2));
border-color:light-dark(#b7cfc7, var(--bs-border-color));
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-login.flora-color-v60 :is(.flora-help-link, .flora-login-submit, .flora-dialog-close){
transition:none;
}
}
/* Obavijest o automatskom ažuriranju. */
.flora-maintenance .flora-maintenance-title{
border-bottom:3px solid #178a90;
padding:5px;
line-height:50px;
}
.flora-maintenance .flora-maintenance-message{
font-size:20px;
}
.flora-maintenance #progressBarContainer{
width:100%;
max-width:500px;
background-color:#ddd;
height:30px;
border-radius:5px;
overflow:hidden;
margin-top:20px;
}
.flora-maintenance #progressBar{
height:100%;
width:0%;
background-color:#08777d;
transition:width 1s linear;
}
/* Bootstrap 6: native dialogs, original portal geometry and shared motion. */
.flora-account .dialog{
--bs-dialog-margin:16px;
--bs-dialog-transition-duration:.18s;
--bs-dialog-transition-timing:cubic-bezier(.22, .61, .36, 1);
--bs-dialog-backdrop-bg:rgba(0, 0, 0, .5);
--bs-dialog-backdrop-blur:0;
margin:auto;
}
.flora-account .dialog-body{
min-height:0;
}
.flora-account dialog.dialog:not([open]){
display:none;
}
.flora-account .dialog:not([open]),.flora-account .dialog.hiding{
transform:translateY(10px);
}
@starting-style{
.flora-account .dialog[open]:not(.dialog-instant){
opacity:0;
transform:translateY(10px);
}
}
.flora-account #anketaModal{
width:min(960px, calc(100% - 32px));
max-height:calc(100vh - 32px);
max-height:calc(100dvh - 32px);
}
@media (max-width: 767.98px){
.flora-account #anketaModal{
--bs-dialog-margin:0;
width:100%;
max-width:100%;
height:100vh;
height:100dvh;
max-height:100vh;
max-height:100dvh;
border-radius:0 !important;
}
}
@media (max-width: 575.98px){
.flora-account .dialog{
--bs-dialog-margin:10px;
}
.flora-account #anketaModal{
--bs-dialog-margin:0;
}
}
@media (prefers-reduced-motion: reduce){
.flora-account .dialog,.flora-account .dialog::backdrop{
transition:none;
transform:none;
}
}
/* Portal alerts contain paragraphs and form messages rather than horizontal action rows. */
.flora-account .alert{
display:block;
}
body#page-top.flora-account .flora-invoice-tooltip{
margin:0;
border:0;
right:auto;
bottom:auto;
overflow:visible;
}
/* When large headings leave too little room, the complete dialog scrolls. */
body#page-top :is(dialog.dialog, dialog.flora-dialog).flora-dialog-cramped[open]{
display:block;
overflow-y:auto;
overscroll-behavior:contain;
}
body#page-top dialog.flora-dialog-cramped .flora-dialog-content{
display:block;
max-height:none;
}
body#page-top dialog.flora-dialog-cramped :is(.dialog-body, .flora-dialog-body){
flex:none;
overflow:visible;
}
/* The same optional analytics controls are available before and after login. */
body#page-top .flora-cookie-banner[hidden]{
display:none;
}
body#page-top .flora-cookie-banner{
position:fixed;
z-index:1090;
inset:auto 16px 16px auto;
width:min(580px, calc(100% - 32px));
max-height:calc(100vh - 32px);
max-height:calc(100dvh - 32px);
overflow-y:auto;
padding:24px;
border:1px solid var(--bs-border-color);
border-radius:14px;
background:light-dark(#fff, var(--bs-bg-1));
color:var(--bs-fg-body);
box-shadow:0 8px 32px rgba(21,46,56,.2);
font:16px/1.6 "Source Sans 3", sans-serif;
font-size:calc(16px * var(--flora-text-scale, 1));
text-align:left;
}
body#page-top .flora-cookie-banner h2{
margin:0 0 8px;
font:600 20px/1.35 "Source Sans 3", sans-serif;
font-size:calc(20px * var(--flora-text-scale, 1));
color:var(--bs-fg-body);
text-transform:none;
}
body#page-top .flora-cookie-banner p{
margin:0 0 18px;
}
body#page-top .flora-cookie-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
}
body#page-top .flora-cookie-choice{
flex:1 1 180px;
min-height:44px;
padding:10px 16px;
border:1px solid var(--bs-primary-bg);
border-radius:8px;
background:var(--bs-primary-bg);
color:var(--bs-primary-contrast);
font:600 16px/1.4 "Source Sans 3", sans-serif;
font-size:calc(16px * var(--flora-text-scale, 1));
cursor:pointer;
transition:background-color .18s ease, border-color .18s ease;
}
body#page-top :is(.flora-cookie-details, .flora-cookie-settings){
padding:4px 0;
border:0;
background:transparent;
color:var(--bs-primary-fg);
font:inherit;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
body#page-top .flora-cookie-details{
flex-basis:100%;
text-align:center;
}
body#page-top .flora-cookie-settings{
min-height:44px;
}
body#page-top :is(.flora-cookie-choice, .flora-cookie-details, .flora-cookie-settings):focus-visible{
outline:3px solid #08777d;
outline-offset:3px;
}
@media (hover: hover) and (pointer: fine){
body#page-top .flora-cookie-choice:hover{
background:light-dark(#075a62, var(--bs-primary-fg-emphasis));
border-color:light-dark(#075a62, var(--bs-primary-fg-emphasis));
}
}
@media (prefers-reduced-motion: reduce){
body#page-top .flora-cookie-choice{
transition:none;
}
}
/* Facebook na sredini podnozja, umjesto postavki kolacica. */
body#page-top.flora-login .flora-footer-inner{
display:grid;
grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
align-items:center;
gap:16px;
}
body#page-top.flora-login .flora-footer-social{
display:flex;
align-items:center;
justify-content:center;
}
body#page-top.flora-login .flora-footer-inner > p:last-child{
text-align:right;
}
body#page-top.flora-login.flora-color-v60 .flora-footer a.flora-facebook-link{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:36px;
padding:7px 12px;
border:1px solid light-dark(#cddff6, #456789);
border-radius:9px;
background:light-dark(#eaf2fc, #1c344c);
color:light-dark(#165d9e, #b8d5ff) !important;
font-size:12px;
font-weight:600;
line-height:1.3;
white-space:nowrap;
text-decoration:none !important;
transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body#page-top.flora-login .flora-facebook-link .bi-facebook{
color:light-dark(#1877f2, #85b5ff);
font-size:18px;
line-height:1;
}
body#page-top.flora-login .flora-facebook-link .flora-facebook-external{
color:light-dark(#5a80a6, #a7c5e8);
font-size:11px;
line-height:1;
}
body#page-top.flora-login.flora-color-v60 .flora-footer a.flora-facebook-link:hover{
border-color:light-dark(#9bbde8, #85b5ff);
background:light-dark(#dfecfc, #284660);
color:light-dark(#124d85, #d6e7ff) !important;
box-shadow:0 2px 7px rgba(24, 119, 242, .10);
text-decoration:none !important;
}
body#page-top.flora-login .flora-footer a.flora-facebook-link:focus-visible{
outline:3px solid light-dark(#178a90, var(--bs-primary-fg));
outline-offset:3px;
}
@media (max-width: 767.98px){
body#page-top.flora-login .flora-footer-inner{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
text-align:center;
}
body#page-top.flora-login .flora-footer-inner > p:last-child{
text-align:center;
}
}
@media (prefers-reduced-motion: reduce){
body#page-top.flora-login .flora-footer a.flora-facebook-link{
transition:none;
}
}
}
