/* ========================================== Generale =========================== */


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

.divLeftBorder {border-left-style:solid; border-left-width:thin; border-left-color:Gray;}


input[type="text"],input[type="password"], select { height:35px; background-color:#fbf8f1;font-family:Segoe UI Light, Segoe UI; font-size:20px; 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: #fbf8f1 url("/GlobalManagement_Preferences/Account/images/ACC_selectArrow.gif") no-repeat right center;}

#ul_content { width:100%; margin:0; padding:0; list-style-type:none;}
#ul_content li{margin:0; padding:0; display:inline-block!important; margin-right:5px; vertical-align:top; margin-bottom:5px;}
#ul_content li img {border: 1px solid #b2b1b4;}
#ul_content li div {position:relative}
#ul_content li 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} 

/* ========================================== 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:#fbf8f1}
.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: 10px 5px 10px 0; font-family:Segoe UI Light, Segoe UI; font-weight: lighter; font-size:40px;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; }

/* ================= /UserArea/Account/Anagrafica ================= */
.NB_close-line_Anagrafica { background:white; width:100%; float:right; height:1px; margin-bottom:20px;}
/*=====================================  Found element - sx.  ============================================*/         
/* Schiaccio gli stili già definiti in css images che mi rappresentano quelli di default. Vincono questi qui sotto! */         
.EditElem_NameElem { font-size:4px!important;}
.EditElem_Date-AuthorElem {margin-top:0!important ;}   
.ACC_Filter_BoxSearch { float: right; width: 130px; text-align: right; height:40px; vertical-align:top; }
.ACC_Filter_BoxSearch div {position:absolute; top:-6px }
.ACC_Filter_BoxSearch div a  {color:black;font-family:Segoe UI;  font-weight: lighter; font-size:36px;  text-decoration: none;  }
.ACC_Filter_BoxSearch div img { margin:-8px 5px 0 0 }
.ACC_Filter_BoxSearchFilter {float: none; margin-right: 130px;  }
.ACC_Filter_BoxRemoveFilter  {position:absolute; right:12px;}
.ACC_Filter_BoxRemoveFilter div { color:#dc0e0e;font-family:Segoe UI Light, Segoe UI; font-weight: lighter; font-size:26px; cursor:pointer; margin-top:8px }
.ACC_Filter_BoxRemoveFilter img { margin-top:-5px}
.ACC_Filter_BoxRemoveFilter_bottom { height:5px; width:15px}

.ACC_Filter_BtnMain {margin:5px 0 10px 0 }
.ACC_Filter_BtnMain >div { margin-right:20px}
#RSC_Categories { margin-top:20px}
#GRID { margin-top:60px!important; width:100%!important }
.ACC_BottomSpace { height:35px}


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




/* ====================================================================================================================== */
/* style per specifici per modulo Edit/New Profile */
.ACC_Profile-content {width:100%; padding-top:20px}
.ACC_Profile-content_foto {width:192px; float:left}
.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}



/* ====================================================================================================== */
/* 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-family:Segoe UI Light, Segoe UI;  font-size:34px; font-weight:100}
.ACC_BreakLine { height:1px; width:100%; background-color:#c4c4c4; margin:5px 0 35px 0}

.ACC_field-margin { margin: 1px 0 5px 0 }

/* ================================================================================ */
/* possibilità di lunghezza dei divgenerali che ospitano gli input e le etichette */
.ACC_content-split-field {width:50%; }
.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;}
/* 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:97%}

/* ====================================================================================================================== */
/* 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:42px}
/*.ACC_content_DivOfInput_noAlert {width:auto; float:none;}*/
.ACC_content_DivAlert { width:42px;}
.ACC_content_DivAlert img{margin: 0 0px 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%;}


.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_info-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:10px;color:black; }
.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_subtitle-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:14px;color:#BFBFBF; }

.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 { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:14px;color:#D1CDBF; width:100%; max-width:885px}
.ACC_field-name-lnk2 { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter; font-size:11px;color:#7f7f7f; }
/* ================================================================================ */
/*finale: Prosegui al successivo*/
#ACC_GoOn span {font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:30px;}
#ACC_GoOn img { margin:-8px 0 0 12px}

a.ACC_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI Light, Segoe UI;   font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.ACC_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI Light, Segoe UI;   font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.ACC_FieldElem_lnk {color:#447a8b;font-family:Segoe UI Light, Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.ACC_FieldElem_lnk  {color:#447a8b;font-family:Segoe UI Light, Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }

/* ====================================================================================================================== */
/* ====================================================================================================================== */
/* style per Area ADMIN - /UserArea/ */
/* Contenuto dx */
.ACC_UA_Title {color:#bfbfbf;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:35px;  }
.ACC_UA_close-line { background:#d8c9b0; width:100%; float:right; height:1px; margin:20px 0 20px 0 }
/* Menu laterale 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;}




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

#ui-datepicker-div { background-color:White!important}