@font-face {
    font-family: 'sanuk-light';
    src: url('/resources/font/sanukgo-light-f.woff2') format('woff2'),
         url('/resources/font/sanukgo-light-f.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'sanuk-regular';
    src: url('/resources/font/sanukgo-regular-f.woff2') format('woff2'),
         url('/resources/font/sanukgo-regular-f.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sanuk-medium';
    src: url('/resources/font/sanukgo-medium-f.woff2') format('woff2'),
         url('/resources/font/sanukgo-medium-f.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'sanuk-bold';
    src: url('/resources/font/sanukgo-bold-f.woff2') format('woff2'),
         url('/resources/font/sanukgo-bold-f.woff') format('woff');
    font-weight: bolder;
    font-style: normal;
}

body {
	margin:0;
	padding:0;
	font-family:'sanuk-light';
	scroll-behavior: smooth;
}

input,button {font-family:'sanuk-light';font-weight:bold;}

a {color:#e6501d;}
img {max-width:100%;}
.async-hide { opacity: 0 !important} /*google optimize*/
div.vsebina {width:100%;}
div.vrhnjiBar{height:55px;}
div.zamaknjenoZgoraj {margin-top:70px;}
div.zozano {width:94%;padding:0 3%;}
div.vsebinska {max-width:1280px;margin:50px auto;}
div.vsebinska p {font-size:15px;}
div.vsebinska h1 {margin-top:90px;}
.bolder{font-family: 'sanuk-bold';}
.bold{font-family: 'sanuk-medium';}
.normal{font-family: 'sanuk-regular';}
.lighter{font-family: 'sanuk-light';}
hr {color:#EFEFEF;}
hr.odmaknjen {margin: 12px 0;}
p {font-size:15px;}
div.pogoji p {font-size:15px;}
#onVseb {width:100%;padding:0}
#onVseb p {font-size:15px;}
#onVseb ol li {font-size:15px; margin: 8px 0;}
#onVseb ul li {font-size:15px; margin: 8px 0;}
#onVseb div#certifikacija p {font-size:16px;}
#onVseb p.certifikat {font-size:16px;}
#onVseb p.odg_cert {padding-top:4px;margin-bottom:20px;}
#onVseb p.razvrsti {padding:10px; border:1px solid #efefef;background-color:white;}
#onVseb img.rocka_odg {
	float:left;
	height:16px;
	cursor:pointer;
}

ul li {font-size:15px;margin:8px 0;}
div.logo {margin-left:10px;}
div.logo span.go {font-family:sanuk-bold;font-size:38px;}
div.noga span.go {font-family:sanuk-bold;}
div.noga a span.go {text-decoration:none;color:black;}
span.inst {color:#e6501d;font-size:38px;}
span.mali {font-size:12px;}
a.nondecor{color:white;text-decoration:none;}
a.brezplacenlink{color:white;text-decoration:none;}
div.ceznavigacijo {
	margin:0;
	width:100%;
	background-color:white;
	position:fixed;
	top:0;
	left:0;
	height:50px;
	z-index:2;
	border-bottom: 1px solid #efefef;
}

div.navigacija {
	width:100%;
	display:flex;
	justify-content:space-between;
}

div.flexProf {display:flex;}
div.flex {display:flex;}
div.flexSredina {display:flex;justify-content:center}
div.profilka {margin:0 10px;}
div.profilka p {margin:12px;}
div.profilka p.firma {color:#e6501d;}
div.onlineTopNav {padding-top:5px;display:flex}
div.elementTopNav {display:flex;padding: 10px 20px;color:#333;cursor:pointer;}
div.elementTopNav:hover {border-bottom:1px solid #e6501d;color:#e6501d}
div.ikona {margin:4px 4px 0 4px;}
div.onlineTopNav img.topnav {height:25px;}
div.onlineTopNav a {text-decoration:none;}

div.podnavigacija {
	position: fixed;
	top: 55px;
	left:0;
	width:100%;
	background-color: white;
	padding:10px;
	display:flex;
	justify-content:space-between;
	padding:0;
	z-index:1;
	border-bottom:1px solid #efefef;
	border-top:1px solid #efefef;
	background-color:#fefefe;
	flex-wrap:wrap;
}

#hoverTec,#hoverOnline {cursor:pointer;}
#tecajiSubNav{display:none;}
#onlineSubNav{display:none;}

.nastevanje {
	padding:10px;
}
p.ime_skupine {
	font-style:italic;
	color:#969696;
}

.subnav {
	padding:0;
}

.subnav li {
	display: block;
}

.subnav li.fleksi {
	display:flex;
	padding:2px;
}
div.fleksi {
	display:flex;
	justify-content:space-between;
	width:95%;
}
li.fleksi img {
	padding:5px;
	height:20px;
	width:20px;
	margin-right:5px;
}

li.fleksi p {
	padding:5px;
	margin:0;
}

li.fleksi p a {
	color:#e6501d;
}

li.fleksi p a:hover {
	text-decoration:underline;
}

div.profilka a.profil {text-decoration:none;color:#333}
img.expand {margin-top:13px;cursor:pointer;}
div.desc {margin:4px 0 0 5px;}
div.desc a {text-decoration:none;color:black;cursor:pointer;}
div.desc a:hover {color:#e6501d}
div.logo a {color:black;text-decoration:none;}
div.logo a:visited {color:black;text-decoration:none;}
div.logo {margin-top:5px;}
/*div.meni{float:right;}
div.meni ul li {display:inline;padding:0px 15px;}
div.meni a{text-decoration:none;color:black; font-size: 19px;}
div.meni a:hover{color:#e6501d}*/
div.profOkno {border: 1px solid #efefef; box-shadow: 2px 2px 2px #ababab;padding:4px;background-color:white;}
div.inside {display:flex;color:#333}
div.profOkno img {height:25px;margin:13px 0 0 13px}
div.profOkno p {padding:4px 8px;}
div.profOkno a {text-decoration:none;}
div.profOkno div.inside:hover {color:#e6501d}
div.razpored p.placano {color:green;text-align:center}
div.razpored p.neplacano{color:orange;text-align:center}

.flippedY {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipw;
    filter: flipw;
}

.flippedX {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

div.addcontent {padding:10px;cursor:pointer;margin-left:30px;padding-top:0;}
#onVseb div.edit_parametri p.descIn {color:#ababab;border-bottom:1px solid #efefef;}
div.edit_parametri input, div.edit_parametri button,  div.edit_parametri select {width:calc(100% - 24px)}

div.naslovnaslika {
	/*background-image:url('/tecaji/images/overlay-tecaji.jpg');*/
	width:100%;
	/*background-color:#e6501d;*/
	background-position: center; 
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;	
	margin-top:55px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	/*height:600px;*/
}

div.naslovnaslika h1, div.naslovnaslika h2 {
	text-shadow: 1px 1px 1px black;
}

div.naslovniOnline{background-image:url('/tecaji/images/online-tecaj.jpg');}
div.loginOnline {min-height:700px;padding-bottom:35px;background-attachment:fixed}
div.loginOnline h2 {color:white;padding:40px 0 15px 0}
img.udel {height:50px;}
div.extPrijava {display:flex;justify-content:space-between}
div.refFirme {display:flex;justify-content:space-around; flex-wrap:wrap;padding:12px}
div.ref {max-width:400px;padding:12px;margin:12px;background-color:#fafafa;border-radius:12px;}
div.izberiNacinPlacila p {margin:1.4em 0.5em}
div.izberiNacinPlacila img.varno {margin:1em}
div.izberiNacinPlacila a {cursor:pointer;}
div.pregled {padding-top:40px;}
div.pregled h1 {color:#EFEFEF;}
div.tecakKv {padding:15px;color:white;width:130px;}
div.mojaPrijava {background-color:white;padding:5%;margin:5%; width:80%; box-shadow:2px 2px 10px black}
div.element {background-color:white;padding:15px;margin:15px;}
div.gumbek {
	padding: 4px 0 8px 0;
    margin: 4px auto 10px 0;
    background-color: #1a73e8;
    height: 30px;
}
div.fb-login-button {padding-top:3px;}
.fb-button-container {
    width: 100%; /* Make the parent container as wide as its container */
    display: flex;
    justify-content: center; /* This will center the button inside the container */
}

.fb-login-button {
    width: 100% !important; /* Force the button to take up the full width */
    max-width: 100% !important; /* Prevent it from exceeding the container width */
}
div.g_id_signin {}
form#formaprijave p {text-align:left}
p.disclaimer {text-align:left;font-size:12px;}
div#mandate-acceptance {color:#ababab;font-size:12px;padding:10px 0;}
div.nacinPlacila p {text-align:center;}
div.gSign {margin-left:10px;}

/*div.naslovniANG1{background-image:url('/tecaji/images/tecaj-anglescina-overlay.jpg');}
div.naslovniANG2{background-image:url('/tecaji/images/tecaj-anglescina-overlay.jpg');}
div.naslovniGER1{background-image:url('/tecaji/images/tecaj-nemscine.jpg');}
div.naslovniGER2{background-image:url('/tecaji/images/tecaj-nemscine.jpg');}
div.naslovniC{background-image:url('/tecaji/images/programiranje-c-overlay.jpg');}
div.naslovniExcel{background-image:url('/tecaji/images/tecaj-excel-naslov.jpg');}
div.naslovniCOM{background-image:url('/tecaji/images/ustanovitev-naslovna.jpg');}
div.naslovniPivot{background-image:url('/tecaji/images/tecaj-excel-naslov.jpg');}
div.naslovniProg{background-image:url('/tecaji/images/programiranje-otroci.jpg');}
div.naslovniWWW{background-image:url('/tecaji/images/tecaj-izdelava-spletnih-strani-overlay.jpg');}
div.naslovniFB{background-image:url('/tecaji/images/tecaj-fb-overlay.jpg');}
div.naslovniPS{background-image:url('/tecaji/images/tecaj-photoshop-overlay.jpg');}
div.naslovniMAT{background-image:url('/tecaji/images/priprave-na-maturo.jpg');}
div.naslovniSMM{background-image:url('/tecaji/images/spletni-marketing-tecaj.jpg');}
div.naslovniMAR{background-image:url('/tecaji/images/spletni-marketing-tecaj.jpg');}
div.naslovniACD{background-image:url('/tecaji/images/tecaj-overlay-autocad.jpg');}
div.naslovniHTML{background-image:url('/tecaji/images/overlay-html.jpg');}
div.naslovniWP{background-image:url('/tecaji/images/overlay-tecaj-wp1.jpg');}*/

/*.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 100%;
    height: auto;
  }
}
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: auto;
    height: 100%;
  }
}*/

/*div.naslovniCOM{background-image:url('/tecaji/images/bizis.jpg');}*/

div.enostavno h1 {
	color:white;
	text-align:center;
	font-size:45px;
	font-weight:normal;
}
div.enostavno h1.nas {
	margin-top:48px;
}
div.zozano h1 {
	/*font-size:26px;*/
	color:#e6501d;
}

div.poglavje {
	float:left;
	padding:12px 24px;
	margin:12px;
	box-shadow:2px 2px 2px #efefef
}
div.poglavje p.extra{font-size:12px;color:#ababab;}
div.osivelo {background-color:#efefef;}
div.poglavje:hover {
	box-shadow:2px 2px 4px #ababab;
}
div.zozano p {font-size:15px;}
div.skupina {width:250px;float:left;margin:30px 0 30px 30px;}
a.nodecor {text-decoration:none;}
div.pregledSkupin {
	padding:15px 30px;
	margin:25px;
	box-shadow:2px 2px 2px #efefef;
	cursor:pointer;
}
div.pregledSkupin p {text-align:center;}
div.pregledSkupin:hover {color:#e6501d;box-shadow:4px 4px 8px #ababab}
div.certifikati {max-width:1280px;margin:100px auto;display:flex;justify-content:space-around;flex-wrap:wrap;}
div.povprasevanje p {font-size:15px;}
div.povprasevanje button {width:100%;margin:0;}
div.znack {
    width: 170px;
	height:160px;
    margin: 0px 12px;
    text-align: center;
	align-items: center;
}

div.spustniFlex {
	display:flex;
	cursor:pointer;
}
div.spustniFlex div.levi_zamik {
	margin-left:10px;
}
div.flexSkatla {
	display:flex;
	justify-content: space-around;	
}

div.okvircek {
	background-color:#efefef;
	border: 1px solid #e6501d;
	width:100px;
	height:170px;
	padding:15px;
	margin:20px;
	float:left;
	cursor:pointer;
}

div.aktivenOkvircek{background-color: #e6501d;border:1px solid black;box-shadow: 3px 2px 5px 2px black;}
div.aktivenOkvircek p {color: white;}


div.okvircek:hover {
	background-color: #e6501d;
}

div.okvircek:hover p{
	color:white;
}

div.okvircek img {filter: grayscale(100%);height:90px;}
div.okvircek p {text-align:center;}

div.nacinPlacila {
	cursor:pointer;
	padding:30px;
	margin:15px;
	border:1px solid #ababab;
	box-shadow: 2px 2px 2px #ababab;
}
div.nacinPlacila:hover {
	background-color:#EFEFEF;
}
div.nacinUdelezbe p {text-align:center;}
div.nacinUdelezbe div.nUdl {width:200px;}
div.nacinUdelezbe div.nUdl img {margin: 0 35px;}
p.pojasnilo {color:#8a8a8a; font-style:italic;margin-bottom:30px;}


img.znacka {margin: 0 auto;}
img.certifikatTrak {max-width:100%;}

h2 {/*font-size:22px;*/}
div.spodajlevo, div.spodajdesno {position:fixed;bottom:1px;width:70px;height:7px;background-color:#e6501d;color:white;padding:10px;padding-bottom:20px;right:10px;bottom:10px;}
div.spodajlevo {left:1px;}
div.spodajdesno {right:1px;}
div.spodajlevo p {text-align:left;margin:0;padding:0;font-size:20px;font-weight:bold;}
div.spodajdesno p {text-align:right;margin:0;padding:0;font-size:20px;font-weight:bold;}
div.enostavno h2 {
	color:white;
	text-align:center;
	font-size:24px;
	text-shadow:1px 1px 1px black;
	font-weight:normal;
}
div.enostavno p {
	color:white;
	text-align:center;
	font-size:20px;
}
div.kvadratek {
	width:90%;
	background-color:white;
	padding:5%;
}
div.kvadratek div.teaseslike img {
	/*-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);*/
	margin-top:15px;
	max-width:130px;
}

div.kvadratek ul {
	text-align:left;
	font-size:18px;
	list-style-type:none;
	max-width:100%;
}
div.kvadratek h2{
	color:#0a0a0a;
	margin:5px;
	font-size:19px;
}

h2.vsebinski {
	text-align:center;
	color:#e6501d;
	font-size:22px;
	margin:50px 0 20px 0;
}

img.slikaVsebine {padding:5%;}

div.okvircekTecaja {
	width:200px;
	margin:40px 80px 60px 80px;
	display:inline-block;
}

/*div.vsebineSk:first-child:nth-last-child(4),
div.vsebineSk:first-child:nth-last-child(4) ~ div.vsebineSk {
   margin:50px 80px 30px 80px;
}
div.vsebineSk:first-child:nth-last-child(5),
div.vsebineSk:first-child:nth-last-child(5) ~ div.vsebineSk {
   margin:50px 40px 30px 40px;
}*/

div.enostavno {
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

div.enostavno div.subEno {
	padding:48px;
}

div.enostavno h1, div.enostavno h2 {
	margin:0;
	padding:0;
} 

div.CTA {
	text-align:center;
	background-color:white;
	opacity:0.9;
	cursor:pointer;
	height:auto;
	padding:12px 24px;
	margin-bottom:48px;
}
div.CTA:hover {box-shadow:2px 2px 2px black;background-color:#e6501d;}
div.CTA p {
	letter-spacing:1px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
}
div.enostavno div.CTA p {color:#e6501d;}
div.enostavno div.CTA:hover p {color:white;}
div.CTA a {color:black;text-decoration:none;}
span.lowercase {text-transform:lowercase;}
span.tipka {padding:5px;margin:5px;border:1px solid #ababab;border-radius:4px;}
#vsebinaPoglavja table tr td {
	padding:10px;
	margin:7px;
}

div.bliznjice table {padding:1% 1%;width:90%;}
div.bliznjice table td {width:25%;} 

#vsebinaPoglavja table tr:nth-child(even) {background-color: #efefef;}

div.metapodatki {
	float:left;
	width:0px;
	height:0px;
	display:none;
}
div.predavatelj {
	max-width:1280px;
	margin:0 auto;
	
	/*opacity:0.9;*/
	color:#323232;
	position:relative;
	top:0px;
	padding:10px 20px;
}
div.predavatelj h2 {
	font-size:20px;
	color:#e6501d;
	padding:18px 0 0 0 ;
}
div.predavatelj div.slikapredavatelja {
	padding:0% 2%!important;
	width:12%;
	float:left;
	padding:2%;
}
div.slikapredavatelja  img {
	margin:22px -25px 0 0;
}
div.slikapredavatelja h2 {
	font-family:'sanuk-bold';
}
div.predavatelj div.opispredavatelja {
	padding:3% 5%;
	width:40%;
	float:left;
}
div.opispredavatelja p {
	text-align:justify;
}
div.opispredavatelja h3 {
	margin:0 0 10px 0;
}
div.predavatelj div.certifikat {
	width:20%;
	float:left;
	margin-top:5%;
	margin-left:10%;
}
div.predavatelj p {
	font-size:15px;
	padding: 6px 0;
}
div.predavatelj div.certifikat img {margin-top:38px;}
img.predavateljimg {
	margin:0 auto;
}
img.zvezdica {
	position:relative;
	right:12px;
	bottom:140px;
}
span.imepredavatelj {
	font-family:sanuk-bold;
}
/* trakovi */
div.siv_trak {
	width:100%;
	background-color:#f5f5f5;
	color:black;
}
.zamaknjen {padding:30px 0;}

div.oranzen_trak {
	width:100%;
	background-color:#e6501d;
	color:white;	
	padding:30px 0;
	/**/
	background-position: center; 
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	background-color:#e6501d;
	background-attachment:fixed;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	
}
div.bel_trak {
	width:100%;
	background-color:white;
	color:black;	
}
div.sredina_1280 {
	max-width:1280px;
	margin:15px auto;
}

.oranzTIL .firme img.taiaIMG {max-width:240px;}

div.margin0 {
	margin: 0 auto;
	padding:32px 0;
}

div.oranzen_trak h3 {
	text-transform:uppercase;
	color:black;
	font-size:16px;
}

h3.belo {
	padding:4px;
	text-align:center;
}

div.primerno_jeni {
	margin:0 auto;
	width:300px;
}

div.oranzen_trak h3.belo {
	color:white;
	text-transform:none;
}
div.oranzen_trak ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	text-align:left;
}
div.oranzen_trak ul li a {color:white;}

.oranzTIL {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.oranzTIL .firme img {
	display:block;
	margin:0 auto;
}

div.tretjinka h3 {
	font-family:'sanuk-bold';
	font-size:13px;
	text-align:center;
	color:white;
}
div.oranzen_trak div.desnatr {padding:0 0 0 7%;margin-right:0;}
div.krogec {
	width:181px;
	height:182px;
	background-image:url('/tecaji/images/krogec.png');
	text-align:center;
}
div.krogec p {
	padding-top:75px;
	font-size:26px;
}
div.vrhnjitekst {
	width:45%;
	padding:0% 2%;
	float:left;
}
div.vrhnjitekst ul li {
	font-size:20px;
	list-style-image:url('/resources/icons/check-orange.svg');
	margin: 4px;
}
ul.kljukice {
    list-style: none;
    padding-left: 30px; /* Adjust spacing */
}
ul.kljukice li {
    position: relative;
    padding-left: 30px; /* Space for the image */
	padding-bottom:12px;
}
ul.kljukice li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    transform: translateY(-50%);
    width: 25px; /* Desired width */
    height: 25px; /* Desired height */
    background-image: url('/resources/icons/check-orange.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

div.reference{
	padding:15px 0;
	margin-bottom: 15px;
	margin-right:3%;
	float:left;
	width:100%;
}
img.zvezdaref {
	float:left;
	width:15px;
	margin:0px 3px;
}

div.firme h3 {
	color:#e6501d;
	text-align:center;
}
span.revzadeva {display:none;}
div.objava {text-align:right;}
div.oseba {
	width:100%;
	float:left;
}
span.minitec{font-size:12px;color:#e6501d; text-decoration:none;}
a.extec {text-decoration:none;}
div.videjo {margin:55px 0 55px 0;width:100%;text-align:center;}
div.videjo,div.youtube {margin-bottom:0;}
h1.naslovni {
	text-align:center;
	padding:150px 0;
	margin:0;
	font-family: 'sanuk-bold';
}
span.posevnica {color:#f05033;font-family:sanuk-bold;}
div.cleared {clear:both;}
div.drazljivke {
	max-width:1280px;
	margin: 0px auto;
}
div.drazi {
	width:31%;
	float:left;
	padding: 5% 1% 5% 0%;
	margin: 3% 1% 1% 0%;
}
div.drazi img.basa {
	margin-left:37%;
}
div.refdod {
	max-width:1280px;
	margin: 0 auto;
	min-height:200px;
	background-color:white;
}
div.ikonalevo {
	float: left;
    width: 25%;
    height: 104px;
    padding-top: 37px;
}
div.drazi div.basanje p { text-align:center;}
div.basanje p.ikona {font-size:60px;margin: 4px 0;}
div.basanje span.stevilka {font-size:45px;}
div.basanje p {color:#e6501d;}
div.referenceDesno {     
	max-width:1280px;
	margin: 30px auto 0px auto;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    min-height: 190px;
    width: 96%;
    max-width: 1280px;
	padding:2%;
    padding-top: 23px;
}
div.referenceDesno a {color:#e6501d;text-decoration:none;}
div.opisReference {float:left;width:100%;min-height:50px;color:#323232;}
div.opisReference span {font-size:15px;}
div.strankaReference {float:left;width:50%;}
div.slikaVReferenci {float:right;position:relative;top:-50px;}
span.komentar-up {color:#323232; font-style:italic;}
div.hitroOkence {
	max-width:1280px;
	margin: 0 auto;
}
div.bener div.drazi {
	padding-top:3%;
}
div.bener h3 {
	color:white;
	padding:0 15px;
}
div.bener p {padding:0 20px;}
button.poisci {
	width:100%;
	height:115px;
	background-color:#e6501d;
	color:white;
	cursor:pointer;
	margin: 112px auto 0px auto;
	font-family:sanuk-regular;
	font-size:30px;
	border:0;
	left: 0;
	right: 0;
	opacity:0.85;
	border:1px solid white;
}
button.poisci:hover {
	color:#e6501d;
	background-color:white;
	border: 1px solid #e6501d;
}

button.kreditna {
	padding:12px;
	background-color:#e6501d;
	color:white;
	cursor:pointer;
	/*font-family:sanuk-regular;*/
	font-size:15px;
	border:0;
	left: 0;
	right: 0;
	opacity:0.85;
	box-shadow:2px 2px 2px #ababab;
	margin:12px;
}
button.kreditna:hover {
	color:#e6501d;
	background-color:white;
	box-shadow:2px 2px 4px #ababab;
}

button.certifikat {
	width:calc(100% - 24px);
	padding:12px;
	background-color:#e6501d;
	color:white;
}

button.certifikat:hover {
	background-color:white;
	color:#e6501d;
}

div#placiloKreditna button.kreditna {
	margin: 10px 0;
	padding: 10px;
	width:100%;
	box-shadow:2px 2px 2px #ababab;
	border:0;
}

div.obrazecKreditna  {max-width:1200px;margin:0 auto;}
div.placiloKotizacije  {max-width:1200px;margin:0 auto;}
div.placiloKotizacije button.kreditna {width:200px;margin:15px auto;display:block;}
div.obrazecKreditna p {text-align:center;}
div.cardNapaka {padding:10px;color:#e6501d;font-weight:700;}
#onVseb div.obrazecKreditna p {text-align:center;}

button.posto_70 {width:70%;}

div.prijavnice {
	width:100%;
	display:inline-block;
	margin: 0 auto;
}

table.vsebinaudel {border-collapse:collapse;}
table.vsebinaudel tr th {text-align:left;}
table.vsebinaudel tr td, table.vsebinaudel tr th {border: 1px solid #efefef;padding:20px;}

table.tabely {border-collapse:collapse;}
table.tabely tr th {text-align:left;}
table.tabely tr td, table.tabely tr th {border: 1px solid #efefef;padding:20px;}
table.zfm {width:90%;margin-left:5%;}

a.nazaj {cursor:pointer;}

div.razpored {
	width:100%;
	text-align:center;
}

div.razpored p.imetecaja {
	font-size:13px;
	text-align:center;
	font-family:'sanuk-bold';
	text-transform:uppercase;
	padding:0 5px;
	height:20px;
}
div.razpored h3 {
	color:black;
	font-size:15px;
}
div.razpored p {
	color:black;
	text-align:justify;
}
p.teaser_opis {font-size:18px;}
div.razpored h3.teaser_head {font-size:20px;}
p.sredina{text-align:center;}
div.razpored p.sredina{text-align:center;}
div.futer {display:flex;justify-content: space-between;}
div.space_between {display:flex;justify-content: space-between;}
div.space_between div.breadcrumbs {width:70%;}
div.space_between div.progress {margin-top:20px;font-size:20px; display:flex;justify-content:space-between;width:100%;border:1px solid #efefef;padding:8px;background-color:#fafafa}
div.space_between div.progress span {font-size:14px;}
div.progProg {width:50%;}
div.progress progress {margin-top:12px;width:100%}

div.border_zgoraj {border-top:1px solid #efefef;}
div.noga {
	height:100px;
	text-align:left;
}
div.zozano p.promo {font-size:22px;}
div.noga p {
	text-align:left;
	margin-left:30px;
}
div.noga a { text-decoration:none;}
div.noga a:active { text-decoration:none;}
div.noga a:visited { text-decoration:none;}
div.noga img {margin-top:0px;}
div.noga p {margin:5px 0;padding:0;}
span.podjetje {font-size:12px;}
h3.kvescn {
	text-align:center;
	font-size:30px;
	color:#e6501d;
}
span.fensicrka {
	text-transform:uppercase;
	font-size:15px;
	color:#e6501d;
	font-weight:bold;
}
p.pojas {text-align:justify;padding:0 0px 0 30px;}
a.nogalink {color:#e6501d;}
.vrsticaVsebine {
	display:flex;
	flex-wrap:wrap;
}
div.firme {
	width:calc(50% - 48px);
	padding:24px;
}
div.firme p.onlajn {padding:0 15px 0 0; font-size:15px;}
div.firme img {margin-top:10px;}
div.onlinegumb {background-color:white;border:1px solid #e6501d;color:#e6501d;cursor:pointer;padding:15px;width:180px;margin: 5px auto;box-shadow:2px 2px 2px black;}
a.onlinelink {text-decoration:none;}
div.onlinegumb:hover {background-color: #e6501d;color:white;border:1px solid white;}
div.oranzgumb {background-color:#e6501d;border:1px solid #e6501d;color:white;cursor:pointer;padding:15px;width:140px;}
	a.onlinelink {text-decoration:none;}
div.oranzgumb:hover {background-color:white; color:#e6501d;border:1px solid #e6501d;}
div.firme h3.postanite {margin-left:0;}
div.oranzTIL h3.postanite {margin-top:0;}
div.prijavnice {	
	width:100%;
	padding-bottom:40px;
}
div.siv_trak#prijave {text-align:center;}


div.nudimotudi {
	text-align:center;
	margin-bottom:120px;
}
div.nudimo {
	width:200px;
	height:200px;
	background-color:#e6501d;
	margin:15px 5%;
	display:inline-block;
	cursor:pointer;
}
div.nudimo p {
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
}
div.tease_slika {margin-top:60px;}
div.tease_slika p{color:white;font-size:60px;text-align:center;}
div.prijavnoOkno {
	width:260px;
	margin:0 80px 50px 80px;
	display:inline-block;
	background-color:white;	
	box-shadow: 6px 7px 15px #ababab;
}
/*div.prijavnoOkno:hover {
	box-shadow: 7px 8px 5px #ababab;
	cursor:pointer;
}

div.prijavnoOkno:hover div {transition: 0.3s;}
div.prijavnoOkno:hover div.trikotnicek {border-top-color:green!important;}
div.prijavnoOkno:hover div.pant {background-color:green!important;}
div.prijavnoOkno:hover div.prmesta {background-color:green!important;}
div.prijavnoOkno:hover div.leviOkrasek {background-color:green!important;}
div.prijavnoOkno:hover div.desniOkrasek {background-color:green!important;}*/

div.prijavnoOkno a {text-decoration:none;}
div.skripte {width:0;height:0;margin:0;padding:0;}
p.prijv {
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
	font-size:16px;
}
div.webinar {padding:1% 0;}
p.prid {font-size:15px;margin:0;}
div.webinar p.prid {padding:5px 0;}
div.webinar div.oranzgumb {text-align:center;margin:20px auto;}
img.ikonca {margin: 2px 5px;}
img.onlineIkona{margin-top:10px;}
div.prijavniObrazec {
	width:80%;
	margin:0 10% 50px 10%;
	background-color:white;
	display:none;
}
p.osredinjen {text-align:center;}
p.korakPrijave {color:#ababab; border-bottom:1px solid #efefef;padding-bottom:3px;}
#onVseb p.px32 {font-size:32px;}
#onVseb div#certifikacija p.stevec {font-size:24px;color:#ABABAB}
div.bottomBord {border-bottom:1px solid #efefef;}
div.margBtm {margin-bottom:15px;;}
div.prijavniObrazec p.imetecaja {font-weight:bold;width:100%;}
div.prijavniObrazec form {}
div.prijavniObrazec form p {text-align:left;font-size:15px;}
div.prijavniObrazec a {color:#e6501d;}
div.obrzc_pad {padding:0 1%;}

div.skrito {display:none;}
div.nazaj {color:white;font-weight:bold;width:20px;cursor:pointer;z-index:5;padding-left:10px;}
p.izbTec {
	color:black;
	text-align:center;
	font-size:22px;
	padding:50px 0 50px 0;
	font-family:sanuk-bold;
	margin:0;
}
div.razpored p.izbTec {text-align:center;}
p.padmali {padding:50px 0 20px 0;margin:0;}
p.osnCena {color:#969696;margin:15px 0 5px 0;}
p.osnCena a {color:#969696;}
p.osnCenaPrec{color:red;text-decoration:line-through;font-weight:bold;font-size:15px;margin-top:0;margin-bottom:0}
p.cena {
	font-family:sanuk-bold;
	font-size:30px;
	color: #323232;
	margin:7px 0 0 0;
}
p.cenaFirma {
	margin:7px 0 0 0;
}
#paywall p.samo {text-align:center;}
#modalContent #paywall h2 {text-align:center;}
div.prijavnice p.cena {font-size:26px;font-family:sanuk-bold;}
div.prijavnice p.cena span.maliddv {font-size:13px;font-weight:normal;font-family:sanuk-light;}
span.mali {font-size:13px;font-weight:normal;}
p.zakogagor {color:#969696;margin:15px 0 0 0;}
p.precrtano {text-decoration:line-through;font-size:13px;font-weight:normal;color:#969696;font-family:sanuk-light;}
p.zakogadol {color:#969696;margin:0 0 20px 0;}
form#formaprijave p.zaplacilo {font-size:16px;text-align:center;}
form#formaprijave span#cenaBrezDDV, form#formaprijave span#cenaZDDV {font-weight:bold; color: #e6501d; font-size:20px;}
div.pant,div.pantsp {
	background-color:#e6501d;
	width:100%;
	height:55px;
}
div.pantsp {margin-top:17px;box-shadow: 2px 2px 3px #ababab;cursor:pointer;}
div.pantsp:hover {box-shadow:4px 4px 4px #ababab;}
ol.velik p {font-size:22px;margin: 20px 0;}
div.prijavaHover {}
div.prijavaHover:hover {
	background-color: green!important;
	color: white;
}


#iskalnik input {
	border:0;
	padding:8px 15px;
	margin:0;
	border-bottom:1px solid #e6501d;
	border-radius:0;
	width:600px;
}

#iskalnik img {margin:5px;}

/*div.prijavnoOkno:hover div.prijavaHover{
	background-color:green!important;
	color: white;
}*/

span.neviden{visibility:hidden;}
p.neviden {display:none}
div.neviden {display:none}
div.prijavaHover:hover span.neviden {visibility:visible;}

div.nacinUdelezbe {
	display:flex;
	justify-content: space-around;
	margin:10px 0 15px 0;
}

div.nacinUdelezbe img {
	cursor:pointer;
	padding:35px;
	box-shadow: 2px 2px 10px #828282;
	border-radius:2px;
}

div.nacinUdelezbe div.nUdl img.inactive:hover {}
div.nacinUdelezbe img.active {box-shadow:2px 2px 10px #828282;background-color:#e6501d;}
div.nacinUdelezbe img.inactive {box-shadow:2px 2px 10px #828282; background-color:white;border:1px solid white;}
div.nacinUdelezbe img.inactive:hover {}
div.nacinUdelezbe p {text-align:center}
div#signResponse {color:red;}
img.active.napodjetje2 {content:url("/tecaji/images/na_podjetje2_white.png?r=1")}
img.active.napodjetje1 {content:url("/tecaji/images/na_podjetje1_white.png?r=1")}
img.active.napodjetje0 {content:url("/tecaji/images/na_podjetje0_white.png?r=1")}
img.inactive.napodjetje1 {content:url("/tecaji/images/na_podjetje1.png")}
img.inactive.napodjetje1 {content:url("/tecaji/images/na_podjetje1.png")}
img.inactive.napodjetje2 {content:url("/tecaji/images/na_podjetje2.png")}
img.active.webinar1 {content:url("/tecaji/images/webinar-ikona-white.png")}
img.active.webinar0 {content:url("/tecaji/images/seminar-ikona-white.png")}
img.inactive.webinar1 {content:url("/tecaji/images/webinar-ikona.png")}
img.inactive.webinar0 {content:url("/tecaji/images/seminar-ikona.png")}
form#formaprijave p.opisOkvircka {text-align:center}
form#formaprijave p.pojasnilo {text-align:center}
form#formaprijave p.prijv {text-align:center}
form#formaprijave p.osredinjen {text-align:center}
div.skatla {width:160px;}
div.skatla img {display:block;margin:0 auto;}
img.izberi:hover{background-color:#fafafa;}
div.siv {background-color:#c8c8c8;}
div.razpored p.vech {
	text-align:center;
	padding:0 8px;
}
div.razpored p.nezen {
	font-family:'sanuk-light';
	color:#707070;
}
p.vech a {text-decoration:none;}
.checked {
	background-image:url('/resources/icons/check-orange.svg');
	background-repeat:no-repeat;
	background-position:right 10px center;
	color:black;
}
.invalid {
	background-image:url('/resources/icons/cross-red.svg');
	background-repeat:no-repeat;
	background-position:right 10px center;
	color:black;
}
p.acompl {color:#e6501d;cursor:pointer;border:1px solid #efefef;margin: 10px 0;padding: 10px;}
p.acompl:hover {box-shadow:2px 2px 2px #ababab;}
a.linkec {cursor:pointer}
img.slikaAuto {display:block;margin: 0px auto;}
#obvestilceDavcna {color:#ababab;}
div.pantsp p.onlineproba {color:white;font-weight:bold;text-shadow: 1px 1px #010101;}
div.pant {
	display:flex;
	justify-content:center;
	align-items: center;
}
div.pant p, div.pantsp p {
	color:white;
	text-align:center;
	margin:0;
}
div.pantsp p {padding-top:16px;}
p.datumT {
	font-weight:bold;
	font-size:22px;
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:0px;
}
img.trikotnik {margin:0;padding:0;float:left;position:relative;left:120px;}
p.ura {font-size:16px;margin-top:10px;padding-bottom:0px;margin-bottom:10px;}
p.loc {
	font-weight:bold;
	padding-top:0px;
	margin-top:5px;
	font-size:15px;
}
div.prmesta {
	width:100%;
	height:40px;
	/*background-color:#f7cabb;*/
	opacity:0.8;
}
div.prmesta p {
	color:white;
	font-weight:bold;
	padding-top:10px;
	position:relative;
	left:-20px;
	top:3px;
}
p.malaP {padding-top:20px;}
div.naslovTecaja {
	height:50px;
}
div.razpored p.tizer {color:#969696;text-align:center;padding:5px;font-size:14px;/*min-height:105px;*/}
p.prijv a {text-decoration:none;color:white;}
img.drugtecaj {margin:55px 40px 0 40px;max-width:90px;}
div.sivpant {
	width:100%;
	background-color:#323232;
	margin-top:65px;
	padding:10px 0;
}
span.imefirme {font-weight:bold;color:#e6501d}
div.footer {margin: 20px auto;max-width:98%;z-index:0;}
div.zafirme {display:none;}

div.okenceNacin {
	padding-top:10px;
	padding:10px 0 0 0;
	margin-top:0;
}
div.okenceNacin:hover {
	cursor:pointer;
	background-color:#efefef;
}
div.prijavnoOkno p.icon {
	font-size:48px;
	color:#333;
	padding:0;
	margin:12px 0 0 0;
}

div.ikone p.icon {
	text-align:center;
	font-size:60px;
	color:#e6501d;
	margin:4px 0 0 0;
}

input[type=text], input[type=password], input[type=submit],  input[type=email], input[type=number], select, textarea, button.prijava {
    width: 100%;
    padding: 12px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	font-family:'sanuk-light';
	background-size:contain;
}

input.oddaj {color:white;background-color:#e6501d}
button.oddaj {color:white;background-color:#e6501d; padding:10px; border:0; margin:10px;}
button.oddaj:hover {color:#e6501d;background-color:white;cursor:pointer;}
div.menijcek button.oddaj {margin:0;box-shadow: 2px 2px 4px #8c8c8c;}

form.nomargin {margin: 0; padding: 0;}
select.kviz {display:inline;width:340px;}

select.test {font-size:15px;}
select.vprasanje {font-size:16px;}

div.gumb {
	width: 100%;
    padding: 12px 20px;
    margin: 10px 0 60px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font-family:'sanuk-light';
	background-color:#e6501d;
	color:white;
	text-align:center;
}
div.gumb:hover {
	cursor:pointer;
	background-color:white;
	color:#e6501d;
}
input[type=submit]
{
	cursor:pointer;
}
div.predavatelj p.posljiP {
	text-align:center;
	background-color:#e6501d;
	color:white;
	cursor:pointer;
	padding:15px;
}
textarea {height:250px;}
input[type=checkbox] {cursor:pointer;}
input {font-family:sanuk-light;}
input[type=submit]:hover {color:#e6501d;background-color:white;border:1px solid #e6501d;}
input.postna {width:30%;float:left;margin-right:2%;}
input.posta {width:68%;float:left;}
a.pogoji {cursor:pointer;}


.popup {
    display: none;
    width: 60%;
    background-color: white;
    color: #323232;
    text-align: left;
    padding: 20px;
    position: fixed;
	height:80%;
	overflow-y: scroll;
    z-index: 25;
    top: 5%;
    left: 20%;
	border: 1px solid #ababab;
}

div.zapri {
	font-size:35px;
	cursor:pointer;
	position: absolute;
    right: 5px;
    top: 0px;
}

div.ozadje {
	display: none;
	position: fixed; 
	z-index: 20; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4);
}

div.obvestilce {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width:380px;
}

div.iksaj {color:#AFAFAF; cursor:pointer; /*position:fixed;top:265px;left:60%;*/ }

/*fancy tabela*/

#customers {
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e6501d;
  color: white;
}


p.hvala {font-size:15px;}
img.klukca {text-align:center;padding-bottom:20px;}
.predavatelj a {color:#e6501d}
#zafirme {
	display:none;
	background-color:white;
	margin:0;
}
#zafirme p, #zafirme ul, #zafirme h2 {
	color:#323232;
	text-transform:none;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
}
#zafirme p {font-size:15px;}
#zaonline {
	display:none;
	background-color:white;
	margin:0;
}
#zaonline p, #zaonline ul, #zaonline h2 {
	color:#323232;
	text-transform:none;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
}
#zaonline p {font-size:15px;}
.nazad {display:none;color:white;float:left;font-weight:bold;padding:10px 10px 0 15px;}
div.sivkast {background-color:#c8c8c8;}
div.sivkast p.prijv {font-size:15px;top:18px;}
div.zemljevid {text-align:center;margin:0;padding:0;border:0;}	
div.zemljevid iframe {}
iframe {max-width:100%;}
div.zemljevid h3 {color:#e6501d;text-align:center;}
div.polno {width:100%;padding:0;margin:0;height:200px;}


div.trikotnicek {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid blue;
  position:relative;
  left:47%;
}
div.okrasek {
	z-index:1;
	float:left;
	opacity: 0.8;
}
div.leviOkrasek {
	width: 0; 
	height: 0; 
	float:left;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #F5f5f5;
	position:relative;
	left:-20px;
	top:-10px;
}
div.desniOkrasek{
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right:20px solid #F5f5f5; 
	float:left;
	position:relative;
	left:240px;
	top:-10px;
}
div.polno:hover {background-color:#e6501d;}
h2.novicka, p.novice {text-align:center;}
h2.priporocamo {padding:50px 0;}
div.inptret {width:60%;margin:0 20%;}
div.inptret p.prijv {cursor:pointer;text-align:center;padding:10px;background-color:white;color:#e6501d;border:1px solid white;}
div.inptret p.prijv:hover {background-color:#e6501d;color:white;}
/*navigacija*/
/* The Overlay (background) */
div.gumbkiMoji button {
	width:125px;
}
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    right: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 40px; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 24px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
	cursor:pointer;
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
    position: fixed;
    top: 0;
    right: 5px;
    font-size: 50px;
    z-index: 4;
	display:none;
}

.closebtn:hover {color:red;}

 .btn-icon {
	background: none; /* Remove button background */
	border: none; /* Remove button border */
	padding: 5px; /* Add some padding */
	cursor: pointer;
}

.btn-icon:hover {
	background-color: rgba(0, 128, 0, 0.1); /* Light green hover effect */
	border-radius: 4px;
}

div.dt-buttons {
	float:right!important;
}
div.dt-buttons button {
	background:none!important;
	background-color:white!important;
	margin:4px 2px 2px 2px!important;
	padding:1px 2px!important;
}

div.dt-buttons button img {margin-top:4px!important;padding:1px 2px!important;}

.menijcek {margin:10px 10px 0 0;}
img#profileSlika {height:40px;}
div.dolgiOpis {max-width:1280px;margin:15px auto;padding:8px;}
div.dolgiOpis h3{font-size:16px;}
div.dolgiOpis p {font-size:15px;text-align:justify;font-family:'sanuk-light';}
div.dolgiOpis ol li {font-family:'sanuk-light';padding:5px;}
div.dolgiOpis ul li {font-family:'sanuk-light';padding:5px;}
div.dolgiOpis a {color:#e6501d}

table.table-bordered tr td{
	border: 1px solid #EFEFEF;
}

pre {
	background-color:#EFEFEF;
	border:1px solid #010101;
	border-radius:3px;
	padding:15px;
	color:#158200;
	font-family:monospace,monospace;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	
}

input.poslji {
	border:0;
	padding:12px;
	background-color:#e6501d;
	color:white;
	border:1px solid #e6501d;
}
input.poslji:hover {cursor:pointer;color:#e6501d;background-color:white;border:1px solid #e6501d}
input.odgovor_vsebina {width:90%;}
div.stevilka_vprasanja {color:#ababab;float:right;margin:70px 10px 0 0;}

.radiocontainer {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radiocontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a background */
.radiocontainer input:checked ~ .checkmark {
	background-color: #e6501d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.radiocontainer input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.radiocontainer .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* kljukice*/
/* Customize the label (the container) */
.kljukiceF {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.kljukiceF input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.kljukiceF .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.kljukiceF:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.kljukiceF input:checked ~ .checkmark {
  background-color: #e6501d;
}

/* Create the checkmark/indicator (hidden when not checked) */
.kljukiceF .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.kljukiceF input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.kljukiceF .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* konec kljukic*/


div.buking {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:10px;
	background-color: white;
	border:1px solid #e6501d;
	font-size:13px;
	opacity:0.9;
	cursor:pointer;
}
div.hitraprijava {
	position:fixed;
	bottom:10px;
	left:10px;
	padding:10px;
	background-color: white;
	/*border:1px solid #e6501d;*/
	font-size:13px;
	width:150px;
	z-index:1;
}
div.hitraprijava div.hitraDesno {cursor:pointer;}
div.hitraprijava div.hitraDesno:hover {box-shadow:2px 2px 2px #ababab;}
#hitraP {display:none;}
div.hitraLevo,div.hitraDesno {float:left;padding:5%;margin:2%;}
div.hitraLevo {width:32%;padding-left:0;}
div.hitraDesno {width:45%;}
div.hitraDesno p {padding:0;margin:0;text-align:center;color:white;}
div.hitraLevo p {padding:0;margin:0;text-align:center;font-weight:bold;font-size:18px;}
p.hitro {font-size:15px;}
div.kviz {display:flex;justify-content:space-around;}
div.kviz div.vprasanje {width:45%;margin-left:5%}
div.kviz div.odgovori {width:40%;}
div.kviz div.resitev {width:10%;}
div.vprasanje p {padding:5px; font-size:15px;}
div.odgovori {}
div.resitev {padding-top:10px;}
div.kviz form {font-size:15px;}
div.kviz option {font-size:15px;}
p.velik {font-size:17px;}

p.udelezenec {font-style:italic;font-weight:bold;border-bottom:1px solid #EFEFEF;padding-bottom:5px;}
.containerYT {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
video {max-width:100%;}

.video-container {
	height: 500px;
	width: 300px;
	position: relative;
}

.video-container video {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	z-index: -1;
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
	z-index: 1;
	position: relative;
	text-align: center;
	color: #dc0000;
	padding: 10px;
}

table.stranke {border-collapse:collapse;margin-bottom:20px;width:100%;}
table.stranke tr th {border:1px solid #EFEFEF;text-align:left;padding:3px;}
table.stranke tr td {border:1px solid #EFEFEF;padding:2px 5px;}
table.stranke tr.svetel td {background-color:white;}
table.stranke tr.temen td {background-color:#EFEFEF;}
table.stranke tr#rdec td {color:red;}
table.tabelca {border-collapse:collapse;}
table.tabelca tr td {border: 1px solid #ABABAB;padding:10px;}
table.tabelca tr th {border: 1px solid #ABABAB;padding:10px;}

table.kadrovnik {border-collapse:collapse;width:100%}
table.kadrovnik i.fi {font-size:20px;}
table.kadrovnik tr td {padding:8px;}
table.kadrovnik tr.tr_ozadje td {padding:10px 3px;}
table.kadrovnik tr th {text-align:left;}
table.kadrovnik button.benign {border:1px solid #efefef}
table.kadrovnik tr.over:hover {cursor:pointer;background-color:#efefef;box-shadow:2px 2px 5px #efefef}
table.kadrovnik tr.terminCDetails {border: 1px solid #efefef;box-shadow:5px 5px 15px #ababab}
table.kadrovnik tr.terminCDetails td{padding:20px;}
table.kadrovnik tr.terminCDetails td.terdetails {padding:40px;}
td.sredina {text-align:center;}
td.sredina i.icon {font-size:18px;}
div.udelKadr h3 {color:#e6501d;}
div.udelKadr p.ikona {font-size:80px;text-align:center;color:#e6501d;padding:0;margin:0;}
table.kadrovnik tr th {padding:6px 3px;}
tr.tr_ozadje { box-shadow:2px 2px 5px #efefef;}
tr.tr_ozadje:nth-child(even){
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
}

p.desc {font-style:italic;color:#ababab;}

#kadrovnikDiv {
	width:90%;
	margin-left:5%;
	margin-top:60px;
}

#kadrovnikDiv button.benign {
	width:100%;
	background-color:#e6501d;
	color:white;
	padding:10px;
}

#kadrovnikDiv p.terminskiRazpored {margin:0}

div.vertical p img {
	position:relative;
	top:5px;
	cursor:pointer;
}
div.vertical p img:hover {} 

img.kadrovnikNacinUdel{height:35px; padding:5px;margin:0 5px; border:1px solid #efefef;cursor:pointer;box-shadow:2px 2px 2px #ababab;}
img.kadrovnikNacinUdel:hover{background-color:#efefef;}
img.udelActive {border:1px solid #e6501d; 
	-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
	-moz-box-shadow: inset 0px 0px 5px #c1c1c1;
	box-shadow: inset 0px 0px 5px #c1c1c1;
	outline: none;
}

.flexLevo{display:flex;justify-content:flex-start;}
div.dodaj{background: url('/tecaji/images/ikone/dodaj.png');width:25px;height:25px;margin:5px;cursor:pointer;}
div.dodaj:hover{background: url('/tecaji/images/ikone/dodajplus.png');}
p.emlU {margin:10px;cursor:pointer}
p.emlU:hover {color:#e6501d}

.tecakKv img {display:block;margin:0 auto;} 

div.kadrovnikSelect {
	border:1px solid #fafafa;
	padding:30px;
	/*background-color:#fafafa;*/
	margin:100px 30px 100px 30px;
	width:300px;
	cursor:pointer;
	box-shadow:5px 5px 30px #ababab
	
}
div.kadrovnikSelect p.ikona {color:#e6501d;font-size:50px;text-align:center;margin:0;}
div.kadrovnikSelect:hover {box-shadow:15px 15px 15px #ababab}
div.kadrovnikSelect p {color:#6c6c6c;}
div.kadrovnikSelect h3 {text-align:center;}
div.kadrovnikSelect img {display:block;margin:0 auto;width:200px;}
div.navkadr {cursor:pointer;padding:0 12px;border-bottom:1px solid #efefef;}
div.navkadr:hover {color:#e6501d;border-bottom:1px solid #e6501d;}
div.navkadr p{padding:0px 15px;}
div.navkadr.akt {box-shadow:3px 3px 3px #e9e9e9;color:#e6501d;border-bottom:1px solid #e6501d;}

/* lazy load youtube */
.youtube {
    background-image:url('/tecaji/images/video-overlay.jpg');
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
	background-size:cover;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/* end lazy load youtube */

div.youtubeTeaser {margin:0 auto;width:100%;}
div.youtubeTeaser h3 {text-align:center}
div.topMargin35 {margin-top:35px;}

img.bonbon {width:100px;margin:0 auto;}

.vrstica {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.stolpec {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	padding:1% 3%;
	flex: 2;
}

div.dolgiOpis p.naslovcek {
	font-size:20px;
	color:#e6501d;
	text-align:center;
}

div.dolgiOpis p.podtekst {font-size:15px;}

div.sezonskiDiv {padding:0;}
p.akcijo {padding:10px 0 0 0;font-weight:bold;font-size:16px;}
img.znizanje {float:left;}
div.BlackFriday {color:white;background-color:black;}
div.BlackFriday p.cena {color:white;}

div.akcija {
    background-color: #f5f5f5;
	height:0;
}

span.sale {
	position: relative;
	top:-20px;
	left:125px;
	display: inline-block;
	background: #e6501d;
	color: white;
	height: 2.5rem;
	width: 2.5rem;
	text-align: center;
	vertical-align: middle;
	line-height: 2.5rem;
	/*margin: 45vh 45vw;*/
	transform: rotate(-20deg);
	font-weight:bold;
	animation: beat 1s ease infinite alternate;
	border-radius:100px;
	padding:5px;
}

a.pozabil {
	text-decoration:underline;
	color:#e6501d;
	cursor:pointer;
}

.stripe-flex {
	display:flex;
	justify-content:space-between;
}

.naucim_potrebujem {display:flex;justify-content:space-between}

.naucim_potrebujem .tretina {
	width:320px;
	margin:12px;
}

.elem_nacin_placila {
    padding: 15px;
    background-color: #fafafa;
    cursor: pointer;
    width: 49%;
    border: 1px solid #ababab;
	box-sizing:border-box;
}

.elem_nacin_placila:hover {
	background-color:#efefef;
}

.elem_nacin_placila p {
	margin:0;
	padding:0;
}

.elem_nacin_placila p.tekst {
	margin-top:5px;
}

.active-payment-type {
	background-color:#efefef;
}

p.mandat {color:#ababab;font-style:italic;}

/*span.sale::before{
	content:"";
	position: absolute;
	background: inherit;
	height: inherit;
	width: inherit;
	top: 0;
	left: 0;
	z-index: -1;
	transform: rotate(30deg);
}
span.sale::after {
	content:"";
	position: absolute;
	background: inherit;
	height: inherit;
	width: inherit;
	top: 0;
	left: 0;
	z-index: -1;
	transform: rotate(30deg);
	transform: rotate(60deg);
}*/


@keyframes beat {
	from {	transform: rotate(-20deg) scale(1); }
	to {	transform: rotate(-20deg) scale(1.1); }
}
ol.adwList input.vnosnoPolje {width:250px;border-radius:0;}
div.prijavniObrazecOnline p {padding:0;margin:5px 0}
div.prijavniObrazecOnline button {cursor:pointer;background-color:#e6501d;color:white;width:100%;}
div.prijavniObrazecOnline button:hover {box-shadow:2px 2px 5px #ababab}

canvas#confetti-canvas {
	width: 90%;
    position: absolute;
    height: 470px;
}

.megla {
	-webkit-filter: blur(7px);
	-moz-filter: blur(7px);
	-o-filter: blur(7px);
	-ms-filter: blur(7px);
	filter: blur(7px);
	min-height:550px;
}
div.masilo{min-height:1200px;}
div.prijavaOnline {
	position: absolute;
    top: 150px;
    left: 30%;
    width: 40%;
    padding: 40px;
    background-color:rgba(255, 255, 255, 0.9);
    border: 1px solid #efefef;
    box-shadow: 2px 2px 5px #ababab;
	z-index:1;
}
div.stricek {
	font-size:150px;
	color:#e6501d;
}
div.certy {
	left:25%;
	width:60%;
}
h3.profil {margin-top:50px;}
div.loginO {padding-top:15px;}
div.loginO div.prijavaOnline {
	position:relative;
	max-width:320px;
	top:0;
	left:0;
	margin:0 auto;
}
a.bel {color:white;}
div.prijavaOnline h2 {margin:0;padding:0 0 30px 0;text-align:center;}
div.certy h2 {margin:0;padding:0 0 10px 0;text-align:center;}
div.prijavaOnline p.samo {text-align:center;margin:30px 0 0 0}
span.akcija {font-weight:bold;color:#e6501d;font-size:24px;}
img.imgstricek {margin:0 auto 20px;display:block;}
div.contentWrapper {margin-top:55px;}
div.skupineOnline {margin-top:55px;}
div.navigacijaVsebin {
	background-color: #f8f9fa;
    padding: 0 1px 0 0px;
    width: 270px;
    position: fixed;
	top:50px;
    height: 100%;
    overflow: auto;
    z-index: 1;
    border-right: 1px solid #efefef;
    margin: 0 5px 0 0;
    border-top: 1px solid #efefef;
}
div.navigacijaVsebin a {text-decoration:none}
div.skupekSkupin {box-shadow:2px 2px 2px #efefef}
div.skupekSkupin.active {background-color:white;}
div.skupekSkupin h4 {padding:19px 0 10px 5px;margin:0;}
img.ikonaTecaj{position:relative;top:5px;height:20px;padding:3px;}
img.maliexpand {height:12px;float:right;cursor:pointer;}
img.desniexpand {position:relative;top:10px;}
div.breadcrumbs {
	padding:4px 32px 4px 28px;
	margin-left:270px;
}
div.vsebinaPoglavja{
	padding:0px 30px;
	margin-left:270px;
}
div.vsebinaPoglavja video {
    right: 0;
    bottom: 0;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

div.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #e6501d;
}

div.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #e6501d;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #e6501d;
}
div.tecajNav {padding:5px;}
.invert { filter: invert(100%); }
div.zbirka {display:flex;cursor:pointer;padding:10px 0 10px 10px;justify-content:flex-start}
div.flexSpace {display:flex;justify-content:space-evenly}
div.mojdostop{margin:45px 10px; border-bottom: 1px solid #d9d9d9}
div.mojpregled{margin:0px 10px; border-bottom: 1px solid #d9d9d9}
div.mojElement {
	margin:5%;
	width:100%; 
}
button.placilo {width:100px;}
div.mojElement p.cena {font-size:22px;}
div.mojElement p.premaknjen {margin-top:22px;}
div.mojElement button.vstop {margin-top:55px;padding:12px 22px;}
div.mojElement button.green {background-color:green;}
div.mojElement button.green:hover {color:green;background-color:white}

div.elementFloat button.vstop {margin:35px 0 0 0;padding:12px 22px;width:100%;}
div.elementFloat button.green {background-color:green;}
div.elementFloat button.green:hover {color:green;background-color:white}
div.elementFloat button.white {background-color:white;color:#e6501d}
div.elementFloat button.white:hover {color:#e6501d;background-color:white}
div.pregledCheck h1 {color:black;padding:30px;}
div.pregledCheck h2 {color:black;margin-bottom:0;padding-bottom:0}
div.pregledCheck img.slTec {width:50px;padding:20px;}

div.mojdostop #prijavno {
	width:90%;
	margin:5%;
}

div.mojElement p, div.mojElement h4 {margin-top:0;}
div.elementFloat {width:100%;margin:0;}
div.elementFloat p.slikaTecaja {padding:20px;}
div.elementFloat button {}
div.certifi {padding-bottom:45px;}
div.elementCertifikat {width:200px;}
div.zbirka.space-between {justify-content:space-between;}
div.zbirka:hover {background-color:#efefef;}
div.zbirka div {}
div.zbirka img {}
div.width98 {width:98%;}
div.top15px {margin-top:15px;}
div.marg10px {margin:12px 10px 0 0;}
div.odmik_puscica {margin:5px 8px 0 0;}
div.top5px {margin-top:5px;}

/*div.vsebineNav {position:absolute;left:240px;background-color:white;box-shadow:2px 2px 2px #efefef;}*/
div.vsebineNav {margin-left:15px;}
div.gridSkupin {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	justify-items: center;
	align-items: center;
}
div.inactive {background-color:#fafafa;}
div.desktopskrit {display:none;}
span.dneviTermina{font-size:12px;font-weight:normal;}

p.terminskiRazpored {font-size:20px; font-weight:bold;margin:10px;}
p.terminskiRazpored span.ura {font-size:13px;font-weight:normal;}
.mojaPrijava p.ikona {
	color:#e6501d;
	font-size:64px;
	padding:0;
	margin:0;
}
.mojaPrijava button {
	margin-top:15px;
	background-color:#e6501d;
	color:white;
	padding:12px;
	box-shadow:2px 2px 2px #ababab;
	border:0;
	cursor:pointer;
}

.mojaPrijava button:hover {
	background-color:white;color:#e6501d;
	box-shadow:2px 2px 4px #ababab;
}

.mojaPrijava button.benign {background-color:white;color:#e6501d;border:0;}

.StripeElement {
	border:1px solid #ccc;
	padding:12px;
	margin-top:10px;
	border-radius:4px;
	background-color:white;
}

#srchRez {
	z-index:20;
	background-color:white;
	border: 1px solid #ababab;
	padding:15px;
}

ol.adwList li {margin-top:25px;}
ol.adwList li ul li {margin-top:5px;}

#srchRez p {padding:10px 20px;margin:0;width:600px;}
#srchRez a:hover {color:#e6501d}
#srchRez p:hover {cursor:pointer; background-color:#efefef;box-shadow:2px 2px 2px #ababab;}

div.vprasanje_user {
	padding:40px;
	border:1px solid #ababab;
	box-shadow:5px 5px 20px #efefef;
	margin:20px 5px;
}
div.vprasanje_user {
	background-position:right 15px top 45px;
	background-repeat:no-repeat;
}
div.vsebina_vprasanja {width:90%;}
div.utrdi_ne {background-image:url('/tecaji/images/ikone/utrdi-ne.png');background-color:#fafafa}
div.utrdi_da {background-image:url('/tecaji/images/ikone/utrdi-da.png');background-color:#ecffec}
div.utrdi_wrong {background-image:url('/tecaji/images/ikone/utrdi-wrong.png');background-color:#ffeded}
div.vsebinaPoglavja p.naloga {
	background-color:white;
	padding:18px;
	background-color: #e6501d; 
	background-image:url('/tecaji/images/ikone/utrdi-ne.png');
	background-position:right 10px top 10px;
	background-repeat:no-repeat;
	background-size:32px;
}
div.vsebinaPoglavja p.naloga a{color:white}
p.pvsebina {
	width:230px;
	padding:4px 12px 4px 2px;
	background-repeat:no-repeat;
	background-position:left;
}
p.pvsebina i.icon {font-size:20px;}
p.pvsebina:hover {background-color:#fafafa;}
a:hover p.pvsebina  {color:#e6501d;}
div.pogoji {padding:50px 1%;}
p.navInfo {color:white;}

div#vsebinaPoglavja img {
	padding:12px;
	display:block;
	margin: 5px auto;
}

div#vsebinaPoglavja p.odg_cert img {margin:0;padding:2px 15px 15px 10px;}

div#vsebinaPoglavja p.korakPrijave img {
	border:none;
}

div#vsebinaPoglavja img.editable {margin:0;padding:6px;border:0;}
/*div#vsebinaPoglavja h2 {font-size:1.20em;}
div#vsebinaPoglavja h3 {font-size:1.10em;}
div#vsebinaPoglavja h4 {font-size:1.05em;}*/

div.taiaUI {
	position:fixed;
	bottom:0;
	right:0;
	width:80px;
	cursor:pointer;
	padding:8px;
	margin:8px;
	border-radius:8px;
	border: 1px solid #efefef;
	background-color:white;
	z-index:1;
}

div.taiaUI:hover {
	border: 1px solid #e6501d;
}

div.oblacek {
	display:flex;
	justify-content:space-between;
	margin:0 0 42px 0;
}

div.oblacek a {cursor:pointer;}

div.oblacek div.slikca {
	display: flex;
	margin-bottom: 0;
	width:150px;
}

div.oblacek div.slikca img {
	align-self: flex-end;
	width:90px;
	display:block;
	margin:0 auto;
}

div.odgovor {
	margin-bottom:12px;
	width:100%;
}

.talk-bubble {
	margin: 0 12px 12px 12px;
	display: inline-block;
	position: relative;
	height: auto;
	background-color: #efefef;
	padding:12px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

.leviTrikotnik:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: auto;
    bottom: 13px;
    border: 22px solid;
    border-color: transparent transparent #efefef transparent;
}

.desniTrikotnik:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -21px;
    bottom: 10px;
    border: 22px solid;
    border-color: transparent transparent #343541 #343541;
}

div.taiaBG {
	background-color:#343541; /* chatgpt bg color*/
	color:white;
}

#zetoni {
	text-align:center;
	background-color:#efefef;
	padding:4px;
	margin:16px;
}

#zetoni p{
	margin:4px;
	padding:4px;
}

#zetoni img.zeton {
	height:25px;
}

div.izbiraZetonov img.zeton {
	width:80px;
}

div.izbiraZetonov div.skatla img.zeton:hover {
	background-color:#F05033;
}

p.cenaZetonov {
	text-align:center;
}

p.timing {font-size:10px;color:#ababab;}

a.dokupi {
	cursor:pointer;
}

.vsebnik {
	position: relative;
}

.prompt {
  position: relative;
}

.prompt textarea {
	border-radius:12px;
	background-color:#efefef;
	padding:12px;
	height:90px;
}

.poslji {
	cursor:pointer;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 10vh auto; /* 10% from the top and centered */
	padding: 2%;
	border: 1px solid #888;
	width: 86%; /* Could be more or less, depending on screen size */
	max-height:70vh;
	overflow-y:auto;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width : 1460px) {  
	div.elementTopNav {padding: 5px 5px;}
	div.menijcek {margin-right:10px; margin-top:12px;}
	div.onlineTopNav img.topnav {display:none;}
	img#profileSlika {display:none;}
	div.onlineTopNav {padding-top:10px;}
	div.profilka p {margin:8px;}
}

/* mobile css */
@media only screen and (max-width : 1280px) {  
	#iskalnik input {width:auto;}
	div.logo {margin:10px 0 0 5px;}
	div.logo span.inst {font-size:28px;}
	div.logo span.go {font-size:28px;}
	
	div.desc {margin: 4px 0 0 0;}
}

@media only screen and (max-width : 780px) {  
	/*div.ceznavigacijo { position:absolute;}*/
	body{margin:0;}
	body,img{max-width:100%;}
	div.vsebina {width:100%;margin-top:45px;}
	div.okrasek {display:none;}
	.overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
	
	img {max-width:100%;}
	div.razpored {
		text-align:center;
		padding-bottom:25px;
	}
	img.slikaVsebine {padding:0;max-width:90%;}
	div.kvadratek {
		padding: 0 5%;
		text-align: left;
		margin: 10px 0 10px 0;
		min-width: 0px;
		clear: both;
		position: relative;
		min-height: 0;
		width: 90%;
		border: none;
	}
	div.kvadratek ul {max-width:100%;}
	div.kvadratek img {display:block;margin: 5px auto;}
	div.drazi {margin-top:25px;}
	div.predavatelj {padding: 10px 5% 10px 5%;}
	div.predavatelj div.slikapredavatelja {width:90%;text-align:center;}
	div.predavatelj div.opispredavatelja {width:90%;}
	div.predavatelj div.certifikat {width:90%;}
	div.basanje span.stevilka {font-size:35px;}
	div.firme {width:calc(100% - 24px);padding:12px;}
	div.firme img {max-width:90%;}
	div.prijavnice {display:block;}
	div.prijavnice div.firme {width:44%;}
	div.prijavnoOkno {
		width:80%;
		margin: 0 5% 50px 5%;
		clear:both;
	}
	div.nudimo {
		width:60%;
		margin: 10px 0 70px 0;
	}
	div.enostavno div.subEno {padding:24px;}
	div.naslovnaslika {background-size:cover;background-attachment:scroll;margin-top:45px;}
	div.slikapredavatelja h2 {text-align:center;}
	div.predavatelj div.certifikat {margin:0;}
	div.predavatelj div.certifikat img {display:block; margin:0 auto 15px auto;}
	div.oranzen_trak {}
	div.oranzen_trak h1.naslovni {padding:62px 0;}
	div.oranzen_trak div.tretjinka {margin:0;padding:5%;width:90%;}
	div.tretjinka {text-align:center;}
	div.tretjinka ul{text-align:left;}
	div.reference {width:90%;padding: 15px 5%;}
	div.firme h3 {
		margin-left:0;
		text-align:center;
	}
	div.ozek {
		padding:0%;
		margin:8% 0;
		width:70%;
		max-width:300px;
	}
	div.drazi {
		width:90%;
		padding:0 5%;
	}
	
	.krogec {margin: 0 auto;}
	div.prijavniObrazec {width:80%;}
	div.razpored p.tizer {min-height:0;}
	
	.popup {
		background-color: #efefef;
		color: #323232;
		text-align: left;
		width: 80%;
		position: fixed;
		height: 80%;
		overflow-y: scroll;
		z-index: 10;
		top: 8%;
		left: 2%;
	}
	
	div.polno {height:115px;}
	div.polno img {margin: 0 auto;padding-top:15px;max-height:100px;}
	div.noga {height:auto;padding:8px;}
	div.noga#dnoga {clear:left;width:80%;height:auto;padding-bottom:0;}
	div.prmesta p {left:0;}
	
	input[type=text], input[type=email], input[type=number], select, textarea, input[type=submit] {
		width: calc(100% - 24px);
		margin: 8px 12px;
	}
	
	div.inptret {width:90%;margin:0 5%;}
	div.buking {display:none;}
	div.zozano {width:94%;margin-top:70px;padding:0 3%;}
	div.hitraprijava {padding:2px;width:120px;}
	div.hitraLevo,div.hitraDesno {padding:3%;}
	div.enostavno h1.nas {top:0px;}
	div.znack {margin: 10px auto;width:90%;text-align:center;}
	div.certifikati {margin: 10px auto 35px;}
	img.znacka {clear:both;}
	img.onlineGif {width:90%;}
	
	div.kviz {text-align:left;font-size:15px;padding:20px 0;}
	div.kviz div.vprasanje {width:100%;clear:both}
	div.vprasanje p {text-align:center;}
	div.kviz form {width:100%;clear:both;}
	div.kviz option {}
	select.kviz {width:80%;}
	div.obvestilce {width:80%;}
	div.iksaj {display:none;}
	div.odgovori {width:90%;}
	div.resitev {width:10%;float:right;}
	div.vprasalnik_k img.primerno {width:80%;}
	.stolpec {flex: 1;}
	.vrstica {display:block;}
	div.okvircekTecaja {width:75%;margin: 10% 12.5%;background-color:white;}
	div.nacinUdelezbe img {padding:15px;}
	div.mobileskrit {display:none;}
	div.desktopskrit {display:block;}
	div.elementTopNav {margin: 0 5px;}
	div.menijcek button.oddaj {width:auto;}
	div.prijavaOnline {width:70%;padding:10%;top:130px;left:5%}
	div.prijavaOnline input {width:100%;margin:0;}
	div.logo span.inst, div.logo span.go {font-size:32px;}
	div.ceznavigacijo {height:45px;}
	div.futer {display:block;}
	div.navigacijaVsebin {display:none}
	div.vsebinaPoglavja,div.breadcrumbs {padding:10px 15px 0 15px;margin-left:0;}
	div.vsebinaPoglavja h1 {margin-top:0;}
	div.vsebinaPoglavja img.editable {margin-top:0;padding:0;border:0;}
	div.tecakKv{width:85%;}
	div.extPrijava {display:block;}
	div.gridSkupin {display:block;}
	div.pregledSkupin {box-shadow: 2px 2px 4px #ababab;}
	div.vsebina {margin-top:0;}
	div.naslovnaslika {margin-top:0;}
	div.loginO {padding-top:0;}
	div.loginO div.loginO {z-index:1;}
	div.loginO div.prijavaOnline {z-index:1;}
	#myNav {z-index:20;}
	div.mojdostop {display:block;}
	div.mojElement {width:90%;}
	div.mojElement button.vstop {margin-top:10px;margin-bottom:20px;}
	div.flexSpace {display:block;}
	div#kadrovnikDiv div.flexSkatla {display:block;}
	div.kadrovnikSelect {width:auto;}
	div.navkadr {margin:10px 0;}
	div#kadrovnikDiv div.flexSkatla div.navkadr div.flexSkatla {display:flex;}
	div.space_between div.breadcrumbs {width:95%;margin-left:0;}
	div.breadcrumbs {width:95%;margin-left:0;}
	div.space_between div.progress {display:none;}
	div.nacinUdelezbe img.na_podjetje {width:60px;display:block;margin:0 auto;}
	div.naucim_potrebujem {flex-wrap:wrap;}
	.naucim_potrebujem .tretina {width:calc(100% - 24px)}
	div.navAdmin {margin-top:55px;}
}

@media only screen and (max-width : 480px) {  
	div.nacinUdelezbe {
		flex-wrap:wrap;
	}
	div.flexSkatla.izberiNacinPlacila {
		flex-wrap:wrap;
	}
}

@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
  margin:auto;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #f05125;
  -webkit-transform-origin: 80px 82px;
  transform-origin: 80px 82px;
}
.lds-eclipse {
  width: 160px !important;
  height: 160px !important;
  -webkit-transform: translate(-80px, -80px) scale(0.8) translate(80px, 80px);
  transform: translate(-80px, -80px) scale(0.8) translate(80px, 80px);
}

/* coolor #6E44FF */