﻿
/* ========================================== 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"], 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/AUT_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: 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; }

.AUT_divVuoto { margin-top:30px}

/* ====================================================================================================== */
/* Stili per fascia top che compare per invitare al Log - non sono ancora Logato*/
#AUT_TopStrip_LoginAccess { margin-right:10px}
#AUT_TopStrip_LoginAccess div {margin-right:5px; font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:20px;}
a.AUT_TopStrip_LoginAccess_accedi{color:#3a5b9a; margin-left:3px}
#AUT_TopStrip_LoginAccess img { margin-top:-5px}

/* ====================================================================================================== */
/* Stili per fascia top che compare una volta logati*/
#AUT_TopStrip_Login { margin-right:10px}
#AUT_TopStrip_Login div {margin-right:5px; font-family:Segoe UI Light, Segoe UI; font-size:19px; color:#6b6359}
#AUT_TopStrip_Login span { color:#b54a29}
.AUT_TopStrip_Login_photo  { width:22px; height:22px}
.AUT_TopStrip_Login_icAdmin { margin:-5px 7px 0 3px}
.AUT_TopStrip_Login_separe { margin: 0 5px 0 5px}



/* ========================================== content =========================== */
.AUT_MainNav { margin-bottom:38px }
.AUT_MainNav_sel { color:#06c70b;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:27px;}
.AUT_MainNav_desel { color:#b8b8b8;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:24px; margin-top:3px}

.AUT_Intestazione {color:#adadad;font-family:Segoe UI Light, Segoe UI;  font-size:34px; font-weight:100}
.AUT_BreakLine { height:1px; width:100%; background-color:#c4c4c4; margin:5px 0 35px 0}

.AUT_field-margin { margin: 1px 0 5px 0 }

/* ================================================================================ */
/* possibilità di lunghezza dei divgenerali che ospitano gli input e le etichette */
.AUT_content-split-field {width:50%;}
.AUT_content-split-field-mini {float:left; width:205px; }
.AUT_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*/
.AUT_content-split-field-maxi {float:none; width:100%;margin-left:205px; max-width:450px;}
/* stle div che ricopre tutta la lunghezza del form */
.AUT_content-long-field-100 {width:100%; max-width:700px}
.AUT_content-split-sec-third-field {width:50%}

.AUT_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  */
.AUT_content_DivOfInput_Alert {width:auto; float:none; margin-right:37px}
/*.AUT_content_DivOfInput_noAlert {width:auto; float:none;}*/
.AUT_content_DivAlert { width:37px;}
.AUT_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 */
.AUT_content_DivOfInput_Data {float:left;display:inline-block;  width:80%;}


.AUT_field-name { margin: 0 5px 5px 0; font-family:Segoe UI Light, Segoe UI!important; font-weight: lighter; font-size:16px;color:#7f7f7f; }
.AUT_info-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:10px;color:black; }
.AUT_title-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:25px;color:#BFBFBF; }
.AUT_subtitle-name { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:14px;color:#BFBFBF; }

.AUT_content-long-field-100-disable {width:100%; max-width:885px;  background-color:#D1CDBF; border-style: none;}
.AUT_field-name-disable { margin: 0 5px 5px 0; font-family:Segoe UI!important; font-weight: lighter; font-size:11px;color:black;}
.AUT_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}

a.AUT_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:link.AUT_FieldElem_lnk   { color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:visited.AUT_FieldElem_lnk {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration: none; }
a:hover.AUT_FieldElem_lnk  {color:#447a8b;font-family:Segoe UI;  font-weight: lighter; font-size:26px;  text-decoration:none; }




/* ====================================================================================================================== */
/* ====================================================================================================================== */
/* style per Area ADMIN - /UserArea/ */
/* Contenuto dx */
.AUT_UA_Title {color:#bfbfbf;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:35px;  }
.AUT_UA_close-line { background:#d8c9b0; width:100%; float:right; height:1px; margin:20px 0 20px 0 }
/* Menu laterale sx */
.AUT_UA_MenuItemSX  { margin-bottom:10px}
.AUT_UA_MenuItemSX a { color:#7f7f7f;font-family:Segoe UI Light, Segoe UI; font-weight: 300; font-size:20px;}







