@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Components/BasePagination/BasePagination.razor.rz.scp.css */
/*//////////////Main//////////////////////*/
.paneltableandfooter[b-up4rnpx780] {
    margin-bottom: 10px;
}
.panel-header[b-up4rnpx780] {
    padding-top:0px
}
/*//////////////Table//////////////////////*/
#tablecontainer[b-up4rnpx780] {
    overflow-x: scroll;
    overflow-y: auto;
    padding-top: 0px;
    margin-top: 0px;
}
    #tablecontainer table[b-up4rnpx780] {
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
    }
        #tablecontainer table thead[b-up4rnpx780] {
            text-align: center;
            background: white;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
            z-index: 1;
            height: 5rem;
            margin-bottom: 5px;
            padding-top: 0px;
            text-align: center;
            vertical-align: middle;
            font-size: 0.8rem;
            cursor: pointer;
        }

.custom-header[b-up4rnpx780] {
    border-bottom: 0 none;
}

.header-row[b-up4rnpx780] {
    display: flex;
    line-height: 20px;
}

.header-row-text[b-up4rnpx780] {
    text-align: center;
    vertical-align: middle;
}
/*//////////////Footer//////////////////////*/
.footer[b-up4rnpx780] {
    display: block;
    padding-left: 0px,0px;
    height: 40px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.footer-row[b-up4rnpx780] {
    height: 40px;
    max-height: 40px;
    vertical-align: central;
    position: sticky;
    bottom: 0px;
    padding-bottom: 5px;
    margin-left: 1px;
    padding-top: 5px;
}

.pagebtn-width[b-up4rnpx780] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    height: 30px;
    margin: 2px;
    max-height: 30px;
}
/* /Components/Material/CmpMatFlUpload.razor.rz.scp.css */

.card-body[b-3a0by8lby6]{
    height:auto;
    max-height:27rem;
    overflow:scroll;
}
.btn[b-3a0by8lby6] {
    margin-right: 7px;
    height: 30px;
    max-height: 30px;
    font-size: .9em;
   
}
th[b-3a0by8lby6]{
    font-size:.8em;
    vertical-align:middle;
   
}
td[b-3a0by8lby6] {
    font-size: .7em;
    vertical-align: middle;
    text-align:center;
}
tr[b-3a0by8lby6]{
    height:1em;
    max-height:1.5em;
}
table[b-3a0by8lby6] {
    border-color: orange;
    margin-bottom: 0px;
}
tbody[b-3a0by8lby6]{
    height:2rem;
    min-height:2rem;
  margin-bottom:0px;
}
textarea:hover[b-3a0by8lby6]{
    outline:0;
}
textarea:active[b-3a0by8lby6]{
    outline:0;
    outline:none;
}
.nm[b-3a0by8lby6]{
    width:15rem;
    max-width:15rem;
    min-width:15rem;
}
.dsc[b-3a0by8lby6]{
    width:10rem;
    max-width:10rem;
    min-width:10rem;
}
.void[b-3a0by8lby6]{
    width:3rem;
    max-width:3rem;
    min-height:3rem;
}
    .void .btn[b-3a0by8lby6] {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
.card[b-3a0by8lby6]{
    position:relative;
    top:15%;
    left:20%;
    max-width:60%;
    border-color:orange;
}
.input-file[b-3a0by8lby6]{
    float:left;
    padding-left:13px;
    margin-top:1em;
}
.area-div[b-3a0by8lby6]{
    padding-bottom:0px;
    padding-top:0px;
    margin-top:0px;
    padding-left:30px;
    padding-right:0px;
    margin-right:0px;
}
.file-header[b-3a0by8lby6]{
    left:0px;
    right:0px;
    background-color:lightgrey;
    box-shadow:10px;
    clear:both;
    height:2em;
    margin-top:0px;
    padding-top:5px;
    padding-bottom:5px;
}
.file-header h5[b-3a0by8lby6]{
    font-size:1rem;
}
label[b-3a0by8lby6]{
    color:forestgreen;
}
.btn-outline-success[b-3a0by8lby6]{
}
.message[b-3a0by8lby6]{
    margin-top:0px;
   padding-top:0px;
   border:solid;
   border-width:.1em;
   border-color:gray;
   clear:both;
}
.message h5[b-3a0by8lby6]{
    margin-top:0px;
    margin-bottom:0px;
    height:.5em;
    max-height:.5em;
}
span[b-3a0by8lby6]{
    float:left;
    margin-top:7px;
    color:black;
}
textarea[b-3a0by8lby6]{
    font-size:1em;
    border-color:orange;
    width:100%;
    max-width:100%;
    margin-right:0px;
    margin-left:0px;
    margin-bottom:0px;
    margin-top:0px;
}
.mrgn[b-3a0by8lby6]{
    margin-top:2.2em;
}
.added-file[b-3a0by8lby6]{
    border:solid;
    border-width:.1em;
    padding-bottom:0px;
}
/* /Components/Material/CmpMatNt.razor.rz.scp.css */
.invisible[b-nthnc34g3u]{
    display:none;
}
.show[b-nthnc34g3u]{
    display:block;
}
.card-body[b-nthnc34g3u] {
    margin-top: 0px;
    padding-top: 0px;
    max-height: 20rem;
    overflow-y: scroll;
    padding-right:0px;
}
.card-header[b-nthnc34g3u]{
    margin-bottom:0px;
}
.modal[b-nthnc34g3u] {
    position: fixed;
    top: 25%;
    left: 0;
    color: white;
   
}
.modal-content[b-nthnc34g3u] {
    border: solid;
    border-width: .1em;
    border-color: orange;
}
.btn[b-nthnc34g3u]{
    margin-right:7px;
}
.btn:hover[b-nthnc34g3u]{
    outline:none;
    }
.btn-active[b-nthnc34g3u]{
    outline:none;

}
.card-body[b-nthnc34g3u]{
    padding-bottom:20px;
    padding-top:0px;
    padding-left:20px;
}
/* /Components/Material/CmpSupPswUp.razor.rz.scp.css */

.card-body[b-9j1bwn0r5v] {
    height: auto;
    max-height: 27rem;    
}

.btn[b-9j1bwn0r5v] {
    margin-right: 7px;
    height: 30px;
    max-height: 30px;
    font-size: .9em;
}

th[b-9j1bwn0r5v] {
    font-size: .8em;
    vertical-align: middle;
}

td[b-9j1bwn0r5v] {
    font-size: .7em;
    vertical-align: middle;
    text-align: center;
}

tr[b-9j1bwn0r5v] {
    height: 1em;
    max-height: 1.5em;
}

table[b-9j1bwn0r5v] {
    border-color: orange;
    margin-bottom: 0px;
}

tbody[b-9j1bwn0r5v] {
    height: 2rem;
    min-height: 2rem;
    margin-bottom: 0px;
}

textarea:hover[b-9j1bwn0r5v] {
    outline: 0;
}

textarea:active[b-9j1bwn0r5v] {
    outline: 0;
    outline: none;
}

.nm[b-9j1bwn0r5v] {
    width: 15rem;
    max-width: 15rem;
    min-width: 15rem;
}

.dsc[b-9j1bwn0r5v] {
    width: 10rem;
    max-width: 10rem;
    min-width: 10rem;
}

.void[b-9j1bwn0r5v] {
    width: 3rem;
    max-width: 3rem;
    min-height: 3rem;
}

    .void .btn[b-9j1bwn0r5v] {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

.card[b-9j1bwn0r5v] {
    position: relative;
    top: 15%;
    left: 37%;
    max-width: 25%;
    border-color: orange;
}

.input-file[b-9j1bwn0r5v] {
    float: left;
    padding-left: 13px;
    margin-top: 1em;
}

.area-div[b-9j1bwn0r5v] {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 30px;
    padding-right: 0px;
    margin-right: 0px;
}

.file-header[b-9j1bwn0r5v] {
    left: 0px;
    right: 0px;
    background-color: lightgrey;
    box-shadow: 10px;
    clear: both;
    height: 2em;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .file-header h5[b-9j1bwn0r5v] {
        font-size: 1rem;
    }

label[b-9j1bwn0r5v] {
    color: forestgreen;
}

.btn-outline-success[b-9j1bwn0r5v] {
}

.message[b-9j1bwn0r5v] {
    margin-top: 0px;
    padding-top: 0px;
    border: solid;
    border-width: .1em;
    border-color: gray;
    clear: both;
}

    .message h5[b-9j1bwn0r5v] {
        margin-top: 0px;
        margin-bottom: 0px;
        height: .5em;
        max-height: .5em;
    }

span[b-9j1bwn0r5v] {
    float: left;
    margin-top: 7px;
    color: black;
}

textarea[b-9j1bwn0r5v] {
    font-size: 1em;
    border-color: orange;
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.mrgn[b-9j1bwn0r5v] {
    margin-top: 2.2em;
}

.added-file[b-9j1bwn0r5v] {
    border: solid;
    border-width: .1em;
    padding-bottom: 0px;
}
.card-body[b-9j1bwn0r5v]{
    padding-bottom:1.5em;
}
/* /Components/Material/MaterialCmpnnt.razor.rz.scp.css */
/*//////////////Main//////////////////////*/
.panel[b-mlkbzbytbm] {
    border: 0;
    background: 0;
    padding: 0.5em 1em;
    margin: 0px,0px,0px,0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color:white;
    
}

.paneltableandfooter[b-mlkbzbytbm] {
    margin-bottom: 10px;
}

.invisible[b-mlkbzbytbm] {
    display: none;
}

.panel-header[b-mlkbzbytbm] {
    padding-top: 0px
}
/*//////////////Table//////////////////////*/
#tablecontainer[b-mlkbzbytbm] {
    overflow-x: scroll;
    overflow-y: auto;
    padding-top: 0px;
    margin-top: 0px;
}

    #tablecontainer table[b-mlkbzbytbm] {
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
    }

        #tablecontainer table thead[b-mlkbzbytbm] {
            text-align: center;
            background: white;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
            z-index: 1;
            height: 5rem;
            margin-bottom: 5px;
            padding-top: 0px;
            text-align: center;
            vertical-align: middle;
            font-size: 0.8rem;
            cursor: pointer;
        }
#header-one[b-mlkbzbytbm]{
    padding-left:5px;
    font-size:.8rem;    
    text-align:left;
    color:brown;
}
.custom-header[b-mlkbzbytbm] {
    border-bottom: 0 none;
    background-color: lightgrey;
    height:2rem;
    padding-top:.5rem;
    padding-bottom:.5rem;
    padding-left:.3rem;
}

.header-row[b-mlkbzbytbm] {
    display: flex;
    line-height: 20px;
}

.header-row-text[b-mlkbzbytbm] {
    text-align: center;
    vertical-align: middle;
}
/*//////////////t-Header//////////////////////*/

.brdr-r-outset[b-mlkbzbytbm] {
    border-right: outset;
}

#MalzemeNo[b-mlkbzbytbm] {
    width: 4rem;
    max-width: 4rem;
    vertical-align: middle;
    border-right: outset;
}

#materialnofilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 4rem;
    max-width: 4rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

    #materialnofilter input[b-mlkbzbytbm] {
        display: block;
        max-width: 100%;
        max-height: 22px;
    }

#Tanm[b-mlkbzbytbm] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
}

#tnmfilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 5rem;
    max-width: 5rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #tnmfilter input[b-mlkbzbytbm] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
    }

#Materialtype[b-mlkbzbytbm] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
}

#materialtypefilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 5rem;
    max-width: 5rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

    #materialtypefilter input[b-mlkbzbytbm] {
        display: block;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
        width:100%;
    }

#agr[b-mlkbzbytbm] {
    width: 3rem;
    max-width: 3rem;
    vertical-align: middle;
    border-right: outset;
}

#agrfilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 3rem;
    max-width: 3rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

#cover[b-mlkbzbytbm] {
    width: 6rem;
    max-width: 6rem;
    vertical-align: middle;
    border-right: outset;
}

#coverfilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 6rem;
    max-width: 6rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

    #coverfilter input[b-mlkbzbytbm] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
    }

#picture[b-mlkbzbytbm] {
    width: 3rem;
    max-width: 3rem;
    vertical-align: middle;
    border-right: outset;
    font-size:.7rem;
}

#picturefilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 3rem;
    max-width: 3rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

#kmd[b-mlkbzbytbm] {
    width: 3rem;
    max-width:3rem;
    vertical-align: middle;
    border-right: outset;
    font-size:.7rem;
}

#kmdfilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 3rem;
    max-width:3rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #kmdfilter input[b-mlkbzbytbm] {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
    }

#matprice[b-mlkbzbytbm] {
    width: 7rem;
    max-width: 7rem;
    vertical-align: middle;
    border-right: outset;
}

#matpricefilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 7rem;
    max-width: 7rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 1px;
}

    #matpricefilter a[b-mlkbzbytbm] {
        display: block;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
        text-align: center;
        font-size: small;
        padding-top: 0px;
    }

#coverprice[b-mlkbzbytbm] {
    width: 7rem;
    max-width: 7rem;
    vertical-align: middle;
    border-right: outset;
}

#covpricefilter[b-mlkbzbytbm] {
    border-right: outset;
    width: 7rem;
    max-width: 7rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 1px;
}

    #covpricefilter a[b-mlkbzbytbm] {
        display: block;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
        text-align: center;
        font-size: small;
        padding-top: 0px;
    }

#voids-filter[b-mlkbzbytbm] {
    width: 3rem;
    max-width:3rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
}
/*//////////////t-Body//////////////////////*/
.custom-body[b-mlkbzbytbm] {
    border-bottom: 0 none;
}

.custom-table-body[b-mlkbzbytbm] {
    margin-top: 1px;
    width: 100%;
    overflow: auto;
    text-align: center;
}

    .custom-table-body tr[b-mlkbzbytbm] {
        cursor: pointer;
        height: 2rem;
        max-height: 4rem;
        padding-top: 3px;
        padding-bottom: 3px;
    }

#table-container table tbody tr[b-mlkbzbytbm] {
    font-size: 0.8rem;
}

#tdmaterialno[b-mlkbzbytbm] {
    font-size: 0.8rem;
    vertical-align: middle;
    text-align: center;
}

#tdtnm[b-mlkbzbytbm] {
    width: 5rem;
    max-width: 5rem;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: center;
    word-wrap: break-word;
}

#tdmaterialtype[b-mlkbzbytbm] {
    width: 5rem;
    max-width: 5rem;
    font-size: 0.7em;
    vertical-align: middle;
    text-align: center;
    word-wrap: break-word;
}

#tdagr[b-mlkbzbytbm] {
    width: 3rem;
    max-width:3rem;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: center;
}

#tdcover[b-mlkbzbytbm] {
    width: 6rem;
    max-width: 6rem;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: center;
}

#tdpicture[b-mlkbzbytbm] {
    height: 3rem;
    max-height:3rem;
    width: 2rem;
    max-width: 2rem;
    vertical-align: middle;
    font-size: 0.7rem;
    text-align: center;
    padding:0px;
}

    #tdpicture a[b-mlkbzbytbm] {
        height: 3rem;
        max-height: 3rem;
        width: 2rem;
        max-width: 2rem;
    }

        #tdpicture a img[b-mlkbzbytbm] {
            height: 3rem;
            max-height: 3rem;
            width: 2rem;
            max-width: 2rem;
        }

#tdkmd[b-mlkbzbytbm] {
    width: 3rem;
    max-width:3rem;
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    word-wrap: break-word;
    padding:0px;
    padding-left:1px;
}

#tdmatprice[b-mlkbzbytbm] {
    width: 7rem;
    max-width: 7rem;
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: left;
}

#tdprice-div1[b-mlkbzbytbm] {
    margin-right: 1px;
    height: 2rem;
    max-height: 2rem;
}

#basic-addon2[b-mlkbzbytbm] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.8rem;
    vertical-align: middle;
    text-align: center;
}

#tdprice-div2[b-mlkbzbytbm] {
    max-width: 100%;
    font-size: 0.9rem;
    height: 2rem;
    max-height: 2rem;
    vertical-align: middle;
    text-align: right;
}

.tdprice[b-mlkbzbytbm] {
    max-width: 100%;
    width:100%;
    font-size: 0.7rem;
    height: 2rem;
    max-height: 2rem;
    vertical-align: middle;
    text-align: right;
    min-width:5rem;
}

#matPrInput[b-mlkbzbytbm] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2rem;
}

#tdcov-price[b-mlkbzbytbm] {
    width: 6rem;
    max-width: 6rem;
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: left;
}

#tdcov-price-div1[b-mlkbzbytbm] {
    margin-right: 1px;
    height: 2rem;
    max-height: 2rem;
}

#basic-addon1[b-mlkbzbytbm] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.8rem;
    vertical-align: middle;
    text-align: center;
}

#tdcovprice-div2[b-mlkbzbytbm] {
    max-width: 100%;
    font-size: 0.9rem;
    height: 2rem;
    max-height: 2rem;
    vertical-align: middle;
    text-align: right;
}
.btn[b-mlkbzbytbm]{
    vertical-align:middle;
    margin:auto;
}
.btn-download[b-mlkbzbytbm]{
    height:40px;
    max-height:40px;
    width:100%;
    max-width:100%;
}
#covPrInput[b-mlkbzbytbm] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2rem;
}
th input[b-mlkbzbytbm]{
    font-size:.7rem;
}


#matPrInput[b-mlkbzbytbm]::-webkit-inner-spin-button,
#matPrInput[b-mlkbzbytbm]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: auto;
}

#covPrInput[b-mlkbzbytbm]::-webkit-inner-spin-button,
#covPrInput[b-mlkbzbytbm]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: auto;
}

.input-price[b-mlkbzbytbm] {
    text-align: right;
    width: 100%;
}

#tdvoids[b-mlkbzbytbm] {
    width: 3rem;
    max-width: 3rem;
    vertical-align: middle;
}

    #tdvoids a[b-mlkbzbytbm] {
        width: 100%;
        max-width: 100%;
    }

    .tdDate[b-mlkbzbytbm]{
        width:4rem;
        max-width:4rem;
        min-width:4rem;
        font-size:.74rem;
    }
#td-voids-div2[b-mlkbzbytbm] {
    margin-top: 2px;
}
.btn-width[b-mlkbzbytbm] {
    width: 100%;
    max-width: 100%;
    font-size: .65em;
    vertical-align:middle;
}
.btn-column-d[b-mlkbzbytbm] {
    width: 6rem;
    max-width: 6rem;
    min-width: 6rem;
  
}
.btn-column-d th[b-mlkbzbytbm]{
    font-size:.8rem;
}
    .btn-column-d td[b-mlkbzbytbm] {
        font-size: .8em;
    }

.btn-column[b-mlkbzbytbm] {
    width: 6rem;
    max-width: 6rem;
    min-width: 6rem;
}

    .btn-column td[b-mlkbzbytbm] {
        font-size: .8em;
    }
    .footer[b-mlkbzbytbm] {
        display: block;
        padding-left: 0px,0px;
        height: 40px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 10px;
    }

.footer-row[b-mlkbzbytbm] {
    height: 40px;
    max-height: 40px;
    vertical-align: central;
    position: sticky;
    bottom: 0px;
    padding-bottom: 5px;
    margin-left: 1px;
    padding-top: 5px;
}

.pagebtn-width[b-mlkbzbytbm] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    height: 30px;
    margin: 2px;
    max-height: 30px;
}
/* /Components/Offers/OfferCmpnnt.razor.rz.scp.css */
/*//////////////Main//////////////////////*/
.panel[b-kikxbc5yj6] {
    border: 0;
    background: 0;
    padding: 0.5em 1em;
    margin: 0px,0px,0px,0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color:white;
}

.invisible[b-kikxbc5yj6] {
    display: none;
}

.paneltableandfooter[b-kikxbc5yj6] {
    margin-bottom: 10px;
}



#back-icon[b-kikxbc5yj6] {
    margin: 0px;
}

.panel-header[b-kikxbc5yj6] {
    padding-top: 0px
}

.custom-header[b-kikxbc5yj6] {
    border-bottom: 0 none;
}

#header-center[b-kikxbc5yj6] {
    padding-top: 5px;
    vertical-align: bottom;

}

.header-row[b-kikxbc5yj6] {
    display: flex;
    line-height: 20px;
    background-color: lightgrey;
}

.header-row-text[b-kikxbc5yj6] {
    text-align: center;
    vertical-align: middle;
}

    .header-row-text span[b-kikxbc5yj6] {
        color: darkgray;
        font-size: .6rem;
    }


/*//////////////Table//////////////////////*/
#tablecontainer[b-kikxbc5yj6] {
    overflow-x: scroll;
    overflow-y: auto;
    padding-top: 0px;
    margin-top: 0px;
}

    #tablecontainer table[b-kikxbc5yj6] {
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
    }

        #tablecontainer table thead[b-kikxbc5yj6] {
            text-align: center;
            background: white;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
            z-index: 1;
            height: 5rem;
            margin-bottom: 5px;
            padding-top: 0px;
            text-align: center;
            vertical-align: middle;
            font-size: 0.8rem;
            cursor: pointer;
        }
/*//////////////t-header//////////////////////*/


#material-no[b-kikxbc5yj6] {
    width: 4rem;
    max-width: 4rem;
    vertical-align: middle;
    border-right: outset;
}

#material-no-filter[b-kikxbc5yj6] {
    width: 4rem;
    max-width: 4rem;
    vertical-align: middle;
    border-right: outset;
    height: 22px;
    max-height: 22px;
}

#mat-price[b-kikxbc5yj6] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
}

#mat-price-filter[b-kikxbc5yj6] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
    height: 22px;
    max-height: 22px;
}

    #mat-price-filter a[b-kikxbc5yj6] {
        width: 100%;
        max-width: 100%;
        height: 22px;
        max-height: 22px;
    }

#cover-price[b-kikxbc5yj6] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
}

#cover-price-filter[b-kikxbc5yj6] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
    height: 22px;
    max-height: 22px;
}

#supp-name[b-kikxbc5yj6] {
    width: 25rem;
    max-width: 25rem;
    vertical-align: middle;
    border-right: outset;
}

#supp-name-filter[b-kikxbc5yj6] {
    width: 25rem;
    max-width: 25rem;
    vertical-align: middle;
    border-right: outset;
    height: 22px;
    max-height: 22px;
}

#voids[b-kikxbc5yj6] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
}

#voids-filter[b-kikxbc5yj6] {
    width: 5rem;
    max-width: 5rem;
    vertical-align: middle;
    border-right: outset;
    height: 22px;
    max-height: 22px;
}

.filterrow-rightborder[b-kikxbc5yj6] {
    border-right: outset;
}

.filterrow-height[b-kikxbc5yj6] {
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

.filterrow-inputtext-display[b-kikxbc5yj6] {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 22px;
}

.filterrow-inputbutton-display[b-kikxbc5yj6] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 22px;
    max-height: 22px;
    text-align: center;
    font-size: small;
    padding-top: 0px;
}

/*//////////////t-body//////////////////////*/
.tdprice[b-kikxbc5yj6] {
    font-size: .7rem;
    min-width: 5rem;
}

#td-material-no[b-kikxbc5yj6] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.8rem;
    vertical-align: middle;
    text-align: center;
}

#td-material-no2[b-kikxbc5yj6] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.8rem;
    vertical-align: middle;
    text-align: center;
}

#td-sup-mat-pr[b-kikxbc5yj6] {
    text-align: right;
    width: 7rem;
    max-width: 7rem;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
}

#td-sup-mat-pr2[b-kikxbc5yj6] {
    text-align: right;
    width: 7rem;
    max-width: 7rem;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
}

#td-mat-div1[b-kikxbc5yj6] {
    height: 2rem;
    max-height: 2rem;
    text-align: center;
}

#td-mat-div2[b-kikxbc5yj6] {
    margin-right: 1px;
    height: 2rem;
    max-height: 2rem;
}

#basic-addon2[b-kikxbc5yj6] {
    width: 90%;
    max-width: 90%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.75rem;
    vertical-align: middle;
    text-align: center;
}

.div-span[b-kikxbc5yj6] {
    margin-right: 1px;
    height: 2rem;
    max-height: 2rem;
}

.supplier-row-display[b-kikxbc5yj6] {
    background-color: turquoise;
    vertical-align: middle;
}

.input-price[b-kikxbc5yj6] {
    text-align: right;
    width: 100%;
    max-width: 100%;
    font-size: .7rem;
}

#matPrInput[b-kikxbc5yj6] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2rem;
}

#td-sup-cov-pr[b-kikxbc5yj6] {
    text-align: right;
    width: 7rem;
    max-width: 7rem;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
}

#td-sup-cov-pr2[b-kikxbc5yj6] {
    text-align: right;
    width: 7rem;
    max-width: 7rem;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
}

.td-sup-name[b-kikxbc5yj6] {
    width: 25rem;
    vertical-align: middle;
    font-size: .8rem;
}
@media (max-width:768px) {
    .td-sup-name[b-kikxbc5yj6] {
        font-size: .6rem;
    }
}

#td-cov-div1[b-kikxbc5yj6] {
    margin-left: 1px;
    height: 2rem;
    max-height: 2rem;
}

#td-cov-div2[b-kikxbc5yj6] {
    left: 1px;
    height: 2rem;
    max-height: 2rem;
}

#basic-addon1[b-kikxbc5yj6] {
    width: 90%;
    max-width: 90%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.75rem;
    vertical-align: middle;
    text-align: center;
}

#covPrInput[b-kikxbc5yj6] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.9rem;
    vertical-align: middle;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2rem;
}

.sup-bg[b-kikxbc5yj6] {
    background-color: turquoise;
}

#matPrInput[b-kikxbc5yj6]::-webkit-inner-spin-button,
#matPrInput[b-kikxbc5yj6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: auto;
}

#covPrInput[b-kikxbc5yj6]::-webkit-inner-spin-button,
#covPrInput[b-kikxbc5yj6]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: auto;
}

#td-voids[b-kikxbc5yj6] {
    width: 3rem;
    max-width: 3rem;
}

    #td-voids a[b-kikxbc5yj6] {
        display: block;
    }

.footer[b-kikxbc5yj6] {
    display: block;
    padding-left: 0px,0px;
    height: 40px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.footer-row[b-kikxbc5yj6] {
    height: 40px;
    max-height: 40px;
    vertical-align: central;
    position: sticky;
    bottom: 0px;
    padding-bottom: 5px;
    margin-left: 1px;
    padding-top: 5px;
}
/* /Components/Rfp/PagedRfp.razor.rz.scp.css */

/*//////////////Main//////////////////*/
.panel[b-z6v717ky6p] {
    border: 0;
    background: 0;
    padding: 0.5em 1em;
    margin: 0px,0px,0px,0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

    .panel row[b-z6v717ky6p] {
        margin-bottom: 5px;
        margin-left: 5px;
    }

.invisible[b-z6v717ky6p] {
    display: none;
}

#custom-header-row1 span[b-z6v717ky6p] {
    color: darkgrey;
    font-size: 0.6rem;   
}
#container-checkbox span[b-z6v717ky6p] {
    color: green;
    font-size: 0.6rem;
}
.sort-btn[b-z6v717ky6p] {
    text-align: right;
    height: 25px;
    font-size: 0.7rem;
    max-height: 25px;
    padding: 0px,0px,0px,0px;
    margin-right:3px;
}
/*////////Date Filter Group/////////*/
.filtergroup[b-z6v717ky6p] {
    height: 4rem;
    padding-top: 0px;
    margin-bottom: 5px;
    margin-left: 11px;
}

#datefiltergroup[b-z6v717ky6p] {
    padding-bottom: 5px;
    padding-top: 10px;
    padding-right:10px;
}

#btnlist[b-z6v717ky6p] {
    text-align: center;
    margin-bottom: 0px;
}

.filtergroup p[b-z6v717ky6p] {
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 10px;
    margin-bottom: 0px;
}

#startdate[b-z6v717ky6p] {
    font-size: 15px;
    max-height: 30px;
}
.start-div[b-z6v717ky6p]{
    margin-right:4px;
}
.end-div[b-z6v717ky6p]{
    margin-left:4px;
    right:4px;
}

#enddate[b-z6v717ky6p] {
    font-size: 15px;
    max-height: 30px;
    margin-right:0px;
}

/*//////////////Table//////////////////*/

#paneltableandfooter[b-z6v717ky6p] {
    margin-bottom: 10px;   
}
#tablecontainer[b-z6v717ky6p] {
    overflow-x: scroll;
    overflow-y: scroll;
    padding-top: 0px;
    margin-top: 0px;
  
}

    #tablecontainer table[b-z6v717ky6p] {
        width: 100%;
        padding-top: 0px;
        margin-top: 0px;
    }

        #tablecontainer table thead[b-z6v717ky6p] {
            text-align: center;
            background: white;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
            z-index: 1;
            height: 5rem;
            margin-bottom: 5px;
            padding-top: 0px;
            text-align: center;
            vertical-align: middle;
            font-size: 0.8rem;
            cursor: pointer;
        }
#custom-table[b-z6v717ky6p] {
   
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    height: 110px;
    width:100%;
}
    #custom-table th[b-z6v717ky6p] {
       position:sticky;
       top:0;
       z-index:2;
    }
/*///////////Table-Header//////////////*/
.custom-header[b-z6v717ky6p] {
    border-bottom: 0 none;
    padding-top:5px;
    padding-bottom:3px;
}
.custom-header-text[b-z6v717ky6p] {
    vertical-align: bottom;
    flex: 1;
    text-align: center;
}
.header-row[b-z6v717ky6p] {
    display: flex;
    line-height: 20px;
}

.header-row-text[b-z6v717ky6p] {
    text-align: center;
    vertical-align: middle;
}

.input-price[b-z6v717ky6p] {
    text-align: right;
    width: 100%;
    max-width: 100%;
}

.table-responsive div[b-z6v717ky6p] {
    padding: 0px,0px,0px,0px;
}

.border .custom-header[b-z6v717ky6p] {
    position: sticky;
    top: 0;
}

/*///////////Table-Filter/////////////*/

#mmf[b-z6v717ky6p] {
    width: 3.6rem;
    max-width: 3.6rem;
    font-size: 0.7rem;
}

#mmffilter[b-z6v717ky6p] {
    border-right: outset;
    width: 3.6rem;
    max-width: 3.6rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

    #mmffilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#folder[b-z6v717ky6p] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.7rem;
}

#customer[b-z6v717ky6p] {
    width: 9rem;
    max-width: 9rem;
    font-size: 0.7rem;
}

#customerfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 9rem;
    max-width: 9rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #customerfilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#project[b-z6v717ky6p] {
    width: 9rem;
    max-width: 9rem;
    font-size: 0.7rem;
}

#projectfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 9rem;
    max-width: 9rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #projectfilter input[b-z6v717ky6p] {
        display: block;
        width:100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
        margin:0px,0px;
    }

#partname[b-z6v717ky6p] {
    width: 6.2rem;
    max-width: 6.2rem;
    font-size: 0.7rem;
}

#partnamefilter[b-z6v717ky6p] {
    border-right: outset;
    width: 6.2rem;
    max-width: 6.2rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #partnamefilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#partnum[b-z6v717ky6p] {
    width: 7rem;
    max-width: 7rem;
    font-size: 0.7rem;
}

#partnumfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 7rem;
    max-width: 7rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #partnumfilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
        margin-right: 0px;
    }

#imagenum[b-z6v717ky6p] {
    width: 7rem;
    max-width: 7rem;
    font-size: 0.7rem;
}

#imagenumfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 7rem;
    max-width: 7rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #imagenumfilter input[b-z6v717ky6p] {
        display: block;
        width:100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
        margin-right:0px;
    }

#ug[b-z6v717ky6p] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.7rem;
}

#ugfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 4rem;
    max-width: 4rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #ugfilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#groupcode[b-z6v717ky6p] {
    width: 5rem;
    max-width: 5rem;
    font-size: 0.7rem;
}

#groupcodefilter[b-z6v717ky6p] {
    border-right: outset;
    width: 5rem;
    max-width: 5rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #groupcodefilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#yearlycount[b-z6v717ky6p] {
    width: 4.3rem;
    max-width: 4.3rem;
    font-size: 0.7rem;
}

#unitprice[b-z6v717ky6p] {
    width: 5rem;
    max-width: 5rem;
    font-size: 0.7rem;
}

#yearlycr[b-z6v717ky6p] {
    width: 5rem;
    max-width: 5rem;
    font-size: 0.7rem;
}

#yearlycrfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 5rem;
    max-width: 5rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #yearlycrfilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 10px;
        text-align: right;
    }

#cover[b-z6v717ky6p] {
    width: 4.3rem;
    max-width: 4.3rem;
    font-size: 0.7rem;
}

#state[b-z6v717ky6p] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.7rem;
}

#statefilter[b-z6v717ky6p] {
    border-right: outset;
    width: 4rem;
    max-width: 4rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #statefilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#createddate[b-z6v717ky6p] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.7rem;
}

#creator[b-z6v717ky6p] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.7rem;
}

#creatorfilter[b-z6v717ky6p] {
    border-right: outset;
    width: 4rem;
    max-width: 4rem;
    height: 22px;
    max-height: 22px;
    padding-bottom: 2px;
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

    #creatorfilter input[b-z6v717ky6p] {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 22px;
        font-size: 12px;
    }

#deadline[b-z6v717ky6p] {
    width: 4rem;
    max-width: 4rem;
    font-size: 0.7rem;
}

#filterrow[b-z6v717ky6p] {
    
}
    #filterrow th[b-z6v717ky6p] {
        height: 22px;
        max-height: 22px;
    }
#sort-row[b-z6v717ky6p] {
    height: 15px;
    max-height: 15px;
    padding: 0px,0px,0px,0px;
   
}
    #sort-row th[b-z6v717ky6p] {
        height: 15px;
        max-height: 15px;
        padding: 0px,0px,0px,0px;
        background-color: black;
    }
        #sort-row th div[b-z6v717ky6p] {
            padding: 0px,0px,0px,0px;
            margin-right: 0px;
            max-height:75px;
            text-align:center;
        }

        #sort-row input[b-z6v717ky6p] {
            height: 12px;
            max-height: 12px;
            margin-top:0px;
            margin-right:0px;
            display:block;
        }
    #sort-row span[b-z6v717ky6p] {
        height: 12px;
        max-height: 12px;
        margin-top: 0px;
        margin-right:10px;
        display: block;
        color:white;
    }
        .check[b-z6v717ky6p]{
            padding-top:0px;
            max-width:5rem;
            text-align:center;
        }
        .radio-div[b-z6v717ky6p]{
            margin-top:3px;
           margin-bottom:3px;
           text-align:center;
           padding-left:3px;
           padding-right:3px;
        }
            .radio-div span[b-z6v717ky6p]{
                color:blue;
            }
            .container-checkbox[b-z6v717ky6p] {
                max-width: 50px;
                text-align: center;
                vertical-align: top;
                margin-bottom: 0px;
            }
    /*///////////Table-Body//////////////*/
    .custom-body[b-z6v717ky6p] {
        border-bottom: 0 none;
    }

.custom-table-body[b-z6v717ky6p] {
    margin-top: 1px;
    width: 100%;
    overflow-y: auto;
    overflow-x: scroll;
    text-align: center;
   
}
    .custom-table-body tr[b-z6v717ky6p] {
        cursor: pointer;
        height: 2rem;
        max-height: 4rem;
        padding-top: 3px;
        padding-bottom: 3px;
    }
#table-container table tbody tr[b-z6v717ky6p] {
    font-size: 0.8rem;
    
}
#table-row td[b-z6v717ky6p]{
    word-wrap:break-word;
}
#tdid[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdfolder[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdcustomer[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdproject[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdpartName[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdpartNum[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdpicture[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tddepartment[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdcodedescription[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdyearlyamount[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: right;
    max-width: 100%;
}
#tdprice[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: right;
    max-width: 100%;
}
#tdyearlytotal[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: right;
    max-width: 100%;
}
#tdmoldprice[b-z6v717ky6p] {
    font-size: 0.7rem;
    vertical-align: middle;
    text-align: right;
    max-width: 100%;
}
#tdstate[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdcreatedon[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tdcreatedby[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
#tddeadline[b-z6v717ky6p] {
    font-size: 0.6rem;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
}
/*///////////Footer//////////////*/
.pagebtn-width[b-z6v717ky6p] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    height: 30px;
    margin: 2px;
    max-height: 30px;
}

.footer[b-z6v717ky6p] {
    display: block;
    padding-left: 0px,0px;
    height: 40px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 10px;
}

.footer-row[b-z6v717ky6p] {
    height: 40px;
    max-height: 40px;
    vertical-align: central;
    position: sticky;
    bottom: 0px;
    padding-bottom: 5px;
    margin-left: 1px;
    padding-top: 5px;
}
/* /Components/Utilities/Buttons/DownloadButton.razor.rz.scp.css */
.btn-download[b-zwyeu9sksm] {
    height: 30px;
    max-height: 30px;
    width: 100%;
    max-width: 100%;
    font-size:0.8rem;
}
.btn-download span[b-zwyeu9sksm]{
    color:darkblue;
}
/* /Components/Utilities/Inputs/CmpDateForMat.razor.rz.scp.css */
.divcss[b-tmms1escf3]
{
    height:100%;
    max-height:100%;
    width:100%;
    max-height:100%;
    vertical-align:middle;
    margin:0px;
    padding-left:2px;
    padding-right:2px;
    margin-top:2px;
    border-radius:4px;
    text-shadow:1px;
}
.pcss[b-tmms1escf3]{
    font-size:.8rem;
    text-align:center;
}
.green[b-tmms1escf3]{
    background-color:green;
    color:white;
}
.red[b-tmms1escf3] {
    background-color: red;
    color: white;
}
/* /Components/Utilities/Inputs/CmpTextArea.razor.rz.scp.css */
.main-divs[b-bp8x5ynknb] {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    padding-left: 1em;
}

.row-one[b-bp8x5ynknb] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: .5em;
    padding: 0px;
    margin-right: 0px;
}

.row-two[b-bp8x5ynknb] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin-right: 0px;
    padding-bottom: .5em;
}

.label[b-bp8x5ynknb] {
    font-size: .7em;
    max-width: 100%;
    margin-bottom: 1px;
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-left: .3em;
    color: green;
}

.input[b-bp8x5ynknb] {
    width: 100%;
    max-width: 100%;
    min-width: 3em;
    margin: 0px;
    margin-right: 0px;
    border-color: orange;
    font-size: .9em;
}

    .input:focus[b-bp8x5ynknb] {
        outline: 0;
        box-shadow: none;
    }
/* /Components/Utilities/Inputs/CmpTextInput.razor.rz.scp.css */
.main-divs[b-k1457o78s8] {
    display: flex;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    padding-left: 1em;
}

.row-one[b-k1457o78s8] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: .5em;
    padding: 0px;
    margin-right: 0px;
}

.row-two[b-k1457o78s8] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin-right: 0px;
    padding-bottom: .5em;
}

.label[b-k1457o78s8] {
    font-size: .7em;
    max-width: 100%;
    margin-bottom: 1px;
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-left: .3em;
    color: green;
}

.input[b-k1457o78s8] {
    width: 100%;
    max-width: 100%;
    min-width: 3em;
    ;
    margin: 0px;
    margin-right: 0px;
    border-color: orange;
    font-size: .9em;
}

    .input:focus[b-k1457o78s8] {
        outline: 0;
        box-shadow: none;
    }
/* /Components/Utilities/Inputs/CurrencyInput.razor.rz.scp.css */
#currency-input[b-33sarmr1tx] {
    width: 100%;
    max-width: 100%;
    height: 2rem;
    max-height: 2rem;
    font-size: 0.75rem;
    vertical-align: middle;
    text-align: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
    #currency-input[b-33sarmr1tx]::-webkit-inner-spin-button,
    #currency-input[b-33sarmr1tx]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: auto;
    }
    .bg-yellow[b-33sarmr1tx]{
        background-color:yellow;
    }
    .bg-yellow:active[b-33sarmr1tx]{
        background-color:yellow;
    }
    input.bg-yellow:focus[b-33sarmr1tx]{
        background-color:yellow;
    }
/* /Components/Utilities/Inputs/TextFilterInput.razor.rz.scp.css */
#filter-input[b-vhi9wfizyi] {
    display: block;
    max-width: 100%;
    height: 22px;
    max-height: 22px;
    width: 100%;
    font-size: .7rem;
}
/* /Components/Utilities/Inputs/TextInput.razor.rz.scp.css */
#text-input[b-ambtw8ko6p]
{
    width:100%;
    max-width:100%;
    font-size:.8rem;
}
/* /Components/Utilities/Modals/ModalForMessage.razor.rz.scp.css */
#modal-message-div-container[b-rd1xqnezla]{
    margin-top:40px;
}
.modal_type_warning[b-rd1xqnezla] {
    background-color: rgb(255, 217, 183);
    color: white;
}
.modal_type_info[b-rd1xqnezla] {
    background-color: rgb(200, 228, 178);
    color: black;
}
.modal_type_success[b-rd1xqnezla] {
    background-color: rgb(126, 170, 146);
    color: white;
}
#modal-message[b-rd1xqnezla]{
    border-radius:0px;
}
#modal-message-header[b-rd1xqnezla] {
    border-radius: 0px;
    height:2.3rem;

}
#modal-message-body[b-rd1xqnezla]{
    height:5rem;
    text-align:center;
    vertical-align:middle;
    padding-top:1.5rem;
    font-size:1.2rem;
}
#modal-message-footer[b-rd1xqnezla] {
    border-radius: 0px;
}
#title[b-rd1xqnezla]{
    font-size:1.2rem;
}
#btn-cls[b-rd1xqnezla]{
    font-size:.8rem;
}
/* /Components/Utilities/Toasts/CmpToast.razor.rz.scp.css */
#toast-div[b-uf6lncdyol] {
    position: fixed;
    bottom: 20px;
}
/* /Components/Utilities/Toasts/Toast.razor.rz.scp.css */
#toast-div[b-s3i76i9qm1]{
    position:fixed;
    bottom:20px;
}
/* /Pages/Home.razor.rz.scp.css */
.panel[b-sbv72t3r34] {
    
}
.nav-div[b-sbv72t3r34] {
    text-align: center;
    background-color: #bbbdc1;
    color: white;
    height: 4rem;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 10px;
    border-radius: 25px;
    margin-top: 1rem;
    z-index: 1;    
}
.nav-div:hover[b-sbv72t3r34]{
    cursor:pointer;
}
    .nav-div p[b-sbv72t3r34] {
        font-size: 1.3rem;
        vertical-align: middle;
        font-weight:bold;
        color:black;
    }

.text-login[b-sbv72t3r34]{
    padding-left:1em;
    padding-right:1em;
    border-radius:10px;
    text-align:center;
    vertical-align:central;
    top:50%;
    margin-top:15rem;
    margin-left:0px;
    font-size:2em;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.description-h5[b-sbv72t3r34]{
    margin-top:5px;
    margin-bottom:5px;
    color:red;
    
}
/* /Pages/LoginPage.razor.rz.scp.css */
#span-text[b-nrc5w3jygj] {
    font-size: 0.8rem;
}
.container[b-nrc5w3jygj]{
    background-color:white;
}
/* /Pages/PgProductReport.razor.rz.scp.css */
.container[b-e5169j42ki] {
    height: 100vh;
    max-height: calc(100vh - 100px);
}

.grid[b-e5169j42ki] {
    max-height: calc(100vh - 300px);
}

/* Sticky header while scrolling */
[b-e5169j42ki] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-e5169j42ki] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-e5169j42ki] tbody td {
    white-space: nowrap;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Pages/PgProductScrpReport.razor.rz.scp.css */
.background[b-m9mox6fxn4]
{
    font-weight:bold;
}
/* /Shared/HeaderLayout.razor.rz.scp.css */
.header-row[b-n2jf1k0xfp] {
    background-color: black;
    position: fixed;
    top: 80px;
    left: 0px;
    right: 0px;
    height: 2.5rem;
    max-height: 2.5rem;
    padding-top: 2px;
    
}
.caption[b-n2jf1k0xfp] {
    padding-top: .5em;
    font-size: 1.1em;
    position:fixed;
    left:48%;

}

.custom-article[b-n2jf1k0xfp]{
    padding-top:2.5rem;
}
/* /Shared/MainLayout.razor.rz.scp.css */
#erp-header[b-jf23wauzrb] {
    padding-left:15px;
    padding-right:15px;
    border-radius:25px;
    cursor:pointer;
    color:black;
}
    #erp-header h3[b-jf23wauzrb] {
        font-family: Calibri;
        font-size:29px;
        font-weight:bold;
    }
#supplier-name[b-jf23wauzrb] {
    text-align: center;
    color: white;
    font-size: 11px;
    margin: 0px;
    margin-bottom: 2px;
}
.bg-red[b-jf23wauzrb] {
    background-color: #b30000;
}
.bg-gray[b-jf23wauzrb]{
    background-color:gray;
    color:white;
    font-weight:100;
}
.custom-header[b-jf23wauzrb] {
   
    height: 50px;
    margin-top:15px;
    padding-right:0px;
    padding-left:unset;
}
    .custom-header button[b-jf23wauzrb]{
        margin-right:0px;
        float:right;
    }
    #erp-header h3[b-jf23wauzrb] {
        text-align: center;
        color: white;
        margin-bottom: 5px;
    }
.logo-div[b-jf23wauzrb]{
    position:fixed;
    top:13px;
    left:.1em;
    width:7.7em;
    height:auto;
    z-index:2;
}
.logo[b-jf23wauzrb]{
    width:100%;
    height:auto;
    z-index:2;
}
.custom-active[b-jf23wauzrb] {
    font-size: 1.4rem;
    color: black;
}

#close-btn[b-jf23wauzrb] {
    background-color: black;
    color: white;
    border-color: red;
    border-width: 2px;
    padding-left: 7px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.custom-article[b-jf23wauzrb] {
    display: block;
    height: max-content;
    padding-top: 6rem;
    padding-left: 3rem;
    padding-right: 2rem;
    margin-bottom: 1rem;
    margin-top:1rem;
}

.header-portal[b-jf23wauzrb] {
    margin-top: 5px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

@media(max-width:825px){
    #supplier-name[b-jf23wauzrb] {
        font-size: 8px;
     
    }
}
@media(max-width:700px){
    #erp-header h3[b-jf23wauzrb] {
        font-size: 25px;
    }
}