/* header */
.print-header-icons{
    display:flex;
    align-items:center;
    gap:28px;

    margin-left:5px;
    padding-left:25px;

    border-left:1px solid #d9d9d9;

    height:100%;
}

.print-header-icons a{

    display:flex;
    align-items:center;

    gap:8px;

    color:#555;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

}

.print-header-icons a:hover{

    color:#8c5b6d;

}

.print-header-icons .dashicons{

    font-size:18px;

    width:18px;

    height:18px;

}
/* header end */



.upload_print fieldset
{
	background:none repeat scroll 0 0 #EBEBEB!important;
	border:1px dashed #999!important;
	margin-bottom:20px;
	position:relative;
	padding:10px!important
}

.upload_print fieldset legend
{
	color:#008B83!important;
	font-family:Calibri,Arial,Helvetica,sans-serif!important;
	font-size:22px!important
}

.upload_print fieldset .print-opt
{
	width:416px
}

.upload_print fieldset .print-opt input[type=radio]
{
	width:25px;
	margin-top:3px
}

.upload_print fieldset input.error,.upload_print fieldset textarea.error,.upload_print fieldset select.error
{
	border:1px solid red
}

.price-lbl
{
	float:right;
	font-size:16px;
	font-weight:700
}

.progress
{
	border:1px solid #DDD;
	border-radius:3px 3px 3px 3px;
	position:relative;
	width:350px;
	margin-top:20px;
	padding:1px;
	margin-left:150px;
}

.progress .bar
{
	background-color:#B4F5B4;
	border-radius:3px 3px 3px 3px;
	height:20px;
	width:0
}

.cancel
{
	background:none repeat scroll 0 0 red;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	font-weight:400;
	margin-left:18px;
	position:relative;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border-color:0 0 rgba(0,0,0,0.25);
	border-style:none none solid;
	border-width:medium medium 1px;
	padding:2px 10px 3px
}

.cancel-bar
{
	width:0!important
}

.adjustform .remove_button
{
	background:none;
	color:red;
	border:none
}

.product-name img
{
	background:none repeat scroll 0 0 #FFF;
	border-radius:5px 5px 5px 5px;
	/*height:81px;*/
	/*width:81px;*/
	opacity:.75;
	padding:2px
}

.product-name img:hover
{
	opacity:1
}

.bold p,.bold label,.bold span
{
	font-weight:700;
	font-size: 15px;
}

.preview-description
{
	float:none;

}

.preview-description p
{
	font-size:18px!important;
	padding:12px 0
}

.paper
{
	background:none repeat scroll 0 0 #FFF;
	border:1px solid #959595;
	overflow:hidden;
	position:relative;
	text-align:center;
	max-width:100%;
	overflow:hidden;
}

.preview-target
{
	/*position:absolute*/
}

.clear
{
	clear:both
}

.pre-btn
{
	background:none repeat scroll 0 0 #358DDC;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	color:#FFF!important;
	cursor:pointer;
	display:inline-block;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	bottom:47px;
	position:absolute;
	right:47px;
	border-color:0 0 rgba(0,0,0,0.25);
	border-style:none none solid;
	border-width:medium medium 1px;
	margin:0;
	padding:2px 10px 3px
}

.send-msg-print
{
	background-color:#FFF;
	border:1px solid #BEBEBE;
	border-radius:5px 5px 5px 5px;
	font-size:1em;
	height:62px!important;
	max-width:405px;
	min-width:200px!important;
	outline:medium none;
	position:relative;
	right:-442px;
	top:-30px;
	width:220px!important;
	margin:0;
	padding:5px
}

.print-opt-frm
{
	margin-top:-76px
}

.preview-tools .img-tool a
{
	font-weight:400!important;
	margin-right:25px
}

.preview-tools .fit-img-tool
{
	float:right
}

.print-size
{
	margin:0 10px
}

.print-paper-desc
{
	background:none repeat scroll 0 0 #FFF;
	border:0 solid #CCC;
	border-radius:6px 6px 6px 6px;
	max-height:212px;
	overflow:auto;
	position:absolute;
	right:10px;
	top:123px;
	width:644px;
	padding:9px
}

.changeshape
{
	background:url(reload2.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:61px;
	left:263px;
	position:absolute;
	text-indent:-9999px;
	top:-184px;
	width:55px;
	z-index:1000;
	opacity:0!important
}

.inc-btn,.ui-icon-triangle-1-n
{
	background:url(increace.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:45px;
	left:238px;
	position:absolute;
	text-indent:-9999px;
	top:210px;
	width:55px;
	cursor:pointer
}

.dec-btn,.ui-icon-triangle-1-s
{
	background:url(decreace.png) no-repeat scroll 0 0 transparent;
	display:block;
	height:46px;
	left:288px;
	position:absolute;
	text-indent:-9999px;
	top:209px;
	width:49px;

	cursor:pointer
}

.border-less
{
	left:69px;
	position:absolute;
	top:191px
}

.border-img
{
	border:1px solid #bdbfbf;
	padding:1px
}

.upload_print fieldset .print-opt label,.upload_print fieldset .print-opt input
{
	float:left;
	width:186px;
	margin-bottom:10px
}

.upload_print fieldset .print-opt span,.preview-img,.preview-tools .img-tool
{
	float:right;
	margin-bottom:12px;
}

.upload_print fieldset label.error,.percent-bar
{
	display:none!important
}

label.error,.red
{
	color:red!important;
}

.border-less-front,.border-less-back
{
	font-weight:700;
	padding:0px
}

input[readonly=]
{
	background:#CCC!important;
	color:#777
}

.upload-notes
{
	margin-right:0;
}

.upload-notes input[type=button]
{
	background:url(cancel-upload.jpg) no-repeat scroll 0 0 transparent;
	border:0 none;
	display:inline-block;
	float:right;
	font-weight:400;
	margin-right:38px;
	position:relative;
	text-decoration:none;
	text-indent:-99999px;
	width:232px;
	padding:3px
}

.preview-tools
{
	margin-top:-36px
}

.final_info span input[type=button]
{
	background:url(set-paper.png) no-repeat scroll 0 0 transparent;
	border:0 none;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:700;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
	width:118px;
	padding:6px;
margin-top: 10px;
}

.paper-back-bg
{
	<!-- background:url(image-back.png) no-repeat scroll center 0 #EBEBEB!important; -->
	max-width:100%;
}

.preview-img p
{
	text-align:center;
	padding-bottom:0
}

.slider
{
	width:230px;
	height:11px;
	background:url(slider-bg.png);
	position:relative;
	margin:0;
	padding:0 10px
}

.ui-slider-handle
{
	width:24px;
	height:24px;
	position:absolute;
	top:-7px;
	margin-left:-12px;
	z-index:200;
	background:url(slider-button.png)
}

a
{
	outline:none;
	-moz-outline-style:none
}

.paper-details,.preview-target,.select-paper-panel
{
	/*display:none;*/
}
.preview-target{
   max-width:100%;
    margin:0 auto;
    display:block;
}

.paper-details p
{
	text-align:center;
	font-weight:700;
	padding:5px 0;
}

.paper-size-panel input[type=radio]
{
	margin:0 24px
}

.paper-size-panel span {
  background: url("radio.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-left: -42px;
  padding: 9px 10px;
}

input[disabled=disabled] +span
{
	color:#CCC
}

input:checked + span {
   <!--background: url("radio-active.png") no-repeat scroll 0 0 transparent;-->
  color: #000000;
}


.border-less input[disabled=disabled] +span
{
}

.border-less input + span {
  background: url("radio-off.png") no-repeat scroll 0 0 transparent;
  color: #000000;
  text-indent:-9999px;
}

.border-less input:checked + span {
  background: url("radio-on.png") no-repeat scroll 0 0 transparent;
  color: #000000;
}

.border-less-check + span {
  background: url(radio.png) no-repeat;
  color: #777777;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-left: -23px;
  min-width: 25px;
  padding: 8px 7px;
  margin-top: 10px;
}

.zoomer-holder
{
	margin-left:-2px;
	margin-top:19px;
	display:none
}

.preview-target-size,.ui-spinner-input
{
	visibility:hidden;
	position:absolute;
}

.newSpin {
  <!-- background: #ffffff url("please-wait.jpg") no-repeat scroll 0 center; -->
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
}
.print-layout{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
    max-width:900px;
    margin:0 auto;
    gap:0px;
    flex-wrap:nowrap;
}

.print-left{
    width:420px;
    flex:0 0 420px;
}

.print-right{
    width:420px;
    flex:0 0 420px;
}

.print-left fieldset,
.print-right fieldset{
    width:100%;
    box-sizing:border-box;
}

.preview-description,
.preview-img{
    float:none !important;
    width:100%;
}

.paper,
.paper-back-bg{
    width:100%;
    max-width:380px;
    margin:0 auto;
    text-align:center;
}

.preview-target{
    display:block;
    margin:0 auto;
    max-width:100%;
    width:auto;
    height:auto;
}

@media (max-width:850px){

    .print-layout{
        flex-direction:column;
        align-items:center;
        gap:20px;
    }

    .print-left,
    .print-right{
        width:100%;
        max-width:420px;
        flex:none;
    }

    .paper,
    .paper-back-bg{
        max-width:100%;
    }
}