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

/* ================================================================================================================================ */
/* Febbraio 2014 -  nuovi stili in seguito alla trasformazione da liste a div */
.IDX_ELEM_Box_New { margin-right: 10px !important; display: inline-block;}
.IDX_ELEM_Box{ display: inline-block;position: relative; margin: 0 10px 8px 0; border: 1px solid #b2b1b4;  vertical-align: top; background-color:White}
/*.IDX_ELEM_Box span {overflow: hidden;text-overflow: ellipsis; font-family: Segoe UI Light, Segoe UI; font-weight: lighter; font-size: 16px; height: 40px; float: left; margin: 0; width: 100%; color: #fff!important;  background: #3b2e28; padding: 4px 0 0 3px;  position: absolute; left: 0; bottom: 0; text-align: left;  }*/
.IDX_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}
/*.IDX_ELEM_Box span a {color:#fff!important; height:10px!important;overflow: hidden!important;}*/




.IDX_ELEM_Box_TopIconTools { position: absolute; right: 0; }
.IDX_ELEM_Box_TopIconTools div{background-color: #3b2e28;float: right;padding:2px}
.IDX_ELEM_Box_TopIconTools img { border: 0 !important;}
/*.IDX_ELEM_Box_IconPreview  {height: 40px; margin: 0;color: #fff;padding: 0px; position: absolute; right: 0; bottom: 0; width:40px; z-index:100;background: #3b2e28; }*/
.IDX_ELEM_Box_IconPreview  {/*float: right; margin: 3px 0 0 3px; border:0!important */}
                
/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#IDX_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; }
#IDX_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; }

.IDX_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; }
.IDX_ELEM_Box_New_holder_img.hover   { border: 3px solid #0c0; background-color: White !important; background-repeat: no-repeat !important; background-position: center center !important; }
/* ================================================================================================================================ */

#IDX_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; }
.IDX_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; }


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

.IDX_ELEM_Box_Select {background: #675045!important;} 
a.IDX_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 5px; position: absolute; left: 0; text-align:left; bottom:0px} 


/*=====================================  EDIT module ===========================================*/
/*=====================================  field Elem ============================================*/
.IDX_FieldElem_etichette { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px}
.IDX_FieldElem_enabled { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px!important}
/*.IDX_FieldElem_field {padding-right:50px; margin-bottom:8px }*/
.IDX_FieldElem_field {padding-right:75px; margin-bottom:8px }
.IDX_FieldElem_field input{ height:38px; font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}

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


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.IDX_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.IDX_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.IDX_FieldElem_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.IDX_FieldElem_lnk  {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }


/*=====================================  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}
  
#IDX_Mng {float:left; width:200px;padding: 0px  0px  0px 0px}
#IDX_Mng_Content { margin:0; color:White;font-family:Segoe UI; top:0}
#IDX_Mng_Content_Link { margin-top:13px}

.IDX_li_foto{padding: 0 5px 0 0; display:inline-block;vertical-align:top; margin:0; /*width:147px; height:187px;*/}
.IDX_li_foto img{ /*width:100%; height:187px;*/ }
.IDX_li_btn{padding:  0px  0px 0px 0; display:inline-block;vertical-align:middle; margin:0; width:147px;}
.IDX_li_btn img { margin-right:8px; vertical-align:middle; margin-top:-12px}
.IDX_li_DescACapo{padding: 10px 0 0 0; vertical-align:middle; margin:0; width:147px;}
.IDX_li_TxtACapo{padding: 0; vertical-align:middle; margin:0; width:147px;}
.DOC_Mng_cImage { width:100%; margin:0px; padding: 0; list-style-type:none}
#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 ============================================*/
#idx_holder.hover { border: 3px dashed #0c0; }

/*===================================== Sortable with jQuery UI --> 5 Sortable ============================================*/
.ui-sortable-placeholder-idx-big{width: 167px;  height: 226px; border: 2px dashed #aaa; background: #eaeaeb; display:inline-block; margin-right:10px }
/*.ui-sortable-placeholder-idx{width: 145px;  height: 159px; border: 2px dashed #aaa; background: #eaeaeb; display:inline-block; margin-right:10px }*/
.ui-sortable-placeholder-idx{  height: 159px; width: 147px;  background: #eaeaeb; display:inline-block; margin:0 10px 8px 0; border: 1px solid #b2b1b4; vertical-align:top; /*border: 0px dashed #aaa;margin-right:10px*/ }

/*===================================== modalità SELECT images per insert ============================================*/
.IDX_Img_NoSelected {border: 1px solid #b2b1b4;}
.IDX_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 */
.IDX_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}




/*====================================== DIV font per le toolbar dei modelli=================================*/
.DOC_MenuFont {position:absolute;z-index:99999; background-color:#434343; padding:10px 10px 0 10px; top:15px; left:15px; max-height:200px}