:root {
  --main-color: #ff9100;
	--main-color-40: rgba(255, 145, 0, 0.4);
	--main-color-light: #ffdeb2;
	--main-color-lighter: #FFEAD5;
	--main-color-ligter-light: #FFF5E9;
	--main-color-dark: #FFAA3D;
	--main-color-darker: #C26F00;
	--head-height: 55px;
	--mobile-menu-width: 400px;
	--header-offset: 60px;

}

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
	-webkit-font-smoothing: subpixel-antialiased;
}

body {
	background:url(/images/pozadina_1500.jpg) fixed;
}

.adminbody {
	background: lightgray;
}

div, img, a img {
	margin: 0;
	padding: 0;
	border: 0px;
}

h1, h2, h3, h4 {
	color: var(--main-color);
	margin-bottom: 15px;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

h2#adminpagetitle {
	margin-bottom: 0;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
	color:black;
}

a, a:visited, a:active, a:link {
	border: 0px solid #fff;
	text-decoration: none;
	color: blue;
	font-weight: 300;
}

a:hover {
	color: black;
}

a:focus, input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

#emailwrap a, #emailwrap a:visited, #emailwrap a:active, #emailwrap a:link {
	text-decoration: underline;
	color: blue;
}

p {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: 12pt;
	margin-bottom: 2px;
}

.clear {
	clear: both;
}

.hold {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background:rgba(255,255,255,0.5) url('/images/ajaxload_rot.gif') no-repeat center;
	z-index: 10000;
}

/* terms */

#terms {
	max-width: 800px;
	margin: 0 auto;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 0 20px 20px;
	box-sizing: border-box;
}

#payshippdialog #terms {
	width: 500px;
	max-width: 100%;
	height: 500px;
	overflow: auto;
}

#link_shipping {
	font-size: 12px;
	margin-top: 10px;
}


#terms h2 {
	margin: 0.83em 0 0;
	text-align: left;
}

#terms p {
	text-align: justify;
	margin: 1em 0;
}

#terms li {
	text-align: left;
	text-indent: -14px;
	padding-left: 24px;
}

#terms table {
	text-align: left;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
}

#terms table tr {
	vertical-align: top;
}

#terms table th {
	text-align: center;
	background-color: #ccc;
}

#terms table th, #terms table td {
	padding: 10px 15px;
}

#terms table td {
	text-align: center;
	border-bottom: 1px solid lightgray;
}

#terms table td:first-child {
	text-align: left;
}

#terms table th span {
	font-weight: 300;
}

/* general stuff */

.tleft {
	text-align: left;
}

.top_select {
	padding: 5px 10px 0 10px;
}

.top_buttons {
	text-align:right;
	width: 80%;
	margin: 0 auto 5px;
}

#content input:not(.gjs-pn-panel input), #content select, .top_buttons input, .uiviewwrap select {
	display: inline-block;
	line-height: 1;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

#content select, .uiviewwrap select {
	-webkit-appearance: initial;
	width:100%;
	padding: 6px;
	box-sizing: border-box;
	color: #333333;
	font-size: 14px;
	background-image: url(/images/chevron_d.png);
	background-repeat: no-repeat;
	background-size: auto 15px;
	background-position: 99% 50%;
	cursor: pointer;
}

.border-radius-none-left {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.border-radius-none-right {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.widget {
	width: 30%;
	margin-top: 20px;
	margin-left: 2.5%;
	float: left;
	text-align: center;
	box-sizing: border-box;
}
.widget:last-child {
	margin-bottom: 20px;
}
.widget .modul_image {
	width:100%;
}

.widget2 {
	width: 46.25%;
}

.widget1 {
	width: 95%;
	float: none;
	margin: 20px auto 0;
}

.widget60, .widget40 {
	margin: 0;
}

.widget60 {
	width: 60%;
}

.widget40 {
	width: 40%;
}

.widget40.col2 {
	padding-left: 50px;
}

.widgetimg1 img {
	width: 100%;
}

.widgetfullimg {
	width: 100%;
}

.widgettxt {
	text-align: left;
}

.widgettxt p {
	text-indent: 5%;
}

.pagewrap .widget {
	border: 1px solid #bdc5c8;
	border-radius: 5px;
}

.pagecontent {
	width: 95%;
	margin: 0 auto;
}

.widgetwrap {
	margin-bottom: 20px;
}

.headmsubitem {
}

a.headmsubitem {
	display: block;
	font-size: 20px;
	font-weight: 400;
	padding: 8px 12px;
	color: var(--main-color) !important;
}

/* web pages elements: #head, #content, #footer, #bigfooter, #menuback */


#head, #upcontent, #content, #footer, #bigfooter {
	width: 100%;
}

.landup_logo_txt {
	font-size: 20px;
	color: var(--main-color);
	margin-bottom: 15px;
}

#upcontent {
	height: 400px;
	background-position: center top;
	background-repeat: no-repeat;
}

#upcontent .wrap {
	height: 100%;
}

#upconttxt {
	position: absolute;
	top: 0;
	right: 5%;
	width: 35%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

#upconttxt .upcontwrap {
	padding: 10px 5px 5px;
	text-align: center;
	color: white;
}

#content {
	position: relative;
}

#content .wrap {
	min-height: 100px;
}

.pagetoptitle {
	width: 95%;
	padding: 15px 2.5%;
	font-weight: 600;
	font-size: 24px;
}

.pagetoptitle.respheadtit {
	display: none;
}

.blcktoptitle {
	font-size: 40px;
	font-weight: 300;
	padding: 25px 0;
	color: #555;
}

.pagetoptitle .topbutton {
	float: right;
	display: inline-block;
}

#m_top_fix {
	position: fixed;
	width: 100%;
	z-index: 100;
	background-color: red;
}

.wrap {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}

.questionswrap {
	width: 50%;
	float: left;
}

.widgetwrap p, .questionswrap p {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

.questionswrap p.grouptitle, .widgetwrap p.grouptitle {
	color: black;
	font-size: 13pt;
	font-weight: 500;
}

.questionswrap ul {
	list-style-position: inside;
	padding: 0;
}

.questionswrap li {
	margin: 10px 25px 10px 30px;
	font-size: 11pt;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.widgetwrap p.answertitle {
	padding: 10px 0 10px;
	font-size: 1.6em;
	border-bottom: 1px solid lightgrey;
}

.widgetwrap .answer {
	margin: 10px 25px 10px 30px;
	font-size: 11pt;
	color: gray;
}

.widgetwrap .answer p {
	margin-bottom: 25px;
}

.widgetwrap .answer a {
	color: blue;
	text-decoration: underline;
}

.widgetwrap .answer img {
	border: 1px solid lightgray;
}

.questionswrap .questionsfinal {
	margin: 0 25px 10px 0;
	text-align: right;
	border-bottom: 1px solid lightgray;
}

.questionswrap a:hover, .questionswrap a:hover p {
	color: var(--main-color);
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

/* web pages head */


#head {
	z-index: 1;
	background-color: white;
	position: relative;
}

#head .wrap {
}

.login_head, #loged_head {
	position: absolute;
	top: 0;
	right: 34px;
	background-color: #333;
	padding: 4px 10px 8px;
	border-radius: 0 0 10px 10px;
	color: white;
}

.logo_glava {
	position: absolute;
	left: 20px;
	bottom: 0;
}
.traka_glava {
	position: absolute;
	right: 5%;
	bottom: 5px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
}

.traka_glava a {
	float: left;
	font-size: 16pt;
	color: #FF8F00 !important;
	margin: 0 10px;
}

.traka_glava_img {
	
}

.traka_glava .headsublinks {
	display:none;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--main-color);
}

.traka_glava a .headsublinks a {
	display:block;
	min-width: 100%;
	box-sizing: border-box;
}

.menubackitem .traka_glava_img {
	
}

.menubackitem .fa {
	font-size: 24px;
	line-height: 0.5;
}

.menubackitem .headshopnum.arrow_box {
	margin-left: 10px;
}

.menubackitem .headshopnum.arrow_box:after {
	border-right-color: black;
}

.traka_glava a:hover {
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
}

#head.head_fixed {
	position: fixed;
	z-index: 1000;
}

.headwrap {
	position: relative;
	line-height: 0.9;
	height: 55px;
}

.headwrap a, .headwrap a:visited, .headwrap a:active, .headwrap a:link {
	color: white;
}

.headwrap a:hover {
	color: #FF8F00;
}

.headadminback {
	background-color: rgba(0, 0, 0, 0.6);
}

.headshop {
	position: relative;
	font-size: 14px;
}

.headshopnum {
	display: inline-block;
	padding: 3px 3px 2px 4px;
	margin-left: 3px;
	margin-top: -3px;
	margin-bottom: -3px;
}

/* footer */


#footer {
	background-color: lightgray;
	overflow: hidden;
}

#footer, #footer a{
	font-size:9pt !important;
}

/* big footer */


#bigfooter {
	background-color: lightgray;
	overflow: hidden;
}

#bgfcontent {
	background-color: transparent;
	color: #444;
	text-align: left;
	font-size: 9pt;
	padding:10px 36px 10px 36px;
	overflow: hidden;
}
#bigfooter a{
	font-size:9pt;
}
#bigfooter a b{
	font-size:10pt;
	font-weight:600;
}
#bigfooter a:hover{
	color: #000;
}
#bigfooter a b:hover{
	color: #000;
}
#bigfooter table{
	margin:0 auto;
}
#bigfooter tr{
	vertical-align:top;
}
#bigfooter td{
	border-right:solid 1px white;
	padding: 0px 15px;
}


/* marketing floating and fixed */

.m_top_content {
	text-align: center;
	padding: 20px 10px;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: 14px;
	color: white;
}

#m_top_fix .m_top_content a {
	font-weight: 400;
	color: white;
	text-decoration: underline;
}

/* back menu for smaller screens */


#menuback, #menubackbutton {
	display: none;
}

#menuback {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	min-height: 100%;
	background: black;
	z-index: -100;
}
.menubackitem, .menubackspace {
	color: white;
	padding: 5px;
	font-size: 14pt;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.selmenubackitem {
	background-color: gray;
}
.menubackitem:hover {
	background-color: gray;
	color: black;
}
.menubackspace {
	height: 20px;
}
#menubackbutton {
	position: absolute;
	left: 18px;
	top:18px;
	width: 33px;
	height: 24px;
	background-image: url(/images/btn_lines_w.png);
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#menubackbutton:hover {
	opacity: 0.7;
}
#menuopencover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	cursor: pointer;
	z-index: 100;
}
#main.menuopen {
	width: 100%;
	position: fixed;
}


/* main index page */


.indexwidget {
	background: white;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
	border-radius:5px;
	text-align: left;
}
.indexwidget:hover {
	background-color:#FDB;
}

.modul {
	width:299px;
	height:273px;
	float:left;
	background-color:#FFF;
	border-width:2px;
	border-style:solid;
	cursor:pointer;
}
.boja_bordera{
	border-color:#FF8F00;
}
.modul_naslov {
	width: 95%;
	font-size:16px;
	text-align:left;
	margin:6px 6px 4px 6px;
	color:#339900;
	font-weight: 900;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.modul_image {
}
.modul_image img {
}
.modul_text {
	width: 100%;
	font-size:12px;
	line-height:15px;
	height:60px;
	text-align:left;
	margin:6px;
	color:#555;
	overflow:hidden;
}
.modul_text_2 {
	font-size:16px;
	white-space:nowrap;
	height:21px;
	text-align:left;
	margin:6px;
	width:150px;
	color:#555;
	float:left;
	overflow:hidden;
}
.modul_img {
	padding:0px;
	width:auto;
	border:none;
	float:right;
}


/* index scroll */


#indexscroll {
	background-color:#FF8F00;
}

#indexscroll .wrap {
	padding-top: 0px;
}

#wrapscroll {
	position: relative;
	width:100%;
	overflow:hidden;
}
#wrapscroll img {
	float:left;
}
#wrapscroll:hover {
	cursor:pointer;
}
#indicators {
	text-align: center;
	position:absolute;
	bottom:0px;
	width:100%;
}
#indicators > div:first-child {
	margin:0 auto;
	display: inline-block;
}
#indicator, #indicator > li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	border: none !important;
}
#indicator {
	background: transparent !important;
	margin: 0 !important;
	height: 14px;
	padding: 0px auto !important;
}
#indicator > li {
	text-indent:-9999em;
	width:8px;height:8px;
	-webkit-border-radius:4px !important;
	-webkit-box-shadow: inset 1px 1px 3px #333;
	-moz-border-radius:4px !important;
	-moz-box-shadow: inset 1px 1px 3px #333;
	background: rgba(0,0,0,0.3);
	overflow:hidden;
	margin-right:6px;
	padding:0 !important;
}
#indicator > li.actv {
	background: white;
	-webkit-box-shadow: inset 1px 1px 2px #555;
	-moz-box-shadow: inset 1px 1px 2px #555;
}
#indicator > li:last-child {
	margin:0;
}


/* products, product groups pages */

#groupsmenu {
	position: absolute;
	top:0;
	left:0;
	width:250px;
}

.groupmenuitem, .groupmenutitle {
	display: block;
	position: relative;
	font-size: 24px;
	text-align: left;
	overflow-x: hidden;
	text-overflow: ellipsis;
	padding: 8px 10px;
	border-bottom: 1px solid white;
}

a.groupmenuitem {
	color: var(--main-color) !important;
	font-weight: 500;
	border-bottom: 1px solid white;
	cursor: pointer;
}

.groupmenuitem:hover {
	background-color: #ddd;
}

.groupmenutitle {
	color: black;
	text-align: center;
	padding: 12px 10px;
	font-weight: 100;
	letter-spacing: 1px;
}

.groupmenuitem.groupakcija {
	padding-left: 38px;
}

.groupmenuitem.groupakcija:before {
	content: '%';
	position: absolute; 
	top: calc(50% - 13px);
	left: 10px;
	font-size: 22px;
}

.groupmenuselected {
	padding-right: 25px;
	background-color: var(--main-color);
}

.groupmenuselected:hover {
	background-color: var(--main-color);
}

a.groupmenuselected {
	color: white !important;
}

.groupmenuselected:after {
	content: '\f054';
	font-family: 'FontAwesome';
	position: absolute; 
	top: calc(50% - 8px);
	right: 10px;
	color: white;
	font-size: 16px;
}

.prod_group {
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: white;
}

.prod_group:hover {
	cursor: pointer;
}

.prod_group > .wrap {
	position: relative;
}

.prod_group_title {
	text-align: left;
	font-size: 32pt;
	padding: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}

.prod_group_content {
	position: relative;
	background-color: lightgray;
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease-in-out;
}

.prod_group_content.group_open_alltime {
	max-height: initial;
}

.myprodscont.prod_group_content {
	background-color: white;
}

.prod_group_content > .wrap {
	position: relative;
}

.prod_group_content .widget {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.prod_group_strd {
	position: absolute;
	width: 6%;
	height: 55px;
	left: 47%;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	background-image: url('/images/str-d.png');
	background-position: center;
	background-repeat: no-repeat;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.prod_group.group_open .prod_group_strd {
	background-image: url('/images/str-u.png');
}

.prod_group.group_open_alltime .prod_group_strd {
	display: none;
}

.prod_group:hover .prod_group_strd {
	background-color: rgba(0,0,0,0.8);
}

.productwrap {
	position: relative;
	background-color: white;
	padding: 0;
	border-radius: 3px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 0 2px gray;
	transition: box-shadow .25s linear, transform .25s linear, -ms-transform .25s linear;
	-webkit-transition: box-shadow .25s linear, -webkit-transform .25s linear;
}

.myprodscont .productwrap {
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid var(--main-color);
}

.myprodscont .productwrap.singleproduct {
	border: none;
}

.productwrap:hover {
	box-shadow: 0 0 10px gray;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.myprodscont .productwrap:hover {
	box-shadow: none;
}

.myprodscont .productwrap.singleproduct:hover {
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
}

.producttitle {
	font-size: 16pt;
	font-weight: 600;
	text-align: center;
	padding: 5px;
	color: white;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.singleproduct .producttitle {
	display: none;
}

.myprodscont .producttitle {
	padding: 5px 5px 0;
}

.producttitle br, .producttitle br:after {
	content: " ";
	float: right;
}
.productimage {
	height: 200px;
	margin: 0 auto;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.productwrap[relp="119"] .productimage, .productwrap[relp="120"] .productimage {
	position: relative;
	border-radius: 2px;
	background-size: 100% 100%;
	box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.5);
}
.productwrap[relp="119"] .productimage {
	width: 200px;
	transform: scale(0.85);
}
.productwrap[relp="120"] .productimage {
	height: 145px;
	width: 200px;
	margin: 30px auto 25px;
	transform: scale(0.9);
}
.productwrap[relp="119"] .productimage:after, .productwrap[relp="120"] .productimage:after {
	content: '';
	position: absolute;
	top: 0;
	left: 3%;
	height: 100%;
	width: 1px;
	background: rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	filter: blur(2px);
	-webkit-filter: blur(2px);
}
.singleproduct .productimage {
	height: 300px;
}
.productprice, .productskinname {
	text-align: center;
	font-size: 13pt;
	padding: 5px;
}
.productskinname {
	font-size: 14px;
	color: gray;
}
.myprodscont .productskinname {
	padding: 0 5px 5px;
}

.productoldprice {
	text-decoration: line-through;
}
.productsaleprice {
	color: red;
	font-weight: 600;
}
.productinfo {
	display: none;
	padding: 5px 5px 10px;
	font-size: 13pt;
	color: gray;
}

.product_spsel {
	display: none;
}

.productinfo li {
	display: table-row;
}
.productinfo li::before {
    content: "•";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}
.productbanner {
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: 0;
	background-color: red;
	color: white;
	font-size: 15pt;
	font-weight: 600;
	padding: 3px 0;
	text-align: center;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	opacity: 0.8;
	margin: 0 0 10% -10%;
	box-shadow: 0 0 2px gray;
}
.productinactive {
	background-color: darkred;
}

.productselbtns {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.3);
}

.singleproduct .productselbtns {
	position: relative;
	padding: 20px;
	background: transparent;
}

.productselbtns .topbutton {
	margin: 6px;
	padding: 4px 8px;
	text-transform: initial;
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.singleproduct .productselbtns .topbutton {
	padding: 10px 20px;
}

.prodpop {
}
.prodinfopop {
	padding: 5px 5px 10px;
	text-align: left;	
}
.prodinfopop li {
	display: table-row;
}
.prodinfopop li::before {
    content: "•";
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}

.prodinfopop h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.prodinfopop .gentable {
	width: 100%;
	font-size: 1em;
}

.prodinfopop .gentable th {
	font-weight: 400;
}

.prodpop.prod_sp {
}

.prod_sp .productimage {
	float: left;
    width: 50%;
    margin: 0;
    min-height: 300px;
    height: 100%;
}

.prod_sp .product_rwrap {
	float: right;
    width: 45%;
    margin: 0;
    min-height: 300px;
	text-align: left;
}

.prod_sp .product_rwrap .productinfo, .prod_sp .product_rwrap .product_spsel {
	display: block;
}

.product_spsel {
	
}

.prod_sp .product_rwrap .topbutton {
	display:block;
	text-align: center;
	margin: 15px 0 20px;
}

.product_rwrap .topbutton .fa {
	margin-left: 10px;
}

.prod_sp:after {
    content:"";
    display: table;
    clear: both;
}

.prodstilswrap, .prodstilsinfo, .swipewrap {
	position: relative;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
.prodstilswrap ul, .swipewrap ul {
	white-space: nowrap;
	font-size: 0;
	list-style: none;
	width: 100%;
	padding: 0;
}
.prodstilswrap li, .swipewrap li {
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.prodstiltitle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 16pt;
	font-weight: 600;
	text-align: left;
	padding: 3px 5px;
}
.prodstilimg {
	width: 100%;
}
.prodstilimg img {
	width: 100%;
}
.prodstilselect {
	position: absolute;
	right: 0;
	bottom: 18px;
}
.prodstilselinfo {
	font-size: 12pt;
	text-align: left;
	padding: 3px 5px;
}

.swipewrap li p {
	text-align: left;
	white-space: normal;
	color: gray;
	font-size: 10.5pt;
	text-indent: 20px;
}

/* leftright indicator buttons */

.scroll_left_btn, .scroll_right_btn {
	position: absolute;
	width: 45px;
	height: 20%;
	top: 40%;
	background-color: rgba(0,0,0,0.5);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0;
	transition: opacity .25s linear;
}
.scroll_left_btn {
	left: 0;
	background-image: url('/images/str-l.png');
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.scroll_right_btn {
	right: 0;
	background-image: url('/images/str-r.png');
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}


/* scrolling indicators */

.indicators {
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}
.indicators li {
	display: inline-block;
	cursor: pointer;
	border: 1px solid gray;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	margin-right: 5px;
}
.indicators li:last-child {
	margin-right: 0px;
}
.indicators li:hover {
	background-color: lightgray;
}
.indicators li.active {
	background-color: gray;
}


/* distance line */

.distanceline {
	height: 1px;
	margin: 3px 0;
	background-color: gray;
}

.table_container {

}

.gentable, .gentable_s {
	margin: 0 auto;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid lightgray;
	text-align: left;
	font-size: 1.2em;
}

.gentable_s {
	font-size: 1.0em;
}

.gentable th, .gentable_s th {
	text-align: center;
	font-size: 10pt;
	padding: 5px 10px;
	color: gray;
	font-weight: 100;
}

.gentable tr:first-child, .gentable_s tr:first-child {
	background-color: lightgray;
}

.gentable tr:hover, .gentable_s tr:hover {
	background-color: lightgray;
}

.gentable td, .gentable_s td {
	padding: 5px 10px;
}

.gentable input, .gentable_s input{
	display: inline;
}

.gentable tr.click {
	cursor: pointer;
}

.overflowauto {
	overflow: auto;
}

/* buttons & default container div for buttons #contbuttons */

.topbutton, .topbutton_s {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 15px;
	background-color: var(--main-color);
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--main-color)),to(var(--main-color-darker)));
	background-image: -webkit-linear-gradient(top, var(--main-color), var(--main-color-darker));
	background-image: -moz-linear-gradient(top, var(--main-color) 0%, var(--main-color-darker));
	background-image: -ms-linear-gradient(top, var(--main-color) 0%, var(--main-color-darker));
	background-image: -o-linear-gradient(top, var(--main-color) 0%, var(--main-color-darker));
	background-image: linear-gradient(to bottom, var(--main-color), var(--main-color-darker));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid var(--main-color-darker);
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 0px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	display: inline-block;
}

.topbutton_s {
	font-size: 12px;
	padding: 3px 8px;
}

.topbutton.greenbutton {
	background-color: #6bb733;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6bb733), to(#569329));
	background-image: -webkit-linear-gradient(top, #6bb733, #569329);
	background-image: -moz-linear-gradient(top, #6bb733 0%, #569329);
	background-image: -ms-linear-gradient(top, #6bb733 0%, #569329);
	background-image: -o-linear-gradient(top, #6bb733 0%, #569329);
	background-image: linear-gradient(to bottom, #6bb733, #569329);
	border: 1px solid #569329;
	border-top-color: #a7d485;
}

.topbutton:hover, .topbutton_s:hover, .topbutton:active, .topbutton_s:active {
	background: var(--main-color);
	cursor: pointer;
}

.topbutton.greenbutton:hover, .topbutton.greenbutton:active {
	background: #569329;
	border-top-color: #569329;
}

.topbutton > img {
	height: 21px;
	margin: -2px -4px -4px;
	border: none;
}

#contbuttons {
	padding: 5px 0;
	border-bottom: 1px solid gray;
}

#contbuttons .topbutton {
	margin-right: 10px;
}

.topbutton.nextbtn .nextpng{
	height: 13px;
	margin: 0px 0 0 7px;
}

.topbutton.nextbtn .fa{
	margin-left: 7px;
	font-size: 0.85em;
}

/* container bellow #contbuttons */

#cont {
	position: relative;
	width: 100%;
	height: 200px;
}

#contdiv {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.overhidden {
	overflow: hidden !important;
	position: relative;
	height: 100%;
}

.overhidden_noscroll {
	overflow: hidden !important;
	position: relative;
}

#contwrap {
	position: relative;
	padding: 5px 0;
}

/* jQ UI - dialog, login form */

label, input {
	display:block;
}
input {
	font-size: 14px;
}

.input2 {
	display: inline-block;
	width:48%;
}
.input2last {
	margin-left: 4%;
}

#login-form label, #login-form-page label {
	font-size: 14px;
	color: gray;
}
#login-content, #login-content_js {
	border: 1px solid lightgray;
	border-radius: 10px;
}
#login-content_js {
	padding: 10px;
	border: none;
}
#login-content {
	margin-top: 15px;
	float: left;
	width: 39%;
}
.login-cont-wrap {
	margin-top: 10px;
	width: 274px;
}
#loginfgt {
	color: var(--main-color);
}
input.text {
	margin-bottom:12px;
	width:100%;
	padding: 5px;
	box-sizing: border-box;
}
select.text {
	margin-bottom:12px;
}
textarea.text {
	width: 100%;
	margin-bottom:12px;
	min-height: 100px;
	padding: 5px;
	box-sizing: border-box;
}
#logintip {
	border-top: 1px solid gray;
	padding: 5px 3px;
	margin-top: 10px;
	color: red;
}
.remembermelog {
	margin: 5px 0px 8px;
	color: #808080;
}
.remembermelog input {
	display: inline;
	margin-right: 5px;
	margin-left: 0px;
	height: auto !important;
}
.accregrules {
	margin: 10px 0 0 18px;
	color: gray;
	text-indent: -18px;
}
.accregrules input {
	display: inline;
	height: auto !important;
}
.accregrules span {
	cursor: pointer;
}
.ruleswrap {
	width: 500px;
	height: 500px;
	overflow: auto;
}
.ruleswrap p {
	font-size: 10pt;
}
div#users-contain {
	width: 350px;
	margin: 20px 0;
}
div#users-contain table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
div#users-contain table td, div#users-contain table th {
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
}
.ui-dialog .ui-state-error {
	padding: .3em;
	background: none !important;
	background-color: rgba(255,0,0,0.3) !important;
}
.ui-dialog-title br, .ui-dialog-title br:after {
	content: ' ';
	float: right;
}
.ui-dialog-titlebar-close {

}
.ui-widget-overlay {
	background: black;
}
.ui-state-error {
	background: #ff674f !important;
	color: white !important;
}
.ui-dialog {
	padding: 0;
}
.ui-dialog-titlebar {
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.validateTips {

}

.ui-message {
	text-align: center;
}

.ui-button .ui-button-text {
	line-height: 1;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: .0em .5em .3em .4em;
	border: none;
	margin: 0;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-combobox {
    position: relative;
    display: inline-block;
}
.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3px;
    padding: 0;
    border: 1px solid #DDD;
    border-left: none;
}
.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}

.ui-input-error {
	background-color: red;
	background-image: none;
}

.login-cont-button {
	text-align: right;
}

.login-cont-regbutton {
	text-align: center;
}

#a-dialog, #m-dialog {
	min-height: 0 !important;
	padding: 1em 1em 0.5em;
}

#a-dialog .ui-message {
	font-size: 14px;
	overflow-y: scroll;
	max-height: 80vh;
}

#m-dialog .ui-message {
	overflow: hidden;
}

.rounded5 {
	border-radius: 5px;
}

#loginbox {
	margin: 0 auto;
	width:400px;
}

.kalkbtns, .troskbtns {
	text-align: right;
}

.kalkbtns .topbutton_s {
	margin-right: 10px;
}

.kalkbtns .topbutton_s:last-child {
	margin-right: 0;
}

.modalback {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.modaldiv {
	position: relative;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}

.modalbuttons {
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: right;
}

.modalbuttons .topbutton {
	margin-left: 10px;
}

.modalcont {
	width: 100%;
	height: 0;
	background-color: white;
	-moz-box-shadow:
		0px 5px 14px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		0px 5px 14px rgba(0,0,0,0.5);
	box-shadow:
		0px 5px 14px rgba(0,0,0,0.5);
	overflow: auto;
}

.modalwrap {
	position: relative;
	padding: 10px;
}

.quotetable, .newcusttable {
}

.quotetable tr, .newcusttable tr {
	vertical-align: top;
}

.quotetable td, .newcusttable td {
	font-size: 14px;
	padding: 3px 10px;
}
.quotetable td:first-child, .newcusttable td:first-child{
	color: gray;
	font-size: 12px;
}

.graytr td, .graytr th {
	border-bottom: 1px solid lightgray;
}

.quoteexptable th {
	color: gray;
	font-weight: 100;
}

.quoteexptable td, .quoteexptable th {
	text-align: center;
	font-size: 14px;
	padding: 5px 5px;
}

.quoteprcdiv {
	text-align: center;
}

.point {
	cursor: pointer;
}

.txtleft {
	text-align: left;
}

.txtcntr {
	text-align: center;
}

.txtright {
	text-align: right;
}

.infotext {
	font-size: 14px;
	color: gray;
}

.filterbox {
	position: relative;
	display: inline-block;
	width: 150px !important;
	margin-left: 20px;
}

.filterbox input{
	margin: 0;
}

.filterbox .ui-icon{
	position: absolute;
	top: 25%;
	right: 2%;
	background-image: url(/js/jq/ui-lightness/images/ui-icons_ef8c08_256x240.png);
	pointer-events: none;
}

/* admin */

.admin_group {
	text-align: left;
	padding: 5px;
	background-color: white;
	border: 1px solid #BDC5C8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.admin_group_title {
	font-size: 11pt;
	margin-bottom: 5px;
	text-align: center;
}

.admin_link {
	font-size: 14pt;
	font-weight: 400;
	margin-bottom: 3px;
	padding-left: 5px;
}

.admin_link a:hover {
	color: var(--main-color);
}

.admin_link_g {
	font-size: 12px;
	border-top: 1px solid lightgray;
	padding-top: 3px;
	color: lightgray;
}

#admin_skin {
	margin-bottom: -20px;
	z-index: 100;
	position: relative;
	pointer-events: none;;
}

.admin_skin_div {
	text-align: right;
	width: 95%;
	margin: 0 auto;
	pointer-events: all;
}

.admin_skin_sel {
	margin: 5px 0;
}

.admin_top_btns {
	text-align: left;
	padding: 5px 0;
}

.admin_top_title {
	text-align: left;
	padding: 5px;
}

.admin_top_title > h2 {
	display: inline-block;
	margin: 0;
}

.adminpopwidget {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	background-color: rgba(255,35,35,0.8);
	color: white;
	padding: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.admintabselect {
	text-align:center;
	margin:0 auto;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}

.admintabselect input{
	display: inline;
}

#admincontent {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	background: white;
	overflow: auto;
}

#adminconwrap {

}

#adminjobs {
	overflow: auto;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
#adminjobs.nowraphidden {
	overflow-x: hidden;
	white-space: nowrap;
}

/* html admin editors */

.adminbtns {
	text-align: right;
	font-size: 12pt;
	margin: 0 auto;
	padding: 5px 0;
}

.adminbtns button:first-child {
	margin-left: 0;
}

.adminbtns button:last-child {
	margin-right: 0;
}

#admineditpage h2{
	margin-top: 10px;
	border-top: 1px gray solid;
	padding-top: 10px;
}

.admin_page_content {

}

/* admin orders */

#orders_tab {
	font-size: 9pt;
}

.orderid, .orderjobid, .ordertr, .filterprodtr {
	cursor: pointer;
}

.ordertr {
	border-top: 1px solid rgba(255,255,255,0.5);
}

.admintablewrap {
	text-align:center;
	overflow-x: hidden;
	overflow-y: auto;
}

.scrollwrap {
	overflow:auto;
	height: 100%;
}

.shdwscrtop, .shdwscrbottom {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background: transparent no-repeat;
	background-size: 115% 100%;
	background-position-x: 50%;
	opacity: 0.5;
	display: none;
}

.shdwscrtop {
	background-image: url('/images/sjena_top.png');
	top: 0;
}

.shdwscrbottom {
	background-image: url('/images/sjena_bottom.png');
	bottom: 0;
}

.shdwscrright {
	position: absolute;
	top: 0;
	height: 100%;
	width: 4px;
	background: transparent no-repeat;
	background-size: 100% 115%;
	background-position: center;
	opacity: 0.5;
	display: none;
}

.shdwscrright {
	background-image: url('/images/sjena_right.png');
	right: 0;
}

.production_color {
	width: 10px;
	height: 10px;
	margin: 0 auto;
}

#orders_filt_btn {
	position: relative;
	display: inline-block;
	text-align: center;
	background-color: #eee;
	padding: 5px 10px;
	cursor: pointer;
}
#orders_filt_wrap {
	position: absolute;
	left: 0;
	top: 100%;
	margin: 0; 
	padding: 5px; 
	background-color: white;
	border: 1px solid #eee;
	opacity: 0;
	display: none;
	-moz-box-shadow:
		1px 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		1px 2px 2px rgba(0,0,0,0.5);
	box-shadow:
		1px 2px 2px rgba(0,0,0,0.5);
}

#order_filt { 
	list-style-type: none; 
	text-align: left;
	padding: 0;
	margin: 0;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	width: 250px;
}
#order_filt li {
	padding: 5px;
	font-size: 10pt;
	white-space: nowrap;
	cursor: pointer;
	color: gray;
}
#order_filt .ui-selecting { 
	background: #FECA40;
}
#order_filt .ui-selected {
	background: #F39814;
	color: white;
}
#orders_filt_wrap .button_m {
	margin: 0 auto;
}
/* .prodfilt {
	background-color:
} */


/* admin forms */

.adminformwrap {
	position: relative;
	width: 95%;
	max-width: 600px;
	margin: 0 auto;
}

.adminformwrap input, .adminformwrap textarea{
	width: 100%;
	background: #eee;
	border: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	border-radius: 3px;
	height: 25px;
	margin-bottom: 8px;
	padding: 5px;
	font-size: 9pt;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.adminformwrap textarea{
	height: 225px;
	resize: none;
}

.adminformwrap .inputauto {
	width: auto;
}

.adminformwrap .inputerror {
	background-color: red;
	color: white;
}

.adminscrwrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.itemremove {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.btnchangewrap {
	padding: 10px;
	background-color: #eee;
	border-radius: 5px;
}

.btnchangewrap input {
	background-color: white;
}

#couponprodtable {
	
}

#couponprodtable tr {
	vertical-align: top;
}

#couponprodtable td {
	padding-right: 20px;
}

#couponprodtable td input {
	height: 23px;
}

/* admin stilovi */

#izbor_proizvoda {
	padding-top: 10px;
}

.adminstyle_icn {
	max-width:126px;
	max-height:40px;
}

.adminstyle_img, .adminstyle_bg_file, .adminslicic_img {
	height:80px;
}

div.image_upload, div.text_upload {
}

div.image_upload_prog {
	height: 17px;
	border: 1px solid gray;
	background: var(--main-color);
	background: -webkit-gradient( linear, left top, left bottom, from(var(--main-color)), to(#D37800));
	background: -moz-linear-gradient(top, var(--main-color) 0%, #D37800);
	background: -ms-linear-gradient(top, var(--main-color) 0%, #D37800);
	background-size: 0%;
	background-repeat: no-repeat;
	font-size: 9pt;
	padding-top: 3px;
}

/* admin template editor */

#templ_editor {
	position: relative;
}

#templ_view {
	position: relative;
	float:left;
	text-align:left;
	overflow:hidden;
}

#hor_ruler {
	position:absolute;
	left:0;
	top:-20px;
	height:20px;
	background:url(/images/ravnalo.jpg);
	text-align:center;
	color:gray;
}

#templ_jpg {
	position: relative;
}

#ver_ruler {
	position:absolute;
	left:-30px;
	top:0px;
	width:30px;
	background:url(/images/ravnalo_v.jpg);
}

#ver_ruler_txt {
	position: absolute;
	left:-35px;
	color:gray;
}

#templ_opt {
	float:right;
	padding:5px;
	background-color:lightgray;
}

#templ_prev_wrap {
	text-align:center;
	margin-top:10px;
}

#templ_opt input, #templ_prev_wrap input, #div_pod_test input {
	display: inline-block;
}

#new_templ_jpg {
	position: relative;
	display: inline-block;
}

#opt_control {
	background-color:#ddd;
	float:left;
	padding:5px;
}

#opt_table {
	display: none;
}

#new_templ_prev_box, #new_templ_prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#new_templ_prev_box {
	opacity: 0.7;
	background-color:black;
}

#new_templ_prev {
	text-align:center;
}

#pngs_wrap {
	min-height:100px;
	position:relative;
}

#pngs_cont {
	overflow-y:auto;
}

#pngs_head {
	position:relative;
	padding: 2px;
	color:white;
}

#pngs_head span {
	
}

#pngs_back {
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
}

#pngs_folders {
	margin-bottom: 4px;
}

#pngs {
	-webkit-column-count: 2;
	-webkit-column-gap: 8px;
	-moz-column-count: 2;
	-moz-column-gap: 8px;
	column-count: 2;
	column-gap: 8px;
}

#pngs .png_wrap {

}

#pngs img {
	width: 100%;
	cursor: pointer;
}

.png_info {
	text-align: center;
	padding-bottom: 2px;
	border-bottom: solid 1px white;
	margin-bottom: 5px;
}

#png_upld {
	text-align:center;
	font-size:56px;
	padding:15px 0;
	background-color:rgba(0,0,0,0.5);
	color:white;
	cursor:pointer;
	height: auto;
}

#pngs .png_wrap, #png_upld {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
}

#div_png_zatvori {
	width:250px;
	float:right;
	text-align:right;
	display:inline;
}

#pngs_prev {
	position: absolute;
	top:88px;
	text-align:center;
	display:none;
}

#opt_table_tr_2 {
	text-size:10px;
}

#opt_table_pozx, #opt_table_pozy, #opt_table_dimw, #opt_table_dimh, #opt_table_okvd, #opt_table_rot, #opt_table_okvb {
	width: 39px;
	margin: 0 auto;
}

#opt_table_okvb {
	width: 20px;
	border: 2px solid transparent;
	cursor: pointer;
}

#im_alig_l, #im_alig_c, #im_alig_r {
	vertical-align: bottom;
	width: 35px;
}

.templ_opt_segments {
	position:absolute;
	left:0px;
	top:0px;
	width:10px;
	height:10px;
	cursor:pointer;
}

.templ_elem {
	position: absolute;
	cursor: pointer;
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
}

.templ_elem_elips {
	border-radius: 50%;
}

.templ_elem_photo {
	border: 1px solid #FF9900;
	background: white;
}

.templ_elem_text {
	border: 1px solid #FF9900;
	background: url(/images/text_back.png) left center no-repeat;
}

.templ_elem_png {
	background-size: 100% !important;
	-ms-background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
}

#div_pod_test {
	position: relative;
}

.test_over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5) url(/images/ajaxload_rot.gif) center no-repeat;
}

#colorpickerBack {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

#colorpickerWrap {
	position: absolute;
	background-color: white;
}

.colorpicker {

}

#colorpickerBtns {
	padding-bottom: 5px;
}

#colorpickerBtns .button_m {
	margin: 0 10px;
	min-width: 40px;
}

/* upload files-photos-backgrounds */

.phuploadwrap {
	padding: 0 5px 5px 5px;
	text-align: center;
}

.phdrop {
	height: 100%;
}

.phuploadbtn {
}

.phuploadbtn > input {
	height: 100%;
}

.phlist {
	min-height: 100%;
}

.photoupload, .upldPodloga {
	margin: 8px 4px;
	height: 80px;
	position: relative;
}

.photoupload {
	background: white url("/images/loading.gif") center no-repeat;
	width: 80px;
}

.phuploadname {
	font-size: 12px;
	text-align: left;
	width: 80%;
	color: gray;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
}

.phuploadsize {
	position: absolute;
	bottom: 2px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: gray;
}

.phuploadcancel {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 18%;
	font-size: 14px;
	color: black;
	font-weight: 600;
}

.phuploadcancel:hover {
	cursor: pointer;
}

.upldPodloga {
	pointer-events: none;
}


/* buttons */

div.btn {
	display: inline;
}

.btn {
  cursor: pointer;
  text-decoration: none;
  color: #000;
  border-radius: 2px;
  font-family: 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  line-height: 1;
  padding: .7em 1.1em .6em 1.1em;
  font-weight: 500;
  font-size: 0.8em;
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #fcfcfc, #e0e0e0);
  background-image: -ms-linear-gradient(top, #fcfcfc, #e0e0e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, #fcfcfc, #e0e0e0);
  background-image: -o-linear-gradient(top, #fcfcfc, #e0e0e0);
  background-image: linear-gradient(top, #fcfcfc, #e0e0e0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e0e0e0', GradientType=0);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: none;
}
.btn:hover {
  color: #000;
  background: #e0e0e0;
}
.btn-black {
  border-color: #000;
  background-color: #2e2e2e;
  background-image: -moz-linear-gradient(top, #4d4d4d, #000000);
  background-image: -ms-linear-gradient(top, #4d4d4d, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), to(#000000));
  background-image: -webkit-linear-gradient(top, #4d4d4d, #000000);
  background-image: -o-linear-gradient(top, #4d4d4d, #000000);
  background-image: linear-gradient(top, #4d4d4d, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000', GradientType=0);
}
.btn-red {
  border-color: #c01415;
  border-bottom-color: #910f10;
  background-color: #e54546;
  background-image: -moz-linear-gradient(top, #ef6465, #d71618);
  background-image: -ms-linear-gradient(top, #ef6465, #d71618);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef6465), to(#d71618));
  background-image: -webkit-linear-gradient(top, #ef6465, #d71618);
  background-image: -o-linear-gradient(top, #ef6465, #d71618);
  background-image: linear-gradient(top, #ef6465, #d71618);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6465', endColorstr='#d71618', GradientType=0);
}
.btn-orange {
  border-color: #cd640b;
  border-bottom-color: #9c4c08;
  background-color: #ee7f22;
  background-image: -moz-linear-gradient(top, #f48a30, #e5700c);
  background-image: -ms-linear-gradient(top, #f48a30, #e5700c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f48a30), to(#e5700c));
  background-image: -webkit-linear-gradient(top, #f48a30, #e5700c);
  background-image: -o-linear-gradient(top, #f48a30, #e5700c);
  background-image: linear-gradient(top, #f48a30, #e5700c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48a30', endColorstr='#e5700c', GradientType=0);
}
.btn-green {
  border-color: #5a6d2b;
  border-bottom-color: #3c491d;
  background-color: #7e993c;
  background-image: -moz-linear-gradient(top, #90af45, #63782f);
  background-image: -ms-linear-gradient(top, #90af45, #63782f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#90af45), to(#63782f));
  background-image: -webkit-linear-gradient(top, #90af45, #63782f);
  background-image: -o-linear-gradient(top, #90af45, #63782f);
  background-image: linear-gradient(top, #90af45, #63782f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90af45', endColorstr='#63782f', GradientType=0);
}
.btn-blue {
  border-color: #104769;
  border-bottom-color: #09293d;
  background-color: #196ea2;
  background-image: -moz-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -ms-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c7ab4), to(#155c88));
  background-image: -webkit-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -o-linear-gradient(top, #1c7ab4, #155c88);
  background-image: linear-gradient(top, #1c7ab4, #155c88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7ab4', endColorstr='#155c88', GradientType=0);
}
.btn-yellow {
  border-color: #b7900b;
  border-bottom-color: #876a08;
  background-color: #e5b925;
  background-image: -moz-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -ms-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c835), to(#cfa30c));
  background-image: -webkit-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -o-linear-gradient(top, #f3c835, #cfa30c);
  background-image: linear-gradient(top, #f3c835, #cfa30c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c835', endColorstr='#cfa30c', GradientType=0);
}
.btn-black {
  text-shadow: 0 -1px 0 #000000;
}
.btn-red,
.btn-orange,
.btn-green,
.btn-blue,
.btn-yellow {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.24);
}
.btn-black,
.btn-red,
.btn-orange,
.btn-green,
.btn-blue,
.btn-yellow {
  color: #fff;
}
.btn-black:hover,
.btn-red:hover,
.btn-orange:hover,
.btn-green:hover,
.btn-blue:hover,
.btn-yellow:hover {
  color: rgba(255, 255, 255, 0.8);
}
.btn-black:hover {
  background: #000;
}
.btn-red:hover {
  background: #d71618;
}
.btn-orange:hover {
  background: #e5700c;
}
.btn-green:hover {
  background: #63782f;
}
.btn-blue:hover {
  background: #155c88;
}
.btn-yellow:hover {
  background: #cfa30c;
}
.btn-small {
  font-size: .6em;
}
.btn-big {
  font-size: 1.2em;
  line-height: 1.75em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.btn-round {
  border-radius: 20px;
}
.btn-active,
.btn-active:hover,
.btn.disabled,
.btn[disabled],
.btn-disabled,
.btn-disabled:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background: #d1d1d1;
  border: 1px solid #b3b3b3;
  text-shadow: 0 1px 1px #fff;
}
.btn-active,
.btn-active:hover {
  color: #666;
}
.btn.disabled,
.btn[disabled],
.btn-disabled,
.btn-disabled:hover {
  color: #999;
  cursor: auto;
}
.btn:focus .halflings,
.btn:hover .halflings {
  color: #555555;
}
.btn-black:hover .halflings,
.btn-red:hover .halflings,
.btn-orange:hover .halflings,
.btn-green:hover .halflings,
.btn-blue:hover .halflings,
.btn-yellow:hover .halflings {
  color: rgba(255, 255, 255, 0.8);
}
.btn-disabled:hover .halflings {
  color: #999;
}
.btn-active .halflings {
  color: #555;
}
/* Group  */
.btn-wrap {

}
.btn-wrap-right {
	margin: 5px 0 -5px;
	text-align: right;
}
.btn-single,
.btn-group {
  display: inline-block;
  margin-right: 2px;
  vertical-align: bottom;
}
.btn-group:last-child {
	margin: 0;
}
.btn-single:after,
.btn-group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.btn-single > .btn,
.btn-single > input,
.btn-group > .btn,
.btn-group > input {
  display: inline-block;
  border-radius: 0;
  margin-left: -1px;
}
.btn-single > .btn {
  border-radius: 4px;
}
.btn-group > .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.btn-group > .btn.btn-round:first-child,
.btn-group > .input-search:first-child {
  border-radius: 15px 0 0 15px;
}
.btn-group > .btn.btn-round:last-child,
.btn-group > .input-search:last-child {
  border-radius: 0 15px 15px 0;
}
.btn-append,
.btn-group .btn {
  padding: .7em 1.1em .6em 1.1em;
}
/* Append  */
.btn-append {
  position: relative;
  top: -1px;
  margin-left: -2px;
  border-radius: 0 4px 4px 0;
}
/* FF fix */
@-moz-document url-prefix("http://") {
  input[type=submit].btn::-moz-focus-inner,
  button.btn::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
}

/* FAQs */

.faqshort {
	text-align: left;
}

.faqshort a .faqtop {
	color: var(--main-color);
	font-size: 20px;
	padding-top: 20px;
	margin: 30px 0 15px;
	border-top: 1px solid gray;
	font-weight: 500;
}

.faqshort a .faqgroup {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
	padding-left: 10px;
}

.faqshort a .faqgroup:hover {
	color: var(--main-color);
}

/* admin FAQs */

#a_faqsgroups, #a_faqsquestions {
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
	height: 100%;
	vertical-align: top;
	overflow-x: hidden;
}

#a_faqsgroups {
	width: 25%;
}

#a_faqsquestions {
	width: 75%;
}

#a_faqsgroupstop, #a_faqstop {
	text-align: center;
	position: relative;
	font-size: 12pt;
	line-height: 30px;
	height: 30px;
}

#a_faqsgroupstop .btns, #a_faqstop .btns {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 10pt;
}

#a_faqsgrps, #a_faqs {
	overflow-x: hidden;
}

#a_faqs {
	background-color: lightgray;
}

.a_faqgroup {
	padding: 10px;
	font-size: 13pt;
	cursor: pointer;
	border-top: 1px solid lightgray;
}

.a_faqgroup:last-child {
	border-bottom: 1px solid lightgray;
}

.a_faqgroup:hover {
	background-color: lightgray;
}

#a_faqbtn_n, #a_faqbtn_s {
	display: none;
}

.a_faq {
	padding: 10px;
	font-size: 13pt;
	cursor: pointer;
	border-bottom: 1px solid white;
	max-height: 100px;
	opacity: 1;
	transition: max-height .25s linear, padding .25s linear, opacity .25s linear;
}

.a_faq.a_faqinactive {
	max-height: 0;
	overflow: hidden;
	padding: 0;
	border: none;
	opacity: 0;
}

.a_faq:hover {
	background-color: white;
}

.a_faq.a_faqediting:hover {
	background-color: transparent;
}

.a_faq > div {
	width: 100%;
	display: table;
	table-layout:fixed;
}

.a_faq_t, .a_faq_a, .a_faq_c {
	display: table-cell;
	vertical-align: top;
	white-space: normal;
}

.a_faq_t {
	text-align: left;
	width: 100%;
}

.a_faq_a {
	text-align: center;
	width: 50px;
	padding: 0 5px;
}

.a_faq_c {
	text-align: right;
	width: 50px;
}

.a_faq.a_faqediting .a_faq_a, .a_faq.a_faqediting .a_faq_c {
	display: none;
}

#a_faqedit {
	position: relative;
	max-height: 0;
	overflow-x: hidden;
	background-color: white;
	transition: max-height .25s linear;
}

#a_faqedit.a_faqediting {
	max-height: 1000px;
}


#a_faqeditwrap {
	padding: 15px;
}

.a_editlabel {
	color: gray;
	font-size: 12pt;
	margin-top: 25px;
}

.a_editlabel:first-child {
	margin-top: 0;
}

.a_editlabel input {
	vertical-align: middle;
	margin-left: 20px;
}

#a_editfaq_q {

}

#a_editfaq_a {
	
}

#a_faqeditwrap .redactor_editor {
	min-height: 200px;
}


/* admin sales */

#newpricetab, #newbundletab, .promosaleinfo {
	table-layout:fixed;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

.promosaleinfo {
	font-size: 15px;
	margin-top: 10px;
}

#newpricetab th, #newbundletab th, .promosaleinfo th {
	color: gray;
	font-size: 10px;
	text-align: center;
}

.newprodtr {
	vertical-align: top;
}

#newpricetab select, #newbundletab select, #newmultibundletab select, #newpagestab select {
	border-color: transparent;
	line-height: 1.3;
	padding: 2px 6px;
	margin-top: 1px;
	margin-bottom: 8px;
}

.newprodtr .btn-group {
	padding-top: 2px;
	white-space: pre;
}

.saletabwrap .btn-group .btn {
	padding-top: 8px;
    padding-bottom: 7px;
    margin-top: -2px;
}

.newprodtr .prodprice input {
	text-align: right;
}
.newprodtr .prodpriceextr input {
	text-align: right;
}
.newprodtr .prodqty input {
	text-align: center;
}
.newprodtr .proddisc input {
	text-align: right;
}
.newprodtr .itemremove {
	margin-top: 5px;
	margin-left: 3px;
}
.newprodtr td.prodtrelem {
	opacity: 0;
}


/* forms */

.forms_h .form100 {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	display: block;
}

.forms_h .form50 {
	display: inline-block;
	padding-left: 2%;
	width: 50%;
	box-sizing: border-box;
}

.forms_h .form50.first {
	padding-right: 2%;
	padding-left: 0%;
}

.forms_h label {
	font-size: 13px;
	color: gray;
}

.forms_h input, .forms_h textarea, .forms_h select, #content .forms_h select {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: black;
	background-color: #f5f5f5;
	border-radius: 4px;
	margin-top: 2px;
}

.forms_h select {
	-moz-appearance: window;
}

@-moz-document url-prefix() {
	.css-select-moz {
		padding: 10px 0px;
		margin: 0px;
		font-size: 16px;
		border: 1px solid #dddddd;
		color: black;
		background-color: #f5f5f5;
		border-radius: 4px;
		background-image: url(/images/chevron_d.png);
		background-repeat: no-repeat;
		background-size: auto 15px;
		background-position: 99% 50%;
	}
	.css-select-moz select {
		width: calc(100% - 2px) !important;
	}
} 

.forms_h input:focus, .forms_h textarea:focus {
	border-color: var(--main-color);
	outline: 1px var(--main-color);
	outline-style: auto;
}


/* forms error */

.form-input-error, 
input.form-input-error, 
#checkoutcol1wrap input.form-input-error, 
.forms_h input.form-input-error, 
.forms_h textarea.form-input-error, 
#content .forms_h select.form-input-error {
	background: red;
	color: white;
}


/* my photos */

#mywrap {
	white-space: nowrap;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#mywrap .topbutton {
	padding: 5px 30px;
}

#folderswrap, #photoswrap {
	display: inline-block;
	float: left;
	height: 100%;
	margin: 0;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}

#folderswrap {
	width: 25%;
	background-color: #dedede;
}

#folderswrap.left {
	margin-left: 0;
}

#folders {
	height: 100%;
	overflow-y: auto;
	padding-right: 10px;
}

#folders .foldername {
	position: relative;
	cursor: pointer;
	font-size: 20px;
	text-align: left;
	color: #333;
	padding: 8px 60px 8px 15px;
	border-bottom: 1px solid white;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#folders .foldername:last-child {
	margin-bottom: 10px;
	border-bottom: none;
}

#folders .foldername:hover {
	background-color: var(--main-color);
	margin-right: -10px;
	padding: 8px 70px 8px 15px;
}

#folders .foldername.foldersel {
	background-color: var(--main-color);
	color: white;
	margin-right: -10px;
}

#folders .foldernum {
	position: absolute;
	right: 30px;
	top: 10px;
	color: gray;
	font-size: 0.75em;
	line-height: 1.5;
}

#folders .foldernum:before {
	content: " (";
}

#folders .foldernum:after {
	content: ") ";
}

#folders .foldericn {
	position: absolute;
	top: 10px;
	right: 5px;
	margin-left: 10px;
	font-size: 0.75em;
	line-height: 1.5;
	font-family: FontAwesome;
	color: gray;
}

#folders .foldericn:after {
	content: "\f054";
}

#folders .foldername:hover .foldericn, #folders .foldersel .foldericn {
	right: 15px;
}

#folders .foldername:hover .foldernum, #folders .foldersel .foldernum {
	right: 40px;
}

#folders .foldersel .foldericn {
	color: white;
}

#folders .foldersel .foldericn:after {
	content: "\f014";
}

#folders .foldersel .foldericn:hover {
	color: gray;
}

#folders .foldernew, #folders .foldernew .foldericn {
	color: var(--main-color);
	font-weight: 500;
}

#folders .foldernew .foldericn:after {
	content: "";
}

#folders .foldernew:hover, #folders .foldernew:hover .foldericn {
	color: #d37800;
	background-color: initial;
}

#folders .foldernew:hover .foldericn {
	right: 15px;
}

.foldernew > input, .foldername > input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 3px;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	font-size: 20px;
	color: #555;
	z-index: 100;
}

.foldernew:hover > input {
	right: 10px;
}

#photoswrap {
	position: relative;
	width: 75%;
}

#photoswrap.editingmode {
	background-color: #eee;
}

#photos {
	height: 100%;
	overflow-y: auto;
}

#photos .photowrap, #photos .photoplace {
	position: relative;
	display: inline-block;
	float: left;
	width: 12.5%;
	padding-top: 12.5%;
}

#photos .photowrap.editsign:after {
	cursor: move;
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	bottom: 25px;
	left: 25px;
	right: 25px;
	background-color: transparent;
	background-image: url('/images/check_off.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 45%;
}

#photos .photowrap.editselect:after { 
	background-image: url('/images/check2orange.png');
}

#photos .photoplace:after { 
	content: '';
	display: block;
	position: absolute;
	top: 25px;
	bottom: 25px;
	left: 25px;
	right: 25px;
	border: 1px dashed #ccc;
	border-radius: 10px;
}

#photos .photowrap .photo, #photos .photowrap .phuploadspinner {
	position: absolute;
	left: 3%;
	top: 3%;
	right: 3%;
	bottom: 3%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#photos .photowrap .photo.phrl {
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#photos .photowrap .photo.phrr {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

#photos .photowrap .photo.phrf {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#photos .photowrap .photo.phdel {
	opacity: 0.25;
}

#photos .photowrap .phuploadspinner {
	background: rgba(0,0,0,0.1) url('/images/ajaxload_rot.gif') no-repeat center;
	background-size: initial;
}

.photowrap .phuploadname {
	position: absolute;
	top: 4px;
	left: 4px;
}

.photowrap .phuploadcancel {
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/images/gray_x_100.png');
}

.photowrap .phuploadsize {
}

#photos .photostop {
	height: 30px;
}

#photosbtns, #photoseditbtns {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 0.5% 5px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.7);
}

#photoseditbtns {
	display: none;
}

.photosleftbtns {
	float: left;
}

.photosrightbtns {
	float: right;
}

.photosleftbtns > .topbutton {
	margin-right: 15px;
	vertical-align: top;
}

.photosleftbtns > .topbutton .mypbtntxt {
	
}

.photosrightbtns > .topbutton {
	margin-left: 15px;
}

#photosback {
	display: none;
}

#phcreatewrap {
	display: none;
	position: absolute;
	top: 30%;
	left: 30%;
	right: 30%;
	bottom: 30%;
	background-color: white;
	opacity: 0.1;
}

#phcreatewrap.visible {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
}

#phupldproginfo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: white;
}

#phcreatein {
	position: relative;
	padding: 10px;
	height: 100%;
	overflow-x: hidden;
	white-space: nowrap;
}

#phcreatein .phcreatescr {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: white;
	text-align: center;
	color: gray;
	font-size: 16px;
}

#phcreatein .phcreatescr.front {
	left: 0;
}

.phcreatetopimage {
	height: 80px;
}

.phcreateprods {
	margin-bottom: 10px;
}

.phcreateprodwrap {
	position: relative;
	display: inline-block;
	width: 25%;
	padding-top: 25%;
	cursor: pointer;
	margin-right: 20px;
}

.phcreateprodwrap:last-child {
	margin-right: 0;
}

.phcreateprodwrap:hover {
	background-color: #ccc;
}

.phcreateprodtitle  {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
}

.phcreateprodimg {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#phcreatecancel {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/images/gray_x_100.png');
}

#phcreatetilewrap label {
	color: gray;
}

#phcreatetilewrap input {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: black;
	background-color: #f5f5f5;
	border-radius: 4px;
	max-width: 280px;
	margin-bottom: 20px;
}

#phcreatetilewrap input:focus {
	border-color: var(--main-color);
	outline: 1px var(--main-color);
	outline-style: auto;
}

/* my products */

.mygroup {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	border-bottom: 1px solid var(--main-color);
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mygroupcont {
	font-weight: 400;
	font-size: 20px;
	padding: 5px 2.5%;
}

.mygroup:hover .mygroupcont {
	color: lightgray;
}

.mygroupcont .openclose {
	margin-right: 10px;
	font-size: 0.75em;
	line-height: 1.5;
	font-family: FontAwesome;
}

.mygroupcont .openclose:after {
	content: "\f054";
}

.mygroupopen .mygroupcont .openclose:after {
	content: "\f078";
}

.prodshowback {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background-color: white;
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
	overflow: auto;
}

.prodshowremove {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('/images/gray_x_100.png');
}

/* buttons */

.button_m {
	text-align:center;
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 6px;
	text-overflow: ellipsis;
	white-space: pre;
	overflow: hidden;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(var(--main-color)),
		to(#d37800));
	background: -moz-linear-gradient(
		top,
		var(--main-color) 0%,
		#d37800);
	background: -ms-linear-gradient(
		top,
		var(--main-color) 0%,
		#d37800);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:
		0px 1px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow:
		0px 1px 0px rgba(0,0,0,0.5);
	box-shadow:
		0px 1px 0px rgba(0,0,0,0.5);
}
.button_m:hover {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(var(--main-color)),
		to(var(--main-color)));
	background: -moz-linear-gradient(
		top,
		var(--main-color) 0%,
		var(--main-color));
	background: -ms-linear-gradient(
		top,
		var(--main-color) 0%,
		var(--main-color));
	cursor: pointer;
}


/* fields */

.txtInputField {
	width: 200px;
}

/* usage rules */

.rulestxt {
	height:500px;
	overflow-y:auto;
	text-align:left;
	font-size: 10pt;
}

.rulestxt p {
	font-size: 10pt;
	color:gray;
	margin-bottom: 5px;
}

/* text classes */

.textcenter {
	text-align: center;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

/* Background responsive image */

.widebackimage {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	min-height: 450px;
}

/* popups & widgets */


.widgetoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fixoverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.fixoverlay.trgray {
	background-color: rgba(0,0,0,0.5);
}

.uiviewwrap {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	padding: 0;
	background-color: white;
	border: 1px solid #3766a0;
	border-radius: 5px;
	/* overflow: hidden; */
}

.uiviewwrap.uitop {
	top: -100%;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.uiviewwrap.uimidbottom {
	top: 100%;
	height: 90%;
	max-height: 90%;
}

.uiviewcontainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	overflow: scroll;
}

.uiviewclose {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 26px;
	height: 25px;
	z-index: 10001;
	border-radius: 50%;
	background-color: gray;
	opacity: 0;
	cursor: pointer;
}

.uiviewclose:after {
	position: absolute; 
	top: 2px;
	left: 5px;
	color: white;
	content:"\f00d";
	font-family:'FontAwesome';
	font-size: 20px;
	pointer-events: none;
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: var(--main-color);
	border-radius: 5px;
	box-shadow: 0px 0px 3px lightgray;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(255, 145, 0, 0);
	border-right-color: var(--main-color);
	border-width: 11px;
	margin-top: -11px;
}

.arrow_box.up:after, .arrow_box.up:before {
	right: 50%;
	top: -11px;
}

.arrow_box.upright:after, .arrow_box.upright:before {
	right: 21px;
	top: -11px;
}

.arrow_box.upleft:after, .arrow_box.upleft:before {
	left: 21px;
	top: -11px;
}

.arrow_box.upleft:before {
	border-width: 10px;
	margin-top: -10px;
}

.arrow_box.down:after, .arrow_box.down:before {
	right: 50%;
	top: 100%;
}

.arrow_box.up:after, .arrow_box.upright:after, .arrow_box.upleft:after {
	margin-right: -10px;
	margin-top: -9px;
	border-right-color: transparent;
	border-bottom-color: white;
}

.arrow_box.up:before, .arrow_box.upright:before, .arrow_box.upleft:before {
	margin-right: -11px;
	border-right-color: transparent;
	border-bottom-color: var(--main-color);
}

.arrow_box.down:after {
	margin-right: -10px;
	margin-top: 0px;
	border-right-color: transparent;
	border-top-color: white;
}

.arrow_box.down:before {
	margin-right: -11px;
	margin-top: 1px;
	border-right-color: transparent;
	border-top-color: var(--main-color);
}

.orderfinishwrap {
	padding-top: 20px;
	max-width: 850px;
	margin: 0 auto;
}

.orderfinishwrap a, .orderfinishwrap a:visited, .orderfinishwrap a:hover, .orderfinishwrap a:active, .orderfinishwrap a:link {
	text-decoration: underline;
	color: #0000EE;
}

.headshopnum.arrow_box {
	background: transparent;
	box-shadow: none;
	border-color: white;
}

.headshopnum.arrow_box:after {
	border-width: 3px;
	margin-top: -3px;
	border-right-color:#7f4813;
}

.headshopnum.arrow_box:before {
	border-width: 4px;
	margin-top: -4px;
	border-right-color: white;
}

/* unsubscribe */

.unsubnewstxt {
	padding: 15px 2.5%;
	margin: 0 auto 30px;
	font-size: 18px;
	color: #555;
	max-width: 800px;
	min-height: 400px;
	min-height: 70vh;
}

.unsubnewstxt a {
	text-decoration: underline;
	color: blue !important;
}

.unsubbtn {
	text-align: right;
	margin-top: 20px;
}

/* color definition classes */


.maincolor {
	color: var(--main-color);
}

.backmaincolor {
	background-color: var(--main-color);
}

.mainbordercolor {
	border-color: var(--main-color);
}

.maincolorlight {
	color: var(--main-color-light);
}

.backmaincolorlight {
	background-color: #ffdeb2;
}

.lightcol {
	color: gray;
}

.whitebackcolor {
	background-color: white;
}

.redbackcolor {
	background-color: red;
}

.redbackcolorlite {
	background-color: #f99;
}

.title1 {
	font-size:20px;
}

.title2 {
	font-size:18px;
}

.title3 {
	font-size:16px;
}

/* Google ad */

iframe[name="google_conversion_frame"] {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
}

/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 1750px) {
	.widebackimage.prod_group.group_menu {
		min-height: 350px;
		height: 350px;
	}
}

@media only screen and (max-width: 1279px) {

	#photos .photowrap, #photos .photoplace {
		width: 16.66%;
		padding-top: 16.66%;
	}
	#upcontent {
		height: 360px;
		background-size: 160%;
	}
	.wrap {
		width: 100%;
	}
	.prod_group_title {
		padding: 5px 12px;
	}
	.prod_group_strd {
		width: 9%;
		left: 45.5%;
	}
	.widebackimage {
		min-height: 350px;
	}
	.widebackimage.prod_group.group_menu {
		min-height: 300px;
		height: 300px;
	}
}
@media only screen and (max-width: 1199px) {
	#photos .photowrap, #photos .photoplace {
		width: 20%;
		padding-top: 20%;
	}
	#photosbtns {
		padding: 0 0.6% 5px;
	}
	.prod_group_content.group_menu .widget {
		width: 46.25%;
	}
}
@media only screen and (max-width: 999px) {

	body {
	}

	#upcontent {
		height: 296px;
	}
	.wrap {
	}
	
	.prod_group_title {
		font-size: 26pt;
	}
}

@media only screen and (max-width: 860px) {
	.prod_group_content.group_menu .widget {
		width: 95%;
	}
}

@media only screen and (max-width: 768px) {
	#main {
	}
	#head {
		position: fixed;
		z-index: 1;
	}
	#head .traka_glava, #head .login_head {
		display: none;
	}
	#menuback, #menubackbutton {
		display: block;
	}
	
	#head.admin #menubackbutton {
		left: 3%;
		top: 14px;
	}

	.headwrap {
		height: 53px !important;
	}
	.login_head {
		right: 10px;
		padding: 8px 12px 12px;
	}
	.logo_glava {
		position: absolute;
		top: 0;
		right: 0;
		left: initial;
		padding: 10px;
		overflow: hidden;
		width: 40px;
	}
	.traka_glava {
		position: relative;
		margin: 0px auto;
		text-align: center;
		padding: 10px 0 3px;
		right: 0;
	}
	.traka_glava a {
		float: none;
	}
	#upcontent {
		background-size: 180%;
		height: 205px;
	}
	#upconttxt {
		right: 2%;
		width: 45%;
	}
	#content {
		padding-top: 63px;
	}
	#content.sticktohead, .adminbody #content {
		padding-top: 53px;
	}
	#content .pagetoptitle, #content .admin_group h2:nth-of-type(1), #content #adminpagetitle {
		display: block;
		position: fixed;
		z-index: 2;
		color: white;
		margin-top: -62px;
		margin-left: 95px;
		padding: 13px 175px 15px 0;;
		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
		text-overflow: ellipsis;
		width: 100%;
		font-size: 24px;
		font-weight: 500;
		pointer-events: none;
		white-space: nowrap;
	}
	#content .admin_group h2:nth-of-type(1) {
		margin-top: -63px;
		margin-left: 45px;
	}
	#content .admin_group .admin_top_title h2 {
		margin-top: -68px;
	}
	#content .pagetoptitle a {
		color: white;
		font-weight: 500;
	}
	#content.sticktohead .pagetoptitle, #content #adminpagetitle {
		margin-top: -53px;
	}
	#content .pagetoptitle .topbutton {
		display: none;
	}
	.prod_group_title {
		font-size: 24pt;
	}
	.widget, .prod_group_content.group_menu .widget {
		width: 45%;
		margin-left: 3.3%;
	}
	.widget:last-child {
		margin-right: 3.3%;
	}
	.widget1 {
		width: 95%;
		margin: 20px auto 0;
	}
	.top_buttons {
		width: 90%;
	}
	.table_container {

	}
	.landup_logo, .landup_logo_txt {
		width: 30%;
		display: inline-block;
		vertical-align: middle;
	}
	.landup_logo_txt {
		font-size: 15px;
	}
	.landup_logo img {
		width: 95%;
	}
	#upconttxt .upcontwrap p {
		font-size: 8pt;
	}
	.questionswrap {
		width: 100%;
		float: none;
	}
	.questionswrap li {
		white-space: normal;
		text-indent: -15px;
		margin-left: 15px;
		overflow: visible;
	}
	.prod_group_strd {
		width: 10%;
		left: 45%;
		height: 45px;
	}
	.widebackimage {
		min-height: 250px;
	}
	.widebackimage.prod_group.group_menu {
		min-height: 250px;
		height: 250px;
	}
	.scroll_left_btn, .scroll_right_btn {
		display: none;
	}
	#photos .photowrap, #photos .photoplace {
		width: 25%;
		padding-top: 25%;
	}
	#photosbtns {
		padding: 0 0.75% 5px;
	}
	#photosbtns, #photoseditbtns {
		padding-top: 5px;
	}
	#photos .photostop {
		height: 37px;
	}
	#mywrap .topbutton {
		padding: 5px 20px;
	}
	.adminbody .widget1 {
		width: auto;
		margin: 0;
	}
	.adminbody .admin_group {
		border: none;
		box-shadow: none;
		border-radius: 0;
		padding-top: 10px;
		padding-left: 12px;
		padding-right: 12px;
	}
	#admin_skin {
		padding-top: 53px;
		margin-bottom: -72px;
	}
}

@media only screen and (max-width: 640px) {
	.prod_sp .productimage, .prod_sp .product_rwrap {
		float: none;
		width: 100%;
		height: auto;
		max-height: 50%;
	}
}

@media only screen and (max-width: 568px) {
	.landup_logo {
		width: 35%;
	}
	.landup_logo_txt {
		width: 55%;
	}
	.ruleswrap {
		width: 400px;
		height: 300px;
	}
	.pagetoptitle {
		text-align: center;
		padding: 5px;
	}
	.producttitle {
		font-size: 14pt;
	}
	.prodstilselect {
		right: 5px;
	}
	.widget60, .widget40 {
		width: 95%;
		margin-left: 2.5%;
	}
	.widget40.col2 {
		padding-left: 0;
		padding-top: 20px;
	}

	#a_faqsgroups, #a_faqsquestions {
		width: 100%;
	}
	#photosback {
		display: inline-block;
	}
	#folderswrap, #photoswrap {
		width: 100%;
		float: none;
		vertical-align: top;
	}
	#folderswrap.left {
		margin-left: -100%;
	}

	.photosleftbtns > .topbutton {
		margin-right: 5px;
	}
	.photosrightbtns > .topbutton {
		margin-left: 5px;
	}
	.photosleftbtns > .topbutton .mypbtntxt, .photosrightbtns > .topbutton .mypbtntxt {
		display: none;
	}
	#photos .photoplace:after { 
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	#photos .photowrap.editsign:after { 
		background-size: 55%;
	}
	.pagetoptitle .topbutton {
		display: none;
	}
	.widgetwrap .answer {
		margin: 10px 0px 10px;
	}
}

@media only screen and (max-width: 480px) {
	body {
	    -webkit-text-size-adjust: none;
	}
	.widebackimage {
		min-height: 180px;
	}
	.widebackimage.prod_group.group_menu {
		min-height: 150px;
		height: 150px;
	}
	.prod_group_title {
		font-size: 20pt;
	}
	.prod_group_strd {
		width: 15%;
		left: 42.5%;
		height: 45px;
	}
	.prod_group_strd {
		background-size: 50%;
	}
	.producttitle {
		font-size: 12pt;
	}
	.indicators li {
		height: 6px;
		width: 6px;
	}
	#photos .photowrap.editsign:after { 
		background-size: 65%;
	}
}

@media only screen and (max-width: 400px) {
	#upcontent {
		background-size: 190%;
		height: 170px;
	}
	#upconttxt {
		right: 0;
		width: 55%;
	}
	#content .pagetoptitle {
		font-size: 22px;
	}
	.widget, .prod_group_content.group_menu .widget {
		width: 95%;
		margin-left: 2.5%;
	}
	.widget:last-child {
		margin-right: 5%;
	}
	.top_buttons {
		width: 95%;
	}
	.landup_logo_txt {
		font-size: 13px;
	}
	#mywrap .topbutton {
		padding: 5px 15px;
	}
	.adminbody .widget {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 320px) {
	#upcontent {
		background-size: 215%;
		height: 165px;
	}
	#upconttxt {
		right: 0;
		width: 60%;
	}
	#content .pagetoptitle {
		font-size: 20px;
	}
	.landup_logo {
		width: 35%;
	}
	.landup_logo_txt {
		width: 55%;
	}
	#upconttxt .upcontwrap p {
		line-height: 1.0;
		font-size: 8pt;
	}
	.ui-dialog {
		border: 0;
	}
	.ruleswrap {
		width: 300px;
		height: 400px;
	}
	.prod_group_title {
		font-size: 18pt;
	}
	.prod_group_strd {
		width: 20%;
		left: 40%;
		height: 40px;
	}
	.productinfo {
		padding: 5px 5px 5px 11px;
		font-size: 11pt;
	}
	.productinfo li {
		text-indent: -11pt;
	}
	.widebackimage {
		min-height: 150px;
	}
	.widebackimage.prod_group.group_menu {
		min-height: 120px;
		height: 120px;
	}
}



.gridbymatej {
	display: flex;
	flex-wrap: wrap;
}

.gridbymatej .gridmodul4 {
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 25%;
	padding: 20px 10px 0 10px;
}

.gridbymatej .gridmodul3 {
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 33.333%;
	padding: 20px 10px 0 10px;
}

.gridbymatej .gridmodul2 {
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 50%;
	padding: 20px 10px 0 10px;
}

.gridbymatej .gridmodul1 {
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 100%;
	padding: 20px 10px 0 10px;

}


.gridbymatej .gridmodul .gridmodulcont {
	width: 100%;
}

.gridbymatej.dontbreakonmobile {
/* keep all in one row */
	flex-wrap: nowrap;
}

.gridbymatej.dontbreakonmobile .gridmodul3 {
	flex-basis: 33.333333%;
	min-width: 33.333333%;
}


@media screen and (max-width: 768px) {
	.gridbymatej .gridmodul4 {
		min-width: 50%;
	}

	.gridbymatej .gridmodul3 {
		min-width: 100%;
	}

	.gridbymatej .gridmodul2 {
		min-width: 100%;
	}

}

@media screen and (max-width: 415px) {
	.gridbymatej .gridmodul4 {
		min-width: 100%;
	}

}

@media screen and (max-width: 415px) {
	.gridbymatej.dontbreakonmobile .gridmodul3 {
		padding: 20px 0 0 0;
	}

}

.fullwidthsection {
	display: block;
	width: 100vw;
	width: 100dvw;
	padding: 20px 40px;
	background-color: #345750;
	color: #f2dbb1;
	text-align: center;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: 500;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	box-sizing: border-box;
}

.uzorci_display {
	display: grid;
	width: min(100%, calc(220px * 4));
	grid-template-columns: repeat(4, 1fr);
	max-width: 1280px;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	margin: 40px auto;
	gap: 40px;

}

.uzorci_display .uzorci_display_uzorak {
	all: unset;
	width: 100%;
	cursor: pointer;
	font-size: 1rem;
	color: #444;
	font-weight: 300;
	transition: all 0.3s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 auto;
	align-content: center;
	max-width: 200px;
}

.uzorci_display .uzorci_display_uzorak:hover {
	transform: scale(1.1);
}


.uzorci_display .uzorci_display_uzorak img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.uzorci_display .uzorci_display_uzorak span {
	margin-top: 10px;
	display: block;
}




@media only screen and (max-width: 800px) {

	.uzorci_display .uzorci_display_uzorak span {
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.uzorci_display .uzorci_display_uzorak {

		max-width: 25vw;
	}



	.uzorci_display {
		width: 100%;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 450px) {
	.uzorci_display .uzorci_display_uzorak {
		max-width: 50vw;
	}



	.uzorci_display {
		width: 100%;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
}




.uzrocimodul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	position: relative;
	padding-left: calc(20% + 40px);
	margin-top: -10px;
	margin-bottom: 10px;

}




.uzorci_display.uzorci_display_slick .slick-arrow::before {
	color: #444;
}

.uzorci_display.uzorci_display_slick .slick-next {
	right: -5px;
}

.uzorci_display.uzorci_display_slick .slick-prev {
	left: -5px;
}


.uzorci_display.uzorci_display_slick {
	display: block;
	margin: 0;
}


.uzorci_display.uzorci_display_slick .uzorci_display_uzorak {
	padding: 20px;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	max-width: 160px;
	flex-direction: column;
	margin: 0 20px;
}

.uzorci_display.uzorci_display_slick.uzorci_display_slick_3 .uzorci_display_uzorak {
	max-width: 240px;
}


.uzorci_display_title_left {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	height: 50%;
	position: absolute;
	left: 0;
	width: 24%;
	padding: 20px;
}

.uzorci_display_title_left h2 {
	color: #444;
}

.slick-initialized .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}



@media only screen and (max-width: 1200px) {
	.uzorci_display_slick_3 .uzorci_display_uzorak {
		max-width: 500px;
	}


	.uzorci_display_slick_3 .uzorci_display_uzorak {
		margin-left: -15px;
	}
}

@media only screen and (max-width: 950px) {

	.uzrocimodul {
		padding-left: calc(30% + 40px);
	}

	.uzorci_display_title_left {
		width: 30%;
	}
}



@media only screen and (max-width: 690px) {
	.uzrocimodul {
		flex-direction: column;
		padding-left: 0;
		justify-content: center;
		align-items: center;
		padding: 0 10px 0 10px;

	}

	.uzorci_display.uzorci_display_slick .uzorci_display_uzorak {
		max-width: 80%;
		margin-left: 0px;
	}

	.uzorci_display.uzorci_display_slick .uzorci_display_uzorak:hover {
		transform: scale(1);
	}


	.uzorci_display.uzorci_display_slick {
		max-width: 90%;
	}


	.uzorci_display_title_left {
		position: relative;
		width: 100%;
		height: auto;
		margin-top: -40px;
	}

	.uzorci_display.uzorci_display_slick .slick-next {
		right: -25px;
	}

	.uzorci_display.uzorci_display_slick .slick-prev {
		left: -25px;
	}
}

@media screen and (max-width: 800px) {
	.three_column_space_between.five_column_space_between {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-row-gap: 20px;
	}

}

@media screen and (max-width: 600px) {
	.three_column_space_between.five_column_space_between {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 20px;
	}

}


.uzorci_display.uzorci_display_slick .uzorci_display_uzorak.uzorci_display_uzorak_smaller {
	max-width: 120px;
}


.admin_proizvodnja_warning {
	height: fit-content;
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
	padding: 10px;
	margin: 0px 2.5% 0 2.5%;
	border-radius: 5px;
	font-size: 11pt;
}

.admin_proizvodnja_warning.preksutra {
	/* yellow */
	background: #fff3cd;
	color: #856404;
}

/* two consecutive .admin_proizvodnja_warning the second one shloud have less top margin */
.admin_proizvodnja_warning + .admin_proizvodnja_warning {
	margin-top: 10px;
}

.admin_link.admin_link_warning a {
	/* yellow */
	color: #98212d !important;


}

.admin_link.admin_link_warning a::before {
	/* ⚠️ emoji */
	content: "⚠️ ";
}