body {
background-image: linear-gradient(to right, wheat, white, wheat);
}
h1, h2 {
color: maroon;
}
.kontejner {
max-width: 800px;
margin: 0 auto;
/*outline: 2px dashed red;*/
}
.bocnaNavigacija {
height: 100%;
width: 160px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: maroon;
overflow-x: hidden;
padding-top: 220px;
}
.bocnaNavigacija a {
padding: 36px 8px 6px 16px;
text-decoration: none;
font-size: 18px;
color: white;
display: block;
}
.bocnaNavigacija a:hover {
color: wheat;
font-weight: bold;
}
.glavni {
margin-left: 160px; /* Same as the width of the bocnaNavigacija */
font-size: 14px; /* Increased text to enable scrolling */
padding: 0px 10px;
/*outline: 2px dashed pink;*/
}
.sekcija {
/*outline: 2px dashed blue;*/
width: 524px;
border: 1px solid black;
padding: 0px 8px;
background-color: white;
}
.koncentrati {
width: 88%;
}
.sekcija table, th, td {
border: 1px solid black;
}

.sekcija table {
width: 98%;
}

.sekcija th {
background-color: maroon;
color: wheat;
}

@media screen and (max-height: 450px) {
.bocnaNavigacija {padding-top: 15px;}
.bocnaNavigacija a {font-size: 18px;}
}

/*FORMATIZACIJA SEKCIJA HRANIVA I RECEPTURE*/
/* divizija u kojoj je prostor za preuzeti xml*/
#iksemelUtabelu {
/*outline: 4px dotted red;*/
border: 1px solid black;
background-color: white;
margin: 0 auto;
width: 98%;
height: 180px;
overflow: auto;
}

/*dizajn tabele tabelaIzIksemela u kojoj se transformise xml*/
#iksemelUtabelu table, th, td {
border: 1px solid black;
}

#iksemelUtabelu th {
background-color: maroon;
cursor: default;
color: wheat;
border: 1px single black;
}

#iksemelUtabelu tr {
cursor: pointer;
background-color: white;
/*color: black;*/
}

#iksemelUtabelu tr:hover { 
background-color: wheat;
color: black;
}

#iksemelUtabelu tr:active {
background-color: red;
color: white;
}

#iksemelUtabelu td {
padding: 2px;
}

/*centriranje sadrzaja kolona tabele tabelaIzIksemela*/
.ucesceMogHraniva {
text-align: center;
}

.cenaMogHraniva {
text-align: center;
}

.mojSiroviProtein {
text-align: center;
}

.mojNPN {
text-align: center;
}

.mojLizin {
text-align: center;
}

.mojMetionin {
text-align: center;
}

.mojCistin {
text-align: center;
}

.mojaMast {
text-align: center;
}

.mojaLinolenska {
text-align: center;
}

.mojaSuvaMaterija {
text-align: center;
}

.mojaCeluloza {
text-align: center;
}

.mojPepeo {
text-align: center;
}

.mojPepeoNsol {
text-align: center;
}

.mojKalcijum {
text-align: center;
}

.mojFosfor {
text-align: center;
}

.mojFosforIskoristivost {
text-align: center;
}

.mojNatrijum {
text-align: center;
}

.mojMagnezijum {
text-align: center;
}

.mojBakar {
text-align: center;
}

.mojCink {
text-align: center;
}

.mojeGvozdje {
text-align: center;
}

.mojMangan {
text-align: center;
}

.mojJod {
text-align: center;
}

.mojSelen {
text-align: center;
}

.mojKobalt {
text-align: center;
}

.mojVitaminA {
text-align: center;
}

.mojVitaminD {
text-align: center;
}

.mojVitaminE {
text-align: center;
}

.mojVitaminK {
text-align: center;
}

.mojVitaminTiamin {
text-align: center;
}

.mojVitaminRiboflavin {
text-align: center;
}

.mojVitaminCianokobalamin {
text-align: center;
}

.mojBiotin {
text-align: center;
}

.mojaLaskorbinskaKiselina {
text-align: center;
}

.mojNiacin {
text-align: center;
}

.mojeOhj {
text-align: center;
}

.mojNel {
text-align: center;
}

.mojNem {
text-align: center;
}

.mojNeg {
text-align: center;
}

.mojMePrasad {
text-align: center;
}

.mojMeSvinje {
text-align: center;
}

.mojSeKonji {
text-align: center;
}

.mojTdn {
text-align: center;
}

.mojMePtice {
text-align: center;
}

.mojaUreaza {
text-align: center;
}

.mojKalijum {
text-align: center;
}

.mojSumpor {
text-align: center;
}

.mojMolibden {
text-align: center;
}

.mojFluor {
text-align: center;
}

/*divizija u kojoj se formira pojedinacni pregled hraniva*/
#pojedinacniPregled {
/*outline: 4px dotted red;*/
border: 1px solid black;
background-color: white;
margin: 0 auto;
width: 98%;
height: 220px;
overflow: auto;
}

#pojedinacniPregled p {
text-align: center;
}

#pojedinacniPregled table, th, td {
border: 1px solid black;
}

#pojedinacniPregled th {
background-color: maroon;
color: wheat;
}

#pojedinacniPregled table {
width: 96%;
margin-left: 2%;
}

.pojedinacniPregledPokazatelj {
text-align: center;
width: 50%
}

.pojedinacniPregledVrednost {
text-align: center;
width: 50%
}

#pozivarModifikovanjaUcesca {
background-color: wheat;
cursor: default;
color: maroon;
}

#pozivarModifikovanjaUcesca:hover {
background-color: maroon;
cursor: pointer;
color: wheat;
}

#pozivarModifikovanjaUcesca:active {
background-color: red;
color: white;
}

/*divizija u kojoj se formira pojedinacni pregled hraniva*/
#dugmeFunkcijeRecepture {
/*outline: 4px dotted red;*/
margin: 0 auto;
width: 98%;
height: 30px;
text-align: center;
padding-top: 6px;
}

#recepturaKoncentrata {
/*outline: 4px dotted red;*/
margin: 0 auto;
overflow: auto;
}

#recepturaKoncentrata p {
text-align: center;
}

#recepturaKoncentrata table, th, td {
border: 1px solid black;
}

#recepturaKoncentrata th {
background-color: maroon;
color: wheat;
}

#recepturaKoncentrata table {
width: 96%;
margin-left: 2%;
}

.recepturaPokazatelj {
text-align: center;
}

.recepturaVrednost {
text-align: center;
}

.recepturaRedniBroj {
text-align: center;
}