.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}


.da-container
{
    border: 1px solid #aaa;
    overflow: hidden;
}
.da-printarea,.da-section{
    border: 1px solid #222;
    /*background: red;*/
    
}
.da-handler {
    border: 1px dotted #aaa;
    opacity: 0.1;
    filter: alpha(opacity=0.1);
}
.da-handler:hover {
    border: 1px dotted red;
}
.da-handler-selected {
    border: 1px solid red !important;
}

.da-element {
    border: 1px solid transparent;
}
.da-element-selected {
    border: 3px dashed #808df3 !important;
}
#elemList li.selected {
    font-weight: bold;
}

.handlerSelezionato {
    opacity: 1;
    filter: alpha(opacity=1);
}

#toolbox, #design_area {
    float: left;
}


.ui-resizable-handle { z-index: 1000 !important;visibility: hsidden;position: absolute;}
.da-handler:hover .ui-resizable-handle {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
}

/*
.ui-resizable .ui-resizable-n, .ui-resizable .ui-resizable-s, .ui-resizable .ui-resizable-w, 
.ui-resizable .ui-resizable-e, .ui-resizable .ui-resizable-ne, .ui-resizable .ui-resizable-se, 
.ui-resizable .ui-resizable-sw, .ui-resizable .ui-resizable-nw {
    opacity: 0.1;
    filter: alpha(opacity=0.1);
}
*/
.ui-resizable .ui-resizable-n {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll center top transparent;height: 15px;top: -15px;}
.ui-resizable .ui-resizable-s {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll center bottom transparent;height: 15px;bottom: -15px;}
.ui-resizable .ui-resizable-w {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll left center transparent;width: 15px;left: -15px;}
.ui-resizable .ui-resizable-e {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll right center transparent;width: 15px;right: -15px;}

.ui-resizable .ui-resizable-ne {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll right top transparent;width: 15px;height: 15px;top: -15px;right: -15px;}
.ui-resizable .ui-resizable-se {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll right bottom transparent;bottom: -15px;height: 15px;right: -15px;width: 15px;}
.ui-resizable .ui-resizable-sw {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll left bottom transparent;bottom: -15px;height: 15px;left: -15px;width: 15px;}
.ui-resizable .ui-resizable-nw {background: url("/cassette.axd/file/Content/Tool/circle-1b19c078a7c46e4071b672dd561048ca261f4cc2.png") no-repeat scroll left top transparent;top: -15px;height: 15px;left: -15px;width: 15px;}


#designerContainer{ margin-top: 10px;}
#configSection{border-left: 1px dotted gray;padding-left: 20px;margin-left: 0;}
#configSection h2{ border-bottom: 7px solid #b4b4b4;width: 100%;background: #fff;margin-top: 0;}
#designer{ min-height: 300px;}


.prezzoProdottoDesigner {
    font-size: 28px;
    width: 100%;
    color: #27ae60;
    font-family: "Yanone Kaffeesatz" !important;
    margin: 10px auto;
}

.qt-box, .priceBox {
    font-size: 28px;
    width: 100%;
}
.qt-box span, .qt-box div {
    float: left;
}
.qt-box > span, .priceBox > span {
  /*  margin-right:20px;
    width: 100px;
      */
    float: left;
    display: block;
    position: relative;
    margin-right: 4px;
}
.priceBox #itemPrice {
    width: 80px;
    text-align: right;
    overflow:hidden;
}
/*
.priceBox {
    font-size: 28px;
    margin-top: 20px;
    overflow: hidden;
    height: 50px;
    width: 100%;
    float: left;
}
.priceBox span{float: left;display: block;position: relative;margin-right: 4px;}
.priceBox #itemPrice{min-width:80px;text-align: right;}
.priceBox .priceElem{ margin-bottom:4px;clear: both;text-align:right;width: 100%;}
.qt-box {
    font-size: 28px;
    margin-top: 20px;
    height: 50px;
    width: 100%;
    float: left;
    font-family: "Yanone Kaffeesatz";
}
.qt-box span.labelQuantita {
    float: left;
    display: block;
    position: relative;
    margin-right: 4px;
}
*/
#user_photoQueue {
    min-height: 50px;
}
#option-control{ margin-bottom: 20px;}
.configurator-buttons{ padding-left: 100px;}

/*#addToCart,#selectMask, #deleteText{ margin-left: 100px;}
#addToCart{ margin-top: 12px;}*/

#userPhoto{ margin: 0 auto;}
#origPrice{ clear: both;}
#origPrice span{ display: block;float: left;   font-family: "Yanone Kaffeesatz" !important; font-size: 18px;}
#origPrice .labelPrice{ text-decoration: line-through;min-width: 86px;text-align: right;margin-right: 4px;}
#designerConfigTabs{ border: none;margin-bottom: 0;}
#designerConfigTabs li.active a{ background: #F3F3F3;color: #333367;border: 1px solid #F3F3F3;}
#designerConfigTabs li a{color: #333367;}
#configSection .tab-pane{ background: #f3f3f3; min-height: 500px; text-align:center; padding: 25px 0 25px 0px}/*padding: 25px 0 25px 25px;*/
#configSection .tab-pane .thumbnail{ background: #fff;}
#maskPhotoList, #clipArtPhotoList, #clipArtPhotoListMobile{ max-height: 500px;overflow-y: auto;overflow-x: hidden;}
#cart-control{ margin-top: 10px;}

/*** upload designer ***/
#uploadButton,.image-element{ float: left;position: relative;} /*margin: 2px;*/
#designer .upload-area {
    margin-top: 20px;
}
.remove-image{ display: block;width: 15px;height: 18px;background: #fff;position: absolute;top: 5px;right: 5px;border-bottom-left-radius: 4px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;curosr: pointer;}
.remove-image i{ margin-top: -2px;margin-left: 1px;}
/*** end upload designer ***/
.ui-draggable{ background: url('/cassette.axd/file/Content/CssImages/t-0b8d7bb5ae2cc631399d129af4c1be585e708505.png');}
      #noPhotoAllowed{ background: #8B19C5; display: block;
    line-height: 31px;
    margin: 11px auto 0 auto;
    text-align: center;
    width: 300px;font-size: 12px;}
   #designerConfigTabs #maskTabLink{ background: none repeat scroll 0 0 #6EA314;color: #FFFFFF;}
   #designer-warning{ position: absolute;margin-top: 5px;margin-left: 15px;}
#designer-warning a{ width: 47px;height: 40px;display: block;outline: none;}
.popover{ width: 200px;max-width: 200px;}
.popover-title{ font-size: 18px;}
#designerContainer h3{ color: red;font-size: 30px;text-align: center;margin-top: 0;margin-bottom: 0;}


#textDialog textarea {
    resize: none;
    width: 100%;
    line-height: 1em;
    margin-top: 30px;
    font-size: 30px;
}

/* Sovrascrittura per far mostrare all'interno della pagina l'elenco dei colori */
#textDialog .simpleColorContainer{
    float: right;
    margin-left: 10px;
}

/* Sovrascrittura per non far sovrapporre i pulsanti su mobile */
#textDialog .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-top: 5px !important;
}

/* Sovrascrittura per mostrare l'elenco dei font in maniera ottimale */
#text_font_list {font-size: 20px !important; left:10px; min-width: 230px !important;}

/*#textDialog   #text_color_btn{  position: relative;width: 75px;}
#textDialog #text_color_btn span {
  display: block;
  height: 100%;
  left: 0;
  line-height: 28px;
  padding-left: 10px;
  position: absolute;
  text-align: left;
  top: 0;
  width: 90px;
}*/
.simpleColorChooser {
    z-index: 1000;
}
#textDialog #text_content{ color: #000;}

/*

.font-times{ font-family: 'Times new roman', serif !important;}
.font-comic{ font-family: 'Comic Sans MS', serif !important;}
.font-agency{font-family: 'Agency FB' !important;}
.font-corierNew{font-family:'Courier New' !important;}
.font-fantasy{font-family: 'Fantasy' !important;}
.font-georgia{font-family: 'Georgia' !important;}
.font-lucidaConsole{font-family: 'Lucida Console' !important;}
.font-modern{font-family: 'Modern' !important;}
.font-perpetua{font-family: 'Perpetua' !important;}
.font-sansSerif{font-family: 'Sans-serif' !important;}
.font-verdana{font-family: 'Verdana' !important;}
.font-bookmanOld{font-family: 'Bookman Old Style' !important;}
.font-impact{font-family: 'Impact' !important;}
*/
.font-Arial{ font-family: 'Arial' !important;}
.font-BowlbyOneSC {font-family: 'Bowlby One SC', cursive !important;}
.font-IndieFlower {font-family: 'Indie Flower', cursive !important;}
.font-Lobster {font-family: 'Lobster', cursive !important;}
.font-Pacifico {font-family: 'Pacifico', cursive !important;}
.font-Amatic {font-family: 'Amatic SC', cursive !important;}
.font-Caveat {font-family: 'Caveat', cursive !important;}
.font-PermanentMarker {font-family: 'Permanent Marker', cursive !important;}
.font-Cinzel {font-family: 'Cinzel', serif !important;}
.font-Kaushan {font-family: 'Kaushan Script', cursive !important;}
.font-Passion {font-family: 'Passion One', cursive !important;}
.font-Parisienne {font-family: 'Parisienne', cursive !important;}
.font-Paytone {font-family: 'Paytone One', sans-serif !important;}
.font-Monoton {font-family: 'Monoton', cursive !important;}

/*
#deleteText {
  float: left;
  margin-left: 35px;
  min-width: 0;
  width: 42px;
  margin-top: 10px;
  background-color: #e02136;
} */
#deleteText:hover {
    background-color: #BA1B2B;
}

.draggable {
    cursor: move;
}

#photoModal, #DialogConfigurazione, #DialogMaschera, #DialogClipArt {
    z-index: 9999999 !important;
}

div#DivStrumentiElementiDesignArea {
    float: left;
    margin: 40px 0 0 5px;
    text-align: center;
    color: #fff;
    border-color: #fff;
    border-width: 1px 1px 0px 1px;
}
div#DivStrumentiElementiDesignArea .strumentiElementi {
    cursor: pointer;
    width: 60px;
    height: 60px;
    margin-bottom: 2px;
    padding-top: 6px;
    /*text-shadow: 1px 1px #727072;*/
    background: rgb(39,174,96);
    background: linear-gradient(0deg, rgba(39,174,96,1) 87%, rgba(29,147,78,1) 100%);

    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

div#DivStrumentiElementiDesignArea .strumentiElementi > a {
    padding-top: 0px;
    color: #fff;
}