#upload-toolbar {

	overflow:hidden;

	width:100%;

	margin-bottom:10px;

}	

#upload-1 {

	float:left;

	height:70px;

	margin-right:10px;

	padding:5px;

}

#upload-2 {

	position:relative;

	float:left;

	height:70px;

	padding:5px;

	z-index:5;

}

#upload-button {
	display: none;

}

.upload-file-label {
	font-size: 14px;
	padding: 5px;
	display: block;
	border-radius: 5px;
	border: 1px solid black;
	background-color: white;
	color: black;
}

#upload-progress {

	margin-top:10px;

	display:none;

}

#bar {

	position:absolute;

	width:377px;

	height:28px;

}		

#text {

	position:absolute;

	padding-top:6px;

	width:377px;

	text-align:center;

	font-weight:bold;

	font-size:1.2em;

	z-index:1;

}

#upload-help {

	/* display:none; */

	background:#EBEBEB;

}	

#tab-1 {
	display: flex;
	flex-direction: column;
}

#tab-2 {
	height: 600px;
}
#tab-1, #tab-2 {

	

	padding:10px 8px 8px 8px;

}

#tab-1.display-none, 
#tab-2.display-none {
	display: none;
}

#product {
	background-color: #EBEBEB;
	display: flex;
	flex-grow: 1;
}

#message-bar {

	padding:2px 4px;

	margin-bottom:5px;

}

#menu-v1 {

	float: right;
	margin-left: auto;

	position:relative;

	width:290px;

	/* display:none; */
	visibility: hidden;

	padding:5px;

	background:white;

}

#menu-v1 fieldset {

	padding:0;

	margin:10px 0 10px 0;

	border:0;

}

#menu-v2 {

	position:relative;

	float:right;

	width:290px;

	display:none;

	padding:5px;

	background:white;

}

#menu-v1 p, #menu-v2 p {

	font-size:1.1em;

	text-align:justify;

}

p.no-margin {

	margin:0;

}

#to-editor {

	position:relative;

	float:right;

	width:154px;

	height:36px;

	margin:0;

	padding:0;

	cursor:pointer;

	background:url("/images/kum_redaktora_154x36.png") no-repeat left top;

}

.to-editor-active {background-position:0 -36px !important;}

.to-editor-disabled{
	opacity: 0.3;
	pointer-events: none;
}



.custom-radio, #menu-v1 button, #menu-v2 button {

	font-size:1.2em;

}



/* make all necessary buttons stick above the image handle */

#to-editor, .ui-tabs-nav li, .custom-radio, #menu-v1 button, #menu-v2 button {

	z-index:500;

}

.resize-handles-hidden .ui-resizable-handle {
	display: none;
}

#crop.resize-handles-hidden {
	display: none;
}

/* uploaded image container */

#product {
	/* position:absolute; */
	height: 600px;
	flex-shrink: 0;
	margin:0;
	left:12px;
	top:72px;
	overflow:visible;
	background:white;
	z-index:2;}

#product-frame-wrapper {
	position: relative;
	flex-grow: 1;
}

.frame-wrapper {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;

	display: flex;
}

.frame-wrapper #frame {
	margin: auto;
	box-shadow: 0px 0px 0px 10000px #d0d0d060;
	border: 2px dashed black;

	/* width: calc(1110px / 3 + 100px); */
}

#product-frame{
	
	position:relative;
	margin:0;
	border:2px #404040 solid;
	background-color: white;
	z-index:1;

	max-height: 500px;
}



.bg-vizitki {
	aspect-ratio: 94 / 54;
	/* width:554px;
	height:318px; */
	
	/* width: 48mm; */
}

.bg-vizitki.vertical {
	aspect-ratio: 54 / 94;
}

.bg-kalendarcheta{
	aspect-ratio: 94 / 56;

	/* width: 188px;
	height: 112px; */

	/* width: 48mm; */
}

.bg-kalendarcheta.vertical {
	aspect-ratio: 56 / 94;
}

.bg-kalendari{
	aspect-ratio: 336 / 235;

	/* width: 336px;
	height: 235px; */

	/* width: 168mm; */
}

.bg-kalendari.vertical {
	aspect-ratio: 235 / 336;
}

.bg-podlojki{
	aspect-ratio: 238 / 188;

	/* width: 238px;
	height: 188px; */

	/* width: 119mm; */
}

.bg-podlojki.vertical {
	aspect-ratio: 188 / 238;
}

.bg-blanki{
	aspect-ratio: 214 / 301;

	/* width: 214px;
	height: 301px; */

	/* width: 107mm; */
}
.bg-blanki.vertical {
	aspect-ratio: 301 / 214;
}

.bg-flaeri10x15{
	aspect-ratio: 101 / 154;

	/* width: 202px;
	height: 308px; */

	/* width: 51mm; */
}
.bg-flaeri10x15.vertical {
	aspect-ratio: 154/101;
}

.bg-flaeri10x20{
	aspect-ratio: 101 / 204;

	/* width:336px;
	height:678px; */

	/* width: 51mm; */
}
.bg-flaeri10x20.vertical {
	aspect-ratio: 204/101;
}

.bg-diplqna2{

	aspect-ratio: 303 / 202;

	/* width:628px;
	height:418px; */

	/* width: 152mm; */
}
.bg-diplqna2.vertical {
	aspect-ratio: 202 / 303;
}



.ui-draggable {cursor:move;}



/* resize handles */

.ui-resizable {position:absolute;}

.ui-resizable-handle {position:absolute;font-size:0.1px;display:block;}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display:none;}



.ui-resizable-n {width:100%;height:4px;cursor:n-resize;top:-4px;left:0;background:url('/editorv2/css/images/marquee_line_h.gif') repeat-x scroll left bottom;}

.ui-resizable-s {width:100%;height:4px;cursor:s-resize;bottom:-4px;left:0;background:url('/editorv2/css/images/marquee_line_h.gif') repeat-x scroll left top;}

.ui-resizable-e {width:4px;height:100%;cursor:e-resize;right:-4px;top:0;background:url('/editorv2/css/images/marquee_line_v.gif') repeat-y scroll left top;}

.ui-resizable-w {width:4px;height:100%;cursor:w-resize;left:-4px;top:0;background:url('/editorv2/css/images/marquee_line_v.gif') repeat-y scroll right top;}



.ui-resizable-se {width:8px;height:8px;cursor:se-resize;right:-4px;bottom:-4px;background:url('/editorv2/css/images/custom_handle.gif') no-repeat;}

.ui-resizable-sw {width:8px;height:8px;cursor:sw-resize;left:-4px;bottom:-4px;background:url('/editorv2/css/images/custom_handle.gif') no-repeat;}

.ui-resizable-nw {width:8px;height:8px;cursor:nw-resize;left:-4px;top:-4px;background:url('/editorv2/css/images/custom_handle.gif') no-repeat;}

.ui-resizable-ne {width:8px;height:8px;cursor:ne-resize;right:-4px;top:-4px;background:url('/editorv2/css/images/custom_handle.gif') no-repeat;}

#tabs li,
#tabs li * {
	cursor: pointer !important;
}