@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --vws-primary: #2563eb;
    --vws-primary-hover: #1d4ed8;
    --vws-primary-light: #eff6ff;
    --vws-primary-50: rgba(37, 99, 235, 0.08);
    --vws-text: #1f2937;
    --vws-text-muted: #6b7280;
    --vws-bg: #f9fafb;
    --vws-white: #ffffff;
    --vws-border: #e5e7eb;
    --vws-border-light: #f3f4f6;
    --vws-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --vws-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --vws-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --vws-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --vws-radius: 8px;
    --vws-radius-lg: 12px;
    --vws-radius-xl: 16px;
    --vws-transition: 150ms ease;
    --vws-page-offset: 100px;
}

@media (max-width: 849.98px) {
    :root {
        --vws-page-offset: 170px;
    }
}

html, body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: var(--vws-text);
    background-color: var(--vws-bg);
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: var(--vws-primary);
}

.btn-primary {
    color: #fff;
    background-color: var(--vws-primary);
    border-color: var(--vws-primary);
    border-radius: var(--vws-radius);
}

    .btn-primary:hover {
        background-color: var(--vws-primary-hover);
        border-color: var(--vws-primary-hover);
    }

/*MainLayout*/
.page {
    position: relative;
    display: flex;
    flex-direction: row;
}

@media (max-width: 849.98px) {
    .page {
        flex-direction: column;
    }
}


.sidebar {
    background-color: var(--vws-white);
    border-right: 1px solid var(--vws-border);
}


@media (min-width: 850px) {


    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

        .sidebar .navbar-toggler {
            display: none;
        }

        .sidebar .collapse {
            /* Never collapse the sidebar for wide screens */
            display: block;
        }
}



main {
    flex: 1;
}



article {
    min-width: 100%;
    padding-right: 1.5rem !important;
    padding-bottom: 10px !important;
}

@media (min-width: 850px) {

    article {
        min-width: 900px;
        overflow: auto;
        max-height: calc(100vh - 75px);
        padding-bottom: 0px !important;
    }

    main {
        overflow: auto;
    }
}


main .top-row {
    background-color: var(--vws-white);
    border-bottom: 1px solid var(--vws-border);
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
    min-width: 100%;
    padding-left: 2rem !important;
    font-size: 0.9375rem;
    color: var(--vws-text);
    position: relative;
    z-index: 0;
}

    main .top-row::after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(255, 255, 255, 0.75);
        z-index: -1;
        pointer-events: none;
    }

    main .top-row ::deep a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    main .top-row a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }


@media (min-width: 850px) {

    main .top-row {
        top: 0;
        min-width: 900px;
        position: sticky;
    }
}


.top-row-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.top-row-title {
    font-weight: 600;
    color: var(--vws-text);
    font-size: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-row-tenant {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
}

.top-row-firm {
    font-weight: 600;
    color: var(--vws-text);
    font-size: 0.9375rem;
}




/*END MainLayout*/




/*NavMenu*/
.sidebar .top-row {
    height: 3.5rem;
    background-color: var(--vws-white);
    border-bottom: 1px solid var(--vws-border);
}

.sidebar .navbar-brand {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--vws-primary) !important;
    letter-spacing: -0.02em;
}

.sidebar .navbar-toggler {
    background-color: var(--vws-border-light);
    border: 1px solid var(--vws-border);
    border-radius: var(--vws-radius);
}




@media (min-width: 850px) {
    .sidebar .navbar-toggler {
        display: none;
    }
}




/*END NavMenu*/



.content {
    padding-top: 1.1rem;
    background-color: var(--vws-bg);
    /*min-height: calc(100vh - 3.5rem);*/
    min-height: calc(100vh - 73px);
}


@media (max-width: 849.98px) {
    .content {
        min-height: calc(100vh - 142px);
    }
}


/* Page flex layout - grid zauzima ostatak ekrana */
.page-flex-layout {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--vws-page-offset));
}

    .page-flex-layout .page-flex-grid {
        flex: 1;
        min-height: 0;
    }


.page-flex-grid .dxbl-grid {
    flex-grow: 1;
    height: 100%;
    min-height: 250px;
}


.grid-autoheight .dxbl-grid {
    height: auto;
    max-height: 100%;
    min-height: auto;
}



/*Login Page*/
.login-page {
    padding: 6% 0 0;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: var(--vws-bg);
}

    .login-page .form {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        padding: 40px 36px;
        text-align: center;
        background-color: var(--vws-white);
        box-shadow: var(--vws-shadow-md);
        border-radius: var(--vws-radius-xl);
        border: 1px solid var(--vws-border);
    }

.login-header {
    margin-bottom: 28px;
}

.login-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--vws-primary);
    margin-bottom: 6px;
    letter-spacing: -0.02em;
}

.login-subtitle {
    font-size: 0.875rem;
    color: var(--vws-text-muted);
    margin-bottom: 0;
}

.login-page .form .dxbl-text-edit {
    margin: 0 0 14px;
}

    .login-page .form .dxbl-text-edit > input {
        outline: 0;
        background: var(--vws-bg);
        width: 100%;
        border: 0;
        padding: 12px 14px;
        box-sizing: border-box;
        font-size: 0.875rem;
        border-radius: var(--vws-radius);
    }

.login-page .form input[role="combobox"] {
    border-radius: var(--vws-radius) 0 0 var(--vws-radius) !important;
}

.login-page .form .dxbl-combobox .dxbl-text-edit > .dxbl-btn-group {
    background-color: var(--vws-bg) !important;
}

.login-page .form .dxbl-combobox .dxbl-text-edit .dxbl-btn {
    background-color: var(--vws-bg) !important;
    border: none !important;
    border-radius: 0 var(--vws-radius) var(--vws-radius) 0 !important;
    box-shadow: none !important;
}

.login-page .form .dxbl-btn.dxbl-btn-primary {
    margin-top: 8px;
}

.login-page .form .dxbl-combobox {
    margin-bottom: 18px;
}

/*END Login Page*/


.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }


.mycard {
    border-radius: 0;
    background-color: var(--vws-white);
    border: none;
    overflow-y: auto;
}


@media (min-width: 850px) {

    .mycard {
        height: calc(100vh - 86px);
        -webkit-overflow-scrolling: touch;
    }
}

.mycard::-webkit-scrollbar {
    width: 5px;
}

.mycard::-webkit-scrollbar-track {
    background: transparent;
}

.mycard::-webkit-scrollbar-thumb {
    background: var(--vws-border);
    border-radius: 10px;
}

    .mycard::-webkit-scrollbar-thumb:hover {
        background: #d1d5db;
    }


.copyrightver {
    height: 28px;
    text-align: center;
    width: 100%;
    color: var(--vws-text-muted);
    font-size: 0.6875rem;
    border-radius: 0;
    background-color: var(--vws-white);
    border-top: 1px solid var(--vws-border);
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyrightverBtn {
    height: 28px !important;
    color: var(--vws-text-muted) !important;
    font-size: 0.6875rem !important;
}


.meni-bg {
    background-color: transparent !important;
}



.menu-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    background-position: center center;
    opacity: 0.7;
}


.wrapperBtnsRight {
    display: grid;
    grid-template-columns: repeat(auto-fit, 120px);
    gap: 10px;
    justify-content: end;
}

.wrapperBtnsLeft {
    display: grid;
    grid-template-columns: repeat(auto-fill, 120px);
    gap: 10px;
}

.wrapperPopups {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    max-height: calc(100vh - 150px);
    overflow: auto;
}


.DxRowHoverCSS_nopointer:hover {
    background-color: lightgray;
}

.DxRowHoverCSS:hover {
    cursor: pointer;
    background-color: lightgray;
}

.DxRowHoverLightBlueCSS {
    color: darkblue;
    font-weight: bold;
    font-style: italic;
}

    .DxRowHoverLightBlueCSS:hover {
        cursor: pointer;
        background-color: lightgray;
    }

.DxRowHoverOrangeCSS {
    color: darkorange;
    font-weight: bold;
}

    .DxRowHoverOrangeCSS:hover {
        cursor: pointer;
        background-color: lightgray;
    }

.DxRowHoverCSSRed {
    background-color: rgb(255, 128, 128);
}

    .DxRowHoverCSSRed:hover {
        cursor: pointer;
        color: rgb(255, 128, 128);
        background-color: lightgray;
    }

.DxRowHoverCSSRedSel {
    color: rgb(255, 128, 128);
    background-color: #DEDFDF;
}

    .DxRowHoverCSSRedSel:hover {
        cursor: pointer;
        color: rgb(255, 128, 128);
        background-color: lightgray;
    }

.DxRowHoverCSSGreen {
    background-color: rgb(192, 255, 192);
}

    .DxRowHoverCSSGreen:hover {
        cursor: pointer;
        color: green;
        background-color: lightgray;
    }

.DxRowHoverCSSGreenSel {
    color: green;
    background-color: #DEDFDF;
}

    .DxRowHoverCSSGreenSel:hover {
        cursor: pointer;
        color: green;
        background-color: lightgray;
    }

.DxRowHoverCSSred2 {
    color: rgb(192,0,0);
}

    .DxRowHoverCSSred2:hover {
        cursor: pointer;
        color: rgb(192,0,0);
        background-color: lightgray;
    }


.DxRowHoverCSSblue2 {
    color: darkblue;
}

    .DxRowHoverCSSblue2:hover {
        cursor: pointer;
        color: darkblue;
        background-color: lightgray;
    }

.DxRowHoverCSSGrayBG {
    background-color: #A5A5A5;
}

    .DxRowHoverCSSGrayBG:hover {
        cursor: pointer;
        background-color: gray;
    }


.DxRowHoverCSSGray {
    color: darkgray;
}

    .DxRowHoverCSSGray:hover {
        cursor: pointer;
        color: darkgray;
        background-color: lightgray;
    }

.DxRowHoverCSSYellow {
    background-color: rgb(255, 255, 155);
}

    .DxRowHoverCSSYellow:hover {
        cursor: pointer;
        color: rgb(255, 255, 155);
        background-color: lightgray;
    }

.DxRowHoverCSSYellowSel {
    color: rgb(255, 255, 155);
    background-color: #DEDFDF;
}

    .DxRowHoverCSSYellowSel:hover {
        cursor: pointer;
        color: rgb(255, 255, 155);
        background-color: lightgray;
    }

.DxRowHoverGreenCSS {
    color: green;
    /*font-weight: bold;*/
}

    .DxRowHoverGreenCSS:hover {
        cursor: pointer;
        background-color: lightgray;
    }

.DxRowHoverYellowCSS {
    background-color: yellow;
}

    .DxRowHoverYellowCSS:hover {
        cursor: pointer;
        color: yellow;
        background-color: lightgray;
    }

.DxRowHoverOrangeCSS2 {
    color: darkorange;
    /*font-weight: bold;*/
}

    .DxRowHoverOrangeCSS2:hover {
        cursor: pointer;
        background-color: lightgray;
    }

.DxRowHoverGrayCSS {
    color: gray;
}

    .DxRowHoverGrayCSS:hover {
        cursor: pointer;
        background-color: lightgray;
    }

.DxRowCSSRed {
    background-color: rgb(255, 128, 128);
}


.MyToolbarItemCss {
    border-left-color: darkblue !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.MyToolbarItemFirstCss {
    border-left-color: transparent !important;
}



.btnGridIcon {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
}

.btnGridIconPic {
    background-color: gray !important;
    background-image: none !important;
    height: 20px !important;
    width: 26px !important;
    display: block;
    --dxbl-image-margin-y: 0 !important;
    background-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
}

    .btnGridIconPic:hover {
        background-color: #4C4C4C !important;
    }



.btnGridIconPicUp {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-8 8h5v8h6v-8h5z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l-8 8h5v8h6v-8h5z'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicDown {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 20l8-8h-5V4h-6v8H4z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M12 20l8-8h-5V4h-6v8H4z'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicDelete {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 20.313 25'%3E%3Cpath id='Icon_metro-bin' data-name='Icon metro-bin' d='M6.061 9.741V25.366a1.567 1.567 0 0 0 1.562 1.563H21.686a1.567 1.567 0 0 0 1.562-1.562V9.741ZM10.749 23.8H9.186V12.866h1.562Zm3.125 0H12.311V12.866h1.562ZM17 23.8H15.436V12.866H17Zm3.125 0H18.561V12.866h1.563Zm3.516-18.75H18.561V3.1a1.175 1.175 0 0 0-1.172-1.172H11.921A1.175 1.175 0 0 0 10.749 3.1V5.053H5.671A1.175 1.175 0 0 0 4.5 6.225V8.178H24.811V6.225a1.175 1.175 0 0 0-1.172-1.172ZM17 5.053H12.311V3.51H17V5.053Z' transform='translate(-4.499 -1.928)' fill='%2301233f'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 20.313 25'%3E%3Cpath id='Icon_metro-bin' data-name='Icon metro-bin' d='M6.061 9.741V25.366a1.567 1.567 0 0 0 1.562 1.563H21.686a1.567 1.567 0 0 0 1.562-1.562V9.741ZM10.749 23.8H9.186V12.866h1.562Zm3.125 0H12.311V12.866h1.562ZM17 23.8H15.436V12.866H17Zm3.125 0H18.561V12.866h1.563Zm3.516-18.75H18.561V3.1a1.175 1.175 0 0 0-1.172-1.172H11.921A1.175 1.175 0 0 0 10.749 3.1V5.053H5.671A1.175 1.175 0 0 0 4.5 6.225V8.178H24.811V6.225a1.175 1.175 0 0 0-1.172-1.172ZM17 5.053H12.311V3.51H17V5.053Z' transform='translate(-4.499 -1.928)' fill='%2301233f'/%3E%3C/svg%3E") !important;
}


.btnGridIconPicEdit {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 33.304 33.304'%3E%3Cg id='Icon_feather-edit' data-name='Icon feather-edit' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_148' data-name='Path 148' d='M16.555 6H6.012A3.012 3.012 0 0 0 3 9.012V30.1a3.012 3.012 0 0 0 3.012 3.012H27.1A3.012 3.012 0 0 0 30.109 30.1V19.555' transform='translate(-3 -2.805)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_149' data-name='Path 149' d='M27.814 3.754a3.195 3.195 0 0 1 4.518 4.518L18.024 22.579 12 24.086l1.506-6.024Z' transform='translate(-2.964 -2.818)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 33.304 33.304'%3E%3Cg id='Icon_feather-edit' data-name='Icon feather-edit' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_148' data-name='Path 148' d='M16.555 6H6.012A3.012 3.012 0 0 0 3 9.012V30.1a3.012 3.012 0 0 0 3.012 3.012H27.1A3.012 3.012 0 0 0 30.109 30.1V19.555' transform='translate(-3 -2.805)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_149' data-name='Path 149' d='M27.814 3.754a3.195 3.195 0 0 1 4.518 4.518L18.024 22.579 12 24.086l1.506-6.024Z' transform='translate(-2.964 -2.818)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.btnGridIconPicPrint {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 27'%3E%3Cpath id='Icon_material-local-printshop' data-name='Icon material-local-printshop' d='M28.5 12H7.5A4.494 4.494 0 0 0 3 16.5v9H9v6H27v-6h6v-9A4.494 4.494 0 0 0 28.5 12ZM24 28.5H12V21H24ZM28.5 18A1.5 1.5 0 1 1 30 16.5 1.5 1.5 0 0 1 28.5 18ZM27 4.5H9v6H27Z' transform='translate(-3 -4.5)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 27'%3E%3Cpath id='Icon_material-local-printshop' data-name='Icon material-local-printshop' d='M28.5 12H7.5A4.494 4.494 0 0 0 3 16.5v9H9v6H27v-6h6v-9A4.494 4.494 0 0 0 28.5 12ZM24 28.5H12V21H24ZM28.5 18A1.5 1.5 0 1 1 30 16.5 1.5 1.5 0 0 1 28.5 18ZM27 4.5H9v6H27Z' transform='translate(-3 -4.5)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicMail {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 24'%3E%3Cpath id='Icon_material-mail-outline' data-name='Icon material-mail-outline' d='M30 6H6A3 3 0 0 0 3.015 9L3 27a3.009 3.009 0 0 0 3 3H30a3.009 3.009 0 0 0 3-3V9A3.009 3.009 0 0 0 30 6Zm0 21H6V12l12 7.5L30 12ZM18 16.5 6 9H30Z' transform='translate(-3 -6)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 24'%3E%3Cpath id='Icon_material-mail-outline' data-name='Icon material-mail-outline' d='M30 6H6A3 3 0 0 0 3.015 9L3 27a3.009 3.009 0 0 0 3 3H30a3.009 3.009 0 0 0 3-3V9A3.009 3.009 0 0 0 30 6Zm0 21H6V12l12 7.5L30 12ZM18 16.5 6 9H30Z' transform='translate(-3 -6)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicDownload {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 36.142 30.023'%3E%3Cg id='Icon_feather-download-cloud' data-name='Icon feather-download-cloud' transform='translate(0.019 -2.977)'%3E%3Cpath id='Path_164' data-name='Path 164' d='M12 25.5l6 6 6-6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_165' data-name='Path 165' d='M18 18V31.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_166' data-name='Path 166' d='M31.32 27.135A7.5 7.5 0 0 0 27 13.5H25.11A12 12 0 1 0 4.5 24.435' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 36.142 30.023'%3E%3Cg id='Icon_feather-download-cloud' data-name='Icon feather-download-cloud' transform='translate(0.019 -2.977)'%3E%3Cpath id='Path_164' data-name='Path 164' d='M12 25.5l6 6 6-6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_165' data-name='Path 165' d='M18 18V31.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_166' data-name='Path 166' d='M31.32 27.135A7.5 7.5 0 0 0 27 13.5H25.11A12 12 0 1 0 4.5 24.435' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.btnGridIconPicNalog {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 24'%3E%3Cpath id='Icon_material-payment' data-name='Icon material-payment' d='M30 6H6A2.977 2.977 0 0 0 3.015 9L3 27a2.99 2.99 0 0 0 3 3H30a2.99 2.99 0 0 0 3-3V9A2.99 2.99 0 0 0 30 6Zm0 21H6V18H30Zm0-15H6V9H30Z' transform='translate(-3 -6)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 24'%3E%3Cpath id='Icon_material-payment' data-name='Icon material-payment' d='M30 6H6A2.977 2.977 0 0 0 3.015 9L3 27a2.99 2.99 0 0 0 3 3H30a2.99 2.99 0 0 0 3-3V9A2.99 2.99 0 0 0 30 6Zm0 21H6V18H30Zm0-15H6V9H30Z' transform='translate(-3 -6)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicPregPoVez {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 25.5 19.5'%3E%3Cpath id='Icon_material-view-column' data-name='Icon material-view-column' d='M15 27h7.5V7.5H15ZM6 27h7.5V7.5H6ZM24 7.5V27h7.5V7.5Z' transform='translate(-6 -7.5)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 25.5 19.5'%3E%3Cpath id='Icon_material-view-column' data-name='Icon material-view-column' d='M15 27h7.5V7.5H15ZM6 27h7.5V7.5H6ZM24 7.5V27h7.5V7.5Z' transform='translate(-6 -7.5)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicSaNaPartiju {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 36 36'%3E%3Cpath id='Icon_open-data-transfer-download' data-name='Icon open-data-transfer-download' d='M13.5 0V13.5h-9L18 27 31.5 13.5h-9V0ZM0 31.5V36H36V31.5Z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 36 36'%3E%3Cpath id='Icon_open-data-transfer-download' data-name='Icon open-data-transfer-download' d='M13.5 0V13.5h-9L18 27 31.5 13.5h-9V0ZM0 31.5V36H36V31.5Z'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicSaNaKonto {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30.705 31.504'%3E%3Cpath id='Icon_awesome-arrow-down' data-name='Icon awesome-arrow-down' d='M29.046 15.645l1.561 1.561a1.681 1.681 0 0 1 0 2.384L16.945 33.258a1.681 1.681 0 0 1-2.384 0L.893 19.589a1.681 1.681 0 0 1 0-2.384l1.561-1.561a1.689 1.689 0 0 1 2.412.028l8.072 8.473V3.938A1.683 1.683 0 0 1 14.625 2.25h2.25a1.683 1.683 0 0 1 1.688 1.688V24.145l8.072-8.473a1.677 1.677 0 0 1 2.412-.028Z' transform='translate(-0.397 -2.25)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30.705 31.504'%3E%3Cpath id='Icon_awesome-arrow-down' data-name='Icon awesome-arrow-down' d='M29.046 15.645l1.561 1.561a1.681 1.681 0 0 1 0 2.384L16.945 33.258a1.681 1.681 0 0 1-2.384 0L.893 19.589a1.681 1.681 0 0 1 0-2.384l1.561-1.561a1.689 1.689 0 0 1 2.412.028l8.072 8.473V3.938A1.683 1.683 0 0 1 14.625 2.25h2.25a1.683 1.683 0 0 1 1.688 1.688V24.145l8.072-8.473a1.677 1.677 0 0 1 2.412-.028Z' transform='translate(-0.397 -2.25)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicUraIra {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 27'%3E%3Cpath id='Icon_material-select-all' data-name='Icon material-select-all' d='M4.5 7.5h3v-3A3.009 3.009 0 0 0 4.5 7.5Zm0 12h3v-3h-3Zm6 12h3v-3h-3Zm-6-18h3v-3h-3Zm15-9h-3v3h3Zm9 0v3h3A3.009 3.009 0 0 0 28.5 4.5Zm-21 27v-3h-3A3.009 3.009 0 0 0 7.5 31.5Zm-3-6h3v-3h-3Zm9-21h-3v3h3Zm3 27h3v-3h-3Zm12-12h3v-3h-3Zm0 12a3.009 3.009 0 0 0 3-3h-3Zm0-18h3v-3h-3Zm0 12h3v-3h-3Zm-6 6h3v-3h-3Zm0-24h3v-3h-3Zm-12 18h15v-15h-15Zm3-12h9v9h-9Z' transform='translate(-4.5 -4.5)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 27'%3E%3Cpath id='Icon_material-select-all' data-name='Icon material-select-all' d='M4.5 7.5h3v-3A3.009 3.009 0 0 0 4.5 7.5Zm0 12h3v-3h-3Zm6 12h3v-3h-3Zm-6-18h3v-3h-3Zm15-9h-3v3h3Zm9 0v3h3A3.009 3.009 0 0 0 28.5 4.5Zm-21 27v-3h-3A3.009 3.009 0 0 0 7.5 31.5Zm-3-6h3v-3h-3Zm9-21h-3v3h3Zm3 27h3v-3h-3Zm12-12h3v-3h-3Zm0 12a3.009 3.009 0 0 0 3-3h-3Zm0-18h3v-3h-3Zm0 12h3v-3h-3Zm-6 6h3v-3h-3Zm0-24h3v-3h-3Zm-12 18h15v-15h-15Zm3-12h9v9h-9Z' transform='translate(-4.5 -4.5)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicObradi {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 36 36'%3E%3Cpath id='Icon_simple-wheniwork' data-name='Icon simple-wheniwork' d='M18 36A18 18 0 1 1 36 18 18.014 18.014 0 0 1 18 36ZM18 3.021A14.981 14.981 0 1 0 32.98 18 15.015 15.015 0 0 0 18 3.021Zm8.827 16.722H13.819a1.046 1.046 0 0 1-1.047-1.036V17.189a1.043 1.043 0 0 1 1.047-1.045H26.941a1.043 1.043 0 0 1 1.045 1.045V18.7a1.234 1.234 0 0 1-1.16 1.045Zm-3.369-5.806H10.337A1.041 1.041 0 0 1 9.29 12.9V11.385a1.025 1.025 0 0 1 1.045-.932H23.457a1 1 0 0 1 .93.929v1.509a1.025 1.025 0 0 1-.928 1.045ZM10.337 22.063H23.458A1.04 1.04 0 0 1 24.5 23.109v1.509a1.043 1.043 0 0 1-1.037 1.045H10.337A1.232 1.232 0 0 1 9.291 24.5V23a1.024 1.024 0 0 1 1.045-.931Z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 36 36'%3E%3Cpath id='Icon_simple-wheniwork' data-name='Icon simple-wheniwork' d='M18 36A18 18 0 1 1 36 18 18.014 18.014 0 0 1 18 36ZM18 3.021A14.981 14.981 0 1 0 32.98 18 15.015 15.015 0 0 0 18 3.021Zm8.827 16.722H13.819a1.046 1.046 0 0 1-1.047-1.036V17.189a1.043 1.043 0 0 1 1.047-1.045H26.941a1.043 1.043 0 0 1 1.045 1.045V18.7a1.234 1.234 0 0 1-1.16 1.045Zm-3.369-5.806H10.337A1.041 1.041 0 0 1 9.29 12.9V11.385a1.025 1.025 0 0 1 1.045-.932H23.457a1 1 0 0 1 .93.929v1.509a1.025 1.025 0 0 1-.928 1.045ZM10.337 22.063H23.458A1.04 1.04 0 0 1 24.5 23.109v1.509a1.043 1.043 0 0 1-1.037 1.045H10.337A1.232 1.232 0 0 1 9.291 24.5V23a1.024 1.024 0 0 1 1.045-.931Z'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicPregPoVez2 {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 24'%3E%3Cpath id='Icon_material-details' data-name='Icon material-details' d='M4.5 6 18 30 31.5 6ZM9.57 9H26.445L18 24Z' transform='translate(-4.5 -6)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 24'%3E%3Cpath id='Icon_material-details' data-name='Icon material-details' d='M4.5 6 18 30 31.5 6ZM9.57 9H26.445L18 24Z' transform='translate(-4.5 -6)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicStanje {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 28.5 27'%3E%3Cpath id='Icon_material-account-balance-wallet' data-name='Icon material-account-balance-wallet' d='M31.5 27v1.5a3.009 3.009 0 0 1-3 3H7.5a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3h21a3.009 3.009 0 0 1 3 3V9H18a3 3 0 0 0-3 3V24a3 3 0 0 0 3 3ZM18 24H33V12H18Zm6-3.75A2.25 2.25 0 1 1 26.25 18 2.247 2.247 0 0 1 24 20.25Z' transform='translate(-4.5 -4.5)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 28.5 27'%3E%3Cpath id='Icon_material-account-balance-wallet' data-name='Icon material-account-balance-wallet' d='M31.5 27v1.5a3.009 3.009 0 0 1-3 3H7.5a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3h21a3.009 3.009 0 0 1 3 3V9H18a3 3 0 0 0-3 3V24a3 3 0 0 0 3 3ZM18 24H33V12H18Zm6-3.75A2.25 2.25 0 1 1 26.25 18 2.247 2.247 0 0 1 24 20.25Z' transform='translate(-4.5 -4.5)'/%3E%3C/svg%3E") !important;
}


.btnGridIconPicNaTrosak {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 33 33'%3E%3Cg id='Icon_feather-arrow-down-circle' data-name='Icon feather-arrow-down-circle' transform='translate(-1.5 -1.5)'%3E%3Cpath id='Path_177' data-name='Path 177' d='M33 18A15 15 0 1 1 18 3 15 15 0 0 1 33 18Z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_178' data-name='Path 178' d='M12 18l6 6 6-6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_179' data-name='Path 179' d='M18 12V24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 33 33'%3E%3Cg id='Icon_feather-arrow-down-circle' data-name='Icon feather-arrow-down-circle' transform='translate(-1.5 -1.5)'%3E%3Cpath id='Path_177' data-name='Path 177' d='M33 18A15 15 0 1 1 18 3 15 15 0 0 1 33 18Z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_178' data-name='Path 178' d='M12 18l6 6 6-6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_179' data-name='Path 179' d='M18 12V24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.btnGridIconPicAdd {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 21'%3E%3Cpath id='Icon_material-playlist-add' data-name='Icon material-playlist-add' d='M21 15H3v3H21Zm0-6H3v3H21Zm6 12V15H24v6H18v3h6v6h3V24h6V21ZM3 24H15V21H3Z' transform='translate(-3 -9)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 30 21'%3E%3Cpath id='Icon_material-playlist-add' data-name='Icon material-playlist-add' d='M21 15H3v3H21Zm0-6H3v3H21Zm6 12V15H24v6H18v3h6v6h3V24h6V21ZM3 24H15V21H3Z' transform='translate(-3 -9)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicDefault {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 32.121 30'%3E%3Cg id='Icon_feather-check-square' data-name='Icon feather-check-square' transform='translate(-3 -3)'%3E%3Cpath id='Path_162' data-name='Path 162' d='M13.5 16.5 18 21 33 6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M31.5 18V28.5a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 32.121 30'%3E%3Cg id='Icon_feather-check-square' data-name='Icon feather-check-square' transform='translate(-3 -3)'%3E%3Cpath id='Path_162' data-name='Path 162' d='M13.5 16.5 18 21 33 6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_163' data-name='Path 163' d='M31.5 18V28.5a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.btnGridIconPicIzdajRacun {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 31.5 27'%3E%3Cg id='Icon_ionic-md-paper' data-name='Icon ionic-md-paper' transform='translate(-2.25 -4.5)'%3E%3Cpath id='Path_152' data-name='Path 152' d='M32.625 4.5H13.5a1.159 1.159 0 0 0-1.125 1.16V7.875H5.2A2.962 2.962 0 0 0 2.25 10.828v14.59A6.1 6.1 0 0 0 8.3 31.5H27.963a5.8 5.8 0 0 0 5.787-5.766V5.625A1.128 1.128 0 0 0 32.625 4.5Zm-20.25 5.625v13.5H9.422V11.475a3.433 3.433 0 0 0-.232-1.35Zm-1.2 17.958A4.152 4.152 0 0 1 8.332 29.25 3.841 3.841 0 0 1 4.5 25.418V11.475a1.336 1.336 0 1 1 2.672 0V24.75A1.128 1.128 0 0 0 8.3 25.875H12.34A3.7 3.7 0 0 1 11.18 28.083ZM31.5 25.734a3.553 3.553 0 0 1-3.537 3.516H13.17a5.878 5.878 0 0 0 1.455-3.832V6.82H31.5Z'/%3E%3Cpath id='Path_153' data-name='Path 153' d='M17.438 9.563h11.25V13.5H17.438Z'/%3E%3Cpath id='Path_154' data-name='Path 154' d='M17.438 15.75h11.25V18H17.438Z'/%3E%3Cpath id='Path_155' data-name='Path 155' d='M17.438 20.25h11.25V22.5H17.438Z'/%3E%3Cpath id='Path_156' data-name='Path 156' d='M28.688 24.75H17.438s0 2.25-.562 2.25H27.33C28.688 27 28.688 25.523 28.688 24.75Z'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 31.5 27'%3E%3Cg id='Icon_ionic-md-paper' data-name='Icon ionic-md-paper' transform='translate(-2.25 -4.5)'%3E%3Cpath id='Path_152' data-name='Path 152' d='M32.625 4.5H13.5a1.159 1.159 0 0 0-1.125 1.16V7.875H5.2A2.962 2.962 0 0 0 2.25 10.828v14.59A6.1 6.1 0 0 0 8.3 31.5H27.963a5.8 5.8 0 0 0 5.787-5.766V5.625A1.128 1.128 0 0 0 32.625 4.5Zm-20.25 5.625v13.5H9.422V11.475a3.433 3.433 0 0 0-.232-1.35Zm-1.2 17.958A4.152 4.152 0 0 1 8.332 29.25 3.841 3.841 0 0 1 4.5 25.418V11.475a1.336 1.336 0 1 1 2.672 0V24.75A1.128 1.128 0 0 0 8.3 25.875H12.34A3.7 3.7 0 0 1 11.18 28.083ZM31.5 25.734a3.553 3.553 0 0 1-3.537 3.516H13.17a5.878 5.878 0 0 0 1.455-3.832V6.82H31.5Z'/%3E%3Cpath id='Path_153' data-name='Path 153' d='M17.438 9.563h11.25V13.5H17.438Z'/%3E%3Cpath id='Path_154' data-name='Path 154' d='M17.438 15.75h11.25V18H17.438Z'/%3E%3Cpath id='Path_155' data-name='Path 155' d='M17.438 20.25h11.25V22.5H17.438Z'/%3E%3Cpath id='Path_156' data-name='Path 156' d='M28.688 24.75H17.438s0 2.25-.562 2.25H27.33C28.688 27 28.688 25.523 28.688 24.75Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.btnGridIconPicIzdajPonudu {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 29.25 29.25'%3E%3Cpath id='Icon_ionic-ios-paper' data-name='Icon ionic-ios-paper' d='M8.719 5.625V28.266a.987.987 0 0 1-.984.984h0a.987.987 0 0 1-.984-.984V7.875H5.625a2.248 2.248 0 0 0-2.25 2.25v20.25a2.248 2.248 0 0 0 2.25 2.25H30.452a2.174 2.174 0 0 0 2.173-2.173V5.625a2.248 2.248 0 0 0-2.25-2.25l-19.547.141A2.015 2.015 0 0 0 8.719 5.625Zm4.641 2.25h5.906a.987.987 0 0 1 .984.984h0a.987.987 0 0 1-.984.984H13.359a.987.987 0 0 1-.984-.984h0A.987.987 0 0 1 13.359 7.875Zm0 11.25H23.766a.987.987 0 0 1 .984.984h0a.987.987 0 0 1-.984.984H13.359a.987.987 0 0 1-.984-.984h0A.987.987 0 0 1 13.359 19.125Zm13.781 7.594H13.359a.987.987 0 0 1-.984-.984h0a.987.987 0 0 1 .984-.984H27.141a.987.987 0 0 1 .984.984h0A.987.987 0 0 1 27.141 26.719Zm0-11.25H13.359a.987.987 0 0 1-.984-.984h0a.987.987 0 0 1 .984-.984H27.141a.987.987 0 0 1 .984.984h0A.987.987 0 0 1 27.141 15.469Z' transform='translate(-3.375 -3.375)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 29.25 29.25'%3E%3Cpath id='Icon_ionic-ios-paper' data-name='Icon ionic-ios-paper' d='M8.719 5.625V28.266a.987.987 0 0 1-.984.984h0a.987.987 0 0 1-.984-.984V7.875H5.625a2.248 2.248 0 0 0-2.25 2.25v20.25a2.248 2.248 0 0 0 2.25 2.25H30.452a2.174 2.174 0 0 0 2.173-2.173V5.625a2.248 2.248 0 0 0-2.25-2.25l-19.547.141A2.015 2.015 0 0 0 8.719 5.625Zm4.641 2.25h5.906a.987.987 0 0 1 .984.984h0a.987.987 0 0 1-.984.984H13.359a.987.987 0 0 1-.984-.984h0A.987.987 0 0 1 13.359 7.875Zm0 11.25H23.766a.987.987 0 0 1 .984.984h0a.987.987 0 0 1-.984.984H13.359a.987.987 0 0 1-.984-.984h0A.987.987 0 0 1 13.359 19.125Zm13.781 7.594H13.359a.987.987 0 0 1-.984-.984h0a.987.987 0 0 1 .984-.984H27.141a.987.987 0 0 1 .984.984h0A.987.987 0 0 1 27.141 26.719Zm0-11.25H13.359a.987.987 0 0 1-.984-.984h0a.987.987 0 0 1 .984-.984H27.141a.987.987 0 0 1 .984.984h0A.987.987 0 0 1 27.141 15.469Z' transform='translate(-3.375 -3.375)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicDodajPopust {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 27'%3E%3Cpath id='Icon_awesome-percentage' data-name='Icon awesome-percentage' d='M7.682 12.182a4.5 4.5 0 1 0-6.364 0A4.5 4.5 0 0 0 7.682 12.182Zm18 11.636a4.5 4.5 0 1 0 0 6.364A4.5 4.5 0 0 0 25.682 23.818ZM25.545 7.545l-1.59-1.59a2.249 2.249 0 0 0-3.182 0L1.455 25.273a2.249 2.249 0 0 0 0 3.182l1.59 1.59a2.249 2.249 0 0 0 3.182 0L25.545 10.727A2.249 2.249 0 0 0 25.545 7.545Z' transform='translate(0 -4.5)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 27'%3E%3Cpath id='Icon_awesome-percentage' data-name='Icon awesome-percentage' d='M7.682 12.182a4.5 4.5 0 1 0-6.364 0A4.5 4.5 0 0 0 7.682 12.182Zm18 11.636a4.5 4.5 0 1 0 0 6.364A4.5 4.5 0 0 0 25.682 23.818ZM25.545 7.545l-1.59-1.59a2.249 2.249 0 0 0-3.182 0L1.455 25.273a2.249 2.249 0 0 0 0 3.182l1.59 1.59a2.249 2.249 0 0 0 3.182 0L25.545 10.727A2.249 2.249 0 0 0 25.545 7.545Z' transform='translate(0 -4.5)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicCopy {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 33'%3E%3Cg id='Icon_feather-file-plus' data-name='Icon feather-file-plus' transform='translate(-4.5 -1.5)'%3E%3Cpath id='Path_170' data-name='Path 170' d='M21 3H9A3 3 0 0 0 6 6V30a3 3 0 0 0 3 3H27a3 3 0 0 0 3-3V12Z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_171' data-name='Path 171' d='M21 3v9h9' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_172' data-name='Path 172' d='M18 27V18' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_173' data-name='Path 173' d='M13.5 22.5h9' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 27 33'%3E%3Cg id='Icon_feather-file-plus' data-name='Icon feather-file-plus' transform='translate(-4.5 -1.5)'%3E%3Cpath id='Path_170' data-name='Path 170' d='M21 3H9A3 3 0 0 0 6 6V30a3 3 0 0 0 3 3H27a3 3 0 0 0 3-3V12Z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_171' data-name='Path 171' d='M21 3v9h9' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_172' data-name='Path 172' d='M18 27V18' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_173' data-name='Path 173' d='M13.5 22.5h9' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}


.btnGridIconPicDet {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 25.5 21'%3E%3Cpath id='Icon_material-view-list' data-name='Icon material-view-list' d='M6 21h6V15H6Zm0 7.5h6v-6H6Zm0-15h6v-6H6ZM13.5 21h18V15h-18Zm0 7.5h18v-6h-18Zm0-21v6h18v-6Z' transform='translate(-6 -7.5)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 25.5 21'%3E%3Cpath id='Icon_material-view-list' data-name='Icon material-view-list' d='M6 21h6V15H6Zm0 7.5h6v-6H6Zm0-15h6v-6H6ZM13.5 21h18V15h-18Zm0 7.5h18v-6h-18Zm0-21v6h18v-6Z' transform='translate(-6 -7.5)'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicDocs {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 26.992 30.849'%3E%3Cpath id='Icon_metro-file-text' data-name='Icon metro-file-text' d='M30.22 8.829a27.32 27.32 0 0 0-2.626-3 27.323 27.323 0 0 0-3-2.626c-1.554-1.139-2.307-1.271-2.739-1.271H6.909A2.413 2.413 0 0 0 4.5 4.338V30.367a2.413 2.413 0 0 0 2.41 2.41H29.081a2.413 2.413 0 0 0 2.41-2.41v-18.8c0-.432-.132-1.185-1.271-2.739Zm-3.99-1.64A26.3 26.3 0 0 1 28.417 9.64H23.779V5a26.268 26.268 0 0 1 2.451 2.186Zm3.333 23.178a.489.489 0 0 1-.482.482H6.909a.489.489 0 0 1-.482-.482V4.338a.489.489 0 0 1 .482-.482H21.851V10.6a.964.964 0 0 0 .964.964h6.748Zm-4.82-3.374h-13.5a.964.964 0 1 1 0-1.928h13.5a.964.964 0 0 1 0 1.928Zm0-3.856h-13.5a.964.964 0 1 1 0-1.928h13.5a.964.964 0 0 1 0 1.928Zm0-3.856h-13.5a.964.964 0 1 1 0-1.928h13.5a.964.964 0 1 1 0 1.928Z' transform='translate(-4.499 -1.928)'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 26.992 30.849'%3E%3Cpath id='Icon_metro-file-text' data-name='Icon metro-file-text' d='M30.22 8.829a27.32 27.32 0 0 0-2.626-3 27.323 27.323 0 0 0-3-2.626c-1.554-1.139-2.307-1.271-2.739-1.271H6.909A2.413 2.413 0 0 0 4.5 4.338V30.367a2.413 2.413 0 0 0 2.41 2.41H29.081a2.413 2.413 0 0 0 2.41-2.41v-18.8c0-.432-.132-1.185-1.271-2.739Zm-3.99-1.64A26.3 26.3 0 0 1 28.417 9.64H23.779V5a26.268 26.268 0 0 1 2.451 2.186Zm3.333 23.178a.489.489 0 0 1-.482.482H6.909a.489.489 0 0 1-.482-.482V4.338a.489.489 0 0 1 .482-.482H21.851V10.6a.964.964 0 0 0 .964.964h6.748Zm-4.82-3.374h-13.5a.964.964 0 1 1 0-1.928h13.5a.964.964 0 0 1 0 1.928Zm0-3.856h-13.5a.964.964 0 1 1 0-1.928h13.5a.964.964 0 0 1 0 1.928Zm0-3.856h-13.5a.964.964 0 1 1 0-1.928h13.5a.964.964 0 1 1 0 1.928Z' transform='translate(-4.499 -1.928)'/%3E%3C/svg%3E") !important;
}

.btnGridIconDots {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 16 16' fill='%23000000' class='bi bi-three-dots-vertical'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 16 16' fill='%23000000' class='bi bi-three-dots-vertical'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") !important;
}

.btnGridImovina {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 28.5 31.5'%3E%3Cpath id='Icon_material-account-balance' data-name='Icon material-account-balance' d='M6,15V25.5h4.5V15Zm9,0V25.5h4.5V15ZM3,33H31.5V28.5H3ZM24,15V25.5h4.5V15ZM17.25,1.5,3,9v3H31.5V9Z' transform='translate(-3 -1.5)'/%3E%3C/svg%3E%0A") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 28.5 31.5'%3E%3Cpath id='Icon_material-account-balance' data-name='Icon material-account-balance' d='M6,15V25.5h4.5V15Zm9,0V25.5h4.5V15ZM3,33H31.5V28.5H3ZM24,15V25.5h4.5V15ZM17.25,1.5,3,9v3H31.5V9Z' transform='translate(-3 -1.5)'/%3E%3C/svg%3E%0A") !important;
}


.btnGridIconPicInfo {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M5 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M3.5 2.5C2.67 2.5 2 3.17 2 4h1c0-.28.22-.5.5-.5s.5.22.5.5s-1 1.64-1 2.5S3.67 8 4.5 8S6 7.33 6 6.5H5c0 .28-.22.5-.5.5S4 6.78 4 6.5C4 6.14 5 4.66 5 4c0-.81-.67-1.5-1.5-1.5'/%3E%3C/svg%3E") !important;
}

.btnGridIconPicClock {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4 0C1.8 0 0 1.8 0 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m0 1c1.66 0 3 1.34 3 3S5.66 7 4 7S1 5.66 1 4s1.34-3 3-3m-.5 1v2.22l.16.13l.5.5l.34.38l.72-.72l-.38-.34l-.34-.34V2.02h-1z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4 0C1.8 0 0 1.8 0 4s1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4m0 1c1.66 0 3 1.34 3 3S5.66 7 4 7S1 5.66 1 4s1.34-3 3-3m-.5 1v2.22l.16.13l.5.5l.34.38l.72-.72l-.38-.34l-.34-.34V2.02h-1z'/%3E%3C/svg%3E") !important;
}

.btnGridIconLinkBroken {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M2 0v1H1v1h2V0zm3.88.03a2 2 0 0 0-.53.09c-.27.1-.53.25-.75.47l-.44.44a.5.5 0 1 0 .69.69l.44-.44c.11-.11.24-.17.38-.22c.35-.12.78-.07 1.06.22c.39.39.39 1.04 0 1.44l-1.5 1.5a.5.5 0 1 0 .69.69l1.5-1.5A1.98 1.98 0 0 0 6.45.07C6.27.03 6.07.03 5.89.04zM2.29 2.94a.5.5 0 0 0-.19.16L.6 4.6a1.98 1.98 0 0 0 0 2.81c.56.56 1.36.72 2.06.47c.27-.1.53-.25.75-.47l.44-.44a.5.5 0 1 0-.69-.69l-.44.44c-.11.11-.24.17-.38.22c-.35.12-.78.07-1.06-.22c-.39-.39-.39-1.04 0-1.44l1.5-1.5a.5.5 0 0 0-.44-.84h-.06zM5.01 6v2h1V7h1V6z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M2 0v1H1v1h2V0zm3.88.03a2 2 0 0 0-.53.09c-.27.1-.53.25-.75.47l-.44.44a.5.5 0 1 0 .69.69l.44-.44c.11-.11.24-.17.38-.22c.35-.12.78-.07 1.06.22c.39.39.39 1.04 0 1.44l-1.5 1.5a.5.5 0 1 0 .69.69l1.5-1.5A1.98 1.98 0 0 0 6.45.07C6.27.03 6.07.03 5.89.04zM2.29 2.94a.5.5 0 0 0-.19.16L.6 4.6a1.98 1.98 0 0 0 0 2.81c.56.56 1.36.72 2.06.47c.27-.1.53-.25.75-.47l.44-.44a.5.5 0 1 0-.69-.69l-.44.44c-.11.11-.24.17-.38.22c-.35.12-.78.07-1.06-.22c-.39-.39-.39-1.04 0-1.44l1.5-1.5a.5.5 0 0 0-.44-.84h-.06zM5.01 6v2h1V7h1V6z'/%3E%3C/svg%3E") !important;
}



/*Custom BOX (OsBox, ParBox, KontoBox)*/
.CustomBoxbtnIconPic {
    background-color: gray !important;
    background-image: none !important;
    height: 16px !important;
    width: 16px !important;
    display: block;
    --dxbl-image-margin-y: 0 !important;
    background-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
}

.CustomBoxbtnIcon-dots {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23000000' class='bi bi-three-dots-vertical'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23000000' class='bi bi-three-dots-vertical'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-person {
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16' height='16' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M256,0c-70.4,0-128,71.7-128,160s57.6,160,128,160s128-71.7,128-160S326.4,0,256,0z M122.3,320C54.4,323.2,0,378.9,0,448 v64h512v-64c0-69.1-53.8-124.8-122.3-128c-34.6,39-81.9,64-133.8,64S156.8,359,122.3,320z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16' height='16' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M256,0c-70.4,0-128,71.7-128,160s57.6,160,128,160s128-71.7,128-160S326.4,0,256,0z M122.3,320C54.4,323.2,0,378.9,0,448 v64h512v-64c0-69.1-53.8-124.8-122.3-128c-34.6,39-81.9,64-133.8,64S156.8,359,122.3,320z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}


.CustomBoxbtnIcon-find {
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width=16' height='16' viewBox='0 0 122.879 119.799' enable-background='new 0 0 122.879 119.799' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16' height='16' viewBox='0 0 122.879 119.799' enable-background='new 0 0 122.879 119.799' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.988,0h0.016v0.007C63.803,0.011,76.298,5.608,85.34,14.652c9.027,9.031,14.619,21.515,14.628,35.303h0.007v0.033v0.04 h-0.007c-0.005,5.557-0.917,10.905-2.594,15.892c-0.281,0.837-0.575,1.641-0.877,2.409v0.007c-1.446,3.66-3.315,7.12-5.547,10.307 l29.082,26.139l0.018,0.016l0.157,0.146l0.011,0.011c1.642,1.563,2.536,3.656,2.649,5.78c0.11,2.1-0.543,4.248-1.979,5.971 l-0.011,0.016l-0.175,0.203l-0.035,0.035l-0.146,0.16l-0.016,0.021c-1.565,1.642-3.654,2.534-5.78,2.646 c-2.097,0.111-4.247-0.54-5.971-1.978l-0.015-0.011l-0.204-0.175l-0.029-0.024L78.761,90.865c-0.88,0.62-1.778,1.209-2.687,1.765 c-1.233,0.755-2.51,1.466-3.813,2.115c-6.699,3.342-14.269,5.222-22.272,5.222v0.007h-0.016v-0.007 c-13.799-0.004-26.296-5.601-35.338-14.645C5.605,76.291,0.016,63.805,0.007,50.021H0v-0.033v-0.016h0.007 c0.004-13.799,5.601-26.296,14.645-35.338C23.683,5.608,36.167,0.016,49.955,0.007V0H49.988L49.988,0z M50.004,11.21v0.007h-0.016 h-0.033V11.21c-10.686,0.007-20.372,4.35-27.384,11.359C15.56,29.578,11.213,39.274,11.21,49.973h0.007v0.016v0.033H11.21 c0.007,10.686,4.347,20.367,11.359,27.381c7.009,7.012,16.705,11.359,27.403,11.361v-0.007h0.016h0.033v0.007 c10.686-0.007,20.368-4.348,27.382-11.359c7.011-7.009,11.358-16.702,11.36-27.4h-0.006v-0.016v-0.033h0.006 c-0.006-10.686-4.35-20.372-11.358-27.384C70.396,15.56,60.703,11.213,50.004,11.21L50.004,11.21z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-del {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M2.5 1.78L4 3.28l1.5-1.5l.72.72L4.72 4l1.5 1.5l-.72.72L4 4.72l-1.5 1.5l-.72-.72L3.28 4l-1.5-1.5z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4M2.5 1.78L4 3.28l1.5-1.5l.72.72L4.72 4l1.5 1.5l-.72.72L4 4.72l-1.5 1.5l-.72-.72L3.28 4l-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-download {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4.5 0C3.29 0 2.23.86 2 2C.9 2 0 2.9 0 4c0 .37.11.71.28 1H3v-.5C3 3.67 3.67 3 4.5 3S6 3.67 6 4.5V5h1.91c.06-.16.09-.32.09-.5c0-.65-.42-1.29-1-1.5v-.5A2.5 2.5 0 0 0 4.5 0m-.16 4a.5.5 0 0 0-.34.5V6H2.5l2 2l2-2H5V4.5a.5.5 0 0 0-.59-.5h-.06z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M4.5 0C3.29 0 2.23.86 2 2C.9 2 0 2.9 0 4c0 .37.11.71.28 1H3v-.5C3 3.67 3.67 3 4.5 3S6 3.67 6 4.5V5h1.91c.06-.16.09-.32.09-.5c0-.65-.42-1.29-1-1.5v-.5A2.5 2.5 0 0 0 4.5 0m-.16 4a.5.5 0 0 0-.34.5V6H2.5l2 2l2-2H5V4.5a.5.5 0 0 0-.59-.5h-.06z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-attach {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M5 0c-.51 0-1.02.21-1.41.59L.81 3.31a2.746 2.746 0 0 0 0 3.88a2.746 2.746 0 0 0 3.88 0l1.25-1.25l-.69-.69l-1.16 1.13l-.09.13c-.69.69-1.81.69-2.5 0c-.68-.68-.66-1.78 0-2.47l2.78-2.75c.39-.39 1.04-.39 1.44 0c.39.39.37 1.01 0 1.41l-2.5 2.47c-.1.1-.27.1-.38 0c-.1-.1-.1-.27 0-.38l.06-.03l.91-.94l-.69-.69l-.97.97c-.48.48-.48 1.27 0 1.75s1.27.49 1.75 0l2.5-2.44c.78-.78.78-2.04 0-2.81C6.01.21 5.51.01 4.99.01z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M5 0c-.51 0-1.02.21-1.41.59L.81 3.31a2.746 2.746 0 0 0 0 3.88a2.746 2.746 0 0 0 3.88 0l1.25-1.25l-.69-.69l-1.16 1.13l-.09.13c-.69.69-1.81.69-2.5 0c-.68-.68-.66-1.78 0-2.47l2.78-2.75c.39-.39 1.04-.39 1.44 0c.39.39.37 1.01 0 1.41l-2.5 2.47c-.1.1-.27.1-.38 0c-.1-.1-.1-.27 0-.38l.06-.03l.91-.94l-.69-.69l-.97.97c-.48.48-.48 1.27 0 1.75s1.27.49 1.75 0l2.5-2.44c.78-.78.78-2.04 0-2.81C6.01.21 5.51.01 4.99.01z'/%3E%3C/svg%3E") !important;
}

.CustomBoxbtnIcon-mailbook {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M1 0C.93 0 .87.01.81.03C.42.11.11.42.03.81C0 .87 0 .93 0 1v5.5C0 7.33.67 8 1.5 8H7V7H1.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H7V.5c0-.28-.22-.5-.5-.5H6v3L5 2L4 3V0z'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='16' height='16' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M1 0C.93 0 .87.01.81.03C.42.11.11.42.03.81C0 .87 0 .93 0 1v5.5C0 7.33.67 8 1.5 8H7V7H1.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H7V.5c0-.28-.22-.5-.5-.5H6v3L5 2L4 3V0z'/%3E%3C/svg%3E") !important;
}



/*END Custom BOX (OsBox, ParBox, KontoBox)*/




/*Stanje Partije*/
.StanjeFormat1 {
    font-weight: bold;
}

.StanjeFormat2 {
    font-style: italic;
}

.StanjeFormat3 {
    font-weight: bold;
    font-style: italic;
}

.StanjeFormat0 {
    font-weight: normal;
    font-style: normal;
}

/*END Stanje Partije*/



.MyTabCss {
}

    .MyTabCss:hover {
        border-color: transparent !important;
    }

    .MyTabCss.dxbl-active {
        border: 0px solid blue !important;
        border-bottom-width: 2px !important;
    }


/*ReportViewer*/

.dxbrv-wrapper {
    /*border: none !important;*/
    border-color: #F1F1F2 !important;
}

.dxbrv-surface-wrapper {
    background-color: #F1F1F2 !important;
}


    .dxbrv-surface-wrapper::-webkit-scrollbar {
        background-color: #F1F1F2 !important;
    }


    .dxbrv-surface-wrapper::-webkit-scrollbar-thumb {
        background: #6C757D !important;
    }

.dxbrv-toolbar .dxbl-toolbar .dxbl-btn-toolbar > .dxbl-btn-group {
    background-color: #6C757D !important;
}

.dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary > .dxbl-image {
    opacity: 70% !important;
    color: black !important;
}

.dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary:disabled > .dxbl-image {
    opacity: 30% !important;
    color: black !important;
}

.dxbrv-toolbar .dxbl-toolbar button.dxbl-toolbar-btn .dxbl-image {
    color: black !important;
}

.dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-text-secondary > svg.dxbl-image {
    color: black !important;
}

/*END ReportViewer*/





.tblProfil {
    width: calc(100% - 50px);
    margin-left: 15px;
    margin-bottom: 1rem;
    color: #888;
    border-collapse: collapse;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}


.itemPicDiv {
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
}

.itemPic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.itemPicDiv_w100percent {
    width: 100%;
    max-width: 820px;
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
}

.itemPic_w100percent {
    max-width: 100%;
    max-height: 160px;
    padding: 5px
}



.SSdataHeight {
    height: calc(100vh - 250px);
    overflow-y: auto;
}

    .SSdataHeight::-webkit-scrollbar {
        width: 6px;
    }

    .SSdataHeight::-webkit-scrollbar-track {
        background: #ddd;
    }

    .SSdataHeight::-webkit-scrollbar-thumb {
        background: #bdbdbd;
    }



.onboardingMainPadding {
    height: calc(100vh - 100px);
    overflow-y: auto;
}

@media (max-width: 849.98px) {
    .onboardingMainPadding {
        height: calc(100vh - 180px);
        overflow-y: auto;
    }
}


.onboardingMainPadding::-webkit-scrollbar {
    width: 6px;
}

.onboardingMainPadding::-webkit-scrollbar-track {
    background: #ddd;
}

.onboardingMainPadding::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}