/*===================================== generale ============================================*/

/* ================================================================================================================================ */
/* Febbraio 2014 -  nuovi stili in seguito alla trasformazione da liste a div */
.WDG_ELEM_Box_New { margin-right: 8px !important; display: inline-block;}
.WDG_ELEM_Box{ display: inline-block;position: relative; margin: 0 8px 12px 0; border: 1px solid #b2b1b4;  vertical-align: top; background-color:White}
.WDG_ELEM_Box_span {/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-family: Segoe UI, sans-serif;  
font-size: 16px; height:50px; float: left; margin: 0; width: 100%;max-width: 170px; color: #fff; 
background: #3b2e28;/*padding:0 0 0 5px;*/ position: absolute; left: 0; bottom: 0; text-align:left}

.WDG_ELEM_Box_TopIconTools { position: absolute; right: 0; }
.WDG_ELEM_Box_TopIconTools div{background-color: #3b2e28;float: right;padding:2px}
.WDG_ELEM_Box_TopIconTools img { border: 0 !important;}
/*.WDG_ELEM_Box_IconPreview  {height: 40px; margin: 0;color: #fff;padding: 0px; position: absolute; right: 0; bottom: 0; width:40px; z-index:100;background: #3b2e28; }*/
.WDG_ELEM_Box_IconPreview  {/*float: right; margin: 3px 0 0 3px; border:0!important */}
                
/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#WDG_ELEM_Box_New_holder_img  { border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color: White !important; }
#WDG_ELEM_Box_New_holder_img.hover   { border: 3px solid #0c0; background-color: White !important; background-repeat: no-repeat !important; background-position: center center !important; }
.hidden {  display: none !important; }

.WDG_ELEM_Box_New_holder_img  { border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color: White !important; }
.WDG_ELEM_Box_New_holder_img.hover   { border: 3px solid #0c0; background-color: White !important; background-repeat: no-repeat !important; background-position: center center !important; }
/* ================================================================================================================================ */

.WDG_FieldElem_Dict { float:right; width:75px;margin-right:80px;}

#WDG_ELEM_Box_New_Disable  {  margin-right: 10px !important; display: inline-block; border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color: Gray !important; }
.WDG_ELEM_Box_New_Disable  {  margin-right: 10px !important; display: inline-block; border: 1px solid #b2b1b4;  width: 147px; height: 147px; background-repeat: no-repeat; background-position: center center;  background-color:  Gray !important; }


.WDG_Div_goTools {/*position:absolute;right:0; top:0; background-color:#3b2e28; width:36px; height:36px; padding:3px 0 0 3px*/}        
#SCBar { margin-bottom:100px}   

.WDG_ELEM_Box_Select {background: #675045!important;} 
a.WDG_TemplateinFancy span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif;  
                    font-size: 16px;  color: #fff!important; height:40px; width: 100%;max-width: 170px;
                    background: #675045!important;padding:10px 0 0 0px; position: absolute; left: 0; text-align:left; bottom:0px} 

.WDG_marginIdent { margin-left:20px}
.WDG_marginIdentPlus { margin-left:40px}
.WDG_marginTop { margin-top:20px}


.chkWDGIn{visibility: hidden;}
.chkWDG {width: 30px; height: 30px; background: #fff;border:2px solid #D3D3D3;position: relative; margin-right: 10px; top:-10px; }
.chkWDG label {	cursor: pointer;position: absolute;	width: 22px;height: 22px;left: 4px;top: 4px;float:right;}
.chkWDG label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;	width: 18px;height: 12px;background: transparent;top: -2px;	left:0px;border: 3px solid #D3D3D3;	border-top: none;	border-right: none;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg);	transform: rotate(-45deg);}
.chkWDG label:hover::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=30);opacity: 0.3;}
.chkWDG input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 1;}


/*=====================================  EDIT module ===========================================*/
/*=====================================  field Elem ============================================*/
.WDG_FieldElem_etichette { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px}
.WDG_FieldElem_sottoTitolo { font-family:Segoe UI; font-size:16px; color:#8f8780; margin-bottom:4px}

.WDG_FieldElem_enabled { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px!important}

.WDG_FieldElem_field {padding-right:75px; margin-bottom:8px; margin-right:80px;}
.WDG_FieldElem_field input{  height:38px; font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}

.WDG_FieldElem_field_inLine {display:inline-block; margin-bottom:8px; }
.WDG_FieldElem_field_inLine input{display:inline-block; height:38px; font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;padding:0 0 0 5px; margin:0 350px 0 0px!important; }


.WDG_FieldElem_Titolo {font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:38px; color:#a0a0a0!important;  margin-bottom:10px;  height:55px }
.WDG_FieldElem_SectSpace { height:45px}
.WDG_FieldElem_SectMiniSpace { height:30px}

select{  width:100%;  /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/  -moz-appearance: none; /* Removes Default Firefox style*/ text-indent: 0.01px; /* Removes default arrow from firefox*/  text-overflow: "";  /*Removes default arrow from firefox*/background: #fbf8f1 url("/GlobalManagement_Preferences/Scheduler/img/SCH_selectArrow.gif") no-repeat right center;border:1px solid #d3d3d3; font-size:18px!important; color:Black!important; height:38px;margin: 0; padding:0 0 0 5px;font-family:Segoe UI Light, Segoe UI;}
select::-ms-expand { display: none;}


a.WDG_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.WDG_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.WDG_FieldElem_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.WDG_FieldElem_lnk  {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }


.WDG_F_FieldElem_Input {max-width:400px; width:100%}

/*=====================================  Img Manager - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css images che mi rappresentano quelli di default. Vincono questi qui sotto! */    
a.IMG_Mng_lnk   { color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.IMG_Mng_lnk   { color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.IMG_Mng_lnk {color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.IMG_Mng_lnk  {color:#447a8b!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }

a.IMG_Mng_lnk img { margin-right:10px; margin-top:-10px}
  
#WDG_Mng {float:left; width:200px;padding: 0px  0px  0px 0px}
#WDG_Mng_Content { margin:0; color:White;font-family:Segoe UI; top:0}
#WDG_Mng_Content_Link { margin-top:13px}

.WDG_li_foto{padding: 0 5px 0 0; display:inline-block;vertical-align:top; margin:0; /*width:147px; height:187px;*/}
.WDG_li_foto img{ /*width:100%; height:187px;*/ }
.WDG_li_btn{padding:  0px  0px 0px 0; display:inline-block;vertical-align:middle; margin:0; width:147px;}
.WDG_li_btn img { margin-right:8px; vertical-align:middle; margin-top:-12px}
.WDG_li_DescACapo{padding: 10px 0 0 0; vertical-align:middle; margin:0; width:147px;}
.WDG_li_TxtACapo{padding: 0; vertical-align:middle; margin:0; width:147px;}
#holderDocMng{ width:252px; height:298px;border: 1px solid #b2b1b4;  background-repeat:no-repeat!important;background-position:center center;background-color:white}

/*=====================================  Found element - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css images che mi rappresentano quelli di default. Vincono questi qui sotto! */         


.EditElem_NameElem { font-size:4px!important;}
.EditElem_Date-AuthorElem {margin-top:0!important ;}          
               
                
/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#WDG_holder.hover { border: 3px dashed #0c0; }

/*===================================== Sortable with jQuery UI --> 5 Sortable ============================================*/
.ui-sortable-placeholder-wdg{width: 145px;  height: 159px; border: 2px dashed #aaa; background: #eaeaeb; display:inline-block; margin-right:10px;vertical-align:top }
/*===================================== modalità SELECT images per insert ============================================*/
.WDG_Img_NoSelected {border: 1px solid #b2b1b4;}
.WDG_Img_Selected {border-color:blue!important; border-width:6px!important; border-style:solid!important}

/* nuovo per select img in raccolta immagini, per evitare bordo esterno quando selezonato, ma crearne uno interno */
.WDG_Selected {border: 5px solid #1bc41b;position:absolute;top:0;bottom:0;left:0;right:0; z-index:1100}

.holder-ImgManager { border: 1px solid #b2b1b4; width:147px; height:auto;  background-repeat:no-repeat!important;background-position:center center;background-color:white}

/* style per personalizzazione checkbox */
#chkOpenInFancy{visibility: hidden;}
#chkOpenInPanel{visibility: hidden;}

#chkReqInfo{visibility: hidden;}
#chkFB{visibility: hidden;}
#chkTW{visibility: hidden;}
#chkYouTube{visibility: hidden;}
#chkLinkedIN{visibility: hidden;}
.chkOpenInFancy, .chkOpenInPanel {width: 25px;height: 25px;background: #fff;border:3px solid #447a8b; position: relative; margin-right: 10px;}
.chkOpenInFancy label, .chkOpenInPanel label {	cursor: pointer;position: absolute;	width: 22px;height: 22px;left: 4px;top: 4px;}
.chkOpenInFancy label:after, .chkOpenInPanel label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;	width: 18px;height: 12px;background: transparent;top: -2px;	left:0px;border: 3px solid #447a8b;	border-top: none;	border-right: none;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg);	-ms-transform: rotate(-45deg);	transform: rotate(-45deg);}
.chkOpenInFancy label:hover::after, .chkOpenInPanel label:hover::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=30);opacity: 0.3;}
.chkOpenInFancy input[type=checkbox]:checked + label:after, .chkOpenInPanel input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 1;}


.divHighlight {border:2px solid #3B7689;/* background-color:#e1e5e6*/ height:auto}