/* 
==========================================================================
   Author's custom styles
 ========================================================================== 
 */
   
   

    
body {
	font-family: 'robotolight', Arial, Sans-serif;
	font-size: 14px;
	color: #464646;
	margin-bottom: 320px !important;
}
html {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
  position: relative;
  min-height: 100% !important;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: inherit;
}
a {
	color: #464646;
}
a img {
	border: none;
}
a, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	outline: none;
	text-decoration: none;
}
/*a.active {
	text-decoration: none;
	transition: all 0.3s linear;
	transition: color .2s ease-out, background 0.5s ease-in;
}*/

a:focus {
	outline: none;
	text-decoration: none;
}
.clear {
	height: 1px;
	line-height: 0;
	font-size: 1px;
	clear: both;
}
img {
	border: none;
}
a:hover, a:hover span {
	transition: all 0.3s ease-in;
}
.margtop15 {
	margin-top: 15px;
}
/*---------------------------------------------------------------*/

.preselected-naslov {margin-left: 15px; margin-top: 20px;}

.preselected { margin-top: 10px; background: transparent; padding: 15px; border-radius: 6px; border:1px solid #efefef; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; padding-bottom: 10px;}
.preselected-container { position: relative;}
.preselected-option { display: inline-block; padding: 10px 10px; background-color: #f2f2f2; border-radius: 6px; margin-right: 10px;}
.preselected-option:hover {background-color: #dc1b1b;}
.preselected-option:hover .close {color: #fff;}
.preselected-option .close {font-size: 14px; color: #828282;opacity:1; letter-spacing:-0.9px;}
.preselected-option .tmpOpisToDelete {margin-left: 10px;}
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
    margin-left: 0;
}

.form-control {
	border-radius: 0;
	border-color: #a6a6a6;
	color: #464646 !important;
}
.pad0 {
	padding: 0;
}
*:focus {
	outline: 0;
}
.sbHolder {
	height: 32px;
	padding-top: 20px;
}
.sbHolder a {
	transition: none;
}
.sbOptions {
	left: 0;
	width: 100% !important;
	z-index: 999;
}
.sbOptions a:first-child {
	border: none;
}
.sbOptions a:hover {
	background-color: #f9f9f9;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
	color: #464646;
}
.sbOptions a:link, .sbOptions a:visited {
	color: #464646;
	padding-left: 10px;
}
.sbOptions a:link:hover {
	background-color: #0194d9;
	color: #fff;
}
.sbOptions li:hover {
	background-color: #0194d9;
	padding: 0;
}
.prazno {background-color: #fff;border-color:#a6a6a6;font-family: 'robotolight', sans-serif;}
.izabrano {background-color: #f9f9f9; border-color:#0194d9; }
.izabrano .sbSelector {font-family: 'robotobold', sans-serif;}
/*-------------------------------------------------------------*/

/* header */
.mob {position: relative;bottom:0px;display: none;}
#mobToggle {position: relative; display: block;}
#trokut {position: absolute; right:4px;top:-11px; display:none;}
.mobmeniwrap {
	list-style: none;
	padding: 0;
	width: 100%;
	background-color: #0194d9;
}
.mobmeniwrap a {
	display: block;
	width: 100%;
	padding: 5px 15px;
	color:#FFF;
	font-size: 18px;
	border-bottom:1px solid #46aade;
}
.mobmeniwrap a:hover {background-color: #46aade;}

.mobKos { font-size: 18px; color:#fff;display: block; width: 100%; margin-top: 15px; background-color: #0194d9 !important; height: 35px; overflow: hidden; font-family: 'robotoregular', sans-serif;}
.mobKos:hover {color:#fff;}
.mobKos:hover .ikona {background-color: #01b0f1;}
.mobKos .kolicina {padding: 5px 15px; text-align: center; background-color: #fdbf2d; display: block; float: left;}
.mobKos .iznos {padding: 5px 15px;display: block; float: left;background-color: #0194d9;}
.mobKos .ikona { font-size: 26px; padding: 0 15px; border-left:1px solid #46aade;}
.mobileSearch {margin-top: 10px;}
.headerDesno {position: relative;}
.kosaricaIznos {position: absolute; right: 15px; top:-20px;}
.mobMeni {
	color: #fff;
	background-color: #0194d9;
	font-size: 22px;
	margin-top: 20px;
	padding: 10px 12px;
}
.mobMeni:hover {
	color: #fff;
	background-color: #ffc000;
}
.mobOstali {
	color: #0194d9;
	border: 1px solid #a6a6a6;
	font-size: 20px;
	margin-top: 20px;
	padding: 10px 12px;
}
.mobOstali:hover {
	color: #fff;
	background-color: #0194d9;
	border-color: #0194d9;
}
header {
	background-color: #f2f2f2;
	padding-top: 0;
	padding-bottom: 20px;
	width: 100%;
	position: relative;
}

header { /*sticky*/
	position: fixed; 
	left: 0;
	top:0;	
	width: 100%;
	z-index: 9999;
	transition: all .3s ease 0s, background .3s ease 0s; 
}
header.sticky {
	padding-top:0;

	transition: all .3s ease 0s, background .3s ease 0s; 
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	background-color: #e8e8e8;

}
.bojeSkrol {bottom:-20px !important; width:100%; height:3px;transition: all .2s ease 0s; }



.podnaslov2 {
	display: none;
}
header .boje {
	position: absolute;
	bottom: -26px;
	left: 15px;
}
.logoSvg {
	display: block;
	margin-top: 10px;
}
.logoSvg img {
	max-width: 220px;
	max-height: 68px;
}
.podnaslov {
	font-size: 13px;
	margin-top: 4px;
	color: #999;
}
.maliMeni, maliMeni2 {
	padding-top: 5px;
}
.maliMeni a {
	margin-right: 20px;
}

.maliMeni .odjava {
    margin-left: 50px;
}
.icoMenu {
	font-size: 13px;
	line-height: 20px;
}
.icoMenu:hover {
	color: #000 !important;
}
.icoMenu span {
	margin-right: 0px;
	font-size: 23px;
	color: #0194d9;
	position: relative;
	top: 3px;
}
.icoMenu:hover span {
	color: #ffc000;
}
.maliMeni2 a {
	margin-left: 7px;
	line-height: 32px;
}
#kosarica {
	background-color: #0194d9;
	height: 34px;
	height: 42px;
	width: 57px;
	display: block;
	margin-top: 11px;
	position: relative;
}
#kosarica span {
	position: absolute;
	right: 10px;
	top: -6px;
	color: #fff;
	font-size: 38px !important;
}
#kosarica:hover {
	background-color: #ffc000;
}

#kosarica .kolicina {
	position: absolute;
	border-radius: 100%;
	background-color: #ffc000;
	color:#fff;
	text-align: center;
	right:-12px;
	top:-12px;
	padding-top: 5px;
	padding-left: 1px;
	width: 30px;
	height: 30px;
}
#search {
	height: 42px;
	margin-top: 11px;
	width: 95%;
}
.searchSubmit {
	background-color: #a6a6a6;
	padding: 10px 20px;
	height: 34px;
	height: 42px;
	width: 57px;
	display: block;
	margin-top: 16px;
	padding-top: 8px;
	color: #fff !important;
	font-size: 18px;
	position: absolute;
	right: 25px;
	top: -5px;
}
.searchSubmit:hover {
	background-color: #ffc000;
}
.container.sadrzaj {
	padding-top: 40px;
}
.lijevaKolona {
	/*background-image: url(../img/bg-sjena.png);
	background-position: right;
	background-repeat: repeat-y;*/
	padding-right: 0;
}
.desnaKolona {
	margin-bottom: 60px;
}
/* brzo narucivanje */
.box {
	padding-right: 15px;
}
.brzoNarucivanje {
	width: 100%;
	background: url(../img/bg-brzoNar.jpg) no-repeat right bottom;
	padding-bottom: 15px;
}
.lbl {
	font-size: 16px;
	color: #0194d9;
	margin-bottom: 15px;
	font-family: 'robotolight', sans-serif;
	font-size: 16px;
	color: #464646;
}
#kosaricaBrzo {
	border: 1px solid #a6a6a6;
	display: block;
	width: 45px;
	float: left;
	height: 42px;
	margin-left: 10px;
	text-align: center;
	position: relative;
	background-color: #0194d9;
	border-color: #0194d9;
	float: right;
	color: #fff;
}
#kosaricaBrzo span {
	position: absolute;
	right: 6px;
	top: -3px;
	color: #fff;
	font-size: 32px !important;
}
#kosaricaBrzo:hover {
	background-color: #ffc000;
	border-color: #ffc000;
}
#kosaricaBrzo:hover span {
	color: #fff;
}
#sifraBrzo {
	width: 117px;
	float: left;
	height: 42px;
	margin-right: 4px;
	text-align: center;
	padding: 5px;
}
#kolicinaBrzo {
	width: 58px;
	float: left;
	height: 42px;
	text-align: center;
	padding: 5px;
}
/* robne marke */
.box.marke {
	padding-top: 15px;
}
/* kategorije proizvoda */
.box.kategorije {
	margin-top: 19px;
}
.box.kategorije .lbl {
	font-family: 'robotobold', sans-serif;
	font-size: 16px;
	color: #464646;
}

/* desna kolona home */
h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 22px;
	color: #464646;
}
h2.border {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
	color: #0194d9;
}
.hrefNewsItem {
	display: block;
	margin-top: 20px;
}


.slider {
	margin-bottom: 30px;
}
.slider a {
	display: block;
}
.newsItem:hover .hrefVise {
	color: #0194d9 !important;
	font-family: 'robotobold', sans-serif;
}
.newsItem img  {
	border: 1px solid #e1e1e1;
	padding: 20px;
	display: block;
	margin: 0 0 20px 0 ;
}

.hrefNewsItem p {
	font-size: 14px;
}
.hrefNewsItem:hover {
	color: #0194d9 !important;
}
.hrefNewsItem:hover p {
	color: #666 !important;
}
.hrefVise:hover {
	color: #0194d9 !important;
	font-family: 'robotobold', sans-serif;
}
h3 {
	font-family: 'robotobold', sans-serif;
	font-size: 18px;
	margin-bottom: 15px;
}
.proizvodiSlider .opis {
	position: relative;
}
.proizvodiSlider img  {
	border: 1px solid #e1e1e1;
	padding: 20px;
	display: block;
	margin-right: 0px;
}



.proizvodiSlider {
	margin-bottom: 20px;
}
.proizvodiSlider .naslov {
	font-size: 15px;
	display: block;
	margin-top: 15px;
	color: #000;
	max-height: 22px;
	overflow: hidden;
}
.proizvodiSlider .naslov:hover {
	color: #0194d9;
}
.slide a:hover img {
	opacity: 0.6;
}
.dodajKos {
	font-size: 32px;
	color: #0194d9;
	position: relative;
	top: 4px;
	left: -8px;
	cursor: pointer;
}
.proizvodiSlider .dodajKos span {
	padding-left: 0;
	cursor: pointer;
}
.proizvodiSlider .cijena {
	font-family: 'robotomedium', sans-serif;
	font-size: 18px;
	position: absolute;
	left: 24px;
	top: 37px;
}

.proizvodiSlider .cijenaeur {
	font-family: 'robotomedium', sans-serif;
	font-size: 14px;

	position: absolute;
	left: 37px;
	top: 60px;
}

.proizvodiSlider .crta {
	padding-bottom: 10px;
}
.proizvodiSlider .crta hr {
	border-color: #e1e1e1;
}
.proizvodiSlider .opsirno {
	display: block;
	padding: 3px 20px;
	border: 1px solid #e1e1e1;
	margin-top: 13px;
	margin-right: 1px;
}
.proizvodiSlider .opsirno:hover {
	color: #fff;
	border-color: #0194d9;
	background-color: #0194d9;
}
/* footer */
footer {
	background-color: #999999;
	padding: 40px 0;
	padding-bottom: 60px;
	color: #f9f9f9;	
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 320px;
}
.fooBoje {
	position: absolute;
	top: -40px;
	right: 0;
}
footer .copy {
	margin-top: 5px;
	text-align: center;
	font-size: 14px;
}
footer .moto {
	font-size: 20px;
}
footer .moto span {
	font-family: 'robotobold', sans-serif;
}
footer .grupa {
	margin-top: 20px;
}
footer a {
	color: #f9f9f9;
}
footer .grupaNaslov {
	font-size: 20px;
	display: block;
	padding: 5px 0;
	font-family: 'robotobold';/*border-bottom: 1px dotted #bbb;	*/	
}
footer .grupaNaslov:hover {
	color: #ffc000;
}
footer .firma {
	margin-top: 20px;
	text-align: right;
}
footer .grupa ul {
	list-style: none;
	padding: 0;
}
footer .grupa ul li {
	margin-top: 5px;
}
footer a:hover {
	color: #ffc000;
}
footer .gd {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	position: absolute;
	bottom: 0;
	right: 15px;
	color: #b4b4b4;
}
footer .gd:hover {
	color: #fff;
}
.fooCrta {
	padding: 10px;
	margin: 10px auto;
	width: 30%;
	display: none;
}
/* UNUTRA */

a.rootHref.active.worktime {
	background-color: #f0f0f0;
	color: #a6a6a6 !important;
	padding-bottom: 10px;
}
a.podkat.active {
	color: #0194D9 !important;
	font-family: 'robotomedium', sans-serif;
	background-color: #fff;
	padding-left: 10px;
}
a.podkat.active:hover {
	background-color: #fff;
}
a.podkat.active span {
	display: none;
}


h1.border {
	margin-top: 15px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e1e1e1;
	font-family: 'robotomedium', sans-serif;
	font-size: 22px;
}
.koliko {
	background-color: #ffc000;
	padding: 5px 8px;
	color: #fff;
	font-size: 16px;
	margin-right: 10px;
}
.breadcrumb {
	padding-left: 0;
	padding-top: 0;
	background: none;
	font-size: 13px;
}
.breadcrumb span {
	margin-right: 5px;
}
.breadcrumb a {
	color: #999;
	cursor: pointer;
}
.breadcrumb a:hover {
	color: #0194d9;
}
.breadcrumb .zadnji {
	color: #464646;
}
.slikeToggle {
	/*margin-top: 20px;*/
}
.slikeToggle label {
	border-radius: 0;
	background-color: #fff;
	color: #464646;
	border-color: #a6a6a6;
}
.slikeToggle label.active {
	background-color: #0194d9;
	color: #fff;
	border-color: #0194d9;
}
.row.alati {
	padding-top: 15px;
}

.row.alati .panel-title a {
	display: block;
}
.row.alati .panel-heading {
	position: relative
}

.row.alati .touch-button {
	position: absolute;
    z-index: 999;
    top: 10px;
    right: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    height: 100%;
    background: transparent;
}

.legendawrapper {
    margin-top: 20px;
}

.legendawrapper .lbl {
    float: left;
}

.table-responsive {
	border: none;
}
#mytable {
	margin-top: 30px;
	border: none;
}
#mytable img {
	max-width: 70px;
}
#mytable th {
	border-bottom: none;
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
	color: #000;
	font-family: 'robotomedium', sans-serif;
}
#mytable td {
	vertical-align: middle;
	text-align: center;
	/*font-size: 12px;*/
	/*color: #000;*/
	border: none;
	border: 1px solid #e1e1e1;
}
#mytable .artikal {
	text-align: left;
}
#mytable .artikal a {
	display: block;
	
}
#mytable .artikal a:hover {
	color: #000;
	transition: none;
}
#mytable .artikal div {
	font-family: 'robotomedium', sans-serif;
}
#mytable .slika {
	width: 90px !important;
	background: #fff;
}
#mytable .skladiste {
	width: 40px !important;
}
#mytable .skladiste span {
	font-size: 28px;
	opacity: 1 !important;
}
#mytable .vpc {
	text-align: center;
	width: 90px;
}
#mytable .rabat {
	width: 80px !important;
	text-align: center;
}
#mytable .cijena {
	width: 90px !important;
	text-align: center;
}
#mytable .input {
	width: 112px !important;
	text-align: center;
}
#mytable .upit {
	text-align: center;
}
#mytable .kolicinawrap input {
	color: #0194d9 !important;
	font-family: 'robotomedium', sans-serif;
	font-size: 13px;
	padding-left: 10px;
}
#mytable .kolicinawrap {
	position: relative;
}
#mytable .dodajKosTable {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 36px;
	height: 34px;
	font-size: 28px;
	color: #fff;
	background-color: #0194d9;
	text-align: center;
}
.dodajKosTable span {
	position: relative;
	top: -3px;
}
#mytable .fa {
	color: #999;
}
 .dodajKosVelicine {
	font-size: 15px;
}
 span.ok {
	color: #31ed55;
}
span.upit {
	color: #ffc000;
}
 span.nema {
	color: #e63b0e;
}
/* skriveni red za velicine u tabalici */
 .drugiredtd {
	padding: 0 !important;
	padding-bottom: 10px !important;
	background-color: #fff;

	display: none;
}
 .drugiredalati {
	text-align: left;
	padding-left: 0px;
	text-align: center;
	position: relative;

	
}
.trokutLista {
	position: absolute;
	left:33px;
	top:-11px;
}
 .brzeVel input {
	color: #464646
}
 .brzeVel .velicine {
	padding: 0;
	list-style: none;
	margin: 0;
}
 .brzeVel .velicine li {
	position: relative;
	float: left;
	margin-left: 7px;
}

 .brzeVel .velicine li input {
	width: 52px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding-left: 8px;
	font-family: 'robotobold', sans-serif;
	font-size: 14px;
	text-align: center;
	border-radius: 0;
	border-color: #ededed;
	/*float: left;*/
	border-top: none;
	padding: 0;
}
 .brzeVel .velicine span {
	/*position: relative;
	float: left;*/
	display: block;
	/*left: 0px;*/
	font-size: 14px;
	color: #fff;
	background-color: #ffc000;
	padding: 6px;
	font-family: 'robotomedium', sans-serif;
	margin-top: 10px;
}
 .brzeVel .velicine .nedostupno span {
 	opacity: 1 !important;
	color: #666;
	background-color:#ededed !important;

}
 .brzeVel .velicine .nedostupno input:disabled {
	 background-color: #fff;
}
 
.brzeVel .velicine span.stanje {
	 position: relative; top:-10px;
	font-size: 12px;
	color: #666;
	background-color: #ededed;

 } 
 
span.stanjenedostupno {
    color: red !important;
} 

  .brzeVel .velicine span.stanje .stopis {
	font-size: 9px;
	padding: 0;
	color: #666;
	background-color: #ededed;
	font-family: 'robotomedium', sans-serif;
	text-transform: uppercase;

 } 
 
   .brzeVel .velicine span.stanje .stcijena {
	font-size: 12px;
	padding: 0;
	color: #666;
	background-color: #ededed;
	font-family: 'robotomedium', sans-serif;
	text-transform: uppercase;
	margin:0;

 } 

 .brziKos {
	height: 37px;
	text-align: center;
	color: #fff;
	background-color: #0194d9;
	display:inline-block;
	float: left;
	padding: 0 10px;
	padding-top: 11px;
	margin-left: 10px;
	font-family: 'robotomedium', sans-serif;
	margin-top: 10px;
	margin-right: 5px;
	height: 118px;
	padding-top: 15px;
	width: 85px;

}
.btnNarudzba {

	text-align: center;
	color: #fff;
	background-color: #0194d9;
	display:inline-block;
	font-family: 'robotomedium', sans-serif;
	padding: 10px 30px;
	
 
 }
 .btnNarudzba:hover {
	 color: #fff;
	background-color: #ffc000;
 }
 #napomena {height: 100px;}
 #frmBuy h2 { margin-top: 50px;}
.brziKos .basket {font-size: 40px;}
 .brziKos:hover {
	color: #fff;
	background-color: #ffc000;
}	

.zuto{
	float: left;
	background-color: #ffc000;
}

.table-striped>tbody>tr:nth-of-type(odd) {background: none !important;}
 .aktivna {background-color: #f9f9f9 !important; color: #0194d9;}
 .nema {opacity: 0.2;}
 .nema span {background-color: #000 !important;}
.slikeToggle .btn {
	padding: 6px 6px;
	margin-bottom: 0;
	font-size: 13px;
}
	

/* proizvodi */
.slikaGlavna {
	margin: 20px auto;
}
.prodLijevo {
	text-align: center;
}
.prodDesno {padding-top: 35px;}
.prodDesno .brzeVel .velicine {
	padding-left: 0;
	margin:0;	
}


.prodDesno .brziKos {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;	
}

.proizvod .kataloskibroj {
	font-family: 'robotomedium', sans-serif;
	font-size: 18px;
}
.proizvod .cijena {
	font-size: 15px;
	padding-bottom: 20px;
}
.proizvod .cijenaplavo {
	font-family: 'robotomedium', sans-serif;
	color: #01b0f1;
}
.proizvod .ukupnocijena span {font-size: 13px; font-family: 'robotolight', sans-serif;color:#464646;}
.proizvod .ukupnocijena { text-align: right; font-family: 'robotomedium', sans-serif; font-size: 24px; color:#01b0f1; position: relative; top:-11px;right:10px;}
.proizvod .ukupnocijena .iznos {position: relative; top: -7px;}
.proizvod {border-bottom: 1px solid #e1e1e1;}
.proizvod .slikaProd {border-right: 1px solid #e1e1e1; }
.cijenawrap {text-align: left;}
.ukupnocijena { text-align: right;}

	
#brzoporuka,#brzoporukakosarica {
	display: none;
	padding: 10px 15px;
	background-color: #ffc000;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	width: 100%;
	font-family: 'robotomedium', sans-serif; font-size: 16px; 
}

.table-responsive form textarea {background-color: #f2f2f2; border: none;}
.brziKos {padding-bottom: 30px !important; }
#mytable tr:first-of-type {font-family: 'robotomedium', sans-serif; font-size: 14px; }
#mytable tr:first-of-type td { background-color:#f9f9f9;}

/*novi meni*/
.flexnav {margin-bottom: 30px;}
.podul {padding-left: 0;}

.flexnav li ul li a.podkat.active span {
    display: inline-block;
}

.flexnav li ul li ul li a {
    padding-left: 35px;
}

.flexnav li ul li ul li a.active {
    padding-left: 35px;
}


.flexnav li a {padding: 10px 0; word-break: break-word; padding-left: 10px; padding-right: 25px; background-color: #efefef; display: block; overflow: visible;}

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center; 
    height: 100%;
    background: transparent;
}


.flexnav .touch-button:hover {
    cursor: pointer; 
}


.flexnav .touch-button .fa {
    position: relative;
    top:12px;
    font-size: 20px;
    color: #666;
}





.flexnav li ul li a, .flexnav ul li ul li a {background: transparent;}
.podkat span {margin-right: 10px;}
.podkat {font-size: 14px;}
.rootHref:hover {background-color: #fff;}
.container.sadrzaj {margin-top:150px;}
.btn.active, .btn:active {box-shadow: none;}

label.btn:hover {background-color: #ffc000; border-color: #ffc000;}
.prodDesno .brzeVel .velicine { margin-bottom: 0px;}
.prodDesno .brzeVel .velicine li {margin: 0; margin-right: 5px; text-align: center;}

.prodDesno .brziKos.kosarica {margin-top: 10px; display: inline-block; height: 50px;}
.prodDesno .brziKos.kosaricavelicina {margin-top: 10px; display: inline-block; height: 50px;}
.logoSvg.stiki {margin: 0;}
td.cijena {font-family: 'robotomedium', sans-serif;}
.stikiRow {margin-top: 5px;}
.box.kategorije .menu-button {float: right !important;}
.box.kategorije .menu-button .touch-button {display: none;}
.box.kategorije .lbl {float: left; padding-top: 10px;}
.box.kategorije .menu-button .touch-button {display: none;}
.box.kategorije .mobMeni {margin: 0;}
li .rootHref.active { background-color: #0194d9; color: #fff !important;}
li.root.active .touch-button i {color: #fff;}

.stanje {
	display: block;
	font-size: 11px;
	padding: 5px 0px;
	color: #666;
	font-family: 'robotomedium', sans-serif;
	text-transform: uppercase;
}
.stanje .stopis {padding-right: 5px;}
.stopis.stopis2 {
	border-top: 1px solid;
	padding-top: 5px !important;
	margin: 0px !important;
}
.stanje .stcijena {padding-right: 5px;}

.stcijena.stcijena2 {
    padding-bottom: 5px !important;
}

.lager_ico { float: left; margin-bottom: 13px; }

.skladiste_naslov { float:left;margin-right: 10px; font-family: "robotomedium", Arial, Sans-serif; padding-top: 5px; }
.row.alati .lbl {float: left;}
.legenda {padding-left:0; list-style: none; float: right;}
.legenda li {float: left; padding-left: 20px;}
.legenda li img { margin-right: 5px; width:18px; position: relative; top:-1px;}
.prodDesno .legenda {font-size: 12px; position: relative; left: -10px; width:350px;}
.prodDesno .legenda li {padding-left: 10px;}
.prodDesno .legenda li img { margin-right: 3px; width:15px; position: relative; top:-1px;}

.panel-heading.ULN {
	background-color: #ffc000;
}
.panel-body ul {
	padding-left: 20px;
}

.red{border:1px solid red !important;}
.tooltip.top .tooltip-arrow {border-top-color:#787480;}
.tooltip-inner {max-width: 240px;width: 240px;background-color: #787480;}
.tooltip-inner .dostupnodatum {margin: 5px 0;	}
.tooltip-inner strong {margin-top: 5px; display: block;}
.table-responsive {overflow: visible;}
.brzeVel .velicine span.stanje .stopis {background: transparent;}
.brzeVel .velicine span.stanje .stcijena {background: transparent;}
.brzeVel .velicine span.stanje:hover {cursor: pointer; background-color: #787480; color: #fff !important; text-decoration: none;}
.brzeVel .velicine span.stanje:hover .stopis {color: #fff; text-decoration: none;}
.brzeVel .velicine span.stanje:hover .stcijena {color: #fff; text-decoration: none;}
.stanje.stanjedostupno:hover {cursor: pointer; text-decoration: underline;}
.thumbwrap {margin: 30px 0;  padding: 20px 0; text-align: left}
.thumbwrap a {display: inline-block;border:1px solid #ddd; margin-left: 5px; background-color: #fff;padding: 5px 0; margin-top: 5px;	}
.thumbwrap a:hover {border-color: #ffc000;}


.flexnav li.outlet a.rootHref {
    background-color:#dc1b1b !important; color: #fff;
}
.flexnav li.outlet {color: #fff !important;}

.topbar {
    background: #ccc;
    padding: 5px 0;
    margin-bottom: 5px;
}

.topbar ul {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    text-align: right;
    width: 100%;
    margin: 0;
}

.topbar ul li {
    display: inline-block;
    margin-right: 10px;
}

.topbar ul li:last-child {
    margin-right: 0;
}


.tehdokumentacija a {display: inline-block; margin-bottom: 10px;margin-left:0px;}
.tehdokumentacija a:before {
	font-family: 'FontAwesome';
	content: "\f019";
	display: inline-block;
	margin-right: 10px;
	color: #666;
}
.tehdokumentacija a:hover {color: #01b0f1;}
.selekt {margin-top: 5px;}
.selekt .selectAlat {margin: 10px 0;}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {color: #999 !important}

.selektiranAktivan button {color: #0194d9 !important; border-color:#0194d9;}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {background-color: transparent; }

#okiniFiltere {margin-right: 15px;}

.logoOpisArtikl{
    margin-bottom: 20px;
}

#mytable .slika > a {
    display: block;
    position: relative;
}

#mytable .slika > a.new-item:before,
.slikawrap.new-item:before {
    content: "";
    width: 20px;
    height: 24px;
    background: url("../img/icon-new.png") no-repeat center;
    background-size: cover;
    position: absolute;
    top: -5px;
    left: -5px;
}

.slikawrap.new-item:before {
    width: 50px;
    height: 62px;
    top: 20px;
    left: 15px;
}
   
.opisartikla a{color: #0194D9 !important;}

.mob_pokazi{
	display:none !important;
}