@import url('../hover.css');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*
.rajdhani-light {
  font-family: "Rajdhani", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.rajdhani-regular {
  font-family: "Rajdhani", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rajdhani-medium {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.rajdhani-semibold {
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.rajdhani-bold {
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: normal;
}
*/
html{
	height:100%;
	scroll-behavior: smooth;
}

/*page{
	text-align: center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:100%;
	}
*/

body{
	font-family: 'Roboto', sans-serif;
	/*font-family:Rajdhani;*/
	font-weight:400;
	font-size:17px;
	background-color: var(--back);
	color:var(--textLo);
	margin:0;
	padding:0;
	height:100%;
	/*
    background-image: url("/slike/OzadjePageDA.webp");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
    */
}

h1, .naslovPoglavja {
    font-family: Rajdhani;
    color: var(--skyBlue);
    font-size: 40px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    letter-spacing:4px;
    /*text-align:center;*/
}
.servisniNalog{
	letter-spacing:1px;
}

h1{
    text-shadow: 0 0 8px black;
}


h2{
    font-family: Rajdhani;
    color: var(--skyBlue);
    font-size: 35px;
    font-weight: 400;
    margin-top: 7px;
    margin-bottom:2px;
    /*text-align:center;*/
}

h3, .naslov{
    font-family: Rajdhani;
    color: var(--skyBlue);
    font-size: 28px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    /*text-align:center;*/
}


p{
    margin-block-start:0;
    margin-block-end:0;
}

.pageWrap{
	display:block;
	position:relative;
	width:1280px;	
	background-color:var(--backLo);
	margin: 0 auto;
	min-height: 100vh;
	/*display:none;*/
}

img {outline: none;}
a{color:var(--skyBlue); outline: none; text-decoration:none;}
a:hover {color: var(--linkHover);}
code {color:var(--skyBlue);}

.linkHover
{
  display: inline-block;
  transition: all 0.3s ease;
  filter: brightness(1);  
}

.linkHover:hover {
	/*transform: translateY(-4px);*/
	transform: scale(1.1);
	z-index: 5;
	filter: brightness(1.4);  
}



img[src$=".jpg"]:not(.pcpodporaQR),
img[src$=".webp"]:not(.sl1>img)
{
	border-radius:20px;
}

.pcpodporaQR{
	width:80px;
	border-radius:5px;
}


.levo{
	text-align:left;
}

.desno{
	text-align:right;
}

.center{
	text-align:center;
}

.inlineBlock{
	display:inline-block;
}

.verticalTop{
	vertical-align:top;
}


/* MENU ************************************************ */
.glava{
	/*font-weight:300;*/
	font-size:17px;
	vertical-align:middle;
	height:123px;
	background:var(--backLo);
	text-align:left;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	width:100%;
	z-index:20;
	position:relative;
	border-bottom:1px var(--blueSteel) solid
}
.logo{
	position:absolute;
	top:5px;
	left:5px;
}

.img-glow {
  filter: brightness(1) saturate(1);
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%   { filter: brightness(1) saturate(1) drop-shadow(0 0 0px rgba(0,0,0,0.0)); }
  10%  { filter: brightness(1.15) saturate(1.10) drop-shadow(0 0 10px rgba(255,255,255,0.40)); }
  20%  { filter: brightness(1.15) saturate(1.10) drop-shadow(0 0 10px rgba(255,255,255,0.40)); }
  30%  { filter: brightness(1) saturate(1) drop-shadow(0 0 0px rgba(0,0,0,0.0)); }
  100% { filter: brightness(1) saturate(1) drop-shadow(0 0 0px rgba(0,0,0,0.0)); }
}

#menu{
	position:absolute;
	left:160px;
	top:90px;
}

#menu a{
	display:inline-block;
	text-decoration:none;
	color:var(--textLo);
	vertical-align:middle;
	margin:3px 0 0 0;
	text-shadow: 0 0 10px black;
	padding: 4px .5rem ;
    margin-top: 0px;
}

#menu a:hover{
	color:var(--skyBlue);
	transition: 200ms linear;
}

#menu a.selected{
	color:var(--skyBlue);
	text-shadow: 0 0 10px black;
	/*background-color:#000000dd;*/
	/*max-width:calc(100% - 31px);*/
}

#menuMobileBurger{
	display:none;
}

#menuMobile {
	display:inherit;
}


#menuAdmin, #menuAdmin ul{vertical-align:middle;font-size:18px;margin:0;padding:0;list-style:none;display:inline-block;}
#menuAdmin:after{content:'';clear:both;}
#menuAdmin li{float:left;position:relative;width:auto;}

#menuAdmin > li.icon img[src$=".svg"],
#menuAdmin > li.icon img[src$=".svg"]{
	height:15px;
	filter: grayscale(1) drop-shadow(2px 4px 6px black);
}

img[src*="radirka.svg" i] {
  width:13px;
}

#menuAdmin > li.icon img[src$=".svg"]:hover,
#menuAdmin > li.icon img[src$=".svg"]:hover{
	filter: none;
}


#menuAdmin ul a{min-width:150px;}

#menuAdmin ul{
	visibility:hidden;
	opacity:.0;
	position:absolute;
	top:30px;
	right:0;	/*zaemjan za right*/
	width:150px;
	z-index:1;transition: all .1s ease-in-out;
	box-shadow: 0 0 10px -2px black;	
	border-radius:0 0 15px 15px;
}


#menuAdmin ul:last-child{border-radius:0 0 15px 15px;}
#menuAdmin li:hover>ul{visibility:visible;opacity:1;margin:0;}
#menuAdmin ul ul{top:0;left:100%;margin:0 0 0 60px;float:none;display:block;clear:both;}
#menuAdmin ul li{float:none;border-bottom: thin #697861 dotted;}
#menuAdmin ul:last-child li:last-child{border-radius: 0 0 15px 15px;}
#menuAdmin ul:last-child li:last-child a{border-radius: 0 0 15px 15px;}
#menuAdmin ul.subMenu{
	background-color:#232327CC;
	margin-top:-5px;
	/*overflow:hidden;*/
	border-left:1px black solid;
	border-bottom:1px black solid;
	border-right:1px black solid;
	width:auto;
}




img.hero{
	border-radius:0;
}

.link_menu{
    font-size: 20px;
    color: var(--textHi);
    font-weight: 500;
    text-shadow: 0 0 10px black;
}
.link_menu>a{
    border: 1px var(--skyBlue) solid;
    border-radius: 30px;
    color: var(--textHi);
    background-color: var(--backHi);
    padding: 10px;
    font-size: 16px;
}

.link_menu>a:hover{
    color: var(--skyBlue);
    box-shadow: 0 0 10px -2px white;
}

.home2{
	position:absolute;
	bottom:20px;
	left:100px;
}


.rabimPomoc{
	position:absolute;
	top: -5px; right:10px;
	text-align:right;
}

.rabimPomoc>a{
	background-color: var(--red);
	color: var(--textHi);
	border: 1px var(--textHi) solid;
	padding:5px;
	position:relative;
	top:-20px;
}

.rabimPomoc>a:hover{
    color: var(--textHi);
}

.rabimPomoc img{
	vertical-align:text-bottom;
}

#backToTopDiv img{
	vertical-align:middle;
}

#backToTopDiv{
	display:none;
	position:fixed;
	top:20px;
	right:60px;
	z-index:10;
}



.sl1 {
    margin: 0;
    position: relative;
    text-align: center;
    height: 680px;
}

.sl1 > img:nth-of-type(2){
	position:absolute;
	top:0px;left:0px;
}
.sl1_naslov {
    font-family: rajdhani;
    font-size: 58px;
    color: var(--skyBlue);
    position: absolute;
    top: 180px;
    width: 100%;
    font-weight: 600;
    filter: drop-shadow(0px 0px 13px var(--linkShadow2));
    letter-spacing: 3px;
}

.sl1_podnaslov{
    font-size: 30px;
    color: var(--textHi);
    font-weight: 500;
    filter: drop-shadow(0px 0px 13px var(--linkShadow2));
    letter-spacing:0px;
    display:block;
}

img.hero, .slikaFilter {
    border-radius: 0;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.slikaFilter {
    border-radius: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}



.blinkKurzor::after {
  content: '❚';
  animation: blink 0.8s infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}
.noBlinkKurzor::after {
  content: '❚';
  opacity:0;
}


.sl1_menu{
    font-size: 20px;
    color: var(--textHi);
    font-weight: 500;
    text-shadow: 0 0 10px black;
    position: absolute;
    bottom: 20px;
    left:20px;
}
.sl1_menu>a{
    border: 1px var(--skyBlue) solid;
    border-radius: 5px;
    color: var(--textHi);
    background-color: var(--backHi);
    padding: 10px;
    font-size: 16px;
}

.sl1_menu>a:hover {
    box-shadow: 0 0 10px -2px white;
}




.slBanner{
    width: 370px;
    height: 165px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    filter: drop-shadow(2px 4px 6px black);    
}


.backHi{
	background-color: var(--backHi);
}

.backLo{
	background-color: var(--backLo);
}

.vsebinaSl{
	padding: 5px 15px 5px 15px;
}

.oblacekHome{
    position: relative;
    display: inline-block;
    width: 530px;
    height: 300px;
    background-color: var(--backHi);
    margin: 10px;
    border: 1px var(--border) solid;
    padding: 20px;
}

/*levo in desno zgoraj in spodaj*/
.LZ{
	border-radius:20px 0 0 0;
}

.DZ{
	border-radius:0 20px 0 0;
}

.DS{
	border-radius:0 0 20px 0;
}

.LS{
	border-radius:0 0 0 20px;
}

.oblacekHome>.naslov {
    color: var(--skyBlue);
    position: absolute;
    top: 20px;
    left: 106px;
    width:445px;
    font-size: 20px;
    font-weight: 600;
    text-align:left;
}

.oblacekHome .text{
    color: var(--textLo);
    position: absolute;
    top: 50px;
    left: 106px;
    width:445px;
    font-size: 15px;
    /*font-weight: 300;*/
    text-align:left;
}

.oblacekHome .textCard {
    color: var(--textLo);
    position: absolute;
    top: 10px;
    left: 5px;
    width: 445px;
    font-size: 15px;
    /* font-weight: 300; */
    text-align: left;
    /*background-color: aqua;*/
}

.oblacekOffer{
    display: inline-block;
    width: 170px;
    height: 200px;
    background-color: var(--backLo);
    margin: 10px;
    border: 1px var(--border) solid;
    padding: 20px;
    border-radius:20px;
    text-align:center;
    vertical-align:top;
}
.oblacekOffer.big  {
	height: 210px;
}



.oblacekOffer>.naslov{
    color: var(--textHi);
    font-size: 20px;
    font-weight: 600;
    margin-top:5px;
}

.oblacekOffer>.text{
    color: var(--textLo);
    font-size: 15px;
}

.oblacekOffer>.text.dvigni{margin-top:-10px;}

.oblacekFullSize{
    display: inline-block;
    width: 1080px;
    min-height: 100px;
    background-color: var(--backLo);
    margin: 10px;
    border: 1px var(--border) solid;
    padding: 20px;
    border-radius: 20px;
    text-align: left;
    vertical-align: top;
}
.oblacekFullSize>.levo{
	display:inline-block;
	width:100px;
	vertical-align: top;
}
.oblacekFullSize>.sreda{
	display:inline-block;
	width:500px;
	vertical-align: top;
}
.oblacekFullSize>.desno{
	display:inline-block;
	width:430px;
	vertical-align: top;
	margin-left:20px;
}

/*--- formi ---------------------------------*/
#frmServis1 {
    width: fit-content;
    margin:0 auto;
}

#frmServis textarea{
	min-height:440px;
}

#frmContact textarea{
	min-height:440px;
}


/*--- noga --------------------------- */
.noga{
	width:100%;
	position:absolute;
	bottom:0;
	text-align:center;
	font-size:12px;
}


/*--- CARD ... obračanje kartice*/
.card {
    position: absolute;
    left: 102px;
    top: 50px;
    width: 455px;
    height: 215px;
    perspective: 1000px;
    /*cursor: pointer;*/
}

.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
}

.card.flipped .card-inner {
  transform: rotateY(180deg);
  
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  /*display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;*/
}

.card-front {
  background: var(--backHi);
}

.card-back {
  background: var(--backLo);
  transform: rotateY(180deg);
}

button{
    color: var(--textHi);
    font-weight: 700;
    border: 1px solid var(--skyBlue);
    padding: 10px 24px;
    border-radius: 35px;
    background-color:var(--backLo);
    font-size:14px;
    cursor:pointer;
}

button:hover {
    box-shadow: 0 0 10px -2px white;
	background-color: var(--backHi);
}

button:active {
	color:var(--backHi);
	background-color:var(--skyBlue);
}




textarea{
	font-family: 'Roboto', sans-serif;
	background-color:white;
	border:thin #999999 solid;
	border-radius:2px;
	height:25px;
	margin:2px;
	padding:3px;
	outline:none;
	resize: vertical;
	font-family:'Roboto Mono', monospace;
}

textarea.kontaktVprasanje{
	width:400px;
	height:300px;
}


textarea:focus{
	background-color:#feffd7;
}


textarea::placeholder { 
  color:var(--placeHolder);
  opacity: 1; /* Firefox */
}


input, select, textarea {
    width: 280px;
    background-color: white;
    border: thin var(--back) solid;
    border-radius: 5px;
    height: 26px;
    margin: 5px;
    padding: 4px;
    outline: none;
    vertical-align: -webkit-baseline-middle;
}


input:focus, select:focus{
	background-color:#feffd7;
}

input[type=checkbox]{
	width:20px;
	margin-right:10px;
	vertical-align:middle;
}

input[type=checkbox], input[type=radio] {
    accent-color: #c52131;
    /*width:auto;*/
    vertical-align: middle;
}

input::placeholder { 
  color:var(--placeHolder);
  opacity: 1; /* Firefox */
}


*[required] {
    background-image: url('../slike/required.svg');
    background-repeat: no-repeat;
    background-position: right 1px;
    background-size: 8px 8px;
}

*[readonly]{
	background-image: url('../slike/readOnly.svg');
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 14px 14px;
}


select{
	/*background-color:white;*/
	border:thin #999999 solid;
	border-radius:4px;
	height:33px;
   -webkit-appearance: menulist-button;
	margin:2px;
	padding:3px;
	outline:none;
	
}
select>option{
font-size:12px;
}

.selectButton{

	border:thin #999999 solid;
	color:white;
	padding:8px;
	outline:0;
	height:33px;
	border-radius:4px;
	background-color:#CCCCCC;
	margin:0 4px 6px 0;
	zoom:80%;
}

.selectButton.selected{
	background-color:#8BB400;
}

.selectButton:hover{
	background-color:#999999;
}

#captcha{
	height:40px;
	vertical-align:text-top;
	border-radius:4px;
}

input[name=capUser] {
    width: 67px;
    padding: 10px;
    margin: 8px 0 0 14px;
    height: 40px;
}


.invalid{
	background-color:#ffecec;
	border:thin red solid;
	background-image: url('../slike/errInput.svg');
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 14px 14px;
	animation: shake 0.2s ease-in-out 0s 2;
}

.seemsOk{
	background-image: url('../slike/seemsOk.svg');
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 14px 14px;
}

.timeGradeSelect{
    font-size: 10px;
    margin-top: 5px;
    color:var(--textLo);
}

.timeGradeSelect input{
	width:10px;
	padding:2px;
	margin:2px;
}

.timeGradeSelect label{
	margin-right:10px;
}

.timeGradeSelect input[type=radio] {
  display: none; /* skriješ standardni radio gumb */
}

.timeGradeSelect label {
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid var(--border);
    border-radius: 6px;
    cursor: pointer;
    transition: 0.2s;
    background-color: var(--backHi);
}

.timeGradeSelect input[type=radio]:checked + span {
  color: white;
  /*border-color: #ffaa00;*/
}

.timeGradeSelect label:has(input[type="radio"]:checked) {
    border-color: var(--niceBlue);
    background-color: var(--blueSteel);
}

/*.timeGradeSelect input[type="radio"]:checked + label {
  background-color: #ffaa00;
  color: white;
}*/


@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}

tr{
	vertical-align:top;
}

td.label{
	padding-top:18px;
}

.napravaTA{
	height:280px;
	width:540px;
}

help>img {
    width: 12px;
    height: 12px;
    position: relative;
    left: -16px;
    top:-16px;
}

help {
    text-decoration: none;
}
help:hover {
    cursor: help;
    position: relative;
}
help>span.h {
    display: none;
    opacity:0;
	transition: 100ms linear;
	width:0;
}

help:hover>span.h {
    border: #c0c0c0 1px dotted;
    border-radius: 8px 8px 8px 0;
    padding: 10px;
    background-color: #ffec3f;
    display: block;
    opacity: .1;
    z-index: 100;
    left: -40px;
    margin: 2px;
    width: max-content;
    position: absolute;
    bottom: 30px;
    color: #1f1818;
    transition: 200ms linear;
    font-size: 11px;
    box-shadow: 2px 5px 5px 2px #141414;
}

help>span.h:hover{
    opacity:1;
	transition: 100ms linear;
}

help>span::after {
  content: "";
  position: absolute;
  bottom: -10px; /* razdalja od spodnjega roba */
  left: 25px;    /* premik od levega roba */
  width: 0;
  height: 0;
  border-width: 10px 10px 0 0; /* velikost trikotnika */
  border-style: solid;
  border-color: #ffeb3b transparent transparent transparent;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); /* senca trikotnika */
}

.loader {
  font-family:Arial, Helvetica, sans-serif;
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#1C1C1C;
  color:#DBDBDB;
  font-size: 1em;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  text-align:center;
  text-shadow: black 1px 2px 4px;
}

.loader.visible {
  opacity: 1;
}

.boxLeft{
	float:left;
	margin-right:25px;
	margin-left:10px;
	margin-bottom:10px;
}

.boxRight{
	float:right;
	margin-right:10px;
	margin-left:25px;
	margin-bottom:10px;
}

.ozadje {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ozadje::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../slike/ozadje.jpg") center/cover no-repeat;
  filter: brightness(0.7) blur(4px);
  z-index: -1; /* da je za vsebino */
}
.text{
   overflow:auto;
}

.textSmall{
	font-size:10px;
}

.red{
	color:crimson;
}

.textBig{
	font-size:24px;
}

.textHi{
	color:var(--textHi);
}

.textLo{
	color:var(--textLo)
}
.textSkyBlue{
	color:var(--skyBlue)
}

.textBold{font-weight:700;}

#loadPercent{
	color:var(--skyBlue);
}

.presteteCrke {
    text-align: right;
    display: block;
    padding-right:40px;
}

.nalogD1{
	width:130px;
	display:inline-block;
}


/*--edit div------------------------------------------*/
.editDiv {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #EAEAEA;
    color: black;
    z-index: 1045;
    overflow: hidden auto;
}



.editorOutline {
    display: inline-block;
    padding: 3px;
    border: 2px #C0C0C0 solid;
    margin-top: 10px;
    overflow: hidden auto;
}

.editorButtons{
    display: inline-block;
	width:1280px;
	background-color:#C0C0C0;
    padding: 10px;
    font-size:10px;
}

/*--- err / msg okno--------------------------------- */

#errVnos {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: -200px;
    z-index: 600;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    opacity: 0;
    color: black;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 6px #979797;
    opacity: 0.9;
    cursor: default;
}

.showWaitOrange,
.showWaitGreen{
	background-color:white;
	cursor:default;
	min-width:450px;
}
.showWaitOrange{
    border: solid 2px #b76e6e;
}

.showWaitGreen{
	border: solid 2px green;
}

.showWaitOrange>#evText,
.showWaitGreen>#evText {
    color: black;
    min-height: 50px;
    border-radius: 5px;
    border: 1px #dedede solid;
    display: block;
    padding: 10px;
}

.showWaitOrange>#barText,
.showWaitGreen>#barText {
    color: black;
    text-shadow: 0px 0px 3px white;
    position: relative;
    background-color: #baff84;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 17px;
}
.showWaitOrange>#barText{
	background-color: #f3c9c9;
}
    


#showWait, #showWait2{
	position:fixed;
	text-align:center;
	top:0;left:0;bottom:0;right:0;
	padding-top:300px;
	color:black;
	cursor:wait;
	z-index:10000;
}
#showWait>#swBorder{
	display:inline-block;
	position:fixed;
	padding:30px;
	border:thin black solid;
	border-radius:10px;
	background-color:#ffffffdd;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:10001;
	width:250px;
	left:-145px;
	margin-left:50%;
}
#showWait img{
	height: 100%;
	max-height: 50px;
	vertical-align: middle;
}



.myMsgBtnYes {
	border-radius:10px;
	background: #a8a8a8;
	background: linear-gradient(180deg,rgba(168, 168, 168, 1) 0%, rgba(200, 200, 200, 1) 9%, rgba(255, 255, 255, 1) 54%, rgba(199, 199, 199, 1) 95%, rgba(82, 82, 82, 1) 100%);
    color: black;
    border: 1px solid;
    filter: drop-shadow(1px 0px 3px var(--back));
    margin: 0 3px 0 3px;
}

.myMsgBtnYes:hover {
    background:none;
    background-color: var(--niceBlue);
    filter: drop-shadow(1px 0px 5px var(--back));
}

.myMsgBtnYes:active {
    background:none;
    background-color: var(--niceBlue);
    transform: translate(1px, 1px);
}

.myMsgBtnYes.defaultBtn {
    border: 2px black solid;
	/*
	background: #a8a8a8;
	background: linear-gradient(180deg, rgba(168, 168, 168, 1) 0%, rgba(166, 212, 159, 1) 9%, rgba(195, 247, 195, 1) 54%, rgba(116, 212, 126, 1) 95%, rgba(82, 82, 82, 1) 100%);
	*/
}

/*
.myMsgBtnYes.cancelBtn{
background: #a8a8a8;
background: linear-gradient(180deg, rgba(168, 168, 168, 1) 0%, rgba(237, 148, 126, 1) 9%, rgba(255, 214, 214, 1) 54%, rgba(212, 116, 116, 1) 95%, rgba(82, 82, 82, 1) 100%);
}
*/


#home1_2_email{
	width:405px;
}

#blogLevo {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    /*background-color: aquamarine;*/
    min-height: 500px;
}

#blogDesno {
    display: inline-block;
    vertical-align: top;
    width: 1025px;
    background-color: var(--backHi);
    min-height: 795px;
}

.hashTag {
	display:inline-block;
    border-radius: 5px;
    background-color: var(--blueSteel);
    color: var(--linkHover);
    cursor: pointer;
    padding:1px;
    margin:1px;
}

.hashTag:hover {
    background-color: var(--niceBlue);
    color: var(--back);
}

.hashTag:active{
	transform: translate(1px, 1px);	
}


.link_menu.maleTipke{
	padding:15px 3px 3px 3px;
}
.maleTipke>a{
	font-size:12px;
	border-radius:5px;
}

.maleTipke>a.selected {
    background-color: var(--skyBlue);
    color: var(--backLo);
}

#blogIskanje{
	padding:15px 3px 3px 3px;
}

#blogIskanje input {
    width: 160px;
    vertical-align: middle;
    border-radius: 5px 0 0 5px;
    margin-right: 0;
}


#blogIskanjeLupa{
	display:inline-block;
	vertical-align:middle;
}

#blogIskanjeBtn {
    font-weight: 300;
    padding: 7px 7px;
    border-radius: 0 5px 5px 0;
    background-color: var(--back);
    font-size: 13px;
    cursor: pointer;
    margin-left: -5px;
    border: thin var(--border) solid;
    height: 30px;
}

#blogZapisi{
	padding:15px 3px 3px 3px;
}

#blogOstaliZapisi{
	/*max-height:500px;
	background-color:bisque;
	overflow:hidden scroll;*/
}

#blogZapisi a{
	color:var(--texthi);
	padding:7px 2px 10px 2px;
	border:1px var(--backLo) solid;
	border-radius:3px;
	display:block;
	filter:none;
	transition: 0.5s ease;
}

#blogZapisi a:hover{
	color:var(--skyBlue);
	border:thin var(--skyBlue) solid;
    transition: 0s
}

#blogZapisi a.selected {
    color: var(--skyBlue);
    border: thin var(--skyBlue) solid;
    background-color: var(--backHi);
    color: var(--textHi);
    border: 1px var(--border) solid;
}


#blogLevo ul {
    list-style-type: none;
    margin: 0;
    padding: 10px;
}

#blogLevo ul li {
    font-weight: 300;
    /*margin-bottom: 10px;*/
    color:var(--textLo);
}

#blogLevo ul li.blgMenuNaslov{
	font-weight:500;
	color:var(--textHi);
}


#vsebinaBlogNovice{
	padding:10px;
}
#vsebinaBlogNovice p{
	margin-top:20px;
}

#vsebinaBlogNovice h1{
    margin-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 0px;
}

#vsebinaBlogNovice h2 {
    font-family: Rajdhani;
    font-size: 25px;
    margin-top: 30px;
    font-weight:600;
}

#vsebinaBlogNovice h3{
    font-size: 20px;
    margin-top: 30px;
    font-weight: 500;
}


.metaDiv {
    text-align: left;
    width: 1300px;
    margin: 0 auto;
    background-color: #C0C0C0;
}

.tblReplace {
    display: inline-block;
    width: -webkit-fill-available;
    /*background-color: antiquewhite;*/
}

.tblReplace > span{
	font-size:10px;
	width:80px;
	display:inline-block;
}

.tblReplace > span#urlWarning {
    font-size: 10px;
    width: unset;
    display: inline-block;
    padding:10px 40px 10px 10px;
    
}

.tblReplace > input{
	width:385px;
}

button.clear {
    border-radius: 5px;
    padding: 3px;
    vertical-align: sub;
    margin-left: -9px;
    background-color: #d4d4d3;
    color: black;
    border: 1px #888888 solid;
    font-size: 10px;
    font-weight: 500;
}

button.clear:hover {
    background-color:#FFF9C4;
}
button.clear:active{
	transform: translate(1px, 1px);	
}

.chatMe {
    border: 1px azure solid;
    max-width: 359px;
    display: block;
    border-radius: 5px;
    padding: 5px;
    background-color: #59b9dc;
    color: #000000;
    margin:3px 3px 3px 470px;
    list-style-type: none;
}

	
.chatYou {
    border: 1px azure solid;
    max-width: 500px;
    display: block;
    border-radius: 5px;
    padding: 5px;
    background-color: #b5f7a1;
    color: #000000;
    margin:3px 3px 3px 135px;
	list-style-type: none;    
}
p.chatMe,p.chatYou{
	text-indent: 0;	
	list-style-type: none !important;
}


p.chatMe::before,
p.chatYou::before {
  content: "";
}

#pObvestilo {
    position: fixed;
    bottom: -500px;
    right: 40px;
    width: 300px;
    height: fit-content;
    border-radius: 20px 20px 0 0;
    background-color: var(--back);
    z-index: 2000;
    box-shadow: 5px 9px 40px 5px black;
    opacity: 0.95;
    padding: 10px;
    font-size: 12px;
    border: 1px var(--textHi) solid;
}


.mButton {
    border-radius: 5px;
    padding: 8px;
    font-weight: 300;
    font-size: 12px;
}

.funFact {
    border-radius: 5px;
    padding: 20px;
    font-weight: 400;
    font-size: 12px;
    background-color: var(--blueSteel);
    color: var(--textHi);
}


.block{
	display:block;
}


.defImgSelect{
	max-width:100px;
	max-height: 100px;
	border: 2px var(--border) solid;
	padding:5px;
	margin:5px;
}

.defImgSelect.selected{
	border: 2px var(--red) solid;
}

.disabled{
	pointer-events:none
}

.hide{
	display:none;
}


::-webkit-scrollbar {
  width: 10px;                /* širina vertikalnega scrolla */
  height: 10px;               /* višina horizontalnega scrolla */
}

::-webkit-scrollbar-track {
  background: var(--backLo);        /* barva ozadja scrollbara */
}

::-webkit-scrollbar-thumb {
  background-color: var(--blueSteel);  /* barva ročaja */
  border-radius: 6px;         /* zaobljeni robovi */
  border: 2px solid #202020;  /* prostor okoli ročaja */
}


@media (min-width: 1600px) {
    .pageWrap {
        zoom: 1.20;
        transform-origin: top center;
    }
}

@media (min-width: 1850px) {
    .pageWrap {
        zoom: 1.40;
        transform-origin: top center;
    }
}


@media (min-width: 2000px) {
    .pageWrap {
        zoom: 1.40;
        transform-origin: top center;
    }
}

@media (min-width: 2200px) {
    .pageWrap {
        zoom: 1.60;
        transform-origin: top center;
    }
}


@media (max-width: 1300px) {
    .pageWrap {
        zoom: 0.90;
        transform-origin: top center;
    }
}

@media (max-width: 1160px) {
    .pageWrap {
        zoom: 0.70;
        transform-origin: top center;
    }
}

@media (max-width: 910px) {
    .pageWrap {
        zoom: 0.60;
        transform-origin: top center;
    }
}