*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:0;text-shadow:0;border-radius:0;list-style:none}
html,body,div{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;-webkit-user-drag:text}
input[type="button"], input[type="submit"]{-webkit-appearance:none;}
button{border: 1px solid;}
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],input,select,textarea {margin:0;padding:5px;border-radius:0; border: 1px solid;box-shadow: none;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;font-family: 'OpenSans-SemiBold',Arial,sans-serif;}
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select{
	height: 30px;
}

.ranger-area:after, .range-blocks:after,.caption-section:after, .clearer:after,.clrnbg-section:after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;}
select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#eee;cursor:not-allowed;border-radius:0 !important;padding:0 !important;font-size:10px;width:30px}
.designtool {max-width: 100%;width: 100%;height: 100%; display:block;margin:auto;position:relative;overflow:hidden;font-family:'OpenSans-SemiBold',Arial,sans-serif;/* min-height:664px; */}
.main_dt {position:relative;/* min-height: 654px; */ height: 100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both;}
.clearfixProduct:before,.clearfixProduct:after{content:" ";display:table}
.clearfixProduct:after{clear:both}
.design-index-index{position:relative}
.psright {float: right;}
a {text-decoration:none}
.wraper_dt{margin:0;position:relative;-webkit-box-shadow:0 2px 2px 2px #e6e4e4;box-shadow:0 2px 2px 2px #e6e4e4;position:relative;padding: 0 10px 0 0; height: 100%}
#topLoader{width:256px;height:256px;margin-bottom:32px;display:none;left:37%;position:absolute;top:390px;z-index:999999}
#animateButton{width:256px}
#loaderImage{top:200px;position:absolute;z-index:99999}
#loaderImage-overlay{z-index:9995;height:100%;width:100%;position:absolute}
#stroke_style{border-radius:0;border:1px solid #e1e1e1 !important;width:45px;margin:0;padding:0}
#svgroot{-moz-user-select:none;-webkit-user-select:none;position:absolute;top:0;left:0}
#svgcanvas{line-height:normal;display:inline-block;background-color:#a0a0a0;text-align:left;-apple-dashboard-region:dashboard-region(control rectangle 0 0 0 0);position:relative;background:transparent}
#svgcontent svg *{cursor:move;pointer-events:all}
#svgcontent{overflow:hidden;}


.cbp-spmenu {background:#fcfcfc;border-left:1px solid;position:relative;height:550px}
.cbp-spmenu h3{font-size:1.9em;padding:20px 10px;margin:0;font-weight:300;background:#0d9ed9}
.cbp-spmenu a{display:block;font-size:1.1em;font-weight:300}
.cbp-spmenu-vertical{width:255px;top:0;z-index:1000;display:none}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left}
.cbp-spmenu-horizontal a {float:left;width:20%;padding:.8em;border-left:1px solid}
.cbp-spmenu-left{left:-240px}
.cbp-spmenu-hide{display:none}
.cbp-spmenu-right{right:-385px}
.cbp-spmenu-left.cbp-spmenu-open{left:0}
.cbp-spmenu-right.cbp-spmenu-open{right:0;display:block;z-index:4;padding-top:10px;clear:right}
.cbp-spmenu-top{top:-150px}
.cbp-spmenu-bottom{bottom:-150px}
.cbp-spmenu-top.cbp-spmenu-open{top:0}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0}
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0}
.cbp-spmenu-push-toright{left:240px}
.cbp-spmenu-push-toleft{left:-240px}
.ranger-panel{width:255px;top:0;z-index:1000;display:none}
.horLine {border:1px solid;margin:5px 0}

#common-panel { background: #f0f2f5; padding: 10px; position: absolute;width:400px !important;bottom: inherit !important; height:inherit !important; }
#addtext-panel, #edit-panel {background:#fcfcfc;border-left:1px solid;position:relative}
#container_dt {font-family:'OpenSans-SemiBold',Arial,sans-serif;font-size:12px;position:relative; height: auto !important;}
.input-text-option {border:1px #e1e1e1 solid !important;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed !important;box-shadow:inset 1px 1px 1px 1px #ededed !important;width:210px !important;padding:10px 5px !important;font-weight:bold;font-family:'OpenSans-Regular',arial,Karla;font-size:16px !important;color:#666 !important;-webkit-border-radius: 3px!important;border-radius:3px !important;display:inline-block !important;margin-right:10px !important;height:35px !important}

section.left-panel {float:left;border:1px solid;border-left:0;background:#f4f4f4;position:relative;clear:left;}
section.bottom-share-panel {border:1px solid;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;left:60px;position:absolute;padding:5px;top:44px}
section.right-view-panel {border:1px solid;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;margin:auto;margin-top:10px;width:400px}
section.right-panel-property {}

.gallery-admin-admin-gallery-customize section.right-panel button {width: 62px;}
.canvas-heading{left:40%}
.top-right-corner{-webkit-border-radius:0;border-radius:0}
.top-bottom-corner{-webkit-border-radius:0 0 5px 0;border-radius:0 0 5px 0}
.icon-drop:before,.icon-arrow-left:before{font-family:'fontawesome';position:absolute;top:0;width:100%;height:100%;speak:none;font-style:normal;font-weight:normal;line-height:2;text-align:center;-webkit-font-smoothing:antialiased;text-indent:8000px;padding-left:8px}
.gallery-admin-admin-gallery-customize{width:962px;margin:10px auto}
.gallery-admin-admin-gallery-customize .cbp-spmenu {height: 650px;}

.left-share-panel ul li button:hover{opacity:.8}
.left-share-panel ul li button#addtocart_btn:hover{border:0}
.left-share-panel ul li button div span.icon-help{background:url("../images/d_help.png")no-repeat;width:36px;height:36px;display:block;margin:auto}
.left-share-panel ul li button div span.icon-1{background:url("../images/d_info_w2p.png") no-repeat;width:36px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_zoom{background:url("../images/d_zoom.png") no-repeat;width:37px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_preview{background:url("../images/d_preview.png") no-repeat;width:38px;height:38px;display:block;margin:auto}
.center-share-panel #chooseSideCaption {line-height: 6px;}
.center-share-panel .object-align .caption{clear:both;display:block;line-height:20px}
.left-share-panel .button-area ul li button div span.caption,
.right-share-panel .button-area>button div span.caption,
.center-share-panel .object-align div span.caption,
.right-share-panel .button-area ul li button div span.caption{display:block;font-family:'OpenSans-SemiBold',Arial;font-size:9px;font-weight:300;height:18px;padding:0px;text-transform:uppercase}
.left-share-panel ul li button div span.d_savenote{background:url("../images/d_savenote.png") no-repeat;width:38px;height:38px;display:block;margin:auto}
.left-share-panel ul li button div span.d_exit{background:url("../images/d_exit.png") no-repeat;width:38px;height:38px;display:block;margin:auto;margin-top:0}
.center-share-panel ul li button div span.d_savenote{background:url("../images/d_savenote.png") no-repeat;width:38px;height:38px;display:block;margin:auto;margin-top:5px}
.center-share-panel ul li button:hover{opacity:.8}

.left-panel ul{padding:1px;margin:0}
.left-panel ul li{display:block;font-size:12px}
.left-panel ul li .non-btn{background:none !important;border-radius:0 0 0 0 !important;box-shadow:none !important;margin:0 !important;padding:0 !important;width:29px !important;height:31px !important}
.left-panel ul li .non-btn .svg_icon{position:relative;top:7px}
.bottom-share-panel ul li button,
.main_dt>section.left-panel ul li button {background:#f4f4f4;outline:0;width:43px;height:44px;border:0}
.left-panel ul li button#tool_ungroup .svg_icon,.left-panel ul li button#tool_group .svg_icon{width:30px;height:26px}
.left-panel ul li span.svg-icons{width:30px;height:30px;display:block;margin:auto}
.left-panel ul li button.disabled div span.tool_redo{opacity:.5 !important;background:url("../images/d_redo.png") no-repeat !important}
.left-panel ul li button.disabled div span.tool_undo{background:url("../images/d_undo.png") no-repeat !important;opacity:.5 !important}
.left-panel ul li button div span.icon-svg .svg_icon{position:relative;left:-2px;top:4px}

.left-panel .object-layer {border-top:1px solid;display:block;padding-bottom:5px}
.left-panel .object-layer ul li{display:block;font-size:12px}
.left-panel .object-layer ul li span div{background:0;margin:auto;padding:0;position:relative;width:43px;height:37px;float:none}
.left-panel .object-layer ul li label{text-transform:uppercase}
.left-panel .object-layer button span.icon-1{background:url("../images/thumb_front.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button span.icon-2{background:url("../images/thumb_back.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button span.icon-3{background:url("../images/thumb_left.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button span.icon-4{background:url("../images/thumb_right.png") no-repeat;width:33px;height:33px;display:block;margin:auto}
.left-panel .object-layer button:active,.left-panel .object-layer button:hover{border:1px solid #0c9dd9;border-radius:2px;MARGIN:0}
.left-panel .object-layer button{border:1px solid #f4f4f4}
.left-panel .object-layer label{display:block;text-align:center;font-size:9px}
[class^="layeralign_"]{background:url("../images/layer-arrow.png") no-repeat;width:43px;height:37px;display:block;}
.object-layer ul li i.layeralign_top{background-position:0 0}
.object-layer ul li i.layeralign_up{background-position:0 -38px}
.object-layer ul li i.layeralign_down{background-position:0 -76px}
.object-layer ul li i.layeralign_bottom{background-position:0 -114px}
.object-layer ul li i.layeralign_top:hover{background-position:-44px 0}
.object-layer ul li i.layeralign_up:hover{background-position:-44px -38px}
.object-layer ul li i.layeralign_down:hover{background-position:-44px -76px}
.object-layer ul li i.layeralign_bottom:hover{background-position:-44px -114px}
.left-panel ul li .layer_sign{background:url("../images/layer_sign.png") no-repeat top center;width:35px;height:33px;display:block;margin:auto;float:left}
#tool_opacity_delete button{border:0;outline:0;background:0;height:30px}
#tool_opacity_delete button div span.icon-10{background:url("../images/d_delete.png") no-repeat 0 0;width:30px;height:29px;display:block;margin:auto}
#tool_delete div span.icon-10{background:url("../images/delete_slide.png") no-repeat !important;width:30px;height:29px;display:block;margin:auto}

.scroll-area-chooseprd{overflow-y:auto;height:509px}
.scroll-area-pickcolor{overflow-y:auto}

.scroll-area{overflow-y:auto;overflow-x:hidden;height:565px;width:248px;}
.scroll-area-designidea{overflow-y:auto;height:440px}

.aproduct-data{font-weight:300}
.box-outer {height:100%;}
.box-outer .label {padding:1em 0;display:block;font-size:1.3em;font-weight:300;margin-bottom:1em;text-transform:uppercase;font-family:'OpenSans-SemiBold',arial,Calibri;line-height:1.55;text-shadow:none;;display:none}
.box-outer .input-area .field-raw{clear:both;display:block;margin-bottom:10px}
.box-outer .input-area .field-raw .gender{display:inline-block;margin-right:10px}
.box-outer .input-area .field-raw .product-type{display:inline-block}

.box-outer .select-main,
.box-outer .select-small {border:1px #e1e1e1 solid;width:243px;padding:3px 5px !important;height:30px;font-weight:normal;font-family:'OpenSans-SemiBold',arial,Calibri;font-size:11px;}
.select_font{border:1px #e1e1e1 solid;-webkit-box-shadow:inset 1px 1px 1px 1px #ededed;box-shadow:inset 1px 1px 1px 1px #ededed;width:55px;padding:10px 5px;font-weight:bold;font-family:'OpenSans-SemiBold',arial,Calibri;font-size:12px;-webkit-border-radius:3px;border-radius:3px;margin:10px 0 0 0}
input.input-text:focus,select:focus,textarea:focus {outline:0 !important}
#pickcolor-panel, #multi-layer-panel/*,
.slide-share-panel*/{/*bottom:1px;margin-top:5px;position:absolute;left:0;right:270px;*/left: auto;margin: auto;position: absolute;right: 0; bottom:auto; width: 55px; top: 50%;
-webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
#pickcolor-panel .gallery{width:auto;margin:auto;height:auto;float:left;display: inline-block;
    clear: both;height: 245px;overflow: hidden;}
#pickcolor-panel .pickcolor-list {
    width: auto !important;
}
#pickcolor-panel .button{float:left;border:0}

#pickcolor-panel #prevColor i, #pickcolor-panel #nextColor i {font-size:30px;margin:0;}
#pickcolor-panel #prevColor,
#pickcolor-panel #nextColor {
	display: inline-block;
	-webkit-user-select: none;
    -ms-user-select: none;
    background: none;
    text-transform: capitalize;
    float: left;
    width: 55px;
    clear: both;
    text-align: center;
}
.t-shirt-list{float:left;padding:0}
.t-shirt-list li{width:90px;display:inline-table;margin-left:14px;margin-bottom:14px;}
#designideacontainer li{box-shadow:1px 2px 13px #ddd inset;padding-top:10px;text-align:center;width:100px}
#designideacontainer li span{font-size:11px;margin:5px 0}

.t-shirt-list li img { display: inline; margin-left: 0; margin-top: 0; text-align: center;}
.t-shirt-list li:hover{opacity:.9}
.t-shirt-list li span{display:block;text-align:center}
#designideacontainer li a img{display:inline-block;height:102px;text-align:center;margin:0!important}

button.bluebutton {font-family:Arial,Helvetica,sans-serif;font-size:15px;padding:8px;background:-moz-linear-gradient(top,#3dd8ff 0,#03a7e8);background:-webkit-gradient(linear,left top,left bottom,from(#3dd8ff),to(#03a7e8));border:0;-moz-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 2px 2px 3px rgba(109,129,158,0.3);-webkit-box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 2px 2px 3px rgba(109,129,158,0.3);box-shadow:0 1px 3px rgba(000,000,000,0.5),inset 2px 2px 3px rgba(109,129,158,0.3);text-shadow:1px -1px 1px rgba(051,049,051,0.4),0 1px 1px rgba(001,017,066,0.4);display:inline-block;}
.note-background-1{background:url(../images/notepad_bg.jpg) no-repeat;width:225px;height:350px;margin:auto;position:relative;margin-top:20px}
.button.uploadimage-btn{margin-bottom:10px}
.addnote-1{background:0;border:0;position:relative;top:30px;left:40px}
.clear{clear:both}
.canvas-heading{background:url("../images/preview_head.png") no-repeat;width:124px;height:36px;display:block;position:absolute;top:-18px}
.canvas-heading span{font-family:'Arial';font-size:18px;text-align:center;display:block;font-family:'Arial';font-weight:bold;font-width:15px;padding-top:8px}
.quantitysize .heading-quantitysize {-webkit-box-shadow:0 -1px 1px 0 #cecece;box-shadow:0 -1px 1px 0 #cecece;display:block;height:30px;line-height:26px;margin-bottom:-20px;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:130px;font-size:16px}
.quantitysize .border-area {padding-bottom:0;margin:auto;display:block;}
.quantitysize .object-inputs{float:left;margin-right:10px; height:170px; overflow:auto; width:178px;}
.quantitysize #printingMethod {border:1px solid #e1e1e1;border-radius:0;font-family:"Arial";/*height:30px;*/padding:7px 5px;width:160px;font-size:11px;}
.quantitysize .object-inputs ul li{display:block; margin-bottom:5px;}
.quantitysize .object-inputs ul li label{padding:5px 10px;background:#e1e1e1;float:left;line-height: 18px;width: 70px;font-size:11px;}
.quantitysize .object-inputs ul li input[type=text]{border:1px solid #e1e1e1;width:50px;height:28px;border-radius:0;text-align:center;font-size:11px;}
.quantitysize .costing{text-align:left; margin:10px 0;}
.quantitysize .costing .rate{display:inline-block;font-weight:bold;font-size:26px;margin-right:10px}
.quantitysize .costing span.note {color:#b9b9b9;font-size:12px;display:block;text-align:right;margin-top:5px;font-style:italic}
.quantitysize .caption-section {padding:0px;}
.quantitysize #designInfo { border: 1px solid #efefef; box-shadow: 2px 2px 2px #efefef;float: right;font-size: 10px;line-height: 25px;min-height: 60px; padding: 10px; width:210px; }
.quantitysize #addnote{width:100%;height:60px;line-height:21px;overflow:hidden;resize:none}
.quantitysize .caption-section .caption{background: #efefef;display: block;float: none;margin:5px 0 5px 0; padding: 7px 11px;line-height: 1;}
.quantitysize .caption-section .caption i { font-size: 14px;margin-right: 8px;}
.quantitysize .div-table{display:table}
.quantitysize .div-table-row{display:table-row;height:25px;}
.quantitysize .div-table-cell{display:table-cell;text-align:left;width: 80px;padding:1px 0;}
.quantitysize .div-table-cell label{display:block;font-size:11px;margin-right:5px;text-align:left;text-transform:uppercase}
.quantitysize .div-table-cell input[type="text"]{border:1px solid #efefef;height:27px;width:60px;padding:0 3px;font-size:11px;box-shadow:none;text-align: center;}

.remove-image-sec {right:0;top: 0;width: 13px;height: 15px;box-shadow: 0px 0px 1px #444444;display: inline-block; margin: auto; opacity: 1; position: absolute; text-align: center;}
.remove-image-sec button { border:none;display:inline;text-align: center;}
.remove-image-sec .place-onstage {background: url("../images/right_sign.png") no-repeat;height: 16px;}
.remove-image-sec .remove-image {color: #ff0000 !important;background: none !important;font-size: 14px; /* height: 20px; */vertical-align: top; margin-bottom: 0;}
.place-image {bottom: 4px;left: 0; right: 0;width: 86px;height: auto;box-shadow: 0px 0px 1px #444444;display: block; margin: auto; opacity: 1;padding: 1px 5px; position: absolute; text-align: center;}
.place-image .place-stage-image {border: medium none !important;box-shadow: none !important;font-size: 10px;height: 20px;vertical-align: top;position: relative;}
#shape_cats{vertical-align:top !important}
#shape_cats>div{font-size:12px}

.t-shirt-list li a{text-decoration:underline white;vertical-align:middle}

.login-table{width:100%; display: inline-block;padding: 6px 6px 3px;}
.login-table  fieldset {border:none; margin:0; padding:0px;}
.div-table{display:table;table-layout: fixed;width: 100%;}
.div-table-row{display:table-row;height:40px}
.div-table-cell{display:table-cell;text-align:left}
.div-table-cell label{display:block;font-size:11px;margin-right:5px;text-align:left;text-transform:uppercase}
.div-table-cell input[type="text"],.div-table-cell input[type="password"]{border:1px solid #ccc;height:33px;width:160px;padding:0 3px;font-size:11px;}
.table-hd-cap{display:block;font-size:16px;margin-bottom:10px;text-align:left;text-transform:uppercase;}
.login-table .proceedbtn {text-align: right;}
.spe-note{border-bottom:2px solid;font-size:11px;margin-bottom:10px;padding-bottom:10px}
.image-instruction-heading{margin-top:0;padding:0;display:block;font-size:12px;font-weight:300}
.image-upload-block{margin-bottom:20px;margin-right:20px}
.image-upload-block .image-instruction-heading{font-family:Arial;font-weight:700;font-size:13px;display:block;}
.image-upload-block{font-size:12px;line-height:21px}
.image-upload-image{background:url(../images/image_upload_image.png) no-repeat top center;width:150px;height:170px;float:left}
.social-fo{float:right !important}
.social-fo li{float:left;list-style:none outside none;padding:5px}
.social-fo a.twitter-fo{background:url("./images/twitter-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.social-fo a.twitter-fo:hover{background:url("./images/twitterh-fo.png") no-repeat scroll left top transparent}
.social-fo a.facebook-fo{background:url("./images/facebook-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.social-fo a.facebook-fo:hover{background:url("./images/facebookh-fo.png") no-repeat scroll left top transparent}
.social-fo a.youtube-fo:hover{background:url("./images/youtubeh-fo.png") no-repeat scroll left top transparent}
.social-fo a.youtube-fo{background:url("./images/youtube-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.social-fo a.gplus-fo:hover{background:url("./images/gplush-fo.png") no-repeat scroll left top transparent}
.social-fo a.gplus-fo{background:url("./images/gplus-fo.png") no-repeat scroll left top transparent;display:block;height:36px;width:36px}
.download-preview{display:block;text-decoration: none !important;}
#preview_window_container .download-preview.button-default {
    position: absolute;
    font-size: 12px;
	right: 41px;
    top: 8px;
	padding: 8px 10px;
}
#topLoader{width:256px;height:256px;margin-bottom:32px;display:none;left:37%;position:absolute;top:390px;z-index:999999}
#animateButton{width:256px}
#loaderImage{top:200px;position:absolute;z-index:99999;left: 250px;right:0;margin:0 auto;width:178px;}
#loaderImage-overlay{z-index:9995;height:100%;width:100%;position:absolute}
#browser-not-supported {font-size:.8em;font-family:'Arial',Calibri,Arial,sans-serif;}
#svg_editor *{transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0}
#svg_editor {font-size:8pt;padding-right: 73px; display: inline-block;width: 100%;float: left;position: relative;}
#stroke_style{border-radius:0;border:1px solid #e1e1e1 !important;width:45px;margin:0;padding:0}
#svgroot{-moz-user-select:none;-webkit-user-select:none;position:absolute;top:0;left:0;}
#svgcanvas{line-height:normal;display:inline-block;background-color:#a0a0a0;text-align:left;-apple-dashboard-region:dashboard-region(control rectangle 0 0 0 0);position:relative;background:transparent;}
#svgcontent svg *{cursor:move;pointer-events:all}
#svgroot #selectorGrip_resize_hd, 
#svgroot #selectorGrip_h_rotate, 
#svgroot #selectorGrip_resize_he, 
#svgroot #selectorGrip_resize_hse, 
#svgroot #selectorGrip_resize_hs {
	opacity: 0;
}
#svgroot #selectorGrip_resize_hd:hover, #svgroot #selectorGrip_resize_hd:focus, 
#svgroot #selectorGrip_h_rotate:hover, #svgroot #selectorGrip_h_rotate:focus, 
#svgroot #selectorGrip_resize_he:hover, #svgroot #selectorGrip_resize_he:focus, 
#svgroot #selectorGrip_resize_hse:hover, #svgroot #selectorGrip_resize_hse:focus, 
#svgroot #selectorGrip_resize_hs:hover, #svgroot #selectorGrip_resize_hs:focus {
	opacity: 1;
}
#ruler_x{height:15px;border-bottom:1px solid;border-left:1px solid #777;top: 0; left: 15px; right: 0;}
#ruler_y{width:15px;border-right:1px solid;border-top:1px solid #777; top: 15px; left: 0; bottom: 0;}
#ruler_x canvas:first-child{margin-left:-16px;}
#ruler_x canvas{float:left;}
#ruler_y canvas{margin-top:-16px}
#rulers>div{position:absolute;background:#DDD;z-index:1;overflow:hidden}
#ruler_x>div,#ruler_y>div{overflow:hidden}
#palette_holder{overflow:hidden;margin-top:5px;padding:5px;position:absolute;right:15px;height:16px;background:#f0f0f0;border-radius:3px;z-index:2}
#stroke_color svg,
#fill_bg svg {width: 20px;height:20px;}

#stroke_bg,#fill_bg{height:33px;width:33px;position: absolute;top: 0;}
#zoomLabel{margin-right:5px;padding-top:4px}
#linkLabel>svg{height:20px;padding-top:4px}
#palette{float:left;width:632px;height:16px}
#pretemplate #workarea { height: 450px;}
#workarea{display:inline-table-cell;background:transparent;overflow:hidden !important;text-align:center;/*height:485px; margin: 0 69px 0 0;*/ height: 100%; }
.product-area .add-note-btn {
	position: absolute;
    bottom: 8px;
    left: 50%;
    margin: auto;
    transform: translateX(-50%);
    margin-left: -20px;
	padding: 3px 6px;
	font-size: 12px;
	background: #f0f2f5;
}
.product-area .add-note-btn .customIcon {
	font-size: 20px !important;
	margin-right: 5px;
	margin-top: 3px;
}
.product-area .add-note-btn .caption {
	line-height: 26px;
	vertical-align: top;
}
#sidepanels{display:inline-block;position:absolute;top:40px;bottom:40px;right:0;width:2px;padding:10px;border-color:gray;border-style:solid;border-width:1px;border-left:0}
#layerpanel{display:inline-block;position:absolute;top:1px;bottom:0;right:0;width:0;overflow:auto;margin:0;-moz-user-select:none;-webkit-user-select:none}
#sidepanel_handle {display:inline-block;position:absolute;background-color:#d0d0d0;font-weight:bold;left:0;top:40%;width:1em;padding:5px 1px 5px 5px;margin-left:3px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-user-select:none;-webkit-user-select:none}
#sidepanel_handle:hover{font-weight:bold}
#sidepanel_handle * {-moz-user-select:none;-webkit-user-select:none}
#layerbuttons{margin:0;padding:0;padding-left:2px;padding-right:2px;width:125px;height:20px;border-right:1px solid;border-bottom:1px solid; border-left:1px solid gray !important;border-top:1px solid gray !important;overflow:hidden}
.layer_button {width:14px;height:14px;padding:1px;border-left:1px solid;border-top:1px solid;border-right:1px solid gray !important;border-bottom:1px solid gray !important;float:left;margin-right:3px}
.layer_button:last-child{margin-right:0}
.layer_buttonpressed {width:14px;height:14px;padding:1px;border-right:1px solid;border-bottom: 1px solid;border-left:1px solid gray !important;border-top:1px solid gray !important;}
#layerlist {margin:1px;padding:0;width:127px;border-collapse:collapse;border:1px solid gray;}
#layerlist tr.layer {margin:0;padding:0}
#layerlist tr.layersel{border:1px solid gray;background-color:#ccc}
#layerlist td.layervis{width:22px;}
#layerlist td.layerinvis{background-image:none;}
#layerlist td.layervis *{display:block}
#layerlist td.layerinvis *{display:none}
#layerlist tr.layersel td.layername{font-weight:bold}
#selLayerLabel{white-space:nowrap}
#selLayerNames{display:block}
div.palette_item{height:15px;width:15px;float:left}
div.palette_item:first-child{background:white}
#main_button{position:absolute;top:4px;left:5px;z-index:5}
#main_icon{position:relative;top:-2px;left:-2px;width:95px;line-height:26px}
#main_icon:hover{background:#f4f4f4 !important}
#main_icon.buttondown{background:#eee !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border-radius:3px 3px 0 0}
#logo{margin-top:-2px}
#logo img{border:0;width:28px;height:28px}
#main_icon>div{float:left}
#main_button .dropdown{position:absolute;right:7px;top:4px}
#main_icon span{position:absolute;top:0;left:0;bottom:0;right:0;display:block;z-index:2;font-weight:bold;padding-left:34px;line-height:32px;font-family:'Arial',Calibri,Arial,sans-serif}
#main_menu{z-index:12;background:#eee;position:relative;width:230px;padding:5px;-moz-box-shadow:#555 1px 1px 4px;-webkit-box-shadow:#555 1px 1px 4px;box-shadow:#555 1px 1px 4px;font-size:1.1em;display:none;overflow:hidden;clear:both;top:-9px}
#main_menu ul,#main_menu li{list-style:none;margin:0;padding:0}
#main_menu li{line-height:22px;padding-top:7px;padding-left:7px;margin:-5px;overflow:auto;cursor:default}
#main_menu li:hover{background:#e9f4fb}
#main_menu li>div{float:left;padding-right:5px}
#main_menu p{margin-top:5px}
.tool_button_current,.push_button_pressed,.buttondown{/* -webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),1px 1px 0 white !important;-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),1px 1px 0 white !important;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4),1px 1px 0 white !important */}

#tools_top{position:absolute;left:108px;right:2px;top:2px;height:40px;border-bottom:0;overflow:auto}
#tools_top .tool_sep{margin-top:5px}
#workarea.wireframe #svgcontent *{fill:none;stroke:#000;stroke-width:1px;stroke-opacity:1.0;stroke-dasharray:0;opacity:1;pointer-events:stroke;vector-effect:non-scaling-stroke;filter:none}
#workarea.wireframe #svgcontent text{fill:#000;stroke:none}
#workarea.wireframe #canvasBackground>rect{fill:#FFF !important}
#tools_top div[id$="_panel"]:not(#editor_panel):not(#history_panel){display:none}
#editor_panel,#history_panel{height:34px;float:left}
#multiselected_panel .selected_tool{vertical-align:12px}
#cur_context_panel {position:absolute;top:57px;left:56px;line-height:22px;overflow:auto;padding-left:5px;font-size:12px;background:rgba(0,0,0,0.8);padding:0 10px;border-radius:0 0 3px 0}
#cur_context_panel a{float:none;text-decoration:none}
#cur_context_panel a:hover{text-decoration:underline}
#text_panel input[type="text"]{border:1px solid #e1e1e1;padding:7px 5px;font-family:'Arial',Calibri,Arial,sans-serif;width:98%;margin-bottom:7px;height:30px}
.qrcode-section textarea,.qrcode-section select,.qrcode-section input[type="text"]{
    width: 100%;
    height: 35px;
}
.qrcode-section .caption-section input[type="text"] {
    height: 35px;
}
.qrcode-section textarea{height:60px}

.qrcode-section select option{line-height:20px}
.qrcode-section .caption-section .caption{margin-bottom:7px;width:100%;letter-spacing: 0;}
.qrcode-section #qrcolorcode{float:left}

#plaintextdata, #body7{resize: none;}

#qrcolorcode{width:20%}
#QRcodeImage{clear:both}
#QRcodeImage li{display:inline-block}
#qr_colorpicker_con {border: 1px solid #eeeeee;padding: 6px;box-shadow: 2px 2px 12px #eeeeee; width: 100%;clear: both;
    width: 100%;    text-align: center;    margin-bottom: 10px;}
#qr_colorpicker_con > button {border:none;box-shadow: none;position: absolute;right: 10px;top: 13px; background: none;}
#tools_top>div,#tools_top{line-height:26px}
.flyout_arrow_horiz{position:absolute;bottom:-1px;right:0;z-index:10}
.flyout_arrow_horiz img{bottom:5px;position:absolute;right:1px}
span.zoom_tool{line-height:26px;padding:3px}
.font-row{display:block}
div.toolset{height:34px;width:52px}
div.toolset label span{padding-top:3px;display:inline-block}
input[type=text]{border-radius:0;}
#tools_top>div>*{float:left;margin-right:2px}
#tools_top label{margin-top:0;margin-left:5px}
#tools_top input{margin-top:5px;height:15px}
#tools_left .tool_button,#tools_left .tool_button_current{position:relative;z-index:11;border:1px solid #ccc}
#tool_fhpath,#tool_line,#tools_rect_show,#tools_ellipse_show { width: 35px;height: 35px;margin-right:3px;}
.inputBoxMedium {border:1px solid #e1e1e1 !important;height:25px !important;margin-right:0 !important;width:75px !important;text-align:center;line-height:25px;}
.sliderValue {border:1px solid #e1e1e1;height:25px!important;margin-right:0;float:left;width:49px;text-align:center;line-height:25px;margin-bottom:5px!important;}
#properties_div #group_opacity {text-align:center;border:1px solid #e1e1e1;width:55px;float:left;height:30px;line-height:29px;}
#tool_position{top:0}
.button-area .tool_button_current,.button-area .tool_button{float:none !important}
.tool_button,.tool_button_current,.push_button_pressed {/* height:30px !important;width:30px !important;margin-right:5px !important;float:left; */}
.edit-panel-icons .push_button_pressed, .edit-panel-icons .optcols3 .push_button_pressed{
	height: auto !important;
    width: auto !important;
    line-height: 1;
    background-color: rgba(0,0,0,0);
    box-shadow: none !important;
    margin: 0 6px !important;
}
.disabled {cursor: no-drop !important;opacity: 0.5; pointer-events: none !important;}
.tool_sep{width:1px;background:#888;border-left:1px outset #EEE;margin:2px 3px;padding:0;height:24px}
.icon_label{float:left;padding-top:9px;padding-right:3px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:0}
.width_label{padding-right:5px}
.tools_flyout{position:absolute;display:none;width:auto;z-index:1;left:0 !important;background: #eee;padding: 6px;}
.tools_flyout_v {position:absolute;display:none;width:30px}
.tools_flyout .tool_button {float:left;background-color:#e8e8e8;border-left:1px solid;border-top:1px solid;border-right:1px solid gray !important;border-bottom:1px solid gray !important;height:28px;width:28px}

#tool_select{box-shadow:none !important;height:34px !important;width:39px !important;margin:0 !important;padding:0 !important;background:#f4f4f4}
#main_menu li#tool_open,#main_menu li#tool_import{position:relative;overflow:hidden}
#tool_image{overflow:hidden}
#tool_open input,#tool_import input,#tool_image input {position:absolute;opacity:0;font-size:10em;top:-5px;right:-5px;margin:0;}
#cur_position{padding-top:1px}

#text{left:-9999px;height:47px;margin:0;font-size:11px}
#tool_bold span,#tool_italic span {position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
#tool_italic{font-weight:normal;font-style:italic}
#url_notice{padding-top:4px;display:none}
#color_picker{position:absolute;display:none;background:#e8e8e8;z-index:9;overflow:hidden}
#tools_bottom{position:absolute;left:40px;right:0;bottom:0;height:40px;overflow:visible}
#tools_bottom_1{width:115px;float:left}
#tools_bottom input[type=text]{width:2.2em}
#jGraduate_Form_Section input[type="text"]{border:0}
#tools_bottom_2{position:relative;-webkit-transition:width 150ms ease}
#tools_bottom #tools_bottom_2 .dropdown button{margin-top:2px}
#tools_bottom_2 .icon_label{display:block;margin:3px 5px;padding:0}
#tool_stroke{position:relative}
#stroke_expand{width:0;overflow:hidden}
#toggle_stroke_tools{position:absolute;right:0;top:0;bottom:0;width:25px;text-align:center;border-radius:0 3px 3px 0;margin:0}
#toggle_stroke_tools:before{content:'>>';letter-spacing:-3px;font-weight:bold;}
#toggle_stroke_tools:hover{background:white}
#tool_blur label{float:left}
#tool_fill .color_tool{margin-left: 0px;}
#tool_fill.color_tool,
#tool_stroke.color_tool{width:20px;z-index:2;-webkit-transition:width 150ms ease;-moz-transition:width 150ms ease;-o-transition:width 150ms ease;-ms-transition:width 150ms ease;transition:width 150ms ease;float:left;margin:0 5px;}
#tool_opacity{overflow:visible}
.expanded #tools_bottom_2{width:450px}
.dropdown li.tool_button{width:24px}
.expanded #tool_stroke.color_tool{width:150px}
.expanded #toggle_stroke_tools:before{content:'<<'}
.font-size, .color_tool {position:relative;min-height:33px;line-height:33px;min-width:33px;float:left;margin-left:5px;text-align: center;}
.toolset_border{min-width:52px;float:left}
.toolset_stroke label{float:left}
.toplink .links{float:right !important}
.color_block_parent {position:relative;width:20px;height:20px;display:inline-block;overflow:hidden}
/* .simpleColorContainer > .image-color-block .color_parent_box .color_block_parent {width: 33px; height: 33px;} */
.color_block {cursor: inherit;margin: auto;position: absolute;/* left: 0; */right: 0;bottom: 0;top: 0; width: 33px;height: 33px;box-shadow: 1px 1px 3px #cccccc; border-radius: 50%;}
#tool_fill .color_tool > .color_block.singleColor {right: 18px}
.color_block svg{display:block; border-radius: 50%;}
.color_tool>*{float:left}
.color_tool .dropdown>*{float:left}
.color_tool .stroke_label{margin-left:25px;float:left}
.color_tool input{margin:0;border:1px solid #e1e1e1;height:29px}
.loader_pos{right:140px}
@media(max-width:1250px){.expanded #palette_holder{left:560px;overflow-x:scroll;padding:0 5px;margin-top:2px;height:30px}
#tools_top{height:71px}
#workarea,#sidepanels{top:70px}
/* #rulers #ruler_y{top:86px} */
#cur_context_panel{top:87px}
#selected_panel{clear:right}
.center-share-panel{left:0;margin:auto;position:absolute;right:0}
}
@media screen and (max-width:1100px){#tools_bottom:not(.expanded) #palette_holder{left:410px;overflow-x:scroll;padding:0 5px;margin-top:2px;height:30px}
}
#option_lists ul #position_opts{border:1px solid red}
#option_lists ul{display:none;position:absolute;height:auto;z-index:9999;margin:-10px;list-style:none;padding-left:0}
#option_lists .optcols2{width:70px;margin-left:-15px}
#option_lists .optcols3 {left:156px !important;top:-38px !important;padding:3px;border:1px solid;}
#option_lists .optcols4{width:130px;margin-left:-44px}
#option_lists ul[class^=optcols] li {float:left;margin-right:2px;width:38px;height:35px;border:1px solid}
ul li.current{background-color:#f4e284}
#option_lists ul li{margin:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
#tools_bottom .dropdown button{margin-top:2px}
#opacity_dropdown{top:2px !important}
#opacity_dropdown li{width:50px;text-align:center}
#copyright{text-align:right;padding-right:.3em}
#svg_source_editor{display:none}
#svg_source_editor #svg_source_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:5}
#svg_source_editor #svg_source_container{position:absolute;top:30px;left:30px;right:30px;bottom:30px;background-color:#b0b0b0;opacity:1.0;text-align:center;border:1px outset #777;z-index:6}
#save_output_btns{display:none;text-align:left}
#save_output_btns p{margin:.5em 1.5em;display:inline-block}
#bg_blocks{overflow:auto;margin-left:30px}
#bg_blocks .color_block{position:static}
#svg_image_upload_container,#svg_docprops_container{width:520px}
#svg_add_note_container{width:500px !important}
#svg_beforeaddtocart{width:500px !important}
#svg_save_design_window_container .div-table{width:380px}
#svg_beforeaddtocart_container{width:456px}
#svg_docprops #svg_docprops_container, #svg_image_upload #svg_image_upload_container, #svg_add_note #svg_add_note_container, #svg_beforeaddtocart #svg_beforeaddtocart_container,#svg_save_design_window #svg_save_design_window_container, #facebook_window #facebook_window_container,#svg_prefs #svg_prefs_container{position:absolute;top:50px;left:0;right:0;top:14%;margin:auto;padding:10px;border:1px outset #777;opacity:1.0;font-family: 'OpenSans-Regular',Calibri,Arial,sans-serif,Karla;font-size:.8em;z-index:99999}
#svg_docprops .error{border:1px solid red;padding:3px}
#error_msg{color:#F00;text-align:left;display:none}
#svg_docprops #resolution{max-width:14em}
#tool_docprops_back,#tool_addnote_back,#tool_beforeaddtocart_back,#tool_prefs_back{margin-left:1em;overflow:auto;position:absolute;right:15px;top:15px}
#tool_image_upload_back,#tool_login_window_back,#tool_addnote_back{text-transform:uppercase;font-weight:bold;position:absolute;right:15px;top:15px}
.cotxt{font-size:11px;line-height: 30px; clear: both;}
#svg_prefs_container fieldset+fieldset{float:right}
#svg_docprops legend,#svg_prefs legend{max-width:195px}
#svg_docprops_docprops>legend,#svg_prefs_container>fieldset>legend{font-weight:bold;font-size:1.1em}
#svg_docprops_container fieldset,#svg_prefs fieldset{padding:5px;margin:5px;border:1px solid #DDD}
#svg_docprops_container label,#svg_prefs_container label{display:block;margin:.5em}
#svginfo_bg_note{font-size:.9em;font-style:italic;}
#canvas_title,#canvas_bg_url{display:block;width:96%}
#svg_source_editor #svg_source_textarea{position:relative;width:95%;top:5px;height:250px;padding:5px;font-size:12px}
#svg_source_editor #tool_source_back{text-align:left;padding-left:20px}
#svg_prefs_container div.color_block{float:left;margin:2px;padding:20px}
#change_background div.cur_background{border:2px solid blue;padding:18px}
#background_img{position:absolute;top:0;left:0;text-align:left}
#svg_beforeaddtocart button:hover,#svg_add_note button:hover,#svg_login_window button:hover,#svg_save_design_window button:hover,#facebook_window button:hover,#flickr_window button:hover,#picasa_window button:hover,#instagram_window button:hover,#svg_image_upload button:hover,#svg_docprops button:hover,#svg_prefs button:hover{opacity:.8}
#svg_beforeaddtocart button{right:0}
#shape_buttons{width:110px !important;vertical-align:top !important}
#tools_rect{left:74px !important}

#tools_line{left:33px !important}
#image_save_opts label{font-size:.9em}
#image_save_opts input{margin-left:0}
#svg_add_note #svg_add_note_overlay,#svg_image_upload #svg_image_upload_overlay,#svg_login_window #svg_login_window_overlay,#svg_save_design_window #svg_save_design_window_overlay,#facebook_window #facebook_window_overlay,#flickr_window #flickr_window_overlay,#picasa_window #picasa_window_overlay,#instagram_window #instagram_window_overlay,#preview_window #preview_window_overlay,#svg_docprops #svg_docprops_overlay,#svg_beforeaddtocart #svg_beforeaddtocart_overlay,#svg_prefs #svg_prefs_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:20000}
#svg_save_design_window_container .headingtwo,#facebook_window_container .headingtwo,#flickr_window_container .headingtwo,#picasa_window_container .headingtwo,#instagram_window_container .headingtwo,#preview_window_container .headingtwo,#svg_image_upload_container .headingtwo,#svg_beforeaddtocart_container .headingtwo,#svg_add_note_container .headingtwo,#svg_docprops_container .headingtwo {text-transform:uppercase;font-weight:bold;padding:10px 35px 10px 0;margin-bottom:20px;font-size:18px;border-bottom:1px solid #eeeeee;text-align:left;cursor:default}
#svg_add_note_container .popupheading,#svg_docprops_container .popupheading{text-transform:uppercase;font-weight:bold;font-size:16px}
#tool_prefs_option{float:right}
#tool_choose_prod_close,#tool_pick_color_close,#tool_edit_close,#tool_add_art_close,#tool_place_text_close,#tool_add_image_close,#tool_add_shape_close,#tool_design_idea_close{padding:0 !important;position:absolute;right:11px;top:8px;height:30px}
#tool_choose_prod_close,#tool_pick_color_close,#tool_edit_close,#tool_add_art_close,#tool_place_text_close,#tool_add_image_close,#tool_add_shape_close,#tool_design_idea_close,.toolbar_button{overflow:visible !important}
#tool_choose_prod_close,#tool_pick_color_close,#tool_edit_close,#tool_add_art_close,#tool_place_text_close,#tool_add_image_close,#tool_add_shape_close,#tool_design_idea_close {line-height:130%;float:right;background:0;padding:5px 0 5px 5px;line-height:17px;margin:9px 0 0;border:0;display:none}
#dialog_box{display:none}
#loader_bg,#dialog_box_overlay{background:black;opacity:.5;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10001}
#dialog_content {overflow:auto;text-align:center;max-height:200px;}
#dialog_buttons {margin-bottom: 20px;}
#dialog_content.prompt{height:75px}
#dialog_content p{margin:10px 10px 30px;line-height:1.2;font-size:17px;font-weight:normal;text-align: center;}
#dialog_title {
    padding: 8px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: 'OpenSans-Regular',Karla;
    font-size: 14px;
    font-weight: bold;
}
#dialog_container {top: 50%; transform: translateY(-50%);left: 0;right: 0;margin: auto;position: absolute; text-align: center; width: 390px; z-index: 50001;box-shadow: 1px 10px 12px #444444;}
#dialog_buttons input[type=text]{width:90%;display:block;margin:0 0 5px 11px}
#dialog_buttons input[type=button]{margin:0 1em}
#blur_dropdown-list li.special{width:300px !important}
#stroke_dropdown-list li.special{width:300px !important}
#dialog_buttons input[type="button"],
.button {line-height: 35px;text-align: center;height:35px;padding:0 15px;text-transform:uppercase;margin:auto;border:none;font-size:10px;color: #ffffff !important; 
}
.toolbar_button button{line-height:130%;float:right;background:0;line-height:17px;border:none!important;font-weight:bold;font-size:16px; box-shadow: none; }
.toolbar_button button:active {border-left:1px solid #630;border-top:1px solid #630}
.toolbar_button button .svg_icon {border:none; height: 24px;width: 25px;padding: 0;}
.ui-slider{position:relative;text-align:left;width:100%;position:absolute;background: none;border-radius: 6px;padding: 0px;border: 2px solid #ababab;}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:16px;height:16px;cursor:default}
.ui-slider-horizontal{height:3px}
.ui-slider-horizontal .ui-slider-handle{top:-4px;/*margin-left:-.6em;*/}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0;background:#128bd3;height: 4px;}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.6em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0;background:#128bd3}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-slider-handle {position:absolute;z-index:2;width:25px;height:25px;font-weight:bold;color:#1c94c4;outline:0;margin-left:-12px;background: #f95401;border-radius: 50px;margin-top: -3px;}
.ui-slider-range{position:absolute;border:0;height:100%}
.tools_flyout .tool_button,.tools_flyout .tool_flyout {height:37px;width:37px;margin:2px 2px 4px 2px;padding:4px 2px;border:1px solid;float:left}
.contextMenu{position:absolute;z-index:99999;border:solid 1px rgba(0,0,0,.33);background:rgba(255,255,255,.95);padding:5px 0;margin:0;display:none;font:12px/15px Lucida Sans,Helvetica,Verdana,sans-serif;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:2px 5px 10px rgba(0,0,0,.3);-webkit-box-shadow:2px 5px 10px rgba(0,0,0,.3);box-shadow:2px 5px 10px rgba(0,0,0,.3)}
.contextMenu li{
	list-style:none;margin:0;
	-moz-user-select: none;
    -webkit-user-select: none;
    color: #222222;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: 0;
    padding: 0 15px 1px 20px;
}
.contextMenu li:hover {background-color:#2e5dea;color:white;cursor:default}
.contextMenu .shortcut{width:115px;text-align:right;float:right}
.contextMenu a{-moz-user-select:none;-webkit-user-select:none;color:#222;text-decoration:none;display:block;line-height:20px;height:20px;background-position:6px center;background-repeat:no-repeat;outline:0;padding:0 15px 1px 20px}
.contextMenu li.hover a{background-color:#2e5dea;color:white;cursor:default}
.contextMenu li.disabled a{color:#999}
.contextMenu li.hover.disabled a{background-color:transparent}
.contextMenu li.separator{border-top:solid 1px #e3e3e3;padding-top:5px;margin-top:5px}
.border-box .shape_label{padding:0;margin:2px 0;border-bottom:0;font-size:12px;display:block;text-transform:uppercase;text-align:center}
.proimage{margin:auto}
#properties_div {position:absolute;bottom:0;left:60px;width:68.4%;border:1px solid;background:#f4f4f4;-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff;-webkit-border-radius:0;border-radius:0;font-size:12px;}
.inst {border:1px solid;border-radius:40px 40px 40px 40px;display:none;float:right;font-family:times new roman;font-size:20px;padding:0 12px;margin:10px;position:absolute;top:4px;right:02px;font-style:italic;}
.inst_image {border-radius:40px;right:0;top:0;bottom:0;float:right;font:Normal 11px/20px 'times new roman';height:20px;margin:auto;padding:0 8px;position:absolute;display:none;}

#inst_image_hd{top:77px}
#inst_text_tooltip,#inst_image_tooltip,#inst_shape_tooltip,#design_tooltip,#design_tooltip_edit_panel { border:1px solid;padding:10px;box-shadow:1px 1px 2px 1px #ccc;position:absolute;top:51px;z-index:100;opacity:1;left:0}
@media(max-width:3999px){
.range-blocks .border-box{height:36px;margin-top:5px}
#sizeDiv.range-blocks .border-box{height:80px}
#sizeDiv.range-blocks .border-box input[type="number"]{border-radius:0;height:25px;margin-bottom:10px;text-align:center}
#sizeDiv.range-blocks .border-box .caption-section .caption{width:40px;padding:0;text-align:center;line-height:25px}
#sizeDiv .hwxyrow{width:103px;overflow:hidden;float:left}
#sizeDiv .numStepper{float:left;width:60px;font-size:11px;padding:0 5px}
#sizeDiv #propCheckbox{margin:15px 0 7px 0 !important}
#sizeDiv .hwxyrow:last-child{width:150px}
#sizeDiv .interlock{background:url(../images/interlock.png) no-repeat;position:absolute;height:45px;width:9px;top:7px;right:10px;width:20px}
#sizeDiv input[disabled]{padding:5px !important}
}

#propCheckbox {cursor:default;vertical-align: middle;}
.interlock{
	display: inline-block;vertical-align: middle;
    z-index: 9;
        margin-top: 6px;
}

@media(max-width:1024px){#properties_div{left:57px}
#xy_panel{display:none}
#properties_div{width:77%}
#selected_panel .toolset_border{min-width:33px}
#color_tools .border-box{padding:5px 3px}
.tool_button,.push_button,.tool_button_current,.push_button_pressed{margin-right:0px}
.range-blocks{margin-bottom:1px}
.range-blocks .border-box{height:31px}
.range-blocks .border-box:last-child{border:0}
}
.attr_changer{-webkit-border-radius:0}
#font_family {margin-left:5px;width:125px;margin-right:0;margin-top:6px;border:1px solid #e1e1e1 !important;padding:5px;float:left}
#font_family_dropdown-list {border:1px solid;left:100px !important;top:145px !important;position:absolute;width:114px;z-index:99999}
#font_family_dropdown-list li{font-size:1.2em;padding:0 9px}
#font_family_dropdown-list li:hover{background:#e9f4fb}
#tool_font_family .dropdown button{height:27px;margin-top:-1px;margin-right:2px;margin-top:-7px}
#canvasBackground{overflow:visible !important}
#canvasBackground rect{display: none;}

.no-border{border:none !important}
.ranger-panel{width:256px}
.range-blocks{clear:both}
.range-blocks:last-child{border-bottom:0}
.caption-section{margin:0;padding-bottom:0;position:relative;}
.caption-section input[type="text"] {height:23px;}

.caption-section .caption{font-family:'OpenSans-Regular',Arial,Calibri,sans-serif,Karla;font-size:12px;font-weight:300;/*float:left;*/padding:0 5px;text-transform:uppercase;line-height: 25px;}
.caption-section .captionSmall{font-family:'OpenSans-Regular',Arial,Calibri,sans-serif,Karla;font-size:11px;font-weight:300;float:left;padding:0 10px;text-transform:uppercase}
.caption-section .caption-icon{position:relative;width:85px;float:right}
.caption-section .caption-icon .default-icon{background:url('../images/object_default.png') no-repeat;width:50px;height:20px;float:left}
.caption-section .caption-icon .text-icon{background:url('../images/ob_text.png') no-repeat;width:76px;height:20px;float:left}
.caption-section .caption-icon .border-icon{width:30px;height:20px;background:url('../images/ob_border.png') no-repeat;float:left}
.caption-section .caption-icon .blur-icon{width:30px;height:20px;background:url('../images/ob_blur.png') no-repeat;float:left}
.caption-section .caption-icon .opacity-icon{width:30px;height:20px;background:url('../images/ob_opacity.png') no-repeat;float:left}
.caption-section .caption-icon .size-icon{width:30px;height:20px;background:url('../images/ob_opacity.png') no-repeat;float:left}

.toolset_stroke{width:124px !important;position:relative;top:10px;left:7px}
.toolset_global{position:relative;top:5px;left:10px;width: 300px;}
.toolset_size{width:145px !important;position:relative;top:8px;left:10px}
.size-ranger-area{float:left;height:30px;width:145px;margin-left:8px}
.size-global-area{position:relative;height:30px;width:235px;}

.ranger-area {height: 25px;position: relative;padding-left:0;width:calc(100% - 10px); margin-left: 10px;}
.ranger-area .ui-slider {bottom: 0;margin: auto; top: 0;}

#text_panel textarea, #text, #add_text {
	width:100%;
	z-index:3;
	overflow-y: auto;
	font-family:'OpenSans-Regular',Calibri,Arial,sans-serif,Karla !important;
	border:1px solid;
	resize:none;
	margin-bottom:10px;
	padding: 5px 10px;
	font-size: 16px;
	height: auto;
	border-radius: 4px;
	min-height: 100px;
}
#text_panel textarea:focus, #text:focus, #add_text:focus, .add-art-panel .input-group input:focus {
	border: 1px solid;
	box-shadow: 0 2px 8px 0 rgba(39,166,255,.5);
}
.border-ranger-area{float:left;height:30px;overflow:hidden;width:145px;margin-left:10px}
.blur-ranger,.opacity-ranger{position:relative}
.co-tw-dl{margin-left:5px}
.co-tw-dl ul li{display:inline-block;font-family:'Arial',Calibri;font-size:12px;font-weight:300;text-transform:uppercase}
.co-tw-dl .label {line-height:25px;margin:0 4px;font-size:12px;float:left;padding:0;font-weight:300;text-shadow:none;border-radius:0}
.upload-permission{font-size:12px;padding-left:5px;color:#2b2b2b;text-align:left;position:relative}
.upload-permission input[type="checkbox"]{margin: 0; position: absolute; top: 0px;}
.upload-permission label {font-size: 11px;line-height: 14px;padding-left: 0;margin-bottom: 0px; margin-left: 20px;left: 20px;width:190px; border: none; box-shadow: none;}
.button.uploadimage-btn li{display:inline-block}
.image-upload-image{background:url(../images/image_upload_image.png) no-repeat top center;width:150px;height:170px;float:left}
.image-upload-section{text-transform:uppercase;margin:10px 0}
.image-upload-section .instr{font-size:9px;color:#2b2b2b}

.preview_holder{
	height: calc(100% - 50px);
	margin: 10px 0; 
	background-image:url("../images/roombg.jpg");
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

} /* added by somin */
.preview_holder div{width: auto;float:left;border-collapse:collapse}
.preview_holder div.preview-image-slot {
    margin: 5px 0 0 5px;
}
.preview-image-slot{position:relative;display:inline-block;}
.multiColorBlock {margin: -1px 0 3px 0;width: max-content;min-height: 33px; margin-left: auto;}
.multiColorBlock .color_tool { margin-right: 10px;}
#fb_window_container input[type="text"],#picasa_window_container input[type="text"],#instagram_window_container input[type="text"],#flickr_window_container input[type="text"]
{ border-bottom: 1px solid; box-shadow: none !important;display: inline-block;font-size: 14px; height: 37px; margin-bottom: 0; /*margin-left: -18px;*/ margin-right: 10px; padding: 0 10px;border-top:0px;border-right:0px;border-left:0px;background:none!important;}

#import_error{position:absolute;top:130px;width:96%}
#preview_window #preview_window_container, #name_num_customList .global-pop-windows-container, #design_note .design_note_container 
{
	top: 50%; 
	transform: translateY(-50%);
}
#preview_window #preview_window_container {width: 900px;}
#preview_window_container .save-design-table{overflow-x:auto;height: 600px; overflow: hidden;position: relative;}
#borderStrokeSlider{border:1px solid}

#websiteurl-error{font-size: 11.3px}
#qrcodecontainer .error {
    display: block;
    color: red;
}

#product-image{pointer-events:none}
#errornotinstock{font-size:16px; margin-top: 10px;float: left;/*  width: 206px; */}
#errornotinstock .error-msg {font-size: 11px !important;font-style: normal !important;line-height: 17px;padding: 5px 10px 5px 40px !important;text-align: left!important;background-image: url("../images/i_msg-notice.gif")!important;background-position: 5px 10px !important; background-size: 26px 26px;background-repeat: no-repeat;}
input[type=range]{-webkit-appearance:none;background-color:red;width:200px;height:20px}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#666;opacity:.5;width:10px;height:26px}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0 none}
.lock-unlock-range{clear:both;margin:4px 10px;overflow:hidden;padding:0 10px}
#priceAjaxLoader{float:left;margin:5px 5px 0;height:30px;width:30px}
.window_overlay{background-color:black;bottom:0;left:0;opacity:.6;position:absolute;right:0;top:-0;z-index:19}
.window_container {border:1px outset #777;font-family:"Arial",Calibri,Arial,sans-serif;font-size:.8em;left:0;margin:auto;opacity:1;padding:10px;position:absolute;right:0;top:50px;width:410px;z-index:20;font-size:14px;padding-top:10px}
.window_content{max-height:450px;overflow-y:auto}
.window_container .headingtwo {border-bottom:1px solid #eee;cursor:default;font-size:18px;font-weight:bold;margin-bottom:20px;padding:10px 35px 10px 0;text-align:left;text-transform:uppercase}
#objectLock{background-color:white;position:absolute;z-index:3}
.numStepper{width:70px;float:left}
#imageGalleryPopupInfoContent{font-size:12px !important}
#picasa_album_selector {border: 1px solid #e1e1e1; height: 30px;margin-bottom: 10px;width: 250px;}
#clipartSubCategory { float: left;margin-right: 5px;}
#clipartsubopt, #clipartopt {height: 35px;width:150px;}

/* Operational Tag*/
.no-display {display: none!important;}
.f-left,.left{float:left !important}
.f-right,.right{float:right !important}

/*Specefic Theme CSS*/
/*shopper theme*/
.design-index-index .col1-layout .col-main {padding:0px;margin:auto;width:auto;}
img.svg_icon { vertical-align: top;}
label.label-printmethod:before {content: '»';padding-right: 5px;text-transform: uppercase;}
label.label-printmethod {display: block;border: 1px solid #ccc;padding: 4px;background: #444;text-transform: uppercase;cursor: inherit;}


/* Print Commerce Starting */

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../opensans_font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../opensans_font/OpenSans-Bold.woff') format('woff'), url('../opensans_font/OpenSans-Bold.ttf')  format('truetype'), url('../opensans_font/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('../opensans_font/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../opensans_font/OpenSans-ExtraBold.woff') format('woff'), url('../opensans_font/OpenSans-ExtraBold.ttf')  format('truetype'), url('../opensans_font/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('../opensans_font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../opensans_font/OpenSans-Light.woff') format('woff'), url('../opensans_font/OpenSans-Light.ttf')  format('truetype'), url('../opensans_font/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../opensans_font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../opensans_font/OpenSans-Regular.woff') format('woff'), url('../opensans_font/OpenSans-Regular.ttf')  format('truetype'), url('../opensans_font/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url('../opensans_font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../opensans_font/OpenSans-SemiBold.woff') format('woff'), url('../opensans_font/OpenSans-SemiBold.ttf')  format('truetype'), url('../opensans_font/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

#white{position:relative;box-shadow: 0 1px 0 #444444;/* margin-bottom: 14px; */background:none!important; display: inline-block;width: 100%;clear: both; float: left;}
#pickside-panel {
    display: inline-block;
    text-align: center;
    float: none;
}
#previousSide,#nextSide
#productSides ul li	{padding:0;word-break:break-all;text-align:center}
#previousSide,#nextSide { 
    display: none;
    clear: both;
    font-size: 22px;
    height: auto;
    padding: 0;
    text-align: center;
    width: auto;
    vertical-align: middle;
    margin: 4px 0;
}
#nextSide {position: relative; bottom: -4px;}
#pickside-panel .object-align {display: block;float: left; overflow: hidden; position: relative; max-width: 92px; width: auto !important;}
.next_previous_slide ul li .optoin-control-icons {bottom: 0;fill: #444;left: 0; margin: auto;position: absolute;right: 0;top: 0;width: 9px;}
#previousSide a,#nextSide a {display: block;color:#444!important;}
#previousSide a i,#nextSide a i{line-height:22px;}
.right-panel button {border:0;display:inline-block;font-size:13px;text-transform:capitalize;font-family:'OpenSans-SemiBold';line-height:1;position: relative;z-index: 1;}
.right-panel button.full-button{width:100%;border-radius:4px;}
.right-panel button.half-button{width:calc(50% - 10px);border-radius:4px;background:#e8e8e8;float: left;margin-right: 5px; margin-left: 5px;border: 1px solid #bbb;}
.right-panel button.half-button:hover{border: 1px solid rgba(0,0,0,0);}
.bottom-section .btn-wrapper {
	display: flex;
	flex: 1;
}
.half-btn-block {
    position: relative;
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 0 0 10px;
	margin: 0;
	flex: 2;
	/* border-left: 2px solid #dddddd; */
}
.right-panel button span{font-size:12px;display:block}
.right-panel button:hover{border:0;}
.right-panel button .spicon_class { height: 110px;position: relative;}
.right-panel button {margin-bottom:10px;}
.right-panel button.disabled{pointer-events:none;box-shadow:none;opacity:.5}
.right-panel button [class^="icon-"]{background:url("../images/tool-icons-ii.png") no-repeat 0px 0px; margin:auto;}
.right-share-panel 		{/*float: right;*/font-size: 20px;} 
.center-share-panel 		{right: 0;left: 0;margin: auto;position: absolute;width: 21px;}
.left-share-panel {float: left;position:relative} 
.bottom-share-panel ul li{float:left;padding:0;width:24px;word-break:break-all;text-align:center}
.right-share-panel .button-area #addproduct .icon-1{background:url("../images/d_prosetting.png") no-repeat 0 0;width:36px;height:36px;display:block;margin:auto}
.right-share-panel .button-area #addproduct {border:0;background:0;}
.right-share-panel ul li {float: left;font-size: 14px;padding: 0; text-align: center;word-break: break-all;position: relative; margin-bottom: 4px;}
.right-share-panel ul li button, .right-share-panel ul li #import_svg_btn .btn.btn-larges {border:none;background:none; font-size:12px; vertical-align:top;}
.center-share-panel #zoomButton {background:none;border:none;}
#zoom_panel{margin-top:5px}
#zoomOptions li { border: 1px solid #ccc;float: none; font-size: 10px;margin: 0 0 -1px; padding: 4px; text-align: center; width: 95px;line-height: 10px;}
#zoomOptions{background:none repeat scroll 0 0 #fff;position:absolute;top:100%;z-index:2;max-width: 95px;margin-top: 5px;left: 50%;margin-left: -47.5px;}
/**/
#layer-panel{ z-index: 21; padding-top: 0;}
.layer-navigation-panel { width: 300px !important;margin-bottom: 10px;position: absolute;top: 120px;left: 260px;}
.layer-navigation-panel .layer-caption-section .caption {line-height:40px; font-family:"OpenSans-Regular",Karla;text-indent: 10px;font-size:12px;text-transform: uppercase;}
.layer-navigation-panel .layer-caption-section .caption i {height: 40px;width: 40px;float: right;position: relative;}
.layer-navigation-panel .layer-caption-section .optoin-control-icons{fill: #fff;margin: auto;position: absolute;bottom: 0;left: 0; right: 0;top: 0;width: 20px;}
.layer-object label {background:none;border: none;box-shadow: none;display: inline-block;position: relative;padding-left: 0;font-size: 13px;line-height: 1}
.visibility {margin-top: 0}
.layer-object {display:table;width: 100%;}
.layer_row:hover {background: #f2f2f2}
.layer_row .up-down .delete_layer:hover {color:#f00}
.layer_row {border: 1px solid #e1e1e1; border-top: 0; height:50px;position:relative;width:100%;font:Normal 12px/12px "OpenSans-Regular";display: table;}
.layer_row .leftObj {width:30px;position: relative;}
.layer_row .rightObj {width:183px;padding-left: 4px;
    box-sizing: border-box;}
.layer_row .for-check{width:25px; text-indent:11px;}
.layer_row .for-check input{vertical-align:middle;}
.layer_row .rightObj, .layer_row .leftObj, .layer_row .for-check{display: table-cell;vertical-align: middle;}
.layer_row .leftObj svg { /*height: 25px; margin: auto; position: absolute;left:0px; right: 0; top:13px;bottom: 0;width: 25px;*/box-shadow: 0 1px 2px #cccccc; overflow:hidden;}
.layer_row .titleName {width: 87px;line-height: 20px;font-size: 12px;-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;pointer-events: none;float: none;white-space: nowrap;}
.layer_row .rightObj 
.layer_row .rightObj .up-down{display: table-cell;vertical-align: middle}
.layer_row .rightObj .titleName{
    float: left;
    display: inline-block;
	margin: 7px 0;
	width: calc(100% - 94px);
	padding-right: 5px;
	text-align: center;
}
.layer_row .rightObj .up-down {font-size: 18px;display: table-cell;vertical-align: middle;}
.layer_row .delete_layer { position: relative;}
.layer_row .security label {padding: 0;/*width: 20px*/}
.layer_row .visibility label:before {/*display: inline-block;width: 36px;height: 40px;margin-right: 10px;position: absolute;left: 0;top:0px;border-right: #b6e2f4;*/ content: "\f06e";}
.layer_row label:before {border-radius: 0}
.layer_row .visibility input[type=checkbox]:checked+label:before {line-height: 15px;box-shadow: none;content: "\f070";}
.layer_row .security label:before {content: "\f09c"; /*display: inline-block;width: 25px;height: 25px;margin-right: 10px;position: absolute;left: 0;bottombottom: 1px;left: 3px;*/line-height: 1;}
.layer_row .security input[type=checkbox]:checked+label:before {content: "\f023";line-height: 25px;box-shadow: none}
/*.layer_row .security {padding-right: 3px;}*/
.layer_row .security, .visibility {display: table-cell;position: relative;padding-top: 0px;height: 30px;vertical-align: middle;}
.visibility{
	width: 25px;
}
.layer_row .security{
	width: 25px;
    text-align: center;
    vertical-align: middle;
}
.layer_row .moveUp {font-size: 24px; cursor: move;}
.layer_row .view{font-size:17px;}
.layer_row .lock{font-size:17px;}
.layer-object input[type="checkbox"] {display: none;}
.layer_row .visibility label:before,
.layer_row .visibility input[type=checkbox]:checked+label:before,
.layer_row .security input[type=checkbox]:before,
.layer_row .security label:before {display: inline-block;font-family: FontAwesome;font-feature-settings: normal;font-kerning: auto;font-language-override: normal;font-size: inherit;font-size-adjust: none;font-stretch: normal;font-style: normal;font-synthesis: weight style;font-variant: normal;font-weight: normal;font-size:20px;line-height: 1;text-rendering: auto;
-webkit-transform: translate(0px, 0px);
  -moz-transform:    translate(0px, 0px);
  -ms-transform:     translate(0px, 0px);
  -o-transform:      translate(0px, 0px);
 transform: translate(0px, 0px);
}

.layer_row .rightObj .up-down .delete_layer,
.layer_row .view,
.layer_row .lock
{display: table-cell; width: 21px; margin:0 3px; text-align: center;}
.layer_row .rightObj .up-down .moveUp{
	text-align: center;width: 20px;display: table-cell;
}
.for-check > input[type="checkbox"] {display: block; height: 15px; width: 15px;margin: 0 auto;}
.layer_row .moveUp i.fa.fa-arrows {font-size: 15px;}
.layer_row .fa.fa-caret-up { bottom: 16px;height: 9px;line-height: 1px;margin-bottom: 8px;position: absolute;}
.layer_row .fa.fa-caret-down { position: absolute; height: 9px;top: 16px; line-height: 1px; margin-top: 12px;}
.layer_row .fa.fa-caret-up:hover,
.layer_row .fa.fa-caret-down:hover {opacity:0.6}
.layer-heading {background: #0d9ed9;height: 39px;font-family: "OpenSans-Regular",Karla;font-size: 18px;font-weight: 300;width:240px;display: table-cell;}
.layer-heading .layers-sign {float: left;margin: 7px 10px 7px 8px}
.layer-heading i {display: block;float: left;font-style: normal;font-size: 16px;margin-top: 10px}
.layer-control {overflow: hidden;padding: 6px}
.layer-control button:hover {opacity: .8}
.layer-control .left-button-section {float: left}
.layer-control .right-button-section {float: right}

/**/
.priceTag {display: table;padding: 0 0 0 15px;text-align: center; position:absolute;right:0px;bottom:0px;z-index:9}
.priceTag .rate {font:14px/22px "OpenSans-Regular";display: table-cell;vertical-align: middle;padding-right: 15px;vertical-align: middle;z-index:10}
.priceTag #addtocart_btn, .priceTag #products-settings {border:none;height: 43px;padding: 0 10px;}

#info {font: Normal 12px/43px 'OpenSans-Regular'; text-transform: uppercase;border:none;padding:0 10px;}
#info:hover::before {background-color: #3f51b5; opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
  -moz-transform:    rotate3d(0, 0, 1, 0deg);
  -ms-transform:     rotate3d(0, 0, 1, 0deg);
  -o-transform:      rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
#info .crt .optoin-control-icons {margin-top:10px!important;}
#info .crt .optoin-control-icons, .priceTag #products-settings .optoin-control-icons{fill: #ffffff; width:20px; height:20px; width: 20px; margin:5px 5px 0 0;}
#info .crt, .priceTag .crt{display:inline-block; vertical-align:top;}
#cart_next{display:inline-block; vertical-align:top;text-transform: uppercase; padding:8px 0 0;}
#info .crt > i, .priceTag .crt > i {display: table-cell;height: 30px;position: relative;width: 30px;}
#info .crt > span, .priceTag .crt > span {display: table-cell;height: 22px;line-height: 22px; vertical-align: middle; font-family: "OpenSans-Regular",Karla;text-shadow: 1px 1px 1px #1886a8;font-size: 10px;}
#info .crt > span{height: 42px;line-height: 42px;text-shadow:none;} 
 
section.product-area{left:231px;margin:auto;position:absolute;right:0px;bottom:77px;top: 0;padding-left: 10px;}
.productname-box {
    display: none !important;
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 0px;
    padding-right: 78px;
    margin-bottom: 10px;
}
#productName {color: #534f4f;font-family: "OpenSans-Regular",Karla;font-size: 16px;/*left: 41%;margin-left: 0; margin-top: 0;position: absolute;*/text-align: center;text-transform: uppercase;width:auto;display: inline-block;vertical-align: middle;}
.productname-box #productinfo {
    display: inline-block;
    background: none;
    border: none;
    font-size: 21px;
    vertical-align: middle;
    margin-left: 7px;
}
.pickcolor-list{padding:0;width:398px;margin:auto}
#pickcolor-panel .pickcolor-list li:first-child {
    margin-top: 6px;
}
.pickcolor-list li {
	display: block;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 7px;
	clear: both;
	border: 1px solid;
	border-radius: 50%;
	text-align: center;
	width: 55px;
	height: 55px;
}
.pickcolor-list li image{    
	margin-left: 0;
    margin-top: 0;
	width: 40px;
    height: 42px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
}
.pickcolor-list li:hover{opacity:.9}

/*Upload Panel*/
.upload-buttons {}
.social-media-import-section {border: 1px solid;padding-left: 10px;padding-top: 10px; width: 302px;position: absolute;border-bottom:1px solid #fff !important;z-index:1}
.uploadimage-btn-gallery button div{background:url(../images/upload_img_gallery.png) no-repeat;line-height:36px}
.uploadimage-btn-gallery button {border:0;width:190px;background:transparent;}
.uploadimage-btn button.disable_img{cursor:none;opacity:.5}
.uploadimage-btn button {border:0;float:left;background:transparent;margin-right:10px}
.uploadimage-btn button div{background:url("../images/upload-option.png") no-repeat;line-height:36px;height:36px;width:36px}
#uploadImageInstructionCaption {position:absolute; top:5px; left:361px; }
.sc-media-uploadbtn {
	text-align: center;
}
.import_galleryBtn	{background:url('../images/upload-option.png') no-repeat -227px 0px;}
.import_flickr		{background:url('../images/upload-option.png') no-repeat -45px 0px;}
.import_picasa		{background:url("../images/upload-option.png") no-repeat scroll -91px 0;}
.import_instagram	{background:url("../images/upload-option.png") no-repeat scroll -138px 0;}
.add_Qrcode			{background:url("../images/upload-option.png") no-repeat scroll -182px 0;}

.uploadHdButton  {border:none;font-size:9px;padding:5px 3px; font-family: 'OpenSans-Regular',Arial,sans-serif,Karla;float:left; width:calc(100% - 6px); height:29px;display:none;position: absolute !important;top: 64px;left:3px;display:block;}
.uploadCheckFalse { background: url("../images/hd_right_uncheck.png") no-repeat scroll 0 0;}
.uploadHdButton  div.uploadCheck {float: left;height: 17px;width: 16px;margin-right: 1px;background: url("../images/hd_right_uncheck.png") no-repeat 0 2px;}
.uploadHdButton  div.uploadCheckTrue { background: url("../images/hd_right.png") no-repeat scroll 0 0;}
.uploadhd span.caption {display: inline-block;font-size: 10px;letter-spacing: 0; line-height: 20px;text-align: left;}
.imageholder {height: 92px;width: 100%;overflow: hidden;}
#image_upload_frm{border:0;margin:0;padding:0;overflow:hidden}
#go_back {border:7px solid #efefef;-webkit-border-radius:3px;border-radius:3px;-webkit-border-radius:5px;border-radius:5px;background:url(../images/button_bg.png) repeat-x;line-height:35px}
#fb_go,#picasa_go,#instagram_go,#flicker_go {height:37px;padding: 0 10px;border:none;}

/* Flicker and Picasa block*/
.flickr_symbol {background: url("../images/flickr_icon.png") no-repeat; height: 30px; width: 100px;}
.picasa_symbol {background: url("../images/picasa_icon.png") no-repeat; height: 30px; width: 103px;}
.upload-instruction-pf {font-size: 10px;letter-spacing: 0;margin-bottom: 10px;}
.gallery-images {margin-top:10px;}
.uploader-path {border-bottom: 1px solid #e1e1e1;  padding-bottom: 10px; color:#0064DD}
.fb_holder,.picasa_holder,.instagram_holder,.flickr_holder{
	    max-height: 328px;
    margin: 10px 0;
    font-size: 13px;
    letter-spacing: 0;
    overflow-y: auto;
    min-height: 227px;
}	
.fb_holder .photo,.picasa_holder .photo,.instagram_holder .photo,.flickr_holder .photo{
	float: none;
    height: 100px;
    overflow: hidden;
    display: table-cell;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.fb_holder  ul li,.picasa_holder  ul li,.instagram_holder ul li,.flickr_holder li.image-wrapper{
	display: inline-block;
    padding: 0 5px 10px 5px;
}
.fb_holder .photo img,.picasa_holder .photo img,.instagram_holder .photo img,.flickr_holder .photo img {float:left;height:auto;width:100px}
.selected-page, .picasa_holder a{ padding: 3px 10px; box-shadow: 1px 1px 2px 2px #efefef;}
.uploadimage-area {position: absolute; z-index: 7;width: 100%;overflow-y:auto;height:285px;padding: 5px;}
.image-storage-block {width: 100%;height:290px;margin-top: 57px;position: relative;border: 1px solid;}
#qr_cpclose, #flicker_import, #fb_window_container input[type="text"], #picasa_window_container input[type="text"], #instagram_window_container input[type="text"], 
#flickr_window_container input[type="text"] {
	border: 1px solid;
}
#flickerresult {width:100%; height: 100%;}
#gallery_warn_msg {color: #ff0000; /*height: 40px;*/width: 60%;/*left: 0;right: 0;top: 110px;*/letter-spacing: 0;margin: auto;/*position: absolute;*/text-align: center; text-transform: uppercase;}

#uploadImgBtn { position: absolute;left:23px;}
/*#galleryBtn i,
#uploadImgBtn i { font-size: 16px; margin-right: 10px; line-height: 12px;}*/
#flickerresult li {width:calc((100% / 3) - 6px);height:130px;display:inline-block;overflow:hidden;position:relative;vertical-align: top;border:1px solid;margin:3px;padding:3px 3px 20px;text-align:center;}
#flickerresult li:hover {box-shadow: 1px 0px 5px #d4d4d4;}
#flickerresult li img{
	height: auto !important;
	width: auto !important;
	max-height: 100%;
	max-width: 100%;
	margin: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 5px;
}
#flickerresult li img:hover{}
#flickerresult li .imageclass {display: block; height: 10px;overflow: hidden;vertical-align: top;}
#gallery_warn_msg i {font-size:28px;}

/* Import SVG For ADMIN */
#editor-container {    height: 399px; overflow:auto; border: 1px solid #DDD; margin: 5px 0;}
/*#import_svg_btn { display: inline-block; margin: 0 5px 0 0;}*/
input#import_svg[type="file"] { display: none; height: 0; visibility: hidden;width: 0;}
#import_svg_btn .btn.btn-large {background: url("../images/import.png") no-repeat; border-radius: 0; box-shadow: none; color: #337fc2; display: block;font-size: 9px; height: 36px;padding-top: 38px;text-transform: uppercase;width: 37px;}

/* Edit Tool Panel */
.edit-tool-panel		{ }
.edit-tool-panel 		{ position: absolute; right:0px; top: 40px;z-index: 2;}
.edit-tool-panel > ul 	{ width: 66px; }
.edit-tool-panel li 		{float: left; height: 32px;width: 32px; position: relative;}
.edit-tool-panel button 	{ display: inline-block; height: 33px; width: 33px;position:relative;}
.edit-tool-panel button svg { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 17px;}

/* Global Pop-up Windows*/
.global-pop-windows				{display:none;font-family: "OpenSans-Regular",Karla;}
.global-pop-windows-overlay		{position:absolute;top:0;right:0;left:0;bottom:0;opacity:.6;z-index:20}
.global-pop-windows-container	{position:absolute;top:50px;left:0;right:0;top:10%;margin:auto;padding:5px 20px 20px;opacity:1.0;box-shadow: 0px 1px 5px 0 #aaa;z-index:21}
.global-max-width				{width:700px;}
.product-info-width 			{width:700px}
.checkout-box-width				{width:930px;overflow: hidden;padding: 0; top: 50%; transform: translateY(-50%);}
.change-product-container,
.image-windows-container,
.product-setting-container		{width:600px;max-height: 500px;}
.text-popup-width				{max-height: 500px;}
.textcontrol-popup-width		{width:600px;max-height: 500px;}
.namenumber-popup-width { max-height: 500px; overflow: hidden;}
.clipart-container {/* max-height: 470px; min-height: 470px; */ height: 100%;}
.clipart-container .panel-body, #images-upload .panel-body {height: calc(100% - 43px); padding-bottom: 0;}
.photobox-container 		{width:285px;}
.picasa_window_container,
.flickr_window_container		{box-shadow: none;max-height: 500px;padding: 0;width: 610px;}
.global-pop-windows-container .gpw-heading-container {position:relative; overflow: hidden;position: relative;margin-bottom:15px;}
.global-pop-windows-container .heading { font: 18px/25px "OpenSans-Regular"; text-transform: uppercase; display: block;background:none;margin-bottom: 10px;background:none!important}
.global-pop-windows-container  .disable { cursor: none;opacity: 0.5; pointer-events: none;}

#instagram_window_container .heading,
.picasa_window_container .heading,
.flickr_window_container .heading { font: 11px/14px "OpenSans-Regular"; text-transform: uppercase; display: block;background:none;margin-bottom: 10px;letter-spacing:0px;}

.closebar_button { position: absolute; text-transform: uppercase; top: 5px; right: 20px;}
.closebar_button button		{ border: 1px solid; border-radius: 30px;  box-shadow: none; float: right; font-family: "Arial"; font-size: 16px; line-height: 17px; padding: 5px 7px;background:none!important;}
.image-upload-panel 			{ font-size:13px;}
.upload-instruction ul li 		{ font-size: 12px;line-height: 20px; }
.image-upload-panel .image-upload-panel b { display: block; font-size: 12px; margin-bottom: 10px; text-transform: uppercase;}
.upload-images 				{ padding:5px;display:block; }

#svg_save_design_window .save_design_window_container	{width:440px}
#svg_save_design_window .save-design {text-align:center;}
#svg_save_design_window .save-design .save_design_title {margin-bottom: 10px}
#svg_save_design_window .save-design .semi-title {font-size: 14px;}
#svg_save_design_window .save-design-area {text-align: left; margin: 15px;}
#design_name {
    height: 35px;
    margin: 5px 0;
    width: 100%;
    border-radius: 4px;
}
#svg_save_design_window .save_design_window_container .panel-footer a { display: block; margin-top: 10px; font-size: 14px;}

/* Chnage Product Template	*/
#navaart .panel-header #art-back-btn {
	cursor: pointer;
	font-size: 40px !important;
	line-height: 22px !important;
	width: 25px;
	overflow: hidden;
}
#navaart .add-art-panel .clipartcategory {height: 100%;}
.add-art-panel .clipartcategory {float: left; width: 100%;}
.add-art-panel .input-group {
	text-align: center;
}
.add-art-panel .input-group input {
	width: calc(100% - 98px);
	float: left;
	border-right: 0 !important;
	border-radius: 4px 0 0 4px;
	padding-right: 20px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.add-art-panel .clipart-close-btn {
	position: absolute;
	right: 105px;
	background: none !important;
	padding: 0;
	top: 8px;
	margin-bottom: 0;
	font-size: 14px;
}
.add-art-panel .input-group button.clipart-search-btn {
	border-radius: 0 5px 5px 0;
	padding: 7px 15px;
	line-height: 16px;
}
.add-art-panel .input-group button.clipart-search-btn .icon {
	margin-right: 10px;
	font-size: 16px;
	float: left;
}
.change-product-container #producttree {
	float: left; 
	border-top: none;
	width: 100%;
}
.add-art-product {float:right;width:100%;height: calc(100% - 92px); margin-bottom: 10px;}
#navadesign .add-art-product {height: calc(100% - 17px);}
.change-product-container #productresult {float:right;width:100%;height:364px;}
.window-sbtitle,
.change-product-container #prodCat_label,
.subcategoryheading {font-size: 11px;line-height: 35px;text-align: center;text-transform: uppercase;border: 1px solid;}
.window-sbtitle, .change-product-container #prodCat_label{
	text-align: center;
}
.window-sbtitle{clear: both;}
.occupied-shape, .caption-tabs {display: inline-block;padding-right: 0; padding-top: 3px;vertical-align: top;}
.caption-tabs {width: 100%;}
#product-content {
   margin-bottom: 10px;
    padding-bottom: 2px;
    padding-top: 3px;
}
#rgbTabCaption, #cmykTabCaption {padding: 9px 10px;display: inline-block;border: 1px solid #ccc;margin-right: -3px;margin-bottom: 2px; width: 50%;}
.caption-section-color-method .caption-tabs.active, #rgbTabCaption:hover,#cmykTabCaption:hover	{background:#ccc; border:1px solid;box-shadow:-1px -1px 2px #ABABAB inset;text-shadow: 1px 1px 1px #fff;}

#printQualityCaption,#imageEffectCaptoin {font-size: 14px;height: auto;line-height:1;padding: 0;text-transform: capitalize;}
.button_tabular {
	margin-bottom: 11px;
    width: calc(33.33% - 7px);
    float: left;
    margin-right: 10px;
}
.button_tabular:last-child {
    margin-right: 0;
}
.button_tabular.button-default{
	padding-left: 5px;
	padding-right:5px;
	font-size: 13px
}
.button_tabular:hover{background:#E6E6E6}
.button_tabular.active {background:#E5E5E5}
/*#designartcontainer {height:250px;}*/
#designartPriceCon {float: right;    margin-top: 5px;}
#designartPriceCon > label {border: 1px solid #cccccc;float: left; font-size: 16px;margin-right: 5px; padding: 6px 10px;}
#clipartscroller, #designartscroller {height: 100%;}
#designartcontainer {
    font-size: 11px;
    text-align: center;
}
#designartcontainer {padding: 0 10px;}
#productconatiner { padding:10px 10px 10px;}
#designartcontainer li a { display: block;padding-top: 10px;vertical-align: middle;}
#designartcontainer li a img,
#clipartcontainer li a img { bottom: 0;left: 0;right: 0;top: 0;position: absolute;margin: auto;}
#clipartcontainer li a img{
	width: 80%;
}
#designartcontainer li a img{
	width: auto;
     height: auto; 
     max-width: calc(100% - 2px);
     max-height: calc(100% - 2px);
}
#clipartcontainer li a img{
	height: auto;
	max-height: 90px;
}
#designartcontainer > li label,
#clipartcontainer li label {bottom: -20px;left: 0;right: 0;position: absolute;text-align: center;font-size: 12px;font-family: 'OpenSans-SemiBold',Karla;/*display:none;*/}
#designartcontainer > li {height: 90px !important;}
#designartcontainer > li, #productconatiner > li, #relatedProductconatiner > li { 
margin:0 5px 25px 0;vertical-align: top;border: 1px solid #f7f7f7;position:relative;box-shadow: 1px 2px 2px #cccccc;float:left}
#relatedProductconatiner > li {margin-bottom: 20px;}
#clipartcontainer > li {margin: 0 8px 0 0; width: calc(50% - 5px); padding: 0; border: none;box-shadow: none;}
#clipartcontainer > li:nth-child(2n) {
   margin-right: 0;
}
#designartcontainer > li{
	height: 150px; width: calc(25% - 5px);
}
#productconatiner > li, #relatedProductconatiner > li {width: calc(33.33% - 4px);height: 135px;}
#productconatiner > li:nth-child(3n), #relatedProductconatiner > li:nth-child(3n) {margin-right: 0;}
#productconatiner > li a, #relatedProductconatiner > li a {min-height:150px}
#productconatiner > li span, #relatedProductconatiner > li span {background:#f7f7f7;bottom: 0;color: #444444;display: block;font-size: 9px;margin-top: 5px;padding: 6px;position: absolute;text-align: center; text-transform: uppercase;width: 100%;min-height:30px; word-wrap:break-word;}
#productconatiner > li a img, #relatedProductconatiner > li a img {margin: auto;display:block;padding-top: 10px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
#productconatiner > li:hover a img, #relatedProductconatiner > li:hover a img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

/* End Chnage Product Template	*/

#addtocartmessage div.clr{font-size:12px;text-align:left;position:relative; margin: 8px 0;}
#addtocartmessage div.borderTop {border-top: 1px solid #444; font-size: 14px; margin: 0; padding: 5px 0 0;}
#addtocartmessage div.borderBottom {border-bottom: 3px solid #444444; font-size: 14px; margin: 10px 0; padding: 10px 0;}
#addtocartmessage div.clr ul {left: 179px;position: absolute;top: 0;width: 210px; height:100px; overflow:auto;}
#addtocartmessage div.clr label.label {border-radius:0;font-size:12px;line-height:19px;margin-right:5px;padding:2px;text-shadow:none;display:inline-block;width:175px; vertical-align:top;}
#addtocartmessage div.clr ul li{margin-right:5px;display: block;}
#addtocartmessage div.clr ul li div{display:inline-block; margin:0 -1px -1px 0; border:1px solid #ccc; padding:4px;}
#addtocartmessage div.clr ul li div.size_name{width:75px;}
#addtocartmessage div.clr ul li div.size_price{width:80px;}
#addtocartmessage div.clr ul li div.size_number{width:30px; text-align:center;}
#addtocartmessage{color:#6f6f6f;font-size:16px}
#layer-panel .input-area {height: 100%;}
.mangalyaan{height: 100%; }
#productmap {width: 100%;}
.tools_left_label { background: #666666;float: right;font-size: 11px;height: 35px;margin-right: 10px; padding: 7px;text-transform: uppercase;text-shadow: 2px 1px 1px #444444;line-height: 22px;}
.scroll-area-chooseart:after, #clipartcontainer:after,#designartcontainer:after, #tools_left:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;overflow:hidden}
.inside_caption { display: block; font-size: 10px;}

/*font panel*/
.border-size {position:relative;width:110px;height:34px;padding:3px;margin:0 5px 0 0;outline:0;font-weight:normal;border:1px solid}
.border-size:after{content: "\f105";width:0;height:0;position:absolute;right:16px;top:0%;font-family: fontawesome;font-size: 20px;}
.border-size .dropdown {position:absolute;top:100%;left:0;right:0;overflow-y:scroll;height:146px;list-style:none;font-weight:normal;display:none;pointer-events:none;z-index:99999;border:1px solid}
.border-size .dropdown li a {display:block;text-decoration:none;padding:5px;font-size:22px;}
.border-size .dropdown li:hover a{background:#f3f8f8}
.border-size.active .dropdown{display:block;pointer-events:auto}
.border-size.active:after{content: "\f107";font-family: fontawesome;}
.border-size.active {border:1px solid}
#fill_color, #stroke_color {height: 33px;overflow: hidden;width: 33px;padding: 2px; z-index: 1;}
.multiColorBlock .color_tool > .color_block,
.color_tool > .color_block[id^="fill_color"] {
    padding: 2px;
}
#tool_underline,#tool_bold,#tool_italic{border:1px solid #ccc;font-size:11px; line-height:27px;padding-left:2px;position:relative;text-align:center;margin-right: -1px;}
#tool_underline i,#tool_bold i,#tool_italic i {line-height:34px;}
#selectedFont {
	white-space:pre;
	width: auto;
	display:block;
	overflow:hidden;
	line-height: 24px;
}
.toolset_fontfamily .nameFontList {
    font-size: 18px;
}
.wrapper-dropdown-1 {position:relative;width:110px;height:35px;padding:3px;margin:0 0 0 0;outline:0;font-weight:normal;border:1px solid;}
.wrapper-dropdown-1:after, #name_num_setting #fill_nameText:after,
.wrapper-dropdown-1 .singleColor #fill_color:after, 
.wrapper-dropdown-1 #borderalignment span:after,
#image_color_container .color_parent_box:last-child .color_block_parent .color_block:after {
	content: "\f105";width:0;height:0;position:absolute;right:15px;top:6px;font-family: fontawesome;font-size: 18px; line-height: 23px; cursor: pointer;
}
.wrapper-dropdown-1 .singleColor, .wrapper-dropdown-1 .singleColor #fill_color, #image_color_container .color_block_parent, #name_num_setting #fill_nameText {
	overflow: visible;
}
#image_color_container .color_parent_box:last-child .color_block_parent .color_block:after, #name_num_setting #fill_nameText:after {
	right: -7px;
	z-index: 1;	
}
.wrapper-dropdown-1 .singleColor #fill_color:after, .wrapper-dropdown-1 #borderalignment span:after {
	right: -6px;
}
.wrapper-dropdown-1 #borderalignment span:after {
	top: 6px;
}
.imageftbtn {border:0;font-size:12px;margin:auto;vertical-align: top;padding:5px 10px;}
.text-size-block{width:255px;margin:0 -7px;position:relative;top:117px;left:49px}
.size-bold-italic{float:left;font-size: 11px;}
.size-bold-italic .tool_button {width: 30px;height:35px;}
.size-bold-italic #text_size_box .fa {font-size: 14px;line-height: 27px;}

.textFontSizePanel #textFontSize.active {box-shadow: 0 1px 13px #c5c5c5 inset!important;}
.textFontSizePanel #textFontSize, #nameFontSize, #numberFontSize, .object_height #objectHeightValue, .object_width #objectWidthValue { 
	height:35px;
	width:35px;
	padding:2px 0;
	float:left;
	font-size:12px;
	margin: 0;
}
.textFontSizePanel .text-FontSize {box-shadow: 0 1px 13px #c5c5c5 inset;font-size: 14px;padding-top: 2px;position: absolute;text-align: center;z-index: 9;right: 130px;left: 196px;top: 35px;width: 230; height:30px; }
#fontsize_con.shape_con .tool_button {margin-bottom:5px;margin-right: 5px;width:31px; height:31px; padding-right: 0;}

.textlinespacepanel {position:relative;float: left;}
.textlinespacepanel #textLineSpace.active {box-shadow: 0 1px 13px #c5c5c5 inset!important;}
.textlinespacepanel #textLineSpace {height:35px;width:35px;padding:2px;float:left;font-size: 14px;margin:0 5px 0 0;}
.textlinespacepanel .text-lineSpace {box-shadow: 0 1px 13px #c5c5c5 inset;font-size: 14px;padding-top: 2px;position: absolute;text-align: center;z-index: 9;/*right: 130px;left: 196px;*/top: 35px;width: 230; height:30px; padding-right: 10px; right:5px;left:0;}
/* Align buttons*/
.optcols3 .text-align .tool_button, .optcols3 .push_button, .optcols3 .tool_button_current, .optcols3 .push_button_pressed {border:none;margin:0px!important;padding:0px;}
.textalignmentpanel #tool_posleft,#tool_poscenter,#tool_posright,#tool_postop,#tool_posmiddle,#tool_posbottom{margin:0 5px}
.textalignmentpanel #textalignment.active {box-shadow: 0 1px 13px #c5c5c5 inset!important;}
.textalignmentpanel #textalignment {height:35px;width:35px;padding:2px;float:left;font-size: 14px;margin:0 5px;}
.textalignmentpanel .text-align .tool_button:last-child,
.textalignmentpanel .text-align .push_button_pressed:last-child {margin:0px !important;}
.textalignmentpanel .tool_button, .push_button, .tool_button_current, .push_button_pressed {line-height: 32px;}
.textalignmentpanel .tool_button i, .push_button i, .tool_button_current i, .push_button_pressed  i{line-height: 25px;}

#text_size_box .textalignmentpanel .tool_button i, 
#text_size_box .push_button i, 
#text_size_box .tool_button_current i, 
#text_size_box .push_button_pressed  i{line-height: 34px;}

#common-panel #text_size_box {width: 100%;}
.textalignmentpanel .text-align {
	font-size: 20px;
	display: flex;
	justify-content: flex-end;
}
.text-align #text_align_left {}
.textshapediv {margin:10px 0;}
.align_icons {z-index:1;clear: both;position:relative;}
.align_icons #relativeToLabel {background:#6c6c6c;float:left;margin-top:6px;padding:7px;text-transform:uppercase;font-size:10px;line-height: 20px;}
.align_icons #align_relative_to{border:1px solid #d3d3d3;border-radius:0;float:left;font-size:10px;height:34px;margin:6px 0 10px 0;text-transform:uppercase;width:146px;padding:0 3px}
 #relativeToLabel {background:#6c6c6c;float:left;margin-top:6px;padding:7px;text-transform:uppercase;font-size:10px;line-height: 20px;}
 #align_relative_to{border:1px solid #d3d3d3;border-radius:0;float:left;font-size:10px;height:34px;margin:6px 0 10px 0;text-transform:uppercase;width:146px;padding:0 3px}

.copypaste{position: absolute; right: 10px; top: 10px;}
.copypaste button {height: 27px !important; background:none;border:none;}
.borderalignmentpanel #borderalignment { 
    height: 33px;
    width: 33px;
    font-size: 14px;
    margin: 0;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 1px 1px 3px #cccccc;
	padding: 2px;
}
.borderalignmentpanel #borderalignment:after {content: "\f105";font-family: fontawesome;font-size: 20px;height: 0;line-height: 30px;position: absolute;right: 13px;top: 0;width: 0;}
.borderalignmentpanel {float:left;margin-left:0;}
.borderalignmentpanel #borderalignment.active:after {content: "\f107";right: 16px;}
.borderalignmentpanel .border-symbol {display: inline-block; font-size: 24px;height: 35px;line-height: 35px; margin-right:5px; padding-right:5px;vertical-align: bottom;}
.border-align-panel {
    box-shadow: inset 0px 0 10px -2px #aaaaaa;
    z-index: 4;
    left: 0;
    position: absolute;
    /* top: -264px; */
    width: 400px !important;
    min-height: 264px;
    top: 0;
    margin-left: 0px;
    bottom: 0; 
}
div#no_color_warning {
    position: absolute;
    left: 12px;
    z-index: 8;
    font-size: 12px;
}
.border-align-panel #bordercontrolls { border-top: 1px solid; margin-right: 0; padding: 10px; vertical-align: top; width: 100%;}
#bordercontrolls .inside_caption {
	font-size: 14px;
	font-family: 'OpenSans-Regular',Arial,Calibri,sans-serif,Karla;
	font-weight: 300;
	display: inline-block;
	line-height: 30px;
	margin-bottom: 0;
}
.border-size-section {
	position: relative;
}
.border_style {
	padding: 5px 0 15px;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 10px;
}
#bordercontrolls .border_style ul {
	float: right;
}
.border-align-panel .border_size_option .tool_button {margin-bottom: 0;margin-right: 5px;width:30px !important; height:30px !important; font-family: 'OpenSans-SemiBold',Arial,sans-serif;}
.border-align-panel .border_size_option ul li:last-child .tool_button { margin-right: 0; }
.border-size-section #borderSizeSlider {
	width: calc(100% - 175px);
	display: inline-block;
	top: 14px;
	margin: 0 15px;
	height: 4px;
	border: none;
	background: #ababab;
}
.border-align-panel #mainSimpleColCon { position:relative;}
.border-align-panel #mainSimpleColCon .border_colorpicker {padding:10px; padding-left: 30px;}
.border-align-panel .inside_caption {margin-bottom:10px;}
.border-align-panel .border_style > ul li { float:left}
.border-align-panel .border_style input {float: left;}
.border-align-panel #cpclose {border: 1px solid; border-radius: 17px;padding: 3px; position: absolute; right: -7px; top: -9px;width: 20px;height: 20px;z-index: 9;}
.wrapper-dropdown-2 .border_size_option { border-right: 1px solid; margin-right: 10px; padding: 10px 0 10px 9px; vertical-align: top; width: 117px; float:left;min-height: 228px;}
.wrapper-dropdown-2 .border_size_option .tool_button {margin-bottom:5px;width:46px; height:30px;}
.wrapper-dropdown-2 .border_colorpicker { display: none;padding:10px; padding-left:0px;position:relative;float: left;}
.wrapper-dropdown-2 .inside_caption {margin-bottom:10px;}
.wrapper-dropdown-2 .border_style > ul li { float:left}
.wrapper-dropdown-2 .border_style input {float: left;}
.wrapper-dropdown-2 #cpclose {border: 1px solid; border-radius: 17px;padding: 3px; position: absolute; right: -7px; top: -9px;width: 20px;height: 20px;z-index: 9;}
.wrapper-dropdown-2 #cpclose i{font-size:11px;}


.group_ungroup {border-top: 1px solid;margin-bottom: 10px;padding-top: 10px;margin-top: 50px;background:none;}
.group_ungroup button{text-transform:uppercase;font-size:10px;height:33px;border:none;box-shadow: none;background:none;}
.group_ungroup > button i {float: left;line-height: 30px;margin-right: 10px;font-style: normal;}
.font-size {margin:0 5px; position:relative;}
/* .curve-division {float: left;} */
#name_num_setting .curve-division {margin-top: 5px; float: right;}
#fill_nameText, #fill_numberText {
    padding: 3px;
}
#fontsize_con.shape_con {border: 1px solid #e1e1e1;box-shadow: 0 0 5px 1px #aaaaaa; position:absolute; left:0; right:0; top:0; display:none;cursor:move; padding:0 0 10px 10px; width:400px;z-index: 1;}
#fontsize_con .panel-header{
    margin-left: -10px;
}
#textShapeDD .shape_con, #textNameShapeDD .shape_con, #textNumberShapeDD .shape_con {
	border: 1px solid #e1e1e1;
	box-shadow: 0 0 5px 1px #aaaaaa; 
	position:absolute; 
	/*left:0; right:0; top:-158px;*/ 
	display:none;
	cursor:move;
    right: auto;
    z-index: 2;
    height: 248px;
	text-align: left;
}
#textShapeDD .shape_con{
	left: 0;
	top: 0;
    width: 100%;
    height: auto;
}
#textNameShapeDD .shape_con, #textNumberShapeDD .shape_con {
	right: -9px;
	width: 396px;
	top: 38px;
    height: auto;
}
.wrapper-dropdown-2 {width:90px;height: 35px;padding:2px 0;margin:0 auto;outline:0;font-weight:normal;border:1px solid;}
#textNameShapeDD, #textNumberShapeDD {
   position: relative;
   float: right;
   border-width: 2px;
}
.wrapper-dropdown-2 .namenumberShapeSelected:after,
.wrapper-dropdown-2 #textShapeSelected:after{
    content: "\f105";
    width: 0;
    height: 0;
    position: absolute;
    top: 5px;
    font-family: fontawesome;
    font-size: 18px;
}
.wrapper-dropdown-2 .namenumberShapeSelected:after{
    width: auto;
	height: auto;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: bold;
}
.wrapper-dropdown-2 #textShapeSelected:after {
    right: 5px;
	top: 50%;
	height: auto;
	width: auto;
	transform: translateY(-50%);
	font-weight: bold;
}
.wrapper-dropdown-2 .dropdown {height:146px;list-style:none;font-weight:normal; pointer-events:none;}
.wrapper-dropdown-2 .dropdown li a {display:block;text-decoration:none;padding:5px;font-size:22px;}
.wrapper-dropdown-2 .dropdown li:hover a{background:#f3f8f8}

.active .shape_con{display:block;}

.active .dropdown li{display:block;pointer-events:auto;}
.active .dropdownName li{display:block;pointer-events:auto;}
.active .dropdownNumber li{display:block;pointer-events:auto;} 

.wrapper-dropdown-2.active:after{border-color:#000 transparent;border-width:6px 6px 0 6px;margin-top:-3px}
.wrapper-dropdown-2.active {border:1px solid}
.namenumberShapeSelected,
#textShapeSelected{font-size:14px;white-space:pre;width:100%;display:block;overflow:hidden;margin-top: -1px; position:relative;}
.namenumberShapeSelected {
    width: 100%;
	text-align: left;
}

.namenumberShapeSelected > img {width: 82%; height: 30px;}
#textShapeSelected > img {
	height: 30px;
	float: right;
	margin-right: 18px;
}
#textNameShapeDD .shape_con .dropdownName,
#textNumberShapeDD .shape_con .dropdownNumber,
#textShapeDD .shape_con .dropdown {
	font-weight: normal;height: auto;width:100%; float:right; padding:3px 0 0 0;
}
#textNameShapeDD .shape_con .dropdownName li,
#textNumberShapeDD .shape_con .dropdownNumber li,
#textShapeDD .shape_con .dropdown li {
	border: 1px solid #cccccc;
	display: inline-block;
	height: 40px;
	margin: 3px;
	padding: 2px;
	vertical-align: middle;
	width:calc((100%/3) - 6px);
	text-align: center;
}
#textNameShapeDD .shape_con .text-shape-box > .dropdownName li img,
#textNumberShapeDD .shape_con .text-shape-box > .dropdownNumber li img,
#textShapeDD .shape_con .text-shape-box > .dropdown li img {
	width: auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
}
#nameFontCategoryDiv,
#numberFontCategoryDiv,
#fontCategoryDiv{
	margin: 0 10px 10px !important;
    padding: 10px 0 !important;
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-justify-content:  space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
#tool_font_family #fontCategoryDiv label {
    margin-bottom: 0;
}
#numberFontCategory,
#fontCategory,
#nameFontCategory {
    margin: 0 !important;
}
#font-selector-con, #name-font-selector-con, #number-font-selector-con {
    border: 1px solid;
    border-radius: 0;
    box-shadow: 0 0 5px 1px #d7d7d7;
    position: absolute;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2;
}
#name-font-selector-con .panel-header, #number-font-selector-con .panel-header {
	text-align: left;
}
#font-selector-con{
	top: 1px;
	left: 0;
	height: 100%;
	width: 400px;
	z-index: 3;
}
#name-font-selector-con,
#number-font-selector-con {
	right: -10px;
	height: 360px;
	width: 396px;
}
#name-font-selector-con, #number-font-selector-con {
	top: 36px;
}
#name-font-selector,
#number-font-selector,
#font-selector { 
	margin: 0 auto; 
	padding:10px;
	position: relative; 
	/*display: inline-table;
	top: 0; 
	left:0; 
	width:511px;*/
	width: 100%;
	z-index: 999; 
	border:medium none;
	display: inline-block;
    overflow-y: auto;
    height: auto;
}
#name-font-selector,
#number-font-selector{
    max-height: 252px;
}
#font-family-section {
    height: calc(100% - 112px);
	width: 100% !important;
}
.box-outer .select-small#font-selector {
    padding: 10px 0 10px 10px !important;
}
#name-font-selector > li, #number-font-selector > li, #font-selector > li {
	border: 1px solid #cccccc;
	display: inline-block; 
	margin: 0 5px 5px 0; 
	width: calc((100%/2) - 4px);
	vertical-align: top;
}
#name-font-selector > li:nth-child(2n), #number-font-selector > li:nth-child(2n), #font-selector > li:nth-child(2n) {
    margin-right: 0;
}
#name-font-selector > li:hover a, #number-font-selector > li:hover a, #font-selector > li:hover a {
	text-decoration:none;
}

#name-font-selector > li a , #number-font-selector > li a, #font-selector > li a {
	color: #444444;
	font-size: 18px;    
	height: 34px;
	line-height: 1;
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    text-align: center;
    width: 300px;
}

.cotxt strong	{text-transform:uppercase;font-weight:normal;}
#textNameShapeDD .shape_con .ranger-area,
#textNumberShapeDD .shape_con .ranger-area,
#textShapeDD .shape_con .ranger-area{
	top: auto;
    position: static;
    margin-left: 0;
    width: 100%;
    display: inline-block;
    padding: 8px 10px 0;
	height: auto;
	background:#e8e8e8;
}
#textNameShapeDD .shape_con .ranger-area #textNameShapeSlider.ui-slider,
#textNumberShapeDD .shape_con .ranger-area #textNumberShapeSlider.ui-slider,
#textShapeDD .shape_con .ranger-area #textShapeSlider.ui-slider{
	background:#ababab; 
	box-shadow:none; 
	box-shadow:none; 
	height: 4px; /*height:140px;*/
	border:none;
	position: relative;
    margin-bottom: 10px;
}
#textNameShapeDD .shape_con .ranger-area #textNameShapeSlider.ui-slider .ui-slider-handle,
#textNumberShapeDD .shape_con .ranger-area #textNumberShapeSlider.ui-slider .ui-slider-handle,
#textShapeDD .shape_con .ranger-area #textShapeSlider.ui-slider .ui-slider-handle{
	background:#099ac9; 
	border-radius:100%; 
	border:solid 2px #177391; 
	left:-4px;
}

/*CLIP ART PANEL*/

#tools_left {
    border-right: 0;
    z-index: 4;
    margin-bottom: 2px;
    margin-top: 0px;
    clear: both;
    width: 100%;
    padding-top: 0;
    position: static;
}
#tools_left img.svg_icon{
	width: 100%;
}
.add-art-panel #clipart-content, #designart-content {
    float: left;
    height: auto;
    width: 100%;
    margin-bottom: 10px;
}
.add-art-panel #clipart-content {
	overflow-y: auto;
	margin-bottom: 0;
	height: calc(100% - 83px);
	width: 100% !important;
}
.add-art-panel #clipart-content ul {
	display: flex;
	flex-flow: row wrap;
	height: 100%;
}
.add-art-panel #clipart-content ul li {
	width: calc(50% - 5px);
	border: 1px solid #d7d7d7;
	margin: 0 10px 10px 0;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.add-art-panel #clipart-content .art-cat-icon {
	width: 30px;
	height: 30px;
}
.add-art-panel #clipart-content .art-cat-icon img {
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}
.add-art-panel #clipart-content .art-cat-name {
	text-transform: capitalize;
	font-size: 14px;
	color: #333333;
	margin-left: 10px;
	font-weight: bold;
}
.add-art-panel #clipart-content ul li:nth-child(even) {
	margin-right: 0;
}
.add-art-panel #clipart-content select{
    width: 100%;
    margin-top: 10px;
}
#designart-content select {
	width: 100%;
    margin-bottom: 2px;
    margin-top: 3px;
}
.add-art-panel .add-art-product .art-list li { border: 1px solid #eee; float: left; height: 100px; margin: 3px; padding: 0 3px; position: relative; text-align: center; width: 100px;box-shadow: 1px 2px 2px #eeeeee;}
.add-art-panel .add-art-product .art-list li a img { top: 0; bottom: 0; left: 0; right: 0; display: inherit;height: 74px;width: 74px; margin: auto; position: absolute;}
#tools_ellipse{left: 106px !important;
    top: 37px !important;
}

/*Product Info*/
.prodescription{float:left;width:100%}
.prodescription p p,
.prodescription p strong {display: inline-block; margin-right: 10px; min-width: 150px; padding: 0 !important; float:left;}
.prodescription .descriptioncontent p{padding-left:10px;}
.pboxsubheading { border-bottom: 1px solid #cccccc; border-left: 3px solid; color: #444444; font-size: 11px; margin-bottom: 10px; padding-bottom: 5px; padding-left: 7px; padding-top: 5px; text-transform: uppercase;background:none!important;}
.colorpalet{float:left;width:100%;text-align:center;overflow: auto; max-height: 200px; margin-bottom: 5px;}
.colorpalet li{border-radius: 100px;display: block;float: left;margin:3px 6px;width: 25px;height: 25px; border:1px solid;}
.colorpalet .multi_img{margin:0 10px 10px;width:100px;height:100px;display:block;float:left;}
.colorpalet li img{width:100px;height:100px}
.proimage .colorpalet .multi_img{padding: 10px;}
.proimage .colorpalet li img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
/*12062015*/
fieldset {border: 1px solid #dddddd;margin: 5px;padding: 5px;}
legend {color:#444; font-size:12px;}
.colorpicker { width: 173px;}
#border_box {display:none!important}

* html .sitemap li {float: left;display: inline}

* html .sitemap, * html .sitemap ul {height: 1%}
.sitemap ul {display: none}
.simpleColorContainer {height: calc(100% - 44px);}
.simpleColorContainer .simpleColorChooser {
	max-height: calc(100% - 48px);
	height: auto !important;
	width: 100% !important;
	background-color: transparent !important;
	position: static !important;
	display: inline-block;
}

.simpleColorContainer button#selectedColorBtn {
	width: calc(100% - 20px);
	margin: 10px 10px 0;
}
.simpleColorContainer #colorCategory {
    display: inline-block;
    overflow-y: hidden;
    overflow-x: auto;
    width:100%;
	border-bottom: 1px solid;
}

.simpleColorContainer #selectColorPalette.tab{
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	text-align: center;
	border:none;
	background-color:rgba(0,0,0,0);
	position: relative;
	z-index: 9;
}
.simpleColorContainer .borderCategoryDiv#colorCategory #selectColorPalette.tab {
    width: 100%;
}
.simpleColorContainer #selectColorPalette.tab button {
	text-transform: capitalize;
    margin-right: 5px;
	margin-bottom: 0;
    background: #ddd;
	padding: 7px 10px;
	white-space: nowrap;
	display: inline-block;
	float: none;
}
.simpleColorContainer #selectColorPalette.tab button:last-child{
	margin-right: 0;
}
/*.simpleColorChooser {padding: 20px;}*/
.colorpicker {float:left}
.hexapart {float: left;margin-left:0px;margin-top: 0px;width: 110px; text-align: left; font-size: 12px;}
.hexapart .div-table-cell input[type="text"] {width:50px;font-size:12px;}
.hexapart .div-table-cell > label {width: 40px;}
.hexapart .div-table-cell {width: 60px;}
.sambhav {width: 870px;}
.sambhavNameNum {width: 1130px;}
.namennnumber_table_con{/* overflow-x:auto;*/ height: 168px; margin-bottom: 10px; width: 100% !important;}
.namenum_header{font-size:12px; font-weight:bold; display: flex;}
.namenum_header .th{display:inline-block;padding-bottom:10px;text-align:center;font-size: 13px;line-height: 1; flex: 1;}
.namenum_header #nameTableCaption.th {flex: 3;}
.checkout-box-width #productsettingCaption {width: calc(60% - 44px)}
.checkout-box-width .confidence-section-heading {width: 40%; display: inline-block;}
.checkout-box-width .sambhav {width: 100%;}
.addtocart-panel {position: relative;float:left; width: calc(60% - 10px); margin-right: 10px;}
.addtocart-panel .checkout-product-item-wrapper {max-height: 388px; overflow-y: auto;}
.addtocart-panel .checkout-product-item {border: 1px solid; border-radius: 5px; padding: 10px; margin-bottom: 10px;}
.checkout-box-width .total-price-section {margin-top: 15px; display: flex;}
.checkout-box-width .total-price-section label {flex: 1;}
.checkout-box-width .total-price-section .total-price {display: flex; flex: 1; justify-content: flex-end;}
.search {width: 100%; margin-top: 15px; text-align: center;}
.checkout-box-width .checkout-product-item-color {display: flex; position: relative; margin-top: 15px;}
.checkout-box-width .checkout-product-item-color-detail {width: 100%; padding-left: 10px;}
.checkout-box-width .checkout-product-item-color-detail .color-name {font-weight: 600;}
.checkout-box-width .checkout-product-item-color-detail .product-count {margin-top: 5px;}
.checkout-box-width .checkout-product-item-color-detail .edit-size-label {margin-left: 8px; font-size: 14px; line-height: 22px;}
.checkout-box-width .checkout-product-item-color-detail .price-box {position: absolute; right: 0; bottom: 10px; font-size: 18px;}
.checkout-box-width .checkout-confidence-section {width: 40%; background-color: #f0f2f5; height: 100%; float: right; padding: 15px 0; border-radius: 5px; text-align: center;}
.checkout-box-width .checkout-confidence-section .free-instruction {margin-bottom: 15px;}
.checkout-box-width .checkout-confidence-section .free-instruction span {text-transform: uppercase; text-decoration: underline; font-size: 14px;}
.checkout-box-width .checkout-confidence-section .icon {margin: 30px 0 0;}
.checkout-box-width .checkout-confidence-section .icon img {margin-bottom: 10px;}
.checkout-box-width .checkout-confidence-section .icon p {font-weight: 600;}

#name_num_setting {float: left;position: relative;/*width: 100%;*/}
#productresult, #relatedProductresult {height: 330px;}
.simpleColorCell {
	border-radius: 50%;
	float: left;
	font-size: 1px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	margin: 7px 0 7px 12px;
	box-shadow: 0px 0px 2px #444444 inset; 
	position: relative;
}
.simpleColorContainer > .image-color-block {
	height: auto;
	display: inline-block;
	text-align: center;
}
.simpleColorContainer > .image-color-block.wrapper-dropdown-1:after {
	content: "";
} 
.simpleColorContainer > .image-color-block .color_parent_box {
	display: inline-block;
	line-height: 26px;
	margin: 7px 0 7px 12px;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	position: relative;
}
.simpleColorContainer > .image-color-block .color_parent_box:first-child {
	margin-left: 0;
}
.simpleColorContainer > .image-color-block .color_parent_box .color_block_parent {
	height: 26px;
	width: 26px;
	overflow: revert;
	border-radius: 50%;
	position: relative;
}
.simpleColorContainer > .image-color-block .color_parent_box .color_block_parent:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;border-radius: 50%;
	box-shadow: 0px 0px 2px #444 inset;
	pointer-events: none;
}
.simpleColorContainer > .image-color-block .color_parent_box .color_block_parent .no-fill-color {
	display: none !important;
}
.simpleColorContainer > .image-color-block .color_parent_box .color_block_parent .color_block {
	height: 26px;
	width: 26px;
	box-shadow: none;
	left: 0;
}
.simpleColorContainer > .image-color-block .color_parent_box .color_block_parent .color_block svg {
	height: 26px;
	width: 26px;
}

.simpleColorCell.active:after, .simpleColorContainer > .image-color-block .color_block.active:after {
	position: absolute;
	/*content: "✓";*/
	content: "\f00c";
	font-family: "fontawesome";
	left: 0;
	right: 0;
	color: #fff;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 15px;
	text-align: center;
	text-shadow: 0px 0px 2px rgba(0,0,0);
}
.simpleColorCell:hover:before, .simpleColorCell.active:before, 
.simpleColorContainer > .image-color-block .color_block:hover:before, .simpleColorContainer > .image-color-block .color_block.active:before {
  border: 2px solid #02adef;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: -4px;
  height: 34px;
  width: 34px;
}
#no-fill, #image_color_container .color_parent_box.no-fill {
	background-image: url("../images/no-fill.png");
	height: 26px;
	width: 26px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: none;
}
#image_color_container .color_parent_box.no-fill {
	height: 33px;
	width: 33px;
	background-size: 29px 29px;
}
#borderalignment #no-fill {
	background-image: url("../images/no-fill.png") !important;
	height: 29px;
	width: 29px;
	background-size: 100% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: none;
	background-color: unset !important;
}
/*--9/7/2015--*/
.layer-caption-section{position:relative;}
.layer-caption-section .svg-holder{position:absolute; right:10px; top:10px; width:20px; height:20px;}
button.button {height:35px;padding:0 15px;text-transform:uppercase;margin:auto;border:none;font-size:10px;color: #ffffff !important; margin-right:5px; display:inline-block; line-height:35px;}
#addtocartmessage.message .multi_size{display:inline-block; position:static; /*width:auto;*/}
#gallery_warn_msg_con{/* padding:28px 0 21px; */ text-align:center;}
/*--9/7/2015--*/

/* 15-7-15 */
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}

#name_num_setting .control-row {
	border-bottom: 1px solid;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}
.control-row .font-controls.disable {pointer-events:none; opacity:0.5;}
.control-row .font-controls select{float:left; font-size:14px; font-weight:normal; padding:4px 3px;}
.control-row .font-controls select, .control-row .font-controls .color_tool, .control-row .font-controls .toolset_fontfamily, .control-row .font-controls .curve-division{margin:0 5px 0 0;}
.control-row .font-controls:last-child{margin:0;}
.control-button {padding:0 10px; text-transform:uppercase; font-size:10px; line-height:32px; position:relative; margin:0 5px 0 0;}
.control-button.on{background:#9dce68; text-align:right;}
.control-button.off{background:#f28888; text-align:left;}
.control-row .font-controls select#numberFontCategory,
.control-row .font-controls select#nameFontCategory {
    float: none;
}
#name_num_setting .wrapper-dropdown-1{
    height: 35px;
	width: auto;
	float: right;
	border-width: 2px;
	padding-right: 18px;
}
.nameFontSizePanel, .numberFontSizePanel {
	
}
.nameFontSizePanel button#nameFontSize, .nameFontSizePanel button#nameFontSize:hover {
	float: right;
	border: 2px solid;
}
#name_num_setting .color_tool {
	min-height: 35px;
	line-height: 35px;
	min-width: 35px;
	float: right;
}
#name_num_setting .color_block {
	width: 35px;
	height: 35px;
}
#name_num_setting .singleColor {
	right: 18px;
}
#name_num_setting .control-row label.caption {
	line-height: 37px;
	float: left;
	font-size: 14px;
	margin-right: 5px;
}
#name_num_setting .control-row .contain {
	float: right;
	width: calc(100% - 47px);
	text-align: right;
	background: transparent;
	border: none;
	line-height: 35px;
}
#name_num_setting #name_side span, .nameFontSizePanel span, .toolset_fontfamily span {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 10px;
  border: 2px solid;
  padding: 5px 10px;
  background: #ffffff;
  cursor: pointer;
  display: inline-block;
  line-height: 27px;
  height: 40px;
}
.nameFontSizePanel span:first-child {
	font-size: 14px;
	padding: 9px 15px;
	vertical-align: top;
	line-height: normal;
}
#name_num_setting #name_side span:last-child, .nameFontSizePanel span:last-child, .toolset_fontfamily span:last-child {
	margin-right: 0;
}
#name_num_setting #name_side span:hover, #name_num_setting #name_side span.active, 
.nameFontSizePanel span:hover, .nameFontSizePanel span.active, .toolset_fontfamily span:hover, .toolset_fontfamily span.active {
  border: 2px solid;
}
#name_num_customList .panel-header .panel-heading {
	width: calc(100% - 156px);
}
#name_num_customList .panel-close {
	width: auto;
	border: none;
	line-height: 25px;
}
#name_num_customList .panel-close i {
	font-size: 12px;
	font-style: normal;
	color: rgba(0,0,0,0.4);
	border-left: 1px solid rgba(0,0,0,0.4);
	padding-left: 5px;
	margin-left: 5px;
}

#name_num_customList .name_num_customlist_container .panel-heading a.save-link {
	float: right;
	font-size: 12px; 
	line-height: 18px;
}
.name-num-preview-box {
	width: 35%;
    float: left;
}
.name-num-preview-box .preview-box-title {
	margin: 10px 0 20px;
	font-weight: normal;
}
.name-num-preview-box .preview-box {
	border: 1px solid;
    min-height: 240px;
    width: 100%;
	padding: 15px;
	text-align: center;
}
.name-num-preview-box .btn-section {
	margin: 20px 0;
    text-align: center;
	font-size: 14px;
}
.name-num-preview-box .btn-section .save-btn button {
	text-transform: capitalize;
	width: 100%;
}
.name-num-preview-box .btn-section .seperater {
	margin: 10px 0;
}
.name-num-preview-box .close-btn a {
	color: rgba(0,0,0, 0.4);
}
.name-num-custom-text-section {
	width: calc(65% - 30px);
    float: right;
}
.name-num-custom-text-section .product-detail {margin: 10px 0 15px;}
#namenumber-price-detail {margin: 10px 0 0;}
.custom-list-data{font-size:12px;}
.custom-list-data th{font-weight:normal;}
.custom-list-data tr{clear:both; overflow:hidden; margin:0 0 7px 0;display: block;}

.custom-list-data tr div{float:left;}
.custom-list-data tr .size-label {width:25%; padding-right: 5px;}
.custom-list-data tr .size-label select {padding:3px 0 3px 2px; width: 100%;}
.custom-list-data tr .name-label {width: 60%; padding-right: 5px;}
.custom-list-data tr .name-label input[type=text] {padding:8px 5px; width:100%;}
.custom-list-data tr .number-label {width: 18%;}
.custom-list-data tr .number-label input[type=text] {padding:8px 5px; width: 100%;}
.custom-list-data tr .delete-box {width:1%;}
.custom-list-data tr .delete-box.closebar_button {position:static;}
.custom-list-data tr .delete-box.closebar_button .remove-nnfield {height: 30px;width: 18px;bottom: 0;top: 0;position: relative;border:none; color: #f00;float:none;margin-left:4px;font-size: 20px; padding: 5px 0 !important;margin: auto;}
.custom-list-data input[disabled], 
.custom-list-data select[disabled], 
.custom-list-data textarea[disabled], 
.custom-list-data input[readonly], 
.custom-list-data select[readonly], 
.custom-list-data textarea[readonly]{padding:8px 5px !important; font-size: 13px;}
.sambhavNameNum #addNewNameNumber {border:none;padding: 0 10px;margin:0;}
.sambhavNameNum #addNewNameNumber:before {
	content: "\f055";
	font-family: fontawesome;
	font-size: 15px;
    line-height: 35px;
    margin-right: 10px;
}
.name-num-custom-text-section .btn-section {position: relative;}

/* 15-7-15 */

.right-panel button div.caption {
	font-size: 16px;border-radius: 4px;line-height: 1.1;text-align: left;
    display: table-cell;
    padding: 0;
    height: 46px;
    vertical-align: middle;
}

/*.box-outer.clearfix label{position:absolute; right:10px; top:6px;}*/

.clipart-container .popup-content { height: 100%;position: relative;}
.mirror {line-height:30px;font-size:18px;}

#designartcontainer li a {width:100%;height:91px; padding-top: 0;}
.namenum_price{position:absolute; text-align:center; top:32px; width:84px;font-size: 11px; display: none !important;}
#dialog_buttons > input { margin: 0 5px !important;}

.imgUploadInstruction{float:right; font-size:12px; width: 100%;font-family: 'OpenSans-SemiBold'; text-align: center;}
.image-upload-instructions {
    display: inline-block;
    padding: 10px 0;
	width: 100%;
	border-top: 1px solid;
	margin-top: 5px;
}
.image-upload-instructions h2 {
	font-weight: normal;
	margin-bottom: 20px;
}
.image-upload-instructions ul li {
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid;
	padding: 5px 5px;
	line-height: 1;
}
#images-upload .mail-link h3 {font-weight: normal;}
#images-upload .note {color: #ababab;}
#images-upload .note a#addNoteLink {text-decoration: underline;}
#uploadInstLabel{margin: 10px 0;}
#uploadInstLabel #ihavetheright{vertical-align:top; display:inline-block; margin:2px 0 0 4px;}
.interlock i.fa.fa-link {font-size: 14px;line-height: 10px;margin-left: 0;position: absolute;
	-webkit-transform: rotate(135deg);
  -moz-transform:    rotate(135deg);
  -ms-transform:     rotate(135deg);
  -o-transform:      rotate(135deg);
	transform: rotate(135deg);height:12px;
}
#sizeDivPc{ width:260px; float:left; }
.photo-boxbtn{float:right;}
.photo-boxbtn #removeImageCaption{margin-top: 10px;}
#changeImageCaption i, #removeImageCaption i,#imageeffectburow i{font-size:16px;}
.currentFontSize {bottom: 9px; font-size: 11px; position: absolute; right: 11px;}
#fontSizeInstruction {font-size: 12px; padding:10px 0 10px 0; }
#pickDesignColor_window .window_container {width: 700px; height:547px;}
.colorSwatch, .colorSwatchMouseMove {background-color: rgb(255, 255, 255);height: 50px;width: 50px;display:inline-block;border:1px solid;} 
#pickDesignColorCanvas{cursor:crosshair;}
.pickDesignColorContainer {margin: 10px;text-align: center;}
.pickDesignColorContainer > div span,
.pickDesignColorContainer > div {display: inline-block;vertical-align: middle;padding-right: 10px;}
#pickDesignColorButton {box-shadow: 2px 1px 3px #cccccc;margin: 0 auto !important;padding:5px 10px;}
.DesignColor {background: #ffffff url("../images/c_picker.png") no-repeat scroll 7px 10px; box-shadow: 2px 1px 3px #cccccc;width: auto !important;margin: 0 auto !important;padding: 11px 9px 9px 31px;}

.filter_button {display: inline-block;margin-right:2px;background: #EFEFEF;border: 1px solid #E9E9E9;padding: 9px 3px;text-align: center;padding: 2px 3px;width: 76px;}
.filter_button:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity:1;border:1px solid #cecece}
.filter_button:hover svg {opacity:1}
.filter_button svg {opacity:0.9; height: 50px;}
.filter_button span {white-space: nowrap;width: 50px;overflow: hidden;-ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;text-overflow: ellipsis;clear: both;display: block;font-size: 11px;}
.photo_filters_option {
	border: 1px solid #cccccc;margin: -1px 0 10px;
}
.effect_tab_cnt {
    padding: 20px 10px;
    display: inline-block;
    width: 100%;
    height: 290px;
}
.photo_filters_option .colorCon {
    padding: 20px 10px;
}
.photo_filters_option i {float: left;font-size: 36px;line-height: 38px;color: #F00;margin: 5px;}
.photo_filters_option .tool_button {width:40px !important; height:40px !important;margin: 5px;padding:0px;}
.photo_filters_option .tool_button svg {width:40px; height:40px;}
.colorCon div {display: inline-block;margin-right: 10px;font-size: 16px;line-height: 1;vertical-align: middle;}
.colorCon div > input[type="radio"]{
	margin-right: 3px;
	vertical-align: middle;
    margin-top: -3px;
}
.ie_colorChanger_picker {display: block !important;margin-top: 10px;border:none!important; min-width:33px!important;height:33px!important;}
#ie_shapes .ie_colorChanger_picker {
	box-shadow: 0px 0px 4px #cacaca;
}
.ie_colorChanger_picker div {display: inline-block;/* width: 30px; */margin: 0px;height: 27px;}
#ie_shapes .ie_colorChanger_picker div.color_block_parent {
    width: 33px;
    margin: 0;
    padding: 0;
}
#ie_shapes .ie_colorChanger_picker div {height: 33px;
    padding: 2px;
    margin: 0;}
#ie_colorChanger .ie_colorChanger_picker > div, #image_color_container .color_block_parent{
    box-shadow: 1px 1px 3px #ccc;
	height: 33px;
	width: 33px;
	border-radius: 50%;
	padding: 2px;
}
#ie_colorChanger .ie_colorChanger_picker > div > div {
    margin: 2px;
}
#image_color_container .color_block_parent .color_block {
	padding: 2px;
}
#ie_strokeSlider_label {height:25px; text-align:center;margin-right: 10px;}
#ie_preview .img-drag-area, #ie_preview .fa-rotate-right {
    font-size: 15px;
}
#imageEffect_window #ie_preview {
    float: right;
    width: 55%;
}
#imageEffect_window .filters-button {
    padding: 0 5px 20px 10px;
    padding-bottom: 0;
    height: 330px;
    width: 45%;
    float: left;
}
#imageEffect_window .buttonHolder {
    padding: 8px 10px 10px;
    position: relative;
    height: 50px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    clear: both;
}
.propo_label {float: left; margin: 10px 5px;}
.propo_label input[type="checkbox"] {margin: 4px !important;vertical-align: middle;}
.proportionCaption {
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
}
.imageeffectpreviw {background: transparent url("../images/pattern.jpg") repeat;/*width: 500px;*/width: 375px;margin: auto;}
.imageeffectpreviw svg {position: relative;}

.tabCon {border-bottom:0px;float:left }	
.tabCon > span {
	float: left; font-size: 13px;line-height: 15px; padding: 10px 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; background: #ff5501; margin-right: 3px; border: 1px solid #ff5501; border-bottom: 0;}
.tabCon > span.active {cursor:default;}
.tabCon > span:hover, .tabCon > span.active {
    color: #ff5501;
    border: 1px solid #dddddd;
    border-bottom: 0;
}

#dialog_buttons input[type="button"],
.generalbutton {background-color: #31A4E3;font-size:12px;/*padding: 5px 10px;*/border:none; min-width:80px;text-transform:uppercase}
.generalbutton:hover{-webkit-box-shadow:0px 1px 3px 0px #424242 inset;box-shadow:0px 1px 3px 0px #424242 inset;text-shadow: 0px 1px 1px rgb(68, 68, 68);}
.image_quality .generalbutton {display:block; margin:auto;height:30px;}
.img-drag-area:before {content: "\f0b2";}
.img-drag-area:hover {content: "\f065";}
#ie_colorpicker {top: 0; left: 0; right: 0; bottom: 0;position: absolute;z-index: 1; box-shadow: none;}
#ie_colorpicker.imageEffect_borderpicker .panel-body {
	width: auto;
	padding: 0 0 4px 4px;
	box-shadow: 0 0 5px 1px #aaaaaa;
    margin: 10px;
}
#ie_colorpicker.imageEffect_borderpicker .panel-body .color_rect {
	display: inline-block;
    box-shadow: 0px 0px 1px 1px #aaaaaa;
}
.ie_stroke_panel {
	clear: both;
    margin: 13px 0 0 0;
    position: relative;
    width: auto;
    display: inline-block;
    float: left;
}
.ie_stroke_panel .psright{
	margin-left: 135px;
}
.ie_stroke_panel .ranger-area {
    position: absolute;
    left: 88px;
    top: 0;
    width: 117px;
}
.ie_stroke_panel .ui-slider-horizontal .ui-slider-handle{
	top: -5px;
}
.ie_stroke_panel .ui-slider {
	border: 2px solid;
}
.ie_stroke_panel .caption-section .caption{
	padding-left: 0;    
	float: left;
}
.ie_stroke_panel .ie_colorChanger_picker{
	margin-top: 0;
}
.imageEffectPanel.caption-section .caption {display: block;float: left;font-size: 14px;line-height: 55px;text-transform: capitalize;}
.image_quality .generalbutton {display: block;margin: auto;clear: both;font-size: 10px;padding: 2px 3px;position: absolute;top: 6px;right: 5px;}
.image_quality_tabs {border-bottom: 1px solid #CCC;padding: 0px 0px 0px 20px;height: 23px;margin-bottom: -1px;}
.image_quality_tabs .caption-tabs {border:1px solid #ccc;display: inline;border-bottom:0px;padding: 4px 5px;margin: 10px -2px;font: 12px/12px proxima_nova_rgregular;}
.image_quality_tabs .caption-tabs.active {background: #31A4E3;border: 1px solid #31A4E3;}
.imageEffectPanel {
	position:relative; 
	padding: 0;
    height: auto;
    margin-top: 0;
}
.imageEffectPanel #imageEffectCaptoin {margin-top: 9px;}
.upload-mathod  .div-table  .div-table-cell,
.imageEffectPanel .div-table  .div-table-cell{vertical-align: top;padding-right: 10px;}
.upload-mathod .div-table .div-table-cell:first-child, .imageEffectPanel .div-table .div-table-cell:first-child {
    width: 97px;
}
.imageEffect_borderpicker {box-shadow:0px 0px 10px rgba(123, 122, 122, 0.23); background-color:white;}

#tool_close {position: absolute;padding: 6px;right: -10px;box-shadow: 0px 0px 3px #ddd;background:#F0F0F0}

.imageftbtn{margin-right:5px;}
.image_effect_caption {border: 1px solid;float: left;}
.caption-mask {
	height: 60px;
	float: left;
	margin-right: 9px;
	text-align: center;
	position: relative;
	border-radius: 4px;
}
.caption-mask span {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    clear: both;
    display: block;
}
.imageEffectPanel .div-table-cell .caption-mask:nth-child(2){
	max-width: 55px;
}
.caption-mask:last-child {
    margin-right: 0;
}
.upload-mathod .div-table .div-table-cell:last-child, 
.imageEffectPanel .div-table .div-table-cell:last-child{
	padding-right: 0;
}

.caption-mask .mask-caption-label {font-weight: normal;font-size: 12px;margin-bottom: 8px; padding-left: 7px;
    padding-right: 7px;}
.caption-mask #changeImageCaption{font-size: 12px;padding-left: 7px; padding-right: 7px;}
.edit-panel-icons .button-area button {
    background: transparent;
    padding: 10px 0;
	border-radius: 5px;
	margin: 0 auto 10px;
	width: 70px;
}
.edit-panel-icons .button-area li:last-child button {
    margin-bottom: 0;
}
.edit-panel-icons .button-area ul li button span i {
    font-size: 20px;
	line-height: 1;
	margin-bottom: 2px;
    display: inline-block;
}
.edit-panel-icons .button-area ul li button#preview span i{
  font-size: 30px;
  line-height: 20px;
}
#tool_ungroup span i{
	-webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
	transform: rotate(180deg);
}
.right-panel .full-button .customIcon {
    margin-right: 9px;
}
.right-panel .half-button .customIcon{
	font-size: 16px !important;line-height: 25px !important;
	margin-right: 2px;
    margin-left: 2px;
}
.right-panel button.half-button div.caption{
    font-size: 15px;
    height: 40px;
}
.toolTitle{text-transform: capitalize; display:block;font-family: 'OpenSans-SemiBold';}
.toolDelIcon::before{content:"\f00d" !important;font-size: 30px; font-family: FontAwesome;}
#btnFront{
    margin-right: 15px;
}
.primary-btn.button-default {
    font-size: 12px;
    padding: 13px;
    outline: none;
    border-radius: 4px;
    min-width: 110px;
}
#productSides button.button-default{
	width: 110px;
	line-height: 14px;
	padding-left: 5px;
    padding-right: 5px;
}
#qtyLabel,#priceLabel{display: block;text-transform: uppercase;font-size: 12px;}
#qty,#unitpriceLabel{
    color: #ec6f2c;
    font-size: 40px;
    width: 100%;
    border: none;
    box-shadow: none;
    line-height: 1;
	font-family: 'OpenSans-Regular',Karla;
}
#qty{
    line-height: 1;
    /*height: 42px;*/
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    border: 1px solid #cccccc;
    margin-top: 10px;
}
#priceLabel #errormsgforcart {
    position: static;
    margin-left: 0;
    float: none;
    padding: 0 10px;
}
.row-flex {
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    /* box-shadow: 0 -1px 0 #efe9e9; */
}
.block-grid,.block-ruler {
	display: inline-block;
    margin-right: 15px;
}
.onoffswitch {
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    height: 33px;
    padding: 0;
    line-height: 33px;
    border: 2px solid #898989;
    border-radius: 25px;
    background-color: #eeeeee;
    transition: background-color 0.3s ease-in;
    width: 70px;
}
.onoffswitch-label::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin: 0px;
    position: absolute;
    top: 5px;
    bottom: 0;
	right: 42px;
    border-radius: 100%;
    transition: all 0.3s ease-in 0s;
	border: 2px solid #898989;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #ff5601;
}
.onoffswitch-checkbox:checked + .onoffswitch-label::before {
    right: 6px;
}
.labelTitle{
    font-size: 12px;
    text-transform: uppercase;
}
ul#templatecontainer{
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    align-content: space-between;
}
ul#templatecontainer li {
    height: 125px;
    margin: 4px;
    text-align: center;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 45%;
}    
ul#templatecontainer li a {
    height: 125px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none;
}
ul#templatecontainer li a span {
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    text-decoration: none;
    font-size: 11px;
    text-align: center;
    color: #575757;
    position: absolute;
    bottom: 0px;
    background: #ECECEC;
    height: 40px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}    
#bgImageCategory{
    padding: 5px;
    margin-left: 13px;
}
#backgroundcontainer {
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#backgroundcontainer .photo {
    border: 5px solid;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    box-shadow: 1px 1px 1px rgba(68, 68, 68, 0.28);
    min-width: 100px;
    overflow: hidden;
}
#backgroundcontainer .photo a img{
    max-height: 97px;
}
.settingsCaption{
	/*background: #e1e1e1;
	padding: 7px 5px;
	min-width: 177px;
	float:left;*/
    padding-right: 5px;
	font-size: 12px;
	text-transform:uppercase;
	margin-right: 10px;
	display: inline-block;
    vertical-align: middle;
}
.caption-section .page-setting-row .caption{
	display: inline-block;
    vertical-align: middle;
    float: none;
}
/* setting panel */
.panel-header {
	font-size: 18px;
	padding: 8px;
	background: #f0f2f5;
	border-bottom: 1px solid;
	cursor: move;
}
.panel-heading{
	font-size: 16px;
	margin-top: 0;
	line-height: 1;
	font-weight: normal;
	display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    width: calc(100% - 60px);
    font-family: 'OpenSans-SemiBold';
}
.panel-header .customIcon {
	font-size: 24px !important;
    margin-left: 0;
    margin-right: 5px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1 !important;
	padding: 0;
}
.right-section .panel-header .panel-heading {
	font-size: 20px;
}
.panel-body{
	padding: 8px;
	display: inline-block;
	width: 100%;
	float: left;
}
#svg_image_upload #svg_image_upload_container.panel-body {
    position: static;
    width: 100%;
    border: none;
    padding: 8px;
}
.grey-highlight-caption {
	font-size: 14px;
    padding: 10px 10px 10px 20px;
    background: #efefef;
    text-transform: uppercase;
    line-height: 16px;
}
.proimage .grey-highlight-caption{
  margin-bottom: 5px;
}
.panel-row .row-flex,
.panel-row  .grid-ruler-block{
	padding: 18px 0;
}
.panel-row .grid-ruler-block{
	padding-left: 10px;
	padding-right: 10px;
}
.sgrid_icon{
	color: #ff5601;
	    display: inline-block;
    float: none;
    vertical-align: middle;
}
.sgrid_icon > span{
	font-size: 26px;
    margin-right: 12px;
    line-height: 33px;
    vertical-align: middle;
}
#tool_border_color.color_tool{
	min-height:27px;
	min-width: 27px;
	margin-left: 12px;
}
#tool_border_color .color_block{
	width: 21px;
    height: 21px;
}
#border_stroke_style {
    height: 27px;
}

#customOptioonConatinerProdSettings .optionRow{
	padding-top: 20px;
    padding-bottom: 5px;
}
.page-setting-row{
	margin-bottom: 15px;
}
.page-setting-row select{
	min-width: 133px;
    height: 27px;
    border: 1px solid #e1e1e1;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1;
    text-transform: capitalize;
}
.select-bg-row {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}
#selectBackgroundCaption + .select-bg-row {
    padding: 15px 0 0;
}
.select-bg-color-wrapper,
.select-background-image{
	display: inline-block;
	vertical-align: middle;
}
.select-bg-caption{
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}
.select-bg-color-wrapper .color_tool,#addBgImage{
	display: inline-block;
	float: none;
    vertical-align: middle;
    margin-left: 0;
}
.select-bg-row > div {
    margin-right: 8px;
	margin-bottom: 5px;
}
#removeBgImage {
    vertical-align: middle;
    font-size: 10px;
}
#removeBgImage::before {
    font-size: 15px;
}
#ie_colorpicker .panel-close {
    right: 8px;
    top: 8px;
}

.panel-close {
    float: right;
    width: 23px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
    position: absolute;
    right: 8px;
    top: 10px;
}
#color-option-panel .panel-close {
	border: none;
}
.panel-close i.fa {
    font-size: 20px;
}
#color-option-panel .panel-close i.fa {
	font-size: 40px;
	line-height: 22px;
	width: 25px;
	overflow: hidden;
}
.popup-panel .global-pop-windows-container{
	position: static;
}
.popup-panel, .global-pop-windows.popup-panel {
	position: absolute;
    right: 0;
    top: 80px;
    margin: auto;
    padding: 0;
   /*  background-color: #f0f2f5;
	border-bottom: 1px solid; */
    opacity: 1.0;
	z-index: 4;
}
.popup-panel .global-pop-windows-container{
	padding: 0;
	background-color: #f0f2f5;
	box-shadow:none;
	display: inline-block;
    width: 100%;
	height: 100%;
	max-height: 100%;
    float: left;
}
#navaart.popup-panel .global-pop-windows-container{
	width: 100% !important;
}
.small-panel{
	width: 400px;
}
.medium-panel{
	width: 600px;
}
.large-panel{
	width: 800px;
}
.designtool-wrapper {
    position: relative;
}
.right-share-panel.top-navbar {
    display: inline-block;
    width: 100%;
    float: left;
}
.top-navbar .button-area ul {
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.button-area ul li button#preview span i {
    font-size: 34px;
    line-height: 26px;
    float: left;
    display: block;
    clear: both;
    width: 100%;
}
.top-navbar .button-area li button > span:first-child {
    display: inline-block;
    clear: both;
}

.proceed-btn-icon {
	border: 1px solid;
    float: left;
    padding: 10px 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.proceed-text {
	float: left;
    /*background: #29a744;
	color: #fff;*/
    padding: 15px 10px;
    font-size: 17px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 19px;
    vertical-align: middle;
    width: calc(100% - 60px);
    text-align: center;
}
.qualitybox_panel, .proceed-btn {
    width: calc(231px - 30px);
	clear: both;
    display: inline-block;
    float: left;
}
.qualitybox_panel {
    margin-top: 0;
	width: 100%;
	min-height: 57px;
}
.bottom-section .webform {
	flex: 1;
}
#products-settings{
	flex: 1;
	background: transparent !important;
    box-shadow: none;
}
.proceed-btn {
    box-shadow: 1px 2px 10px rgba(0,0,0,0.5);
    border-radius: 0;
}
.proceed-btn-icon .dnbcart {
    font-size: 27px;
}
.edit-panel-icons .push_button {
	height: auto;
	width: auto;
	line-height: 1;
	 background: rgba(0,0,0,0);
	 margin: 0 6px !important;
    float: left;
}
.edit-panel-icons .push_button_pressed i,
.edit-panel-icons .push_button i{
	font-size: 18px;
}
#common-panel .edit-panel-icons .push_button_pressed {
	background-color: rgba(0,0,0,0);
}
#tool_posmiddle{
	display: inline-block;
	-webkit-transform: rotate(90deg);
  -moz-transform:    rotate(90deg);
  -ms-transform:     rotate(90deg);
  -o-transform:      rotate(90deg);
	transform:rotate(90deg);
}
.edit-panel-icons{
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	padding: 10px 0;
}
.text-center{
	text-align: center;
}
#share_design button {
    border: none;
    font-size: 13px;
    height: 30px;
    width: 30px;
    border-radius: 20px;
    float: left;
    margin: 5px 5px;
    padding-right: 0;
}
#share_design{
	position: absolute;
    left: 100%;
    height: auto;
    z-index: 2;
    background: #ddd;
    width: 90px;
    height: 40px;
	padding: 0 5px;
	/* margin-left: -3px; */
	margin-top: 2px;
}
#orgPrinitingMethod, #newPrinitingMethod {
    background: #efefef;
    display: block;
    float: none;
    padding: 5px 10px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#orgColorCategory, #newColorCategory{
    font-size: 11px;
    margin: 10px 0;
    padding:5px;
}
.jspVerticalBar{
    background: none;
}
#currentBgImage{
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
 /* Style the tab */
 .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
/* common panel */
#common-panel .panel-header.main-panel-header {
    width: auto;
	margin: -10px -10px 11px -10px;
}
.edit-panel-icons .optcols3,
#tool_align_relative {
    display: inline-block;
    vertical-align: middle;
}
/* preview panel */
#svg_login_window_container,
#preview_window_container,
#duplicate_side_window .global-pop-windows-container,
#svg_save_design_window .global-pop-windows-container,
#vdp_window .global-pop-windows-container,
#import_vdp_data .global-pop-windows-container,
#name_num_customList .global-pop-windows-container,
#design_note .global-pop-windows-container {
    padding:0;
    font-family: 'OpenSans-SemiBold';
}
#import_vdp_data .panel-body{
    min-height: 505px;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
.button-default {
	background: #e8e8e8;
	border-radius: 4px;
	border:none;
	box-shadow: none;
	font-size: 14px;
	padding: 10px;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	z-index: 1;
	font-family: 'OpenSans-SemiBold';
}
.button-default .textcaption {
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	text-align: center;
}
.right-panel button:after,
.button-default:after{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgba(232,232,232,0.30);
    background: -moz-linear-gradient(top, rgba(232,232,232,0.30) 0%, rgba(191,191,191,0.30) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,232,232,0.30)), color-stop(100%, rgba(191,191,191,0.30)));
    background: -webkit-linear-gradient(top, rgba(232,232,232,0.30) 0%, rgba(191,191,191,0.30) 100%);
    background: -o-linear-gradient(top, rgba(232,232,232,0.30) 0%, rgba(191,191,191,0.30) 100%);
    background: -ms-linear-gradient(top, rgba(232,232,232,0.30) 0%, rgba(191,191,191,0.30) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,0.30) 0%, rgba(191,191,191,0.30) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5', GradientType=0 );
}
.button-default.active,
.button-default:hover{
	background: #ff5501;
}
.right-panel button.active:after,
.right-panel button:hover:after,
.button-default.active:after,
.button-default:hover:after{
	background: rgba(0,0,0,0);width: 0;height: 0;
}
.selectedColor {
	box-shadow: 0 0 4px #aaaaaa;
	border: 2px solid;
	border-radius: 0;
}

/* add text panel */
#btnAddText{
	display: inline-block;
	padding: 8px 10px;
	margin-bottom: 0;
	float: right;
}
.addtext-block{
	padding: 4px 0 3px;
}
.sk-fading-circle {
    margin: 0 auto;
    width: 25px;
    height: 25px;
    position: absolute;
}
.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

#unitPriceDiv {
    position: relative;
    /* min-height: 53px; */
	margin-bottom: 0;
}
#unitPriceDiv #priceAjaxLoader {
    position: absolute;
    bottom: 12px;
}
.qualitybox_panel > div{
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.qualitybox_panel > div:last-child{
	padding-bottom: 0;
	margin-bottom: 17px;
}
.qualitybox_panel > div:last-child:after{
	display: none;width: 0;height: 0;
}
/* background panel */
.changebg-wrapper {
    display: inline-block;
    width: 100%;
    float: left;
}
.category-dropdown {
    clear: both;
	margin-bottom: 10px;
}
.category-dropdown .labelTitle{
	font-family: 'OpenSans-SemiBold';
}
.bgImage_holder {
    display: inline-block;
    height: 400px;
    overflow-y: auto;
    width: 100%;
}
.changebg-wrapper .bgImage_holder {
    height: 426px;
}
.bgImage_holder .photo {
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px 2px #efefef;
    box-shadow: 1px 1px 2px 2px #efefef;
	width: calc(33.33% - 10px);
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 3px;
}
.bgImage_holder .photo a {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.bgImage_holder .photo img {
    width: auto;
    height: 90px;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}
.bgImage_holder .photo span {
	display: inline-block;
    width: 100%;
    height: 90px;
}
#bgImage_category{
    display: inline-block;
}
#NoBackgroundMsg.no-result, #noMaskMsg.no-result, #NoFontMsg.no-result, #NoFontMsg_name.no-result, #NoFontMsg_number.no-result {
    font-size: 14px;
    padding: 8px 10px;
    background: #ffecec;
    line-height: 1;
    font-family: 'OpenSans-SemiBold';
}
#NoFontMsg_number,
#NoFontMsg_name,
#NoFontMsg {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
}
.itemnotfound {
    font-size: 14px;
	line-height: 1;
    font-family: 'OpenSans-SemiBold';
	float: left;
}
#NoBackgroundMsg.no-result:empty,
#noMaskMsg.no-result:empty,
#NoFontMsg.no-result:empty{
	display: none;
}
/* qr code panel */
.qrcode-section .caption-section{
	width: 100%;
    float: left;
}
#qrcodecontainer .caption {
    width: 100%;
    clear: both;
    display: inline-block;
    float: left;
    line-height: 1;
    font-family: 'OpenSans-SemiBold';
    margin-top: 6px;
    padding-left: 0;
}
#qrcodecontainer{
	width: 100%;
}
#qrcodecontainer > div {
    margin-bottom: 9px;
}
.qrcode-section .caption-section > .inputfield {
    width: 100%;
    margin-bottom: 9px;
    clear: both;
    display: inline-block;
}
#rqcodeColorCaption {
    padding-left: 0;
    margin-bottom: 0;
}
#rqcodeColorCaption,
.qrcode-section #qrcolorcode,
#tool_qr_color {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
#qr_colorpicker{
	    display: inline-block;
	    float: none;
}
#qrCodeDiv .panel-body {
    max-height: 500px;
    overflow-y: auto;
}
#rqcodeColorCaption{
	width: auto;
}
#qr_color{
    padding: 2px;
}
/* login table */
.login-table > div{
	width: 50%;
	float: left;
}
/* info panel */
#svg_docprops .optionRow {
    padding: 13px 0 0;
}
#svg_docprops .page-setting-row {
    font-size: 13px;
}
#svg_docprops .page-setting-row strong {
    margin-right: 8px;
    font-size: 12px;
}
#common-panel #tool_fill .color_tool {
    margin-right: 0;
    margin-bottom: 0;
}
#tool_fill .multiColorBlock .color_tool {
	margin-left: 2px;
}
#common-panel #tool_fill > .color_tool {
	width: 60%;
	line-height: normal;
}
#common-panel #tool_fill > .color_tool .multiColor-wrapper {
	width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: #666 #dde;
}
#common-panel #tool_fill > .color_tool .multiColor-wrapper::-webkit-scrollbar {
	height: 6px;
	background-color: #dde;
}
#common-panel #tool_fill > .color_tool .multiColor-wrapper::-webkit-scrollbar-thumb {
	background-color: #666666;
	border-radius: 10px;
}
#common-panel #tool_fill > .color_tool .multiColor-wrapper::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #dde;
}


/* #common-panel #tool_fill > .color_tool .color_block.singleColor {
	right: 18px;
} */
#common-panel #tool_fill > .color_tool .multiColor-wrapper.jspScrollable {
	height: 41px !important;
	position: relative;
}
#sideCloneOptions {
    max-width: 458px;
    display: block;
    margin: 0 auto;
    min-height: 100px;
    overflow: auto;
}
#sideCloneOptions ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    align-content: stretch;
}

#sideCloneOptions li {
	width: 60px;
    height: 60px;
    list-style: none;
    text-align: center;
    font-size: 12px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    line-height: 1;
    color: #666666;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 5px;
    padding: 9px;
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
#sideCloneOptions li i {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 3px;
}
#sideCloneOptions li i::before {
    content: "\f24a";
}
#imageEffect_window .panel-body {
    /*max-height: 519px;*/
    max-height: 534px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* layer panel */
#layer-panel{}

/* name number panel */
#common-panel.namenumpanel {}
.namenumpanel .sambhavNameNum {
   width: 980px;
}
.text-shape-box {
    display: inline-block;
    float: left;
    width: 100%;
     padding:6px;
}
.small-title {
    display: inline-block;
    clear: both;
	margin-bottom: 9px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
	z-index: 1;
    position: relative;
}
/* image effect panel */
.image_quality .upload-mathod{
	margin: 0 0 10px;
    width: 100%;
}
.uploadimage-section {
    display: inline-block;
    width: 100%;
	position: relative;
}
.uploadimage-section #images_loaded #uploader {
	opacity: 0;
}
.uploadimage-section #images_loaded .imagearea-box {
	height: calc(100% - 212px);
	width: 100% !important;
}
.imgupload-option-block {
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    padding: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: center;
    align-content: center;
	border: 1px solid;
	position: relative;
	z-index: 1;
	pointer-events: none;
}
.media-uploadimgbtn a,
.media-uploadimgbtn button {
	font-size: 34px;
    line-height: 1;
}
.media-uploadimgbtn a {font-size: 16px; line-height: 1.5;}
.media-uploadimgbtn a:hover { color: #0695d1}
.media-uploadimgbtn button#upload_img_show i {font-size: 40px;}
.media-uploadimgbtn button{
	border: none;
    background: none !important;
}
.media-uploadimgbtn button[disabled='disabled'] {
    color: #949494;
}
.imagelist-block {
    box-sizing: border-box;
    width: 100%;
}
#images_loaded {
    /* max-height: 326px; */
    overflow-y:  auto;
	margin-top: -100px;
}
#uploader .plupload_container {
	background: none;
}
#uploader .plupload_dropbox {
	height: 98px;
	margin-bottom: 5px;
	min-height: unset;
	background: transparent;
}
#uploader #uploader_buttons {
	display: none !important;
}
.panel-body .pager .prev,
.panel-body .pager .next,
.panel-body #flickr_pager .end-page,
.panel-body #flickr_pager .start-page,
#flickr_pager{
	font-size: 14px;
	margin-right: 10px;
}
#flickr_pager{
    margin-top: 8px;
}
#flickr_pager > br{
    display: none;
}
#import_error {
    width: calc(100% - 14px);
    position: absolute;
    top: 133px;
    left: 7px;
}
#import_error > div{
	background: #f1a6a6 !important;
    font-size: 13px !important;
    padding: 4px 8px !important;
}
.full-width{
    display:block;
    width: 100%;
    padding: 10px;
}
.range-blocks .full-width{
	display: inline-block;
}
#borderColorCaption{
    float: left;
    padding: 10px 5px;
}
#borderSizeCaption,#marginCaption{
    display: inline-block;
    vertical-align: middle;
    min-width: 48px;
}
.range-blocks .range-blockse{
	display: inline-block;
    vertical-align: middle;
	width: 85%;
}
#ruler_corner {
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-left: 1px solid #777;
}

.padding-top-0{padding-top: 0;}

.designtool-wrapper #transformPanel{
	top: 66px;
}
label[for="import_svg"] .fa.fa-inbox {
    font-size: 26px;
}
/* .productdetails{
    display: inline-block;
} */
.shape-tool-content .tool_button.flyout_current  > svg,
.shape-tool-content .tool_button_current.flyout_current > svg{
	width: 100%;
}
.shape-tool-content .tools_flyout .tool_button  > svg,
.shape-tool-content .tools_flyout .tool_button_current > svg{
	width: 100%;
	height: 100%;
}
/* color map */
#color_map .global-pop-windows-container {
    padding: 0;
}
#color_map .global-pop-windows-overlay {
    z-index: 21;
}
#newColorCodes{
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: auto;
}
#newColorCodes > div{
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-basis: 500px;
    flex-basis: 500px;
    border: 1px solid #cccccc;
}
.color-map-wrapper {
    display: inline-block;
    width: 100%;
    height: auto;
	max-height: 400px;
    overflow: auto;
}
.color-map-box {
    float: left;
    /* width: 165px; */
}
.color-map-box:first-child {
    margin-right: 5px;
    /* width: 165px; */
}
.printingcolor-map{width: calc(100% - 57px);}
.color-map-wrapper #orgColorCodes > div{
    width: 100%;
    display: flex;
    border: 1px solid #cccccc;
}
#simple_picker,#border_simple_picker{
    position: relative;
}
#simple_picker .simpleColorChooser{
    width: 360px !important;
    height: 160px !important;
    position: relative !important;
    overflow: auto !important;
    top: 0 !important;
}
#simple_picker .simpleColorContainer #selectColorPalette.tab{
    width: 100%;
}
#simple_picker .simpleColorContainer #colorCategory{
    padding: 10px 0 !important;
    width: 400px;
}
#canvas_border_colorpicker_con {
    position: absolute;
    z-index: 8;
    left: 53%;
    box-shadow: 0 0 5px #ccc;
    display:none;
}
#border_simple_picker .simpleColorContainer #colorCategory{
    width: 160px;
    overflow: auto;
}
#border_simple_picker .simpleColorChooser{
    width : 200px !important;
    top: 0 !important;
    position: relative !important;
    overflow: auto !important;
}
#border_cpclose{
    z-index:9;
}
#pickDesignColor_window .global-pop-windows-container {
	top: 0;
	position: fixed;
	left: calc(50% + 250px);
	transform: translateX(-50%);
	bottom: 77px;
}
.colorpicker-icon{
	background: url(../images/c_picker.png) no-repeat;
    width: 16px;
    height: 16px;
}
/* responsive */
@media only screen and (min-width: 1170px) and (max-width: 1310px) {
	.right-section{
		padding-right: 4px;
	}
	.qualitybox_panel, .proceed-btn{
		width: calc(231px - 4px);
	}
	section.product-area{
		padding-left: 35px;
	}
}
@keyframes loader {
    0% { left: -100px }
    100% { left: 110%; }
}
#loader #box {
    width: 50px;
    height: 50px;
    /* background: #6997DB; */
    animation: animate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
@keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { transform: translateY(9px) rotate(22.5deg); }
    50% {
      transform: translateY(18px) scale(1,.9) rotate(45deg) ;
      border-bottom-right-radius: 40px;
    }
    75% { transform: translateY(9px) rotate(67.5deg); }
    100% { transform: translateY(0) rotate(90deg); }
  }
.sk-cube-grid{width:40px;height:40px;margin:100px auto}
.sk-cube-grid .sk-cube{width:33%;height:33%;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}
.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:00s;animation-delay:0s}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}


.borderalignmentpanel #borderalignment:after{
    content: "";
    font-size: 0;
    display: none;
    width: 0;
}
.tool_button, .tool_button_current, .push_button_pressed{
    height: 30px !important;
    width: 30px !important;
	text-align: center;
	margin-right: 10px;
}
#fontsize_con .tool_button, #fontsize_con .tool_button_current, #fontsize_con .push_button_pressed{
    width: 37px !important;
    height: 36px !important;
}
.flaticon-linecircle:before{
  font-weight: bold;
}
#svg_save_design_window .div-table-row .div-table-cell:first-child {
    width: 77%;
}

/* for vdp start */
#VDPProp .status{
    display: inline;
    /* margin-left: 20px; */
}
.vdp-permission{
    display: inline;
}
#text_panel .text_panel { border: 1px solid red;}
.vdp-permission { /*position: absolute;*/right: 30px;top: 65px;z-index: 999; margin-right: 10px;}
.vdp-permission  input { /*margin: 2px 5px 0 0 !important;*/ position:relative; top:3px;}
.Vdp-Required { clear:both; float: left; margin:0 0 0 6px;}
#text_panel #btnAddText { position: absolute; /*right: 90px;*/}
.btn_addtext { position: absolute; right: 0 !important;}
.vpd_btn { margin: 20px 0 10px 0; clear:both; font-size:12px;display: inline-block;width: 100%;padding: 10px 10px 0;border-top: 1px solid #ddd;}
.vdp_left { float: left;}

.vdp_right { float: right;}

.uploadVdpButton:hover 	{background:url("../images/upload_vdp_img.png") no-repeat;}
.uploadVdpButton 	{margin-right:0px; background:url("../images/upload_vdp_img.png") no-repeat;width:50px; height:31px;}

.removeVdpImgButton {background: rgba(255, 0, 0, 0.85); width: 15px; height: 15px;display: block; float: right; position: absolute; right: 0; top: -6px; border-radius: 7px !important; font-size: 10px;}
.removeVdpImgButton:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; content: "\f00d"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.removeRowButton 	{background:url("../images/empty_trash.png") no-repeat scroll 10px 19px / 50% auto; margin-left: 15px; font-size: 24px; margin-top: 23px; float: left;}
.vdpUploadFile 		{overflow: hidden;display: block;padding-top: 12px;}
#vdp_header_float{ position: absolute; top: 55px;}
#vdpDataTbl #row_header .div-table-cell:nth-last-child(2) {border-right: none;}
#vdp_window_container .div-table{
  width: auto;
}
#vdp_window_container .div-table-cell{
  padding-right: 5px;
  vertical-align: middle;
}
#vdp_window_container .div-table-cell label { width: 120px;padding: 5px 0px 5px 5px; display: inline-flex; margin: 0 15px 0 0;font-weight: bold; color: grey}
#vdp_window_container .div-table-cell button { float: left; margin: 0 0 0 20px; border: none;}
.vdpimgholder{
    position: relative;
    display: inline-block;
}
#vdp_window_container .div-table-cell input[type=text], #vdp_window_container .div-table-cell input[type=password] {
    border: none;
    border-bottom: 1px solid #575757;
    height: 27px;
    padding: 0 5px;
    box-shadow: NONE;
}
#vdp_window_container .div-table-cell img { float: left; margin: 0 10px 0 0; width:40px;}
#vdp_window_container .div-table-row:first-child .div-table-cell:first-child{ border-left:none;}
#vdp_window_container .div-table-row:first-child .div-table-cell:last-child{ border-left:none;}
#vdp_window_container .div-table-row:first-child { height: 40px;}
#vdp_window_container .div-table-row { height: 60px;}
#vdp_window_container .div-table-cell input { height: 25px;margin-top:15px;width: 100%;}
.import_vdp_holder>button{margin:0 0 15px;}
.import_vdp_holder p{font-size:17px}
#importVdpDataBtn{float:right; margin-top:15px;margin-bottom: 10px;margin-right: 10px;}
.pop-heading-line1{border-bottom:1px solid #ececec;display:block;margin-top:155px;padding-bottom:10px}
#myProgress,#uploadZipBtn,.importDataBtn{float:left}
*,:after,:before{box-sizing:border-box;margin:0;outline:0;padding:0}
div.download_data_csv_btn a{opacity:1;text-decoration: none;}
#myProgress{position:relative;width:20%;height:17px;background-color:#ddd;margin:13px 0 0 10px;border-radius:7px}
.import_vdp_holder>p{clear:both;line-height: 18px; font-size:14px; color: #666;}
#myBar{position:absolute;width:10%;height:100%;background-color:#9ACEEA;border-radius:7px}
#precentageLbl{text-align:center;line-height:17px;font-size:10px}
.fileUpload{position:relative;overflow:hidden}
.fileUpload input.upload {position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;opacity:0;filter:alpha(opacity=0)}
.file-upload{width:34%;}
.file-upload input.uploadCsvBtn {font-size:20px;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0}
.file-upload label { font-size: 14px !important;}
#import_vdp_data .file-upload{
  width: 110px;
}
#import_vdp_data .file-upload label { 
  font-size: inherit !important;color:inherit;
}
.upload input { border: none; float: right; margin: 5px 0 0 0; border-radius: 0; font-size:14px; color: #666; box-shadow: none;}
.upload {width: 40%; margin-top:15px;}
#vdpPageNav{border:1px solid #e1e1e1;border-radius:3px;margin:auto;width:205px;}
.vdp_recortitle {
    left: 0;
    margin: auto;
    /*position: absolute;
    right: 0;
    bottom: -65px;*/
    width: 205px;
    z-index: 1;
    position: static;
}
#vdpPageNav span{border-right:1px solid #e1e1e1;float:left;height:30px;margin:0;width:30px}
.vdp_recortitle > span {
    background: rgba(255, 255, 255,0.7);
    width: calc(100% - 9px);
    display: inline-block;
    float: left;
    margin-left: 1px;
    padding: 5px 0;
    /*border-bottom: 1px solid #ddd;*/
}
#vdpPageNav span #vdpGotoPageTxt{border:1px solid #e1e1e1;font-size:12px;height:35px;margin-left:0;margin-top:-2px;text-align:center;width:71px;background-color: rgba(255, 255, 255,0.7);}
#vdpPageNav img {
    margin-top: 5px;
}
.vdpFirstPage .tool_button,
.vdpPrevPage .tool_button,
.vdpGotoPage .tool_button,
.vdpNextPage .tool_button,
.vdpLastPage .tool_button{
    background-color: rgba(255, 255, 255,0.7);
}
#vdpPageNav .vdpGotoPage{margin-right:1px;width:70px}
#vdpRecordLabel {width:190px; display:block; text-align:center; padding:5px 0;}
.vdp_pagination .pagination{	overflow-x: hidden; position:relative; left:0px; margin: 0px; }
/* .vdp_recortitle span {float: left;margin: 417px 0 0 8px;} */
.fancybox-wrap.fancybox-desktop.fancybox-type-inline {
    margin-bottom: 10px;
}

.vdpPadding { /*padding: 0 0 70px !important;*/ min-width: 500px; }
.pagers {position: absolute;width: 99%;left: 3px;z-index: 9;}
.pagers li:first-child a 	{left:20px; top: 4px;position: absolute;font-size: 28px;}
.pagers li:last-child a 	{right:20px;top: 4px;position: absolute;font-size: 28px;}
#vdp_window .pagination_holder{width: 836px;overflow: hidden;margin: 0 22px;}

#myProgress,#uploadZipBtn,.importDataBtn{float:left}
#myProgress{position:relative;width:20%;height:17px;background-color:#ddd;margin:13px 0 0 10px;border-radius:7px}


.vdp-validation{display: block !important;width: 120px !important;text-align: center !important;text-transform: capitalize !important;font-weight: normal !important;color: red !important;font-size: 9px !important;position: relative;}
.vdp-validation i { margin-right: 4px;}
.uploadVdpButton i {
    font-size: 24;
}
p#importInstruct3{
    margin-top: 7px;
}
/* for vdp end */
#canvasSettingsDiv #border_simple_picker .simpleColorContainer #colorCategory{
	overflow:hidden;
}
#canvasSettingsDiv #border_simple_picker .simpleColorContainer #selectColorPalette.tab{
	width:auto;
}
 .color-map-wrapper #orgColorCodes > div.bgparent > div{
    width: 30px;
    height: 30px;
    position: relative;
    margin: 10px;
}
#canvas_border_colorpicker_con.simplecolor_wrapper {
    left: 0;
    top: 40px;
}
.simplecolor_wrapper  #border_simple_picker .simpleColorChooser{
	width: 383px !important;
}
.simplecolor_wrapper  #border_simple_picker .simpleColorContainer #colorCategory{
    width: 353px;
}
.imageeffect-window .color_rect {
    position: absolute;
    bottom: 4px;
    left: 4px;
}
#errormsgforcart {
    color: rgb(255, 156, 0);
    font-size: 20px;
    padding: 10px;
    float: left;
    /* margin-left: 73%; */
    position: absolute;
    display: none;
}

.vpd_btn .vd-btns {
    display: inline-block;
    margin-left: 5px;
}
.vpd_btn .vd-btns:first-child {
    margin-left: 0;
}
.vpd_btn .vd-btns .button-default {
    display: inline-block;
    font-size: 12px;
}
.vpd_btn .vd-btns.button-default{
  font-size: 12px;
}
#vdp_window .panel-body {
    padding: 20px;
}
#vdp_window .vdp-data-table-row {
    height: 442px;
    overflow-y: auto;
}
.fancybox-skin a.previewZoomButton{
    display: inline-block;
    margin-top: 4px;
}
.previewZoomButton > span {
    margin: 0 5px;
    
}
.fancybox-wrap .previewZoomButton > span{
  display: inline-block;
  float: left;
}
.fancybox-wrap.fancybox-opened .fancybox-title{
      height: auto;
    display: inline-block;
    width: 100%;
}
.fancybox-wrap.fancybox-opened .fancybox-title span.title {
    position: absolute;
    /*bottom: -12px;*/
    right: 10px;
    bottom: auto;
    top: 16px;
}
.fancybox-skin .download-preview.button-default{
	position: absolute;
    font-size: 12px;
    right: auto;
    top: auto;
    bottom: -15px;
    left: -5px;
}

/*start for multi layer*/
#layer_color_open_panel { top:  87px; left: 263px;}
.layer-picker-panel {box-shadow: 0 0 5px 1px #d7d7d7;z-index: 4;left: 0;position: absolute;top: -264px;}
#layer_cpclose {border: 1px solid; border-radius: 17px;padding: 3px; position: absolute; right: -7px; top: -9px;width: 20px;height: 20px;z-index: 9;}
#layer_cpclose i{font-size:11px;}

#colorLyerpanel .colorimage { max-height: 126px;
    overflow: auto;}

.colorimage ul {
    display: inline-block;
	padding: 10px;
}
.colorimage li {
    display: inline-block;
    float: left;
	margin: 0 3px 5px 0;
	padding: 1px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 3px 12px 23px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 12px 23px -8px rgba(0,0,0,0.75);
	box-shadow: 3px 12px 23px -8px rgba(0,0,0,0.75);
}
.lablepanel { background: #2b95ff; padding: 10px 0 10px 0; width: 99%; margin: 0 0 0 0;}
.color_parent, .pattern_parent {padding:10px; width:99%; min-height:70px; /*margin-bottom: 10px;*/ clear:left; overflow:auto;}
.pattern_parent { margin-bottom: 5px;}
.color_parent .li_parent, .pattern_parent .li_parent { float:left; max-width: 100px;}
.color_parent label, .pattern_parent label { display:block; font-size:12px; text-decoration:underline; margin-bottom:5px; }
.pattern_parent button { border:1px solid !important; float:right; font-size: 12px; margin-right: 0; padding: 5px; width: auto; background: none !important; text-decoration:underline; text-transform:capitalize;}
.lablepanel label {font-size: 13px; text-transform: capitalize; margin: 0 0 0 10px;}
.selectedcolor { float: right; margin-right: 10px; border: none !important; box-shadow: 0px 0px 2px 2px #e6e4e4; border-radius: 0 !important;}
.patternpanel {width: 94%; margin: 0 0 5px;}
#colorLyerpanel .colorimage { max-height: 199px;overflow: auto;}/*132px*/
#multi-layer-panel{
    width: 83px;
    top: 56%;
}
#multi-layer-panel .gallery{
    width: auto;
    margin: auto;
    height: auto;
    float: left;
    display: inline-block;
    clear: both;
    height: 380px;
    overflow: hidden;
}
.layer-list li {
    margin-bottom: 7px;
    margin-left: 0;
    clear: both;
    width: 100%;
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.thumbimage {
    padding: 3px;
    clear: both;
    border: 1px solid;
    width: 70px;
    height: 52px;
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
.layer-list .thumbimage img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.layer-list li > label {
    margin-bottom: 3px;
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 83px;
    overflow: hidden;
}
#prevLayer, #nextLayer {
    display: inline-block;
    -webkit-user-select: none;
    -ms-user-select: none;
    background: none;
    text-transform: capitalize;
    float: left;
    width: 100%;
    clear: both;
    text-align: center;
}
#prevLayer i, 
#nextLayer i{
    font-size: 30px;
    margin: 0;
}
#prevLayer{
    margin-bottom: 5px;
}
#nextLayer{
    margin-top: 5px;
}

#productClrContainer {
    right: 90px;
    top:30%;
    width: 260px;
}
#productClrContainer:before {
    content: "";
    position: absolute;
    right: -13px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #ccc;
    top: 44px;
}
#productClrContainer:after {
    content: "";
    position: absolute;
    right: -11px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #ffffff;
    top: 44px;
}
#productClrContainer .color-container {
    max-height: 220px;
    min-height: 220px;
}
#colorList{
    height: 172px;
    width : 254px;
}
/*end for multi layer*/

/* *** css for preview Animation *** */

.preview_holder div.preview-image-slot{
    position: relative;
}
@-webkit-keyframes next {
    from {left:700px;}
    to {left: 0px;}
}
  
@keyframes next {
    from {left: 700px;}
    to {left: 0px;}
}

@-webkit-keyframes previous {
    from {left:-700px;}
    to {left: 0px;}
}
  
@keyframes previous {
    from {left: -700px;}
    to {left: 0px;}
}
/* ********************************* */

/* **** preview navigation button **** */
.preview-navigation-btn{
    width: 35;
    height: 35;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
}
.preview-navigation-btn#preview_prev,
.preview-navigation-btn#preview_next{
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}
.preview-navigation-btn#preview_prev {
    left: 0;
}
.preview-navigation-btn#preview_next {
    right: 0;
}

.side-caption{
    text-align: center;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    bottom: 8px;
}

/* **** preview navigation button end **** */

/*for edit panel*/
#ie_edit .effect_tab_cnt .left, #ie_edit .effect_tab_cnt .right {
    width: 50%;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
}
#ie_edit .effect_tab_cnt .caption {
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
    min-width: 72%;
    margin-bottom: 5px;
    margin-top: 5px;
}
#ie_edit #remove_white_options, #ie_edit #no_of_color_options {
    min-width: 78px;
    height: 33px;
    margin-top: 5px;
}
.color_parent_box {
    
}
.color_parent_box .orig_color_block {
    width: 25px;
    height: 25px;
    display: none !important;
    float: left;
    margin-right: 26px;
    position: relative;
    border: 1px solid;
}
.color_parent_box .orig_color_block:after {
    content: "\f178";
    position: absolute;
    left: 100%;
    font-size: 15px;
    display: inline-block;
    width: 30px;
    vertical-align: middle;
    margin-left: 6px;
    font-family: FontAwesome;
    margin-top: 5px;
	display: none !important;
}
.first_time_color {
    position: absolute;
    margin-left: 86px;
    z-index: 1;
    width: 60px;
    background: gray;
    height: 30px;
    border-radius: 5px;
    padding: 7px;
    text-align: center;
    color: white;
    margin-top: -2px;
	display: none !important;
}
#edit_update_btn{
    position: absolute;
    right: 188px;
    bottom: 98px;
}
#ie_edit .effect_tab_cnt .instruct {
    position: absolute;
    bottom: 64px;
    left: 29px;
    width: 321px;
    min-width: auto;
    font-size: 12px;
}
.mt-10{
    margin-top: 10px;
}
.mt-5{
    margin-top: 5px;
}
#maskOverlayUploadCon .removeButton, #maskOverlayUploadCon table td .uploadHdButton{
    width: 30px;
    height: 30px;
    font-size: 26px;
}
#maskOverlayUploadCon table td button {
    float: left;
    border: none;
}
#maskOverlayUploadCon .removeButton {
    float: right;
}
#maskOverlayUploadCon .checkbox {
    width: 22px;
    height: 22px;
    display: block;
    float: right;
    margin: 5px 2px 2px 15px !important;
}
#maskOverlayUploadCon .label {
    display: block;
    float: right;
    margin-top: 5px;
}
#maskOverlayUploadCon table {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#maskOverlayUploadCon table td {
    border: 1px solid #ccc;
    padding: 5px;
}
div#maskOverlayUploadCon img{
    float: left;
    margin-left:5px;
}
#maskOverlay_window .panel-body{
    background-color: #efefef;
}
.printingMethod-area {
	flex: 1;
    clear: both;
    padding: 0 10px 0 0;
    border-right: 2px solid #ddd;
	display: none !important;
}

#distribute_icons svg {
    width: 18px;
    height: 25px;
}

.customOptionContainer .optionRow .option dl {
    display: flex;
}
dl.required {
    position: relative;
}
.cart_price label {
    display: inline-block;
    margin-left: 10px;
    font-size: 15px;
}
/* custom Option */
#customOptionContainer { max-height: 250px; overflow-y: auto; overflow-x: hidden; }
.customOptionContainer .optionRow { margin-bottom: 15px; }
.customOptionContainer .optionRow .option dl dt,
.customOptionContainer .optionRow .option dl dt,
.customOptionContainer .optionRow .andman{flex:1}
.customOptionContainer .optionRow .option dl dd.optionDiv     { flex: 1;font-size: 11px;color:#575757}
.customOptionContainer .optionRow .option dl dt .captionSmall { font-size: 11px;font-weight: 300;color: #575757;line-height: normal;}
.customOptionContainer .optionRow input[type="text"], .customOptionContainer .optionRow input[type="field"] { background: none; font-size: 11px; width: 130px;height: 30px; border: none; border-bottom: 1px solid #ececec;text-indent: 5px;line-height: 30px;}
.customOptionContainer select {background:none;width:130px;padding:0px;line-height: 30px}
#customOptionContainer fieldset {border:none;}
.customOptionContainer ul.options-list span {
    font-size: 12px;
    padding-left: 7px;
    line-height: 12px;
    text-transform: capitalize;
    vertical-align: top;
}
.customOptionContainer ul.options-list li {
    margin-bottom: 2px;
}
/* custom Option */
/* instruction window */
.tooltip-instruction-window{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 22;
}
.tooltip-instruction-window .tooltip-instruction-overlay{
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.tooltip-instruction-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.tooltip-instruction-content .instruction-box {
    position: absolute;
    z-index: 1;
    border-radius: 8px;
    max-width: 200px;
    padding: 10px;
    font-size: 13px;
    display: inline-block;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
}
.tooltip-instruction-content .instruction-box:before {
    content: "";
    position: absolute;
}
.instruction-box.top-nav {
    top: 13%;/*50px;*/
    left: 15%;/*40px;*/
}
.instruction-box.top-nav:before {
    border-right: 31px solid #fff;
    border-top: 14px solid transparent;
    right: 100%;
    top: 30%;
}
.instruction-box.addcart-tooltip {
    top: 3%;
    left: 15%;
}
.instruction-box.addcart-tooltip:before {

    border-right: 31px solid #fff;
    border-top: 14px solid transparent;
    right: 100%;
    top: 30%;
}
.instruction-box.undo-redo-tooltip {
    /*max-width: 85px;*/
    left: 50%;
    top: 12%;
}
.instruction-box.undo-redo-tooltip:before {
    bottom: 100%;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 24px solid #fff;
    right: 12px;
}
.instruction-box.trash-color-tooltip {
    top: 36%;
    left: 15%;
}
.instruction-box.trash-color-tooltip:before {
    border-right: 31px solid #fff;
    border-top: 14px solid transparent;
    right: 100%;
    top: 60%;
}
.instruction-box.sides-tooltip {
    bottom: 20%;
    left: 50% ;
}
.instruction-box.sides-tooltip:before {
    top: 100%;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    border-top: 24px solid #fff;
    left: 12px;
}
.instruction-box.leftnav-tooltip {
    /* bottom: 15%; */
    bottom: 96px;
    left: 13%;
}
.instruction-box.leftnav-tooltip:before {
    top: 100%;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    border-top: 34px solid #fff;
    left: 22px;
}
.instruction-btnset {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);;
    -moz-transform:    translate(-50%, -50%);;
    -ms-transform:     translate(-50%, -50%);;
    -o-transform:      translate(-50%, -50%);;
    transform: translate(-50%, -50%);
}
.instruction-btns {
    font-size: 22px;
    outline: none;
}
.gotit-btn {
    padding: 8px 18px;
    /* background: #e31c79; */
    border-radius: 20px;
    border: 2px solid;
}
.skip-btn {
    padding: 10px 15px;
    background: none;
    border: none;
}
.instruction-box.edit-instruction-box {
    bottom: 134px;
    left: 50%;
    font-size: 10px;
    max-width: 215px;
    -webkit-transform: translateX(-50%);
    -moz-transform:    translateX(-50%);
    -ms-transform:     translateX(-50%);
    -o-transform:      translateX(-50%);
    transform: translateX(-50%);
}
.instruction-box.edit-instruction-box:before {
    top: 100%;
    border-left: 6px solid transparent;
    border-right: 5px solid transparent;
    border-top: 34px solid #fff;
    left: 29px;
}
.instruction-box.edit-instruction-box p {
    margin-bottom: 5px;
}
.instruction-box .icons-tooltip {
    margin-right: 4px;
    font-size: 15px;
    vertical-align: middle;
}
.tooltip-instruction-content.text-edit-instruction .instruction-btnset {
    top: 44%;
}
/* instruction window */
.align_icons .inside_caption, #distributeLabel {
    font-size: 14px;
    height: auto;
    line-height: 1;
    padding: 0;
    text-transform: capitalize;
    min-width: 70px;
}
#distributeLabel{
    margin-right: 5px;
}
.align_icons .caption-section{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.distribute_panel{
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
        margin-top: 5px;
}
#textNameShapeDD .shape_con .ranger-area, 
#textNumberShapeDD .shape_con .ranger-area,
 #textShapeDD .shape_con .ranger-area{

 }
 #common-panel .box-outer{
    display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
    display: flex;
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
 }
 #text_panel{
     width:100%;
 }
 .printingMethod-area .panel-header {
    margin-bottom: 4px;
    padding: 0;
    border-bottom: none;
    cursor: default;
	background: none;
}
.printingMethod-area .panel-heading{
  display: block;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
}
#printingMethod{
  font-size: 11px;
    width: 100%;
}
.login-table .div-table-cell input[type="text"], .login-table .div-table-cell input[type="password"] {
    width: 100%;
}
.login-table > div.login {
    padding-right: 8px;
}
.login-table > div.register {
    padding-left: 8px;
}
.login-table .g-recaptcha {
    margin-bottom: 11px;
    margin-top: 5px;
    -webkit-transform: translateX(6px) scale(1.09);
    -moz-transform: translateX(6px) scale(1.09);
    transform: translateX(6px) scale(1.09);
}
.div-table-row.forget-pwd-row{
    height: auto;
}
.forget-pwd-cell.div-table-cell > label{
    text-align: right;
    margin: 1px 0 5px;
}
#addBackgroundDiv .text-popup-width {
    max-height: 517px;
}
#border_color svg {
    width: 21px;
    height: 21px;
}
#canvasSettingsDiv .panel-body {
    padding-top: 11px;
}
#namennnumber_table{
    width: 100%;
}
.add-new-btn{
    position: absolute;
    left: 0;
}
.add-new-btn #addNewNameNumber:hover, .name-num-preview-box .close-btn a:hover, #name_num_customList .name_num_customlist_container .panel-heading a.save-link:hover {
	text-decoration: underline;
}
.effect_tab_cnt .propo_label {
    width: 100%;
    margin-left: -2px;
}
#btnAddVdpText.button-default {
    position: static;
    margin-right: 9px;
}

/*Kj Code*/

.right-section .right-panel {
    width: 100px;
	height: 100%;
    padding-right: 0;
    min-width: 100px;
    position: relative;
}
.right-section .right-panel .left-btn-panel {height: 100%;}
.right-panel button.full-button{
  width: 100%;
  border-radius: 0;
  margin-bottom: 0px;
  padding: 0;
  text-align: center;
  height: 80px;
}
.right-panel button div.caption {
    font-size: 14px;
    border-radius: 0;
    line-height: 1;
    text-align: center;
    display: block;
    padding: 0;
    height: auto;
    vertical-align: middle;
	text-transform: capitalize;
    margin-top: 5px;
}
.customIcon {
    font-size: 36px !important;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}
#getStarted-panel .customIcon, #manageProduct-panel .customIcon {
	font-size: 24px !important;
}

.right-panel .full-button .customIcon {
    margin-right: 0;
}
.right-panel button .optoin-control-icons {
    width: 36px;
    display: inline-block;
    float: none;
    margin-right: 0;
    text-align: center;
    margin-left: 0;
    padding: 0;
    height: 36px;
}
.right-panel button.full-button{
  border-radius: 0px;
}
.bottom-section .half-btn-block button.half-button {
	flex: 1;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'OpenSans-SemiBold';
    line-height: 1;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    /* background: #ebebeb;
    width: calc(50% - 10px); 
	margin-left: 5px; */
	margin-right: 10px;
    border-radius: 4px;
    background: transparent;
    text-align:center;
	padding: 10px 0;
	border: 1px solid;
}
.bottom-section .half-btn-block button.half-button:hover {
    border: 1px solid rgba(0,0,0,0);
}
.bottom-section .half-btn-block .half-button .customIcon {
    font-size: 26px !important;
    margin-right: 2px;
    margin-left: 2px;
    padding: 0 5px;
	display: inline-block;
}
.bottom-section .half-btn-block button div.caption {
    border-radius: 4px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    font-size: 16px;
    height: auto;
}
.right-section {
    width: 500px;
    margin-right: 10px;
    min-width: 500px;
	float: left;
	height: calc(100% - 77px);
	background: #f0f2f5;
	border-bottom: 1px solid;
	/* overflow-y: auto;
	overflow-x: hidden; */
}
.qualitybox_panel, .proceed-btn{
    /* width: calc(500px - 30px); */
}
section.product-area {
    left: 580px;
}

.popup-panel, .global-pop-windows.popup-panel{
  left: 100px;
  bottom: 0;
  top:0px;
}
#common-panel{
  left: 100px !important;
  top: 0 !important;
  bottom: 0px !important;
  right: auto !important;
}
.box-outer {
    height: auto;
}
#btnAddText{
  height: auto;
}

#text_panel {
    width: 100%;
    margin-bottom: 5px;
}

#tool_font_family.toolset_fontfamily, #tool_fill, #textShapeDiv, .textFontSizePanel, .object_height, .object_width, #remove_white_container, 
#no_of_clr_container, .borderalignmentpanel, .curve-text-div, .rotatePanel, .image-filter-panel, .textalignmentpanel {
    float: left;
    margin-right: 0;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}
#tool_font_family .wrapper-dropdown-1 {
  float: right;
  height: auto;
  padding: 0 0 0 5px;
  border: 0px solid;
  background: transparent;
  width: 60%;
  position: static;
}
#tool_font_family .wrapper-dropdown-1:after {
	content: "";
}
#selectedFont {
    font-size: 20px;
	line-height: 30px;
	text-align: right;
	width: 100%;
	position: relative;
	padding-right: 20px;
	text-transform: capitalize;
	background: none;
	border: none;
}
#tool_font_family #selectedFont:after {
  content: '\f105';
  position: absolute;
  right: 5px;
  font-family: fontawesome;
  color: #02adef;
  font-weight: bold;
}
.image-edit-panel {
	border-bottom: none !important;
}
#common-panel .image-edit-panel {
	width: 100%;
	margin-bottom: 10px;
    border-bottom: 1px solid;
	padding-bottom: 10px;
}
#common-panel .image-edit-panel .button-area ul {
	display: flex;
}
#common-panel .image-edit-panel .button-area ul li {
	display: flex;
	flex: 1;
	justify-content: center;
	flex-flow: row wrap;
	margin-right: 8px;
}
#common-panel .image-edit-panel .button-area ul li.flip-btn-area, 
#common-panel .image-edit-panel .button-area ul li.layer-btn-area {
	flex: 2;
}
#common-panel .image-edit-panel .button-area ul li:last-child {
  margin-right: 0;
}
#common-panel .image-edit-panel .button-area ul li .icon {
	width: 100%;
}
#common-panel .image-edit-panel .button-area ul li button {
	background: none;
	margin-bottom: 0;
	border: 1px solid;
	width: 100%;
	border-radius: 5px;
	padding: 5px;
}
#common-panel .image-edit-panel .button-area ul li.flip-btn-area button, 
#common-panel .image-edit-panel .button-area ul li.layer-btn-area button {
	width: 50%;
	float: left;
}
#common-panel .image-edit-panel .button-area ul li.flip-btn-area button:first-child, 
#common-panel .image-edit-panel .button-area ul li.layer-btn-area button:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
#common-panel .image-edit-panel .button-area ul li.flip-btn-area button:last-child, 
#common-panel .image-edit-panel .button-area ul li.layer-btn-area button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.image-filter-panel .filter-title {
	font-weight: 400;
	margin-bottom: 20px;
}
.image-filter-panel .filter-section {
	display: flex;
	justify-content: space-around;
}
.image-filter-panel .filter-section .filter-box {
	width: 90px;
}
.image-filter-panel .filter-image {
	width: 100%;
	padding: 8px;
	border: 2px solid;
	background-image: url("../images/shirt-texture.png");
	background-size: cover;
}
.image-filter-panel .filter-image img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
.image-filter-panel .black-white .filter-image img {
	filter: grayscale(1);
}
.image-filter-panel .filter-img-name {
	display: flex;
	padding: 5px 0;
	width: 100%;
	justify-content: center;
	font-size: 14px;
}
.image-filter-panel .filter-image.active + .filter-img-name {
	border-bottom: 3px solid;
}
.image-edit-panel .button-area ul li button i {
	font-size: 20px;
}
.image-edit-panel .button-area ul li button svg {
	height: 20px;
	background: none;
}
#common-panel label.text-label, #remove_white_container .caption, #no_of_clr_container .caption, #tool_font_family label {
  text-align: left;
  width: 40%;
  float: left;
  font-size: 14px;
  font-family: 'OpenSans-Regular',Arial,Calibri,sans-serif,Karla;
  font-weight: 300;
  margin-bottom: 5px;
}
#no_of_clr_container .caption {
	width: 60%;
}
#image_color_container {
	display: inline-block;
    width: 100%;
    /* margin-top: 10px; */
}
#image_color_container .caption {
	width: auto;
}
#image_color_container .image-color-block {
	float: right;
    width: calc(100% - 80px);
	overflow: auto;
	height: auto;
	text-align: right;
}
.image-color-block {
	width: 100%;
}
.image-color-block .color_parent_box {
	
}
#image_color_container .color_parent_box, #image_color_container .color_parent_box.disabled {
	display: inline-block;
	position: relative;
}
#image_color_container .color_parent_box.no-fill .color_block_parent .no-fill-color, #image_color_container .color_parent_box.no-fill .color_block_parent .color_block {
	opacity: 0;
}
#image_color_container .color_parent_box.disabled:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 90%;
	height: 2px;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	background-color: #ed4040;
	margin: auto;
}
#image_color_container .color_block_parent .no-fill-color {
	padding: 2px;
	overflow: hidden;
	border-radius: 50%;
}
#common-panel .textFontSizePanel #textFontSize, .object_height #objectHeightValue, .object_width #objectWidthValue, .border-size-section #borderSizeValue, 
#common-panel .curve-text-div #curve-text-val, #common-panel .rotatePanel #rotateSize, .textalignmentpanel button#textalignment {
  float: right;
  border: 1px solid;
  background-repeat: no-repeat;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 74px;
  height: 30px;
  text-align: center;
  line-height: 25px;
  border-radius: 4px;
}
#common-panel .rotatePanel #rotateSize {overflow: hidden;}
#remove_white_container select, #no_of_clr_container select {
	float: right;
	border: 1px solid;
	width: 60px;
	background: transparent;
	border-radius: 4px;
}
/* #tool_fill .color_tool{
  float: right;
} */
#textShapeDiv .caption-section, .borderalignmentpanel #outLine-color, #text_size_box .text-align {
  float: right;
  width: 60%;
}
.textalignmentpanel button#textalignment {
	background: transparent;
	width: 35px;
	margin: 0;
}
#textShapeDiv .caption-section {
	position: static;
}
.borderalignmentpanel #outLine-color, #tool_fill .color_tool.wrapper-dropdown-1, #name_num_setting.color_tool.wrapper-dropdown-1, #image_color_container .wrapper-dropdown-1 {
	background: none;
	border: none;
	text-align: right;
	padding: 0 18px 0 0;
	height: 33px;
	position: relative;
}
.borderalignmentpanel #outLine-color .outline-selected-color {
	height: 100%;
	width: 100%;
	border-radius: 50%;
}
.borderalignmentpanel #outLine-color.wrapper-dropdown-1:after, #tool_fill .color_tool.wrapper-dropdown-1:after, #name_num_setting.color_tool.wrapper-dropdown-1:after, #name_num_setting .wrapper-dropdown-1:after, #image_color_container .wrapper-dropdown-1:after  {
	font-weight: bold;
	right: 12px;
}
#name_num_setting .wrapper-dropdown-1:after {
	top: 50%;
	transform: translateY(-50%);
	line-height: 0;
}
#textShapeDD.wrapper-dropdown-2 {
  height: auto;
  padding: 0px;
  border: 0px solid;
  background: transparent;
  width: auto;
}
.textFontSizePanel, .curve-text-div, .rotatePanel, .textalignmentpanel {
	position: relative;
}
#common-panel .textFontSizePanel .text-label, #common-panel .curve-text-div .text-label, #common-panel .rotatePanel label.text-label, .textalignmentpanel label.text-label {
	min-width: 58px;
	width: auto;
}
#textSizeSlider , #curveTextSlider, #rotateSlider
{
	display: inline-block;
	width: calc(100% - 152px);
	margin: auto 10px;
	top: 13px;
	height: 4px;
	border: none;
	background: #ababab;
}
#common-panel .textFontSizePanel label.text-label, #common-panel .object_height label.text-label, #common-panel .object_width label.text-label, 
#remove_white_container .caption, #no_of_clr_container .caption, #common-panel #textShapeDiv label.text-label, #common-panel #tool_fill label.text-label, 
#tool_font_family label, #common-panel .borderalignmentpanel label.text-label, #common-panel .curve-text-div label.text-label, #common-panel .rotatePanel label.text-label, 
#text_size_box .textalignmentpanel label.text-label {
	line-height: 30px;
	margin-bottom: 0 ;
}
#tool_font_family label {
	line-height: 40px;
}
.align_wrap #objectRotateCaption{
  line-height: 25px;
}
.align_wrap, .distribute_panel, .interlock {
  float: left;
  margin-right: 0;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid;
}
.interlock{
  padding-bottom: 0px;
  margin-bottom: 10px;
  border-bottom: 0px solid;
}

.align_wrap .inside_caption, #distributeLabel, .interlock .caption-section{
  text-align: left;
  width: 50%;
  float: left;
  font-size: 14px;
  font-family: 'OpenSans-Regular',Arial,Calibri,sans-serif,Karla;
  font-weight: 300;
  margin-bottom: 5px;
}
.align_wrap .optcols3, #distribute_icons, #propCheckbox{
  float: right;
}
#common-panel{
  max-width: 400px;
}

#name_num_setting {
  max-width: 380px;
}
.sambhavNameNum .control-row .font-controls select, .sambhavNameNum .control-row .font-controls .color_tool, .sambhavNameNum .control-row .font-controls .toolset_fontfamily, .sambhavNameNum .control-row .font-controls .curve-division{
    margin: 0;
}
.name-panel-button #enter_custom_list_btn {
    width: 100%;
	margin-bottom: 0;
}
.right-panel .sambhavNameNum #name_num_customList button {
    padding: 8.75px 10px;
}
.right-panel button:after, .button-default:after{
  display: none;
}
.layer-navigation-panel {
  width: 400px !important;
  margin-bottom: 00px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 100px;
  background-color: #f0f2f5;
}
iframe#tool_iframe{
  height: 1200px;
}
.change-product-container #productresult, .change-product-container #relatedProductresult {
  height: 310px !important;
}
.sambhavNameNum #addNewNameNumber:before{
    line-height: 18px;
}
#color-option-panel .product-color-popup {
  padding: 10px;
  height: 100%;
}
#color-option-panel .product-color-popup .color-option {
	height: calc(100% - 30px);
}
.color-label{
    margin-right: 8px;
    font-size: 16.4px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.color-list {
    display: inline-block;
    vertical-align: middle;
}
.color-list .color-main {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    margin-right: 5px;
}
.select-color-name {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    white-space: nowrap;
    text-transform: capitalize;
    color: #222020;
    font-size: 14.4px;
}
.ndx-ColorSwatches-item {
    margin: 20px -5px;
}
.ndx-ColorSwatch {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: 5px;
    border-radius:2px;
}
.slide-share-panel{
	position: absolute;
    top: calc(50% - 38px);
	right: 0;
	left: auto;
	padding: 0;
	transform: translateY(-50%);
	text-align: center;
}
.slide-share-panel #productSides, .slide-share-panel .zoom-btn {
  width: 100% !important;
  padding: 10px;
  background: #f0f2f5;
  display: block;
  overflow: hidden;
}
.slide-share-panel .zoom-btn {
	padding-top: 0;
}
.slide-share-panel #productSides > li, .slide-share-panel .zoom-btn li {
  margin: 0;
  margin-bottom: 10px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  border: 1px solid;
  padding: 5px;
}
.slide-share-panel .zoom-btn li {
	margin-bottom: 0;
}
.slide-share-panel #productSides > li img {
	width: auto !important; 
}
.slide-share-panel #productSides > li:last-child {
	margin-bottom: 0;
}
.slide-share-panel .zoom-btn li button.zoom-in-out {
	background: transparent;
	border: none;
	cursor: pointer;
}
.slide-share-panel .zoom-btn li button.zoom-in-out .customIcon {
	font-size: 24px !important;
	margin-bottom: 5px;
	display: block;
}
#pickcolor-panel{
  display: none !important;
}
#productSides li label, .zoom-btn li label {
  display: block;
  position: relative;
  text-transform: capitalize;
  font-family: 'OpenSans-SemiBold',Arial,sans-serif;
}
.pickcolor-list{
  margin-top: 15px;
  width: 364px;
  height: 100%;
}
.pickcolor-list li{
  width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pickcolor-list li svg {
    width: 35px;
    height: 35px;
}
.pickcolor-list li image{
  width: 34px;
  height: 34px;
}

.text-panel-wrap{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align_wrap .inside_caption, #distributeLabel, .interlock .caption-section{
  width: 48%;
}

/*Customization css*/
.bottom-section {
	background: #f0f2f5;
	width: calc(100% + 20px);
	display: flex;
	margin-top: 0;
	align-items: center;
	padding: 10px 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: -5px;
	z-index: 20;
}
.align_wrap,.interlock, #selectorGrip_resize_c{display:none!important;}

#selectorGrip_resize_nw, #selectorGrip_resize_n, #selectorGrip_resize_ne, #selectorGrip_resize_sw, #selectorGrip_resize_w {
    visibility: hidden !important;
    pointer-events: none !important;
}
#unsupported_file_alert .unsupported_file_alert_container {
	top: 50%;
	transform: translateY(-50%);
	width: 600px;
}
#unsupported_file_alert .unsupported_file_alert_container .panel-body {
	text-align: center;
	margin: 20px 0 0;
	float: none;
}
#unsupported_file_alert .unsupported_file_alert_container .alert_title {
	color: #ff0000;
}
#unsupported_file_alert .unsupported_file_alert_container .content p {
	margin-top: 40px;
	font-size: 15px;
}
#unsupported_file_alert .unsupported_file_alert_container .proceedbtn {
	float: none;
	margin: 20px auto 10px;
	display: block;
	text-align: center;
}
.getStarted-panel .panel-header {
	border-bottom: none;
	padding-top: 14px;
}
.getStarted-panel .global-pop-windows-container {
	text-align: center;
}
.getStarted-panel .panel-header .getStarted-icon {
	display: block;
	margin-bottom: 10px;
}
.getStarted-panel .panel-header .semi-title {
	font-size: 12px;
	margin-top: 5px;
	opacity: 0.6;
}
#getStarted-panel .button-area {
	display: flex;
	flex-flow: row wrap;
}
#getStarted-panel .panel-body {
	padding: 8px 30px;
}
#getStarted-panel .button-area button {
	flex: calc(50% - 10px);
	background: transparent;
	margin: 0 10px 10px 0;
	border: 2px solid;
	border-radius: 5px;
	min-height: 70px;
}
#getStarted-panel .button-area button:nth-child(even) {
	margin-right: 0;
}
#getStarted-panel .button-area button:hover , #getStarted-panel .button-area button.active, #getStarted-panel .button-area button:focus{
	border: 2px solid transparent;
}
#getStarted-panel .button-area button .caption {
    font-size: 10px;
}
#getStarted-panel .full-width-box .box {
  border: 2px solid;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 10px;
}
#getStarted-panel .full-width-box .box h3.title {
  margin: 10px 0 5px;
}
#change-products-setting {
	left: 510px;
	right: auto;
	bottom: auto;
}
#manageProduct-panel .product-detail-wrapper {
	height: calc(100% - 65px);
}
#manageProduct-panel .product-detail-wrapper .v-scroll {
    height: 100%;
	width: 100% !important;
}
#manageProduct-panel .product-detail-wrapper .v-scroll .panel-body {
    width: 100% !important;
}

#manageProduct-panel .manageProductSemiTitle, #navaart .clipArtSemiTitle, #nameNumber-panel .nameNumberTitleDescription {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 34px;
	opacity: 0.6;
}
#manageProduct-panel .product-detail-box {
	margin-top: 10px;
	border-top: 3px solid;
	padding-top: 10px;
}
#manageProduct-panel .product-detail-box:first-child {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
#manageProduct-panel .product-detail .product-image {
	width: 30%;
	float: left;
	padding: 15px;
}
#manageProduct-panel .product-detail .product-image .icon
{
	height: 68px;
	display: inline-block;
	width: 68px;
	border: 1px solid #e7e7e7;
	text-align: center;
}
#manageProduct-panel .product-detail .product-image .icon img {
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}
#manageProduct-panel .product-detail .product-description {
	width: 70%;
	display: inline-block;
}
#manageProduct-panel .product-detail-link {
	margin: 5px 0;
	display: block;
}
#manageProduct-panel .short-discription {
	margin-bottom: 10px;
}
#manageProduct-panel .panel-body .add-color-btn {
	text-align: center;
}
#manageProduct-panel .panel-body .add-color-btn button[id^="addAnotherColor_"] {
	background: transparent;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 10px;
	border: 1px solid transparent;
}
#manageProduct-panel button#addAnotherProduct {
	border: 1px dashed;
}
#manageProduct-panel .panel-body .add-color-btn button[id^="addAnotherColor_"]:hover .caption, #manageProduct-panel button#addAnotherProduct, #manageProduct-panel button#addAnotherProduct:hover, #manageProduct-panel button#addAnotherProduct:hover svg, #manageProduct-panel button#addAnotherProduct.active svg {
	background: transparent !important;	
} 
#manageProduct-panel button#addAnotherProduct:hover, #manageProduct-panel button#addAnotherProduct.active {
	box-shadow: none;
	border-color: #333333;
}
#manageProduct-panel .panel-body button[id^="addAnotherColor_"] .caption {
	display: inline-block;
	line-height: 30px;
	margin-top: 0;
	vertical-align: top;
}
#manageProduct-panel .panel-body button[id^="addproduct_"], #manageProduct-panel button#addAnotherProduct {
	border-radius: 4px;
	height: auto;
	padding: 8px 10px;
}
#manageProduct-panel .panel-body button[id^="addproduct_"] .customIcon, #manageProduct-panel .panel-body button[id^="addAnotherColor_"] .customIcon, #manageProduct-panel button#addAnotherProduct .customIcon {
	margin-right: 15px;
	display: inline-block;
}
#manageProduct-panel .panel-body button[id^="addproduct_"] .caption, #manageProduct-panel button#addAnotherProduct .caption {
	display: inline-block;
	line-height: 24px;
	vertical-align: top;
	margin-top: 0;
	font-size: 14px;
	background: transparent;
}
#manageProduct-panel .product-color-section {
	clear: left;
	padding: 10px 0 0;
}
#manageProduct-panel .color-section-title {
	padding-bottom: 5px;
	border-bottom: 1px solid;
	margin-bottom: -1px;
}
#manageProduct-panel .product-color-section a[id^=qty_] {
	padding: 10px;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
#manageProduct-panel .product-item-color {
	display: flex;
	padding: 10px 0;
	border-top: 1px solid;
	position: relative;
	align-items: center;
}
#manageProduct-panel .product-item-color:hover, #manageProduct-panel .product-item-color.active {
	background: #f6f6f6;
}
#manageProduct-panel .product-item-color .color-box {
	border: 1px solid;
	width: 50px;
	height: 50px;
	margin: 0 10px;
	text-align: center;
}
#manageProduct-panel .product-item-color .color-box img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
#manageProduct-panel .product-item-color button.btn-remove {
	display: none;
	background: transparent;
	height: auto;
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 22px;
	margin-bottom: 0;
}
#manageProduct-panel .product-item-color.active button.btn-remove {
	display: block;
}
#manageProduct-panel .product-item-color .product-color-desc ul {
    display: inline-block;
    padding: 6px 0;
	width: 100%;
}
#manageProduct-panel .product-item-color .product-color-desc ul li {
    float: left;
    padding: 0 10px;
    border-right: 1px solid;
    font-size: 14px;
    line-height: 1;
}
#manageProduct-panel .product-item-color .product-color-desc ul.color-detail li {
	border-left: 1px solid;
	border-right: none;
}
#manageProduct-panel .product-item-color .product-color-desc ul.color-detail li:first-child {
	border-left: none;
}
#manageProduct-panel .product-item-color .product-color-desc ul li a {
	font-weight: 600;
}
#manageProduct-panel .product-item-color .product-color-desc ul li:first-child {padding-left: 0;}
#manageProduct-panel .product-item-color .product-color-desc ul.size-detail li:last-child {border-right: none;}
#manageProduct-panel .panel-body button#addAnotherColor {margin-top: 20px;}
#manageProduct-panel .panel-footer {
	padding: 0 8px 10px;
	display: inline-block;
	width: 100%;
}
#manageProduct-panel .panel-footer .manageProduct-printingMethod-area .panel-heading {
	width: auto;
	line-height: 30px;
}
#manageProduct-panel .panel-footer .manageProduct-printingMethod-area select#manageProductPrintingMethod {
	width: 50%;
	float: right;
}
#edit_product_size .edit_product_size_container {
	width: 650px;
	padding: 0;
	height: auto;
	/* max-height: 506px; */
	top: 50%;
	transform: translateY(-50%);
	overflow-x: auto;
}
#edit_product_size .edit_product_size_container .panel-body h4 {
	font-weight: 400;
	margin-bottom: 10px;
}
#edit_product_size .edit_product_size_container .panel-body p {
	font-size: 12px;
}
#edit_product_size .edit-size-section .quantity-color-container {
	margin-top: 15px;
}
#edit_product_size .product-color-image, .name-num-custom-text-section .product-detail .product-color-image {
	float: left;
	margin-right: 10px;
}
#edit_product_size .product-color-image .icon, .checkout-box-width .addtocart-panel .checkout-product-item .icon, .name-num-custom-text-section .product-detail .product-color-image .icon {
	display: inline-block;
	height: 60px;
	width: 60px;
}
#edit_product_size .product-color-image .icon img, .checkout-box-width .addtocart-panel .checkout-product-item .icon img, .name-num-custom-text-section .product-detail .product-color-image .icon img {
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}
#edit_product_size .product-color-image .icon svg, .checkout-box-width .addtocart-panel .checkout-product-item .icon svg, .name-num-custom-text-section .product-detail .product-color-image .icon {
	height: 100%;
}
#edit_product_size .quantity-color-container .quantity-detail, .name-num-custom-text-section .product-detail .product-name-and-color {
	display: inline-block;
	width: calc(100% - 70px);
}
#edit_product_size .quantity-detail .product-color-detail, .name-num-custom-text-section .product-detail .product-name-and-color .product-color-detail {
	display: flex;
	align-items: center;
	margin-top: 5px;
}
#edit_product_size .quantity-detail .product-color-detail .color-value, .name-num-custom-text-section .product-detail .product-name-and-color .product-color-detail .color-value {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
}
#edit_product_size .quantity-detail .product-color-detail .color-name, .name-num-custom-text-section .product-detail .product-name-and-color .product-color-detail .color-name {
	margin: 0 10px;
}
#edit_product_size .quantity-detail .product-color-detail .btn-remove {
	border: none;
	background: none;
	font-size: 20px;
}
#edit_product_size .edit-size-section {
	/* max-height: 327px;
	height: 100%; */
	height: 460px;
}
#edit_product_size .quantity-detail #sizeBlock {
	margin-top: 10px;
}
#sizeBlock .qty-size-wrapper {
	margin-left: 82px;
}
#sizeBlock .qty-size-wrapper .quantity-size-label {
	min-width: 40px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}
#edit_product_size .edit-size-section .quantity-detail .diff-quantity-size {
	margin-top: 5px;
	display: flex;
	width: 100%;
}
#edit_product_size .edit-size-section .quantity-detail .diff-quantity-size .size-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	min-width: 72px;
	align-items: flex-end;
	display: flex;
	justify-content: flex-end;
	margin-right: 10px;
	line-height: 28px;
}
#edit_product_size .edit-size-section .quantity-detail .qunatity-wrapper {
	display: inline-block;
}
#edit_product_size .edit-size-section .quantity-detail .qunatity-size-container {
	min-width: 40px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#edit_product_size .diff-quantity-size > .qunatity-size-container {
	margin: 10px 0;
    text-align: center;
}
#edit_product_size .diff-quantity-size > .qunatity-size-container input.sizeInput {
	margin: 5px auto 0;
}
#edit_product_size .diff-quantity-size .qunatity-size-container .quantity-size-label {
	text-align: center;
	display: block;
}
#edit_product_size .edit-size-section .diff-quantity-size .qunatity-size-container input, 
#edit_product_size .edit-size-section .diff-quantity-size .qunatity-size-container span {
	display: block;
	width: 40px;
	border-radius: 5px;
}
#edit_product_size .edit-size-section .diff-quantity-size .qunatity-size-container span {
	border: 1px solid;
	height: 30px;
	padding: 5px;
	font-size: 13px;
}
#edit_product_size .edit_product_size_container .panel-footer, #svg_save_design_window .panel-footer {
	clear: both;
	text-align: center;
	margin: 10px 0;
	display: inline-block;
	width: 100%;
}
#edit_product_size .edit_product_size_container .panel-footer button#quantity-price-calculation, #svg_save_design_window .panel-footer button.save-design, #cart_panel .proceedbtn button#cartProceed {
	text-transform: capitalize;
	font-size: 16px;
	min-width: 250px;
	height: auto;
}
#design_note .design_note_container .panel-body {
	border-bottom: 1px solid;
}
#design_note #design-note-form {
	max-height: 420px;
	overflow-y: auto;
}
#design_note .design_note_container .panel-body .content {
	font-size: 13px;
	color: rgba(0,0,0,0.5);
	margin: 10px 0 20px;
}
#design_note .design_note_container .form-group {
  margin-bottom: 10px;
}
#design_note .design_note_container .form-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
#design_note .design_note_container .form-group textarea {
  resize: none;
  height: auto;
  border-radius: 5px;
  width: 100%;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
#design_note .design_note_container .panel-footer, #nameNumber-panel .panel-footer {
	clear: both;
	padding: 8px 10px;
	text-align: center;
}
#nameNumber-panel .panel-Body img, #nameNumber-panel .panel-footer button#addNameNumBtn {
	width: 100%;
}
#nameNumber-panel .panel-footer {
	border-top: 1px solid;
}


#pickcolor-panel #nextColor, .remove-image-sec .remove-image, #qr_colorpicker_con > button, .ui-slider-horizontal .ui-slider-handle, .right-share-panel ul li button, .right-share-panel ul li #import_svg_btn .btn.btn-larges, #import_svg_btn, .right-share-panel ul li button:hover, #zoomOptions li, .layer-object label, .layer_row .rightObj .up-down, .priceTag #addtocart_btn, .priceTag #products-settings, #info, .productname-box #productinfo, .pickcolor-list li, #import_svg_btn .btn.btn-large, .edit-tool-panel button, .closebar_button button, #rgbTabCaption, #cmykTabCaption, #fill_color, #stroke_color, .imageftbtn, .copypaste button, .borderalignmentpanel #borderalignment, #font-selector, .checkout-box-width .checkout-product-item-color-detail .edit-size-label, .simpleColorCell, .filter_button:hover, .photo_filters_option i, .image_quality_tabs .caption-tabs, #tool_close, .edit-panel-icons .button-area button, .primary-btn.button-default, .onoffswitch-label, .panel-close, .proceed-btn-icon, .proceed-text, .edit-panel-icons .push_button, #share_design button, .tab button, .button-default, .button-default label, .bgImage_holder .photo a, #borderalignment, #sideCloneOptions li, .media-uploadimgbtn a, .media-uploadimgbtn button, #newColorCodes .newColor, .removeVdpImgButton, .color_tool > .color_block, #errormsgforcart, .color_parent .li_parent, .pattern_parent .li_parent, .layer-list li, #prevLayer, #nextLayer, .preview-navigation-btn#preview_prev, .preview-navigation-btn#preview_next, .first_time_color, #maskOverlayUploadCon table td button, .instruction-btns, .add-new-btn #addNewNameNumber:hover, .name-num-preview-box .close-btn a:hover, .right-panel button div.caption, #edit_product_size .quantity-detail .product-color-detail .btn-remove .bottom-section .half-btn-block button.half-button, .main_dt>section.left-panel ul li button, #tool_opacity_delete button, .t-shirt-list li, #zoomLabel, #sidepanel_handle, #sidepanel_handle *, .layer_button, .tool_button,.tool_button_current,.push_button_pressed, .tools_flyout, .tools_flyout_v, .color_block_parent, #tool_choose_prod_close, #tool_pick_color_close, #tool_edit_close, #tool_add_art_close, #tool_place_text_close, #tool_add_image_close, #tool_add_shape_close, #tool_design_idea_close, .button, .toolbar_button button, .ui-slider-handle, .tools_flyout .tool_button,.tools_flyout .tool_flyout, .inst, .inst_image, #font_family_dropdown-list li, .right-panel button, .uploadimage-btn-gallery button, .uploadimage-btn button, .sc-media-uploadbtn, #go_back, #fb_go, #picasa_go, #instagram_go, #flicker_go, .fb_holder .photo img,.picasa_holder .photo img,.instagram_holder .photo img,.flickr_holder .photo img, .border-size, .wrapper-dropdown-1, .textFontSizePanel #textFontSize, #nameFontSize, #numberFontSize, .object_height #objectHeightValue, .object_width #objectWidthValue, .textlinespacepanel #textLineSpace, .textalignmentpanel #textalignment, .wrapper-dropdown-2, .active .dropdown li, .active .dropdownName li, .active .dropdownNumber li, #textShapeDD .shape_con .dropdown li, button.button, .control-button, #pickDesignColorButton, .DesignColor, .tabCon > span, #removeBgImage, #addBgImage, .uploadVdpButton, .removeRowButton, .fileUpload input.upload, .file-upload input.uploadCsvBtn, .pagers li:first-child a, .pagers li:last-child a, .center-share-panel ul li button, [class^="layeralign_"], button.bluebutton, .layer_buttonpressed, #layerlist td.layervis, #layerlist td.layerinvis, #layerlist td.layername, #tool_open input,#tool_import input,#tool_image input, .right-share-panel .button-area #addproduct, .border-align-panel #cpclose, .wrapper-dropdown-2 #cpclose, #layer_cpclose, .layer-control button, .getStarted-panel #open-designs, #images_loaded, #printingMethod, .bottom-section .half-btn-block button, .slide-share-panel #productSides > li img, #dialog_buttons input[type="button"], #open-saveDesign, .image-filter-panel .filter-image {
	cursor: pointer;
} 

/*All btn color*/
.right-panel .popup-panel button.full-button:hover, .right-panel .popup-panel button.full-button.active, .proceed-text:hover, .proceed-text:focus,  #addtocart-panel .costing .button:hover, #addtocart-panel .costing .button:focus, .addtext-block button#btnAddText:hover, .addtext-block button#btnAddText:focus, #dialog_buttons input[type="button"]:hover, #preview_window_container .download-preview:hover, #preview_window_container .download-preview:focus, #edit_product_size .edit_product_size_container .panel-footer button#quantity-price-calculation:hover, #svg_save_design_window .panel-footer button.save-design:hover, .namenumpanel .name-panel-button button:hover, #name_num_customList button#addNewNameNumber:hover, #name_num_customList button#name_num_backBtn:hover, #name_num_customList button#nameNumberCloseButton:hover, #cart_panel .proceedbtn button#cartProceed:hover, .login-table .proceedbtn .button-default:hover, .name-num-preview-box .btn-section .save-btn button:hover, #design_note .panel-footer button.save-note:hover, .add-art-panel .input-group button.clipart-search-btn:hover, .add-art-panel .input-group button.clipart-search-btn:focus, .simpleColorContainer #selectColorPalette.tab button:hover, .simpleColorContainer #selectColorPalette.tab button.active, #nameNumber-panel .panel-footer button#addNameNumBtn:hover, #nameNumber-panel .panel-footer button#addNameNumBtn:focus, .simpleColorContainer button#selectedColorBtn:hover  
{
	box-shadow: 0 2px 8px 0 rgba(39,166,255,.5);
	background: #0196ff !important;
	color: #ffffff;
}
#instructionContainer{display: none !important;}

.design-outside {
    display: none;
    bottom: 55px;
    position: absolute;
    text-align: center;
    width: 100%;
	margin-left: -30px;
}

/*Small Screen Media Query*/
@media (min-width: 992px) and (max-width: 1599px) {
	#preview_window #preview_window_container {
		width: 700px;
	}
	#preview_window_container .save-design-table {height: 395px;}
	#preview_window_container .save-design-table .preview_holder {height: 350px; margin: 0;}
}
@media (max-width: 1366px) {
	#preview_window_container .preview_holder .preview-image-slot {margin-top: 0 !important;}
	#design_note #design-note-form {max-height: 318px; }
}
@media (max-width: 1599px) {
	#pickside-panel .object-align {
		max-height: 365px;
	}
	#edit_product_size .edit-size-section {
		overflow-y: auto !important;
		overflow-x: hidden;
		height: 300px;
	}
}
@media (min-width: 1600px) {
	#previousSide, #nextSide {
		display: none !important;
	}
}