.kartica {
    position: fixed;     /* Fiksira element u odnosu na ekran */
    /*bottom: 20px;*/        /* Udaljenost od dna ekrana (može i 0) */
    bottom: 12px;
    /*left: 20px;*/          /* Udaljenost od leve ivice ekrana (može i 0) */
    
    /* Tražene dimenzije */
    /*width: 300px;*/
    width:100%;
    height: 60px;
    
    /* Poravnanje sadržaja unutar diva */
    display: flex;
    align-items: center;
    box-sizing: border-box; /* Osigurava da padding ne poveća zadate dimenzije */
    padding: 5px 15px;
    
    /* Vizuelni detalji (opciono) */
    /*background-color: #ffffff;*/
    /*border: 1px solid #ccc;*/
    border-radius: 8px;
    /*box-shadow: 0 4px 6px rgba(0,0,0,0.1);*/
    z-index: 9999;       /* Osigurava da div bude iznad ostalog sadržaja */
}

.kartica img {
    /*height: 40px;*/        /* Prilagođena visina logotipa da stane u 60px slobodnog prostora */
    height: 52px;
    width: auto;
    margin-right: 12px;
}

.kartica p {
    margin: 0;           /* Uklanja podrazumevane margine paragrafa da ne kvari visinu */
    font-size: 14px;
    line-height: 1.2;
}

/* table f- fix header and scroll body */
.div-inside-row-col {
  /*padding:20px;*/ margin-top: -3px;
}
/*
table ,tr td{
    border:1px solid red
}
*/
table.auto-part-table_rpd { /*width:400px;*/
  margin-top: -30px; border-top: 1px solid #555; border-bottom: 1px solid #555; }
.auto-part-table_rpd tbody {
    display:block;
    height: calc(100vh - 310px);
    overflow:auto;
}
.auto-part-table_rpd thead, .auto-part-table_rpd tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
.auto-part-table_rpd thead {
    /*width: calc( 100% - 1em );*/ /* scrollbar is average 1em/16px width, remove it from thead width */
}
thead > tr > th:nth-child(1) { width: calc(44% - 2px); }
thead > tr > th:nth-child(2) { width: 14%; }
thead > tr > th:nth-child(3) { width: 16%; }
thead > tr > th:nth-child(4) { width: 4%; }
thead > tr > th:nth-child(5) { width: 4%; }

tbody tr td:nth-child(6) { width: 4% !important; }
tbody tr td:nth-child(7) { width: 4% !important; }
tbody tr td:nth-child(8) { width: 4% !important; }
tbody tr td:nth-child(9) { width: 4% !important; }