@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;450;500;600;700&display=swap');
@import url('switcher-resources/themes.css');
@import url('switcher-resources/theme-switcher.css');

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



.btnl {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #e6e6e6;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em;
}

    .btnl:hover, .btnl:active, .btnl.active, .btnl.disabled, .btnl[disabled] {
        background-color: #e6e6e6;
    }

.btnl-large {
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnl:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btnl-primary, .btnl-primary:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

    .btnl-primary.active {
        color: rgba(255, 255, 255, 0.75);
    }

.btnl-primary {
    background-color: #4a77d4;
    background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4));
    background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: -o-linear-gradient(top, #6eb6de, #4a77d4);
    background-image: linear-gradient(top, #6eb6de, #4a77d4);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);
    border: 1px solid #3762bc;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
}

    .btnl-primary:hover, .btnl-primary:active, .btnl-primary.active, .btnl-primary.disabled, .btnl-primary[disabled] {
        filter: none;
        background-color: #4a77d4;
    }

.btnl-block {
    width: 100%;
    display: block;
}

.loginframe {
    background: linear-gradient(180deg, #0f172a 0%, #1e3a5f 50%, #1a4971 100%);
}

.login {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
    width: 300px;
    height: 300px;
}

    .login h1 {
        color: #fff;
        text-shadow: 0 0 10px rgba(0,0,0,0.3);
        letter-spacing: 1px;
        text-align: center;
    }

.inputl {
    width: 100%;
    margin-bottom: 10px;
    background: rgba(0,0,0,0.3);
    border: none;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}

    .inputl:focus {
        box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2);
    }


html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #1e293b;
    background-color: #f8fafc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a, .btn-link {
    color: #2563eb;
    transition: color 0.15s ease;
}

a:hover {
    color: #1d4ed8;
}

.btn-primary {
    color: #fff;
    background-color: #2563eb;
    border-color: #2563eb;
    border-radius: 8px;
}

.btn-primary:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

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

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 55%;
    position: absolute;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

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

.tg {
    border-collapse: collapse;
    border-color: #bbb;
    border-spacing: 0;
}

    .tg td {
        background-color: #E0FFEB;
        border-color: #bbb;
        border-style: solid;
        border-width: 1px;
        color: #594F4F;
        font-family: Arial, sans-serif;
        font-size: 14px;
        overflow: hidden;
        padding: 5px 4px;
        word-break: normal;
    }

    .tg th {
        background-color: #9DE0AD;
        border-color: #bbb;
        border-style: solid;
        border-width: 1px;
        color: #493F3F;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        padding: 5px 4px;
        word-break: normal;
    }

    .tg .tg-ah9j {
        background-color: #C2FFD6;
        font-family: Tahoma, Geneva, sans-serif !important;
        ;
        font-size: small;
        text-align: left;
        vertical-align: top
    }

    .tg .tg-gkam {
        background-color: #C2FFD6;
        border-color: inherit;
        font-family: Tahoma, Geneva, sans-serif !important;
        ;
        font-size: small;
        text-align: left;
        vertical-align: top
    }

    .tg .tg-zkrp {
        border-color: inherit;
        font-family: Tahoma, Geneva, sans-serif !important;
        ;
        font-size: small;
        text-align: left;
        vertical-align: top
    }

    .tg .tg-153q {
        border-color: inherit;
        font-family: Tahoma, Geneva, sans-serif !important;
        ;
        font-size: small;
        font-weight: bold;
        text-align: left;
        vertical-align: top
    }

    .tg .tg-fndv {
        background-color: #C2FFD6;
        border-color: inherit;
        font-family: Tahoma, Geneva, sans-serif !important;
        ;
        font-size: small;
        font-weight: bold;
        text-align: left;
        vertical-align: top
    }

    .tg .tg-sowo {
        background-color: #C2FFD6;
        font-family: Tahoma, Geneva, sans-serif !important;
        ;
        font-size: small;
        font-weight: bold;
        text-align: left;
        vertical-align: top
    }

@media screen and (max-width: 767px) {
    .tg {
        width: auto !important;
    }

        .tg col {
            width: auto !important;
        }

    .tg-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}


.NavFakCnt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: #ef4444;
    color: #fff;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 4px;
}



/* copyrightver and copyrightver2 are now handled by scoped CSS in
   NavMenu.razor.css and MainLayout.razor.css respectively */


.DivNaslovAct {
    display: inline-block;
    width: 7rem;
    float: left;
    font-size: 11pt;
    padding-top: 5px;
}


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


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

.DxRowHoverCSSBold {
    font-weight: bold;
}

    .DxRowHoverCSSBold:hover {
        font-weight: bold;
        cursor: pointer;
        background-color: lightgray;
    }


.gridwidth {
    width: calc(100vw - 325px);
    display: block;
}

.gridwidthSS {
    width: 100%;
    max-width: 1600px;
    display: block;
}



.izbornik {
    width: calc(100vw - 325px);
    display: block;
    padding-bottom: 5px;
}

@media (max-width: 640.98px) {
    .gridwidth {
        width: 100%;
        display: block;
    }

    .izbornik {
        width: 100%;
        display: block;
        padding-bottom: 5px;
    }
}


.gridfullrow {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .gridfullrow .dxbl-grid {
        flex-grow: 1;
        height: 100%;
        max-width: calc(100vw - 325px);
    }

.gridfullrowMH {
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

    .gridfullrowMH .dxbl-grid {
        flex-grow: 1;
        max-height: 100%;
        max-width: calc(100vw - 325px);
    }

@media (max-width: 640.98px) {
    .gridfullrow .dxbl-grid {
        flex-grow: 1;
        height: 100%;
        width: 100%;
        max-width: 100%
    }

    .gridfullrowMH .dxbl-grid {
        flex-grow: 1;
        max-height: 100%;
        width: 100%;
        max-width: 100%
    }
}


#my_bar {
    width: 100%;
    max-width: 30em;
    display: flex;
}

    #my_bar dxbl-combo-box {
        width: 100%;
    }

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


.tblProfil {
    width: 100%;
    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;
}




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




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

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

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

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


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

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

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

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



/*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*/