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

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

.MAI_ELEM_Box_TopIconTools { position: absolute; right: 0; }
.MAI_ELEM_Box_TopIconTools div{background-color: #3b2e28;float: right; padding:2px}
.MAI_ELEM_Box_TopIconTools img { border: 0 !important; }
/*.MAI_ELEM_Box_IconPreview  {height: 30px; margin: 0;color: #fff;padding: 0px; position: absolute; right: 0; bottom: 0; width:28px; z-index:100;background: #3b2e28;float:right }*/
.MAI_ELEM_Box_IconPreview  {/*float: right;*/ margin: 3px 2px 0  3px!important; }
.MAI_ELEM_Box_IconPreview_LeftSide {width:120px;}
.MAI_ELEM_Box_IconPreview_LeftSide_Tit {text-overflow: ellipsis;white-space: nowrap;width:120px;overflow: hidden; height:20px}
.MAI_ELEM_Box_IconPreview_LeftSide_Data {height:20px}
.MAI_ELEM_Box_IconPreview_LeftSide_Sent {height:23px}

                
/*===================================== Drag and Drop with jQuery UI --> 4 Upload ============================================*/
#MAI_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; }
#.MAI_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; }
/* ================================================================================================================================ */
                    
.MAI_Div_goTools {/*position:absolute;right:0; top:0; background-color:#3b2e28; width:30px; height:30px; padding:3px 0px 0 3px*/}  
#SCBar { margin-bottom:100px}   


.MAI_border_preview_etichetta_bottom {bottom: 0; height:70px; left: 0;position:absolute!important; 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;}
.MAI_border_preview_etichetta_bottom_large {bottom: 0; height:70px; left: 0;position:absolute!important; 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;}

                

/*=====================================  EDIT module ===========================================*/
/*=====================================  field Elem ============================================*/
.MAI_FieldElem_etichette {font-family:Segoe UI Light, Segoe UI; font-size:14px; color:#8f8780; margin-bottom:4px}
.MAI_FieldElem_field {/*padding-right:50px;*/ margin-bottom:8px;  }
.MAI_FieldElem_field input, .MAI_FieldElem_field select{ height:38px; font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}
.MAI_FieldElem_field textarea {font-size:18px!important; color:Black!important; background-color:#fbf8f1!important;margin: 0; padding:0 0 0 5px}
.MAI_FieldElem_content{ background-color:#fbf8f1!important;  padding:22px 10px 20px 15px; height:163px!important; margin:15px 0 33px 0 }

.MAI_FieldElem_content_BL { height:1px; background-color:#d7d0c7; width:98%; margin:10px 0px 10px 0}
.MAI_FieldElem_divEdit {font-family:Segoe UI Light, Segoe UI; font-size:16px; color:#000;}
.MAI_FieldElem_divEdit_ServiceState {font-family:Segoe UI Light, Segoe UI; font-size:28px; color:#818180;} 
.MAI_FieldElem_content_BS{ margin-bottom:28px}
.MAI_Field_Label {font-family:Segoe UI; font-size:20px; color:#8f8780; margin-bottom:4px}

.MAI_FieldElem_lnk_NoRef { color:#7da3ae!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }

a.MAI_FieldElem_lnk   { color:#7da3ae!important;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }


.MAI_TitleElem { color:#447a8b;font-family:Segoe UI Light, Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none;  padding-bottom:15px;}

.MAI_TemplateRow  { margin-bottom:10px}
.MAI_TemplateRow img { margin-right:8px}
.MAI_TemplateRow_LoadHtm { padding-right:55px!important}

.MAI_TemplateRow_LoadHtm  >div {border-radius: 2px; border:1px solid #e7e7e7;  width:100%;}
                
                
/*=====================================  Img Manager - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css images che mi rappresentano quelli di default. Vincono questi qui sotto! */       
a.MAI_Mng_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.MAI_Mng_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.MAI_Mng_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.MAI_Mng_lnk  {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }

/*=====================================   FndElem - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css FndElem.css 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 ============================================*/
#MAI_holder.hover { border: 3px dashed #0c0; }


/*===================================== Sortable with jQuery UI --> 4 Sortable ============================================*/
.ui-sortable-placeholder-mailing{ border: 3px dashed #aaa; width: 143px;  height: 159px; background-color: #ccc!important; float:left}


/*===================================== modalità SELECT images per insert ============================================*/
.MAI_Img_NoSelected {border: 1px solid #b2b1b4;}
.MAI_Img_Selected {border-color: #1ac41a!important; border-width:6px!important; border-style:solid!important}


.div-in-line {display:inline-block;}

.holder-default { border: 1px solid #b2b1b4; width:147px; height:147px; background-repeat:no-repeat;  background-position:center center; background-color:White }

.MAI_UA_lnk_actBlue  { /*width:auto; float:none; margin-right:37px */}
.MAI_UA_lnk_actBlue a /*, .ACC_UA_lnk_actBlue img*/ { color:#447a8b!important;font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter; font-size:27px;  text-decoration: none; float:left;  margin-right:37px}
.MAI_UA_lnk_actBlue img {float:right}


#container {
  margin: 0 auto; 
  width: 250px;
  padding: 2em;
  background: #DCDDDF;
}

.ui-progress-bar {
  margin-top: 5px;
  margin-bottom: 5px;
} 

.ui-progress span.ui-label {
  font-size: 1.2em;
  position: absolute;
  right: 0;
  line-height: 18px;
  padding-right: 12px;
  color: rgba(0,0,0,0.6);
  text-shadow: rgba(255,255,255, 0.45) 0 1px 0px;
  white-space: nowrap;
}

@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }

  to {
   background-position: 44px 0;
  }
}      

.ui-progress-bar {
  position: relative;
  height: 13px;
  padding-right: 2px;
 /* background-color: #abb2bc;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b6bcc6), color-stop(1, #9da5b0));
  background: -moz-linear-gradient(#9da5b0 0%, #b6bcc6 100%);
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;*/
}        

.ui-progress 
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 11px;
 /* -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-background-size: 44px 44px;
  background-color: #74d04c;
  background: -webkit-gradient(linear, 0 0, 44 44,
    color-stop(0.00, rgba(255,255,255,0.17)),
    color-stop(0.25, rgba(255,255,255,0.17)),
    color-stop(0.26, rgba(255,255,255,0)),
    color-stop(0.50, rgba(255,255,255,0)),
    color-stop(0.51, rgba(255,255,255,0.17)),
    color-stop(0.75, rgba(255,255,255,0.17)),
    color-stop(0.76, rgba(255,255,255,0)),
    color-stop(1.00, rgba(255,255,255,0))
  ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #74d04c), color-stop(1, #9bdd62));
  background: -moz-repeating-linear-gradient(top left -30deg,
    rgba(255,255,255,0.17),
    rgba(255,255,255,0.17) 15px,
    rgba(255,255,255,0) 15px,
    rgba(255,255,255,0) 30px
  ), -moz-linear-gradient(#9bdd62 0%, #74d04c 100%);
  -webkit-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  -moz-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  border: 1px solid #4c8932;
  -webkit-animation: animate-stripes 2s linear infinite;*/
}

.SfondoOperativo 
{
    background-color:#73AE42;
    
}
.Operativo 
{
    background-color:#3AE750;
}

.SfondoConnesso
{
    background-color:#AC7309;
}

.SfondoInCoda
{
    background-color:#A8A8A8;
}

.Connesso
{
    background-color:#F9AB28;
}

.SfondoDisconnesso 
{
    background-color:#730000;
}
.Disconnesso 
{
    background-color:#FF0000;
}
.InCoda 
{
    background-color:#D4D4D4;
}