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 silver;}


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

.view-switch-actions {float:right;margin:8px 16px 0 10px;display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.view-switch-form {margin:0;padding:0;}
.view-switch-button {display:inline-flex;align-items:center;justify-content:center;min-height:28px;box-sizing:border-box;padding:0 12px;border:1px solid #005AA3;background:#ffffff;color:#005AA3!important;font:600 12px Helvetica, Arial, sans-serif;text-decoration:none!important;line-height:1.1;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.14);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;}
input.view-switch-button {-webkit-appearance:none;appearance:none;}
.view-switch-button:hover,
.view-switch-button:focus {background:#eaf3fb;border-color:#004a85;color:#003f73!important;box-shadow:0 2px 5px rgba(0,90,163,.2);outline:0;}
.view-switch-button-primary {background:#ffeb3b;border-color:#d5bb00;color:#111!important;}
.view-switch-button-primary:hover,
.view-switch-button-primary:focus {background:#ffe100;border-color:#bba300;color:#111!important;box-shadow:0 2px 5px rgba(213,187,0,.28);}
.view-switch-actions-modules {margin:4px 9px 0 12px;}
.view-switch-actions-modules .view-switch-button {min-height:30px;padding:0 14px;}
.view-switch-actions-articles {margin:0 4px 0 12px;}
.view-switch-actions-articles .view-switch-button {min-height:20px;padding:0 14px;}

.graphic-catalog-vehicle-notice {display:flex;align-items:center;gap:12px;margin:8px 10px 10px;padding:10px 12px;border:2px solid #005AA3;background:#f4fbff;box-shadow:0 2px 6px rgba(0,90,163,.14);box-sizing:border-box;}
.graphic-catalog-vehicle-notice-icon {flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#ffeb3b;border:1px solid #d5bb00;color:#111;text-align:center;font-size:22px;font-weight:bold;line-height:32px;}
.graphic-catalog-vehicle-notice-title {margin-bottom:2px;color:#003f73;font-size:16px;font-weight:bold;line-height:1.25;}
.graphic-catalog-vehicle-notice-text {color:#111;font-size:13px;font-weight:bold;line-height:1.35;}

@media screen and (max-width: 640px){
	.view-switch-actions {float:none;margin:8px 8px 0;justify-content:flex-start;}
	.view-switch-button {min-height:30px;}
	.graphic-catalog-vehicle-notice {align-items:flex-start;margin:8px;padding:9px;gap:9px;}
	.graphic-catalog-vehicle-notice-title {font-size:14px;}
	.graphic-catalog-vehicle-notice-text {font-size:12px;}
}


.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:0px;padding-bottom:0;vertical-align:top;height:100%;}

.model-save-title {margin:0;padding:9px 14px;background:#005AA3;color:white;text-align:center;font-size:18px;line-height:1.25;font-weight:bold;}
.model-save-page {min-height:100%;padding:18px 20px 28px;background:#f4f7fb;box-sizing:border-box;}
.model-save-card {max-width:980px;margin:0 auto;background:white;border:1px solid #c7d4df;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;}
.model-save-content {padding:16px 18px 20px;}
.model-save-car-name {margin:0 0 12px;padding:0 0 5px;border-bottom:1px solid #d8e5ef;color:#142d43;font-size:15px;font-weight:bold;line-height:1.35;}
.model-save-form {margin:0;}
.model-save-layout {width:100%;margin:0;border:0;border-collapse:collapse;}
.model-save-layout-cell {width:100%;padding:0!important;vertical-align:top;}
.model-save-details {width:100%;border:1px solid #c8d8e5;border-radius:4px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:white;overflow:hidden;}
.model-save-details th,
.model-save-details td {padding:3px 10px!important;border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:1px solid #d9e7f2!important;line-height:1.3;vertical-align:middle;}
.model-save-details th {width:34%;background:#e9f1f8!important;color:#24394c;font-weight:bold;}
.model-save-details td {background:#ffffff!important;color:#111;font-weight:bold;}
.model-save-details tr:nth-child(even) td {background:#fbfdff!important;}
.model-save-spacer-row td {height:12px;padding:0!important;background:#f4f7fb!important;border-bottom:0!important;}
.model-save-field-row th {background:#dfe9f5!important;}
.model-save-input {width:100%;max-width:360px;height:32px;box-sizing:border-box;border:1px solid #9ab0c2;border-radius:4px;padding:5px 8px;background:white;color:#111;font:inherit;font-weight:bold;}
.model-save-note-input {max-width:520px;}
.model-save-input:focus {outline:0;border-color:#005AA3;box-shadow:0 0 0 2px rgba(0,90,163,.18);}
.model-save-action-label {background:white!important;border-bottom:0!important;}
.model-save-actions {padding-top:12px!important;text-align:left;background:white!important;border-bottom:0!important;}
.model-save-button {height:34px;padding:0 18px;border:1px solid #004a85;border-radius:4px;background:#005AA3;color:white;font:inherit;font-weight:bold;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.18);}
.model-save-button:hover {background:#004f90;}
.model-save-button:focus {outline:0;box-shadow:0 0 0 2px rgba(0,90,163,.25);}

@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;}
	.model-save-page {padding:10px;}
	.model-save-content {padding:12px;}
	.model-save-details,
	.model-save-details tbody,
	.model-save-details tr,
	.model-save-details th,
	.model-save-details td {display:block;width:100%!important;box-sizing:border-box;}
	.model-save-details th {border-bottom:0!important;padding-bottom:3px!important;}
	.model-save-details td {padding-top:3px!important;}
	.model-save-input {max-width:none;}
	.model-save-actions {text-align:center;}
	.model-save-button {width:100%;}
}
@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 silver;
	}
	.mobilePositionSticky{
		position:sticky;
		top:0;
	}
	.mobileFont11{
		font-size:11px;
	}
	.mobileTop70{
		top: 70px;
	}
	.mobileTop91{
		top: 91px;
	}
	.mobileCarWidth{
		width:96%;
	}
	.mobileCarTextSize{
		font-size:16px;
		font-weight:bold;
	}
	
	/*.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:50px;
		padding-right: 4px;
    }
	.desktopimagebrandmaxheight {
        max-height:30px;
    }
    .desktopoverflow {
        overflow:auto;
    }
	.desktopAktualno{
		margin-left:20%;
		width:60%;
		height:auto;
	}
	.borderDesktop{
		border-left:solid 1px silver;
		border-right:solid 1px silver;
		border-bottom:solid 1px silver;
	}	
	.desktopMargin{
		margin-left:5px;
	}
	.desktopFont12{
		font-size:12px;
	}
	.desktopTop35{
		top: 35px;
	}
	.desktopMarginLeft580{
		margin-left:580px;
	}
	.desktopTop75{
		top:75px;
	}
	.desktopCarWidth{
		width:262px;
	}
	.desktopCarTextSize{
		font-size:14px;
		font-weight:bold;		
	}
}
.loader {
	position: fixed;
	z-index: 2147483000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.45);
	-webkit-animation: none;
	animation: none;
	pointer-events: all;
}

.loader:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border: 8px solid #005AA3;
	border-top-color: #fdf135;
	border-radius: 50%;
	background: transparent;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
	-webkit-animation: spin .9s linear infinite;
	animation: spin .9s linear infinite;
}

body.page-loading {
	cursor: wait;
}

/* 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);
}

label{
    margin-bottom: .35rem;
}

/* breadcrumb*/

.flex {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto
}

.card .card-title {
     color: #000000;
     margin-bottom: 1px;
     text-transform: capitalize;
     font-size: 0.875rem;
     font-weight: 500
}

.card .card-description {
     margin-bottom: 1px;
     font-weight: 400;
     color: #76838f
}
 
.breadcrumb.breadcrumb-custom {
    padding: 0 0;
    border-color: #dbe3e6;
	margin-bottom:3px;
	margin:5px 5px 5px 0;
}

.breadcrumb {
    border: 1px solid #f3f3f3;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.56rem 1.13rem;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}

nav {
    display: block;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item {
    font-size: 12px;
    background: #dfe9f5;
    padding: 0px 10px;
    color: #000;
    display: inline-block;
    vertical-align: top;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
    content: "";
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a {
    position: relative;
    color: inherit;
    border: 1px solid #dbe3e6;
    display: inline-block;
    vertical-align: top;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
    right: -19px;
    z-index: 3;
    border-left-color: #dfe9f5;
    border-left-style: solid;
    border-left-width: 10px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    border-top: 21px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 12px solid #ffffff;
    top: -9px;
    right: -23px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
    background: transparent;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
    content: "";
}
.breadcrumb.breadcrumb-custom .breadcrumb-item a:before, .breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
    position: absolute;
    top: -2px;
    width: 0;
    height: 0;
    content: "";
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

/* MAIN MENU*/

/* Barva menija */
    .navbar-custom {
      background-color: #dfe9f5; /* modra */
	  padding:0;
	  /*float: left;*/
	  width:100%;
    }
    .navbar-custom .nav-link {
      color: black;
      font-weight:bold;
      padding: 10px 15px;
	  border-right:solid 1px #c6c3c6;
    }
    .navbar-custom .nav-link:hover {
      background-color: #005AA3;
      color: white;
    }

    /* Active link */
    .navbar-custom .nav-link.active {
      background-color: #005AA3;
      color: white;
	  font-weight:bold;
    }

    /* Dropdown prilagoditev */
    .dropdown-menu {
      background-color: #dfe9f5;
      border: none;
      border-radius: 0;
      margin-top: 0;
      display: none;
      opacity: 0;
      transform: translateY(-10px);
      transition: all 0.3s ease;
    }
    .dropdown-menu .dropdown-item {
      color: black;
      padding: 5px 10px;
	  font-size:12px;
	  font-weight:bold;
    }
	
    .dropdown-menu .dropdown-item.active {
      background-color: #005AA3;
      color: white;
	  font-weight:bold;
    }
	
	.dropdown-menu .dropdown-item:hover {
      background-color: #005AA3;
      color: white;
    }

    /* Hover efekt na desktopu */
    @media (min-width: 992px) {
      .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Popravek, da se na mobilnem prikaže normalno */
    @media (max-width: 991px) {
      .dropdown-menu {
        display: block;
        opacity: 1;
        transform: translateY(0);
        margin-left: 5px;
		z-index:1000;		
      }
    }
	@media (max-width: 991.98px) {
		.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
			z-index:1000;
		}
	}
	@media (max-width: 992px) {
		.navbar-expand-lg .navbar-nav .dropdown-menu {
			position: relative;
		}
		.navbar-custom .nav-link {
			position: relative;
			background-color: #dfe9f5;
		}
		.nav-link dropdown-toggle .nav-item dropdown{
			position: relative;
			z-index:1000;
		}
		.navbar-custom {
		  float: right;
		  width:auto;
		}
		.navbar-toggler-icon {
			background-image: url("images/menuIconMobileWhite.png");
			height:15px;
			width:15px;
		}
	}
	@media (min-width: 992px) {
		.navbar-custom {
		  background-color: #dfe9f5; /* modra */
		  padding:0;
		  
		  width:100%;
		  border-top: solid 1px white;
		  border-bottom: solid 1px white;
		}
		.navbar-expand-lg .navbar-nav .dropdown-menu {
			position: absolute;
			top:34px;
		}
		.container-fluid{
			padding-left:1px;
		}
		
	}
	
	.graphic-catalog-btn {
		display: inline-block;
		padding: 7px 15px;
		background: linear-gradient(to right, #ffe169 0, #fffa00 100%);
		color: #000 !important;
		text-decoration: none;
		font-weight: bold;
		white-space: nowrap;
	}
	
	.graphic-catalog-btn-return {
		padding: 5px 15px;
	}
	
	.graphic-catalog-btn:hover {
		background:#ffe000;
		color:#000 !important;
	}

	.back-to-catalog {
		margin-left:10px;
	}
	


	/* gumb pri iskalniku */
	.dropdown {
		position: relative;
	}

	.graphic-catalog-btn-search {
		position: absolute;
		top: 0;
		right: 0;
	}

	/* gumb v tabeli */
	.graphic-catalog-btn-back {
		position: static;
	}
	
	.list-group {
		margin-top:1px;
		margin-right:10px;
		margin-left:-10px;
		z-index:1000;
	}
	
	@media (max-width: 768px) {
		.graphic-catalog-btn-search {
			position: absolute;
			display: block;
			margin-top: 8px;
			width: 100%;
			text-align: center;
		}
	}
	
	.graphic-catalog-btn.graphic-catalog-btn-search {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.new-badge {
		position: absolute;
		top: -10px;
		right: -8px;
		background: #ff0000;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		padding: 2px 6px;
		border-radius: 12px;
		line-height: 1;
		z-index: 10;
		animation: newBadgePulse 1.2s infinite;
		box-shadow: 0 0 8px rgba(255,0,0,.6);
	}
	
	@media (max-width: 768px) {

		.mobilePositionSticky tr {
			display: flex;
			flex-wrap: wrap;
		}

		.mobilePositionSticky td:last-child {
			flex: 0 0 100%;
			width: 100%;
			margin-top: 5px;
		}

		.graphic-catalog-btn-return {
			display: block;
			width: 100%;
			text-align: center;
			box-sizing: border-box;
		}
		.new-badge{
			top: 36px;
			right: 0;
			font-size:16px;
		}
	
		.graphic-catalog-btn.graphic-catalog-btn-search {			
			top:28px;
		}
		
		.mobileHeight{
			min-height: 84px;
		}
		
		.list-group {
			position: absolute;
			width: 100%;
			z-index: 1000;
		}
	}	
	
	.graphic-catalog-btn {
		position: relative;
	}

	@keyframes newBadgePulse {
		0%,100% {
			transform: scale(1);
		}
		50% {
			transform: scale(1.15);
		}
	}
	
	.mobile-price-info{
		position:absolute;
		right:5px;
		top:3px;
		color:white;
		text-align:right;
		font-size:10px;
	}