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

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .dxbl-btn-link {
    color: #0071c1;
}

.dxbl-btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.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."
    }


.NavCartCnt {
    position: relative;
    top: -12px;
    right: 3px;
    background: #d00000;
    padding: 2px 7px;
    border: 1px solid #d00000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.NavWishListCnt {
    position: relative;
    top: -12px;
    right: 3px;
    background: #d00000;
    padding: 2px 7px;
    border: 1px solid #d00000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.dxbl-grid .dxbl-grid-empty-data > span {
    display: none;
}

.dxbl-tag-box {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
}

.dxbl-text-edit.dxbl-focused, .dxbl-text-edit:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.my-reconnect-modal > div {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    font-weight: bold;
    width: 100%;
    height: 100%;
    font-size: 25px;
}

    .my-reconnect-modal > div > div {
        display: flex;
        flex-direction: column;
        position: fixed;
        z-index: 999;
        top: 50%;
        color: black;
        text-align: center;
        width: 100%;
    }




.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: block;
}



/* Config */
:root {
    --sk-size: 40px;
    --sk-color: #333;
}


/* Utility class for centering */
.sk-center {
    margin: auto;
}

/*  Wave

      <div class="sk-wave">
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
        <div class="sk-wave-rect"></div>
      </div>
 */
.sk-wave {
    width: var(--sk-size);
    height: var(--sk-size);
    display: flex;
    justify-content: space-between;
}

.sk-wave-rect {
    background-color: var(--sk-color);
    height: 100%;
    width: 15%;
    animation: sk-wave 1.2s infinite ease-in-out;
}

    .sk-wave-rect:nth-child(1) {
        animation-delay: -1.2s;
    }

    .sk-wave-rect:nth-child(2) {
        animation-delay: -1.1s;
    }

    .sk-wave-rect:nth-child(3) {
        animation-delay: -1.0s;
    }

    .sk-wave-rect:nth-child(4) {
        animation-delay: -0.9s;
    }

    .sk-wave-rect:nth-child(5) {
        animation-delay: -0.8s;
    }

@keyframes sk-wave {
    0%, 40%, 100% {
        transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1);
    }
}

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

.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;
}

.inputmail {
    outline: 0;
    background: #f2f2f2;
    width: 300px;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

/*CartItem*/
.CartitemPic {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 15px;
}

.Cartitem1 {
    grid-area: itemPic;
    height: 75px
}

.Cartitem2 {
    grid-area: itemDesc;
    padding-left: 5px;
}

.Cartitem3 {
    grid-area: itemCapPrice;
    text-align: center;
    font-weight: bold;
}

.Cartitem4 {
    grid-area: itemCapCnt;
    text-align: center;
    font-weight: bold;
}

.Cartitem5 {
    grid-area: itemCapTotal;
    text-align: center;
    font-weight: bold;
}

.Cartitem6 {
    grid-area: itemPrice;
    text-align: center;
}

.Cartitem7 {
    grid-area: itemCnt;
    text-align: center;
}

.Cartitem8 {
    grid-area: itemTotal;
    text-align: center;
}

.Cartgrid-container {
    display: grid;
    grid-template-areas:
        'itemPic itemDesc itemDesc itemDesc'
        'itemPic itemCapPrice itemCapCnt itemCapTotal'
        'itemPic itemPrice itemCnt itemTotal';
    grid-template-columns: 75px calc((100% - 150px) / 2) 80px calc((100% - 150px) / 2);
    gap: 3px;
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-color: lightgray;
    border-width: 1px;
    max-width: 1000px;
}

/*END CartItem*/


/*CartList*/
.cartlist_ItemsInline {
    border-top-style: solid;
    border-color: lightgray;
    border-width: 1px;
    padding-bottom: 15px;
}


.cartlist_totalContainer {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
}

.cartlist_totalTitle {
    display: inline-block;
    font-weight: bold;
    font-size: 16pt;
    color: #0C2363;
    width: 195px;
}

.cartlist_totalAmount {
    display: inline-block;
    font-weight: bold;
    font-size: 16pt;
    width: 160px;
    text-align: right;
}

.cartlist_totalTitleNetto {
    display: inline-block;
    font-size: 16pt;
    width: 195px;
}

.cartlist_totalAmountNetto {
    display: inline-block;
    font-size: 16pt;
    width: 160px;
    text-align: right;
}


.cartlist_totalTitleVat {
    display: inline-block;
    font-size: 16pt;
    width: 195px;
}

.cartlist_totalAmountVat {
    display: inline-block;
    font-size: 16pt;
    width: 160px;
    text-align: right;
}


/*END CartList*/


/* checkout*/
.checkout_ItemsInline {
    border-top-style: solid;
    border-color: lightgray;
    border-width: 1px;
    padding-bottom: 15px;
}


.checkout_totalContainer {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
}

.checkout_totalTitle {
    display: inline-block;
    font-weight: bold;
    font-size: 16pt;
    color: #0C2363;
    width: 195px;
}

.checkout_totalAmount {
    display: inline-block;
    font-weight: bold;
    font-size: 16pt;
    width: 160px;
    text-align: right;
}

.checkout_totalTitleNetto {
    display: inline-block;
    font-size: 16pt;
    width: 195px;
}

.checkout_totalAmountNetto {
    display: inline-block;
    font-size: 16pt;
    width: 160px;
    text-align: right;
}


.checkout_totalTitleVat {
    display: inline-block;
    font-size: 16pt;
    width: 195px;
}

.checkout_totalAmountVat {
    display: inline-block;
    font-size: 16pt;
    width: 160px;
    text-align: right;
}
/*END checkout*/


/*TopSales*/
.topsales_ItemsInline {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    padding-bottom: 15px;
}
/*END TopSales*/


/*Item*/
.itemDiv {
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
    width: 100%;
    min-width: 200px;
    border-radius: 5px;
}

.itemPicDiv {
    width: 155px;
    height: 155px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

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

.itemText {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 10pt;
}

.itemAvailableRed {
    color: red;
}

.itemAvailableGreen {
    color: green;
}

.itemAvailableOrange {
    color: orange;
}

.itemAvailableBlack {
    color: black;
}

.itemTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ItemWishList {
    float: right;
    top: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.ItemCartDiv {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 160px;
    padding-top: 10px;
}

.ItemCartCnt {
    display: inline-block;
    width: 80px;
}

.ItemCartPic {
    display: inline-block;
    padding-left: 14px;
    cursor: pointer;
}

.ItemCartAdd {
    display: inline-block;
    cursor: pointer;
}

.cart-quantity {
    position: absolute;
    top: -3px;
    right: -15px;
    background: #d00000;
    padding: 2px 7px;
    border: 1px solid #d00000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
/*END Item*/


/* ItemDet*/

.itemdet-toprow {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: space-between;
    height: 2.5rem;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.itemdet-title {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 5px;
}


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

    .itemdet-wrapper::-webkit-scrollbar {
        width: 6px;
    }

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

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

.itemdet_picSlideInlinePrev {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

    .itemdet_picSlideInlinePrev > div {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }


.itemdet_picSlideInlineNext {
    height: 100%; /*calc(100% - 26px);*/
    width: 100%;
    cursor: pointer;
}

    .itemdet_picSlideInlineNext > div {
        position: relative;
        top: calc(50% - 13px);
        transform: translateY(-50%);
    }


.itemdet_itemDetPic {
    width: 100%;
    height: 100%;
    max-height: 600px;
    object-fit: contain;
}

.itemdet_grid-container {
    display: grid;
    grid-template-columns: 22px auto 22px;
    grid-gap: 3px;
    padding: 5px;
    width: 100%; /*calc(100vw - 52px);*/
    max-width: 663px;
}

/*END ItemDet*/

/* Ponuda*/
.ponuda_wrapperItems {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    padding-bottom: 15px;
}

/*END Ponuda*/


/* WishList*/
.wishlist_ItemsInline {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    padding-bottom: 15px;
}

/*END WishList*/


.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;
    }



.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;
}


/*ReportViewer*/

.dxbrv-wrapper {
    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*/



.multytenantchangeh {
    max-height: 300px;
}

.multytenantchangebtn-icon {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    opacity: 0.7;
}

.multytenantchangebtn {
    padding: 0px;
    font-size: 1rem;
    font-weight: bold;
}

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