@charset "utf-8";

table {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'PT Sans', sans-serif;
    border-spacing: 0;
}

th, td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    height: 50px;
}

th {
    background-color: #212c43;
    color: white;
    text-align: center;
    height: 50px; /* Promenjeno: Povećava visinu zaglavlja */
}

th a {
    color: white; /* Bela boja za tekst linkova u zaglavljima umesto tamno zelene */
}

tr:nth-child(even) {
    background-color: #f2f2f2; /* Siva boja */
}

tr:nth-child(odd) {
    background-color: #ffffff; /* Bela boja */
}


/* Stilovi za responzivnost */
@media only screen and (max-width: 800px) {
    #tabela-sa-cenama table, 
    #tabela-sa-cenama thead, 
    #tabela-sa-cenama tbody, 
    #tabela-sa-cenama th, 
    #tabela-sa-cenama td, 
    #tabela-sa-cenama tr { 
        display: block; 
    }
    
    #tabela-sa-cenama thead {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }
    
    #tabela-sa-cenama thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #tabela-sa-cenama tr { border: 1px solid #ccc; }
 
    #tabela-sa-cenama td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    #tabela-sa-cenama td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    #tabela-sa-cenama td:before { content: attr(data-title); }
}

.table-bordered {
    border-collapse: collapse;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
}

.table-bordered th+th,
.table-bordered td+td,
.table-bordered th+td,
.table-bordered td+th {
    border-left: 1px solid #ddd;
}

.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

/* Ostatak stilova */
.kolona-tabele-cena-cenovnik { width: 10%; }
.kolona-tabele-opis-cenovnik { width: 75%; }

.kolona-tabele-cena-cenovniknw { width: 10%; }
.kolona-tabele-opis-cenovniknw { width: 70%; }
.kolona-tabele-celija-sa-cenom { text-align: right; }
/*.tabela-cenovniknw { max-width: 500px; }*/

.kolona-tabele-knjigovodstvo-check { width: 10%; }
.kolona-tabele-knjigovodstvo-opis { width: 40%; }

@media (max-width: 470px) {
    .kolona-tabele-check { width: 20%; }
    .kolona-tabele-opis { width: 40%; }
}

@media (min-width: 471px) and (max-width: 1023px) {
    .kolona-tabele-check { width: 15%; }
    .kolona-tabele-opis { width: 55%; }
}

@media (min-width: 480px) {
    .kolona-tabele-knjigovodstvo-check { width: 7%; }
    .kolona-tabele-knjigovodstvo-opis { width: 43%; }
}

@media (max-width: 1023px) {
    .kolona-tabele-check { width: 10%; }
    .kolona-tabele-opis { width: 70%; }
    .kolona-tabele-cena-cenovnik2 { width: 20%; }
    .kolona-tabele-cena-cenovnik3 { width: 20%; }
    .kolona-tabele-opis-cenovnik2 { width: 55%; }
}

@media (min-width: 1024px) {
    .kolona-tabele-check { width: 10%; }
    .kolona-tabele-opis { width: 70%; }
    .kolona-tabele-cena-cenovnik2 { width: 10%; }
    .kolona-tabele-cena-cenovnik3 { width: 10%; }
    .kolona-tabele-opis-cenovnik2 { width: 65%; }
}

/* Stilovi za naslov funkcije i detalje funkcije */
.naslov-funkcije {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.detalji-funkcije { 
    font-size: 13px;
}

/* Stil za slike u ćelijama tabele */
td img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}