/* ========================================== Generale =========================== */
#dataField>.row {clear:both; margin-left:0!important; margin-right:0!important}
#dataField>.row .columns {padding:0!important}

/* Modifica del 25/11  martina */
/* questo file css è utilizzato sia in Admin dove la larghezza max è 1100, sia in front end con larghezza max 1000px */
/* commento questa riga, presupponendo che dunque lo stile.row lo erediti dal contenitore superiore */
/*.row { max-width: 1000px;  }*/
.cursor-pointer {  cursor:pointer}

.no-padding { padding:0!important;}
.no-margin { margin:0!important;}
.no-border { border:0!important;}
.width-100p{ width:100%}
.vertical-middle {  vertical-align:middle }
.vertical-top {  vertical-align:top }
.clear-both { clear:both; }
.hight_z-index { z-index:1000}

.position-relative { position:relative!important;}
.position-absolute { position:absolute!important;}

.ul-general {width:100%; margin:0px; padding:0; list-style-type:none}
.li-general-in-line {padding:0; display:inline-block; margin:0;}
.li-general-block {padding:0; display:block; margin:0; width:100%}

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

.display-none { display:none}
.display-block  { display:block; }


/*=====================================  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; }





.txt_newsletter { height:23px!important; background-color:transparent!important;font-family:Segoe UI Light, Segoe UI; font-size:15px!important; color:black; margin:0; padding:0 0 0 4px; font-weight:500 }
/*per togliere freccia di deafult di select*/
select::-ms-expand { display: none;}
select { border: 1px solid #d3d3d3!important;  /*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: #faf8f5 url("/GlobalManagement_Preferences/Account/images/ACC_selectArrow.gif") no-repeat right center;}

/* ========================================== content =========================== */

.field-margin { margin: 1px 0 5px 0 }
.content-split-field {width:50%}
.content-split-field input, .content-long-field  input, .content-long-field-100 input, .content-split-field-mini input, .content-split-field-mini select, .content-split-field-maxi input { background-color:#faf8f5}
.content-split-field-mini {width:20%;  margin-right:18px}
.content-split-field-maxi {width:70%}
.content-split-field div input {width:100%; max-width:400px; margin-right:5px}
.content-long-field {width:100%; max-width:810px}
.content-long-field-100 {width:100%; max-width:885px}

.content-split-first-third-field {width:30%}
.content-split-sec-third-field {width:50%}

.field-name { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter; font-size:16px;color:#adadad; }
.info-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:10px;color:black; }
.title-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:25px;color:#BFBFBF; }

.content-long-field-100-disable {width:100%; max-width:885px;  background-color:#D1CDBF; border-style: none;}
.field-name-disable { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:11px;color:black;}

.field-name-lnk { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:14px;color:#D1CDBF; width:100%; max-width:885px}

.info-err { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter; font-size:16px;color:Red; }


.NB_close-line { background:#d8c9b0; width:100%; float:right; height:1px; margin-bottom:20px }



/* ====================================================================================================== */
/* Stili per fascia top che compare per invitare al Log - non sono ancora Logato*/
#ACC_TopStrip_LoginAccess { margin-right:10px}
#ACC_TopStrip_LoginAccess div {margin-right:5px; font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:20px;}
a.ACC_TopStrip_LoginAccess_accedi{color:#3a5b9a; margin-left:3px}
#ACC_TopStrip_LoginAccess img { margin-top:-5px}

/* ====================================================================================================== */
/* Stili per fascia top che compare una volta logati*/
#ACC_TopStrip_Login { margin-right:10px}
#ACC_TopStrip_Login div {margin-right:5px; font-family:Segoe UI Light, Segoe UI; font-size:19px; color:#6b6359}
#ACC_TopStrip_Login span { color:#b54a29}
.ACC_TopStrip_Login_photo  { width:22px; height:22px}
.ACC_TopStrip_Login_icAdmin { margin:-5px 7px 0 3px}
.ACC_TopStrip_Login_separe { margin: 0 5px 0 5px}



/* ========================================== content =========================== */
.ACC_MainNav { margin-bottom:38px }
.ACC_MainNav_sel { color:#06c70b;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:27px;}
.ACC_MainNav_desel { color:#b8b8b8;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:24px; margin-top:3px}

.ACC_Intestazione {color:#adadad;  font-size:34px; font-weight:100; padding-top:0}
.ACC_BreakLine { height:1px; width:100%; background-color:#c4c4c4; margin:10px 0 8px 0}


.ACC_field-marginDW { margin-bottom: 15px  }
.ACC_field-margin { margin: 10px 0 5px 0 }
.ACC_field-superMargin { margin: 20px 0 5px 0 }

.ACC_content-split-field2 {width:30%; margin-right:30px }
/* ================================================================================ */
/* possibilità di lunghezza dei divgenerali che ospitano gli input e le etichette */

.ACC_content-split-field {width:50%;max-width:247px; display:inline-block}
.ACC_content-split-field_M {width:50%;width:344px; display:inline-block;}
.ACC_content-split-field_S {width:50%;width:247px; display:inline-block;}
.ACC_content-split-field_MR { margin-left:8px}
.ACC_content-split-field400 {width:50%;max-width:400px; display:inline-block}

.ACC_content-split-field-mini {float:left; width:205px; }
.ACC_content-split-field-medium {float:left; width:300px; }
/*ha un margine left perchè il max viene inteso conseguente sempre al mini. nel caso si dovesse usare non in abbinato al mini si potrebbe fare uno */
/* stile specifico per il margine sinistro e aggiungerlo alla classe*/
.ACC_content-split-field-maxi {float:none; width:100%;margin-left:205px; max-width:450px;}
.ACC_content-split-field-maxi548 {float:none; width:100%;margin-left:205px; max-width:486px;}
/* stle div che ricopre tutta la lunghezza del form */
.ACC_content-long-field-100 {width:100%; max-width:700px; font-family: Segoe UI Light,Segoe UI !important; }
.ACC_content-split-sec-third-field {width:50%}

.ACC_content-split-field-mini select { width:100%}

/* ====================================================================================================================== */
/* stili per i div che contengono direttamente gli input. magin 37 è dovuto alla presenza/assenza dell'iconcina di alert  */
.ACC_content_DivOfInput_Alert {width:auto; float:none; border: 1px solid #b2b1b4; margin-right:/*37*/57px}
.ACC_content_DivAlert img{
     width:33px;
     height:33px;
}
/*.ACC_content_DivOfInput_noAlert {width:auto; float:none;}*/
.ACC_content_DivAlert { width:/*37*/57px;}
.ACC_content_DivAlert img{margin: 0 0 0 3px}
 /*per la data ricduco l'input per lasciare spazio sempre all'interno dello stesso div dell'iconcina del calendario */
.ACC_content_DivOfInput_Data {float:left;display:inline-block;  width:80%;}

.divLeftBorder {border-left-style:solid; border-left-width:thin; border-left-color:#d8d8d8; }
.ACC_Login_ML {  margin-left:20px}
.ACC_Login_MT {  margin-top:20px}
.ACC_title-nameL { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:55px; color:#a29d97!important; }
.ACC_title-name { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:31px;  }
.ACC_info-name { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:12px;color:black; }
.ACC_field-name { margin: 0 5px 5px 0; /*font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter;*/ font-size:16px; }
.ACC_subtitle-name { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:14px; }
.ACC_subtitle-nameL { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:16px;color:#b2b2b2; }

.ACC_content-long-field-100-disable {width:100%; max-width:885px;  background-color:#D1CDBF; border-style: none;}
.ACC_field-name-disable { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:11px;color:black;}
.ACC_field-name-lnk a{ margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:14px;color:#447a8b; }
.ACC_field-img-margin>div >div> img{ margin-top:20px}


/* ====================================================================================================================== */
/* ====================================================================================================================== */
/* style per Area ADMIN - /UserArea/ */
/* Contenuto dx */
.ACC_UA_main {width:100%; /*max-width:765px*/ }
.ACC_UA_Title {color:#000; font-weight: 300; font-size:44px;  }
.ACC_UA_close-line { background:#a0a0a0; width:100%; float:right; height:1px; margin:10px 0  20px 0px;}
a.ACC_UA_lnk_small { color:#7f7f7f;font-family:Segoe UI;  font-weight: lighter; font-size:16px;  text-decoration: none;}
a:hover.ACC_UA_lnk_small { text-decoration: underline;}
.ACC_UA_lnk_actBlue  { /*width:auto; float:none; margin-right:37px */}
.ACC_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:26px;  text-decoration: none; float:right;  margin-right:37px}
.ACC_UA_lnk_actBlue img {float:right}
/* Contenuto sx */
.ACC_UA_MenuItemSX  { margin-bottom:10px;color:#000;font-weight: 300; font-size:22px;}
.ACC_UA_MenuItemSX a { color:#000;font-weight: 300; font-size:22px;}
.ACC_UA_MenuItemSXImg {width:100%; height:100%; max-height:30px; max-width:30px}
/*Il mio spazio*/
.ACC_UA_MenuItem_MS_menu{ display:inline-block}
.ACC_UA_MenuItem_MS_Main{   border-left:  3px dotted #cacaca;padding-left: 35px;}
.ACC_UA_MenuItem_MS_Main .row{    clear: both;   margin-left: 0 !important;  margin-right: 0 !important;}
.ACC_UA_MenuItem_MS_titolo  { color:#000; font-size:30px; font-weight:300}
.ACC_UA_MenuItem_MS_titolo> span  {font-weight:400}
.ACC_UA_MenuItem_MS_paragrafi {color:#000; font-size:18px; font-weight:400; margin-bottom:18px}
.ACC_UA_MenuItem_MS_paragrafi span {line-height:32px;margin-left: 10px;}


/* ====================================================================================================================== */
/* style per specifici per modulo PROFILO */
.ACC_Profile-content {width:100%; padding-top:20px}
.ACC_Profile-content_foto {width:170px; float:left}
.ACC_Profile-content>.div-in-line {width:550px; }





/* ====================================================================================================================== */
/* style per specifici per modulo BILLING */
.ACC_UA_Billing_Box { width:100%; max-width:700px}
.ACC_UA_Billing_CopyData { margin:10px 0 10px 0}




/* =============================================================================================== */
/* ========================================== HTML - bannerAccount.htm =========================== */
#BAN_bannerAccount {font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter;}
.BAN_BreakLine_U { height:1px; width:100%; background-color:#c4c4c4; margin:15px 0 30px 0}
.BAN_BreakLine_B { height:1px; width:100%; background-color:#c4c4c4; margin:30px 0 30px 0}
#BAN_foto {float:left;}
#BAN_foto img { margin-right:15px}
#BAN_txt {float:none; width:auto;}
.BAN_txt_intestazione { font-size:28px;color:#000;} 
.BAN_txt_contenutotxt { margin:20px 0 15px 0;font-size:16px;color:#000; line-height:20px }
.BAN_txt_OpNewAcc{font-size:29px;color:#6497a7;}

/* style per personalizzazione checkbox */
#chkAccount{visibility: hidden;}
.chkAccount {width: 30px;height: 30px;background: #fff;border:3px solid #447a8b;margin: 40px auto;	position: relative; margin-right: 10px; top:-10px}
.chkAccount label {	cursor: pointer;position: absolute;	width: 22px;height: 22px;left: 4px;top: 4px;}
.chkAccount 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);}
.chkAccount label:hover::after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=30);opacity: 0.3;}
.chkAccount input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 1;}





/* =============================================================================================== */
/* =============================================================================================== */
/* Nuovi OTTOBRE 2014.
   Introduzione del  font-family: 'Open Sans', serif in sostituzione al Segoe */

.All_ModuleReg input[type="text"], input[type="password"],select { height:35px; background-color:#faf8f5;/*font-family:Segoe UI Light, Segoe UI;*/ font-size:20px; color:black; margin:0; padding:0 0 0 4px; font-weight:300 }
   
.All_ModuleReg {font-family: 'Open Sans', serif!important;color:#000!important;  font-size:20px; font-weight:300;line-height:25px}
.All_ModuleReg a { font-family: 'Open Sans', serif!important;text-decoration:underline; color:#1375e4;font-size:20px!important; font-weight:300!important;}
.ACC_H20 { height:20px}
.ACC_H15 { height:15px}
.All_ModuleReg input[type="text"] { width:98%; border:1px solid #cccccc}

/* ================================================================================ */
/*finale: Prosegui al successivo*/
#ACC_GoOn { margin-top:40px}
#ACC_GoOn span {/*font-family:Segoe UI Light, Segoe UI; font-weight: 300;*/ font-size:30px;}
#ACC_GoOn img { margin:-8px 0 0 12px}


/* ===================================================================== */
/* LANDING PAGE */
.LPG_style {font-family: 'Open Sans', serif;  font-size:18px; font-weight:300}
.LPG_styleLink  div{ margin-bottom:26px}
.LPG_styleLink {color:#000!important;font-family: 'Open Sans', serif!important;  font-size:28px!important;  text-decoration: none!important;font-weight:300 }
.LPG_styleLink  a { text-decoration: none!important;}
.LPG_styleLink  a img{ margin:-12px 0 0 10px!important}

a:link.LPG_styleLink   { color:#000!important;font-family: 'Open Sans', serif!important;  font-size:28px!important; text-decoration: none;font-weight:300}
a:visited.LPG_styleLink {color:#000!important;font-family: 'Open Sans', serif!important;  font-size:28px!important; text-decoration: none; font-weight:300 }
a:hover.LPG_styleLink  {color:#000!important;font-family: 'Open Sans', serif!important;  font-size:28px!important;  text-decoration: none;font-weight:300 }

a.LPG_styleLinkSmall  { color:#3387c3!important;font-family: 'Open Sans', serif!important;  font-size:18px!important; text-decoration: underline;font-weight:300}

/* ===================================================================== */
/* EMAIL */
.EMAIL_styleLink  div{ margin-bottom:26px}
a.EMAIL_styleLink   { color:#3387c3!important;font-family: 'Open Sans', serif!important;  font-size:28px!important; text-decoration: underline;font-weight:300}



.ACC_MarginiModule{margin:0 170px 0 77px;}


.ACC_strError{font-weight:600; color:red; font-size:20px; }

/*lucchetto e alert*/
.ACC_redimLock, .ACC_redimAlert {width:35px; height:35px;}


.ACC_content_widthlabelMis1 {
    width: 130px;
}
.ACC_labelField {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    height: 35px;
}

@media only screen and (max-width: 767px) 
{
   .All_ModuleReg div { width:100%; float:none; display:block; clear:both; margin-left:0;margin-right:0}
    .All_ModuleReg select { width:98%!important; float:none; display:block; clear:both; margin:0;}
   .ACC_content_DivAlert { display:none!important}
   #Name10, #SurName10, #Email0 { border:1px solid red}
    .ACC_content-split-field400, .ACC_content-split-field-mini, .ACC_content-split-field-maxi548 {    max-width: 100%;}  
    
    
    .ACC_MarginiModule{margin:0 10px 0 10px;} 
    .ACC_Intestazione { padding-top: 20px;}


    .ACC_Profile-content_foto {width:100%; float:unset}
    .ACC_Profile-content>.div-in-line {width:100%; }

}
@media only screen and (max-width: 1200px) 
{
  
    /*.ACC_UA_MenuItem_MS_menu{ display:none}
    .ACC_UA_MenuItem_MS_Main{  padding-left: 5px;}*/
}

@media (min-width: 768px) {
    .LPG_icoLandingPagesLink{width:410px;}
    /*.LPG_styleLink  a span, .LPG_styleLink  span{float:left }*/
}