.modal-backdrop, .modal-backdrop-back  {bottom: 0; left: 0; position: fixed; right: 0; top: 0; background-image:url(images/back-img.png); background-position:left top; background-repeat:repeat; background-color:transparent;}
.modal-backdrop-back {z-index:111;}
.body {margin:0px; padding:0px; font-size:12px; top: 0; /*background-image:url(../images/flyer-images/back-img.png); background-position:left top; background-repeat:repeat;*/ font-family:Helvetica, Arial, sans-serif; height:100%;}
img {border:0px;}
body {margin:0px; padding:0px; top: 0; font-family:Helvetica, Arial, sans-serif; height:100%;}
.fl-conteds-main img {border:0px; max-width: 100%;max-height: 100%; width: auto;height: auto;}
ul, li, a {list-style:inherit; text-decoration:none;}
.fl-top-main {width:100%; background:#0064a4; padding:5px 0; box-shadow:0px 5px 5px rgba(0,0,0,0.7); text-align:right; position:relative; z-index:99;}
.fl-cent {margin:0 auto; width:780px;}
.fl-top-main img {width: 169px;}
.fl-close-button {background:#fff; position:absolute; right:10px; top:10px;z-index:999;  border-radius:50%; height:41px; width:41px;}
.fl-close-button a {color:#000; padding:10px 13px;}
.fl-cont-part {width:787px; padding:0 0 20px 0;}
/*.fl-left-part-main { float:left; min-height:1px; position:relative; top:0px;}
.top-hed-fixd {position: fixed;z-index :5;top: .fl-conteds-main img0px;float:none}*/
.fl-conteds-main {margin:0 auto; width:612px;}
.fl-left-part-main { float:left; min-height:1px; position:relative;}
.fl-left-menu {width:780px; float:left; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; background-image:url(images/menu-bg.png); background-position:left top; background-repeat:repeat-x; padding:0px 0; box-shadow:2px 3px 5px rgba(0,0,0,0.5);height: 69px;}
.fl-left-menu ul {margin:0px; padding:0px; width:100%; float:left;}
.fl-left-menu ul li {padding:0px 0; margin:0px; text-align:center; float:left; background-image:url(images/menu-sepre.png); background-position:right 6px; background-repeat:no-repeat; width: 86.6px; list-style: none; position:relative; padding: 8px 0;height: 69px;}
.fl-left-menu > ul > li:active, .fl-left-menu > ul > li.active {box-shadow: 0 0 34px rgba(0, 0, 0, 0.2) inset; background-image: url(images/click.png);background-repeat: repeat-x;}
.fl-left-menu > ul > li:first-child:active, .fl-left-menu > ul > li:first-child.active {border-radius: 0 0 0px 15px;}
.fl-left-menu > ul > li:last-child:active, .fl-left-menu > ul > li:last-child.active {border-radius: 0 0 15px 0px;}
.fl-left-menu ul li.no-bgimg {background-image:none;}
.fl-left-menu ul li a {color:#2e2c2c; font-style:italic;}
.fl-left-menu ul li a:hover, .fl-left-menu ul li a:focus { color:#658ba3; text-decoration: none}
.fl-left-menu ul li a i {color:#0064a4; font-size:1.34em;}
.fl-left-menu ul li a span {width:100%; float:left;}
.fl-left-menu ul ul { margin:35px 0 0 0; padding:0px; width:auto;float:left; border-radius:5px !important; display:none; position:absolute; z-index:9; *margin-left:-70px;
    *margin-top:60px;}
.fl-drop-arrow { width:100%; text-align:center; height:14px; z-index:991;position:relative; overflow:hidden; margin-bottom:-1px;}
.fl-save-main, .fl-email-main, .fl-textcolor-main, .fl-bgcolor-main, .fl-addlogo-main, .fl-addtext-main, .fl-share-main, .fl-option-main, .fl-tham-cet {
    display: inline-block; border-radius:5px; border:solid 1px #FFF; padding:10px;
    background: #dadada;
    background: -moz-linear-gradient(top,  #dadada 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,  #dadada 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top,  #dadada 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,  #dadada 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom,  #dadada 0%,#f0f0f0 100%);
    box-shadow:2px 3px 5px rgba(0,0,0,0.5);
    *background-color: #dadada;
}

.fl-left-menu ul ul.show{ display:block;}
.fl-left-menu ul ul li { margin:0px; padding:0px; background-image:none; }
.fl-left-menu ul ul li a {color:inherit;}
/*.fl-left-menu ul li:hover ul, .fl-left-menu ul a:hover ul {visibility:visible;}*/
.fl-save-main {width:200px; border-radius:5px;}
.fl-save-cont {float:left; width:200px; padding:0 5px;}
.fl-save-con-und {float:left; width:95px; text-align:left; padding-bottom:10px;}
.fl-save-con-und label {font-weight: normal;font-style: italic;color: #2e2c2c; margin-bottom:0px;}
.fl-save-but {float:left; width:100%; padding:5px 0 0 0; text-align:center;}
.fl-save-button {background-color: #0064a4;border: medium none;border-radius: 5px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);color: #fff;cursor: pointer;font-size: 1em;font-style: italic;font-weight: 900;padding: 5px 10px;text-transform: capitalize;}
.fl-email-main {width:350px; border-radius:5px;}
.fl-email-cont {float:left; width:350px;}
.fl-email-forms {float:left; width:330px; padding-bottom:5px;}
.fl-email-forms label {float:left; width:100px; padding-right:10px; padding-left:10px; text-align:left; line-height:25px;color: #2e2c2c;font-style: italic;font-weight: normal;}
.fl-email-forms input {float:left; width:210px; border:solid 1px #999; background:#fff;}
.fl-email-forms textarea {float:left; width:210px; border:solid 1px #999; background:#fff; height:50px;}
.fl-email-forms .fl-radio {float:left; width:175px;}
.fl-email-forms .fl-radio input{ float:none; width:auto;}
.fl-email-forms .fl-radio label{ float:none; width:auto;}
.fl-color-main {width:350px; border-radius:5px; padding:5px;}
.fl-color-form {width:350px; padding-bottom:5px;}
.fl-color-form label {float:left; width:170px; padding-right:10px; padding-left:10px; text-align:left; line-height:25px;}
.fl-color-form input {float:left; width:120px; border:solid 1px #999; background:#fff;}
.fl-logo-main {width:300px; border-radius:5px; padding:5px;}
.fl-logo-title {width:300px; float:left; font-size:1.3em; padding-bottom:10px;}
.fl-logo-under {float:left; width:300px;}
.fl-logo-text {float:left; width:300px; text-align:left; padding-bottom:5px;}
.fl-logo-upl {float:left; width:300px;}

.fl-textcolor-main {width:300px; border-radius:5px; }
.fl-textcolor-title {width:290px; float:left; font-size:1.3em; padding-bottom:10px;}
.fl-textcolor-under {float:left; width:300px;}
.fl-textcolor-under label {float: left;width: 100px;padding-right: 10px;padding-left: 10px;text-align: left;line-height: 25px;color: #2e2c2c;font-style: italic;font-weight: normal;}
.fl-textcolor-under input {float: left;width: 130px;border: solid 1px #999;background: #fff;}
.fl-textcolor-under img {float: left;margin-left: 10px;}
.fl-textcolor-upl {float:left; width:300px;}
.fl-textcolor-chec {float:left; width:300px;}

.fl-bgcolor-main {width:300px; border-radius:5px; }
.fl-bgcolor-title {width:290px; float:left; font-size:1.3em; padding-bottom:10px;}
.fl-bgcolor-under {float:left; width:300px;}
.fl-bgcolor-under label {float: left;width: 100px;padding-right: 10px;padding-left: 10px;text-align: left;line-height: 25px;color: #2e2c2c;font-style: italic;font-weight: normal;}
.fl-bgcolor-under input {float: left;width: 130px;border: solid 1px #999;background: #fff;}
.fl-bgcolor-under img {float: left;margin-left: 10px;}
.fl-bgcolor-upl {float:left; width:300px;}
.fl-bgcolor-chec {float:left; width:300px;}

.fl-addlogo-main {width:230px; border-radius:5px;}
.fl-addlogo-under {float:left; width:300px;}
.fl-addlogo-under label {float: left;width: 100px;padding-right: 10px;padding-left: 10px;text-align: left;line-height: 25px;color: #2e2c2c;font-style: italic;font-weight: normal;}
.fl-addlogo-under input {float: left;width: 87px;border: solid 1px #999;background: #fff;}
.fl-addlogo-upl {float:left; width:300px;}
.fl-addlogo-chec {float:left; width:300px;}

.fl-addtext-main {width:605px; border-radius:5px;  float:right; *margin-left:-450px}
.fl-addtext-under {float:left; width:300px;}
.fl-addtext-upl {float:left; width:300px;}
.fl-addtext-chec {float:left; width:300px;}

.fl-share-main {width:300px; border-radius:5px; float:right; *margin-left:-250px}
.fl-share-under {float:left; width:300px;}
.fl-share-upl {float:left; width:300px;}
.fl-share-chec {float:left; width:300px;}


.fl-right-part-main {float:left; width:612px; background:#FFFFFF; border-radius:5px; height:792px; margin-top:40px; position: relative; *z-index:-1; color: #000;}
*+html .fl-right-part-main {float:left; width:562px; background:#FFFFFF; border-radius:5px; height:792px; margin-top:40px; padding:25px}
.fl-product-imag {width:100%; float:right; padding:0px 0px;  text-align:center;position: absolute;top: 320px;left:15px;}
.fl-product-imag-hurry {width:150px; float:right; padding:0px 0px;  text-align:center;position: absolute;top: 90px;/*left: 450px;*/}
.fl-product-close {position:relative; width:0px; height:0px; float:right; display:none; }
.fl-close {position:absolute; top:0px; right:0; height:19px;}
.fl-product-close .fl-close {background: #fff;color: #0064a4;text-align: center;font-weight: 900;border-radius: 0 0 0 10px;border-left:dashed 1px #999;border-bottom: dashed 1px #999;}
.fl-product-close .fl-close a {font-size: 13px !important; text-shadow:0px 0px 0px rgba(0,0,0,0); display: table-cell;padding: 0 5px;}
.fl-product-close .fl-close img {vertical-align:text-top; max-width: inherit; margin-top: 1px; width: 15px; }
.fl-cont-box:hover .fl-product-close, .fl-cont-box:hover .fl-doted {display:block;}
.fl-pr-pro {float:left; width:280px; padding:0px 0; margin-bottom: 12px;position: absolute;top: 140px;left: 330px; list-style: inside; font-size: 12px;	}
.fl-pr-pro ul {float:left; margin:0px; padding:0px; width:100%;list-style: disc;}
.fl-pr-pro ul li {margin:0px; padding:0px; width:100%; /*float:left;*/line-height: 16px;}
.fl-product-thm-img {width:85px; padding:0px; float:left;position: absolute;}
.fl-product-thm-img-1{top: 600px;left: 490px;}
.fl-product-thm-img-2{top: 600px;left: 400px;}
.fl-product-thm-img-3 {top: 600px;left: 310px;}
.fl-titles-part {width:540px; float:left; padding:0px; color:#000; font-size:35px; font-weight:900; text-shadow:2px 3px 5px rgba(0,0,0,0.5); margin-bottom: 12px; position: absolute; top: 20px;left: 15px; word-wrap:break-word; line-height: 35px;}
.fl-text-part {width:290px; float:left; font-size:13px; margin-bottom: 15px; position: absolute;top: 140px;left: 15px;word-wrap:break-word;}
.sku-block {top: 120px;left: 15px; font-size:14px; font-weight:bold;}
.fl-text-part-no-width {float:left; font-size:0.9em; margin-bottom: 15px; position: absolute;top: 160px;left: 30px; word-wrap:break-word;}
.fl-qty-main {float:left; width:350px; padding:0px 0;position: absolute;top: 710px;left: 15px; background-color:transparent;}
.fl-qty-main table {font-size:12px;}
.fl-qty-main table tr.border td {border-bottom:solid 1px #fff;}
.fl-qty-main table tr td { padding:5px; }
.fl-full-width {width:100%;}
.fl-box-border:hover {/*outline:dashed; outline-color:#999; outline-width:1px;*/ border:dashed 1px #999;  cursor: move;}
.fl-footer-logo {float:right; width:250px;position: absolute;top: 725px;left: 362px;}
.fl-coppy-righttext {float:left; width:100%; text-align:center; font-size:0.8em;position: absolute;top: 770px;}
.fl-doted {position:absolute; height:10px; width:10px; background:#fff; border:solid 1px #999; display:none;}
.fl-top-left {top:0; left:0; margin-left:-5px; margin-top:-5px; cursor: nw-resize;}
.fl-top-centr {top:0; left:50%; margin-left:-5px; margin-top:-5px;cursor: n-resize;}
.fl-top-right {top:0; right:0; margin-right:-5px; margin-top:-5px;cursor: ne-resize;}
.fl-left-center {top:50%; left:0; margin-left:-5px; margin-top:-5px;cursor: w-resize;}
.fl-right-center {top:50%; right:0; margin-right:-5px; margin-top:-5px;cursor: e-resize;}
.fl-bottem-left {left:0; bottom:0; margin-left:-5px; margin-bottom:-5px;cursor: sw-resize;}
.fl-bottem-center {left:50%; bottom:0; margin-left:-5px; margin-bottom:-5px;cursor: s-resize;}
.fl-bottem-right {right:0; bottom:0; margin-right:-5px; margin-bottom:-5px; cursor: se-resize;}

.fl-backg-main {margin:0 auto; width:805px; position:relative; z-index:200;}
.fl-backg-part {background-color:#fff; border-radius:10px; margin:20px 0; width:100%; float:left;}
.fl-backg-top-img {width:615px; height:795px; float:left;}
.fl-background-cct-text {float:left; width:100%; text-align:center; padding-bottom:5px;color: #2e2c2c;font-style: italic;font-weight: normal;}
.fl-tham-cet {float: left;width: 185px;padding: 10px;background-color: #dadada;margin-left: 55px; margin-top: 30px;border-radius: 5px;position: relative;}
.fl-category-list {float:left; width:100%; border-bottom:solid 1px #ccc;  padding:5px 0; text-align:center;}
.fl-category-tham {float:left; width:100%; float:left; padding:00px 10px; height:645px; overflow-y:auto; margin:20px 0;overflow-x: hidden;}
.fl-category-tham-imag {float:left; width:138px; padding:5px; position:relative;}
.fl-category-tham-imag img {width:134px; height:157px; position:relative; cursor: pointer;}
.fl-category-tham-imag.active img {box-shadow: 0px 0px 10px rgba(0,100,164,0.9);border: solid 1px rgba(0,100,164,0.7);}
.fl-background-arrows {float: left;width: 20px;height: 30px;position: absolute;left: -18px;top: 60px; }

#fl-drop-option { display: none;position: absolute;top: 0;left: 104%; z-index:99; width:100%;}
#fl-drop-option .fl-drop-arrow {width: 20px;position: absolute;left: -14px;height: 22px;}
.fl-option-main {width: 300px;float: left;z-index: 99;bottom: -65px;position: absolute;}
/*.fl-option-main {width: 300px;float: left;z-index: 99;}*/
.fl-option-title {width:100%; float:left; border-bottom:solid 1px #ccc; text-align:center; font-size:1.5em; padding:5px 0;}
.fl-option-under {width:100%; float:left;}
.fl-option-under-part {width:100%; float:left;}
.fl-option-cont-subtit {width:100%; float:left; padding:5px 0 10px 0;border-bottom:solid 1px #ccc; text-align:center;color: #2e2c2c;font-style: italic;font-weight: normal;}
.fl-option-colum-main {width:100%; float:left; }
.fl-option-colum-no {width:50%; float:left; padding:5px 0;}
.fl-option-colum-no label {float:left;color: #2e2c2c;font-style: italic;font-weight: normal; }
.fl-option-colum-no input {float:left; margin-top:0px;  margin-right:5px;}
#background-images {margin-left: 490px;}
.modal-image-upload-crop-body { background-color: #fff;  width: 795px;  margin: 0 auto; }
.modal-image-upload-crop-body .modal-body { text-align: center; }
.upload-image-tab{ float: left}
.my-image-tab{ float: left}
.container-image-upload-crop .preview { float: left; height: 120px; width: 120px; border-radius: 10px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); margin: 10px; display: table;  position: relative; overflow: hidden;}
.container-image-upload-crop .fl-close-pry-but {display: none; position: absolute;float: left;margin-top:-10px;width: 100%; text-align: center;top: 50%;}
.container-image-upload-crop .crop-thame-images {display: table-cell; vertical-align: middle; text-align: center;}
.container-image-upload-crop .browse-btn { /*float: right;*/ margin-left: 20px; }
.container-image-upload-crop .template-download .them-trns-bg {background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; border-radius: 10px;}
.container-image-upload-crop .template-download:hover .them-trns-bg { display: block}
.container-image-upload-crop .template-download:hover .fl-close-pry-but {display: block; z-index: 99;}

#show-uploaded-image {width: 100%;position: relative;margin-bottom: 20px;border-radius: 10px;/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/}
#show-uploaded-image img {max-width: 100%}
.fl-upload-images {width: 50%; float: left; text-align: right; font-size:1.5em;}

.fl-add-images-center {margin: 30px 0 0 -345px; width: 610px;position: relative; z-index: 111;}
.fl-add-img-main {width:612px; float: left;background-color:#fff; border-radius: 10px; overflow: hidden; height: 792px}
.fl-add-top-main {float: left; width: 612px; background-image: url("../images/add-img-top-bg.png"); background-repeat: repeat-x; padding: 0px 5px 0px 25px;}
*+html .fl-add-top-main { width: 580px;}
.fl-add-top-main .fl-add-images-part {float: left; width:170px;color: #232323; font-size: 1.5em;font-weight: normal;font-style: italic; padding: 8px 0 8px; }
.fl-add-top-main .fl-add-icons-part {float: right; width: 345px;}
.fl-add-top-main .fl-add-icons-part ul {float: left; width: 100%; margin: 0px; padding: 0px ;position: relative;}
.fl-add-top-main .fl-add-icons-part ul li {float: left; margin: 0px; padding: 11px 7px;text-align:center; position: relative; width: 86px; font-size: 14px; font-style: italic;background-image: url("images/menu-sepre.png"); background-position: right 11px;background-repeat: no-repeat;}
.fl-add-top-main .fl-add-icons-part ul li:last-child{background-image: none;}

.fl-add-top-main > .fl-add-icons-part > ul > li:active, .fl-add-top-main > .fl-add-icons-part > ul > li.active {box-shadow: 0 0 34px rgba(0, 0, 0, 0.2) inset; background-image: url(images/click.png);background-repeat: repeat-x;  background-position: right top;}

.fl-add-top-main .fl-add-icons-part ul li a {color: #2e2c2c; font-size: 13px; font-style: italic;}
.fl-add-top-main .fl-add-icons-part ul li a:hover {color: #658ba3;}
.fl-add-top-main .fl-add-icons-part ul li img {padding-bottom:5px;}
.fl-add-top-main .fl-add-icons-part ul li .input {opacity: 0; width: 100%; height: 44px; position: absolute; top: 0; cursor: pointer;filter:alpha(opacity=0);right: 0;left: 0; }
.fl-add-top-main .fl-add-icons-part ul li .add-Browse {width: 75px; height: 44px;}
.fl-add-product-images { width: 610px; height: 290px; overflow: auto;}
.fl-add-product-the-text {width: 610px; padding: 10px 0; text-align: center; font-size: 1.5em;}
.fl-add-tham-imges { width: 612px; overflow: auto; height: 386px;}
.fl-add-tham-imges .fl-add-tham-part { width: 120px; height: 120px;float: left;/*margin:5px 14px 5px 14px;*/border-radius:5px; background-color: #a5a5a5; position: relative;}
*+html .fl-add-tham-imges .fl-add-tham-part {position: inherit; overflow: hidden;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tham-img {display:table;  width: 100%; height: 120px; overflow: hidden;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tham-img img {width: 100%;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tham-img  span { display: table-cell; vertical-align: middle; text-align: center;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tran-bg {display: none;overflow: hidden; }
.fl-add-tham-imges .fl-add-tham-part:hover .fl-add-tran-bg {background-image: url("../images/add-tran-bg.png"); background-repeat: repeat;display: block; height: 120px; width: 120px; overflow: hidden; position: absolute;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tran-bg .fl-full-screen {position:absolute; top: 50%; left: 50%; margin-left: -18px; margin-top: -18px;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tran-bg .fl-close-img {float: right;padding: 5px 5px;}
.fl-add-tham-imges .fl-add-tham-part .fl-add-tran-bg .fl-close-img img {width: 20px;}
.flyer-img-fade-div { height: 100%;  opacity: 1;  position: absolute;  width: 100%; z-index: 6; left:0;}

.remove-border-cross-img .fl-box-border:hover{
    border: none;
}
.remvoe-border-cross-img .fl-product-close {
    display: none;
}
.fl-right-part-main-inner  { z-index: 8;position: relative; width: 600px; float: left; height: 792px;}
.show-flyer-url input {
    width: 182px;
}
.show-flyer-url {
    display: none;
    margin-top: 15px;
}

.active-element {
    /* -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #eeeeee;
     border-image: none;
     border-radius: 3px;
     border-style: solid;
     border-width: 1px 1px 1px 5px; */
    box-shadow: 2px 2px 4px #ccc;
}

.active-element {
    border-left-color: #5bc0de;
}

.active-element:hover
{
    cursor: move;
}

.color_input {
    height: 30px;
    margin-bottom: 15px;
    margin-left: 65px;
}

.t_color {
    background: none repeat scroll 0 0 black;
    display: inline-block;
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
}

.t_color_text {
    border: 1px solid #cccccc;
    border-radius: 0;
    float: left;
    line-height: 28px;
    width: 137px;
    font-size: 16px;
}
.fl-cont-box {padding: 0px; }
.fl-textcolor-under{margin-bottom:10px;}
.fl-tham-cet #amount {width: 100%}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: none;
}

.fl-box-border{
    border: 1px solid transparent;
}
.remove-border-cross-img .fl-box-border:hover .fl-product-close{display: none;}
.remove-border-cross-img .fl-box-border{border: 0px none;}

#send-flyer-copy-me {background-color: transparent; border : none;}
.fl-pr-pro ul li span {
    /*float: right;*/
    width: 93%;
}
#trigger-image-upload-from {
    height: 50px;
    border: 0 !important;
}

.fl-add-top-main .fl-add-icons-part ul li .add-Browse{
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;    
}

#trigger-image-upload-from{
    position: absolute;
    top: 0;
    right: 0;
}