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

/* ================================================================================================================================ */
/* Febbraio 2014 -  nuovi stili in seguito alla trasformazione da liste a div */
.SYN_ELEM_Box_New { margin-right: 10px !important; display: inline-block;}
.SYN_ELEM_Box{ display: inline-block;position: relative; margin: 0 8px 8px 0; border: 1px solid #b2b1b4;  vertical-align: top;}
.SYN_ELEM_Box span {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI Light, Segoe UI; font-weight: lighter; font-size: 16px; height: 40px; float: left; margin: 0; width: 100%; color: #fff;  background: #3b2e28; padding: 0px;  position: absolute; left: 0; bottom: 0; text-align: left;  }
.SYN_ELEM_Box_TopIconTools { position: absolute; right: 0; }
.SYN_ELEM_Box_TopIconTools div{background-color: #3b2e28;float: right; padding:2px}
.SYN_ELEM_Box_TopIconTools img { border: 0 !important;}
.SYN_ELEM_Box_IconPreview  {height: 40px; margin: 0;color: #fff;padding: 0px; position: absolute; right: 0; bottom: 0; width:40px; z-index:100;background: #3b2e28; }
                
/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#SYN_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; }
#SYN_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; }
/* ================================================================================================================================ */


.SYN_title-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:25px;color:#BFBFBF; }



.SYN_border_preview {border: 1px solid #000; width:145px; height:161px}
.SYN_border_preview-margin_right { margin: 0 15px 15px 0;}
/*.SYN_border_preview div  {position:relative; }*/
.SYN_border_preview_etichetta_bottom {bottom: 0; left: 0;position:absolute!important; height:40px;background: #3b2e28!important;width: 100%;max-width: 170px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif; font-size: 16px;  color: #fff;}
.SYN_border_preview span {color: #fff;/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif;  
                    font-size: 16px;   height:40px; width: 100%;max-width: 170px;
                    background: #3b2e28;padding:0 0 0 5px; position: absolute; left: 0; text-align:left; bottom:0px*/}         
.SYN_Div_goTools {position:absolute;right:0; top:0; background-color:#3b2e28; width:36px; height:36px; padding:3px 0 0 3px}                  

#SCBar { margin-bottom:100px}    

a.SYN_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} 

.SYN_divVuoto { margin-top:30px}
.SYN_Space1 { margin-top:10px}

/*===================================== Drag and Drop with jQuery UI --> 4 Sortable ============================================*/
.ui-sortable-placeholder-sync{width: 143px;  height: 159px;  border: 2px dashed #aaa; background: #eaeaeb; display:inline-block; margin-right:10px}


/*=====================================  field Elem ============================================*/
.SYN_FieldElem_etichette { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px!important}
/*.SYN_FieldElem_field {padding-right:50px; margin-bottom:8px }*/
.SYN_FieldElem_field {padding-right:75px; margin-bottom:8px }
input[type="text"],input[type="password"], select{ height:38px; font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}
select::-ms-expand { display: none;}
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;}

#SCBarSyncRun { margin:20px 0 20px 0}
.SYN_Title {color:#a5a5a5;font-family:Segoe UI Light, Segoe UI; font-weight: lighter; font-size:38px; vertical-align:top  }


a.SYN_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.SYN_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.SYN_FieldElem_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.SYN_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;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.IMG_Mng_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.IMG_Mng_lnk  {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }
/*.SCBar_Cmd_greenIns img {float:left; margin-top:0px!important}*/

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