@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/CerpWeb/App.razor.rz.scp.css */
.error-message[b-7bi48oob12] {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 10px;
    border-radius: 4px;
    margin: 20px 0;
}

@media (max-width: 768px) {
    .error-card[b-7bi48oob12] {
        max-width: 90%;
    }

    .logo-img[b-7bi48oob12] {
        width: 20%;
        height: 20%;
    }
}
/* _content/CerpWeb/Pages/DokumentForm.razor.rz.scp.css */
.form-layout[b-v2gjjqrjts] {
    position: relative;
    z-index: 0;
    padding: 20px;
    border: 1px solid #A9A9A9;
    border-radius: 15px;
    background: rgba(229, 228, 226, 0.6);
    font-size: small;
    padding-right: 5px;
    padding-top: 0px;
    margin: 8px 16px;
}

.form-layout-invert[b-v2gjjqrjts] {
    background: rgba(229, 228, 226, 0.6);
    min-height: 34vh;
    padding: 0px;
    border-radius: 22px;
}

.tab-collapsed[b-v2gjjqrjts] {
    max-height: 75vh !important;
    height: 75vh !important;
}

.tab-noncollapsed[b-v2gjjqrjts] {
    max-height: 35vh !important;
    height: 35vh !important;
}

.control-label[b-v2gjjqrjts] {
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    display: block;
    margin-bottom: 2px;
}

.progress[b-v2gjjqrjts] {
    height: 1.5rem;
    margin-top: 3px;
    background-color: white;
}

.btn-toggle[b-v2gjjqrjts] {
    float: right;
    position: relative;
    z-index: 5;
    bottom: 15px;
    padding: 2px 6px;
    background: #f0f0f0;
    border-color: #A9A9A9;
    min-width: 10px !important;
}

    .btn-toggle i[b-v2gjjqrjts] {
        -webkit-text-stroke: 1px black;
    }

    .btn-toggle:hover[b-v2gjjqrjts] {
        background: #f0f0f0;
    }

.btn-outline-primary:active:focus[b-v2gjjqrjts], .btn-outline-primary:focus[b-v2gjjqrjts] {
    box-shadow: unset !important;
}

[b-v2gjjqrjts] .grid {
    overflow-y: auto;
    overflow-x: hidden;
}

.collapsed-text span[b-v2gjjqrjts] {
    font-size: medium;
}

.header-component[b-v2gjjqrjts] {
    background-color: #f0f0f0;
}

#zakljucen[b-v2gjjqrjts] {
    background-color: #007bff;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: default;
    position: relative;
    right: 21px;
    bottom: 1px;
    border-radius: 10px 1px 20px;
    pointer-events: none;
}

.document-name[b-v2gjjqrjts] {
    position: relative;
    z-index: 1;
    pointer-events: none;
    text-align: center;
    margin-bottom: -20px;
}

    .document-name span[b-v2gjjqrjts] {
        background: rgb(64, 77, 117);
        background: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%);
        padding: 5px 20px;
        border-radius: 0px 0px 20px 20px;
        color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9em;
    }

[b-v2gjjqrjts] .tabs > dxbl-tab-list, [b-v2gjjqrjts] .tabs > dxbl-tab-list dxbl-scroll-viewer {
    border-radius: 20px 20px 0px 0px !important;
    border-bottom: 1px solid var(--dxbl-tabs-content-color);
}

    [b-v2gjjqrjts] .tabs > dxbl-tab-list dxbl-scroll-viewer .dxbl-tabs-item {
        border: unset !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        font-size: small;
    }

[b-v2gjjqrjts] .tabs {
    --dxbl-tabs-separator-border-width: 0px !important;
}

    [b-v2gjjqrjts] .tabs > dxbl-tab-list dxbl-scroll-viewer .dxbl-active {
        background: linear-gradient(90deg, rgb(64, 77, 117) 0%, rgb(74, 94, 124) 100%);
        color: white !important;
        border-radius: 0px;
    }

    [b-v2gjjqrjts] .tabs .dxbl-tabs-content-panel {
        padding: 2px 10px;
        max-height: 70vh;
    }

        [b-v2gjjqrjts] .tabs .dxbl-tabs-content-panel div {
            background-color: #efefef;
        }

.tab-collapsed[b-v2gjjqrjts] {
    --dynamic-height: 48vh;
}

.overlay[b-v2gjjqrjts] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner[b-v2gjjqrjts] {
    width: 60px;
    height: 60px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    animation: spin-b-v2gjjqrjts 1s linear infinite;
}

@keyframes spin-b-v2gjjqrjts {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.tab-collapsed[b-v2gjjqrjts]  .grid-data > .dxbl-scroll-viewer {
    height: var(--dynamic-height) !important;
}

@media screen and (max-width: 770px) {
    .tab-collapsed[b-v2gjjqrjts]  .grid-data > .dxbl-scroll-viewer {
        height: 45vh !important;
    }
}

[b-v2gjjqrjts] ::-webkit-scrollbar-thumb {
    background-color: rgb(64, 77, 117) !important;
}

    [b-v2gjjqrjts] ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(64, 77, 117, 0.8) !important;
    }

[b-v2gjjqrjts] .dxbl-checkbox {
    background: inherit !important;
}

.dxbl-text-edit .dxbl-text-edit-input[readonly][b-v2gjjqrjts] {
    cursor: default !important;
}

[b-v2gjjqrjts] .dxbl-text-edit .dxbl-text-edit-input[readonly] {
    cursor: default !important;
}

[b-v2gjjqrjts] .dxbl-drawer {
    height: unset !important;
}

.alert-danger[b-v2gjjqrjts] {
    display: flex;
    gap: 10px;
    margin: 20px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-danger span[b-v2gjjqrjts] {
        align-content: space-evenly;
    }

@keyframes fadeIn-b-v2gjjqrjts {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-v2gjjqrjts] .control-label {
    display: block;
    align-items: center;
    white-space: nowrap;
}

    [b-v2gjjqrjts] .control-label.error-title {
        display: inline-flex;
        background-color: #cd5c5c;
        color: white;
        font-size: 0.875em;
        padding: 2px 10px;
        border-radius: 5px;
        border: 1px solid rgba(255, 204, 204, 1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        animation: fadeIn-b-v2gjjqrjts 0.5s ease-in-out;
        cursor: pointer;
        position: relative;
        margin-bottom: -3px;
        top: -5px;
    }

        [b-v2gjjqrjts] .control-label.error-title:hover {
            background-color: #cd5c5c;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
        }

    [b-v2gjjqrjts] .control-label i {
        margin-right: 5px;
        font-size: 0.875em;
    }


.btn-zakljucen[b-v2gjjqrjts] {
    font-size: small !important;
}

[b-v2gjjqrjts] .dxbl-grid-toolbar-container {
    margin-top: -60px !important;
}

[b-v2gjjqrjts] dxbl-drawer .dxbl-toolbar-group {
    position: relative;
    top: 55px;
}

[b-v2gjjqrjts] dxbl-drawer .dxbl-grid-search-box-container {
    margin-right: 50px;
    max-width: 270px;
}

[b-v2gjjqrjts] dxbl-toolbar .dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:last-of-type {
    margin-left: 260px;
}

.dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(:last-of-type)[b-v2gjjqrjts] {
    margin-left: 0;
}

[b-v2gjjqrjts] .tab-has-errors {
    outline: 3px solid #cd5c5c !important;
    margin: 0px 1px 0px 1px !important;
    background-color: #cd5c5c;
    color: white !important;
}

    [b-v2gjjqrjts] .tab-has-errors:hover {
        outline: 2px solid #cd5c5c !important;
        margin: 0px 1px 0px 1px !important;
        background-color: #cd5c5c !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
        color: white !important;
    }


@keyframes fadeInWithDelay-b-v2gjjqrjts {
    0% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-in[b-v2gjjqrjts] {
    opacity: 0;
    animation: fadeInWithDelay-b-v2gjjqrjts 1.6s ease-out forwards;
}
/* _content/CerpWeb/Pages/DokumentGrid.razor.rz.scp.css */
.footer-component[b-71kjpsvmc1] {
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.content[b-71kjpsvmc1] {
    max-height: 100vh;
    max-height: -webkit-fill-available;
    padding-bottom: 5% !important;
}

[b-71kjpsvmc1] .grid-data table tr:nth-child(even) {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}

[b-71kjpsvmc1] .grid-data {
    border: 1px solid rgba(var(--bs-secondary-rgb), 0.7);
    border-radius: 7px;
}

[b-71kjpsvmc1] .dxbl-grid-toolbar-panel {
    background-color: rgba(var(--bs-primary-rgb), 0.5);
    border-radius: 5px 5px 0px 0px;
}

[b-71kjpsvmc1] .dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator[b-71kjpsvmc1] {
    background-color: var(--bs-secondary);
}

@keyframes fadeInSlideDown-b-71kjpsvmc1 {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp-b-71kjpsvmc1 {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

.title-tb[b-71kjpsvmc1] {
    animation: fadeInSlideDown-b-71kjpsvmc1 0.2s ease-out forwards;
}


[b-71kjpsvmc1] .toolbar-settings, [b-71kjpsvmc1] .toolbar-btn {
    background-color: transparent !important;
    float: inline-end;
}

    [b-71kjpsvmc1] .toolbar-settings span, [b-71kjpsvmc1] .toolbar-btn i {
        color: black;
        font-size: larger;
    }

[b-71kjpsvmc1] .grid-data > .dxbl-scroll-viewer {
    border-radius: 7px !important;
    z-index: 100 !important;
}

.title-no-tb[b-71kjpsvmc1] {
    text-align: center;
    z-index: 78;
    position: relative;
    margin-top: -2px;
    animation: slideUp-b-71kjpsvmc1 0.2s ease-out forwards;
}

.title[b-71kjpsvmc1] {
    position: relative;
    bottom: 100%;
    margin-inline: auto;
    background: rgb(64,77,117);
    background: linear-gradient(90deg, rgba(64,77,117,1) 0%, rgba(74,94,124,1) 100%);
    padding: 5px 20px;
    border-radius: 0px 0px 20px 20px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toolbar-displayed[b-71kjpsvmc1]{
    text-align: center;
    position: relative;
    z-index: 1;
    pointer-events: none;
    margin-top: -15px;
    margin-bottom: -5px;
}

.grid-btn-sifra[b-71kjpsvmc1] {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    background: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .grid-btn-sifra[b-71kjpsvmc1]::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: rgba(64, 77, 117, 1);
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

    .grid-btn-sifra:hover[b-71kjpsvmc1]::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

.grid-btn-rest[b-71kjpsvmc1] {
    display:flex;
    cursor: pointer;
    text-decoration: none;
    width:100%;
    height:100%;
}
/* _content/CerpWeb/Pages/HelpDesk.razor.rz.scp.css */
[b-wohlyjcnt5] .dxbl-splitter .dxbl-splitter-pane .dxbl-splitter-pane-content {
    padding: unset !important;
}

.header-component[b-wohlyjcnt5] {
    background-color: #f0f0f0;
    border-bottom: 1px solid #A9A9A9;
}

.main-helpdesk-component[b-wohlyjcnt5] {
    height: 65%;
    border-bottom: 1px solid #A9A9A9;
}

.main-top-component[b-wohlyjcnt5] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #A9A9A9;
    height: 29%;
    padding: 10px 5px 0px 5px;
    max-height: 230px;
}

.main-top-row[b-wohlyjcnt5] {
    display: flex;
    height: 100%;
    width: 100%;
}

.logo-container[b-wohlyjcnt5] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    min-width: 15%;
    justify-self: flex-end;
}

.left-segment[b-wohlyjcnt5] {
    width: 70%;
    display: flex;
}

.right-segment[b-wohlyjcnt5] {
    width: 30%;
}

.custom-width[b-wohlyjcnt5] {
    width: 30%;
    max-width: 300px;
}

@media screen and (min-width: 1024px) {
    .main-top-component[b-wohlyjcnt5] {
        height: 29%;
        max-height: none;
    }

    .main-helpdesk-component[b-wohlyjcnt5] {
        height: 62%;
    }
}

@media screen and (max-width: 1023px) {
    .main-top-component[b-wohlyjcnt5] {
        height: 39%;
        max-height: none;
    }

    .main-helpdesk-component[b-wohlyjcnt5] {
        height: 52%;
    }

    .logo-container[b-wohlyjcnt5] {
        align-items: center;
        justify-content: center;
    }

    .helpdesk-img[b-wohlyjcnt5] {
        max-width: 100%;
        max-height: 100%;
    }
}

@media screen and (max-height: 800px) {
    .main-helpdesk-component[b-wohlyjcnt5] {
        height: 64%;
    }
}

@media screen and (max-height: 760px) {
    .main-helpdesk-component[b-wohlyjcnt5] {
        height: 60%;
    }
}

.prevent-overflow[b-wohlyjcnt5] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.helpdesk-img[b-wohlyjcnt5] {
    width: 100%;
    height: 200px;
    aspect-ratio: 417 / 346;
    max-width: 417px;
    max-height: 346px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: contain;
}

.pane-container[b-wohlyjcnt5] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pane-header[b-wohlyjcnt5] {
    background-color: #f5f5f5;
    padding: 5px 10px;
    font-weight: bold;
}

.bottom-b[b-wohlyjcnt5] {
    border-bottom: 1px solid #ccc;
}

.pane-content[b-wohlyjcnt5] {
    flex-grow: 1;
    overflow: auto;
}

.footer-helpdesk[b-wohlyjcnt5] {
    display: flex;
    justify-content: center;
}

.pane-snimka-header[b-wohlyjcnt5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-height: 32px;
}

.btn-picture[b-wohlyjcnt5] {
    font-size: 0.9rem;
    padding: 0px 10px 0px 10px !important;
}

.mr-2[b-wohlyjcnt5] {
    margin-right: 2px;
}

.prilozi-container[b-wohlyjcnt5] {
    gap: 0.5rem;
    align-items: flex-start;
}

[b-wohlyjcnt5] .input-prilozi {
    max-width: 23%;
    padding-top: unset !important;
}

    [b-wohlyjcnt5] .input-prilozi .dxbl-upload-container .dxbl-upload-panel {
        gap: 0.5rem;
        overflow-x: hidden;
    }

    [b-wohlyjcnt5] .input-prilozi .dxbl-upload-container .dxbl-upload-panel .dxbl-btn{
        color:black;
    }

.screenshot-grid-old[b-wohlyjcnt5] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #d8d8d8;
    border: 1px solid #ccc;
}

    .screenshot-grid-old img[b-wohlyjcnt5] {
        padding: 15px;
        width: auto;
        height: 100%;
        object-fit: cover;
    }

.screenshot-grid[b-wohlyjcnt5] {
    padding: 15px;
    background: #d8d8d8;
    border: 1px solid #ccc;
    height: 100%;
    display: flex;
}

    .screenshot-grid.multiple[b-wohlyjcnt5] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        overflow-x: auto;
    }

    .screenshot-grid img[b-wohlyjcnt5] {
        width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
        border-radius: 4px;
        display: block;
        padding-inline: 5px;
    }

    .screenshot-grid.single img[b-wohlyjcnt5] {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
    }
/* _content/CerpWeb/Pages/Index.razor.rz.scp.css */
body[b-4hkd6un4ha] {
}
/* _content/CerpWeb/Pages/Izvjestaj/Izvjestaj.razor.rz.scp.css */
[b-0hh1v6anpa] .content-body{
    display: flex;
    flex-direction: column;
}

.form-layout[b-0hh1v6anpa] {
    position: relative;
    z-index: 0;
    padding: 20px;
    border: 1px solid #A9A9A9;
    border-radius: 15px;
    background: rgba(229, 228, 226, 0.6);
    font-size: small;
    padding-right: 5px;
    padding-top: 0px;
    margin: 8px 16px;
}

.form-layout-invert[b-0hh1v6anpa] {
    background: rgba(229, 228, 226, 0.6);
    padding: 0px;
    border-radius: 22px;
    height: 100vh;
}
/* _content/CerpWeb/Pages/PdfViewer.razor.rz.scp.css */
/* _content/CerpWeb/Pages/Prijava.razor.rz.scp.css */
body[b-zi9ssof721] {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.login-container[b-zi9ssof721] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.login-box[b-zi9ssof721] {
    background-color: white;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 3px 4px 5px rgba(48, 213, 200, 1);
    height: auto;
    width: 35%;
    outline: 2px solid rgba(48, 213, 200, 0.5);
}

.logo[b-zi9ssof721] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5%;
}

.logo img[b-zi9ssof721] {
   width: 92%;
   height: 52%;
   aspect-ratio: 725/408;
}

.logo h3[b-zi9ssof721] {
    margin: 10px 0;
    color: #333;
}

.btn[b-zi9ssof721] {
    background-color: rgb(21,174,169,1);
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 0;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: large;
    letter-spacing: 1px;
}

.btn:hover[b-zi9ssof721] {
    opacity: 0.8;
}

.prijava-font[b-zi9ssof721]{
    color: rgba(89,90,92,1);
    margin-top: 15%;
    margin-bottom: 10%;
    font-size:1.7em;
}

label[b-zi9ssof721] {
    font-family: sans-serif;
}

.formgroup[b-zi9ssof721] {
    position: relative;
    padding: 15px 0 0;
    margin-top: 10px;
    width: 100%;
}

.formfield[b-zi9ssof721] {
    font-family: sans-serif;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 1.3rem;
    padding: 7px 13%;
    background: transparent;
    transition: border-color 0.2s;
    caret-color: auto;
    color: rgba(89,90,92,1);
}

.formfield[b-zi9ssof721]::placeholder {
    color: transparent;
}

.formfield:placeholder-shown ~ .formlabel[b-zi9ssof721] {
    font-size: 1.3rem;
    cursor: text;
    top: 20px;
    left: 13%;
}

.formlabel[b-zi9ssof721] {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #9b9b9b;
}

.formfield:focus[b-zi9ssof721] {
    padding-bottom: 6px;
    font-weight: 700;
    border-width: 3px;
    border-image-slice: 1;
}

.formfield:focus ~
.formlabel[b-zi9ssof721] {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #11998e;
    font-weight: 700;
}

.formgroup i[b-zi9ssof721] {
    position: absolute;
    top: 60%;
    left: 10px;
    transform: translateY(-50%);
    color: rgb(21,174,169,1);
    font-size: x-large;
}

[b-zi9ssof721] .validation-message{
    position: absolute;
    left: 25%;
    font-family: sans-serif;
    margin-top: 2px;
}

.botun:active[b-zi9ssof721] {
    transform: translateY(4px);
}

.botun:focus[b-zi9ssof721] {
    outline: 1px solid rgba(89,90,92,1);
}

.legal-notice[b-zi9ssof721] {
    text-align: initial;
    display: grid;
}

.resend-code[b-zi9ssof721] {
    display: block;
    text-align-last: start;
    margin-top: 20px;
    text-decoration: underline;
    cursor: pointer;
}

.verification-code-inputs[b-zi9ssof721] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.verification-code-input[b-zi9ssof721] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #9b9b9b;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.digit-input[b-zi9ssof721] {
    width: 100%;
    border: none;
    outline: none;
    font-size: 1.3rem;
    text-align: center;
}

.Poruka[b-zi9ssof721] {
    font-size: large;
    font-weight: bolder;
    text-align: center;
    color: red;
    margin-top: 2%;
}

.PorukaS[b-zi9ssof721] {
    font-size: large;
    font-weight: bolder;
    text-align: center;
    color: forestgreen;
    margin-top: 2%;
}

.botun[disabled][b-zi9ssof721] {
    opacity: 0.5; 
    cursor: not-allowed; 
}

.tooltip[b-zi9ssof721] {
    position: relative;
    display: contents;
    cursor: pointer;
    z-index: 9999999;
}

.tooltip-holder[b-zi9ssof721] {
    width: 30px;
    display: grid;
    position: absolute;
    top: 0%;
    left: 20%;
}

.tooltip-short[b-zi9ssof721] {
    width: 30px;
    display: grid;
    position: absolute;
    left: 64%;
}

.info-short[b-zi9ssof721]{
    position: relative;
    bottom: 5px;
    right: 80px;
}

.legal-notice-holder[b-zi9ssof721]{
    display: flex;
    place-content: space-between;
}

.tooltiptext[b-zi9ssof721] {
    visibility: hidden;
    width: 240px;
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 4px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 0.3s;
    text-align: center;
}

.tooltip-other[b-zi9ssof721] {
    width: 350px;
    left: 47%;
    top: 35%;
    height: 200px;
}


.tooltip:hover .tooltiptext[b-zi9ssof721] {
    visibility: visible;
    opacity: 1;
}

.bi-qr-code-scan[b-zi9ssof721], .verify[b-zi9ssof721]{
    font-size: 48px;
    color: #007bff;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.header p[b-zi9ssof721] {
    display: flex;
    place-content: initial;
}

.header i[b-zi9ssof721] {
    margin-right: 7px;
}

.tooltip-verify[b-zi9ssof721]{
    display: flex;
    place-content: center;
}

.tooltip-verify .bi-info-circle[b-zi9ssof721]{
    font-size: 22px;
}

input:-webkit-autofill[b-zi9ssof721],
input:-webkit-autofill:hover[b-zi9ssof721],
input:-webkit-autofill:focus[b-zi9ssof721],
input:-webkit-autofill:active[b-zi9ssof721] {
    -webkit-box-shadow: 0 0 0 30px #e3e3e3 inset !important;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.formfield:-webkit-autofill + .formlabel[b-zi9ssof721] {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #11998e;
    font-weight: 700;
}

.info-qr[b-zi9ssof721] {
    font-size: 22px;
    color: black;
}

.loading-container[b-zi9ssof721] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-spinner[b-zi9ssof721] {
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-top: 4px solid #007bff; 
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin-b-zi9ssof721 1s linear infinite;
}

@keyframes spin-b-zi9ssof721 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.load-spin[b-zi9ssof721]{
    display: flex;
    place-content: center;
    gap: 5px;
    align-items: flex-start;
}

@media (min-width: 1500px) {
    .login-box[b-zi9ssof721] {
        width: 25%;
    }

    .info-short[b-zi9ssof721] {
        right: 110px;
    }
}

@media (min-width: 1200px) {
    .logo img[b-zi9ssof721] {
        width: 85%;
        height: 48%;
        aspect-ratio: 725/408;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .login-box[b-zi9ssof721] {
        width: 45%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .login-box[b-zi9ssof721] {
        width: 55%;
    }

    .info-short[b-zi9ssof721] {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .login-box[b-zi9ssof721] {
        width: 65%;
        margin-bottom: 10%;
        background-color: transparent;
        box-shadow: none;
        outline: none;
    }

    .formgroup i[b-zi9ssof721] {
        font-size: larger;
    }

    .tooltip-holder[b-zi9ssof721] {
        left: 7%;
    }

    .tooltiptext[b-zi9ssof721] {
        width: 330px !important;
    }

    .info-short[b-zi9ssof721] {
        left: 50px;
    }
}

@media (max-width: 450px) {
    .login-box[b-zi9ssof721] {
        width: 80%;
    }

    .formfield:placeholder-shown ~ .formlabel[b-zi9ssof721] {
        left: 14%;
    }

    .formgroup i[b-zi9ssof721] {
        left: 3%;
    }

    .btn[b-zi9ssof721] {
        margin-top: 10%;
    }

    .logo img[b-zi9ssof721] {
        margin-top: 15%;
    }

    .prijava-font[b-zi9ssof721] {
        margin-top: 30%;
        margin-bottom: 15%;
        color: #676767;
    }

    .formfield[b-zi9ssof721] {
        border-bottom: 2px solid #a9a9a9;
        font-size: medium;
        padding: 12px 17%;
        caret-color: transparent;
    }

    .formlabel[b-zi9ssof721] {
        color: #a9a9a9;
    }

    .tooltip-holder[b-zi9ssof721] {
        left: 0%;
    }
}

@media (max-width: 400px) {
    .login-box[b-zi9ssof721] {
        width: 85%;
    }

    .formfield:placeholder-shown ~ .formlabel[b-zi9ssof721] {
        font-size: 1.2rem;
        left: 15%;
        top: 24px;
    }

    .formgroup i[b-zi9ssof721] {
        font-size: large;
        left: 2%
    }

    .tooltiptext[b-zi9ssof721] {
        width: 300px !important;
    }
}
/* _content/CerpWeb/Shared/BrowserComponentBase.razor.rz.scp.css */
/* _content/CerpWeb/Shared/CerpButton/CerpButton.razor.rz.scp.css */
/* _content/CerpWeb/Shared/ColumnChooser/CustomColumnChooser.razor.rz.scp.css */
[b-51fkiur5gz] .custom-list-box {
    flex-grow: 1;
    min-height: 0;
    overflow: auto;
}

    [b-51fkiur5gz] .custom-list-box > .dxbl-text-edit {
        margin: unset !important;
        border: unset !important;
    }

.error-column[b-51fkiur5gz] {
    color: red !important;
    font-weight: 600 !important;
}
/* _content/CerpWeb/Shared/Drawer/DrawerGrid.razor.rz.scp.css */
.settings-container[b-em255ot67x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0px;
    border-radius: 8px;
}

    .settings-container[b-em255ot67x]  .dxbl-btn-primary {
        background: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    }

.custom-button[b-em255ot67x] {
    background-color: #17a2b8;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-combobox[b-em255ot67x] {
    width: 100%;
    max-width: 480px;
}

.custom-export-button[b-em255ot67x] {
    background-color: #20c997;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 10px;
}

.export-options[b-em255ot67x] {
    display: grid;
    gap: 10px;
    justify-content: center;
}

.export-options-xlsx[b-em255ot67x] {
    display: flex;
    justify-content: center;
}

.template-container[b-em255ot67x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.template-icon[b-em255ot67x] {
    font-size: 1.2em;
}

hr[b-em255ot67x]{
    margin: 0px;
    gap: 0px !important;
}

.bi[b-em255ot67x]{
    font-size: 1.2em;
}

.ml-1[b-em255ot67x]{
    margin-left: 2%;
}
/* _content/CerpWeb/Shared/FormBase/FormBase.razor.rz.scp.css */
@keyframes fadeIn-b-dg16ntog8i {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-dg16ntog8i] .control-label {
    display: inline-flex;
    align-items: center;
}

    [b-dg16ntog8i] .control-label.error-title {
        background-color: #cd5c5c;
        color: white;
        font-size: 0.875em;
        padding: 2px 10px;
        border-radius: 5px;
        border: 1px solid rgba(255, 204, 204, 1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        animation: fadeIn-b-dg16ntog8i 0.5s ease-in-out;
        cursor: pointer;
        position: relative;
        margin-bottom: -5px;
        top: -5px;
    }

        [b-dg16ntog8i] .control-label.error-title:hover {
            background-color: #cd5c5c;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

    [b-dg16ntog8i] .control-label i {
        margin-right: 5px;
        font-size: 0.875em;
    }
/* _content/CerpWeb/Shared/FormBase/MultipleSelectionGrid.razor.rz.scp.css */
/* _content/CerpWeb/Shared/GridBase/Grid.razor.rz.scp.css */
[b-qzr6wch58a] .toolbar-visible .dxbl-grid-toolbar-container {
    display: block;
}

[b-qzr6wch58a] .toolbar-hidden .dxbl-grid-toolbar-container {
    display: none;
}

.title-no-tb[b-qzr6wch58a] {
    text-align: center;
    z-index: 78;
    position: relative;
    margin-top: -2px;
    animation: slideUp-b-qzr6wch58a 0.2s ease-out forwards;
}

[b-qzr6wch58a] .title-no-tb .toolbar-btn {
    padding: 0px 32px !important;
    margin-right: -2px;
    padding-bottom: 2px !important;
    border-radius: 0px;
    border: unset !important;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}

.nothing-to-show[b-qzr6wch58a] {
    top: -3px;
}

.title[b-qzr6wch58a] {
    position: relative;
    bottom: 100%;
    margin-inline: auto;
    background: rgb(64,77,117);
    background: linear-gradient(90deg, rgba(64,77,117,1) 0%, rgba(74,94,124,1) 100%);
    padding: 5px 20px;
    border-radius: 0px 0px 20px 20px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-component[b-qzr6wch58a] {
    background-color: #f0f0f0;
}

@keyframes fadeInSlideDown-b-qzr6wch58a {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp-b-qzr6wch58a {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

.title-tb[b-qzr6wch58a] {
    animation: fadeInSlideDown-b-qzr6wch58a 0.2s ease-out forwards;
}
[b-qzr6wch58a] .toolbar-settings, [b-qzr6wch58a] .toolbar-btn {
    background-color: transparent !important;
    float: inline-end;
}

    [b-qzr6wch58a] .toolbar-settings span, [b-qzr6wch58a] .toolbar-btn i {
        color: black;
        font-size: larger;
    }

[b-qzr6wch58a] .grid-data > .dxbl-scroll-viewer {
    height: 65vh;
    min-height: 45vh;
}

[b-qzr6wch58a] .validation-error-column,
[b-qzr6wch58a] .validation-error-row {
    border: 1px solid rgba(255, 0, 0, 0.3);
    position: relative;
    z-index: 9999;
}

    [b-qzr6wch58a] .validation-error-column:hover,
    [b-qzr6wch58a] .validation-error-row:hover {
        background: white;
        cursor: help;
    }

    [b-qzr6wch58a] .validation-error-column::after,
    [b-qzr6wch58a] .validation-error-row::after {
        content: '\f06a';
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 1.5em;
        color: rgba(255, 0, 0, 0.7);
        position: absolute;
        top: -2px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        border: 2px solid transparent;
        display: flex;
        align-items: start;
        justify-content: start;
    }

@media (max-width: 768px) {
    [b-qzr6wch58a] .validation-error-column:active::after,
    [b-qzr6wch58a] .validation-error-row:active::after {
        content: attr(title);
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        border: 1px solid rgba(255, 0, 0, 0.3);
        padding: 5px;
        z-index: 10;
        white-space: nowrap;
        color: black;
        font-size: 0.9em;
    }
}

[b-qzr6wch58a] div[dxbl-grid-summary-item] {
    background-color: #e0e0e0 !important;
    color: #333 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; 
    border: 1px solid #ccc !important; 
    margin: 5px 0 !important;
    padding-right: 5%;
}
/* _content/CerpWeb/Shared/GridBase/GridBase.razor.rz.scp.css */
/* _content/CerpWeb/Shared/GridBase/GridBaseFooter.razor.rz.scp.css */
/* _content/CerpWeb/Shared/GridBase/GridBaseHeader.razor.rz.scp.css */
.doc-header[b-7nkemvab1y] {
    padding: 6px 0px;
}

.back-button:hover[b-7nkemvab1y] {
    background: white !important;
}

.back-button[b-7nkemvab1y] {
    margin: 0px 2px !important;
    font-size: small;
}

[b-7nkemvab1y] .width-auto {
    width: auto;
}

.vertical[b-7nkemvab1y] {
    min-width: unset !important;
    padding: 8px 15px !important;
    margin-top: -15% !important;
    border-radius: 0px;
    border: 0px !important;
    background: linear-gradient(90deg, rgb(64, 77, 117) 0%, rgb(74, 94, 124) 100%);
    color: white !important;
}

[b-7nkemvab1y] .vertical:hover {
    background: linear-gradient(90deg, rgb(64, 77, 117) 0%, rgb(74, 94, 124) 100%) !important;
    opacity: 0.9;
}

[b-7nkemvab1y] .ml-1 {
    margin-left: 5px;
}

[b-7nkemvab1y] .ml-2 {
    margin-left: 10px;
}

.doc-header button[b-7nkemvab1y] {
    padding: 4px 6px;
}

[b-7nkemvab1y] .fiksiranje-dropdown button {
    border: 1px solid #30D5C8;
    width: 100px;
    background: white !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 2px solid #30D5C8 !important;
    transition: background-color 0.3s ease, border-top-color 0.3s ease;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    padding: 0.375rem 0.75rem;
}

    [b-7nkemvab1y] .fiksiranje-dropdown button:hover {
        border-color: #30D5C8 !important;
        border-top-color: #1a8a7a !important;
    }

.save-button[b-7nkemvab1y] {
    border-top: 2px solid #5a9bd5;
    transition: border-top-color 0.3s ease;
}

    .save-button:hover[b-7nkemvab1y] {
        border-top-color: #3a7ca5;
    }

.fakturiraj-button[b-7nkemvab1y] {
    border-top: 2px solid #6fbf73;
    transition: border-top-color 0.3s ease;
}

    .fakturiraj-button:hover[b-7nkemvab1y] {
        border-top-color: #4a9b53;
    }

.unlock-button[b-7nkemvab1y] {
    border-top: 2px solid #6fbf73;
    transition: border-top-color 0.3s ease;
}

    .unlock-button:hover[b-7nkemvab1y] {
        border-top-color: #4a9b53;
    }

.delete-button[b-7nkemvab1y] {
    border-top: 2px solid #7a5e2a;
    transition: border-top-color 0.3s ease;
}

    .delete-button:hover[b-7nkemvab1y] {
        border-top-color: #5a3e1a;
    }

.lock-button[b-7nkemvab1y] {
    border-top: 2px solid #e57373;
    transition: border-top-color 0.3s ease;
}

    .lock-button:hover[b-7nkemvab1y] {
        border-top: 2px solid #e57373;
        border-top-color: #c55353;
    }

.attachments-button[b-7nkemvab1y] {
    border-top: 2px solid #ffb74d;
    transition: border-top-color 0.3s ease;
}

    .attachments-button:hover[b-7nkemvab1y] {
        border-top-color: #ff8f00;
    }

[b-7nkemvab1y] .print-button-group > .dxbl-toolbar-item-tmpl {
    display: flex;
}

[b-7nkemvab1y] .print-dropdown button {
    border: 1px solid #46e81a;
    border-left: 0px;
    border-top: 2px solid #46e81a;
    transition: border-top-color 0.3s ease;
    width: 40px;
    border-radius: 0 !important;
    background: white;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
}

    [b-7nkemvab1y] .print-dropdown button:hover {
        border-color: #35d10a !important;
        background: white !important;
    }

[b-7nkemvab1y] .print-dropdown-document-list button {
    border: 1px solid #30D5C8;
    border-left: 0px;
    transition: border-top-color 0.3s ease;
    width: 40px;
    background-color: unset !important;
    border-radius: 0 !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    height:100%;
}

    [b-7nkemvab1y] .print-dropdown-document-list button:hover {
        border-color: #08a397 !important;
    }


.email-button[b-7nkemvab1y] {
    border-top: 2px solid #0005ff;
    transition: border-top-color 0.3s ease;
}

    .email-button:hover[b-7nkemvab1y] {
        border-top-color: #00d8ff;
    }

@media (max-width: 768px) {
    .forma-header .btn-text[b-7nkemvab1y] {
        display: none;
    }

    .forma-header[b-7nkemvab1y]  .dxbl-btn-toolbar .dxbl-btn-group .dxbl-toolbar-item-last .dxbl-toolbar-item-tmpl {
        width: 40px !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .forma-header[b-7nkemvab1y]  .dxbl-btn-toolbar .dxbl-btn-group .dxbl-toolbar-item-last .dxbl-toolbar-item-tmpl .btn {
            min-width: 40px !important;
        }

        .forma-header[b-7nkemvab1y]  .dxbl-btn-toolbar .dxbl-btn-group .dxbl-toolbar-item-first .dxbl-toolbar-item-tmpl .btn {
            min-width: 40px !important;
        }
}
/* _content/CerpWeb/Shared/GridBase/VirtualGrid.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-bbjjhm3x5i] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 2.8rem;
    min-height: 2.8rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
    display: flex;
}

.header-navbar .navbar-toggler[b-bbjjhm3x5i] {
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
    border: none !important;
    outline: none !important;
    background-color: #30D5C8;
}

.header-navbar .navbar-toggler .navbar-toggler-icon[b-bbjjhm3x5i] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 1.8rem;
    width: 1.8rem;
    padding: 10px !important;
}

.title[b-bbjjhm3x5i] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.header-limiter[b-bbjjhm3x5i] {
    max-width: 100vw;
    width: auto;
}

    .header-limiter .dxbl-toolbar .dxbl-btn-toolbar[b-bbjjhm3x5i] {
        max-width: 630px !important;
    }

@media (max-width: 350px) {
    .title[b-bbjjhm3x5i] {
        font-size: inherit;
    }
}

.navbar-toggler-icon[b-bbjjhm3x5i],
.fas[b-bbjjhm3x5i] {
    font-size: 24px;
    opacity: 1;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.fas[b-bbjjhm3x5i] {
    height: 2rem;
    width: 2rem;
    margin-top: 7px;
}

.collapse-to-x[b-bbjjhm3x5i] {
    animation-name: collapsetox-b-bbjjhm3x5i;
}

.x-to-collapse[b-bbjjhm3x5i] {
    animation-name: xtocollapse-b-bbjjhm3x5i;
}

@keyframes collapsetox-b-bbjjhm3x5i {
    0% {
        opacity: 0;
        transform: rotate(0deg);
    }

    100% {
        opacity: 1;
        transform: rotate(45deg);
    }
}

@keyframes xtocollapse-b-bbjjhm3x5i {
    0% {
        opacity: 0;
        transform: rotate(45deg);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}


.title[b-bbjjhm3x5i] {
    align-self: center;
}

.logo-container[b-bbjjhm3x5i] {
    margin-inline-start: auto;
}

.logo-header[b-bbjjhm3x5i] {
    margin-left: 5px;
}

.logo-header img[b-bbjjhm3x5i]{
    height: 47px;
    aspect-ratio: 25/14 !important;
}

/* _content/CerpWeb/Shared/Izvjestaj/IzvjestajBase.razor.rz.scp.css */
[b-czuhtdbcaf] .control-label {
    display: inline-flex;
    align-items: center;
}

    [b-czuhtdbcaf] .control-label.error-title {
        background-color: #cd5c5c;
        color: white;
        font-size: 0.875em;
        padding: 2px 10px;
        border-radius: 5px;
        border: 1px solid rgba(255, 204, 204, 1);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        animation: fadeIn 0.5s ease-in-out;
        cursor: pointer;
        position: relative;
        margin-bottom: -5px;
        top: -5px;
    }

        [b-czuhtdbcaf] .control-label.error-title:hover {
            background-color: #cd5c5c;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

    [b-czuhtdbcaf] .control-label i {
        margin-right: 5px;
        font-size: 0.875em;
    }
/* _content/CerpWeb/Shared/Izvjestaj/IzvjestajGrid.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-esecfii5i1] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}

[b-esecfii5i1] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-esecfii5i1] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-esecfii5i1] .fit-width {
    max-width: 100%;
}

[b-esecfii5i1] .mw-1100 {
    max-width: 1100px;
}

[b-esecfii5i1] .navbar button > div > span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.8)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}


@keyframes fadeRightIn-b-esecfii5i1 {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeBottomIn-b-esecfii5i1 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceIn-b-esecfii5i1 {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

{
    animation: fadeRightIn-b-esecfii5i1 1s ease-in-out;
}

[b-esecfii5i1] .blazored-toast-container .blazored-toast-error, [b-esecfii5i1] .blazored-toast-container .blazored-toast-info {
    animation: bounceIn-b-esecfii5i1 1s ease-in-out;
}

[b-esecfii5i1] .blazored-toast-container .blazored-toast-warning, [b-esecfii5i1] .blazored-toast-container .blazored-toast-success {
    animation: fadeRightIn-b-esecfii5i1 1s ease-in-out;
}

[b-esecfii5i1] .blazored-toast-container{
    z-index: 10000000 !important;
}

.header-component[b-esecfii5i1] {
    background-color: #f0f0f0;
}

.footer-component[b-esecfii5i1] {
    background-color: #f0f0f0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.content-body[b-esecfii5i1]{
    padding: 0px !important;
}


[b-esecfii5i1]  ::-webkit-scrollbar {
    width: 8px;
}

[b-esecfii5i1] ::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
    border-radius: 8px;
}

    [b-esecfii5i1] ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(var(--bs-primary-rgb), 0.8);
    }

[b-esecfii5i1] .dxbl-active {
    background-color: rgba(var(--bs-primary-rgb), 0.8);
    border-radius: 10px;
}

[b-esecfii5i1] .pocetne-ikone {
    font-size: 20px;
}
[b-esecfii5i1] .dxbl-treeview-item-container:hover {
    border-radius: 10px !important;
}
/* _content/CerpWeb/Shared/Layout/PrijavaRaspored.razor.rz.scp.css */
body[b-jfnchd91b0] {
    height: 100vh;
    background-image: linear-gradient( #e3e3e3, #30b7b25c ), url(images/rm373-505.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* _content/CerpWeb/Shared/NavMenu.razor.rz.scp.css */
.sidebar[b-cfw6w733v2] {
    min-width: 300px;
    max-width: 300px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100vh;
    max-height: 100%;
    z-index: 500;
    overflow: hidden;
    background: var(--bs-body-bg);
}

.sidebar .nav[b-cfw6w733v2]  .dxbl-treeview-item-content a {
    display: flex !important;
}

.sidebar[b-cfw6w733v2]  .dxbl-scroll-viewer > div > ul {
    list-style: none;
}

.sidebar.collapse[b-cfw6w733v2] {
    display: none;
}

.sidebar.expand[b-cfw6w733v2] {
    display: block;
}


@media (max-width: 1199px) {
    .sidebar[b-cfw6w733v2] {
        display: none;
    }

    .sidebar.expand[b-cfw6w733v2] {
        position: fixed;
        top: 3.5rem;
        left: 0;
        height: auto;
        min-width: 100%;
        z-index: 1050;
    }
}

[b-cfw6w733v2] .app-sidebar {
    padding: 0px;
    overflow-y: scroll !important;
    max-height: 85vh;
}

[b-cfw6w733v2] .app-sidebar .root-item > :first-child {
    --dxbl-treeview-font-weight: 600;
    margin-bottom: 0px;
}

[b-cfw6w733v2] .app-sidebar .root-item > :only-child:not(.dxbl-treeview-tmpl) > button {
    display: none;
}

@media (max-width: 1199px) {
    [b-cfw6w733v2] .app-sidebar {
        padding-bottom: 0;
    }
}

[b-cfw6w733v2] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: black !important;
    font-size: medium;
}

[b-cfw6w733v2] .dxbl-treeview > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-treeview-items-container {
    padding-right: 0px;
    padding-top: 1rem;
}

[b-cfw6w733v2] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active {
    border-radius: 0px;
}

[b-cfw6w733v2] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(.dxbl-active) {
    border-radius: 0px;
}

[b-cfw6w733v2] .bi {
    font-size: 20px;
    margin-right: 4px;
}

[b-cfw6w733v2] .app-sidebar a {
    padding: 5px;
    padding-left: 5%;
}

[b-cfw6w733v2] .dxbl-treeview-item-text {
    font-size: 12px;
}

.node-text[b-cfw6w733v2] {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/CerpWeb/Shared/Popups/AutoEmail.razor.rz.scp.css */
.control-label[b-0jkcpnzd8r] {
    color: black;
    font-weight: 600;
}

.list-box-container[b-0jkcpnzd8r] {
    position: relative;
    width: 100%;
}

.header-info[b-0jkcpnzd8r] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--bs-gray-400);
    font-weight: 600;
}

.ml-5[b-0jkcpnzd8r] {
    margin-left: 5px;
}

.logo-small[b-0jkcpnzd8r] {
    width: 50px;
    height: auto;
    vertical-align: middle;
}

.close-info-btn[b-0jkcpnzd8r] {
    margin-left: auto;
    border: none;
    background: inherit;
    cursor: pointer;
    font-size: 20px;
    color: #555;
}

.popup-content[b-0jkcpnzd8r] {
    padding: 10px;
    background-color: rgba(229, 228, 226, 0.6);
}

[b-0jkcpnzd8r] .form-layout-popup > .dxbl-row {
    text-align: left;
}

.control-label[b-0jkcpnzd8r] {
    color: black;
    display: inline-block;
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-email-footer[b-0jkcpnzd8r] {
    background-color: rgba(229, 228, 226, 0.6);
    display: flex;
    justify-content: center;
    padding: 15px;
    gap: 20px;
}

.popup-email-footer > .dxbl-btn[b-0jkcpnzd8r] {
    color: black !important;
}
/* _content/CerpWeb/Shared/Popups/Dialog.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Popups/EmailComponents/VrsteIspisaMailComp.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Popups/Info.razor.rz.scp.css */
.header-info[b-h4jq0v2s3s] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--bs-gray-400);
    font-weight: 600;
}

.logo-small[b-h4jq0v2s3s] {
    width: 50px;
    height: auto;
    vertical-align: middle;
}

.close-info-btn[b-h4jq0v2s3s] {
    margin-left: auto;
    border: none;
    background: inherit;
    cursor: pointer;
    font-size: 20px;
    color: #555;
}

.popup-content[b-h4jq0v2s3s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.logo-large[b-h4jq0v2s3s] {
    width: 240px;
    height: auto;
}

h2[b-h4jq0v2s3s] {
    font-size: 22px;
    max-width: 90%;
    word-wrap: break-word;
}

.contact-info[b-h4jq0v2s3s] {
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .contact-info a[b-h4jq0v2s3s],
    .contact-info span[b-h4jq0v2s3s] {
        display: block;
        font-size: 20px;
        text-decoration: none;
        color: inherit;
        line-height: 1;
    }

        .contact-info a:hover[b-h4jq0v2s3s] {
            color: #30D5C8;
        }
/* _content/CerpWeb/Shared/Popups/IspisAdresnice.razor.rz.scp.css */
.popup-header[b-bie4h8t5k9] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    background: #f2f4f7;
    padding: 3px;
    border: var(--dxbl-popup-border-width) var(--dxbl-popup-border-style) var(--dxbl-popup-border-color);
}

    .popup-header .btn-ia[b-bie4h8t5k9] {
        background: white !important;
        font-size: 14px;
        padding: 3px;
    }

.modal-body-class[b-bie4h8t5k9] {
    padding: unset !important;
}

.input-section[b-bie4h8t5k9] {
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
}

.grid-container[b-bie4h8t5k9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
    padding: 10px;
    background: #ebedf0;
}

.grid-button[b-bie4h8t5k9] {
    font-size: 24px;
    padding: 30px;
    text-align: center;
    line-height: 1.5;
    min-height: 60px;
}

.highlighted[b-bie4h8t5k9] {
    background-color: #ffe599;
}
/* _content/CerpWeb/Shared/Popups/IspisDokumenta.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Prilozi/Prilozi.razor.rz.scp.css */
.prilozi[b-pk4tmrl6on] {
    padding: 10px;
}

.prilozi-container[b-pk4tmrl6on] {
    padding: 5px 10px;
    background-color: var(--bs-gray-100);
    border-radius: 10px;
    position: relative;
    max-height: 90vh !important;
    height: 90vh;
}

.close-button[b-pk4tmrl6on] {
    position: absolute;
    top: 5px;
    left: 10px;
    background: none;
    border: none;
    font-size: large;
    cursor: pointer;
    color: white;
    background-color: #0c4c7d;
    border-radius: 8px;
    padding: 0px 20px;
}

[b-pk4tmrl6on] .add-button {
    background-color: #0c4c7d !important;
}

[b-pk4tmrl6on] .delete-button {
    float: right;
    background-color: var(--bs-danger) !important;
}

.prilozi-heading[b-pk4tmrl6on] {
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--bs-primary);
    padding-bottom: 10px;
}

[b-pk4tmrl6on] .prilozi-layout {
    display: flex;
    gap: 20px;
    height: 93%;
    max-height: 93%;
}

[b-pk4tmrl6on] .left-seperator {
    padding-right: 15px;
    border-right: 2px solid var(--bs-primary) !important;
}

.stacklayout-content[b-pk4tmrl6on] {
    padding: 15px;
}

.attachment-item[b-pk4tmrl6on] {
    border: 1px solid var(--bs-primary);
    padding: 10px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border-radius: 8px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp-b-pk4tmrl6on 0.5s ease forwards;
}

@keyframes fadeInUp-b-pk4tmrl6on {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.attachment-header[b-pk4tmrl6on] {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bs-primary);
    margin-bottom: 5px;
    color: gray;
    font-weight: 500;
}

.attachment-actions[b-pk4tmrl6on] {
    display: flex;
    gap: 10px;
    margin: 5px 0px;
    border-top: 2px solid #ccc;
    background-color: #F0F0F0;
    padding: 0px 5px;
}   

.upload-container[b-pk4tmrl6on] {
    text-align: center;
    padding: 20px;
    border: 2px dashed #ddd;
    border-radius: 10px;
    background: #fff;
    place-items: center;
}

.drop-file-label[b-pk4tmrl6on] {
    font-weight: 500;
    font-size: 1rem;
}

[b-pk4tmrl6on] .dxbl-upload-select-btn, [b-pk4tmrl6on] .dxbl-upload-select-btn:hover {
    background-color: #0c4c7d !important;
}

.attachment-info[b-pk4tmrl6on] {
    display: flex;
    flex-direction: column;
}

.attachment-title[b-pk4tmrl6on] {
    display: inline-block;
    max-width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

[b-pk4tmrl6on] .attachment-actions button {
    color: black !important;
    background: white !important;
    margin: 5px 0px;
}

[b-pk4tmrl6on] .btn-delete {
    margin-left: auto !important;
}

.attachment-info span:first-child[b-pk4tmrl6on] {
    font-weight: bold;
}

.attachments-list[b-pk4tmrl6on] {
    max-height: 77vh !important;
    overflow-y: auto;
    padding-right: 10px;
}

[b-pk4tmrl6on] .file-memo{
    max-height: 7vh !important;
    overflow-y: auto;
}

[b-pk4tmrl6on] .attachment-actions .dx-button {
    transition: border-top-color 0.3s ease;
}

[b-pk4tmrl6on] .eye-button {
    border-top: 2px solid #30D5C8;
}

    [b-pk4tmrl6on] .eye-button:hover {
        border-top-color: #1a8a7a;
    }

[b-pk4tmrl6on] .arrow-up-button {
    border-top: 2px solid #5a9bd5;
}

    [b-pk4tmrl6on] .arrow-up-button:hover {
        border-top-color: #3a7ca5;
    }

[b-pk4tmrl6on] .arrow-down-button {
    border-top: 2px solid #6fbf73;
}

    [b-pk4tmrl6on] .arrow-down-button:hover {
        border-top-color: #4a9b53;
    }

[b-pk4tmrl6on] .download-button {
    border-top: 2px solid #ffb74d;
}

    [b-pk4tmrl6on] .download-button:hover {
        border-top-color: #ff8f00;
    }

[b-pk4tmrl6on] .btn-delete {
    color: red;
    border-top: 2px solid #ff0000;
}

    [b-pk4tmrl6on] .btn-delete:hover {
        border-top-color: #cc0000;
    }

[b-pk4tmrl6on] .update-button {
    border-top: 2px solid #9b59b6; 
}

    [b-pk4tmrl6on] .update-button:hover {
        border-top-color: #8e44ad; 
    }

.prilog-preview-container[b-pk4tmrl6on] {
    border: 2px solid #ccc;
    border-radius: 15px;
    padding: 15px;
    margin-top: 15px;
    height: 95%;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, #f0f0f0, #ffffff);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align-last: center;
}

.prilog-preview-pdf[b-pk4tmrl6on],
.prilog-preview-docx[b-pk4tmrl6on],
.prilog-preview-xlsx[b-pk4tmrl6on] {
    width: 100%;
    height: 100%;
    border: none;
}

    .prilog-preview-docx[b-pk4tmrl6on],
    .prilog-preview-xlsx[b-pk4tmrl6on]{
        max-height: 97% !important;
    }

    .prilog-preview-image[b-pk4tmrl6on] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        border-radius: 8px;
        border: 2px solid #ccc;
    }

.prilog-preview-container video[b-pk4tmrl6on] {
    width: 100%;
    height: 100%;
}

.attachments-list[b-pk4tmrl6on]::-webkit-scrollbar-thumb {
    background-color: #0c4c7d;
}

.right-panel[b-pk4tmrl6on]{
    height: 100%;
    padding-bottom: 10px;
}

.custom-drop-zone[b-pk4tmrl6on] {
    padding: 0 !important;
    border-style: dashed !important;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .custom-drop-zone svg[b-pk4tmrl6on] {
        width: 42px;
        height: 42px;
    }

.drop-file-icon[b-pk4tmrl6on] {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    width: 48px;
    height: 48px;
    -webkit-mask-image: url("../images/icons/drop-file.svg");
    mask-image: url("../images/icons/drop-file.svg");
}

.styled-message[b-pk4tmrl6on] {
    font-size: 1.1em;
    color: #333;
    background-color: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: 20px 0;
    font-weight: 500;
}
/* _content/CerpWeb/Shared/TabBase/TabBase.razor.rz.scp.css */
.tab-container[b-cfi0wspp1z] {
    background-color: #efefee;
}

.flex-item[b-cfi0wspp1z] {
    margin-right: 10px;
}
/* _content/CerpWeb/Shared/TabBase/TabBaseHeader.razor.rz.scp.css */
.tab-header[b-9pkk1egxr2] {
    padding: 2px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.25%;
    background: white !important;
}
[b-9pkk1egxr2] .dxbl-btn-toolbar,
[b-9pkk1egxr2] .dxbl-toolbar-placeholder {
    background-color: white !important;
}
/* _content/CerpWeb/Shared/Tabovi/Avansi.razor.rz.scp.css */
.margin-right-label[b-8k0zzgtmhc] {
    margin-right: 10px;
}
/* _content/CerpWeb/Shared/Tabovi/Carina.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/CjelineTabovi/Cjeline.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/CjelineTabovi/CjelineChild.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/Dostava.razor.rz.scp.css */
[b-8r6u47c0hh] .dxbl-scroll-viewer-content {
    background-color: var(--bs-white) !important;
    direction: ltr;
}
/* _content/CerpWeb/Shared/Tabovi/DostavaTabovi/Posiljka.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/DostavaTabovi/StatusiPosiljke.razor.rz.scp.css */
[b-u95yi9gvcx] .toolbar-settings, [b-u95yi9gvcx] .toolbar-btn {
    background-color: transparent !important;
    float: inline-end;
}

    [b-u95yi9gvcx] .toolbar-settings span, [b-u95yi9gvcx] .toolbar-btn i {
        color: black;
        font-size: larger;
    }
/* _content/CerpWeb/Shared/Tabovi/ERacunPovijest.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/Intrastat.razor.rz.scp.css */
.grid-container[b-kw2autdb1a] {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

    .grid-container legend[b-kw2autdb1a] {
        font-size: 1em;
        font-weight: bold;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* _content/CerpWeb/Shared/Tabovi/IspravnostIsporuke.razor.rz.scp.css */
.grid-container[b-jkx4t2l5hc] {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

    .grid-container legend[b-jkx4t2l5hc] {
        font-size: 1em;
        font-weight: bold;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

[b-jkx4t2l5hc] .dxbl-btn-standalone {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

[b-jkx4t2l5hc] .dxbl-btn-primary {
    --dxbl-btn-bg: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-border-color: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-active-bg: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-active-border-color: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-hover-bg: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-hover-border-color: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-disabled-bg: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-disabled-border-color: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-focus-color: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-focus-border-bg: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    --dxbl-btn-focus-outline-color: linear-gradient(90deg, rgba(64, 77, 117, 1) 0%, rgba(74, 94, 124, 1) 100%) !important;
    background: var(--dxbl-btn-bg) !important;
    border-color: var(--dxbl-btn-border-color) !important;
}

    [b-jkx4t2l5hc] .dxbl-btn-primary:hover {
        background: var(--dxbl-btn-hover-bg) !important;
        border-color: var(--dxbl-btn-hover-border-color) !important;
    }

    [b-jkx4t2l5hc] .dxbl-btn-primary:active {
        background: var(--dxbl-btn-active-bg) !important;
        border-color: var(--dxbl-btn-active-border-color) !important;
    }

    [b-jkx4t2l5hc] .dxbl-btn-primary:disabled {
        background: var(--dxbl-btn-disabled-bg) !important;
        border-color: var(--dxbl-btn-disabled-border-color) !important;
    }

.text-black[b-jkx4t2l5hc] {
    font-weight: 600;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-margin-right[b-jkx4t2l5hc] {
    margin-right: 8px;
}

.title-temperatures[b-jkx4t2l5hc] {
    padding: 6px 0px 6px 0px;
    margin-bottom: 2%;
    background-color: transparent !important;
}

[b-jkx4t2l5hc] .dxbl-text-edit-input {
    cursor: text !important;
}

[b-jkx4t2l5hc] .dxbl-text-edit.dxbl-readonly::before {
    cursor: text !important;
}
/* _content/CerpWeb/Shared/Tabovi/KnjizenjeTabovi/Knjizenje.razor.rz.scp.css */
.grid[b-x2uf074qxe] {
    height: unset !important;
}

[b-x2uf074qxe] .tab-container > .dxbl-gridlayout {
    height: unset !important;
}
/* _content/CerpWeb/Shared/Tabovi/KnjizenjeTabovi/KnjizenjeGrid.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/Kolete.razor.rz.scp.css */
.margin-right-label[b-phkk17bpcm] {
    margin-right: 0.5rem;
    font-weight: bold;
}
/* _content/CerpWeb/Shared/Tabovi/Placanje.razor.rz.scp.css */
[b-sght8mpj1k] .toolbar-settings, [b-sght8mpj1k] .toolbar-btn {
    background-color: transparent !important;
    float: inline-end;
}

    [b-sght8mpj1k] .toolbar-settings span, [b-sght8mpj1k] .toolbar-btn i {
        color: black;
        font-size: larger;
    }
/* _content/CerpWeb/Shared/Tabovi/RazradaPlacanja.razor.rz.scp.css */
.grid-container[b-1zfbep1zqt] {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}

    .grid-container legend[b-1zfbep1zqt] {
        font-size: 1em;
        font-weight: bold;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* _content/CerpWeb/Shared/Tabovi/RazradaPoreza.razor.rz.scp.css */
.gridlayout-item[b-kjjps83s1g] {
    background: rgb(239 239 239) !important;
    margin-bottom: 1.5%;
}

[b-kjjps83s1g] .dxbl-text-edit-input {
    cursor: text !important;
}

[b-kjjps83s1g] .dxbl-text-edit.dxbl-readonly::before {
    background-color: rgb(239 239 239) !important;
    cursor: text !important;
}
/* _content/CerpWeb/Shared/Tabovi/Stavke.razor.rz.scp.css */
/* _content/CerpWeb/Shared/Tabovi/ZavisniTroskovi.razor.rz.scp.css */
.gridlayout-item[b-1mq93p0a1i] {
    background: rgb(239 239 239) !important;
    margin-bottom: 1.5%;
}

[b-1mq93p0a1i] .dxbl-text-edit-input {
    cursor: text !important;
}

[b-1mq93p0a1i] .dxbl-text-edit.dxbl-readonly::before {
    background-color: rgb(239 239 239) !important;
    cursor: text !important;
}
/* _content/CerpWeb/Shared/ThemeSwitcher/ThemeSwitcherSideView.razor.rz.scp.css */
.color-block[b-pnmpfcw3fq] {
    width: 28px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 3px;
}

#themesMenu[b-pnmpfcw3fq] {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 9999;
    right: 1%;
    margin-top: 10px;
    width: auto; /*!!!*/
}

    #themesMenu.active[b-pnmpfcw3fq] {
        width: 30%;
    }

@media only screen and (max-width: 768px) {
    #themesMenu div[b-pnmpfcw3fq] {
        flex-direction: column;
        margin-top: 0px !important;
        gap: 15px;
    }
}

/*!!!*/

.theme-group[b-pnmpfcw3fq] {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}

.theme-item[b-pnmpfcw3fq] {
    display: flex;
    align-items: center;
}

.theme-name[b-pnmpfcw3fq] {
    font-size: 14px;
}

.nav-pills[b-pnmpfcw3fq] {
    padding: 0;
    list-style: none;
}

.nav-item[b-pnmpfcw3fq] {
    margin: 10px 0;
}

.nav-link[b-pnmpfcw3fq] {
    display: block;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

    .nav-link.active[b-pnmpfcw3fq] {
        background-color: #007BFF;
        color: #fff;
    }

.active .color-block[b-pnmpfcw3fq] {
    border: 2px solid #333;
}

@media /*(min-width: 992px) and*/ (max-width: 1199px) {
    #themesMenu.active[b-pnmpfcw3fq] {
        width: 50%;
    }

    /*@media (min-width: 768px) and (max-width: 991px) {

}*/

    @media (max-width: 768px) {
        .color-block[b-pnmpfcw3fq] {
            width: 24px;
            height: 12px;
            margin-right: 5px;
        }

        #themesMenu[b-pnmpfcw3fq] {
            left: 0%;
            max-height: 95vh;
            overflow: auto;
            width: fit-content;
            margin-inline-start: auto
        }

            #themesMenu.active[b-pnmpfcw3fq] {
                width: 100%;
            }

        ul[b-pnmpfcw3fq] {
            flex-direction: row !important;
        }

            ul li[b-pnmpfcw3fq] {
                padding: 10px !important;
            }

        .nav-pills[b-pnmpfcw3fq] {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .nav-item.theme-group[b-pnmpfcw3fq] {
            margin-top: 30px;
            font-size: 16px;
        }

        .nav-item[b-pnmpfcw3fq] {
            margin: 5px 0;
        }
    }
}

.reset-grid[b-pnmpfcw3fq]{
    pointer-events: all !important;
}