.fk_all_wrap.fk_all_wrap_admin {
	max-width: 800px;
	margin: 0 auto;
}
.tema_uzorci {
	position: relative;
}
.tema_adduzorci {
	display: none;
	position: fixed;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 1;
	background: white;
	border-top: 1px solid gray;
}
.tema_adduzorci.tema_adduzorci_show {
	display: block;
}
.tema_adduzorci_wrap {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	overflow: scroll;
}
.fk_cover_wrap {
	position: relative;
	display: inline-block;
	width: 50%;
	padding-top: 43.485%;
	margin: 0;
	box-sizing: border-box;
	cursor: pointer;
	transition: opacity .3s;
}
.tema_uzorci .fk_cover_wrap, .tema_uzorci .fk_place {
	width: 25%;
	padding-top: 21.743%;
}
.tema_uzorci .fk_place {
	display: inline-block;
	position: relative;
}
.tema_uzorci .fk_place:after {
	position: absolute;
	content: '';
	top: 20%;
	left: 20%;
	width: 60%;
	height: 60%;
	border: 1px dashed gray;
	border-radius: 3px;
}
.tema_adduzorci .fk_cover_wrap {
	width: 16.66%;
	padding-top: 14.49%;
}
.tema_adduzorci .fk_cover_wrap.fk_tema_added, .tema_uzorci .fk_cover_wrap.fk_tema_toremove {
	opacity: 0.1;
}
.fk_cover_wrap.fk_hide {
	opacity: 0;
}
.fk_cover_wrap:hover {
}
.fk_cover_wrap:before, .fk_cover_wrap.fk_sample_inactive:after, .fk_cover_wrap.fk_sample_shownew:after {
	position: absolute;
	top: 78%;
	left: 50%;
	transform: translateX(-50%);
	content: '\f002';
	background: #ddd;
	font-family: 'FontAwesome';
	font-size: 18px;
	color: white;
	padding: 10px 18px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
.fk_cover_wrap.fk_salica:before {
	top: initial;
	left: initial;
	right: 0;
	bottom: 34px;
	transform: none;
	padding: 10px 12px;
	border-radius: 50%;
	z-index: 1;
}
.fk_cover_wrap.fk_magnet:before {
	content: '';
}
.fk_cover_wrap:hover:before {
	background: #ff9100;
}
.tema_uzorci .fk_cover_wrap:before, .tema_adduzorci .fk_cover_wrap:before {
	content: none;
}
.fk_cover_wrap.fk_sample_inactive {

}
.fk_cover_wrap.fk_sample_shownew:after {
	content: '\f062';
	left: 75%;
	background: green;
}
.fk_cover_wrap.fk_sample_inactive:after {
	content: '\f071';
	left: 75%;
	background: red;
}
.fk_cover_wrap.fk_hard {

}
.fk_cover_wrap.fk_spir {

}
.fk_cover_sq, .fk_cover_lnd, .fk_inside_sq, .fk_inside_lnd {
	position: absolute;
	top: 5%;
	left: 18%;
	height: 73.75%;
	width: 64%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.fk_cover_330 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fk_cover_pravokutn {
	position: absolute;
	top: 5%;
	left: 5%;
	height: 90%;
	width: 90%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fk_cover_kvadrat {
	position: absolute;
	top: 10%;
	left: 10%;
	height: 80%;
	width: 80%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fk_hard .fk_cover_sq, .fk_hard .fk_cover_lnd {
	border-radius: 3px;
	box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.5), inset 0 0 3px rgba(0, 0, 0, 0.5);
}
.fk_spir .fk_cover_sq, .fk_spir .fk_cover_lnd {
	border-radius: 3px;
	box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.5);
}
.fk_cover_lnd, .fk_inside_lnd {
	left: 5%;
	width: 90%;
}
.fk_hard .fk_cover_sq:after, .fk_hard .fk_cover_lnd:after {
	content: '';
	position: absolute;
	top: 0;
	left: 3%;
	height: 100%;
	width: 1px;
	background: rgba(0,0,0,0.8);
	box-shadow: 0 0 3px rgba(0,0,0,0.8);
	filter: blur(2px);
	-webkit-filter: blur(2px);
}
.fk_hard .fk_cover_lnd:after {
	left: 2%;
}
.fk_spir .fk_cover_sq:after, .fk_spir .fk_cover_lnd:after {
	content: '';
	position: absolute;
	top: 0;
	left: -2.5%;
	height: 100%;
	width: 5%;
	background-position: center top;
	background-repeat: repeat;
	background-size: 100% 5%;
	background-image: url(/images/fk/spir_cls_seg.png);
}
.fk_title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #555;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.fk_naziv_uzorka {
	background: rgba(255, 255, 255, 0.8);
	bottom: 0px;
	z-index: 2;
}
.fk_kal .fk_title {
	padding: 5px 5px 0;
}
.fk_slctd {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	padding: 5px;
	border-radius: 3px;
} 
.fk_url {
	left: unset;
	right: 10px;
}
.fk_url.copied{
	background-color: #76ba8a !important;
	color: #fff !important;
}
.fk_showstr_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding-top: 100px;
	background: rgba(0,0,0,0.6);
}
.fk_cover_wrapfix {
	position: fixed;
	perspective: 2000px;
}
.fk_showstr_overlay, .fk_cover_wrapfix {
	z-index: 10;
}
.fk_cover_wrapfix .fk_cover_front, .fk_inside_page, .fk_inside_cover {
	transform-style: preserve-3d;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: transform .4s;
	transition-timing-function: ease-in-out;
}
.fk_cover_wrapfix .fk_cover_front {
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
.fk_cover_wrapfix .fk_edit_btn, .fk_cover_wrapfix .fk_title {
	opacity: 0;
}
.fk_inside_page {
	background-color: white;
}
.fk_inside_page.fk_inside_sq, .fk_inside_page.fk_inside_lnd {
	top: 6.875%;
	height: 70%;
}
.fk_inside_page.fk_inside_sq {
	width: 62.46%;
}
.fk_inside_page.fk_inside_lnd {
	width: 88.2%;
}
.fk_inside_cover {
	background-color: #ddd;
}
.fk_inside_cover.fk_inside_right {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5), inset 1px 0 3px rgba(0, 0, 0, 0.5);
}
.fk_inside_cover.fk_inside_left {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.5), inset -1px 0 3px rgba(0, 0, 0, 0.5);
}
.fk_inside_left {
	transform: translateX(-100%) rotateY(180deg);
	transform-origin: 100% 0;
}
.fk_cover_wrapfix .fk_cover_front, .fk_inside_right {
	transform-origin: 0% 0%;
}
.fk_inside_left.fk_pg_rotated {
	transform: translateX(-100%) rotateY(0deg);
}
.fk_cover_wrapfix .fk_cover_front.fk_pg_rotated, .fk_inside_right.fk_pg_rotated {
	transform: rotateY(-180deg);
}
.fk_inside_page.fk_inside_right {
}
.fk_inside_page.fk_inside_left {
}
.fk_cover_back {

}
.fk_cover_back:after {
	content: none;
}
.fk_inside_left:after, .fk_inside_right:after {
	position: absolute;
	top: 0;
	height: 100%;
	width: 5%;
	content: '';
}
.fk_inside_left:after {
	right: 0;
	background: linear-gradient(to left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
}
.fk_inside_right:after {
	left: 0;
	background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);
}
.fk_inside_page.fk_inside_left:after {
}
.fk_inside_cover:before {
	position: absolute;
	top: 2.5%;
	width: 97.5%;
	height: 95%;
	content: '';
	background: #eee;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.fk_inside_cover.fk_inside_left:before {
	right: 0;
}
.fk_inside_cover.fk_inside_right:before {
	left: 0;
}
.fk_inside_cover:after {
	width: 10%;
}
.fk_inside_cover.fk_inside_left:after {
	background: linear-gradient(to left, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0) 100%);
}
.fk_inside_cover.fk_inside_right:after {
	background: linear-gradient(to right, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0) 100%);
}
.fk_prvback_wrap {
	position: absolute;
	opacity: 1;
	transition: opacity 0.3s;
}
.fk_prvback_wrap.fk_closing {
	opacity: 0;
}
.fk_dots_wrap {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	text-align: center;
}
.fk_dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border: 1px solid gray;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer;
}
.fk_dot:last-child {
	margin-right: 0;
}
.fk_dot:hover {
	background-color: #ff9100;
}
.fk_dot.fk_dot_sel {
	background-color: gray;
}
.fk_arrw_left, .fk_arrw_right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: gray;
	font-family: 'FontAwesome';
	font-size: 30px;
	cursor: pointer;
}
.fk_arrw_left {
	right: 100%;
	padding-right: 11px;
}
.fk_arrw_left:after {
	content: '\f053';
}
.fk_arrw_right {
	left: 100%;
	padding-left: 11px;
}
.fk_arrw_right:after {
	content: '\f054';
}

.fk_edit_btn {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0.5);
	padding: 15px;
	border-radius: 3px;
	cursor: pointer;
}
.fk_cover_wrap:hover .fk_edit_btn {
	display: block;
}
.fk_edit_btn:hover {
	background: gray;
}
.fk_edit_btn:after {
	content: '\f040';
	color: white;
	font-family: 'FontAwesome';
	font-size: 20px;
}
.fk_sampleinfo_swrap {
	position: relative;
	display: inline-block;
	width: 400px;
	max-width: 50%;
}
.fk_sampleinfo_swrap .fk_cover_wrap {
	width: 100%;
	padding-top: 86.97%;
}
.fk_sampleinfo_swrap .fk_edit_btn, .fk_sampleinfo_swrap .fk_cover_wrap:hover .fk_edit_btn, .fk_sampleinfo_swrap .fk_title {
	display: none;
}
.fk_sampleinfo_swrap .fk_cover_wrap:after, .fk_sampleinfo_swrap .fk_cover_wrap:before {
	content: none;
}
.fk_sampleinfo_data {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding-top: 15px;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tema_data {
	padding: 15px;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fk_sampleinfo_datarow {
	display: flex;
	padding: 4px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.fk_sampleinfo_datarow.error {
    border-bottom: 1px solid red;
}
.fk_sampleinfo_dataeli {
	margin-right: 6px;
	font-weight: 300;
	color: #aaa;
}
.fk_sampleinfo_dataelv {
	flex: auto;
	margin-right: 20px;
	font-weight: 400;
	color: #555;
	overflow: scroll;
}
.fk_sampleinfo_dataelv:last-child {
	margin-right: 0;
}
.fk_sampleinfo_other, .fk_sampleinfo_connect, .fk_sampleinfo_images {
	border-top: 1px solid gray;
	min-height: 100px;
	margin-bottom: 20px;
}
.fk_sampleinfo_grouptitle {
	font-size: 20px;
	color: #555;
	padding: 5px 0;
	margin-bottom: 10px;
}
.fk_sampleinfo_prod {
	position: relative;
	display: inline-block;
	width: 20%;
	padding-top: 14.278%;
	vertical-align: top;
	margin-right: 5%;
	background-color: #aaa;
	border-radius: 2px;
	cursor: pointer;
}
.fk_sampleinfo_prod.fk_sampleinfo_prop_sq {
	width: 14.278%;
}
.fk_sampleinfo_prod.fk_sampleinfo_prod_active {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.5);
}
.fk_sampleinfo_prod.fk_sampleinfo_prod_off {
	opacity: 0;
}
.fk_sampleinfo_prod:after {
	position: absolute;
	top: 4px;
	right: 4px;
	content: '\f040';
	color: white;
	font-family: 'FontAwesome';
	font-size: 20px;
	text-shadow: 0 0 5px #aaa;
}
.fk_sampleinfo_prod.fk_sampleinfo_prod_editing:after {
	content: none;
}
.fk_sampleinfo_prodtitle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: white;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
.fk_sampleinfo_prod_active .fk_sampleinfo_prodtitle {
	color: #555;
	bottom: unset;
	top: 100%;
}
.fk_sampleinfo_active, .fk_sampleinfo_title {
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
}
.fk_sampleinfo_active:after {
	content: '\f096';
	font-family: 'FontAwesome';
	font-size: 20px;
	margin-right: 3px;
}
.fk_sampleinfo_active.fk_sampleinfo_act1:after {
	content: '\f046';
	margin-right: 0;
}
.fk_sampleinfo_title {
	width: 100%;
	border: none;
	background: transparent;
	padding: 0;
	font-size: 18px;
	color: #555;
	line-height: 1.3;
}
.fk_sampleinfo_title.fk_error {
	background-color: red;
}
.fk_sampleinfo_backstmpls {
	margin-top: 40px;
}
.fk_sampleinfo_backs, .fk_sampleinfo_tmpls, .fk_sampleinfo_connsamples {
	display: inline-block;
	width: 46%;
	margin: 0 2%;
	padding: 0;
	height: 0;
	box-sizing: border-box;
	transition: height .3s;
	white-space: nowrap;
	overflow: scroll;
	line-height: 0;
}
.fk_sampleinfo_connsamples {
	display: block;
	width: 100%;
	margin: 0;
}
.fk_sampleinfo_backs.fk_sampleinfo_btshow, .fk_sampleinfo_tmpls.fk_sampleinfo_btshow {
	height: 105px;
	margin-top: 10px;
	background: #eee;
}
.fk_sampleinfo_connsamples.fk_sampleinfo_btshow {
	height: auto;
}
.fk_sampleinfo_backs .fk_sampleinfo_back, .fk_sampleinfo_tmpls .fk_sampleinfo_tmpl {
	display: inline-block;
	height: 70px;
	margin: 14px;
	cursor: pointer;
}
.fk_sampleinfo_backs .fk_sampleinfo_back {
	border: 1px solid gray;
}
.fk_sampleinfo_backs .fk_sampleinfo_back.fk_sampleinfo_selectbt, .fk_sampleinfo_tmpls .fk_sampleinfo_tmpl.fk_sampleinfo_selectbt {
	border: 5px solid green;
	margin: 9px;
}
.fk_sampleinfo_prod_editbtns {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 30px;
	color: white;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	text-shadow: 0 0 5px #aaa;
}
.fk_sampleinfo_prod_editbtns > div {
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
}
.fk_sampleinfo_prod_editbtns .fa {
}
.fk_sampleinfo_prod_editbtns .fa:hover {
	color: black;
}
.fk_sampleinfo_connsamples > .fk_cover_wrap {
	display: inline-block;
	position: relative;
	width: 30%;
	padding-top: 26.09%;
	line-height: initial;
	margin-right: 3%;
	vertical-align: middle;
}
.fk_sampleinfo_connsamples > .fk_cover_wrap:before {
	content: none;
}
.fk_sampleinfo_connsamples > .fk_cover_wrap.fk_sample_inactive:after {
	padding: 18px;
	top: 77%;
}
.fk_sample_deletable_icon {
	display: none;
}
.fk_sample_deletable:hover .fk_sample_deletable_icon {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: red;
	background-color: white;
	font-size: 20pt;

}
.fk_connsamp_save {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 5px;
	text-shadow: 0 0 5px #aaa;
}
.fk_connsamp_save:after {
	content: '\f00c';
	color: white;
	font-family: 'FontAwesome';
	font-size: 30px;
}
.fk_cover_wrap:hover .fk_connsamp_save {
	display: block;
}
.fk_connsamp_save:hover:after {
	color: gray;
}
.fk_cover_connectadd {
	display: inline-block;
	position: relative;
	width: 15%;
	padding-top: 15%;
	background-color: #aaa;
	border-radius: 2px;
	cursor: pointer;
	vertical-align: middle;
}
.fk_cover_connectadd:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '\f067';
	color: white;
	font-family: 'FontAwesome';
	font-size: 40px;
	text-shadow: 0 0 5px #aaa;
}
.topbutton.transbtngr {
	background: transparent;
	color: gray;
	border-color: gray;
	text-shadow: none;
	box-shadow: none;
	padding: 6px 15px 7px;
	border-radius: 3px;
}
.topbutton.transbtngr.btnhide {
	display: none;
}
.tema_uzorci .topbutton.fk_uzorak_editbtn {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.8);
}
.tema_adduzorci .btncloseadd {
	position: absolute;
	bottom: 100%;
	right: 5%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: rgba(255, 255, 255, 0.8);
}
.topbutton.transbtngr:hover, .tema_uzorci .topbutton.fk_uzorak_editbtn:hover, .tema_adduzorci .btncloseadd:hover {
	background: #ddd;
}
.tema_opis {
	display: block;
	width: 90%;
	font-size: 18px;
	font-weight: 300;
	color: #555;
	text-align: justify;
	text-indent: 20px;
	padding: 0 2.5% 15px;
	border: none;
	resize: none;
	box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
	#teditbtn {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	.tema_uzorci .fk_cover_wrap {
		width: 50%;
		padding-top: 43.485%;
	}
}
@media only screen and (max-width: 450px) {
	.fk_cover_wrap, .tema_uzorci .fk_cover_wrap {
		display: block;
		width: 100%;
		padding-top: 86.97%;
	}
}

.cijena_prod_mode {
	display: inline-block;
	margin-bottom: -3px;
}

.tema_podstranice {
	margin-bottom: 50px;
}

.save_group_btns {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.save_group_btn {
	all: unset;
	cursor: pointer;
	background: #c7c0c0;
	color: white;
	border-color: 1px solid #c7c0c0;
	text-shadow: none;
	box-shadow: none;
	padding: 6px 15px 7px;
	border-radius: 3px;
	cursor: pointer;
}

.save_group_btn:hover {
	/* // lighten slightly */
	filter: brightness(110%);

}

.save_group_btn.confirm {
	color: white;
	background-color: #76ba8a;
	border-color: #76ba8a;
}

.save_group_btn.danger {
    background-color: #ff4d4d;
    color: white;
}

.save_group_btn.danger:hover {
    background-color: #e64a4a;
}

.fk_sampleinfo_dataelv_left {
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 0px
}
.fk_sampleinfo_dataelv_left::before {
	content: '(';
}
.fk_sampleinfo_dataelv_left::after {
	content: ')';
}

.tema_podstranice {
	padding: 15px;
	font-size: 18px;
	
}

.tema_podstranice_title_row {
	display: flex;
	justify-content: space-between;
	padding: 5px;
}

#sample_images_wrap {
	display: flex;
	width: 100%;
	gap: 10px;
	padding: 0;
	text-align: left;
}

#sample_images_add {
	position: relative;
	width: 80px;
	height: 80px;
	background: #aaa;
	cursor: pointer;
}

#sample_images_add:after {
	position: absolute;
	content: '\f067';
	font-family: FontAwesome;
	font-size: 30px;
	color: white;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

#sample_images_show {
	flex: 1;
	overflow: scroll;
	margin-right: 10px;
	white-space: nowrap;
}

#sample_images_show > div {
	display: inline-block;
	height: 80px;
	margin-right: 10px;
	vertical-align: top;
}

#sample_images_show .photoupload {
	margin: 0;
	background-color: #eee;
}

.sample_img {
	position: relative;
	width: 100px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	border-bottom: 1px solid white;
}

.sample_img:after {
	content: " ";
	position: absolute;
	width: 1px;
	height: 80%;
	top: 5%;
	right: -4px;
	background-color: #ddd;
}

.sample_img:hover {
	border-bottom: 1px solid #ddd;
}

.sample_img_remove {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 8px;
	border-radius: 50%;
	background-color: red;
	color: white;
	font-size: 18px;
	cursor: pointer;
}

.sample_prod_table {
	margin: 0 auto;
    font-size: 24px;
    margin-top: 20px;
}

.sample_prod_table .prod_naslov {
	padding: 10px 50px 10px 0;
}