a:link {color: #2222aa;
	text-decoration: none
}     /* unvisited link */
a:visited {
	color: #333355;
	text-decoration: none
}  /* visited link */
a:hover {
	color: #aa0000;
	text-decoration: underline;
	background-color: #ffff33
}
a:active {
	color: #0000ff;
	text-decoration: none
}   /* selected link */

body {
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
  	background-color:#ffffff;
}

p {
	font-size: 14px;
	font-weight: normal;
}

.tabelameni {
	font-size: 14px;
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	background-color: E3D4F6;
}

.osnovni {
	font-size: 14px;
	font-weight: normal;
}

.osnovnib {
	font-size: 14px;
	font-weight: bold;
}

.osnovnisiv {
	font-size: 14px;
	font-weight: normal;
	color: #777777;
}

.normalred {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

.style_normal {
	font-size: 14px;
	font-weight: normal;
}

.body-hindent {
	font-size: 14px;
	font-weight: normal;
	text-indent: -25px;
	padding-left: 25px;
}

.style_bold {
	font-size: 14px;
	font-weight: bold;
}

.normal14 {
	font-size: 14px;
	font-weight: normal;
}

.style_gray {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

.style_white {
	font-size: 12px;
	color: #ffffff;
}

textarea.tt {
	font-family:monospace;
	font-weight:normal;
	font-size: 9pt;
	color:#000000;
}

a img { border: none ; }

textarea#styled {
	width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.tabelafaktura td {
	border-right: 1px dotted #777777;
	border-bottom: 1px dotted #777777;
}


:root {
    --light-row-even: #f2f2f2;
    --light-row-odd: #ffffff;
    --dark-row-even: #383838;
    --dark-row-odd: #282828;
}

.red-paran {
	vertical-align: top;
    background-color: var(--light-row-even);
}
.red-neparan {
	vertical-align: top;
    background-color: var(--light-row-odd);
}
.dark-theme .red-paran {
	vertical-align: top;
    background-color: var(--dark-row-even);
}
.dark-theme .red-neparan {
	vertical-align: top;
    background-color: var(--dark-row-odd);
}


.red_peo2 {
    color: black;
	background-color: #fff0d0; /* Svetlo oker */
}
.dark-theme .red_peo2 {
    color: white;
	background-color: #895900; 
}
.red_peo {
    color: white;
	background-color: #ab7500; /* Svetlo oker */
}
.dark-theme .red_peo {
    color: white;
	background-color: #ab7500;
}
.red_oker {
	background-color: #f7ce76; /* Svetlo oker */
}
.dark-theme .red_oker {
	background-color: #235558;
}
.red_sivi {
	background-color: #cccccc; /* Svetlo sivo */
}
.dark-theme .red_sivi {
	background-color: #303030;
}
.red_sivocrven {
	background-color: #ff7878; 
}
.dark-theme .red_sivocrven {
	background-color: #ff0000;
}
.red_svetloplav {
	background-color: #88dfff; /* svetloplav */
}
.dark-theme .red_svetloplav {
	background-color: #008ec2;
}
.sold {
	background-color: #fdd6fe; /* Svetlo sivo */
}
.dark-theme .sold {
	background-color: hsl(299, 98%, 18%);
}
.nevid {
	background-color: #d2d1d2; /* Svetlo sivo */
}
.dark-theme .nevid {
	background-color: rgb(77, 77, 77);
}
.belaslova {
	color: white !important;
}
.dark-theme belaslova {
	color: white !important;
}


/* Tamna tema */
body.dark-theme,
html.dark-theme {
    background-color: #222222; /* Tamnija pozadina */
    color: #e0e0e0; /* Svetliji tekst */
}

body.dark-theme a:link {
    color: #80a0ff; /* Svetliji linkovi */
}

body.dark-theme a:visited {
    color: #9090c0;
}

body.dark-theme a:hover {
    background-color: #404040; /* Tamniji hover */
    color: #ff8080;
}

body.dark-theme .osnovnisiv,
body.dark-theme .normalred,
body.dark-theme .style_gray {
    color: #a0a0a0; /* Svetlija siva */
}

body textarea.ta_bela {
    background-color: #f7f7f0;
    color: #303030;
    border: 1px solid #505050;
}
body.dark-theme textarea.ta_bela {
    background-color: #202020;
    color: #e0e0e0;
    border: 1px solid #505050;
}



/* Svetla tema */
.tabela-sort {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    background-color: #aaaaaa;
    font-size: 15px;
}

.tabela-sort th,
.tabela-sort td {
    border: 1px solid #cccccc;
    padding: 2px; /* Dodaje padding unutar ćelija */
}



/* Tamna tema */
body.dark-theme .tabela-sort {
    background-color: #303030;
    border-color: #505050;
}

body.dark-theme .tabela-sort th,
body.dark-theme .tabela-sort td {
    border-color: #505050;
    padding: 2px; /* Dodaje padding unutar ćelija */
}

.tabela-sort tbody .red-tabele {
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
}

body.dark-theme .tabela-sort tbody .red-tabele {
    background-color: #383838;
    color: #d0d0d0;
    text-align: left;
    vertical-align: top;
}



body.dark-theme input[type="submit"],
body.dark-theme button {
    /* background-color: #27406b; /* Tamna pozadina */
    /* color: #e0e0e0; Svetli tekst */
	background-color: #895900; /* Svetla oker pozadina */
    color: white;
    border: 1px solid #606060; /* Tamna ivica */
    padding: 2px 4px; /* Dodajte padding za bolji izgled */
    border-radius: 3px; /* Dodajte zaobljene ivice (opciono) */
    cursor: pointer; /* Promenite kursor u "pointer" */
}
input[type="submit"],
button {
    background-color: #edc475; /* Svetla oker pozadina */
    color: black;
    border: 1px solid rgb(177, 123, 41);
}


/* Tamna tema za sve select elemente */
body.dark-theme select {
    background-color: #202020; /* Tamna pozadina */
    color: #e0e0e0; /* Svetli tekst */
    border: 1px solid #505050; /* Tamna ivica */
    border-radius: 4px; /* Dodajte zaobljene ivice (opciono) */
    padding: 0px;
}

/* Svetla tema (opciono, ako želite da promenite stilove u svetloj temi) */
select {
    background-color: #ffc870; /* Svetla pozadina */
    color: #000000;
    border: 1px solid #cccccc;
}


/* Svetla tema */
.div_meni {
	padding: 0px;
    font-size: 15px;
    background: #ddddbb;
}
/* Tamna tema */
body.dark-theme .div_meni {
	padding: 0px;
    font-size: 15px;
    background: #222222; /* Tamnija pozadina */
    color: #eee; /* Svetliji tekst */
}

/* Svetla tema */
.div_beli {
    font-size: 15px;
    background: #ffffff;
}
/* Tamna tema */
body.dark-theme .div_beli {
    font-size: 15px;
    background: #333; /* Tamnija pozadina */
    color: #eee; /* Svetliji tekst */
}


body.dark-theme input[type="text"],
body.dark-theme input[type="email"],
body.dark-theme input[type="password"],
body.dark-theme textarea {
  background-color: #202020;
  color: #e0e0e0;
  border: 1px solid #505050;
  padding: 5px;
  border-radius: 4px;
}

body.dark-theme input[type="text"]:focus,
body.dark-theme input[type="email"]:focus,
body.dark-theme input[type="password"]:focus,
body.dark-theme textarea:focus {
  border-color: #80a0ff;
  outline: none;
}