html {
  height: 100%;
}
body {
	height: 100%;
	font-family:Arial, Tahoma;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	background-color:#a5d4f4;
	background: url(../images/icm_bg1.png) repeat-x left top;
}
/* HEADER {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
} */

.reklama-header-prikaz {
    width: 490px;
    height: 95px;
    background: #FFF;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: none;
}
.reklama-header-a{
	display: none;
}
.reklama-header-okvir-b{
	display: none;
	text-align: center;
}
.reklama-header-b{
	display: none;
	text-align: center;
}
@media screen and (min-width: 1750px) {
	.reklama-header-a {
	    display: inline-block;
	}
}
@media screen and (max-width: 1749px) {
	.reklama-header-b {
	    display: inline-block;
	}
	.reklama-header-okvir-b{
		display: block;
	}
}

/* REKLAMA - HEADER */

#reklama-header-stil {
	overflow:hidden;
	position:absolute;
	height: 95px;
	width: 490px;
}
.slide1
{
	position:absolute;
	width: 490px;
	height: 95px;
	background-position: center center;
    background-size: cover;
}
.slide
{
	position:absolute;
	left:500px;
	width: 490px;
	height: 95px;
	background-position: center center;
    background-size: cover;
}
/* ------------------------------------- */

.moj-modal {
	width: auto;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	z-index: 990;
	border: 4px solid #FFF;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
}
.moj-modal-close {
	width: 28px;
	height: 29px;
	background: #555555;
	position: absolute;
	top: -20px;
	right: -20px;
	padding: 14px 0 0 15px;
	border-radius: 50px;
	border: 2px solid #FFF;
	color: #FFF;
	cursor: pointer;
	-webkit-box-shadow: -1px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 2px 2px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 2px 2px 0px rgba(0,0,0,0.75);
	transition: background-color 0.3s ease;
}
.moj-modal-close:hover {
	background-color: #222222;
}
.moj-modal-overlay {
	background-color: rgba(226, 226, 226, 0.5);
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 980;
}
/*-- LOGIN FORM -------------------------------------------------------*/
#prijava_form{
    position: absolute;
    top: 25%;
    left: 40%;
    margin-top: -90px;
    margin-left: -50px;
}
#prijava_form label{
    display: block;
    width: 80px;
    float: left;
    text-align: left;
	margin-top: 10px;
	margin-left: 2px;
	font-size: 18px;
	color: #282828;
	font-weight: normal;
}
.prijava_form_okvir {
	background: #FFF;
	width: 356px;
	min-height: 500px;
	padding: 52px 30px 20px 40px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid #d6dde2;
}
.prijava-form-title{
	width: 272px !important; 
	font-size: 28px !important; 
	padding-top: 5px !important; 
	text-align: center !important; 
	color:#464646 !important; 
} 
.prijava_form_okvir input { border: 1px solid #d0d0d0; padding: 10px; background: #fff; width: 272px; }
.prijava_form_okvir input:active, .inputwrapper input:focus { background: #fff; border: 1; }
.prijava_form_okvir button {
		  display: block; border: 1px solid #0c57a3; margin-top:20px; padding: 10px; background: #0972dd; width: 272px;
		  color: #fff; text-transform: uppercase; }
.prijava_form_okvir button:focus, .prijava_form_okvir button:active, .prijava_form_okvir button:hover { background: #1e82e8; }
br { clear: left; }
/*-----------------------------------------*/
#navbar
{
	height: 97px;
}
.col-toolbar {
	padding: 0 !important;
	flex-wrap: wrap;
}
.container-skladiste-vrsta {
	float: left;
	width: 402px;
	height: 97px;
	padding: 16px 0 0 20px;
}
#naziv-skladista
{
	/* padding-top: 10px; */
}
#naziv-skladista h2
{
	margin-bottom: 4px !important;
	color: #d8e9f9;
	font-size: 18px;
	font-weight: bold;
}
#vrsta-promjene
{
	/* padding-top: 8px; */
/*	background: url(../images/logo1.png) no-repeat left top; */
}
#vrsta-promjene h2
{
	color: #91c8ff;
	font-size: 24px;
	font-weight: bold;
}

#toolbar
{
	float: left;
	height: 97px;
}
#toolbar ul {
	margin:0;
	padding:0;
	list-style:none;
	/* background-color:red; */
}
#toolbar li {
	display:inline;
	margin:0;
	padding:0;
}
#toolbar a {
	float:left;
	margin:0;
	text-decoration:none;
}
.btn-posalji-siri {
	display: inline !important;
}
.btn-posalji-uzi {
	display: none !important;
}
.btn-posalji-uzi-label {
	display: inline !important;
}
.btn-posalji-uzi-tel-label {
	display: none !important;
}
.btn-odjava {
	display: none !important;
}
.btn-odjava-tel {
	display: none !important;
}
a.prvi{
	width:95px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
    position: relative;
	background:url("../images/btn_posalji.png") no-repeat left top;
}
a:hover.prvi{
	width:95px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
	background:url("../images/btn_posalji_over.png") no-repeat left top;
}
a.drugi{
	width:94px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
	background:url("../images/btn_prethodne.png") no-repeat left top;
}
a:hover.drugi{
	width:94px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
	background:url("../images/btn_prethodne_over.png") no-repeat left top;
}
a.treci{
	width: 94px; 
	height: 95px;
	padding: 34px 0 0 50px;
	background:url("../images/btn_u_pripremi.gif") no-repeat left top;
}
a:hover.treci{
	background:url("../images/btn_u_pripremi_over.gif") no-repeat left top;
}
a.pregled{
	width:95px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
    position: relative;
	background:url("../images/btn_pregled.png") no-repeat left top;
}
a:hover.pregled{
	width:95px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
	background:url("../images/btn_pregled_over.png") no-repeat left top;
}
a.odjava{
	width:95px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
    position: relative;
	background:url("../images/btn_odjava.png") no-repeat left top;
}
a:hover.odjava{
	width:95px; 
	height:95px;
	padding: 70px 0 0 0;
    font-size: 12px;
    color: #d8e9f9;
    text-decoration: none;
    text-align: center;
	background:url("../images/btn_odjava_over.png") no-repeat left top;
}
#brojUPripremi{
	font-weight: bold;
	color: #ffffff;
	width:22px;
	height:19px;
	padding-top:3px;
	text-align: center;
	/* background-color:red; */ 
}
/* TOOLBAR KOMITENT --------------------------------- */
.toolbar-komitent{
	float:right;
	min-width:280px;	
}

#profil_komitent
{
	float:left;
	height:97px;
	padding: 0 10px 0 93px;
	background: url(../images/profil_komitent.gif) no-repeat left top;
}
#odjava
{
	height:18px;
	width:150px;
	margin-top:5px;
	padding: 0 0 0 22px;
	background: url(../images/odjava_ikonica.gif) no-repeat left top;
}
/* SALDO TOOLBAR ---------------------------------- */
.toolbar-saldo
{
	color:#FFFFFF;
	font-size:48px;
}

/* LOGO TOOLBAR ----------------------------------- */
#logo
{
	float: left;
	width: 64px;
	height: 94px;
/*	background: url(../images/logo-mali.png) no-repeat center #032a52; */
}
.logo-image
{
	width: 64px;
	height: 94px;
	background: url(../images/logo-mali.png) no-repeat center #032a52;
}
#logo ul {
	margin:0;
	padding:0;
	list-style:none;
}
#logo li {
	margin:0;
	padding:0;
}
#logo a {
	float:left;
	margin:0;
}
#logo a.skladiste-btn{
	width:64px; 
	height:95px;
	padding: 66px 0 0 0;
	font-size: 12px;
	color: #d8e9f9; 
    text-decoration: none;
	text-align: center;
	background:url("../images/skladiste-icon.png") no-repeat center top 16px #032a52;
}
#logo a:hover.skladiste-btn{
	background:url("../images/skladiste-icon-over.png") no-repeat center top 16px #0f1b28;
}

#izbor-skladista-modal ul {
	margin:0;
	padding:0;
	list-style:none;
}
/* #izbor-skladista-modal li {
	margin:0;
	padding:0;
} */
/* #izbor-skladista-modal a {
	margin:0;
} */

/* MENI - IZBOR SKLADISTA ---------------- */
.menu-izbor-skladista {
    width:100%;
}
.menu-izbor-skladista li {
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    transition-duration: 0.2s;
    /* background-color: #4180dd; */
}
.menu-izbor-skladista li:hover {
    background-color: #0866c6;
    color: #FFFFFF;
}
/*
.menu-izbor-skladista li.active {
    border: 3px solid #FFFFFF;
    border-radius: 4px;
    background-color: #dd417f;
} */

.menu-izbor-skladista li a:hover {
    color:#cae2f9;
    text-transform: uppercase;
    text-decoration: none;
	border-radius: 4px;
	background:url("../images/menu-izbor-skladista-aktivan.png") no-repeat right 20px center #043363;
}

.menu-izbor-skladista li a {
    color: #0866c6;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 1em;
    width: 100%;
	transition-duration: 0.2s;
	border-radius: 4px;
/*	background:url("../images/menu-izbor-skladista.png") no-repeat right 20px center; */
}
.menu-izbor-skladista li.active a {
    color:#cae2f9;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    background:url("../images/menu-izbor-skladista-aktivan.png") no-repeat right 20px center #0866c6;
}

/* TOOLBAR LEFT ----------------------------------- */
.toolbar-left {
/*    width: 64px; */
	flex: inherit;
    background-color: #032a52;
}
.toolbar-left-top {
	width: 64px;
	height: 54px;
	background: #406286;
}
.toolbar-left ul {
	margin:0;
	padding:0;
	list-style:none;
}
.toolbar-left li {
	margin:0;
	padding:0;
}
.toolbar-left a {
	float:left;
	margin:0;
}
.toolbar-left a.nazad-btn{
	width:64px; 
	height:54px;
	background:url("../images/nazad-icon.png") no-repeat left 16px top 13px;
}
.toolbar-left a:hover.nazad-btn{
	background:url("../images/nazad-icon-over.png") no-repeat left 16px top 13px #234569;
}
.toolbar-left a.zatvori-btn{
	width:64px; 
	height:54px;
	background:url("../images/close-icon.png") no-repeat left 16px top 13px;
}
.toolbar-left a:hover.zatvori-btn{
	background:url("../images/close-icon-over.png") no-repeat left 16px top 13px #234569;
}
.toolbar-left a.narudzbe-btn{
	width:64px; 
	height:98px;
	padding: 64px 0 0 0;
	font-size: 12px;
	color: #d8e9f9;
    text-decoration: none;
	text-align: center;
	background:url("../images/narudzbe-icon.png") no-repeat center top 24px;
}
.toolbar-left a:hover.narudzbe-btn{
	background:url("../images/narudzbe-icon-over.png") no-repeat center top 24px #0f1b28;
}
.toolbar-left a.povrat-btn{
	width:64px; 
	height:98px;
	padding: 64px 0 0 0;
	font-size: 12px;
	color: #d8e9f9;
    text-decoration: none;
	text-align: center;
	background:url("../images/povrat-icon.png") no-repeat center top 24px;
}
.toolbar-left a:hover.povrat-btn{
	background:url("../images/povrat-icon-over.png") no-repeat center top 24px #0f1b28;
}

/* MREZA IZBOR PROIZVODA ------------------------------ */ 
#izbor_proizvoda
{
    height: 100%;
    width: 402px;
/*    flex: 99; */
    background: url(../images/izbor_proizvoda_bg.png) no-repeat left top;
}
#display{
	position: relative;
	font-family:Arial, Tahoma;
    height: 100%;
    overflow: auto;
	/* color:#3c3c3c; */
}
#navigacija {
	background: #c6d5e5;
/*	width: 402px; */
	height: 58px;
	padding: 5px 0 0 7px;
/*	position:fixed;
	top:97px;
	z-index: 100; */
	text-align: left;
/*	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); */
}
#navigacija_pretraga {
/*	width: 430px; */
/*	height:34px; */
	padding-right: 8px;
	margin-bottom:2px;
	text-align: left;
	position: relative;
}
.pretraga_label1 {
	font-size: 14px;
	color: #7b7b7b;
}
#navigacija_proizvodjac {
	width: 430px;
	height:44px;
	margin-top:6px;
	text-align: left;
}
#navigacija_proizvodjac1 {
	float:left;
	width: 398px;
	height:44px;
}
#navigacija_proizvodjac2 {
	float:left;
	width: 32px;
	height:44px;
}
#display_proizvodjac {
	background: #FFF;
	width: 425px;
	height:300px;
	display:none;
	position:fixed;
	top:201px;
	z-index: 101;
	overflow: auto;
	text-align: left;
	padding-right:10px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}
.loader-search {
	z-index: 100;
	display: none;
	position: absolute;
    background: url(../images/loader-search.gif) no-repeat;
    background-size: cover;
    border: none;
    width: 20px;
    height: 20px;
    top: 12px !important;
    right: 48px;
}
.cancel-search-button{
	z-index: 100;
	display: none;
	position: absolute;
	background: url(../images/cancel-search.png) no-repeat;
    cursor: pointer;
    border: none;
    width: 36px;
    height: 36px;
    top: 4px !important;
    right: 10px;
}
#proizvodjac_polje{
	width: 390px;
	height:30px;
	font-size:16px;
}
#tblArtikliHeader {
	border-collapse: collapse; 
}
#tbl-proizvodi{
	/* margin-left:5px; */
	border-collapse: collapse; 
}
#tbl-proizvodi input{
	height: 42px;
	width: 75px;
	margin-right: 10px;
}
.inputNijeNarucen{
	color: #8e8e8e;
}
.inputNarucen{
	color:#000000;
}
.tbl-proizvodi-red td{
/*	background-color:#eeeeee; */
	border-bottom: 1px solid #e3e9f0;
/*	padding:2px 2px 2px 0; */
}
.tbl-proizvodi-red2 td{
/*	padding:2px 2px 2px 0; */
	background:#ffffff;
}
#tbl-proizvodi tr:hover td{
	color:#000000;
	background:#c9d7f1;
}
.nazivArtikla{
	color:#30455a;
	font-size:14px;
	font-weight: 600;
}
.sifra-cijena-artikla{
	display: flex;
	margin-top: 2px;
	font-size:13px;
}
.zaliha-artikla .lbl-kolicina-artikla{
	display: inline;
	color: #0f77e1;
	font-size: 13px;
	font-weight: 600;
}
.sifra-cijena-artikla .lbl-sifra-artikla{
	display: inline;
}
.sifra-cijena-artikla .lbl-cijena-artikla{
	display: inline;
}
.sifra-cijena-artikla .zaliha-artikla{
	margin: 4px 14px 0 0;
	height: 10px;
	width: 10px;
}
.sifra-cijena-artikla .nula{
	background: #a1a1a1;
}
.sifra-cijena-artikla .ispod-deset{
	background: #f26522;
}
.sifra-cijena-artikla .iznad-deset{
	background: #3cb878;
}

.sifra-cijena-artikla .sifra-artikla{
	margin-right: 14px;
	color: #6a7d90;
}
.sifra-cijena-artikla .cijena-artikla{
	font-weight: bold;
	color: #4883be;	
}
.nazivProizvodjaca{
	margin-top:3px;
	font-size:11px;
	color:#707070;
}
.kolicinaPolje{
	width:45px;
}

#izabrani {
    flex: 99;
	min-height: 683px !important;
    background: url(../images/izabrani_sijenka.png) no-repeat left top;
}
.izablani-btn-top {
	display: none;
	justify-content: space-between;
	margin-bottom: 15px;	
}
.izabrani-btn-nazad {
    width: 34px;
    height: 34px;
    text-align: center;
    background: #ffffff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #adadad;
}
/* #izabrani_mreza 
{
    position: absolute;
    top: 96px;
    left: 464px;
    bottom: 0;
    right: 0;
    padding:11px 11px 0 15px;
    overflow: auto;
} */
#izabrani_mreza {
    padding: 11px 11px 0 15px;
    overflow: auto;
}

/* KOMITENTI IZBOR ------------------------------------------------ */
#pretraga_polje {
	display: inline;
	padding: 0 5px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	background: #fbfbfb;
	margin-right: 1px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.full-width {
	width: 100%;
}
.btn-komitent-izbor-border{
	margin: 8px 5px;	
}

.tbl-komitent-red .btn-komitent-izbor{
	display: block;
 	margin-bottom: 10px;
 	background-position: center top;
 	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
	background: url('../images/succes-default.png');
}
.tbl-komitent-red .btn-komitent-izbor:hover {
	background: url('../images/succes-hover.png');
}
.tbl-komitent-red .btn-komitent-izbor:active {
	background: url('../images/succes-check.png');
}
.tbl-komitent-red td{
	background-color:#FFFFFF;
	border-bottom: 1px solid #e3e9f0;
}
#tbl-komitenti tr:hover td{
	color:#000000;
	background:#c9d7f1;
}
.sifra-komitenta{
	font-size: 13px;
	margin-right: 14px;
	color: #6a7d90;
}

/* PRETRAGA GRUPA ------------------------------------------------- */
/*
.button-search-grupe .dropdown-search-button{
	height: 44px;
	width: 110px;
}
.dropdown-search-button .dropdown-search-text {
	top:14px;
	left: 5px;
	right: 18px;
	overflow: hidden;
	position: absolute;
	text-transform: uppercase;
	font-size: 12px;
}
.dropdown-search-button .caret {
   margin-top: -1px;
   position: absolute;
   right: 5px;
   top: 50%;
} */
#navigacija_pretraga .btn-outline-secondary {
	width: 110px;
	background: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
}
#navigacija_pretraga .btn-outline-secondary:hover {
	background: #f1f1f1;
	color:#0f1b28;
}
#navigacija_pretraga .dropdown-search-text {
	white-space: nowrap;
	top:14px;
	left: 5px;
	right: 6px;
	overflow: hidden;
	position: absolute;
	text-transform: uppercase;
	font-size: 12px;
}

.loader-search-grupe {
	display: none;
	position: absolute;
    background: url(../images/loader-search.gif) no-repeat;
    background-size: cover;
    border: none;
    width: 20px;
    height: 20px;
    top: 12px !important;
    right: 48px;
}
.cancel-search-grupe{
	display: none;
	position: absolute;
	background: url(../images/cancel-search.png) no-repeat;
    cursor: pointer;
    border: none;
    width: 36px;
    height: 36px;
    top: 20px !important;
    right: 61px;
}
.separator-search{
	display: none;
	position: absolute;
	background: url(../images/separator-search.png) no-repeat;
    border: none;
    width: 1px;
    height: 36px;
    top: 25px !important;
    right: 58px;
}
.next-search-grupe{
	display: none;
	position: absolute;
	background: url(../images/next-search.png) no-repeat;
    cursor: pointer;
    border: none;
    width: 36px;
    height: 36px;
    top: 20px !important;
    right: 20px;
}
#tbl-grupe-mreza td{
	padding: 0 0 0 10px;
	background-color:#FFFFFF;
	border-bottom: 1px solid #e3e9f0;
}
#tbl-grupe-mreza tr:hover td{
	color:#000000;
	background:#c9d7f1;
}

/* KOMITENTI IZBOR ------------------------------------------------ */
.btn-grupe-izbor-border{
	margin: 8px 5px;	
}

.tbl-grupe-red .btn-grupe-izbor{
	display: block;
 	margin-bottom: 10px;
 	background-position: center top;
 	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
	background: url('../images/succes-default.png');
}
.tbl-grupe-red .btn-grupe-izbor:hover {
	background: url('../images/succes-hover.png');
}
.tbl-grupe-red .btn-grupe-izbor:active {
	background: url('../images/succes-check.png');
}

/* POSLOVNA IZBOR ------------------------------------------------ */
.tbl-poslovna-red .btn-poslovna-izbor{
	display: block;
 	margin-bottom: 10px;
 	background-position: center top;
 	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
	background: url('../images/succes-default.png');
}
.tbl-poslovna-red .btn-poslovna-izbor:hover {
	background: url('../images/succes-hover.png');
}
.tbl-poslovna-red .btn-poslovna-izbor:active {
	background: url('../images/succes-check.png');
}
.tbl-poslovna-red td{
	background-color:#FFFFFF;
	border-bottom: 1px solid #e3e9f0;
	padding:2px 2px 2px 0;
}
#tbl-poslovna tr:hover td{
	color:#000000;
	background:#c9d7f1;
}
.sifra-poslovne{
	font-size: 13px;
	margin-right: 14px;
	color: #6a7d90;
}

/* PROIZVODI IZBOR ------------------------------------------------ */
.tbl-proizvodi-red .btn-proizvodi-izbor{
	display: block;
 	background-position: center top;
 	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
	background: url('../images/save_large.png');
}
.tbl-proizvodi-red .btn-proizvodi-izbor:hover {
	background: url('../images/save_large.png');
}
.tbl-proizvodi-red .btn-proizvodi-izbor:active {
	background: url('../images/save_large.png');
}

/* NARUCENO MREZA ----------------------------------------------- */
#narucenoMreza_okvir{
	border: 1px solid #9d9d9d;
	background: url(../images/table_bg1.png) repeat;
	margin-bottom: -50px;
	/* background-color:#FFFFFF; */
}
#narucenoMreza{
	font-size:14px;
	border-collapse: collapse;
	width: 100%;
}
#narucenoMreza th{
	color:#000;
	border: 1px solid #525252;
	height:40px; 
	background:#FFFFFF;
}
#narucenoMreza td{
	color:#282828;
	padding: 5px 5px 5px 5px;
	height:30px;
	border: 1px solid #525252;
	background:#f9f9f9;
}
#narucenoMreza input{
	height:20px;
	width:45px;
}
.narucenoMreza-sifra-naziv{
	display: none;
}
.style_nalog{
	font-size: 12px;
	font-weight:bold;
	color: #000000;
}
.plavi_link:link {
	padding:0px 0px 5px 0px;
	font-size: 12px;
	color: #275A79;
	text-decoration: none;
}
.plavi_link:visited {
	padding:0px 0px 5px 0px;
	font-size: 12px;
	color: #275A79;
	text-decoration: none;
}
.plavi_link:hover {
	padding:0px 0px 5px 0px;
	font-size: 12px;
	color: #F28041;
	text-decoration: none;
}
.plavi_link:active {
	padding:0px 0px 5px 0px;
	font-size: 12px;
	color: #F28041;
	text-decoration: none;
}
.korpa_style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.korpa_style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: -4px;
}
.korpa_style4 a{
	color: #e90000 !important;
}
.korpa_style4 a:hover{
	color: #4a0000!important;
}
.flsetNapomena {
	padding:0;
	border:0;
	margin-top:25px;
}

#loading {
	display: none;
	background: #000000;
	opacity: 0.7;
	filter:alpha(opacity=80);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
  	z-index: 500;
}
#loading_spinner {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -100px auto 0;
  color: #1a1d1d;
  text-align: center;
  width:200px;
  height:110px;
  background-color:#FFFFFF;
  opacity:1;
  border: 1px solid #607985;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#loading_img {
	font-size:14px;
	width:64px;
	height:64px;
	margin:12px 0 6px 68px;
	background: url(../images/loader.gif) no-repeat left top;
}
#proizvodi-detaljno-modal table td {
	font-size: 1.2rem;
	padding: 10px;
}
#tbl-proizvodi td:first-child:hover {
    cursor: pointer;
}

/* MODAL GRUPE -------------------------------------------- */
#grupe-modal #grupe-navigacija {
    background: #c6d5e5;
    /* width: 402px; */
    height: 58px;
    padding: 5px 0 0 7px;
    text-align: left;
}
#grupe-modal #pretraga_grupe_polje {
    width: 100%;
    height: 44px;
    font-size: 16px;
}

#grupe-modal #grupe-diplay {
    position: relative;
    font-family: Arial, Tahoma;
    height: 100%;
    overflow: auto;
    margin-top: 6px;
}
.modal-data-loader {
	position: absolute;
	width: 100%;
	height: 300px;
	background: #FFFFFF;
    text-align: center;
}
.modal-data-loader img{
	margin-top: 75px;
	width: 100px;
	height: 100px;
}
/* @media only screen and (max-width:991px) {
	#logo
	{
		float: left;
		width: 190px;
		height: 97px;
	}
	#izbor_proizvoda
	{
	    position: absolute;
	    top: 154px;
	    left: 0;
	    bottom: 0;
	    padding-top:5px;
	    width: 380px;
	    overflow: auto;
	    background: url(../images/izbor_proizvoda_bg.png) no-repeat left top;
	}
	#izabrani 
	{
	    margin-top: 97px;
	    margin-left: 381px;
	    width:14px;
		height:683px;
	    background: url(../images/izabrani_sijenka.png) no-repeat left top;
	}
	#izabrani_mreza 
	{
	    position: absolute;
	    top: 96px;
	    left: 381px;
	    bottom: 0;
	    right: 0;
	    padding:11px 15px 0 15px;
	    overflow: auto;
	}
	#narucenoMreza{
		font-size:12px;
		border-collapse: collapse;
	}
	#narucenoMreza th{
		color:#000;
		border: 1px solid #525252;
		height:20px; 
		background:#FFFFFF;
	}
	#narucenoMreza td{
		color:#282828;
		padding: 5px 5px 5px 5px;
		height:20px;
		border: 1px solid #525252;
		background:#f9f9f9;
	}
	.nazivArtikla{
		color:#053284;
		font-size:12px;
	}
	.nazivProizvodjaca{
		margin-top:3px;
		font-size:10px;
		color:#515151;
	}
	#navigacija {
		background: #e3e3e3;
		width: 376px;
		height:54px;
		padding: 6px 0 0 5px;
		position:fixed;
		top:97px;
		z-index: 100;
		text-align: left;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	}
	#navigacija_pretraga {
		width: 376px;
		height:34px;
		margin-bottom:2px;
		text-align: left;
	}
	.pretraga_label1 {
		font-size: 14px;
		color: #7b7b7b;
	}
	#navigacija_proizvodjac {
		width: 376px;
		height:44px;
		margin-top:6px;
		text-align: left;
	}
	#navigacija_proizvodjac1 {
		float:left;
		width: 344px;
		height:44px;
	}
	#navigacija_proizvodjac2 {
		float:left;
		width: 32px;
		height:44px;
	}
	#display_proizvodjac {
		background: #FFF;
		width: 371px;
		height:300px;
		display:none;
		position:fixed;
		top:201px;
		z-index: 101;
		overflow: auto;
		text-align: left;
		padding-right:10px;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	}
	#pretraga_polje{
		width: 366px;
		height:30px;
		font-size:16px;
	}
	#proizvodjac_polje{
		width: 336px;
		height:30px;
		font-size:16px;
	}

} */
a.odjava_link:link,
a.odjava_link:active,
a.odjava_link:visited {
	color:#FFF;
}
a.odjava_link:hover {
	color:#dfdfdf;
}
/* GRID LOADER ---------- */
.loading-grid {
	display: none;
	position: absolute;
    background: url(../images/loader_grid1.gif) no-repeat center #FFFFFF;
    border: none;
    height: 35px;
    top: 13px;
    left: 17px;
	right: 13px;
	margin: 0 auto;	
}
.loading-grid-mali {
	display: none;
    background: url(../images/loader_grid1.gif) no-repeat center #FFFFFF;
    border: none;
    border-radius: 3px;
    height: 25px;
}

/* ALERT - SWEETALERT --- */
.swal-button {
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.swal-button:hover {
    background-color: #006bde !important;
}

/* KORPA INDIKATOR KOLICINE ----------------------------- */
.korpa-top-krug-zapoceto {
    float: left;
    color: #FFFFFF;
    width: 34px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #04274a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 12px;
    left: 56px;
}
/* INPUT ARROWS - HIDE ---------------------------------- */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* LOADER - MREZA */
.data-loader{
	position: absolute;
	padding-top: 100px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 100;
	display: none;
}
.data-loader img{
	height: 50px;
	width: 50px;
	display:block;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}

/* .col- Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	#prijava_form{
		position: unset;
		margin-top: 32px;
		margin-left: auto;
		margin-right: auto;
	}
	.prijava_form_okvir {
		padding-top: 32px;
	}
	.prijava-form-title{
		padding-top: 1px !important;
	}
	.toolbar-button-container {
	    width: auto;
	    margin-left: 64px;
	    height: 94px;
	}
	.container-skladiste-vrsta {
	    padding: 5px 15px 0 15px;
	    width: 100%;
	    height: 40px;
	/*    display: flex; */
	    background: #000000;
	}
	#naziv-skladista {
    /*	padding-top: 0 !important; */
		margin-top: -10px;
    	padding-right: 15px;
	}
	#vrsta-promjene h2
	{
		font-size: 14px;
		padding-top: 0;
	}
	#naziv-skladista h2
	{
		font-size: 14px;
	/*	padding-top: 12px; */
	}
	
	/* mreza narucenih proizvoda ----------------- */
	#izabrani {
	    width: 100%;
	    position: absolute;
	    left: 0;
	    background: #FFFFFF;
	}
	#izabrani{
		display: none;
	}
	.izablani-btn-top {
		display: flex;
	}
	#narucenoMreza td {
		color: #282828;
		padding: 0px 5px 0px 5px;
		height: 30px;
		border: 1px solid #a9a9a9;
		background: #f9f9f9;
	}
	/* PRETRAGA POLJE ----------------------------------- */
	#izbor_proizvoda
	{
	    flex: 99;
	}
	/* KOMITENTI IZBOR ------------------------------------------------ */
	.btn-komitent-izbor-border{
		margin: 4px 5px;	
	}
	.tbl-komitent-red .btn-komitent-izbor{
		margin-bottom: 0 !important;
	}
	/* POSLOVNA IZBOR ----------------------------------- */
	.tbl-poslovna-red .btn-poslovna-izbor {
		margin-bottom: 4px;
	}
	/* MREZA PROIZVODA ---------------------------------- */
	.nazivArtikla {
		color: #30455a;
		font-size: 12px;
		font-weight: 400;
	}
	.sifra-cijena-artikla .lbl-sifra-artikla{
		display: none;
	}
	.sifra-cijena-artikla .lbl-cijena-artikla{
		display: none;
	}
	/* TOOLBAR ------------------------------------------- */
	#toolbar {
	    float: none;
	    height: 63px;
	}
	.btn-posalji-siri {
		display: none !important;
	}
	.btn-posalji-uzi {
		display: inline !important;
	}
	.btn-posalji-uzi-label {
		display: none !important;
	}
	.btn-posalji-uzi-tel-label {
		display: inline !important;
	}
	.btn-odjava {
		display: none !important;
	}
	.btn-odjava-tel {
		display: inline !important;
	}
	.toolbar-komitent {
		display: none;
	}
a.pregled{
	width: 55px; 
	height: 55px;
	padding: 35px 0 0 0;
    font-size: 12px;
	background:url("../images/btn_pregled_tel.png") no-repeat left top;
	background-size: 55px 55px;
}
a:hover.pregled{
	width: 55px; 
	height: 55px;
	padding: 35px 0 0 0;
    font-size: 12px;
	background:url("../images/btn_pregled_tel_over.png") no-repeat left top;
	background-size: 55px 55px;
}
a.drugi{
	width: 55px;
	height: 55px;
	padding: 35px 0 0 0;
    font-size: 12px;
	background:url("../images/btn_prethodne_tel.png") no-repeat left top;
	background-size: 55px 55px;
}
a:hover.drugi{
	width: 55px; 
	height: 55px;
	padding: 35px 0 0 0;
    font-size: 12px;
	background:url("../images/btn_prethodne_tel_over.png") no-repeat left top;
	background-size: 55px 55px;
}
a.odjava{
	width: 55px; 
	height: 55px;
	padding: 35px 0 0 0;
    font-size: 12px;
	background:url("../images/btn_odjava_tel.png") no-repeat left top;
	background-size: 55px 55px;
}
a:hover.odjava{
	width: 55px; 
	height: 55px;
	padding: 35px 0 0 0;
    font-size: 12px;
	background:url("../images/btn_odjava_tel_over.png") no-repeat left top;
	background-size: 55px 55px;
}

.korpa-top-krug-zapoceto {
    width: 34px;
    height: 20px;
    line-height: 19px;
    top: 3px;
    left: 18px;
}
/* TABELA NARUCENIH ------------------------------------- */
	table#narucenoMreza th:nth-child(2),
	table#narucenoMreza td:nth-child(2) {
	  display: none;
	}
	table#narucenoMreza th:nth-child(3),
	table#narucenoMreza td:nth-child(3) {
	  width: 70px;
	}
	table#narucenoMreza th:nth-child(4),
	table#narucenoMreza td:nth-child(4) {
	  width: 40px;
	  text-align: center;
	}
	.narucenoMreza-sifra-naziv{
		display: block;
	}
}

/* .col-sm- Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	#prijava_form {
		left: 30%;
	}
	.container-skladiste-vrsta {
	    padding: 16px 0 0 15px;
	    width: 212px;
	}
	#vrsta-promjene h2
	{
		font-size: 16px;
		padding-top: 0;
	}
	#naziv-skladista h2
	{
		font-size: 16px;
		padding-top: 12px;
	}

	/* TOOLBAR --------------------------------- */
	.btn-posalji-siri {
		display: none !important;
	}
	.btn-posalji-uzi {
		display: inline !important;
	}
	.btn-odjava {
		display: inline !important;
	}
	.btn-odjava-tel {
		display: none !important;
	}
	.toolbar-komitent{
		float:right;
		min-width: max-content;	
	}
	#profil_komitent {
	    padding: 0 10px 0 0;
	    background: none;
	} 
	/* mreza narucenih proizvoda ------------------------ */
	#izabrani{
		display: none;
	}
	.izablani-btn-top {
		display: flex;
	}
	/* PRETRAGA POLJE ----------------------------------- */
	#izbor_proizvoda
	{
	    flex: 99;
	}
	.toolbar-komitent {
		display: none;
	}
	/* IZABRANI MREZA ------------------------------------ */
	#izabrani {
	    width: 100%;
	    position: absolute;
	    left: 0;
	    background: #FFFFFF;
	}
	table#narucenoMreza th:nth-child(2),
	table#narucenoMreza td:nth-child(2) {
	  display: none;
	}
	table#narucenoMreza th:nth-child(3),
	table#narucenoMreza td:nth-child(3) {
	  width: 70px;
	}
	table#narucenoMreza th:nth-child(4),
	table#narucenoMreza td:nth-child(4) {
	  width: 40px;
	  text-align: center;
	}
	.narucenoMreza-sifra-naziv{
		display: block;
	}
}

/* .col-md- Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	#prijava_form {

	}
	#vrsta-promjene h2
	{
		font-size: 18px;
		padding-top: 0;
	}
	.container-skladiste-vrsta {
		width: 213px;
		padding: 12px 0 0 15px;
	}
	#naziv-skladista
	{
		/* padding-top: 10px; */
	}
	#naziv-skladista h2
	{
		font-size: 18px;
		padding-top: 12px;
	}
	#narucenoMreza{
		font-size:12px;
		border-collapse: collapse;
	}
	#narucenoMreza th{
		color:#000;
		border: 1px solid #8e8e8e;
		height:36px; 
		background:#FFFFFF;
	}
	#narucenoMreza td{
		color:#282828;
		padding: 5px 5px 5px 5px;
		height:20px;
		border: 1px solid #8e8e8e;
		background:#f9f9f9;
	}
	.nazivArtikla{
		color:#30455a;
		font-size:13px;
		font-weight: 600;
	}
	.sifra-cijena-artikla{
		font-size:13px;
	}
	table#narucenoMreza th:nth-child(2),
	table#narucenoMreza td:nth-child(2) {
	  display: none;
	}
	table#narucenoMreza th:nth-child(3),
	table#narucenoMreza td:nth-child(3) {
	  width: 70px;
	}
	table#narucenoMreza th:nth-child(4),
	table#narucenoMreza td:nth-child(4) {
	  width: 40px;
	  text-align: center;
	}
	.narucenoMreza-sifra-naziv{
		display: block;
	}
}

/* .col-lg- Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	#prijava_form {

	}
	.container-skladiste-vrsta {
		width: 213px;
		padding: 12px 0 0 15px;
	}
	#naziv-skladista
	{
		/* padding-top: 10px; */
	}
	#naziv-skladista h2
	{
		font-size: 18px;
		padding-top: 12px;
	}
	#vrsta-promjene
	{
		/* padding-top: 8px; */
	/*	background: url(../images/logo1.png) no-repeat left top; */
	}
	#vrsta-promjene h2
	{
		font-size: 18px;
		padding-top: 0;
	}
	#narucenoMreza{
		font-size:12px;
		border-collapse: collapse;
	}
	#narucenoMreza th{
		color:#000;
		border: 1px solid #8e8e8e;
		height:36px; 
		background:#FFFFFF;
	}
	#narucenoMreza td{
		color:#282828;
		padding: 5px 5px 5px 5px;
		height:20px;
		border: 1px solid #8e8e8e;
		background:#f9f9f9;
	}
	.nazivArtikla{
		color:#30455a;
		font-size:13px;
		font-weight: 600;
	}
	.sifra-cijena-artikla{
		font-size:13px;
	}
}

/* .col-xl- Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}