body{background-color:#fff; margin:0px;margin-bottom:10px; padding-left: 2px; padding-right: 2px;}


*{font-family: Verdana, Helvetica, Sans-Serif; font-size:14px;

  box-sizing:border-box;/*https://www.youtube.com/watch?v=7uLVxPBuaDA*/

}

button {
    white-space: normal;
}
.btn {
    white-space: normal;
}


a{ text-decoration:underline;}
a.btn, a.nav-link {
    text-decoration: none;
    white-space: pre-wrap;
}

.checkboxBig{
    height: 20px;
    width: 20px;
    padding:3px;
}

#zsiqbtn {
    z-index: 0 !important;
}

h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}

.p-10{padding:10px;}
.p-20 {
    padding: 20px;
}

img {border:0px;}

iframe {border: 0px solid #ffffff;}

#NewsAlert {
    background-color:#A7D1AD;
    cursor:pointer;
    padding:5px;
}
#NewsAlert .Titolo{
    padding:10px;
}
#NewsAlert .Note{
    display: none;
    padding:10px;
    background-color:#fff;
}

.RenderAjaxBox {

    /*background-color:#eee;*/
    width:100%;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    text-align: center;
}


a{color:#3961a9;}

.IstiMiniMenu {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}
.IstiMiniMenu_Title {
    padding:10px;
    font-weight: bold;
    text-align:center;
}
.IstiMiniMenu_Buttons {
    display: flex;
    justify-content: center;
}
/****** Modal dialog *********/

#modaldialogIframe{
    z-index:5000;
}

#modaldialogIframe .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
    max-width: none;
    /* background-color: #F00;*/
}

#modaldialogIframe .modal-dialog .modal-content {
    height: 100%;
}


#modaldialogIframe .modal-header {
    border-bottom:0px;
}


/****** ANIMAZIONE *********/
#modaldialogIframe {

    transform: scale(0.5);
    opacity: 0;
    transition: all .2s linear;
    
}
#modaldialogIframe.show {
    opacity: 1;
    transform: scale(1);
}


#modaldialogIframe iframe {
    /* https://stackoverflow.com/a/36679187 */
    position: absolute;
    top: 4px;
    left: 0px;
    right:0px;
    bottom:4px;
}



.fade2 {
    transform: scale(0.9);
    opacity: 0;
    transition: all .2s linear;
    display: block !important;
}

.fade2.show {
    opacity: 1;
    transform: scale(1);
}



#modaldialogIframe .modal-header .close  {
    padding:5px;
}

#modaldialogIframe .modal-header .close * {
    font-size: 40px   
}


/*
#modaldialogIframe .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
}

#modaldialogIframe .modal-content {
  height: 100%;
  min-height: 100%;
  border-radius: 0;
}

#modaldialogIframe iframe {
    display: block; 
    background: #eee;
    border: none;
    height: 95vh;
    width: 95vh;
}
    */

#IstiForm_SelectPopUp{padding:0px;}

.IstiHide{display:none;}

.IstiBoxMessage{border:1px dotted #aaa; padding:10px;text-align:center;margin:20px;}

.IstiMiniHeader{font-weight:bold;border-bottom:1px solid #aaa;width:100%;padding:3px;margin-top:4px;margin-bottom:2px;}

.ui-dialog{border:1px solid #ddd}

.centerpad{padding:10px;text-align:center;}
.centerpadbig{padding:10px;margin-top:50px;margin-bottom:50px;text-align:center;}
.centerdiv{margin-left:auto;margin-right:auto;padding:10px;}

/*.IstiPage{max-width:1240px;margin-left:auto;margin-right:auto;}*/

div.ui-tooltip {
    max-width: 500px;
    padding:10px;
}

.Info{ border-bottom:2px dotted #61c8ff;text-decoration:none;}
/* background-color:#61c8ff;color:#fff;cursor:pointer;padding-left:4px;padding-right:4px; font-style:italic}*/

.CompravenditeBannerApertura{border:3px solid #E0A21B;background-color:#c2b41c;color:#ffffff;font-size:25px;width:auto;text-align:center;padding:20px;margin:10px;}


.Text_Title{font-size:18px;padding-bottom:4px;}
.Text_SubTitle{font-size:16px;padding-bottom:4px;}

.Text_TitleBig{font-size:30px;}
.Text_SubTitleBig{font-size:20px;}

.text-x2, .text-x2 *{
    font-size:24px;
}

.text-x3, .text-x3 * {
    font-size:34px;
}

.DocumentiGrid_TipoDocumento{margin:10px;}
.DocumentiGrid_TipoDocumento_Header{font-size:18px;border-bottom:1px solid #aaa;}


.slideshow{height:450px;width:900px;margin-left:auto;margin-right:auto;}
.slideshow .slides .slide{height:450px;width:900px;}


.banner{text-align:center;padding:10px;font-weight:bold;margin-bottom:4px;margin-top:4px;border-bottom:1px dotted #ddd}


#CheckReadyTimer{
    position:fixed;
    bottom:0;
    z-index:10000;
    width:100%;
    color:#000;
    text-align:center;
    font-weight:bold;
    
}

#CheckReadyTimer #CheckReadyTimer_Progressbar{
    background-color:#aaa;
    border:1px solid #aaa;
    background:url('CheckReadyTimer/background.gif') repeat;
    
}

#CheckReadyTimer #CheckReadyTimer_ProgressbarContent{
    background-color:#E0A21B;
    height:30px;
}


#CheckReadyTimer #CheckReadyTimer_Message{
    padding:6px;
    position:fixed;
    bottom:0;
    width:100%;
    z-index:10001;
    color:#333;
}

.CheckReadyTimer_NotReady{
    padding:0px; 
}

.CheckReadyTimer_Ready {
    padding: 50px;
    background-color: #aaa;
}

/* ora c'è un pulsante standard
    
    .CheckReadyTimer_Ready a{
    color:#fff;
}*/


.IstiRating {
    text-align:center;
    width:40px;
    height:40px;
    border: 0px solid #aaa;
    border-radius: 50%;
    padding-top:10px;
    font-weight:bold;
}
    
/************************ Status ****************************/
.IstiSimpleStepMenu {padding:0px;margin-bottom:15px;text-align:center;background-image:url('/Css/IstiSimpleStepMenu_background.png');background-position: center;background-repeat:repeat-x }
.IstiSimpleStepMenu ul {padding:0px;margin:0px;padding-bottom:5px;}
.IstiSimpleStepMenu li {display: inline-block;list-style-type: none;padding:7px;background-color:#fff;}
.IstiSimpleStepMenu .IstiSimpleStepItem {border:3px #ddd solid; color:#ddd; border-radius: 10px;font-weight:bold}
.IstiSimpleStepMenu .IstiSimpleStepItemDone {border-color:#00E68A;background-color:#00E68A;color:#fff}

.IstiSimpleStepMenu .IstiSimpleStepItemDone * {color:#fff;}
.IstiSimpleStepMenu .IstiSimpleStepItemCurrent {border-color:#00E68A; color:#000;font-weight:bold;} /*58c208*/
.IstiSimpleStepMenu .IstiSimpleStepItem .IstiSimpleStepItemIndex{font-weight:bold;}
.IstiSimpleStepMenu .IstiSimpleStepItem .IstiSimpleStepItemName{}
.IstiSimpleStepMenu .IstiSimpleStepItemDescription {margin-top:10px;margin-bottom:10px;}
.IstiSimpleStepMenu .IstiSimpleStepDivider{color:#fff;font-weight:bold;font-size:20px;background:none;margin-top: 3px;}/*visibility:hidden*/
 /*   .IstiSimpleStepMenu .IstiSimpleStepItemCurrent + .IstiSimpleStepDivider {
    background-color:#ddd;}*/
.IstiSimpleStepMenuHorizontal {padding:20px;margin-left:auto;margin-right:auto;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepMenu_Description {font-size:16px;}
.IstiSimpleStepMenuHorizontal ul{padding:0px;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItem{border-bottom:7px solid; border-color: #eee;display:inline;padding:15px;margin:0px;padding-right:30px;padding-left:30px;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItem a{ text-decoration:none;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemNext { color:#aaa}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemDone {border-color:#E0A21B;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemDone a{color:#000;text-decoration:underline;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemCurrent{font-weight:bold;border-color:#E0A21B;background-repeat: no-repeat;background-position:bottom center;} /*background-image: url("istisimplestepmenu_triangle.png")*/
.IstiSimpleStepMenuHorizontal .IstiSimpleStepMenu_Description{margin-top:30px;padding:10px;text-align:center;}

/*.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemOrder{text-align:center;width:30px;height:30px;font-weight:bold;padding:4px;background-color:#aaa;color:#fff; }
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemName{padding-left:10px;background-color:#fff;color:#000;font-weight:bold;}
.IstiSimpleStepMenuHorizontal .IstiSimpleStepItemDescription{padding-left:10px;padding-bottom:20px;}
*/
.IstiSimpleChecklist{width:100%}
    .IstiSimpleChecklist .IstiSimpleChecklistItemStatus {
        text-align: center;
        width: 30px;
        height: 30px;
        font-weight: bold;
        padding: 4px;
        background-color: #eee;
        color: #aaa;
        border-radius: 25px;
    }
.IstiSimpleChecklist .IstiSimpleChecklistItemName {padding-left:5px;}
.IstiSimpleChecklist .IstiSimpleChecklistItemName a {text-decoration:none;color:#000}
.IstiSimpleChecklist .IstiSimpleChecklistItemName a:hover {text-decoration:underline}
.IstiSimpleChecklist .IstiSimpleChecklistItemUndone .IstiSimpleChecklistItemStatus {background-color:#ea3;color:#fff}
.IstiSimpleChecklist .IstiSimpleChecklistItemUndone .IstiSimpleChecklistItemName{font-weight:bold;}
.IstiSimpleChecklist .IstiSimpleChecklistItemUndone .IstiSimpleChecklistItemName a {text-decoration:underline;}
.IstiSimpleChecklist .IstiSimpleChecklistItemDescription {padding:3px;color:#555}

/************************ IstiButton ****************************/


.btn {
    color: #444;
    background-color: #eee;
    border-color: #ccc;
    border: 1px solid #ccc;
    padding: 8px;
    margin:2px;
    margin-right: 4px;
}



a.IstiButton_Disabled, IstiButton_New_Disabled, IstiButton_Disabled{background:#eee;color:#aaa;cursor:default;}
button.IstiButton_Primary, a.IstiButton_Primary, a.IstiButton_Primary:link{background:#40a419;color:#fff;border-color:#ddd;font-weight:bold;}
button.IstiButton_Primary:hover, a.IstiButton_Primary:hover{background:#58c208;color:#fff;border-color:#555;}

.IstiButton_Wide {
    width:100%;padding:10px;
}

.IstiButton_Big *{font-size:18px;}
.IstiButton_Small * {font-size:12px;font-weight:normal; }
.IstiButton_NoWrap {text-wrap:none}
.IstiButton_100 {width:100%}

.IstiButton_Big{padding:20px;}

/*.IstiButton_Help  {border-color:#538ce8;background-color:#538ce8;}*/

/* in teoria non ci sarebbe bisogno di specificare la "a" prima della classe
ma, penso sia per un bug, se non specifico a quale elemento è applicata la classe, non funziona
.IstiButton, a.IstiButton{border:1px solid #ccc;font-weight:bold;padding:5px 5px;background:#eee;margin:1px;}
.IstiButton:hover, a.IstiButton:hover{background:#ddd;}

.IstiButton:disabled {
    background: #ccc;border:1px solid #888;
}

.IstiButton_Subtitle {font-size:10px;}

a.IstiButton_Disabled, IstiButton_New_Disabled, IstiButton_Disabled{background:#eee;color:#aaa;cursor:default;}
button.IstiButton_Primary, a.IstiButton_Primary, a.IstiButton_Primary:link{background:#40a419;color:#fff;border-color:#ddd;}
button.IstiButton_Primary:hover, a.IstiButton_Primary:hover{background:#58c208;color:#fff;border-color:#555;}



.IstiButton_LikeLink { border:0px;background:#fff;text-decoration:underline;}

.ui-icon-facebook { background-image: url('/img/IstiButton/button-ico-facebook.png')  !important; width:24px !important; height:24px !important;    margin-top: -12px !important; }

button.IstiButton_FacebookOn, a.IstiButton_FacebookOn {
    background-color:#4c66a4;
    color:#fff;
}
button.IstiButton_FacebookOn:hover, a.IstiButton_FacebookOn:hover {
    background-color:#5c76a4;
    color:#fff;
}

    */

/************************** Tag *****************************/
.IstiTag {border:0px solid #aaaaaa;height:24px;padding:2px;font-size:10px;}

.PotenzialeRisultatoVerifiche {
    border:0px solid #aaaaaa;height:24px;padding:2px;font-size:10px;
}

/************************ Status ****************************/
/*.Status {border:0px solid #aaaaaa;border-left:20px solid; width:120px;height:24px;padding:2px;text-align:left;font-size:10px;}*/
.Status {min-width:100px;max-width:200px;}
.Status_Bar {border:0px solid #aaa;background-color:#ddd;border-radius:5px;}
.Status_Bar_Background {height:10px;border-radius: 5px;}
.Status_Name {font-size:11px;}

.Status_KO {border-color:#000000;color:#000000}
.Status_OK {border-color:#00CC00;color:#00CC00}


/* StatoOrdineValoreNormale*/
.Status_StatoOrdineValoreNormale_VALORISIMILI {border-color:#E0A21B;}



.site_mainTitle{font-size:32px;font-weight:bold;padding-top:50px;}
.site_subTitle{font-size:22px;font-weight:bold;padding-bottom:30px;}



/************************ IstiForm ****************************/
.IstiForm {
    max-width: 900px;
    border-collapse: collapse;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height : 110%;
}
.IstiForm .IstiForm_Hidden{display:none;}
.IstiForm .IstiForm_Header{width:100%;margin-bottom:3px;margin-top:4px;}
.IstiForm .IstiForm_Header_Title{font-size:18px;border-bottom:2px solid #ddd;}
.IstiForm .IstiForm_Header_Description{margin-bottom:3px;}
.IstiForm .IstiForm_DataRow{padding-bottom:4px;padding-right:8px;}
.IstiForm .IstiForm_DataRow_InputHint{font-size:12px;padding-bottom:2px;color:#333;}
.IstiForm .IstiForm_DataRow_Description{background:#C6F2A5;padding:5px;}
.IstiForm .IstiForm_DataRow_Description_Icon{cursor:pointer;padding-left:4px;padding-right:4px;border:1px solid #5021D1;background:#148DC9;text-decoration:none;font-weight:bolder;color:#ffffff;margin:2px;}
.IstiForm .IstiForm_DataRow_Description_Icon:hover{color:#ffffff;background:#7EC3E6}
    .IstiForm .IstiForm_DataRow_ValidationInfo {
        font-size: 12px;
        padding-bottom: 2px;
        color: #333;
    }
.IstiForm .IstiForm_DataRow_Label{padding-top:5px;font-weight:bold;}
    .IstiForm .IstiForm_DataRow_Label label {
        padding: 0px;
        margin-bottom: 0px;
    }
.IstiForm .IstiForm_DataRow_Field{}
.IstiForm .IstiForm_DataRow_ErrorMessage{background-color:#ff0000;color:#ffffff;padding:4px;border-radius:4px;}
.IstiForm .IstiForm_GlobalErrors{margin:2px;padding:5px;background-color:#ff0000;list-style-type: none;}
.IstiForm .IstiForm_GlobalErrors li{margin:0px;color:#ffffff;padding:2px;}
.IstiForm .IstiForm_RequiredIndicator{padding-bottom:3px;color:#ff0000;}
.IstiForm .IstiInputText{width:100%;border:1px solid #999999;}
.IstiForm .IstiInputFile{width:100%;border:1px solid #999999;}
.IstiForm .IstiInputSelect{width:100%;}
.IstiForm .IstiInputSelectRemoteJson{width:100%;}
.IstiForm .IstiInputPopUpSelect{width:100%;}
.IstiForm Fieldset{border:1px solid #dddddd;}
.IstiForm Legend{color:#555555;}
.IstiForm .IstiInputPopUpSelect_Button{border:1px solid #666;background-color:#eeddee;color:#000;font-weight:bolder;padding:2px;padding-left:5px;padding-right:5px;text-decoration:none}
/*.IstiForm_MULTILANGUAGE_DIALOG{display:none;border:3px solid #8833bb;} */
/*.IstiForm_GlobalErrors{background-color:#ff0000;color:#ffffff;padding:2px;width:100%;text-align:center;}*/
.IstiForm .IstiFormButtons{margin-top:20px;margin-bottom:10px;}
.IstiForm .error {border:2px solid red;}
.IstiForm .charcount.error {color:#fff; background-color:red;}


.IstiForm .IstiForm_Group .IstiForm_Group_Title {padding:4px;font-weight:bold;}
.IstiForm .IstiForm_Group .IstiForm_Group_Row{width:100%;display:flex;flex-flow: row  wrap}
.IstiForm .IstiForm_Group .IstiForm_Group_Row .IstiForm_DataRow {flex: 1 1 200px}
.IstiForm .IstiForm_Group .IstiForm_Group_Row .IstiForm_DataRow_Label{font-weight:normal}

    .IstiForm .IstiFormButtons button { padding-left:50px;padding-right:50px;
    }
    /*.IstiForm .IstiForm_Group .IstiForm_DataRow .IstiTable_DataRow{display:flex;flex-flow: row wrap;padding:2px;}
.IstiTable .IstiTable_DataRow:nth-of-type(2n+1) {background: #f2f2f2;}
.IstiTable IstiForm_Group .IstiTable_DataRow_Label{flex: 1 1 110px;} 
.IstiTable .IstiTable_DataRow_Field{flex: 100 1 250px;}*/
    /************************ IstiTable ****************************/
    /*.IstiTable{}
.IstiTable .IstiTable_DataRow{} 
.IstiTable .IstiTable_DataRow_Label{padding-top:3px;padding-bottom:3px; width: 150px;word-wrap: break-word;text-align:left;color:#555;} 
.IstiTable .IstiTable_DataRow_Field{padding-top:3px;padding-bottom:3px;} 
.IstiTable .IstiTable_Header{padding-top:3px;padding-bottom:3px;font-weight:bolder;text-align:left;border-bottom:1px dotted #ddd;}
.IstiTable .IstiTable_ComplexTypeHeader{padding:3px;font-weight:bolder;font-style:italic;text-align:left;padding-top:6px;}
.IstiTable .IstiTable_Description{padding-top:3px;padding-bottom:3px;}    
.IstiTable .IstiTable_DataRow_Error{background-color:#ff0000;color:#ffffff;padding:2px;}
    */
    /* 
    la tabelle definisce un minimo di stile inline per essere correttamente renderizzata nelle emial
    che purtroppo non supportano i fogli di stile
*/


.IstiTable {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.IstiTable .IstiTable_Header{font-weight:bold;font-size:18px;margin-bottom:3px;border-bottom:1px dotted #ddd;}/*font-weight:bolder;*/
.IstiTable .IstiTable_ComplexTypeHeader{font-weight:bolder;font-style:italic;padding-top:6px;}
.IstiTable .IstiTable_Description{}    
.IstiTable .IstiTable_DataRow_Error{background-color:#ff0000;color:#ffffff;padding:2px;}


.IstiTable .IstiTable_DataRow {
    margin-bottom: 4px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    padding: 2px;
    word-break: break-all;
}

.IstiTable .IstiTable_DataRow_Label {
    color: #888;

    flex: 1 1 110px;
    -webkit-flex: 1 1 110px;
    -ms-flex: 1 1 110px;
}

.IstiTable .IstiTable_DataRow_Field {
    padding-top: 0px;
    margin-left: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    white-space: pre-wrap;

    flex: 100 1 250px;
    -webkit-flex: 100 1 250px;
    -ms-flex: 100 1 250px;
}

/*.IstiTable .IstiTable_DataRow:nth-of-type(2n+1) {background: #f2f2f2;}*/


/*
    Con queste impostazioni si forza la visione delle tabelle a due colonne
    in fase di stampa ovvero quando le impostazioni flex non sono supportate
    e la visualizzazione sarebbe a una colonna
.IstiTable .IstiTable_DataRow {
    clear:left;
}
.IstiTable .IstiTable_DataRow_Label {
    float: left;
    width: 130px;
}
    */

/************************ GeoCodeMap ****************************/

.IstiGeoreferenceMap .indirizziRilevati li {
    padding: 4px;
}
.IstiGeoreferenceMap .IstiGeoreferenceMap_Menu {
    padding: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}
.IstiGeoreferenceMap .IstiGeoreferenceMap_Menu div {
    padding: 4px;
}
.IstiGeoreferenceMap input[name=indirizzo] {
   
}
.IstiGeoreferenceMap input[name=latitudine] {
    border: 0px #333 solid
}
.IstiGeoreferenceMap input[name=longitudine] {
    border: 0px #333 solid
}

/************************ PuntiFiducialiWindow ****************************/
.PuntiFiducialiWindow .remoteSelect{width:100%;}

/************************ IstiGrid ****************************/
.IstiGrid {width:100%;border-collapse:collapse;border:0px;}
.IstiGrid .IstiGrid_Body {width:100%;border-collapse:collapse}
.IstiGrid .IstiGrid_Header {height:25px;border-collapse:collapse;border-bottom:1px solid #ddd;}
.IstiGrid .IstiGrid_Header_Cell {padding:5px;padding-right:10px;font-weight:bold;vertical-align:top}/*font-size:12px;*/
.IstiGrid .IstiGrid_BodyData_Row { height:40px;border-top:1px dotted #ddd;vertical-align:top}
.IstiGrid .IstiGrid_BodyData_Row_Clickabe {display: block;text-decoration:none;}
    
.IstiGrid .IstiGrid_BodyData_Row:first-child {
    border-top: 0px solid #fff
}
.IstiGrid tbody tr>td { border:0px solid #aaa;padding:5px;padding-right:10px; }
/*.IstiGrid .IstiGrid_BodyData_Row_Cell {border:0px solid #aaa;padding:5px;padding-right:10px;}*/
.IstiGrid .IstiGrid_BodyData_Row_DisableSelected {background-color:#eee;}
.IstiGrid .IstiGrid_BodyData_Row_Highlight {
    background-color: #f0f8b2 !important;
}
.IstiGrid .IstiGrid_BodyData_Row_HighlightSelected {
    background-color: #f3ffb2;
}
.IstiGrid .IstiGrid_VoidMessage {width:300px;padding:10px;font-size:14px;text-align:center;margin:0px auto;color:#999999}
.IstiGrid .IstiGrid_BodyData_Row_ShowHover{display:none;}
.IstiGrid .IstiGrid_MainHeader {}
.IstiGrid .IstiGrid_MainHeader .speedSearchText{width:30%;min-width:100px;}
.IstiGrid .IstiGrid_Footer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.IstiGrid .IstiGrid_Footer table{
    margin:auto;
}

.IstiGrid .IstiGrid_AjaxLoader {
    background-color: #fff;
    height: 300px;
    text-align: center;
}
.IstiGrid .IstiGrid_AjaxLoader img{
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
}
.IstiGrid .IstiGrid_BodyData_Row_BorderTop {
    border-top: 1px solid #444;
}
.IstiGrid.mobile a.btn {
    display: block;
    width: 100%;
}
/************************ IstiMenu ****************************/
.IstiMainMenu {
    border: 1px solid #000;
    height: 90px;
    text-align: center;
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.IstiMainMenu * {font-size:12px;}
.IstiMainMenu .Item a {color: #fff;}
.IstiMainMenu .Item a{text-decoration:none;}
.IstiMainMenu .Item.SelectedBranch a{color:#ffffff;}
.IstiMainMenu .Item.SelectedItem a{text-decoration:underline;font-weight:bolder;color:#ffffff;}

.IstiMainMenu .MainRow{ text-align:left;margin-left:10px;padding:0px;margin:0px;padding-left:10px;}
.IstiMainMenu .MainRow a{color:#002060}
.IstiMainMenu .MainRow .Item {height:45px;text-align:center;padding-right:10px;padding-left:10px;}
.IstiMainMenu .MainRow .Item.SelectedBranch{background-color:#999;border-top-left-radius:10px;border-top-right-radius:10px;}

.IstiMainMenu .SubRow{background-color:#999;}/*0080FF*/
.IstiMainMenu .SubRow{height:45px;text-align:left;padding-left:30px;color:#ffffff;}
.IstiMainMenu .SubRow a{margin-right:12px;}

.IstiMenuPath .btn {padding:4px;border:0px solid #fff;background-color:#fff}

.IstiMenuPath_Logo {height:90px;margin:0px; padding: 0px; float:left;border:0px;margin-right:2px;}
.IstiMenuPath_User{color:#002060;text-align:right;padding:5px;padding-right:10px;}
.IstiMenuPath_User a{color:#002060;}


.MenuPath_Info{display:flex;flex-wrap:wrap;justify-content:flex-end}


/************************ IstiMainMenu3 ****************************/


.IstiMainMenu3 {
    width: 100%;
}

.IstiMainMenu3 * {
    /* font-family: "Segoe UI", Helvetica, sans-serif;*/
    color: #fff;
}

.IstiMainMenu3_Titolo, IstiMainMenu3_UserInfo, IstiMainMenu3_SubMenu_Item {
    font-family: "Segoe UI", Helvetica, sans-serif;
}
    


.IstiMainMenu3, .IstiMainMenu3 table {
    border-collapse: collapse;
}

.IstiMainMenu3 td {
    padding: 0px;
    margin: 0px;
}


/************************************/
.IstiMainMenu3_Titolo {
    font-size: 30px;
    font-weight: bold;
    white-space: nowrap;
    padding: 10px;
    margin-left: 30px;
}

.IstiMainMenu3_UserInfo {
    text-align: right;
    height: 30px;
}

.IstiMainMenu3_AppsLogo {
    color: #fff;
    font-size: 30px;
    padding: 2px;
    margin-left: 10px;
}

.IstiMainMenu3_UserInfo a {
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
}



/**********************************/

.IstiMainMenu3_RigaSotto {
    background-color: #000;
}

.IstiMainMenu3_SubMenu {
    padding: 5px;
    padding-left: 80px;
    width: 100%;
}

.IstiMainMenu3_SubMenu_Items {
}

.IstiMainMenu3_SubMenu * {
    color: #fff;
}

.IstiMainMenu3_SubMenu_Item {
    color: #fff;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 20px;
    font-style: italic;
}

.IstiMainMenu3_SubMenu_Item-Selected {
    color: #ddd;
    text-decoration: none;
}




/**************************/

.IstiMainMenu3-RIC {
    background-color: rgba(255,205,63,1);
}

.IstiMainMenu3-BDI {
    background-color: #FF653A;
}


.IstiMainMenu3-CTF {
    background-color: #33cc66;
}

.IstiMainMenu3-ENA {
    background-color: #339af0;
}


/**************************/

#appsMenu {
    background-color: #fff;
    position: fixed;
    height: 100vh;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
    top: 0;
    left: 0;
    width: 320px;
    /*visibility: hidden; */
    display: none;
}




/*******************************************************************/

    
.IstiPath{height:35px; padding-left:10px;width:100%;}
.IstiPath *{color:#3961a9;font-size:14px;}
.IstiPath a{line-height:30px;text-decoration:underline;color:#3961a9;}
/*.IstiPath a:hover{text-decoration:underline;}*/


.HeadBanner {
    text-align:center;
    font-weight:bold;
    color:#333;
    padding:3px;
}

/************************ IstiTab ****************************/
/* Per fare i tab ho preso spunto da questo articolo
http://www.html.it/articoli/esempi/articoli_pro/482/t_tabs7b.html */

.IstiTab {text-align:left;width:100%;margin-top:10px;border-bottom:1px solid #aaa;padding-bottom:7px;margin-bottom:1px;}
.IstiTab ul{list-style-type: none;margin: 0;padding: 3px;white-space: nowrap}
.IstiTab li{display: inline;margin: 0;padding:0;background-color:#fff}
.IstiTab a{font-size:14px;font-weight:bold;color:#aaa;text-decoration:none;margin-left:4px;margin-right:4px;padding-left:10px;padding-right:10px;padding:10px;}
.IstiTab a:hover, .IstiTab a.current{color:#000;border:1px solid #aaa;border-bottom:1px solid #fff;margin-left:3px;margin-right:3px;}

.IstiTab_Sub .IstiTab{ border:0px;margin-top:-4px }
.IstiTab_Sub a{ color:#aaa;border:0px;margin-top:0px;margin-left:4px;margin-right:4px;  }
.IstiTab_Sub a:hover,.IstiTab_Sub a.current{border:0px;margin-top:0px;margin-left:4px;margin-right:4px; }


.nav-tabs {
    margin-left:4px;margin-right:4px;
    border-bottom:1px solid #aaa ;
}

.nav-tabs .active {
    font-weight:bold;
    border-color: #aaa #aaa #fff #aaa !important;
}

.nav-tabs a:hover {
    border-top-color: #aaa !important;
    border-left-color: #aaa !important;
    border-right-color: #aaa !important;
}


/************************ IstiPageHeader ****************************/
.IstiPageHeader{text-align:left;margin-bottom:4px;margin-left:5px;}
.IstiPageHeader .IstiPageHeader_Info{max-width:300px;}/*height:80px;overflow:auto;*/
.IstiPageHeader .IstiPageHeader_Title, .IstiPageHeader .IstiPageHeader_Title {
    font-size:30px;
    color:#000;
    padding-bottom:2px;
    margin-bottom:5px;    
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;}
.IstiPageHeader .IstiPageHeader_Title a {font-size:30px;text-decoration:underline}
.IstiPageHeader .IstiPageHeader_Title .parentPage {font-size:26px;color:#888}
.IstiPageHeader .IstiPageHeader_SubTitle{font-size:20px;margin-bottom:5px;}
.IstiPageHeader .IstiPageHeader_SubTitle * {font-size:20px;}
.IstiPageHeader .IstiButtonsMenu{margin-bottom:5px;}
.IstiPageHeader .IstiButtonsMenu .IstiButton {margin-right:4px;}
.IstiPageHeader .IstiPageHeader_StatusMessage{padding:3px;border:1px dotted #aaa;text-align:center;color:#444;margin-bottom:15px;background-color:#eee;}

/************************ IstiBox ****************************/
.IstiBox{background-color:#fff; margin: 5px;border:2px solid #ddd; background-color:#eee;border-radius: 10px;}
.IstiBox .IstiBox_Header{padding:5px;padding-top:5px;padding-bottom:5px;}/*border-bottom:2px solid #eee;*/
.IstiBox .IstiBox_Header .IstiBox_Header_Title{ font-size:24px;color:#000;text-transform: uppercase ;
    font-family: Arial;}
.IstiBox .IstiBox_Header .IstiBox_Header_Title *{ font-size:24px;color:#000;}
.IstiBox .IstiBox_Header .IstiBox_Header_Info{width:24px;height:24px;float:right;background:url('../img/help.png')}
/*.IstiBox .IstiBox_Header{font-size:20px;height:30px;height:30px;text-align:center;border-bottom:2px solid #aaa;color:#000;}*/
.IstiBox .IstiBox_Description{color:#333;padding:5px; line-height: 150%;}
.IstiBox .IstiBox_Description ul {margin: 2px;padding-left: 20px;}
/*.IstiBox .IstiBox_Description_Show{background: #fff;border: 1px solid #ccc;height: auto;margin-left: -5px;margin-top: -5px;padding: 4px;position: absolute;}*/
.IstiBox .IstiBox_Menu{text-align:left;padding:5px;}
.IstiBox .IstiBox_Menu_Big{margin-bottom:40px;margin-top:30px;text-align:center}
.IstiBox .IstiBox_Menu_Bottom{padding:5px;text-align:center}
.IstiBox .IstiBox_Menu .IstiButton {margin-right:4px;}

/*un box contenuto in un box non mostra i bordi*/

.IstiBox .IstiBox {
    background-color:#fff;
    border:0px
}
.IstiBox .IstiBox .IstiBox_Header{
    border-bottom:2px solid #ddd;
}



.IstiBox .IstiBox_Content {
    padding: 5px;
    background-color: #fff;
    border-radius: 10px;
    line-height: 140%;
}

.IstiBox .IstiBox_Content_OverflowAuto{overflow:auto;height:100%}
.IstiBox_Message {padding:5px; margin:5px;text-align:center;color:#fff;border-radius: 10px;}
.IstiBox_Message_Alert {background-color:#ff8000;}
.IstiBox_Message_Ok {background-color:#48a208;}
.IstiBox_Message_Info {background-color:#88f178;color:#000}
.IstiBox_Message a:not(.btn) {
        color: #fff;
    }

.IstiBox_Message_Info a:not(.btn) {
        color: #000;
    }


/****************************************/
/* box per messaggi che occupano tutta la pagina centrali */
.IstiBox_Center {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}

.IstiBox_Center .IstiBox_Header {text-align: center; }
.IstiBox_Center .IstiBox_Description{text-align:center;}
.IstiBox_Center .IstiBox_Menu {text-align:center;}
.IstiBox_Center .IstiBox_Menu_Bottom{text-align:center;}
.IstiBox_Center .IstiBox_Content { padding: 20px; }
.IstiBox_Center .IstiBox_Content .IstiFormButtons { text-align:center;}


/****************************************/
.IstiBox-Padding-10 .IstiBox_Content {
    padding: 10px;
}

.IstiBox-Padding-20 .IstiBox_Content {
    padding: 20px;
}

.IstiBoxError{border:4px solid #ff0000;}
.IstiBoxError .IstiBox_Header{background-color:#ff0000;color:#fff}
.IstiBoxError .IstiBox_Header .IstiBox_Header_Title{color:#fff}

.IstiBoxSeriousError{border-color:#000000;}

.IstiBoxAlert{border-color:#ff8000;}
.IstiBoxAlert .IstiBox_Header{background-color:#ff8000;color:#ffffff;}


.IstiBoxInfo {
    border-color: #30bdbd;
    background-color: #4adbef;
}
.IstiBoxInfo .IstiBox_Header{color:#000;border-color:#1BAFE0;}
.IstiBoxInfo .IstiBox_Content{background-color:#ffffff;}

.IstiBoxFocus{border:4px solid #58c208;}
.IstiBoxFocus .IstiBox_Header{background-color:#58c208;color:#fff}
.IstiBoxFocus .IstiBox_Header .IstiBox_Header_Title{color:#fff}
.IstiBoxFocus .IstiBox_Header .IstiBox_Header_Title * {color: #fff}


.IstiBoxStandardMessage {max-width:600px;}
.IstiBoxStandardMessage .IstiBox_Header {text-align:center;}
.IstiBoxStandardMessage .IstiBox_Content {text-align:center;}
.IstiBoxStandardMessage .IstiBox_Menu_Bottom {text-align:center;}


.IstiBoxSearch{background-color:#e8e8e8;}
.IstiBoxSearch .IstiForm {max-width:100%}

/************************ IstiContainerSplit ****************************/
/* se si desidera mantenere fissa la larghezza della colonna aggiungere questo: table-layout:fixed; */
/* http://www.w3schools.com/cssref/pr_tab_table-layout.asp */
.IstiContainerSplit{border-collapse:collapse;}
.IstiContainerSplit .IstiContainerSplitTd{}


/************************ IstiFlashMessage ***************************/
.IstiFlashMessage{display: none; position: fixed; top: 0px; left: 0px; z-index: 10000;text-align:center;}
.alert {width:100%;}
/*
.IstiFlashMessage{display: none;width:100%;font-size:20px;font-weight:bolder;text-align:center;padding:4px; position: fixed; top: 0px; left: 0px; z-index: 1000;}
.IstiFlashMessage_Info{background-color:#009900;color:#ffffff;}*/
.IstiFlashMessage_Error{background-color:#990000;color:#ffffff;}




/************************ GridTable ****************************/
.GridTable{border-collapse:collapse}
.GridTable th{width:50%;text-align:right;font-weight:normal}
.GridTable td{text-align:left;padding:2px;}
.GridTable .GridTableHeader{text-align:center;font-weight:bold;}



/************************ IstiBigOptions ****************************/
.Clearer { clear: left}
.IstiBigOptions{text-align:center;display:flex;flex-wrap:wrap;}
.IstiBigOptions .IstiBigOptions_Option{ }
.IstiBigOptions .IstiBigOptions_Option a{ display:block;width:150px;height:150px;padding-left:20px;padding-right:20px;padding-top:20px;margin:10px;background-color:#77BBFC;border-radius:10px;
    /*background-image: url('/img/freccia-link_grande.png');
    background-position:98% 98%;
    background-repeat:no-repeat;*/
    text-decoration: none;
}
.IstiBigOptions .IstiBigOptions_Option a:hover{ background-color:#ddd;}
.IstiBigOptions .IstiBigOptions_Label{text-align:center;text-decoration:none;color:#333;font-size:16px}
.IstiBigOptions .IstiBigOptions_Option a{background-color:#eee;}
.IstiBigOptions .IstiBigOptions_Option a img {-webkit-filter: grayscale(100%); filter: grayscale(100%);-webkit-filter: invert(50%); filter: invert(50%);}

/************************ IstiStepMenu ****************************/
.IstiStepMenu {margin:0px;padding:0px;text-align:left;}
.IstiStepMenu li{padding:6px;list-style-type:none}
.IstiStepMenu_item {font-size:16px;font-weight:bolder;border-left:20px solid;padding:4px;}
.IstiStepMenu_itemAccomplished {color:#00cc00;text-decoration:none;border-color:#00cc00}
.IstiStepMenu_itemCurrent {color:#f5b800;border-color:#f5b800}
.IstiStepMenu_itemInactive {color:#cccccc;text-decoration:none;border-color:#cccccc}



.List_Header{border-bottom:2px solid #cccccc;padding:5px;font-size:15px;}
.List_Item{width:100%;border:2px solid #dddddd;}
.List_CellGray{background:#F7FAA5;}
.List_Info{background:#F7FAA5;padding:5px;}

input.largerCheckbox{
	width: 30px;
	height: 30px;
}


.OrdineCompravenditaDetail_Grid_HeaderRiga{
    font-size: 26px;
    padding:5px;
    }

.GruppoNotaCompravendita_Header{font-size:20px;height:30px;height:30px;text-align:left;padding-left:10px;border-bottom:1px solid #aaa;}



.IstiBox_StandardMessage{
    margin-top:50px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
    }




/*********************** Bottoni grandi con freccia ***********************/
 a.BigButton {
    font-size:20px;text-decoration:none;color:#ffffff;text-align:center;
    display:block;width:150px;height:150px;padding:20px;margin:15px;background-color:#77BBFC;
    background-image: url('/img/freccia-link_grande.png');
    background-position:98% 98%;
    background-repeat:no-repeat;
    text-decoration: none;
}

 a.BigButton:hover{ background-color:#0080FF;}


/** x risolvere problema IE **/
button {
    filter:chroma(color=#000000);
    border:none;
}




/*************************

.IstiBox .IstiBox_Header{text-align:left;}
.IstiBox .IstiBox_Menu{text-align:left}
*/



.slides{}
.slides .slide{ width:900px;height:400px;background-color:#fff;margin-left:auto;margin-right:auto;padding-top:40px;text-align:center;}
.slides .slideMessage{height:300px;margin-bottom:20px;border:1px solid #333}
.slides .slideMessage .slideMessageText, .slides .slideMessage .slideMessageText *{line-height:140%;font-family:Georgia, serif;font-size:30px;}
.slides .slideMessage .slideMessageText .evidence {color:#ea2;padding:0px;}

.slides .slideNote{color:#888}
.slides .slideBottomMenu{margin-left:150px;margin-right:150px;}
.slides .slideBottomMenu .slideBottomMenuSx{float:left;margin-left:60px;}
.slides .slideBottomMenu .slideBottomMenuDx{float:right;margin-right:60px;}

.slides .slideMessage .slideMessageText ._steps *{}
.slides .slideMessage .slideMessageText ._steps_step{width:240px;border:1px solid #aaa;padding:10px;margin:5px;height:230px;}
.slides .slideMessage .slideMessageText ._steps_step_title{font-size:18px;font-weight:bold;margin-bottom:5px;}
.slides .slideMessage .slideMessageText ._steps_step_description{height:100px;margin-bottom:5px;font-size:14px}
.slides .slideMessage .slideMessageText ._steps_step_price{font-size:12px;height:40px;font-weight:bold;}
.slides .slideMessage .slideMessageText ._steps_step_note{font-size:12px;}

.slides li{padding:4px;}



#pageLoader{
    display:none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.5;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#pageLoader #pageLoaderCenter {
    /* centrare questa immagine in ie richiede questo hack
        http://www.sitepoint.com/css-center-position-absolute-div/
    */
    position: absolute;
    top: 300px;
    left: 50%;	
    margin-left: -200px;
    width:400px;
    height:50px;
    z-index: 100;
    text-align: center;
}

#pageLoader #pageLoaderMessage{
    font-size:20px;
    padding:10px;
}

ul.IstiList{
    margin:5px;      
}

ul.IstiList li{
    padding:5px;      
}



/*********************************/
.uploader_button_Primary{border: 2px solid #ea3 !important;}
.plupload_file_name {width: 600px !important;}
.plupload_filelist_footer {background-color:#fff !important;}

.DatoImmobiliareRecensione{padding:10px;background-color:#eee}
.DatoImmobiliareRecensione_Messaggio{font-style:italic;padding:3px;}
.DatoImmobiliareRecensione_Ipv{padding:3px;}
.DatoImmobiliareRecensione_Valutazione{padding:3px;}



/*
    http://stackoverflow.com/questions/7584362/jquery-ui-modal-dialog-should-be-fixed-on-scroll
    */
/*
.ui-dialog { position: fixed; }

.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}*/



/*********************************/
.ImgZoomGallery_Miniatura {cursor: pointer;margin-bottom:4px;padding:2px;}
.ImgZoomGallery_Miniatura_Active{border: 2px solid #ffd800;}
.ImgZoomGallery_Miniatura_Inactive{border: 2px solid #eee;}
                



.gMaps_button {
    background-color: #fff;
    color :#565656;
    border : 1px solid rgba(0, 0, 0, 0.15);
    *border: 1px solid #666666;
    cursor : pointer;
    text-align: center;
    font-family: Roboto,Arial,sans-serif;
    font-size:  11px;
    font-weight : 400;
    padding : 1px 6px;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
}
            
.gMaps_button:hover {
    background-color: #ebebeb;
    color :#000;
}

.gMaps_buttonContainer{
    padding: 5px;
}



/***************************/

    .intro * {
        font-family:'Segoe UI';
        font-size:18px;
        
    }

    .intro .advheader{
        display: table;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 300px;
        
    }

    .intro .advbody {
        width:936px;
        text-align:left;
        margin-left:auto;
        margin-right:auto;
    }

    .intro .backgroundNegativo {
        background-color:#333;
    }

    .intro .backgroundNegativo * {
        color:#fff;
    }


    .intro .advheader *{
        opacity:1;

    }

    .intro .advheader .advheader_container {
        padding:50px;
        padding-left:50px;
        padding-right:50px;
        /*text-align:center;*/
        width: 936px;
        margin-left:auto;
        margin-right:auto;
    }

    
    .intro .advheader .advheader_pre, .intro .advheader .advheader_pre *{
        font-size:30px; 
        text-shadow: 2px 1px 3px #111;
        color: #fff;
    }

    .intro .advheader .advheader_title{
        font-size:50px;
        color:#fff;
        text-shadow: 2px 1px 3px #111;
    }

    .intro .advheader .advheader_subtitle{
        font-size:30px;
        text-shadow: 2px 1px 3px #111;
        color: #fff;
    }

    .intro .advtitle, .intro .advtitle * {
        font-family:'Segoe UI';
        font-size:30px;
        padding-bottom:10px;
        line-height: 45px;
    }

    .intro .advsubtitle, .intro .advsubtitle li ,.intro .advsubtitle a{
        padding-bottom:5px;
        line-height: 35px;
       /* color:#333;*/
    }

    .intro .advprezzo {
        font-family:'Segoe UI';
        font-size:18px;
        padding:5px;
        line-height: 28px;
       /* color:#333;*/
        text-align:center;
        border-top:3px solid #58c208;
    }
    

    .intro .advsubtitle .bold{
        font-family:'Segoe UI';
        font-size:18px;
        padding-bottom:5px;
        line-height: 28px;
        color:#333;
        font-weight:bold;
    }

    .intro .advfooter {
       position:fixed;
       left:0px;
       bottom:0px;
       height:50px;
       width:100%;
       background:#fff;
       padding:10px;
    }



.CategorieCatastaliCell {
    text-align: left;
    width: auto;
    height: 60px;
    overflow: scroll;
    overflow-x: hidden;
    padding:0px;
    margin:0px;
}




/************************************************/

.verde{
    color:#58C208;font-size:80px;
}
.Login {
    margin:0px;
    width:100%;height:100%;
    
}
.Login_Logo {
    background-image: linear-gradient(to bottom, rgba(11, 35, 45, 0.9), rgba(11, 35, 45, 0.9)), url('login-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

.Login_Logo h1 {margin:0px; text-align:center;font-weight:500; font-family:'Segoe UI';color:#fff;font-size:80px;text-shadow: 2px 1px #111; }
    .Login_Logo h2 {
        margin: 0px;
        text-align: center;
        font-weight: 500;
        font-family: 'Segoe UI';
        color: #fff;
        font-size: 40px;
        text-shadow: 2px 1px #111;
    }


.IstiBoxLogin {
    max-width: 500px;
}
.Login_Content{max-width:400px;margin-top:20px;margin-left:auto;margin-right:auto;text-align:center}





/****************************/
.IstiTopSearchForm {
    background-color:#eee;
    padding:5px;
}
.IstiTopSearchForm .IstiForm{
    max-width:100%;
}



/****************************/
.CespiteAttivitaPrevisteUI {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border:2px solid #ddd;
    border-radius: 10px;
    margin:4px;
    background-color:#eee;
    overflow: auto;
    
}

.CespiteAttivitaPrevisteUI .attivita {
    /*border:4px solid #ddd;*/
    text-align:center;
    /*margin: auto;*/
    padding:4px;
    /*height:50px;*/
    flex-grow:0;
    flex-basis:50%;
    color:#888;
}

.CespiteAttivitaPrevisteUI .attivita .titolo {
    font-size:12px;
    margin-top:4px;
}

.CespiteAttivitaPrevisteUI .attivita .sottotitolo {
    font-size:10px;
    font-weight:bold;
}
    

.CespiteAttivitaPrevisteUI .attivita:first-child { 
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}


.CespiteAttivitaPrevisteUI .attivita.svolta {
    /*border:solid 4px #55D955;*/
    background-color:#55D955;
    color:#fff;

}



.CespiteAttivitaPrevisteUI .attivita.corrente {
    border:solid 1px #999;
    color:#000;
    font-weight:bold;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color:#fff;
    font-size:14px;
}

.CespiteAttivitaPrevisteUI .attivita.prevista {
    border-color:#eee;
}



.badge_promo{
    background-color:#ddff00;
    color:#000;
    font-weight:bold;
    padding:5px;
    border:1px solid;
}



.flexTable {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flexTable_cell {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-weight: 600;
    background: #fff;
    margin: 10px;
}



@media screen and (min-width: 600px) and (max-width: 1000px)  {
    .Login_Logo h1, .Login_Logo h1 span{font-size:50px;}
    .Login_Logo h2{font-size:30px;}
}

@media screen and (min-width: 0px) and (max-width: 599px) {
    .Login_Logo h1, .Login_Logo h1 span {
        font-size: 30px;
    }

    .Login_Logo h2 {
        font-size: 16px;
    }

    .Login_Logo {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .Login_info {
        display: none;
    }

    .IstiMainMenu .MainRow {
        text-align: center;
    }

    .IstiMainMenu .MainRow td {
        display: none;
    }

    /*mostro il primo tab*/
    .IstiMainMenu .MainRow td:first-child {
        display: table-cell;
    }

    .IstiMainMenu .MainRow td.Item.SelectedBranch {
        display: table-cell;
    }


    .IstiSimpleStepMenu ul { /* Or a more specific selector if needed, like ul.some-class */
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto; /* Adds horizontal scrolling if content overflows */
    }

    /* Styles for list items */
    .IstiSimpleStepMenu ul > li {
        /* Default for all li children under the ul, but overridden below for .IstiSimpleStepItemCurrent */
        overflow: hidden; /* Content will be clipped if it overflows */
        flex-shrink: 1; /* Allows them to shrink if necessary, but .IstiSimpleStepItemCurrent will override this */
        min-width: 0; /* Allows them to shrink to 0 if needed (flex-basis typically takes over) */
        word-break: break-word;
        padding: 1px;
    }

    /* Specific styles for the current list item */
    .IstiSimpleStepMenu li.IstiSimpleStepItemCurrent {
        /*flex-shrink: 0;  Prevents this item from shrinking */
        /*min-width: fit-content;  Ensures it's at least as wide as its content */
        overflow: visible; /* Ensures all its content is visible */
        /*display: inline-block;  or block */
        /*width: 100%;  or a specific width */
    }




    .SubRow {
        padding: 5px;
    }

    .IstiBigOptions .IstiBigOptions_Option a {
        height: auto;
        width: auto;
        padding: 10px;
    }

    .IstiMenuPath_Logo {
        display: none;
    }


    .IstiSimpleStepMenu {
        background: none;
    }

    .IstiBox .IstiBox_Header {
        text-align: center;
    }

    .IstiBox .IstiBox_Menu {
        text-align: center;
    }

    .IstiPageHeader_Title {
        text-align: center;
    }

    .IstiPageHeader_SubTitle {
        text-align: center;
    }

    .IstiFormButtons {
        text-align: center;
    }

    #tab {
        justify-content: center;
    }

    .IstiGrid .IstiGrid_Footer table td {
        padding: 2px;
        margin: 0px;
    }

    .IstiGrid .btn {
        width: 100%;
    }

    .IstiGrid .IstiGrid_BodyData_Row {
        border-top: 3px dashed #ddd;
    }

    .IstiGrid .Status {
        max-width:none;
    }

}