/*
SPINNER
*/
bold {
    font-weight: 900;
}
.epostaon {
	text-decoration: line-through; 
	font-family: 'Sofia Sans Condensed', sans-serif; 
	color:darkred;
	
}
    
#work-in-progress {
  position: fixed;
  margin-top:40px;    
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  z-index: 200000;
  background-color: #FFFFFF;
    opacity: 0.9;
}

.work-spinner {
  background-color: rgba(0,0,0,0);
  border: 9px solid rgba(26,226,49,0.95);
  opacity: .9;
  border-left: 5px solid rgba(0,0,0,0);
  border-radius: 120px;
  -webkit-box-shadow: 0 0 35px rgba(26,226,49,1);
  box-shadow: 0 0 35px rgba(26,226,49,1);
  width: 100px;
  height: 100px;
  margin: 100px auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
  -o-animation: spin .5s infinite linear;
  animation: spin .5s infinite linear;
}

#nalagam {
  display: none;
  position: fixed;
  margin-top:40px;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  vertical-align: middle;
  color: #000000;
  z-index: 200000;
  background-color: #FFFFFF;
    opacity: 0.9;
    
}
#nalagam .nalspinner {
  background-color: rgba(0,0,0,0);
  border: 9px solid rgba(26,226,49,0.95);
  opacity: .9;
  border-left: 5px solid rgba(0,0,0,0);
  border-radius: 120px;
  -webkit-box-shadow: 0 0 35px rgba(26,226,49,1);
  box-shadow: 0 0 35px rgba(26,226,49,1);
  width: 100px;
  height: 100px;
  margin: 100px auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
  -o-animation: spin .5s infinite linear;
  animation: spin .5s infinite linear;    
}
#nalagam .tekst, #work-in-progress .tekst{
    position: relative;
    font-size: 0.1em;
width: 100px;

  margin:  -168px auto;
 animation: myPulse 1s ease 0s infinite normal forwards;    
  
}


 


@keyframes myPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}


@-moz-keyframes spin {
 from {
     -moz-transform: rotate(0deg);
 }
 to {
     -moz-transform: rotate(360deg);
 }
}

@-webkit-keyframes spin {
 from {
     -webkit-transform: rotate(0deg);
 }
 to {
     -webkit-transform: rotate(360deg);
 }
}

@keyframes spin {
 from {
     transform: rotate(0deg);
 }
 to {
     transform: rotate(360deg);
 }
}
@-o-keyframes spin {
 from {
     transform: rotate(0deg);
 }
 to {
     transform: rotate(360deg); 
 }
}        
        




/*PAGINACIJA*/
     .inline{ 
      
      
         margin: 5px 0px 10px; 
     } 
   .pagination {
            display: inline-block;
	   
        }
 
        .pcenter {
            text-align: center;
			padding-bottom: 8px;
        }
 
        .pagination a, .pag_disabled {
            font-weight: normal;
            font-size: 1.2em;
            color: black;
            float: left;
 
            padding: 5px 10px;
            text-decoration: none;
            border: 1px solid rgba(214,214,214,1.00);
        }
		.pag_disabled {
			opacity: 0.4;
		}
 
        .pagination a.active {
			background-color: #009900;
			color: #E9FFE9;
        }
 
        .pagination a:hover:not(.active) {
		 	background-color: #CEFFCE;
	
			color: #006600;	
        }
 




#Dogodki_prijava, #Nacini_prijava, #Lastna_prijava {
    display: none;
}
code {
    font-size: 0.9em;
}
.success {
    font-size: 1.8em;
    color: green;
    font-weight: bold;
    font-family: 'Muli';
}
.no-success {
    font-size: 1.8em;
    color: red;
    font-weight: bold;
}

/*KOLEDARJ*/
.calendar {
    display: flex;
    flex-flow: column;
}

.calendar .days {
    display: flex;
    flex-flow: wrap;
}
.calendar .days .day_name { 
    position: sticky;
    top: 38px; 
    z-index: 99;
    width: calc(100% / 7) !important;
    border-right: 1px solid #C1C1C1;
    padding: 15px;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    color: #818589;
    color: #fff;
    background-color: #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;       
}
.calendar .days .day_name:nth-child(7) {
    border: none;
}
.calendar .days .day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7) !important;
    border-right: 1px solid #B9C2C4;
    border-bottom: 1px solid #B9C2C4;
    padding: 15px;
    padding-top:10px;
    font-weight: bold;
    color: #575F64;
    /*cursor: pointer;*/
    min-height: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;       
}
.calendar .days .day_num span {
    display: inline-flex;
    width: 30px;
    font-size: 1.3em;
    
}
.calendar .days .day_num .event {
    
    margin-top: 5px;
    font-weight: normal;
    font-size: 0.9em;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;


}
.calendar .days .day_num .event a {
    	font-family: 'Sofia Sans Condensed', sans-serif;
	font-size: 1.1em;
    font-weight: normal;
}



.calendar .days .day_num .event.green {
    background-color: #217827;
 
}
.calendar .days .day_num .event.green a {
       cursor: zoom-in;
}
.calendar .days .day_num .event.grey {
     background-color: #676767;
    color:white;

}

.calendar .days .day_num .event.grey a {
    color:white;
    cursor: zoom-in;
}
.calendar .days .day_num .event.moj {
    background-color: #217827;
    
}

.calendar .days .day_num .event.mojnacrtovan {
    background-color: #676767;
}

.calendar .days .day_num .event.blue {
    background-color: #518fce;
}
.calendar .days .day_num .event.red {
    background-color: #ce5151;
}
/* Vloga najemnika (REZ_najemniki): razlikuj upravljalca od uporabnika + skupina. */
.rez-vloga { display:inline-block; padding:1px 8px; border-radius:9px; font-size:.82em; white-space:nowrap; }
.rez-vloga-upr { background:#cfe6ff; color:#0B5394; font-weight:bold; }
.rez-vloga-upo { background:#ededed; color:#555; }
tr.rez-skupina td { background:#e7eefc; color:#0B5394; font-weight:bold; padding:5px 8px; }
.calendar .days .day_num:nth-child(7n+1) {
    border-left: 1px solid #e6e9ea;
}
.calendar .days .day_num:hover {
    background-color: #fdfdfd;
}
.calendar .days .day_num.ignore {
    background-color: #fdfdfd;
    color: #D6D9DB;
    cursor: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* Robne celice mreže, zapolnjene z dnevi sosednjega meseca (KoledarMreza
   $sosednji=true): prikazani, a malo bolj transparentni od dni tekočega meseca. */
.calendar .days .day_num.prelivanje {
    background-color: #fcfcfc;
    cursor: inherit;
    box-sizing: border-box;
}
.calendar .days .day_num.prelivanje span {
    opacity: 0.4;
}
.calendar .days .day_num.selected {
    background-color: #E6FFE0;
    border: 1px dashed #0CCB00;    
    cursor: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;    
}    


.content {
    max-width:1200px;
    margin: 0 auto;
    margin-top:24px;
}

/*KONEC KOLEDARJA*/

.zbrisano,.zbrisano:hover  {
    background-color:red !important;
    color:#FFE9EA;
}

thead {      
    position: sticky;
    top: 38px; 
    z-index: 99;
}
.th_darkred {
    background-color: darkred !important;
}
.th_filter_darkred {
    background-color: rgba(220,184,184,1.00) !important;
}

#evidelo thead tr > th {

  position: sticky;
  padding:.5rem;
  z-index:2;
  top: 0;
}

#evidelo thead tr > :nth-child(3){
  z-index:3;
  left:0;
  top:0;
}



#evidelo tbody tr > :nth-child(3) {

  position: sticky;
  z-index:1;
  left:0;
}


.nastavitve_t tbody tr > :nth-child(2) {

  	font-family: 'Quicksand', sans-serif;
    font-size: 1em;
}


#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 60px !important;
  z-index: -999999;
  opacity: 0;
	
}

/* muli-200 - latin */
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 200;
	src: url('fonts/muli-v11-latin-200.eot'); /* IE9 Compat Modes */
	src: local('Muli ExtraLight'), local('Muli-ExtraLight'),  url('fonts/muli-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-200.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-200.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300 - latin */
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/muli-v11-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Muli Light'), local('Muli-Light'),  url('fonts/muli-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-300.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-300.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-200italic - latin */
@font-face {
	font-family: 'Muli';
	font-style: italic;
	font-weight: 200;
	src: url('fonts/muli-v11-latin-200italic.eot'); /* IE9 Compat Modes */
	src: local('Muli ExtraLight Italic'), local('Muli-ExtraLightItalic'),  url('fonts/muli-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-200italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300italic - latin */
@font-face {
	font-family: 'Muli';
	font-style: italic;
	font-weight: 300;
	src: url('fonts/muli-v11-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local('Muli Light Italic'), local('Muli-LightItalic'),  url('fonts/muli-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-300italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Muli Regular'), local('Muli-Regular'),  url('fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-italic - latin */
@font-face {
	font-family: 'Muli';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/muli-v11-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Muli Italic'), local('Muli-Italic'),  url('fonts/muli-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-italic.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700 - latin */
@font-face {
	font-family: 'Muli';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/muli-v11-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Muli Bold'), local('Muli-Bold'),  url('fonts/muli-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-700.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-700.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700italic - latin */
@font-face {
	font-family: 'Muli';
	font-style: italic;
	font-weight: 700;
	src: url('fonts/muli-v11-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Muli Bold Italic'), local('Muli-BoldItalic'),  url('fonts/muli-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/muli-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/muli-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */  url('fonts/muli-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/muli-v11-latin-700italic.svg#Muli') format('svg'); /* Legacy iOS */
}






body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	background:#FFF;
	
}
* {
	font-family: 'Quicksand', sans-serif;
}

 .skupaj td {
	font-family: 'Quicksand', sans-serif !important;
	font-size: 14px !important;
	font-weight: bold !important;
	border-top-style: solid !important;
	border-top-width: medium !important;
	border-top-color: #000 !important;
}
#skupaj_vrstica td {
    font-size: 1.3em;
    font-weight: bold;
    height: 1.5em;
    border-bottom-style: double;
}
#skupaj_vrstica {
    
    border-bottom-style: double;
}

.teden_sestevek  {
    
    border-bottom-style: double;
    
}

.zap_ikona_cas {
    font-size:18px; color: darkgreen; cursor: pointer; display: inline-block; top: 3px;
    
}
.zap_ikona_del {
    font-size:18px; color: darkred;cursor: pointer; display: inline-block; top: 3px;
}



.inputdatoteka {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputdatoteka + label {
    font-size: 1.25em;
    font-weight: 700;
    color:#333;
    background-color: white;
    display: inline-block;
	
}

.inputdatoteka:focus + label,
.inputdatoteka + label:hover {
    color: green;
	outline:none;
}
.inputdatoteka + label {
	cursor: pointer; /* "hand" cursor */
}
.inputdatoteka:focus + label,
.inputdatoteka.has-focus + label {
    outline:none;
}

.bliznjica {
	padding-top:8px;
	font-size:18px;
	color:#090;
}

#vsebina_glava {
	top: 0;
	width: 100%;
	position: fixed;
	z-index:9999;
	background:#093;
}
#sddm {
	padding:0;
	margin: 0 auto;

	display:table;
	z-index: 9998;
}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	z-index: 9999;
	font-size: 14px;
	font-weight: 600;
	background-color: #093;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #00BF00;
		border-radius: 8px;
 
}
#sddm li a {
	line-height: 30px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 4px 14px;

	color: #FFF;
	text-align: center;
	text-decoration: none;

}
#sddm li a.uporabnik {
	width:21px;
}
#sddm li span {
	display: block;
	color: #060;
	text-decoration: none;
	background-color: #CEFFD8;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	padding-top:4px;
	padding-bottom:5px;
	background: #CEFFD8;
	font-size: 16px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #093;
	border-right-color: #093;
	border-bottom-color: #093;
	border-left-color: #093;
	border-radius: 0 0 8px 8px;
}
#sddm div a {
	line-height: 15px;
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 32px;
	
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #093;
	font-size: 14px;
	font-weight: 300;
	background-color: #CEFFD8;
}
#sddm div a:hover {
	color: #000;
	background-color: #A8FFA4;
}
/* Enotna velikost in debelina VSEH menijskih (sub)ikon: glif se izriše prek
   :after posameznega razreda (content + barva + položaj), velikost in debelino
   pa poenotimo tukaj. Selektor z #id ima višjo specifičnost od posameznih
   .razred:after, zato prepiše njihove font-size/font-weight (enoten videz). */
#sddm div a:after {
	font-size: 21px;
	font-weight: 400;
}
h1, h2, h3 {
	padding-top: 16px;
	text-align: center;
}
h3 {
	font-size: 1.25em;
	margin: 16px 0 8px;
	padding-top: 8px;
	color: #333;
}
fieldset {
	margin: 0 auto 0;
	border: none;
	width: 800px;
}
fieldset ul, fieldset li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
fieldset li {
	clear: both;
	list-style: none;
	padding-top: 8px;
}
fieldset input {
}
fieldset label {
	width: 250px;
	float: left;
	text-align: right;
	padding-right: 8px;
	padding-top:2px;

}
.seznam {
	border-collapse: collapse;
	min-height:100px;
	min-width:600px;

	

}
.seznam td, .seznam td a {
	font-family: 'Sofia Sans Condensed', sans-serif;
	font-size: 14px;
}

.seznam, .seznam th, .seznam td {
	border: 1px solid #CCC;
	border-bottom: 1px solid #666;
	line-height: 18px;
	padding: 4px;
}
.seznam th {

	background-color: #666;
	color: #FFFFFF;
	line-height: 18px;
}
.seznam th a {
	color: #FFFFFF;
	text-decoration: underline;
}
/* U05 (NACRTI/PREDLOGI-NADGRADENJ.md): lepljiva glava dolgih seznamov.
   Varno — .seznam th ima poln #666 background, zato vsebina ne presvita. */
.seznam thead th { position: sticky; top: 0; z-index: 2; }

/* U21: prijazno prazno stanje seznamov (prazen_seznam() v kosi/_ui_lib.php). */
.prazen-seznam { max-width:480px; margin:32px auto; text-align:center; color:#555; }
.prazen-seznam-ikona { font-size:3em; color:#bbb; line-height:1; margin-bottom:8px; }
.prazen-seznam h2 { margin:0 0 6px; color:#444; }
.prazen-seznam p { margin:6px 0; }

/* U14: legenda pomena statusnih barv (barvna_legenda() v kosi/_ui_lib.php). */
.barvna-legenda { text-align:center; margin:6px auto 12px; font-size:.86em; color:#555; }
.barvna-legenda-item { display:inline-block; margin:0 8px; white-space:nowrap; }
.barvna-legenda-vzorec { display:inline-block; width:14px; height:14px; border:1px solid #999; border-radius:3px; vertical-align:middle; margin-right:4px; }
.seznam tr:hover {
    background-color: rgba(198,255,114,0.53);
}
/* Svetlejše navpične ločnice med glavami stolpcev (thead). */
.seznam th { border-left-color: rgba(255,255,255,0.22); border-right-color: rgba(255,255,255,0.22); }
/* Excel-slog spreminjanje širine stolpcev — prijemalo (orodja/seznam_resize.js). */
.seznam-resizer { position:absolute; top:0; right:0; width:7px; height:100%; cursor:col-resize; user-select:none; }
.seznam-resizer:hover { background: rgba(255,255,255,0.4); }
body.seznam-resizing, body.seznam-resizing * { cursor:col-resize !important; user-select:none !important; }
/* Gumb za razširitev seznama na polno širino strani (orodja/seznam_sirina.js).
   Full-bleed: table.seznam se razširi na ~96vw, centriran, ne glede na ozko/
   centrirano ovojno tabelo. (calc(50% - 48vw) deluje za centrirane postavitve,
   kar admin seznami so — align="center"/margin:auto.) */
.seznam-sirina-orodje { margin: 0 0 6px; text-align: center; }
.seznam-sirina-gumb { font-size: 12px; padding: 2px 10px; cursor: pointer; }
body.seznam-siroko table.seznam {
	width: 96vw !important;
	max-width: 96vw !important;
	margin-left: calc(50% - 48vw) !important;
	margin-right: calc(50% - 48vw) !important;
	box-sizing: border-box;
}
/* Seznam skupin v orodju za poenotenje lokacij (DOG_lokacije.php): prva
   kolona ima dolg seznam variant, ki brez omejitve raztegne tabelo čez
   celo širino zaslona (od roba do roba). Omeji širino in centriraj. */
table.lok-skupine {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
table.lok-skupine td:first-child {
	overflow-wrap: anywhere;
}
/* Urejanje lokacij (DOG_lokacije): kanonična tabela centrirana po vsebini
   (prej width:80% → vsebina je štrlela levo). */
table.lok-kanon {
	margin-left: auto;
	margin-right: auto;
}
/* Iskalnik naslova (lasten autocomplete dropdown) — zelena admin tema. */
.lok-ac-wrap {
	position: relative;
	display: inline-block;
	width: min(100%, 460px);
	vertical-align: middle;
}
.lok-ac-wrap .inputtext {
	width: 100%;
	box-sizing: border-box;
}
.lok-ac-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 1000;
	background: #fff;
	border: thin solid #009900;
	border-top: none;
	max-height: 240px;
	overflow-y: auto;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	text-align: left;
}
.lok-ac-item {
	padding: 5px 8px;
	font-size: 12px;
	cursor: pointer;
}
.lok-ac-item:hover {
	background: #E0FFD7;
}
/* Ikona-gumb »Prepiši« v tabeli lokacij — brez chroma gumba, sama ikona
   (kot ostale ikonske akcije v adminu, npr. .fa-edit povezave). */
.lok-prepisi {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	line-height: 1;
}
/* Modal s seznamom dogodkov variante (identifikacija lokacije) — slog po
   vzoru #pomoc-modal (zeleni gradient header, belo okno, temno ozadje). */
.lok-modal {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(20, 36, 24, 0.55);
	z-index: 10000;
	align-items: center;
	justify-content: center;
	padding: 28px;
	box-sizing: border-box;
}
.lok-modal.open { display: flex; }
.lok-modal-okno {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 16px 56px rgba(0,0,0,0.36);
	width: 100%;
	max-width: 640px;
	max-height: 82vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.lok-modal-glava {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 18px;
	background: linear-gradient(135deg, #093 0%, #060 100%);
	color: #fff;
	flex-shrink: 0;
}
.lok-modal-glava h2 {
	margin: 0;
	font-size: 1.05em;
	font-weight: 600;
	color: #fff;
	border: none;
	padding: 0;
	flex: 1;
}
.lok-modal-zapri {
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lok-modal-zapri:hover { background: rgba(255,255,255,0.28); }
.lok-modal-telo {
	padding: 14px 18px;
	overflow-y: auto;
}
.lok-modal-telo h4 { margin: 0 0 8px; }
.lok-dog-seznam { list-style: none; margin: 0; padding: 0; }
.lok-dog-seznam li {
	padding: 3px 0;
	border-bottom: 1px solid #eee;
	font-size: 13px;
}
.lok-dog-datum {
	display: inline-block;
	min-width: 92px;
	color: #060;
	font-weight: 600;
}
.lok-dog-vec { margin-top: 8px; font-style: italic; color: #666; }
.lok-dog-odpri { font-weight: 600; }
.l_uredi, .l_prazno, .l_tiskanje, .l_prejemnik, .l_celracun, .l_predogled, .l_izbrisi, .l_mosnjicek, .l_eposta {
	display: inline-block;

	background-repeat: no-repeat;
	width: 24px;
	margin-left: 3px;
}
.l_uredi span, .l_tiskanje span, .l_prejemnik span, .l_celracun span, .l_predogled span, .l_izbrisi span, .l_mosnjicek span, .l_eposta span {
	visibility: hidden;
}
.l_eposta {
	background-image: url(slike/eposta.png);
}
.l_mosnjicek {
	background-image: url(slike/mosnjicek.png);
}
.l_uredi {
}
.l_izbrisi {
	background-image: url(slike/delete.png);
}
.l_tiskanje {

}
.l_predogled {
	
}
.l_prejemnik {
	background-image: url(slike/celracun.png);
}
.l_celracun {
	background-image: url(slike/prejemnik.png);
}
.rdece, .rdece_td {
	color: #CE0000;
	background-color: #FFEAEA;

}
@keyframes blinker {
  50% {
    opacity: 0.4;
  }
}
.rdece_obvestilo {
	display:inline-block;
	color: #600;
	background-color: #FFD9D9;
	font-weight: bold;
	font-size: 16px;
	padding: 4px;
	padding-left:10px;
	padding-right:10px;
	animation: blinker 1s linear infinite;
}
.zeleno_obvestilo {
	color: #060;
	background-color: #DAFEE0 !important;
	font-weight: bold;
	font-size: 16px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	animation: blinker 1s linear infinite;
}
.oranzno {
	color: #D78100;
	background-color: #FFF4CE;
	font-weight: normal;
	
	padding: 2px;
	padding-left: 6px;  
	padding-right: 6px;
	
}
.vijola {
	color: #FFFFFF;
	background-color: #94008A;
	font-weight: bold;
	display:inline-block; 
	padding: 2px;
	padding-left: 6px;  
	padding-right: 6px;	
}
.zeleno {
	color: #008203;
	background-color: #EDFFEA;
	font-weight: normal;
	
	padding: 2px;
	padding-left: 6px;  
	padding-right: 6px;    
}

.zeleno_temno {
	color: #008203;
	background-color: #BBFFB5;
}
.novdatum {
    
    border-top: #000000 2px solid;
}

.poudarjeno {
    font-weight: 900 !important;
}




.zeleno_ocr {
	color: #008203;
	background-color: #C4FFBA;
	font-weight: bold;
	display:inline-block; 
	padding: 2px;
	padding-left: 6px;  
	padding-right: 6px;	
}
.rdece_ocr {
	font-weight: bold;
	color: #FF0000;
	background-color: rgba(255,204,205,1.00);
	display:inline-block; 
	padding: 2px;
	padding-left: 6px;  
	padding-right: 6px;		
}
.sredinski_p {
	width: 800px;
	margin: auto;
}
.temnordece {
	background-color: #FFA655;
}
.opombe {
	color: #F00;
	font-weight: bold;
}
.inputtext {
	background-color: #E0FFD7;
	border: 1px solid #3FC23F;
}

select {
	font-size: 12px;
	border: 1px solid #3FC23F;
	background-color: #E0FFD7;
}
input[type=text], input[type=email], input[type=date], input[type=password], textarea, input[type=time] {
	background-color: #E0FFD7;
	border: 1px solid #3FC23F;
}
input[type=text]:hover, input[type=email]:hover, textarea:hover, input[type=date]:hover, input[type=time]:hover {
	background-color: #D3F7C6;
	border: 1px solid #009900;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
	background-color: #E9FFDF;
	border: 1px solid #009900;
}
input[type=date] {
	width:100px;
	font-family: 'Sofia Sans Condensed', sans-serif;
}
input[type=time] {
	
	font-family: 'Sofia Sans Condensed', sans-serif;
}
input.empty, textarea.empty {
  background-color : #d1d1d1; 
    color:white;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="date"]:focus::-webkit-calendar-picker-indicator {
  color: black;
}

/* === Poudarjen fokus vnosnih polj ===========================================
   Boljša vodljivost obrazcev: fokusirano polje dobi jasen zelen sij, svetlejše
   ozadje in rahlo POVEČAVO, da uporabnik takoj vidi, kje vpisuje (prej je fokus
   le komaj opazno potemnil rob). Uporablja box-shadow (NE border) + transform,
   zato ohrani rdeč levi rob obveznih polj in NE premika postavitve (transform =
   GPU, brez reflow). Velja enotno za vsa vnosna polja v adminu. */
input[type=text], input[type=email], input[type=date], input[type=time],
input[type=password], input[type=number], input[type=url], input[type=tel],
input[type=search], textarea, select {
    transition: box-shadow .12s ease, transform .12s ease, background-color .12s ease;
}
input[type=text]:focus, input[type=email]:focus, input[type=date]:focus,
input[type=time]:focus, input[type=password]:focus, input[type=number]:focus,
input[type=url]:focus, input[type=tel]:focus, input[type=search]:focus, select:focus {
    outline: none;
    background-color: #E9FFDF;
    box-shadow: 0 0 0 3px rgba(0,153,0,.30), 0 2px 10px rgba(0,102,0,.18);
    transform: scale(1.03);
    transform-origin: left center;
    position: relative;
    z-index: 6;
}
/* Večvrstična polja le poudarimo (povečava bi prekrila sosednja polja). */
textarea:focus {
    outline: none;
    background-color: #E9FFDF;
    box-shadow: 0 0 0 3px rgba(0,153,0,.30), 0 2px 10px rgba(0,102,0,.18);
    position: relative;
    z-index: 6;
}
@media (prefers-reduced-motion: reduce) {
    input:focus, select:focus { transform: none; }
}
/* === konec poudarjenega fokusa ============================================ */
.prazno {
	color: #2CCB00;
}

input[type=file] {
	width: 310px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #E0FFD7;
	border: 1px dashed #3FC23F;
}
input[type=submit], button, input[type=reset], input[type=button] {
	background-color: #CEFFCE;
	border: 1px outset #006600;
	color: #006600;
	font-weight: 600;
	padding-top: 3px;
	padding-bottom: 3px;
    padding-left: 7px; 
    padding-right: 7px;
	font-size: 14px;
	cursor:pointer;
	margin-left:4px; margin-right:4px;
    border-radius: 4px;
}
input[type=submit]:hover, button:hover, input[type=reset]:hover, input[type=button]:hover {
	background-color: #009900;
	border: 1px solid #006600;
	color: #FFFFCE;
	font-weight: bold;
}
.warningbutton {
    background-color: #FFE1CE !important;
	border: 1px outset #660000 !important;
	color: #660000 !important;
}
.warningbutton:hover {
	background-color: #990000 !important;
	border: 1px solid #660000 !important;
	color: #FFFCCE !important;
}
/* Ikonski submit-gumb v seznamih (akcije v stolpcu »Dejanja«: Sprejmi/Zavrni/
   Zapusti). Videz kot ikonska povezava (kot <a><i>), ne poln gumb. Lasten
   :hover — sicer ga prepiše globalni button:hover (zeleni). */
.gumb-ikona { background:none; border:0; padding:0 2px; margin:0; font:inherit; font-weight:normal; cursor:pointer; color:#555; vertical-align:middle; border-radius:0; }
.gumb-ikona:hover { background:none; border:0; color:#000; font-weight:normal; }
.gumb-ikona.zelena { color:#1a8550; }
.gumb-ikona.zelena:hover { color:#0c7a45; }
.gumb-ikona.rdeca { color:#a00000; }
.gumb-ikona.rdeca:hover { color:#d00000; }

a {
	color: #060;
	text-decoration: none;
}
.rdece {
	color: #FF0000;
	font-weight: normal;
	
	padding: 2px;
	padding-left: 2px;  
	padding-right: 2px;    
}

.modro {
	color: #0B5394;
	background-color: #EEFFFF;
	font-weight: normal;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
.tab_pregled {
	width: 80%;
	line-height: 22px;
}
.cur {
	cursor: help;
}
.bigfont {
	font-size: 14px;
}
#pomoc {
	text-align: center;
	font-size: 16px;
	color: #F00;
}
.bodymail {
	text-align: center;
}
.TESTcpYearNavigation, .TESTcpMonthNavigation {
	background-color: #6677DD;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.TESTcpDayColumnHeader, .TESTcpYearNavigation, .TESTcpMonthNavigation, .TESTcpCurrentMonthDate, .TESTcpCurrentMonthDateDisabled, .TESTcpOtherMonthDate, .TESTcpOtherMonthDateDisabled, .TESTcpCurrentDate, .TESTcpCurrentDateDisabled, .TESTcpTodayText, .TESTcpTodayTextDisabled, .TESTcpText {
	font-size: 8pt;
}
TD.TESTcpDayColumnHeader {
	text-align: right;
}
.TESTcpCurrentMonthDate, .TESTcpOtherMonthDate, .TESTcpCurrentDate {
	text-align: right;
	text-decoration: none;
}
.TESTcpCurrentMonthDateDisabled, .TESTcpOtherMonthDateDisabled, .TESTcpCurrentDateDisabled {
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}
.TESTcpCurrentMonthDate {
	color: #6677DD;
	font-weight: bold;
}
.TESTcpCurrentDate {
	color: #FFFFFF;
	font-weight: bold;
}
.TESTcpOtherMonthDate {
	color: #808080;
}
TD.TESTcpCurrentDate {
	color: #FFFFFF;
	background-color: #6677DD;
	border-width: 1;
	border: solid thin #000000;
}
TD.TESTcpCurrentDateDisabled {
	border-width: 1;
	border: solid thin #FFAAAA;
}
TD.TESTcpTodayText, TD.TESTcpTodayTextDisabled {
	border: solid thin #6677DD;
	border-width: 1 0 0 0;
}
A.TESTcpTodayText, SPAN.TESTcpTodayTextDisabled {
	height: 20px;
}
A.TESTcpTodayText {
	color: #6677DD;
	font-weight: bold;
}
SPAN.TESTcpTodayTextDisabled {
	color: #D0D0D0;
}
.TESTcpBorder {
	border: solid thin #6677DD;
}
textarea {
	font-size: 12px;
}
.TESTcpCurrentDate1 {
	font-size: 8pt;
}
.TESTcpCurrentDateDisabled1 {
	font-size: 8pt;
}
.TESTcpCurrentMonthDate1 {
	font-size: 8pt;
}
.TESTcpCurrentMonthDateDisabled1 {
	font-size: 8pt;
}
.TESTcpMonthNavigation1 {
	font-size: 8pt;
}
.TESTcpOtherMonthDate1 {
	font-size: 8pt;
}
.TESTcpOtherMonthDateDisabled1 {
	font-size: 8pt;
}
.TESTcpYearNavigation1 {
	font-size: 8pt;
}
.sredina {
	width: 500px;
	z-index: 30;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
}
.rdec_tekst {
	color: #900;
}
.zelen_tekst {
	color: #090;
}
fieldset .napaka {
	clear: both;
	margin-left: 360px;
	padding-top: 2px;
	font-size: 11px;
	color: #F00;
	background-image: url(slike/alert.png);
	background-repeat: no-repeat;
	padding-left: 34px;
	min-height: 30px;
	background-position: left 4px;
}
fieldset .napaka_obvezno {
	clear: both;
	margin-left: 360px;
	padding-top: 10px;
	font-size: 11px;
	color: #F00;
	background-image: url(slike/alert.png);
	background-repeat: no-repeat;
	padding-left: 34px;
	min-height: 30px;
	background-position: left 4px;
}
fieldset .opomba {
	clear: both;
	margin-left: 260px;
	padding-top: 6px;
	max-width: 450px;
	padding-left: 32px;
	font-size: 1.1em;
	font-style: italic;
	background-image: url(slike/prst-sivo-mali.png);
	background-repeat: no-repeat;
	min-height: 60px;
	background-position: left 8px; 
    padding-bottom: 6px;
	/*
	margin-left: 360px;
	padding-top: 6px;
	padding-left: 32px;
	font-size: 11px;
	font-style: italic;
	background-image: url(slike/prst-sivo-mali.png);
	background-repeat: no-repeat;
	min-height: 60px;
	background-position: left 8px;
	*/
}
fieldset .vredu {
	position: absolute;
	margin-left: 450px;
	background-image: url(slike/vredu.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	margin-top: -30px;
}
.seznam_napak li {
	list-style: disc;
	margin-left: 30px;
	margin-top: 0;
	padding-top: 0;
}
.tabela_opomba {
	padding-top: 6px;
	max-width: 450px;
	padding-left: 32px;
	font-size: 1.1em;
	font-style: italic;
	background-image: url(slike/prst-sivo-mali.png);
	background-repeat: no-repeat;
	min-height: 60px;
	background-position: left 8px;
    padding-bottom: 6px;
}
.napaka {
	width: 350px;
	font-size: 14px;
	margin-top: 16px;
	font-size: 12px;
	color: #D20000;
	background-image: url(slike/alert.png);
	background-repeat: no-repeat;
	padding-left: 34px;
	min-height: 30px;
	background-position: left 4px;
	text-align: left;
}
#zelSMS {
	color: red;
	font-size: 14px;
	font-weight: bold;
}
.vsebina_racuna {
	font-family: 'Sofia Sans Condensed', sans-serif;
	font-size: 10px;
	color: #555;
}
#na_dnu {
	position: fixed;
	min-width: 30%;
	margin-left: 35%;
	bottom: 0;
    z-index: 9999999;
}
#cas {
	position: fixed;
	bottom: 0;
	right: 0;
	width: auto;
	background-color: white;
	padding: 10px;
	padding-bottom: 15px;
	border-top-left-radius: 10px;
	border-left-style: solid;
	border-top-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-right-style: none;
	border-bottom-style: none;
}

#time {
	position: fixed;
	bottom: 0;
	left: 0;
	width: auto;
	background-color: white;
	padding: 10px;
	padding-bottom: 15px;
	border-top-left-radius: 10px;
	border-left-style: solid;
	border-top-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-right-style: none;
	border-bottom-style: none;
}





#na_dnu p {
	width:auto;
	background: rgb(255, 255, 255);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 2px dashed #A0A0A0;
	background: rgba(200,200,200,0.8);
	-webkit-box-shadow: #B3B3B3 5px 5px 5px;
	-moz-box-shadow: #B3B3B3 5px 5px 5px;
	box-shadow: #B3B3B3 5px 5px 5px;
	margin: 0 auto;
	padding-top: 14px;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 16px;
}
.label_div {
	width: 120px;
	float: left;
	line-height: 28px;
}
#prejemnik_list, #dogprizorisce_list, #dognaslov_list {
	display: none;
	width: 400px;
}
ul#dogprizorisce_list  {
    margin:0; 
    padding:0;
    margin-top:1px;
}
#prejemnik_list li, #dogprizorisce_list li {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #000;
	cursor: pointer;
}
/* Prizorišče autocomplete (DOG_vpis): plavajoč, prominenten spustni seznam —
   spodbudi izbiro obstoječega prizorišča (manj podvojenih lokacij). */
ul#dogprizorisce_list, ul#dognaslov_list {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 50;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #009900;
	box-shadow: 0 6px 16px rgba(0,0,0,0.18);
	list-style: none;
	max-height: 260px;
	overflow-y: auto;
}
#dogprizorisce_list li, #dognaslov_list li {
	padding: 5px 8px;
	border-bottom: 1px solid #d7eecd;
}
#dogprizorisce_list li:hover, #dognaslov_list li:hover {
	background: #E0FFD7;
}
.input_container {
	height: 30px;
	float: left;
	position: relative;
}
.input_container input {
	border-radius: 0;
}
.input_container ul {
	width: 206px;
	border: 1px solid #eaeaea;
	position: absolute;
	z-index: 9;
	background: #f3f3f3;
	list-style: none;
}
.input_container ul li {
	padding: 2px;
}
.ddd, .input_container ul li:hover, .input_container ul li:focus {
	background: #aaeaea;
}
.sivo, .sivo_td {
	background-color: #DDD;
}
.sivo_svetlo {
	background-color: #F6F6F6;
}
.sivo_td, .belo_td, .rdece_td {
  
  background-clip: padding-box; /* Add this line */
    
}
.sivo td, .belo td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
}
.belo, .belo_td {
	background-color: #FFF;
}
#osebaContainer {
	display: none;
}





.iskanje {
	margin-left: 8px;
	display: inline-block;
	width: 20px;
	height: 20px;

	content: "\f002";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;

	font-size: 21px;
	color: #0F3;
	left: 5px;
	z-index: 1;	
}




.samozate {
	background-color: #970000;
	background-image: url(pozor.png);
	background-repeat: no-repeat;
	background-position: 12px;
	padding: 24px;
	padding-left: 80px;
	color: #FF9;
}
.samozate2 {
	background-color: #FFAAAA;
	padding: 8px;
	color: #000;
	font-size: 14px;
}
.samozate2 i {
	font-size: 12px;
}
input[type=text].errinputtext, textarea.errinputtext {
	background-color: #FFE1DF;
	border: thin solid #FF0000;
}
.opomba_mala {
	font-size: 11px;
}
a {
	outline: 0;
}

.znesek {
	display: inline-block;
	padding-top: 2px;
	font-size: 18px;
}
.inputznesek {
	font-weight: bold;
	font-size: 18px;
}



hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.besedilo {
	width: 800px;
	margin: 16px auto;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-top: 0;
	border: thin dashed #999;
}
.besedilo h2 {
	padding: 0;
}
.besedilo p, .besedilo li {
	color: #000;
}
.besedilo a:hover {
	text-decoration: underline;
}
.miks tr:nth-child(even) {
	background-color: #F5F5F5;
}
.miks tr:nth-child(odd) {
	background: #FFF
}

.najdi {
	cursor: pointer;
}
.veliko {
	font-size: 18px;
	font-weight: 600;
}
.search {
	display: inline-block;
	padding-left: 4px;
	cursor: pointer;
	color: #00C;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.search:hover, a:hover {
	color: #B70000;
	text-shadow: 1px 2px 1px rgba(127, 127, 127, 0.57);
	

}
.fa-edit:hover, .fa-file-plus:hover, .fa-print:hover, .fa-search-plus:hover, .fa-copy:hover, .fa-times-circle:hover, .fa-envelope:hover, .fa-address-card:hover, .fa-expand-alt:hover, .fa-arrow-alt-from-top:hover, .fa-arrow-alt-from-bottom:hover, .fa-angle-double-down:hover, fa-angle-double-up:hover {
	
}
.fa-engine-warning {
	font-size: 24px;
	color: red;
}
.fa-trash-xmark {
	font-size: 22px;
	color: darkred;
}
.fa-trash-can {
	font-size: 1.1em;
	color: red !important;
}
.fa-edit {
	font-size: 21px;
	color: green;
}
.fa-pen-to-square {
	font-size: 21px;
	color: green;
}
.fa-check-circle {
	font-size: 21px;
	color: green;
}
.fa-comment-alt {
    font-size: 21px;
	color: grey;
}
.fa-file-plus {
    font-size: 24px;
	color: green;
}
.fa-file-pdf {
    font-size: 21px;
    color: darkred;
}
.fa-file-xls {
    font-size: 21px;
    color: darkgreen;
}
.fa-file-doc {
    font-size: 21px;
    color: darkblue;
}
.fa-check {
	font-size: 21px;
	color: #060;
}
.fa-check-double {
	font-size: 21px;
	color: #0C0;
}
.fa-eye {
	font-size: 21px;
	color: green;
	
}
.fa-calendar-alt, .fa-calendar-plus {
	font-size: 21px;
	color: #039;
}	
.fa-user-friends, .fa-user-plus {
	font-size: 21px;
	color:#900;
}
.fa-people-carry {
	font-size: 21px;
	color:#060;
}
.fa-hand-heart {
	font-size: 21px;
	color: #039;
}	
.fa-print{
	font-size: 21px;
	color: grey;
}
.fa-laptop-arrow-down {
	font-size: 21px;
    padding-left:4px;
	color: rgba(95,0,83,1.00);
}
.fa-search-plus {
	font-size: 21px;
	color: blue;
	
}
.fa-copy {
	font-size: 21px;
	color: #BF00BF;
	
}
.fa-times-circle {
	font-size: 21px;
	color: red;
	
	
}
.fa-flag-checkered {
	font-size: 21px;
	color: green;
}
.fa-envelope {
	font-size: 21px;
	color: grey;

}
/* Poenotena velikost ikon v stolpcu »Dejanja« (enako kot .fa-envelope: 21px),
   da je videz dejanj usklajen. Scope na .table_dejanja, da NE poveča istih ikon
   drugje (npr. fa-lock med vidnostnimi ikonami opravil, fa-building v delo-
   lokacijah). Samo velikost — barvo prepuščamo kontekstu (.gumb-ikona / barva
   povezave), da ostane pomen (rdeča blokada / zelena akcija) ohranjen. */
.table_dejanja .fa-user-pen,
.table_dejanja .fa-building,
.table_dejanja .fa-lock,
.table_dejanja .fa-lock-open {
	font-size: 21px;
}
.fa-cog {
	font-size: 19px;

	
}
.fa-address-card {
	font-size: 21px;
	color: blue;
		
}
.fa-exclamation-triangle  {
	font-size: 21px;
	color: red;
}
.fa-thumbs-up {
	font-size: 21px;
	color: green;	
}
.fa-share-square {
	font-size: 21px;
	color: green;
}
.fa-alarm-clock {
	font-size: 21px;
	color: orange;	
}
.fa-hourglass-half {
	font-size: 21px;
	color:#CC4200;		
}
.fa-exclamation  {
	font-size: 21px;
	color:#CC4200;	
}
.fa-phone  {
	font-size: 21px;
	color:red;	
}
.fa-truck  {
	font-size: 20px;
	color: #CC33CC;
}
.fa-info-circle  {
	display: inline-block;
	position: absolute;
	color: #15B4FF;
	padding-left: 4px;
	font-size:14px;
}
.fa-exclamation-circle  {
	display: inline-block;
	position: absolute;
	color: red;
	padding-left: 4px;
	font-size:16px;
	padding-top:2px;
}
.info {
	display: inline-block;
	padding-left: 23px;
}
.fa-sign-out {
	font-size: 21px;
	color:#CC4200;		
}
.fa-sign-in-alt, .fa-sign-out-alt {
	font-size: 18px;
    display: inline-block;
    width:22px;
	
}
.fa-utensils {
	font-size: 16px;
    display: inline-block;
    width:22px;
	
}

.fa-user, .fa-home {
	font-size: 18px;	
}

.fa-info-circle:hover {
	
	color: #006A9D;
}
.fa-expand-alt {
	
	font-size: 21px;
	color: blue;
		
}
.fa-arrow-alt-from-top, .fa-angle-double-down {
	font-size: 18px;
	
	color:#060;		
}
.fa-arrow-alt-from-bottom, .fa-angle-double-up {
	font-size: 18px;
			
	color:#900;
}
.fa-search {
	display:inline-block;
	left:2px;
	padding-right:4px;
	font-size: 16px;
	cursor:pointer;
	
}

	

i span {
	display:none;
}
i {
	position:relative;

	
}
.table_dejanja {
	width:auto;
	white-space:nowrap;
	padding-left:6px;
	padding-right:6px;
	
}
.select_iskanje {
	width:150px;
}
.podnaslov {
	font-size:18px;
	color:#900;
	margin-bottom:8px;
	display:inline-block;
}
.podnaslov_cas {
	font-size:16px;
	font-weight:normal;
}



#input_obcina, #input_clanstvo, #input_prostovoljstvo, #input_poslovanje{
	display:none;
}
.okodgovor, input.okodgovor {
	background-color: #C1FFC1;
	color: #060;
	font-weight: bold;
}
.neodgovor, input.neodgovor  {
	background-color:#FFA6A8;
	color:#990004;
	font-weight:bold;	
}
 
#wrap {
  width: 80%;
  margin: 1em auto;
  padding: 1em 5%;
  background: #fff;
  position: relative;
}

.inner {
  position: relative;
  z-index: 2;
}

.logout:after {
	content: "\f2f5";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #790000;
	left: 8px;
	z-index: 1;
}
.nastavitve:after {
	content: "\f0ad";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #790000;
	left: 6px;
	z-index: 1;
}
.posljimail:after {
	content: "\f0e0";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #790000;
	left: 4px;
	z-index: 1;
}
.dodaj_clana:after {
	content: "\f234";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 3px;
	z-index: 1;
}
.isci_clana:after {
	content: "\f002";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: blue;
	left: 5px;
	z-index: 1;
}

.iskanje_racunov:after {
	content: "\f002";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #06C;
	left: 5px;
	z-index: 1;
}

.nov_dokument:after {
	content: "\f319";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 7px;
	z-index: 1;
}
.novo_nekaj:after {
	content: "\f319";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 7px;
	z-index: 1;
}
.seznam_dokumentov:after {
	content: "\f06e";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #933;
	left: 3px;
	z-index: 1;
}
.menu_koledar:after {
	content: "\f073";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: light;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #06C;
	left: 5px;
	z-index: 1;
}
.menu_lokacije:after {
	content: "\f3c5";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #933;
	left: 5px;
	z-index: 1;
}
.menu_tabela:after {
	content: "\f00b";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: light;
	text-decoration: inherit;
	position: absolute;
	font-size: 19px;
	color: #06C;
	left: 5px;
	z-index: 1;
}
.evi_belezenje:after {
	content: "\f017";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #933;
	left: 3px;
	z-index: 1;
}
.evi_evidenca:after {
	content: "\e472";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #933;
	left: 3px;
	z-index: 1;
}
.evi_lokacije:after {
	content: "\f3c5";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #933;
	left: 4px;
	z-index: 1;
}

/* Opravila / Urniki dela / Rezervacije — namenske FA7 ikone (deljene po pomenu).
   Velikost in debelino podeli skupni #sddm div a:after; tu le glif, barva, lega.
   Barvni ključ (kot drugod v meniju): ustvari/novo = zelena #060, pregledi in
   koledarji = modra #06C, seznami/predloge = opečnata #933. */
.ico_list_check:after {
	content: "\f0ae";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #933;
	left: 5px;
	z-index: 1;
}
.ico_alarm_plus:after {
	content: "\f844";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #060;
	left: 5px;
	z-index: 1;
}
.ico_diagram_subtask:after {
	content: "\e479";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #933;
	left: 5px;
	z-index: 1;
}
.ico_calendar:after {
	content: "\f133";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #06C;
	left: 5px;
	z-index: 1;
}
.ico_calendar_day:after {
	content: "\f783";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #06C;
	left: 5px;
	z-index: 1;
}
.ico_calendar_lines:after {
	content: "\e0d5";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #06C;
	left: 5px;
	z-index: 1;
}
.ico_calendar_circle_plus:after {
	content: "\e470";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	text-decoration: inherit;
	position: absolute;
	color: #060;
	left: 5px;
	z-index: 1;
}
.dodaj_sponzorja:after {
	content: "\f5ff";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 3px;
	z-index: 1;
}
.uporabniki:after {
	content: "\f0c0";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 20px;
	color: #060;
	left: 3px;
	z-index: 1;
}
.zgodovina:after {
	content: "\f1da";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 20px;
	color: #060;
	left: 5px;
	z-index: 1;
}




.izmenjava:after {
	content: "\f2f1";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #666;
	left: 5px;
	z-index: 1;
}
.prejemek:after {
	content: "\f310";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 3px;
	z-index: 1;
}
.izdatek:after {
	content: "\f311";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 3px;
	z-index: 1;
}
.nalaganje:after {
	content: "\f019";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 4px;
	z-index: 1;
}
.uvoz:after {
	content: "\f56f";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 4px;
	z-index: 1;
}
.izvoz:after {
	content: "\f56e";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	color: #060;
	left: 4px;
	z-index: 1;
}
.kalkulator, .kilometrina {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	position: relative;
	padding-left: 23px;
	margin-left: 10px;
	color: #009900;
	opacity: 0.7;
}
.dnevnica {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	position: relative;
	padding-left: 23px;
	margin-left: 20px;
	color: #009900;
	opacity: 0.7;
}
.kalkulator:after {
	content: "\f1ec";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	top:-3px;
	left: 0;
	z-index: 1;	
}

 .kilometrina:after, .dnevnica:after {
	content: "\f33a";
	font-style: normal;
	font-family: 'Font Awesome 7 Pro';
	font-weight: bold;
	text-decoration: inherit;
	position: absolute;
	font-size: 21px;
	top:-3px;
	left: -1px;
	z-index: 1;	
}
.kalkulator:hover {
	
}
#potnikaj, #potniext {
	display:none;
}
input:required:focus, select:required:focus, textarea:required:focus, input:required, select:required,input:required:hover, select:required:hover, textarea:required {
	border-left-color:#F00;
	border-left-width:3px;

} 






#obvestilo {
	display: none;
}
#obvestilo_inner {
	position: fixed;
	width: 100%;
	top: 60px;
	z-index:10000;
	
	
	

}
#obvestilo_inner  table {

	width: 600px;
	border-collapse: separate;
	border: thick solid black;
	background-color: rgba(255, 255, 255, 1);
	margin:0 auto;
	border-radius:16px;

	
}

#obvestilo_innerheader h2{
	cursor: move;
	width:100%;
	margin:0;
	margin-top:8px;
	margin-bottom:10px;
	padding:0;
	text-align:center;
}
.icon {
	display:none
}

@media only screen and (max-width: 800px) {
    
fieldset .opomba {
	clear: both;
	margin-left: 0;
	padding-top: 6px;
	max-width: 450px;
	padding-left: 32px;
	font-size: 1.1em;
	font-style: italic;
	background-image: url(slike/prst-sivo-mali.png);
	background-repeat: no-repeat;
	min-height: 60px;
	background-position: left 8px; 
    padding-bottom: 6px;
	/*
	margin-left: 360px;
	padding-top: 6px;
	padding-left: 32px;
	font-size: 11px;
	font-style: italic;
	background-image: url(slike/prst-sivo-mali.png);
	background-repeat: no-repeat;
	min-height: 60px;
	background-position: left 8px;
	*/
}	
	
	thead {
        position: relative;
        top:auto;
    }
#na_dnu {
	position: fixed;
	width: 100%;
	margin-left: 0;
	bottom: 0;
    z-index: 999999;
}
body {
  
		width:96%;
	 

}
	body {
		margin-left:1%;
		margin-right:1%;
	}
	#sddm {
		padding:0;
		margin: 0 auto;
		z-index: 30;
		display:none;
		
	}
	
#vsebina_glava {
	top: 0;
	width:auto;
	position: fixed;
	z-index:30;
	background:#FFF;
}	
#sddm.responsive {
	display:block;
}
	#sddm li {
	
		margin: 0;
		padding: 0;
		list-style: none;
		float:none;
		
		font-size: 14px;
		font-weight: bold;
		background-color: #093;
	
		border-bottom-width: 1px;
	
		border-bottom-style: solid;
	
		border-left-color: #00BF00;
		border-radius: 0px;
	}
	#sddm li a {
		line-height: 28px;
		display: inline-block;
		margin: 0 0 0 0;
		padding: 2px 10px;
	
		color: #FFF;
		text-align: center;
		text-decoration: none;
	
	}
	#sddm li a.uporabnik {
		width:21px;
        vertical-align: middle;
	}
	#sddm li span {
		display: block;
		color: #060;
		text-decoration: none;
		background-color: #CEFFD8; 
		padding-top: 4px;
		padding-right: 6px;
		padding-bottom: 3px;
		padding-left: 6px;
	}
	#sddm div {
		position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		padding-top:4px;
		padding-bottom:5px;
		background: #CEFFD8;
		font-size: 16px;
		font-weight: normal;
		border-top-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #093;
		border-right-color: #093;
		border-bottom-color: #093;
		border-left-color: #093;
		border-radius: 0 0 8px 8px;
	}
	#sddm div a {
		line-height: 16px;
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 32px;
		
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #093;
		font-size: 12px;
		font-weight: 300;
		background-color: #CEFFD8;
	}
	#sddm div a:hover {
		color: #000;
		background-color: #A8FFA4;
	}	
	.icon {
		display: inline-block;
		text-align:left;
		font-size:24px;
	}	
	fieldset {
	
		border: none;
		width: 100%;
	}	
	fieldset label {
		width: 100%;
		float: none;
		text-align: left;
		padding-right: 8px;
		padding-top:2px;
		clear:right;
	
	}	
	fieldset label {
		display:block;
	}
	input[type=file] {
		width: auto;
		max-width:280px;
		padding-left: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
		background-color: #E0FFD7;
		border: 1px dashed #3FC23F;
	}
	input, textarea, select {
		max-width:280px;
	}	
#cas {
	display:none;
}	
input[type=text], input[type=email], input[type=date], select, input[type=password], textarea, input[type=time] {
	padding:3px;
}
body,input[type=text], input[type=email], input[type=date], select, input[type=password], textarea, input[type=time] {
	font-size: 14px;

	
}
}

/* --- POPRAVEK ZA FILTRE V TABELI --- */

/* 1. Resetiramo stil celice v vrstici s filtri */
tr.filter-row td {
    padding: 2px !important;       /* Zelo malo prostora okoli inputa */
    background-color: #eee;        /* Sivo ozadje, da se loči od podatkov */
    height: 25px;                  /* Fiksna višina vrstice */
}

/* 2. Prisilimo input polje, da uboga širino stolpca */
tr.filter-row input[type="text"] {
    width: 100%;                   /* Razširi se čez celo celico */
    box-sizing: border-box;        /* Padding ne poveča širine */
    
    /* KLJUČNO ZA OZKE STOLPCE (C, P, Z, Št.): */
    min-width: 1px !important;    /* Dovolimo, da je polje mikroskopsko majhno */
    
    /* Povozimo tvoje splošne input stile (da niso zeleni) */
    background-color: #fff !important; 
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    color: #000 !important;
    
    /* Manjša pisava in odmiki za kompaktnost */
    font-size: 11px !important;    
    padding: 1px 2px !important;   
    height: 22px !important;
    margin: 0 !important;
}

/* Ko klikneš v filter */
tr.filter-row input[type="text"]:focus {
    border-color: #66afe9 !important;
    outline: none;
    background-color: #fff !important;
}    
    /* Stil za vrstico s filtri */



/* ============================================================
   UREJEVALNIK MENIJA  (dodaj na konec stil.css)
   ============================================================ */

/* --- KLJUČNO: Povozimo #sddm div { position:absolute; visibility:hidden } 
   za naše ovojne div-e znotraj podmenija. --- */
#sddm .meni-skupina,
#sddm .prilj-presledek,
#sddm .prilj-dodaj-gumbi {
    position: static;
    visibility: inherit;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
}
/* .meni-skupina in .prilj-presledek vedno kot block.
   .prilj-dodaj-gumbi ne -- privzeto skrit, prikazan le v urejanju. */
#sddm .meni-skupina,
#sddm .prilj-presledek {
    display: block;
}

/* ----- NORMALNO STANJE: skrite postavke se ne prikažejo ----- */

/* Skrita glavna postavka */
#sddm > li.meni-skrit {
    display: none;
}

/* Skrita skupina znotraj podmenija */
#sddm .meni-skupina.meni-skrit {
    display: none;
}

/* Skrita posamezna <a> postavka znotraj podmenija */
#sddm div[id] > .meni-skupina > a.meni-skrit {
    display: none;
}
/* Skrita posamezna vrstica neposredno v priljubljenem (ne v skupini) */
#sddm #prilj > a.prilj-vrstica.meni-skrit {
    display: none;
}
/* Skrit ročni naslov ali presledek -- skrijemo v normalnem načinu */
#sddm #prilj > .prilj-rocni-naslov.meni-skrit,
#sddm #prilj > .prilj-presledek.meni-skrit {
    display: none;
}

/* ----- NAČIN UREJANJA: vse vidno, skrito obarvano sivo ----- */

/* Skrita glavna postavka v urejanju -- rdečkasta */
body.meni-urejanje #sddm > li.meni-skrit {
    display: block;          /* sicer ima float:left, "block" + float dela */
    opacity: 0.7;
    background-color: #c44 !important;
    border-left-color: #a33 !important;
}
body.meni-urejanje #sddm > li.meni-skrit > a {
    text-decoration: line-through;
    color: #fff !important;
}

/* Skrita skupina v urejanju: vidna, prosojna, prečrtana, rdečkasta */
body.meni-urejanje #sddm .meni-skupina.meni-skrit {
    display: block;
    opacity: 0.7;
}
body.meni-urejanje #sddm .meni-skupina.meni-skrit > span,
body.meni-urejanje #sddm .meni-skupina.meni-skrit > a {
    text-decoration: line-through;
    color: #a44 !important;
    background-color: #f5d5d5 !important;
}

/* Skrita <a> postavka v urejanju -- rdečkasta */
body.meni-urejanje #sddm div[id] > .meni-skupina > a.meni-skrit,
body.meni-urejanje #sddm #prilj > a.prilj-vrstica.meni-skrit {
    display: block;
    opacity: 0.7;
    text-decoration: line-through;
    color: #a44 !important;
    background-color: #f5d5d5 !important;
}
/* Skrit ročni naslov v urejanju */
body.meni-urejanje #sddm #prilj > .prilj-rocni-naslov.meni-skrit {
    display: block;
    opacity: 0.7;
    text-decoration: line-through;
    color: #a44 !important;
    background-color: #f5d5d5 !important;
}
/* Skrit presledek v urejanju -- diagonalne črte za vizualno označbo */
body.meni-urejanje #sddm #prilj > .prilj-presledek.meni-skrit {
    display: block;
    opacity: 0.5;
    background: repeating-linear-gradient(45deg, #f5d5d5 0, #f5d5d5 4px, #fff 4px, #fff 8px) !important;
}

/* Premakljive glavne postavke v urejanju */
body.meni-urejanje #sddm > li[data-menu-id]:not(.meni-fiksen) {
    user-select: none;
}
body.meni-urejanje #sddm > li[data-menu-id]:not(.meni-fiksen) > a {
    cursor: pointer;
}

/* Skupine v urejanju: cursor grab */
body.meni-urejanje #sddm .meni-skupina {
    cursor: grab;
    user-select: none;
    /* Dodaj rahel obroč okoli skupine, da se vidi, da je celota */
    outline: 1px dashed rgba(0, 102, 0, 0.35);
    outline-offset: -2px;
    margin: 2px 0;
}
body.meni-urejanje #sddm .meni-skupina:active {
    cursor: grabbing;
}

/* Implicitna skupina brez naslova: prazen drag-handle */
.meni-rocaj-prazen {
    display: none;
}
body.meni-urejanje .meni-rocaj-prazen {
    display: block;
    height: 14px;
    background: repeating-linear-gradient(
        45deg, #cefdd8, #cefdd8 4px, #b5e6bf 4px, #b5e6bf 8px
    );

    border-radius: 3px;
    margin: 2px 4px;
    cursor: grab;
}

/* V urejanju: ko JS označi <div id="mX"> z razredom "meni-podmeni-odprt",
   ga prikažemo absolutno pod glavno postavko (kot da bi bil mopen() klican).
   Brez tega bi imel `position:absolute; visibility:hidden;` iz originalnega CSS. */
body.meni-urejanje #sddm > li {
    position: relative; /* da je absolutni otrok poravnan na ta li */
}
body.meni-urejanje #sddm > li > div[id].meni-podmeni-odprt {
    visibility: visible !important;
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 10000;
    /* V urejanju imamo več podmenijev odprtih hkrati -- jasna meja */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    min-width: 220px;
    /* Drop-target highlight za prazne podmenije (da prikaže "spusti tu") */
    min-height: 30px;
}

/* Prazen podmeni (vse skupine premaknjene drugam) v urejanju -- 
   pokažemo "spusti tu" znakom */
body.meni-urejanje #sddm > li > div[id].meni-podmeni-odprt:empty::before,
body.meni-urejanje #sddm > li > div[id].meni-podmeni-odprt:not(:has(.meni-skupina))::before {
    content: "(prazno -- spusti skupino sem)";
    display: block;
    padding: 12px;
    color: #888;
    font-style: italic;
    text-align: center;
}

/* SortableJS pomožni razredi */
#sddm li.meni-ghost,
#sddm .meni-skupina.meni-ghost {
    opacity: 0.4;
    background-color: #ffeb3b !important;
}
#sddm li.meni-izbran,
#sddm .meni-skupina.meni-izbran {
    box-shadow: 0 0 0 2px #ff9800 inset;
}

/* Vizualni opomnik, da smo v načinu urejanja */
body.meni-urejanje #sddm {
    outline: 2px dashed #ff9800;
    outline-offset: 4px;
}
body.meni-urejanje #meni-uredi-gumb {
    background-color: #ff9800 !important;
    border-radius: 4px;
}

/* Ponastavitveni gumb: skrit privzeto, viden samo v načinu urejanja */
#meni-ponastavi-gumb {
    display: none;
}
body.meni-urejanje #meni-ponastavi-gumb {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10001;
    padding: 10px 18px;
    background-color: #c44;
    color: #fff;
    border: 1px solid #a33;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
body.meni-urejanje #meni-ponastavi-gumb:hover {
    background-color: #a33;
}
body.meni-urejanje #meni-ponastavi-gumb:active {
    transform: translateY(1px);
}
/* Drugi klik za potrditev */
body.meni-urejanje #meni-ponastavi-gumb.potrjuje {
    background-color: #ff9800 !important;
    border-color: #e68900 !important;
    animation: meni-utripaj 0.8s ease-in-out infinite alternate;
}
@keyframes meni-utripaj {
    from { box-shadow: 0 2px 8px rgba(0,0,0,0.25); }
    to   { box-shadow: 0 2px 16px rgba(255, 152, 0, 0.8); }
}

/* ============================================================
   PRILJUBLJENO -- prilepljeno na HOME postavko
   Ikona HOME se na hover spremeni v srce, ČE so v priljubljenih postavke.
   ============================================================ */

/* Privzeto: srce v HOME je skrito, vidna je home ikona. */
#sddm > li[data-menu-id="home"] > a > .prilj-ikona {
    display: none;
    font-size: 20px;
    vertical-align: middle;
    padding-bottom:3px;
}
#sddm > li[data-menu-id="home"] > a > .home-ikona { display: inline; }

/* Hover na HOME, SAMO ČE ima priljubljene (data-prazno="0"):
   skri home-ikono in pokaži srce. Sicer home-ikona ostane vidna tudi na hover. */
#sddm > li[data-menu-id="home"]:hover > a:has(+ #prilj[data-prazno="0"]) > .home-ikona,
#sddm > li[data-menu-id="home"] > a:has(+ #prilj[data-prazno="0"]):hover > .home-ikona {
    display: none;
}
#sddm > li[data-menu-id="home"]:hover > a:has(+ #prilj[data-prazno="0"]) > .prilj-ikona,
#sddm > li[data-menu-id="home"] > a:has(+ #prilj[data-prazno="0"]):hover > .prilj-ikona {
    display: inline;
    color: #ff2d2d;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
}
/* Fallback za brskalnike brez :has() -- home-ikona ostane vidna,
   srca ne preklapljamo (manj eleganten, vendar varen privzetek). */

/* HOME z #prilj data-prazno="0" pokaže podmeni na hover.
   Če je prazno, podmeni naj se NE odpre na hover -- razen v urejanju. */
#sddm > li[data-menu-id="home"] > #prilj[data-prazno="1"] {
    visibility: hidden !important;     /* tudi pri hover-u staršu se ne pokaže */
}
/* V urejanju pa se VEDNO pokaže, da uporabnik lahko dodaja postavke */
body.meni-urejanje #sddm > li[data-menu-id="home"] > #prilj[data-prazno="1"] {
    visibility: inherit !important;
}
/* Tudi v urejanju srce vedno vidno na HOME (da uporabnik ve, da gre za priljubljene) */
body.meni-urejanje #sddm > li[data-menu-id="home"] > a > .home-ikona { display: none; }
body.meni-urejanje #sddm > li[data-menu-id="home"] > a > .prilj-ikona {
    display: inline;
    color: #ff2d2d;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
}

/* Info sporočilo (prazno priljubljeno) -- akcijska navodila "povleci ...",
   smiselna samo v urejevalniku. Izven urejanja vedno skrita. */
.prilj-info {
    display: none !important;
    padding: 14px 18px;
    font-size: 12px;
    color: #888;
    font-style: italic;
    text-align: center;
    background: transparent !important;
    max-width: 220px;
}
body.meni-urejanje .prilj-info {
    display: block !important;
}


/* X gumb za odstranitev iz priljubljenih */
.prilj-odstrani {
    display: none;       /* viden samo v urejanju */
    position: absolute;
    top: 2px;
    right: 2px;
    width: 18px;
    height: 18px;
    padding: 0;
    background: #c44;
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}
body.meni-urejanje .prilj-odstrani { display: inline-block; }
.prilj-odstrani:hover { background: #a33; }

/* Pozicioniranje X relativno na element */
#sddm .prilj-element { position: relative; }

/* === Ročni naslov === */
/* Stil enak kot pri kloniranih skupinah (<span> v podmeniju) */
#sddm #prilj > .prilj-rocni-naslov {
    display: block;
    padding: 8px 14px 4px;
    color: #060;
    background: #CEFFD8;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}
#sddm #prilj > .prilj-rocni-naslov.prilj-urejanje-naslova {
    background: #fff;
    outline: 2px solid #093;
    cursor: text;
    user-select: text;
}

/* === Presledek === */
#sddm #prilj > .prilj-presledek {
    display: block;
    height: 10px;
    background: transparent;
    /* V urejanju izrišemo rahel dashed pas, da uporabnik ve, da nekaj je */
}
body.meni-urejanje #sddm #prilj > .prilj-presledek {
    background: rgba(0, 102, 0, 0.05);
    border-top: 1px dashed rgba(0, 102, 0, 0.3);
    border-bottom: 1px dashed rgba(0, 102, 0, 0.3);
    margin: 2px 0;
}
/* x na presledku naj bo manjši, da gre v 10px višino */
body.meni-urejanje #sddm #prilj > .prilj-presledek .prilj-odstrani {
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    top: -2px;
}

/* === Gumba za dodajanje (samo v urejanju) === */
.prilj-dodaj-gumbi {
    display: none;
    padding: 8px 10px;
    border-top: 1px dashed #093;
    margin-top: 4px;
    background: #CEFFD8;
    text-align: center;
}
body.meni-urejanje #sddm .prilj-dodaj-gumbi {
    display: block;
}
.prilj-dodaj-gumbi button {
    padding: 4px 10px;
    margin: 0 4px;
    background: #fff;
    color: #093;
    border: 1px solid #093;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}
.prilj-dodaj-gumbi button:hover {
    background: #093;
    color: #fff;
}
/* ============================================================
   PRILJUBLJENO -- "Pogosto uporabljeno" (avtomatski top 6)
   ============================================================ */

/* KLJUČNO: povozimo #sddm div { position:absolute; visibility:hidden }
   za naše ovojne div-e znotraj #prilj (sicer ostanejo nevidni in
   absolutno pozicionirani -- enako trik kot za .meni-skupina in .prilj-presledek). */
#sddm .prilj-pogoste,
#sddm .prilj-locilo {
    position: static;
    visibility: inherit;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    display: block;
}

/* Kontejner pogostih -- vedno v DOM-u, skrit ko stikalo izklopljeno
   ali ko ni nobene pogoste vrstice. */
#sddm #prilj > .prilj-pogoste {
    padding: 4px 0 6px;
}
/* Skrij blok pogostih + njegovo ločilo, ko je stikalo izklopljeno */
#sddm #prilj[data-pokazi-pogoste="0"] > .prilj-pogoste,
#sddm #prilj[data-pokazi-pogoste="0"] > .prilj-locilo {
    display: none;
}
/* Skrij blok, če v njem ni nobene vrstice (data-aktiv="0" iz PHP) -- razen v urejanju */
#sddm #prilj > .prilj-pogoste[data-aktiv="0"],
#sddm #prilj > .prilj-pogoste[data-aktiv="0"] + .prilj-locilo {
    display: none;
}
body.meni-urejanje #sddm #prilj > .prilj-pogoste[data-aktiv="0"] {
    /* V urejanju ohranimo prikazano (vsaj naslov), da uporabnik vidi, da blok obstaja. */
    display: block;
    opacity: 0.6;
}
body.meni-urejanje #sddm #prilj > .prilj-pogoste[data-aktiv="0"] + .prilj-locilo {
    display: block;
}

/* Naslov "Pogosto uporabljeno" */
#sddm #prilj > .prilj-pogoste > .prilj-pogoste-naslov {
    display: block;
    padding: 4px 12px 2px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #093;
    background: transparent;
    cursor: default;
    visibility: inherit;
}

/* Posamezna pogosto-uporabljena vrstica -- podeduje #sddm div a stile,
   le še manjše tweake. */
#sddm #prilj > .prilj-pogoste > a.prilj-pogosta-vrstica {
    display: block;
    pointer-events: auto;
    visibility: inherit;
}
body.meni-urejanje #sddm #prilj > .prilj-pogoste > a.prilj-pogosta-vrstica {
    /* V urejanju je celoten blok zaklenjen za drag&drop -- vrstice ostanejo informativne. */
    opacity: 0.85;
}

/* Vizualno ločilo med pogostimi in ročnimi priljubljenimi */
#sddm #prilj > .prilj-locilo {
    height: 1px;
    margin: 4px 10px;
    background: linear-gradient(to right, transparent, #093, transparent);
    opacity: 0.5;
}

/* Stikalo "Pokaži pogosto uporabljene" znotraj urejevalnih gumbov */
.prilj-stikalo-pogoste {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    padding: 4px 8px;
    font-size: 12px;
    color: #093;
    cursor: pointer;
    user-select: none;
}
.prilj-stikalo-pogoste input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
}

/* =========================================================================
   ADMIN — SLIKE (naslovna + galerija) — skupni razredi za KAT_vpis,
   NOV_vpis, DOG_vpis, DOG_vsebina. Vse forme uporabljajo enako razporeditev:
   <fieldset><legend>📷 Slike X</legend>
     <div class="adm-slike-info">…</div>
     <h4>Naslovna slika</h4>
     <div class="adm-slike-grid"><div class="adm-slika-box naslovna">…</div></div>
     <p><label>Naloži novo…</label> <input type="file"></p>
     <h4>Galerija</h4>
     <div class="adm-slike-grid" id="…-galerija-sort">
       <div class="adm-slika-box" draggable="true" data-name="v_N.jpg">
         <div class="badge">#N</div><div class="drag-handle">🟰</div>
         <img><label><input checkbox> izbriši</label>
       </div>
     </div>
   </fieldset>
   ========================================================================= */
.adm-slike-info {
    margin: 8px 0 12px;
    padding: 8px 12px;
    background: #eef7fd;
    border: 1px solid #b8d8ec;
    border-radius: 6px;
    line-height: 1.5em;
}
.adm-slike-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0;
}
.adm-slika-box {
    position: relative;
    width: 160px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fafafa;
    box-sizing: border-box;
}
.adm-slika-box img {
    display: block;
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 3px;
}
.adm-slika-box label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    font-size: 0.85em;
    cursor: pointer;
}
.adm-slika-box.naslovna {
    border-color: #4a90e2;
    box-shadow: 0 0 0 2px #4a90e2 inset;
}
.adm-slika-box .badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #4a90e2;
    color: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.75em;
    font-weight: bold;
}
.adm-slika-box .drag-handle {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: move;
    background: #fff;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 0.8em;
    user-select: none;
}
.adm-slika-box.dragging {
    opacity: 0.4;
}
.adm-slika-box.drag-over {
    outline: 2px dashed #4a90e2;
}
.adm-slike-prazno {
    color: #888;
    font-style: italic;
    padding: 8px;
}
/* Vrsta slike (foto / plakat) — manual override Gemini auto-zaznave. */
.adm-st-vrsta {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #eee;
}
.adm-st-vrsta select {
    margin-top: 4px;
    padding: 5px 8px;
    font-size: 14px;
    min-width: 320px;
}
.adm-st-ai {
    display: inline-block;
    margin-top: 6px;
    padding: 3px 8px;
    background: #f0f7ff;
    border: 1px solid #cfe1f8;
    border-radius: 4px;
    color: #1a5490;
    font-size: 12px;
}
fieldset.adm-slike-fieldset {
    width: 800px;
    margin: 0 auto;
    border: none;
}
fieldset.adm-slike-fieldset > legend {
    font-weight: 700;
    padding: 0 8px;
}
fieldset.adm-slike-fieldset > h4 {
    margin: 16px 0 8px;
    padding: 0;
    text-align: left;
}
fieldset.adm-slike-fieldset p label {
    display: inline-block;
    width: auto;
    float: none;
    text-align: left;
    padding: 0;
    font-weight: normal;
}
fieldset.adm-slike-fieldset h3,
fieldset.adm-slike-fieldset h4 {
    text-align: center;
}
fieldset.adm-slike-fieldset .adm-slike-grid {
    justify-content: center;
}
fieldset.adm-slike-fieldset p {
    text-align: center;
    margin: 12px 0;
}
fieldset.adm-slike-fieldset p small {
    display: block;
    margin-top: 6px;
    color: #666;
    font-size: 0.85em;
}

/* =========================================================================
   ADMIN — Markerji za prevode (info box, ne-prevajaj gumbi, hint, panel)
   Geometrija poenotena z okvirji vključkov (Opravila / FB uvoz): max-width
   760px, centrirano, radius 8px. Gumbi 🔒 podedujejo SISTEMSKI zeleni slog
   gumbov (tu le pomanjšana velikost — brez lastnih barv in brez lastnega
   :hover, da velja globalni button/button:hover).
   ========================================================================= */
.prevodi-info-box {
    position: relative;
    max-width: 760px;
    margin: 14px auto 18px;
    padding: 10px 36px 10px 14px;
    background: #fffbe6;
    border: 1px solid #e3d27a;
    border-radius: 8px;
    line-height: 1.5;
    color: #443a00;
    box-sizing: border-box;
}
.prevodi-info-box.je-zaprt { display: none; }
.prevodi-info-box h3 {
    margin: 0 0 4px;
    padding: 0;
    color: #6f5a00;
    text-align: left;
}
.prevodi-info-box code {
    background: #fff;
    padding: 1px 5px;
    border: 1px solid #e3d27a;
    border-radius: 3px;
}
.prevodi-info-box ul {
    margin: 6px 0;
    padding-left: 20px;
}
.prevodi-info-box .prevodi-zapri {
    position: absolute;
    top: 4px;
    right: 6px;
    background: transparent;
    border: 1px solid #e3d27a;
    color: #6f5a00;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    border-radius: 4px;
}
.prevodi-info-box .prevodi-zapri:hover {
    background: #fff3bf;
    color: #443a00;
}
/* Skupina gumbov "Ne prevajaj" pod vnosnim poljem (ne desno!). */
.ne-prevajaj-vrsta {
    display: block;
    margin-top: 6px;
}
button.ne-prevajaj-btn {
    font-size: 12px;
    padding: 2px 9px;
    margin: 0 4px 0 0;
    border-radius: 4px;
}
/* Namig ob gumbih — ista govorica kot ostale opombe v obrazcih (siva, ležeča). */
.marker-hint {
    display: block;
    color: #666;
    font-style: italic;
    font-size: 0.85em;
    margin-top: 3px;
}
/* Rumeno obvestilo znotraj obrazca (npr. »slike naložiš po prvem shranjevanju«)
   — ista geometrija kot vključki (760px, centrirano), ne čez celo širino. */
.vnos-obvestilo {
    max-width: 760px;
    margin: 14px auto 18px;
    padding: 10px 14px;
    background: #fffbe6;
    border: 1px solid #e3d27a;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 0.95em;
    line-height: 1.5;
}
.prevodi-panel {
    margin-top: 6px;
}

/* =========================================================================
   ADMIN — Info sheet (skrito po defaultu; uporabnik klikne da razširi).
   Interno za organizatorje; NE prikazano na portalu.
   ========================================================================= */
fieldset.adm-info-sheet {
    width: 800px;
    margin: 16px auto;
    border: 1px dashed #b8d8ec;
    border-radius: 8px;
    background: #f8fbfd;
    padding: 12px 16px;
}
fieldset.adm-info-sheet h3 {
    margin: 0 0 8px;
    text-align: center;
}
fieldset.adm-info-sheet > details > summary {
    cursor: pointer;
    color: #444;
    padding: 4px 0;
    user-select: none;
}
fieldset.adm-info-sheet > details[open] > summary {
    font-weight: 600;
    margin-bottom: 8px;
}
fieldset.adm-info-sheet .adm-info-skupina {
    margin: 10px 0;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #d9e6ef;
    border-radius: 6px;
}
fieldset.adm-info-sheet .adm-info-skupina > summary {
    cursor: pointer;
    color: #2c5070;
    font-weight: 600;
    padding: 4px 0;
    user-select: none;
}
fieldset.adm-info-sheet .adm-info-skupina[open] > summary {
    margin-bottom: 8px;
    border-bottom: 1px solid #e6eef4;
}
fieldset.adm-info-sheet table.adm-info-grid {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}
fieldset.adm-info-sheet table.adm-info-grid td {
    padding: 4px 8px;
    vertical-align: middle;
}
fieldset.adm-info-sheet table.adm-info-grid td:first-child {
    text-align: right;
    width: 220px;
    color: #555;
}
fieldset.adm-info-sheet table.adm-info-grid label {
    float: none;
    width: auto;
    text-align: right;
    padding: 0;
    color: inherit;
}
fieldset.adm-info-sheet input[type="text"],
fieldset.adm-info-sheet input[type="tel"],
fieldset.adm-info-sheet input[type="email"],
fieldset.adm-info-sheet input[type="time"],
fieldset.adm-info-sheet textarea,
fieldset.adm-info-sheet select {
    font-family: inherit;
}

/* =========================================================================
   ADMIN — Inline accordion kartice za nastopajoče/dodatne vsebine
   (DOG_vpis.php inline UI; nadomesti prejšnji iframe pristop).
   ========================================================================= */
fieldset.adm-nas-fieldset {
    width: 80%;
    max-width: 1100px;
    margin: 24px auto;
    border: 2px solid #b8d8ec;
    border-radius: 10px;
    background: #fafdff;
    padding: 16px 20px;
}
fieldset.adm-nas-fieldset > h3 {
    margin: 0 0 8px;
    text-align: center;
}
fieldset.adm-nas-fieldset .adm-info-banner {
    background: #eef7fd;
    border: 1px solid #b8d8ec;
    border-radius: 6px;
    padding: 8px 12px;
    margin: 8px 0 14px;
    font-size: 0.95em;
    line-height: 1.5;
    color: #2c5070;
}

.adm-nas-seznam {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 12px 0;
}
.adm-nas-kartica {
    border: 1px solid #c8d6e0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: box-shadow 0.18s, opacity 0.18s, transform 0.18s;
}
.adm-nas-kartica[open] {
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    border-color: #8fb3cc;
}
.adm-nas-kartica.je-vlecen { opacity: 0.4; }
.adm-nas-kartica.je-over {
    outline: 2px dashed #4a90e2;
    outline-offset: 2px;
}
.adm-nas-kartica > .adm-nas-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.adm-nas-kartica > .adm-nas-summary::-webkit-details-marker { display: none; }
.adm-nas-kartica > .adm-nas-summary::before {
    content: "▶";
    color: #888;
    font-size: 0.75em;
    transition: transform 0.18s;
}
.adm-nas-kartica[open] > .adm-nas-summary::before { transform: rotate(90deg); }

.adm-nas-drag {
    cursor: move;
    padding: 2px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f7f7f7;
    font-size: 0.85em;
    user-select: none;
}
.adm-nas-ime-input {
    flex: 1;
    min-width: 0;
    padding: 4px 8px;
    font-size: 1.05em;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.adm-nas-ime-input:focus { outline: 2px solid #4a90e2; outline-offset: 0; }
.adm-nas-brisi-btn {
    flex: 0 0 auto;
    background: #fff;
    border: 1px solid #d04848;
    color: #d04848;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 1em;
    cursor: pointer;
    font-weight: 700;
}
.adm-nas-brisi-btn:hover {
    background: #d04848;
    color: #fff;
}

.adm-nas-vsebina {
    padding: 12px 16px 16px;
    border-top: 1px solid #e0e8ed;
    background: #fafcfd;
}
.adm-nas-podsekcija,
.adm-nas-podsekcija-details {
    margin: 12px 0;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e0e8ed;
    border-radius: 6px;
}
.adm-nas-podsekcija-details > summary {
    cursor: pointer;
    color: #2c5070;
    font-weight: 600;
    padding: 4px 0;
    user-select: none;
}
.adm-nas-podsekcija-details[open] > summary {
    margin-bottom: 8px;
    border-bottom: 1px solid #e6eef4;
}

.adm-nas-povezave td:first-child,
.adm-prevodi-table td:first-child {
    text-align: right;
    color: #555;
    padding: 4px 8px;
    width: 180px;
}

.adm-nas-dodaj-btn {
    background: #4a90e2;
    border: 1px solid #4a90e2;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
}
.adm-nas-dodaj-btn:hover {
    background: #3a7bc8;
    border-color: #3a7bc8;
}

/* Opis label v karticah — block-level, da ne float-a v CKEditor toolbar */
.adm-nas-opis-label {
    display: block;
    margin: 0 0 6px;
    color: #2c5070;
    font-size: 0.95em;
}

/* ===== Superadmin: upravljanje organizacij =====
   (kosi/ADMIN_vse-organizacije.php, ADMIN_org_opomnik.php, ADMIN_odstrani_organizacijo.php)
   Slogi so tu (ne inline), da veljajo tudi na straneh z zgodnjim return (npr. rezultat
   pošiljanja/izbrisa se izriše pred morebitnim <style> blokom). */

/* Seznam organizacij */
table.org-seznam tr.neakt > td  { background-color: #FFEAEA; }                 /* neaktivna */
table.org-seznam tr.izbris > td { background-color: #FFD9D9; }                 /* označena za izbris */
table.org-seznam tr.izbris > td:first-child { box-shadow: inset 4px 0 0 #a30000; } /* izrazit levi rob */
.org-znak { display:inline-block; padding:1px 7px; border-radius:9px; font-size:.82em; font-weight:bold; }
.org-znak.akt   { background:#EDFFEA; color:#136000; }
.org-znak.neakt { background:#FFEAEA; color:#a30000; }
.org-znak.izbr  { background:#a30000; color:#fff; }
.org-legenda { text-align:center; margin:6px 0 14px; font-size:.9em; color:#444; }
.org-akcije { text-align:center; margin:10px 0; }
.org-toggle { text-decoration:none; cursor:pointer; }
td.org-opomnik { font-family:'Sofia Sans Condensed', sans-serif; }

/* Skupni rezultat pošiljanja / izbrisa — centriran blok, levo poravnane vrstice */
.adm-rezultat { max-width:760px; margin:0 auto 18px; text-align:left; }
.adm-rezultat .adm-org { font-weight:bold; margin:14px 0 6px; color:#333; border-bottom:1px solid #eee; padding-bottom:3px; }
.adm-rezultat .adm-vr { font-size:13px; padding:2px 8px; border-radius:4px; margin:2px 0; }
.adm-rezultat .adm-vr.ok  { color:#136000; }
.adm-rezultat .adm-vr.err { background:#FFEAEA; color:#a30000; }
.adm-rezultat .adm-zab { margin:6px 0 2px; font-size:13px; color:#136000; font-weight:bold; }

/* Opomnik — obrazec */
.opo-wrap { max-width:820px; margin:0 auto; }
.opo-wrap label { font-weight:bold; }
.opo-wrap input[type=text], .opo-wrap input[type=email], .opo-wrap textarea { width:100%; box-sizing:border-box; }
.opo-prej { max-width:820px; margin:0 auto 16px; }
table.opo-t { width:100%; border-collapse:collapse; }
table.opo-t th, table.opo-t td { padding:3px 8px; border-bottom:1px solid #eee; font-size:.9em; text-align:left; }

/* Pregled / odstranitev organizacije */
.odo-povzetek { max-width:860px; margin:0 auto 18px; }
.odo-povzetek td { padding:3px 10px; }
.odo-povzetek td.k { text-align:right; color:#555; white-space:nowrap; }
.odo-grid { max-width:1000px; margin:0 auto; }
table.odo-t { margin:0 auto 24px; border-collapse:collapse; }
table.odo-t th, table.odo-t td { padding:3px 9px; border-bottom:1px solid #eee; font-size:.92em; }
table.odo-t th { background:#f3f3f3; }
.odo-warn { background:#a30000; color:#fff; }
.odo-warn:hover { background:#7a0000; }
.odo-naslov { text-align:center; }
.odo-mini { color:#777; font-size:.85em; }
.odo-izbris-box { margin:18px auto; max-width:640px; border:2px solid #a30000; border-radius:8px; padding:14px 16px; background:#fff5f5; text-align:center; }
.odo-izbris-box h3 { color:#a30000; margin:0 0 6px; }
.odo-potrdi { text-align:center; max-width:240px; }

/* Posredovanje prijavnih povezav (kosi/DOG_posreduj_prijave.php):
   centriran seznam vključenih dogodkov (inline-block, da se blok centrira,
   alineje pa ostanejo levo poravnane). */
.posr-vkljuceni { display:inline-block; text-align:left; margin:0 auto 1em; }

/* ===== Superadmin: prejeta pošta (IMAP) — kosi/ADMIN_posta.php =====
   Seznam uporablja obstoječi .seznam (+ statusne/zebra vrstice), glava .odo-povzetek,
   obrazec .opo-wrap, centriranje .odo-naslov. Lasten je le prikaz TELESA sporočila
   (HTML iframe / golo besedilo) — zanj ni obstoječega ekvivalenta. */
.posta-telo { display:block; width:100%; max-width:980px; margin:0 auto; min-height:380px; border:1px solid #ddd; border-radius:6px; background:#fff; }

/* ============================================================
   Flash potrditve po shranjevanju (U02 — NACRTI/PREDLOGI-NADGRADENJ.md).
   Barvna semantika sledi statusnim barvam (13_oblikovanje.md):
   ok = zeleno (OK/shranjeno), napaka = rdeče, info = modro. */
/* Potrditve (U02) so vizualno usklajene z obstoječimi (centriran <h2> +
   .success); obvestilo_html() v functions.php izpiše <h2 class="flash_*">.
   Tu le ovoj + zmanjšan razmik med zaporednimi potrditvami. */
.flash_ovoj { margin:6px auto 0; }
.flash_ovoj h2 { margin:8px 0; }
/* U26: vizualna oznaka gumba med oddajo obrazca (zaklep proti dvojni oddaji) */
button.oddajam, input.oddajam { opacity:.6; cursor:wait; }
.posta-telo-text { max-width:860px; margin:0 auto; white-space:pre-wrap; word-wrap:break-word; font-family:monospace; background:#fafafa; border:1px solid #eee; border-radius:6px; padding:12px; }