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


.checkLeftMargin { margin-left:25px}
.checkLabelLeftMargin { margin-left:62px;margin-top: -7px;}
.strbase_inputcheck-in {visibility:hidden}
.strbase_inputcheck {
    width: 30px;
    height: 30px;
    background: #fff;
    border: 2px solid #000;
    position: relative;
    margin-right: 10px;
    top: -10px;
    float: left;
    top: 0 !important;
}
.strbase_inputcheck label {
    cursor: pointer;
    height: 22px;
    left: -5px;
    padding-left: 40px;
    position: absolute;
    top: 0;
    width: 210px;
}
.ACC_labelSelect {
    color: #000;
    font-size: 15px!important;
    font-weight: 600;
    padding-top:5px!important
}

.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-margin { margin: 10px 0 5px 0 }

/* ================================================================================ */
/* 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;}
.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; margin-right:/*37*/57px}
/*.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; color:#a0a0a0!important; }
.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;color:#7f7f7f; }
.ACC_subtitle-name { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: 300; font-size:14px;color:#a0a0a0; }
.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:#a0a0a0;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:35px;  }
.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}
.ACC_UA_MenuItemSX a { color:#7f7f7f;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:20px;}



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





/* ====================================================================================================================== */
/* 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_footerTxt {font-family: 'Open Sans', serif;  font-size:15px; font-weight:300;line-height: 18px;}
.ACC_footerTxt a{font-size:15px!important; font-weight:300;line-height: 18px;}




/* ===================================================================== */
/*NUOVI LUGLIO 2019*/
input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 0em 0!important;
}
.check_row {margin-bottom:18px; position:relative;}
.check_row> label.error {position: absolute;top: 25px;}
@media only screen and (max-width:562px) 
{
    .check_row {margin-bottom:18px; position:relative;}
    .check_row> label.error {position: absolute;top: 45px;}
}
/* ===================================================================== */





@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;}



}