html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
HTML{ height:100%; }
body {
	height:100%;
	overflow:hidden;
	line-height: 1;
	color: #fff;
	background:url("https://pos.blagajna.hr/includes/css/blue/bg/bg.jpg");
	font-family:Verdana;
	cursor:default;
	font-size:14px;
	/* ie scrollbar */
	scrollbar-face-color: #2d2c2f;
	scrollbar-shadow-color: #818181;
	scrollbar-highlight-color:#2d2c2f;
	scrollbar-3dlight-color: #818181;
	scrollbar-darkshadow-color: #414143;
	scrollbar-track-color: #5b5b5d;
	scrollbar-arrow-color: #ffffff;
	/* zabranjeno selektiranje teksta */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* scrollbar u chromeu */
::-webkit-scrollbar{ width:16px;background-color:#5c5d5e; cursor:pointer; }
::-webkit-scrollbar-thumb{ margin:0px;	background-color:#232325; border: 1px solid #818181; cursor:pointer; }
::-webkit-scrollbar-button:start:decrement{ height:24px; width:16px; display:block; background:url("https://pos.blagajna.hr/includes/css/blue/bg/scrollbar_arrow_start.png") no-repeat; }
::-webkit-scrollbar-button:end:increment{height:24px; width:16px; display:block; background:url("https://pos.blagajna.hr/includes/css/blue/bg/scrollbar_arrow_end.png") no-repeat; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/
#overlay{ width:100%; height:100%; z-index:10000; position:absolute; background:url("https://pos.blagajna.hr/includes/css/blue/bg/ajax-loader.gif") 50% 50% no-repeat #000; text-align:center;}
.overlay{ width:100%; height:100%; z-index:1000; position:absolute;  background:url("https://pos.blagajna.hr/includes/css/blue/bg/bg.jpg");}
#container{ width:100%; height:100%; margin:0 auto; /**/ }
	#demo{ width:100%; height:30px; padding:5px 0px 0px 0px; background-color:#000; }
    	#demo label{ margin-left:15px; }
    	#demo select{ margin-left:5px; width:120px; }
        #demo .gumb{ margin-left:15px; font-weight:bold; font-size:14px; }
    #header{ /**/ height:132px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/head_bg.jpg") repeat-x; border-top:1px solid #1277DE; border-bottom:1px solid #1277DE; }
		#logo{ float:left; }
		#options{ float:right; margin:25px 15px 0px 0px; }
			#options a{ margin-left:5px; }
		#keys{ float:left; margin-left:120px; }
	    #navigation{ /**/ float:left; width:100%; height:40px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/navigation_bg.jpg"); }
		#table{ min-width:100%; height:100%; }
			#table td{ border:0px; vertical-align:top; }
			#sidebar{ width:250px; }
			#content{  }
		#footer{ }
        
h3{ color:#fdfafa; }

a{ text-decoration:none; color:#fff; }
a img{ border:0px; }
a:hover{}

ul li{ list-style:none; }

@media screen and (min-width:960px) { #artikli ul li{ width:100%} }
@media screen and (min-width:1280px) { #artikli ul li{ width:50%; } }
@media screen and (min-width:1440px) { #artikli ul li{ width:33%; } }

#keys ul li{ float:left; height:45px; margin-top:-1px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/keys_button.png"); position:relative; line-height:36px; color:#fff; font-size:13px; }
#keys ul li a{ display:block; height:100%; padding-left:56px; padding-right:14px; color:#fff; text-decoration:none; }
#keys ul li div{ position:absolute; text-align:center; width:25px; height:25px; top:7px; line-height:22px; font-size:11px; left:18px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/keys_circle.png") }

#navigation ul{ /**/ height:100%; }
	#navigation ul li{ /**/ display:inline; height:100%; border-right:1px solid #434343; }
	#navigation ul li.search{ padding:0px; border:0px;}
	#search{ }
	#navigation ul li.search div{ float:left;  width:250px; margin-top:6px; height:29px; background-color:#3c3c3e; }
	#navigation ul li.search input[type="text"]{ width:170px; height:27px; float:left; margin-left:25px; background-color:#3c3c3e; border:0px; color:#fff; line-height:25px; }
	#navigation ul li.search input[type="submit"]{ width:25px; height:25px; float:left; margin-top:2px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/search.png"); border:0px; cursor:pointer; }
	#navigation ul li.stol{ width:380px; padding-left:40px; float:right; }
		.odaberiStol{ width:140px; height:25px; margin:7px 0px 0px 20px; font-weight:bold; font-size:16px; }
	#navigation ul li{ /**/ min-width:120px; height:100%; padding-left:20px; padding-right:20px; line-height:38px; }
	#navigation ul li a{ /**/ color:#fff; width:200px; font-size:14px; }

#submenu ul{ width:250px; border:0px; background:none; height:100%; overflow-y:scroll; overflow-x:hidden; }
	#submenu ul .arrow{ float:right; margin-top:15px; margin-right:5px; }
	#submenu ul li a{ width:205px; height:100%; display:block; padding-left:20px; padding-right:25px; background-image:url("https://pos.blagajna.hr/includes/css/blue/bg/submenu_bg.png"); color:#fff; line-height:52px; min-height:52px; border-top:1px solid #343838; cursor:pointer; border-right:1px solid #343838; border-bottom:1px solid #343838; border-left:1px solid #2d3031; }
	#submenu ul li.k-state-selected{ background-image:url("https://pos.blagajna.hr/includes/css/blue/bg/articles_bg_hover.png");}
	#submenu ul .itemhover, #submenu ul li:hover{ background-image:url("https://pos.blagajna.hr/includes/css/blue/bg/articles_bg_hover.png");}

#middle{ padding:5px; overflow-y:scroll; overflow-x:hidden;  }
	#artikli{ width:100%; }
	#artikli ul li{ list-style:none; cursor:pointer; float:left; overflow:hidden; }
		#artikli ul li a{ display:block; width:100%; height:100%; }
		#artikli ul li .frame{ margin:5px; height:60px; overflow:hidden; padding:15px 20px; background-image:url("https://pos.blagajna.hr/includes/css/blue/bg/articles_bg.png");  border:1px solid #343838; }
		#artikli ul .arrow{ float:right; margin-top:10px;}
		#artikli ul .img{ width:50px; height:60px; float:left; overflow:hidden}
		#artikli ul .info{ margin-left:20px; float:left }
		#artikli ul .info h3{ width:120px; height:30px; display:block; overflow:hidden; font-size:13px; line-height:15px; }
		#artikli ul .info div{ margin-top:6px; font-size:11px; line-height:15px; color:#666; }
		#artikli ul .img img{ height:60px; }
		#artikli ul .itemhover .frame, #artikli ul li:hover .frame{ background:url("https://pos.blagajna.hr/includes/css/blue/bg/articles_bg_hover.png"); border:1px solid #696b6b; }
		#artikli ul .current .frame{ background:url("https://pos.blagajna.hr/includes/css/blue/bg/articles_bg_hover.png"); border:1px solid #696b6b; }

/* račun */
#right{ width:420px;}
	#stavke{ width:100%; overflow-y:scroll; overflow-x:hidden;}
	.racun{ width:100%; }
	.racun thead td{ color:#fff; height:23px; font-size:12px; line-height:33px; text-align:right; } 
	.racun thead td:first-child{ padding-left:20px; text-align:left; } 
	.racun tbody{ background-color:#2d2c2f; color:#fff; }
	.racun tbody td{ height:40px; border-bottom:2px solid #414143 !important; padding-top:10px; font-size:12px; text-align:right; }
	.racun tbody td:first-child{ padding-left:20px;  text-align:left; line-height:15px; }
	.racun tbody td:first-child div{ height:30px; overflow:hidden; }
	.racun .ui-spinner{ position:relative; margin-left:20px; margin-top:0px; }
	.racun .ui-spinner-down{ width:20px; height:20px; position:absolute; left:0px; border:0px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/spinner_down.jpg"); color:transparent; cursor:pointer;}
	.racun .ui-spinner-box{ width:30px; height:20px; position:absolute; left:20px; border:0px; background-color:#707070; padding:0px; font-size:11px; text-align:center; color:#fff; }
	.numeric{ width:20px; height:20px; border:0px; background-color:#707070; padding:0px;}
	.racun .ui-spinner-up{ width:20px; height:20px; position:absolute; left:50px; border:0px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/spinner_up.jpg"); color:transparent; cursor:pointer;}
	.racun .delete{ width:20px; height:20px; margin-right:10px; border:0px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/delete.jpg"); cursor:pointer; }
	
    .postotak{ display:none; position:absolute; top:18px; left:-10px;}
    .button_postotak{ font-size:11px; font-weight:bold; line-height:20px; }
    .postotak input{ width:30px; background-color:#707070; border:2px solid #1277DE; text-align:center; color:#fff; }
    
	.suma .iznos{ width:400px; padding-left:20px; position:relative; height:55px; border-top:1px solid #545757; border-bottom:1px solid #545757; font-size:22px; color:#a4a5a4; line-height:55px; }
	.suma .cijena{ width:300px; position:absolute; top:0px; right:20px; line-height:55px; text-align:right; font-family:Arial; font-weight:bold; color:#1277DE; font-size:30px; }
	.suma .opcije{ width:100%; }
	.suma .opcije div.l{ width:200px; margin:15px 0px 10px 10px; float:left; }
	.suma .opcije div.r{ width:180px;margin:15px 15px 10px 0px; float:right; text-align:right; }
 	.suma select{ width:65px; height:22px; line-height:22px; margin-left:10px; font-size:14px;}
 	.suma .l select{ width:95px; }
	
	.suma .dostava{ margin:5px 10px 5px 10px; line-height:15px; }
	.suma .odustani{ width:111px; margin:10px 10px 10px 0px; float:right; height:40px; border:0px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/button_odustani.png"); cursor:pointer; }
	.suma .end{ width:149px; margin:10px 10px 10px 0px; float:right; height:40px; border:0px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/button_end.png"); cursor:pointer;}
	.suma .predracun{ width:120px; margin:10px 10px 10px 0px; float:right; height:40px; border:0px; background:url("https://pos.blagajna.hr/includes/css/blue/bg/button_predracun.png"); cursor:pointer;}
	
	#r1{ width:90%; margin:auto; display:visible; }
	#r1 p{ display:block; margin:0px; padding:0px; width:100%; position:relative; }
	#r1 label{ color:#000; display:block; line-height:20px;  }
	#r1 input[type="text"]{ display:block; width:100%; height:21px; padding:2px; margin-bottom:5px; border:2px solid #1277DE; }
	#label_tip_racuna{ cursor: pointer;}
	
	#r1{ width:90%; margin:auto; display:visible; }
	#r1 p{ display:block; margin:0px; padding:0px; width:100%; position:relative; }
	#r1 label{ color:#000; display:block; line-height:20px;  }
	#r1 input[type="text"], #r1 select{ display:block; width:100%; height:21px; padding:2px !important; margin-bottom:5px; border:2px solid #1277DE; }
	#r1 select{ width:50%; height:25px; }
	#label_tip_racuna{ cursor: pointer;}

	
	#login{ width:390px; height:150px; margin-left:-200px; margin-top:-80px; position:absolute; left:50%; top:50%; z-index:10000; border:2px solid #000; background-color:#fff; padding:5px; }
	#login h2{ padding-left:10px; background-color:#1277DE; height:40px; font-size:16px; line-height:40px; }
	#login p{ display:block; margin:0px; padding:0px; width:100%; position:relative; }
	#login label{ color:#000; display:block; padding-left:4px; height:40px; line-height:40px;  }
	#login input[type="password"]{ display:block; width:382px; height:21px; padding:2px; margin-bottom:10px; border:2px solid #1277DE; }
	#login .error input[type="password"]{ border:2px solid red; }
	#login input[type="submit"]{ width:100px; height:30px; float:right; margin-right:0px; border:2px solid #1277DE; background:#1277DE; color:#fff; cursor:pointer; }

	
	#ajax{	background-color: #fff;	}
	
	#ponisti_racun{ width:100%; font-size:12px; }
	#ponisti_racun table{ width:100%; }
	#ponisti_racun thead td{ height:40px; padding:0px; padding-left:10px; padding-right:10px; line-height:30px; background-color:#1277DE; }
	#ponisti_racun td.c{ text-align:center; }
	#ponisti_racun td.r{ text-align:right; }
	#ponisti_racun tbody tr td{ height:30px !important; padding-left:10px; padding-right:10px; line-height:30px; color:#1d1d1d; cursor:pointer; }
	#ponisti_racun tbody tr:nth-child(even) td{ background-color:#ccc; }
	#ponisti_racun tbody tr:nth-child(odd) td{ background-color:#dedede; }
	.ponistiRacun{ width:100px; height:30px; float:left; margin:10px 10px 0px 0px; border:2px solid #1277DE !important; background:#1277DE; color:#fff; cursor:pointer; }
	
	.status{ margin:10px; color:#fff; }

	.iskljuci{ margin-left:5px; color:#000; font-size:10px; line-height:35px; }
    
    .left{ float:left; }
    .right{ float:right; }

/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
/* Modern UI refinements */
#login{ width:460px; min-height:260px; height:auto; margin-left:-235px; margin-top:-165px; border:0; border-radius:14px; padding:14px; box-shadow:0 24px 70px rgba(0,0,0,.55); overflow:visible; }
#login h2{ border-radius:10px; font-size:18px; letter-spacing:.2px; }
#login label{ height:auto; line-height:18px; padding:12px 4px 7px; font-weight:bold; color:#252525; }
#login input[type="text"], #login input[type="password"], #login select{ display:block; width:432px; height:38px; box-sizing:border-box; padding:7px 10px; margin-bottom:10px; border:2px solid #1277DE; border-radius:8px; background:#fff; color:#222; font-size:18px; }
#login select{ height:42px; max-width:432px; }
#login input[type="submit"]{ width:140px; height:40px; border-radius:8px; font-size:14px; font-weight:bold; }
#navigation ul li.stol{ width:auto; min-width:520px; padding-left:20px; float:right; white-space:nowrap; }
.odaberiStol{ width:150px; height:30px; border-radius:6px; border:1px solid #777; padding:3px 8px; background:#f7f7f7; color:#111; }
.pregledStolovaBtn{ display:inline-block; height:28px; line-height:28px !important; margin:5px 10px 0 12px; padding:0 13px; border-radius:7px; background:#1277DE; color:#fff !important; font-weight:bold; box-shadow:inset 0 -2px 0 rgba(0,0,0,.18); }
#stolovi_pregled{ color:#222; font-family:Arial,Verdana,sans-serif; padding:18px; background:#f2f4f7; min-height:100%; box-sizing:border-box; }
#stolovi_pregled .stolovi_head{ margin-bottom:14px; }
#stolovi_pregled h2{ color:#222; font-size:24px; margin-bottom:4px; }
#stolovi_pregled p{ color:#666; }
.stolovi_grid{ display:flex; flex-wrap:wrap; gap:14px; align-items:stretch; }
.stol_card{ width:260px; min-height:145px; border-radius:12px; background:#fff; border:1px solid #d9dde5; box-shadow:0 7px 18px rgba(0,0,0,.08); overflow:hidden; }
.stol_card.ima_artikle{ border-top:5px solid #1277DE; }
.stol_title{ padding:12px 14px; font-weight:bold; color:#fff; background:#32363d; font-size:18px; }
.stol_empty{ padding:25px 14px; color:#888; font-style:italic; }
.stol_artikli{ width:100%; font-size:13px; }
.stol_artikli td{ padding:8px 10px; border-bottom:1px solid #eceff3; color:#222; }
.stol_artikli .kol{ width:38px; text-align:center; color:#666; }
.stol_artikli .cijena{ width:85px; text-align:right; font-weight:bold; }
.stol_total{ padding:10px 12px; text-align:right; background:#f7f8fa; color:#222; }
.stol_akcije{ display:flex; gap:8px; padding:10px; }
.stol_akcije button{ flex:1; border:0; border-radius:8px; padding:10px 8px; color:#fff; background:#1277DE; cursor:pointer; font-weight:bold; }
.stol_akcije button:last-child{ background:#555b66; }

/* POS table overview UI - aligned with blagajna theme */
#navigation ul li.stol{ min-width:560px; padding-left:10px; }
.pregledStolovaBtn{
  display:inline-block; vertical-align:middle; height:24px; line-height:24px !important; margin:3px 9px 0 10px; padding:0 12px 0 30px;
  border:1px solid rgba(255,255,255,.16); border-radius:4px;
  background:#25282c url("https://pos.blagajna.hr/includes/css/blue/bg/keys_circle.png") no-repeat 7px center !important;
  color:#fff !important; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.5);
}
.pregledStolovaBtn:hover{ background-color:#2f3338 !important; border-color:#1e90ff; color:#fff !important; }
.odaberiStol{ height:26px; border-radius:4px; border:1px solid #4b4f55; background:#f0f0f0; color:#111; font-weight:bold; }
#cboxLoadedContent{ background:#141517 !important; }
#stolovi_pregled{ color:#e8e8e8; font-family:Verdana,Arial,sans-serif; padding:14px; background:#141517; min-height:100%; box-sizing:border-box; }
#stolovi_pregled .stolovi_head{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; margin-bottom:12px; border-radius:5px; background:linear-gradient(#2d3035,#202226); border:1px solid #3b3f45; box-shadow:inset 0 1px 0 rgba(255,255,255,.07); }
#stolovi_pregled h2{ color:#fff; font-size:18px; margin:0; text-transform:uppercase; letter-spacing:.3px; }
#stolovi_pregled p{ color:#9ca3ad; font-size:12px; margin:0; }
.stolovi_grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:10px; align-items:stretch; }
.stol_card{ min-height:132px; border-radius:5px; background:linear-gradient(#25272b,#1d1f23); border:1px solid #343941; box-shadow:0 2px 7px rgba(0,0,0,.35); overflow:hidden; }
.stol_card.ima_artikle{ border-color:#1e90ff; box-shadow:0 0 0 1px rgba(30,144,255,.25), 0 3px 10px rgba(0,0,0,.45); }
.stol_title{ padding:9px 11px; font-size:15px; font-weight:bold; color:#fff; background:linear-gradient(#33373d,#25282d); border-bottom:1px solid #111; text-transform:uppercase; }
.stol_card.ima_artikle .stol_title{ background:linear-gradient(#0f7fd9,#0865b2); }
.stol_empty{ padding:26px 12px; color:#777f89; font-style:italic; text-align:center; }
.stol_artikli{ width:100%; font-size:12px; }
.stol_artikli td{ padding:7px 8px; border-bottom:1px solid #30343a; color:#e6e6e6; }
.stol_artikli .naziv{ font-weight:bold; }
.stol_artikli .kol{ width:34px; text-align:center; color:#9aa3ad; }
.stol_artikli .cijena{ width:82px; text-align:right; color:#fff; }
.stol_total{ padding:9px 10px; text-align:right; background:#181a1d; border-top:1px solid #2e3339; color:#c9d2dc; }
.stol_total strong{ color:#1e90ff; font-size:15px; }
.stol_akcije{ display:flex; gap:7px; padding:9px; background:#202327; }
.stol_akcije button{ flex:1; border:1px solid #0f5f9c; border-radius:4px; padding:8px 6px; color:#fff; background:linear-gradient(#1e90ff,#0f6ebb); cursor:pointer; font-weight:bold; font-size:12px; text-shadow:0 1px 1px rgba(0,0,0,.5); }
.stol_akcije button:last-child{ border-color:#4a4f56; background:linear-gradient(#3c4148,#2b2f35); }
.stol_akcije button:hover{ filter:brightness(1.12); }
@media (max-width:900px){ #navigation ul li.stol{ min-width:420px; } .pregledStolovaBtn{ padding-left:12px; background:#25282c !important; } .stolovi_grid{ grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); } }

/* QR order POS notification */
#qrNarudzbeBox{position:fixed;right:18px;top:92px;z-index:9998;width:360px;background:#121820;border:2px solid #1277DE;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06) inset;padding:12px;color:#fff;display:none;font-family:Arial,Verdana,sans-serif}.qr-notify-title{font-size:18px;font-weight:bold;color:#1277DE;margin-bottom:10px;text-shadow:0 0 14px #1277DE55}.qr-order{background:#1f2a35;border:1px solid #33424f;border-left:4px solid #1277DE;border-radius:10px;padding:10px;margin-top:8px;cursor:pointer}.qr-order:hover{background:#293746;border-color:#1277DE;box-shadow:0 0 0 1px #1277DE55 inset}.qr-order strong{font-size:17px}.qr-order small{display:block;color:#d6dde5;margin-top:5px;line-height:18px}

/* QR codes in table overview */
.stol_qr{display:flex;align-items:center;gap:10px;margin:8px 0 10px;padding:8px;background:#111820;border:1px solid #2d3b47;border-radius:10px}.stol_qr img{width:64px;height:64px;border-radius:6px;background:#fff;padding:3px}.stol_qr a{color:#8fcb35;font-size:12px;line-height:16px;text-decoration:none;word-break:break-word}.stol_qr a:hover{text-decoration:underline}

/* Large QR reveal/print in table overview */
.stol_qr_actions{margin:8px 0 10px}.stol_qr_actions button{width:100%;height:34px;border:1px solid #1277DE;border-radius:9px;background:linear-gradient(180deg,#1277DE,#1f2a35);color:#fff;font-weight:bold;cursor:pointer}.qr_stol_modal{margin:8px 0 12px;padding:12px;background:#101720;border:1px solid #1277DE;border-radius:12px;text-align:center;box-shadow:0 0 0 1px #1277DE33 inset}.qr_print_card{background:#fff;color:#111;border-radius:10px;padding:14px;display:inline-block;max-width:310px}.qr_print_head strong{display:block;font-size:16px;color:#111}.qr_print_head span{display:block;font-size:13px;color:#333;margin:4px 0 10px}.qr_big{width:220px;height:220px;background:#fff}.qr_url{font-size:10px;color:#333;max-width:260px;word-break:break-all;margin-top:8px}.qr_modal_actions{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:10px;flex-wrap:wrap}.qr_modal_actions button,.qr_modal_actions a{border:1px solid #3b4b58;border-radius:8px;background:#1f2a35;color:#fff;padding:8px 12px;text-decoration:none;cursor:pointer}.qr_modal_actions button:first-child{background:linear-gradient(180deg,#1277DE,#1f2a35);border-color:#1277DE}.qr_modal_actions button:hover,.qr_modal_actions a:hover{border-color:#1277DE;box-shadow:0 0 0 1px #1277DE55 inset}

/* prettier QR action button */
.stol_qr_actions{margin:10px 0 12px}.stol_qr_actions .qr_show_btn{width:100%;min-height:54px;border:1px solid #1277DE;border-radius:14px;background:linear-gradient(135deg,#1d2a35 0%,#16212b 52%,#1277DE44 100%);color:#fff;display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.28),0 0 0 1px #1277DE22;cursor:pointer;transition:all .15s ease}.stol_qr_actions .qr_show_btn:hover{transform:translateY(-1px);border-color:#1277DE;background:linear-gradient(135deg,#263747 0%,#192733 48%,#1277DE66 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 24px rgba(0,0,0,.38),0 0 14px #1277DE44}.qr_show_btn .qr_icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#1277DE;color:#101820;font-size:23px;font-weight:bold;line-height:1;box-shadow:0 5px 12px rgba(0,0,0,.25),0 0 12px #1277DE55}.qr_show_btn strong{display:block;font-size:14px;line-height:17px;color:#fff}.qr_show_btn em{display:block;font-style:normal;font-size:11px;line-height:15px;color:#b8c6d2;margin-top:1px;text-transform:uppercase;letter-spacing:.35px}


/* POS table selector polish - 20260604 */
#navigation ul li.stol{
  width:auto !important;
  min-width:365px !important;
  height:40px !important;
  padding:0 8px 0 10px !important;
  float:right !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  line-height:normal !important;
  white-space:nowrap !important;
  border-left:1px solid rgba(255,255,255,.07) !important;
  border-right:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.18)) !important;
}
#navigation ul li.stol label{
  width:48px !important;
  height:30px !important;
  line-height:30px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:9px !important;
  background:#161c24 !important;
  border:1px solid #1277DE66 !important;
  color:transparent !important;
  font-size:0 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.45),0 0 8px #1277DE18 !important;
  position:relative !important;
}
#navigation ul li.stol label:before{
  content:'STOL';
  display:block;
  color:#d7e0ea;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  letter-spacing:.55px;
  text-shadow:0 1px 1px #000;
}
#navigation ul li.stol .pregledStolovaBtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:152px !important;
  height:30px !important;
  line-height:30px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:9px !important;
  border:1px solid #1277DE !important;
  background:linear-gradient(180deg,#1277DE,#15538a 58%,#182332) !important;
  color:#fff !important;
  font-size:0 !important;
  font-weight:bold !important;
  text-transform:uppercase !important;
  letter-spacing:.45px !important;
  text-shadow:0 1px 1px rgba(0,0,0,.65) !important;
  box-shadow:0 2px 7px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18), 0 0 11px #1277DE33 !important;
  transition:filter .12s ease, transform .12s ease, box-shadow .12s ease !important;
}
#navigation ul li.stol .pregledStolovaBtn:before{
  content:'▦  SVI STOLOVI';
  display:inline-block;
  font-size:12px;
  line-height:30px;
  letter-spacing:.45px;
}
#navigation ul li.stol .pregledStolovaBtn:hover{
  filter:brightness(1.16) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 4px 11px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.2), 0 0 16px #1277DE55 !important;
}
#navigation ul li.stol .odaberiStol{
  width:145px !important;
  height:30px !important;
  line-height:30px !important;
  margin:0 !important;
  padding:0 8px !important;
  border-radius:9px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#202936 !important;
  color:#eef5fb !important;
  font-size:13px !important;
  font-weight:bold !important;
  cursor:pointer !important;
  outline:0 !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.06) !important;
}
#navigation ul li.stol .odaberiStol:hover,
#navigation ul li.stol .odaberiStol:focus{
  border-color:#1277DE !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.5), 0 0 0 1px #1277DE33, 0 0 12px #1277DE33 !important;
}
#navigation ul li.stol .odaberiStol option{
  background:#202832 !important;
  color:#eef5fb !important;
  font-weight:bold !important;
}
@media (max-width:1100px){
  #navigation ul li.stol{ min-width:310px !important; padding-right:5px !important; }
  #navigation ul li.stol label{ display:none !important; }
  #navigation ul li.stol .pregledStolovaBtn{ width:135px !important; }
  #navigation ul li.stol .pregledStolovaBtn:before{ content:'▦  STOLOVI'; }
  #navigation ul li.stol .odaberiStol{ width:130px !important; }
}