td {text-align:left;vertical-align:middle;padding:3px 4px;}
.padding1 td {padding:2px 4px;}
a {color:black;text-decoration:none;}

a.barvaj {display:block;}
a.barvaj:hover {background-color:#F5F8FD;}

html {width:100%;height:100%;padding:0;margin:0;}
body {width:100%;height:100%;padding:0;margin:0;
	  color:black;font-size:12px;
	  font-family: Helvetica, Arial, sans-serif;
}
table {border-spacing:0;border-collapse:collapse;}
/* th {text-align:left;vertical-align:middle;background-color:#e6f2ff;color:black;padding:1px;border-top:solid 1px;border-color:#005AA3;} */
th {text-align:left;vertical-align:middle;background-color:#dfe9f5;color:black;padding:1px;border-top:solid 1px;border-color:#c6c3c6;}
h1 {background-color:#005AA3;color:white;text-align:center;font-size:18px;padding:4px;margin:0;}
img {border-width:0;}

.alttext {color:#0059A3;}

.ozadje0 {background-color: #F4FAFF;}
.ozadje1 {background-color: #F5F8FD;}
.ozadje2 {background-color: #018FCB;}
.ozadje3 {background-color: #005AA3;}

.ozadjeSlika {background-image:url(images/euroton_uprava.jpg);background-repeat:no-repeat;background-position:bottom right;}

.obrobaS1 {border-bottom:solid 1px #c6c3c6;}
.obrobaS2 {border-bottom:solid 1px #018FCB;}


.obrobaZ2 {border-top:solid 1px #018FCB;}


.leftpane {width:222px;padding:2px;padding-top:3px;padding-right:0;vertical-align:top;background-color: #dfe9f5;}
.leftpaneinner {width:222px; font-weight:bold;overflow-x:hidden;overflow-y:auto; position:absolute; top:0;bottom:0; }
.fillpane {padding:2px;padding-top:3px;padding-bottom:0;vertical-align:top;height:100%;}

@media screen and (max-width: 640px){
	.hide-on-mobile {display:none!important;}
	.hide-on-mobile-soft {display:none;}
	.floatright-on-mobile {float:right;}
	.static-on-mobile {position:static!important;}
	.fullwidth-on-mobile {width:100%!important;}
}
@media screen and (min-width: 640px){
	.hide-on-desktop {display:none!important;}
}

@media print{
	.hide-on-print, .hide-on-print *	{display: none !important;}
	div{
		width:100%;
		border-width:0 !important;
		position:static !important;
	}
}
.position-absolute {position:absolute;}
#aTabZgodVoz:hover {text-decoration:none;color:grey;} 
#aTabIskanje:hover {text-decoration:none;color:grey;}
#aTabPriljubljeno:hover {text-decoration:none;color:grey;}
#btnFavorite:hover {text-decoration:none;color:black;}

.hoverbutton:hover{
    background-color: #FFFFE8;
}
.hoverVgradnja:hover{  
	border: dashed #c6c3c6;
}

@media screen and (max-width: 640px){
    .mobilewidth100{width:100%;
    }
    .mobileimagewidth {
        /*width:50px;*/
        max-width:50px;
		max-height:80px;
    }
    .mobileoverflow {
        overflow:auto;
    }
	.borderMobile{
		border-top:solid 1px #018FCB;
	}
	.mobilePositionSticky{
		position:sticky;
		top:0;
	}
	.mobileFont11{
		font-size:11px;
	}
	.mobileTop70{
		top: 70px;
	}
	
	/*.PriceModeSwitch {display:none;}*/

}

@media screen and (min-width: 640px){
    .desktopwidth {width:84.4%;
    }
    .desktopborderbottom {
        border-bottom:solid 3px #abc0d1;
    }
    .desktopimagewidth {
        /*width:70px;*/
        max-width:70px;
		max-height:100px;
    }
    .desktopoverflow {
        overflow:auto;
    }
	.desktopAktualno{
		margin-left:20%;
		width:60%;
		height:auto;
	}
	.borderDesktop{
		border:solid 1px #018FCB;
	}	
	.desktopMargin{
		margin:5px;
	}
	.desktopFont12{
		font-size:12px;
	}
	.desktopTop35{
		top: 35px;
	}
	.desktopMarginLeft580{
		margin-left:580px;
	}
}
.loader {
	border: 8px solid #005AA3;
	border-radius: 50%;
	border-top: 8px solid #fdf135;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	position: fixed;
    z-index: 999;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 21px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #005AA3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #005AA3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

:root {
	--pane-box-shadow: 0 1px 4px rgba(0,0,0,.04),0 2px 18px rgba(0,0,0,.08);
	--card-button-size: 36px;
	--card-button-bg-color: transparent;
	--font-size-text-xsm: 12px;
	--card-button-size: 36px;
	--animation-speed-very-fast: 100ms;	
}
.pane-box-shadow {
    box-shadow: var(--pane-box-shadow);
	align-items: center;
}
.buttonShadow {
    align-items: center;
    background-color: var(--card-button-bg-color);
    border: 0;
    border-radius: calc(var(--card-button-size) / 2);
    display: inline-flex;
    font-size: var(--font-size-text-xsm);
    font-weight: 500;
    height: var(--card-button-size);
    min-width: var(--card-button-size);
    padding: 0 12px 0 14px;
    transition: transform var(--animation-speed-very-fast);
}