﻿
/*=================================== Generali ==============================================*/
img { border:0}

/*=====================================  field Elem ============================================*/
.SYN_FieldElem_etichette { font-family:Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px}
.SYN_FieldElem_field {padding-right:50px; margin-bottom:8px }
.SYN_FieldElem_field input, 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;}


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; }

.SYN_TemplateRow  { margin-bottom:10px}
.SYN_TemplateRow img { margin-right:8px}
.SYN_LoadPath { padding-right:55px!important}
.SYN_LoadPath  >div {border-radius: 2px; border:1px solid #e7e7e7;  width:100%;}
                
.divHighlight {border:2px solid #3B7689;/*background-color:#484645;*/ height:auto; }

.EditElemSync {color:#3B2E28; background-color:#3B2E28}

/*=====================================Content============================================*/
#content_G {margin: 0; position:relative; margin-top:10px; width:100%;max-width:970px;  }
#strip_title_G {width:100%; max-width:970px; height:43px; background-color:#cb2c31; margin-bottom:10px}
.strip_title {color:White; font-family:Segoe UI; font-size:31px; vertical-align:middle; padding-left:10px}
                    
 /*  MOD. 30.01.2014 ora le immagini non sono piu dentro ad una lista ma si compongono in DIV */                   
.SYN_DivFoto { display:inline-block;position:relative;margin:0 8px 8px 0; border: 1px solid #b2b1b4; vertical-align:top }
.SYN_DivFoto span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Segoe UI, sans-serif;  
font-size: 16px; height:40px; 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}    

.SYN_span_TopIconTools { background-color:#3b2e28;  width:35px!important; height:35px!important; text-align:center}   
.SYN_span_TopIconTools img{ border:0!important; margin: auto; text-align:center} 
                  
.SYN_content-long-field-100 {width:100%; max-width:700px}
                  
/* context menu #1 */
#cm1_content {background-color:white; width:436px; margin:0px; padding:0; height:300px; color:White;font-family:Segoe UI; padding-top:0px}
#cm1_ul { width:100%; margin:0px; padding:0; list-style-type:none}
#cm1_ul li{ padding:0; display:block;vertical-align:top; margin:0;  width:100%; }
#cm1_ul div { margin: 0px 20px 0px 20px;  vertical-align:top}
#cm1_ul img { vertical-align:middle; margin-right:10px}
.txt_red { color:#cb2c31;font-family:Segoe UI; font-size:18px;  }

a.txt_white   { color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:link.txt_white   { color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:visited.txt_white {color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:hover.txt_white  {color:#458296;font-family:Segoe UI; font-size:18px;  text-decoration:none; }


/* context menu #2  - IMAGES */
#mc_content {background-color:white; width:580px;  margin:0; padding:20px 20px 20px 20px; height:380px; color:White;font-family:Segoe UI; top:0}
#mc_images { width:100%; margin:0px; padding:0; list-style-type:none}
#mc_images img { vertical-align:middle; margin-right:10px}
.li_foto{padding: 15px 0 0 0; display:inline-block;vertical-align:top; margin:0; width:190px;}
.li_operativita { padding:0; display:inline-block;vertical-align:top; margin:0; width:390px }


/* blocco universale image */
/*#SYN_Mng_Content {background-color:white; width:540px;  margin:0; padding:20px 20px 20px 20px; height:380px; color:White;font-family:Segoe UI; top:0}*/
#SYN_Mng {float:left; width:200px;padding: 0px  0px  0px 0px;}
#SYN_Mng_Content { margin:0; color:White;font-family:Segoe UI; top:0; }
.SYN_li_foto{padding: 0 5px 0 0; display:inline-block;vertical-align:top; margin:0; width:147px; height:147px;}
.SYN_li_foto img{ width:147px; height:147px; }
.SYN_li_btn{padding:  0px  0px 0px 0; display:inline-block;vertical-align:middle; margin:0; width:147px;}
.SYN_li_btn img { margin-right:8px; vertical-align:middle; margin-top:-12px}
.SYN_li_DescACapo{padding: 10px 0 0 0; vertical-align:middle; margin:0; width:147px;}
.SYN_li_TxtACapo{padding: 0; vertical-align:middle; margin:0; width:147px;}
.SYN_Mng_cImage { width:100%; margin:0px; padding: 0; list-style-type:none}

a.SYN_Mng_lnk   { color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration: none; }
a:link.SYN_Mng_lnk   { color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration: none; }
a:visited.SYN_Mng_lnk {color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration: none; }
a:hover.SYN_Mng_lnk  {color:#d4d0cc;font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:26px;  text-decoration:none; }



.div_TB { margin:0; padding: 5px 0 0 0; }
.div_icona_operativita {margin: 0 10px 0 0; padding:0;clear:both; float:left; width:30px; background-color:White }
.div_spazio_vuoto { float:left; width:30px; height:10px;margin: 0 10px 0 0; padding:0; }
.span10 { margin-right: 20px;}
.div_etichetta {margin:0; padding:0;height:15px;font-family:Segoe UI, Verdana; font-size:14px;vertical-align:top;}
#property_image{ width:100%; margin:0px; padding:0; list-style-type:none}

a.zoom   { color:White;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:link.zoom   { color:White;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:visited.zoom {color:White;font-family:Segoe UI; font-size:18px;  text-decoration: none; }
a:hover.zoom  {color:White;font-family:Segoe UI; font-size:18px;  text-decoration:underline; }


/*===================================== Drag and Drop with jQuery UI --> 4 Sortable ============================================*/
.ui-sortable-placeholder { border: 3px dashed #aaa; height: 159px; width: 145px; background: #ccc; }
.ui-sortable-placeholder-img{ border: 6px dashed #aaa; height: 159px; width: 145px; background: #ccc;display:inline-block; }
/*===================================== TRASH for image */
#sortable_trash { height: 35px; overflow: hidden; background: url('/UserArea/images/TB_images/TB_Delete_RW.png')  no-repeat  ;  width:50px}
#sortable_trash li, #sortable_trash div, #sortable_copy li, #sortable_copy div { height: 0; width: 0; overflow: hidden;}
#sortable_copy { height: 30px; overflow: hidden; background: url('/UserArea/images/TB_images/TB_Confirm_G.png')  no-repeat  ; width:50px}
#sortable_new { height: 80px; overflow: hidden; width:150px; border:2px solid red}



.SYN_Intest_LineEnd { height:1px; background-color:#ede9e6; margin: 5px 0 5px 0px; width:100%}

/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#holder_mng.hover{ border: 3px solid #0c0;}
#holder_mng.hover, #holder_img.hover { border: 3px solid #0c0;/*background-color:White!important;background-repeat:no-repeat!important;background-position:center center!important*/ }
.fail { background: #c00; padding: 2px; color: #fff; }
.hidden { display: none !important;}
#loading{ display: none ;}

/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
.holder-default, #holder_img { border: 1px solid #b2b1b4; width:147px; height:147px; background-repeat:no-repeat; background-position:center center; background-color:White }
.holder-ImgManager { border: 1px solid #b2b1b4; width:147px; height:147px;  background-repeat:no-repeat!important;background-position:center center;background-color:white}


/*===================================== modalità SELECT images per insert ============================================*/
.SYN_SYN_NoSelected {border: 1px solid #b2b1b4;}
.SYN_SYN_Selected {border-color: #1ac41a!important; border-width:4px!important; border-style:solid!important }
/* nuovo per select img in raccolta immagini, per evitare bordo esterno quando selezonato, ma crearne uno interno */
.SYN_DivFoto_Selected {border: 5px solid #1bc41b;position:absolute;top:0;bottom:0;left:0;right:0;}


.SYN_SYN_insert {font-family:Segoe UI;font-weight: lighter; color:#0cc00c;  font-size:36px;}
.SYN_SYN_insert_annulla {font-family:Segoe UI;font-weight: lighter; color:#dc0e0e;  font-size:36px;}



/*===================================== pannello per set variabile per SIMULATORE ============================================*/
.simText {color:#e12d19;font-family:Segoe UI; font-size:15px;padding-left:10px}
.simText_enable {color:#6f7269;font-family:Segoe UI; font-size:15px;padding-left:10px}


/*===================================== per Connessioni ============================================*/
.SYN_closeIntestazione { height:15px; width:10px; }
#SCBar { margin-bottom:100px} 
.SYN_close-line { background:#8f8780/*#d8c9b0*/; width:100%; float:right; height:1px; margin:12px 0 10px 0 } 
.SYN_FieldElem_txt { font-family:Segoe UI Light, Segoe UI; font-weight:lighter; font-size:18px!important; color:Black!important;}  
/* in fancy per lista connessioni */
.SYN_F_FieldElem_txt { font-family:Segoe UI Light, Segoe UI; font-weight:lighter; font-size:18px!important; color:#d4d0cc!important;}  