/* Loading */
.pagelet_container,
.pagelet_item {
  width: 100%;
}
.pagelet_item{
  float: left;
}
/* Stretch environment */
html.stretch, 
body.stretch,
.pagelet_container.stretch{
  height: 100%;
}
.item_behavior_stretch_container{
  height: 100%;
  display: table;
}
.item_behavior_stretch_container.item_behavior_show{
  display: table;
}
.item_behavior_show.item_behavior_before_stretch_row,
.item_behavior_show.item_behavior_after_stretch_row,
.item_behavior_show.item_behavior_stretch_row {
  display: table-row;
  float: none;
}
.item_behavior_show.item_behavior_stretch_row:empty {
  display: none;
}

.item_behavior_show.item_behavior_before_stretch_cell,
.item_behavior_show.item_behavior_after_stretch_cell,
.item_behavior_show.item_behavior_stretch_cell {
  display: table-cell;
  float: none;
}
.item_behavior_stretch_cell{
  height: 100%;
}

.flexArea > .item_stretch {
  display: block;
}
/* gli elementi nello stretch_cell devono avere l'overflow auto ed altezza 100% 
* in questo modo la scroll compare solo all'elemento che sfora e non all'eventuale area 
*/
.item_behavior_stretch_cell > .item_stretch,
.item_behavior_stretch_cell > div,
.item_behavior_stretch_cell > .flexArea > .item_stretch{
  font-size: 0;
  height: 100%;
  overflow: auto;
  float: left;
  /* trik per FF e IE */
  max-height: 1px;
  min-height: 100%;
}
.item_behavior_stretch_cell > .flexArea > .item_stretch{
  overflow: hidden;
}
.item_behavior_stretch_cell > .flexArea { 
  height: 100%;  
  float: none;
  overflow: auto;
  max-height: none;
  min-height: auto;
}

/* IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .item_behavior_stretch_cell > .flexArea > .item_stretch{
    height: auto;
    height: 100%\9; /* rimuove IE10 */
  }
}

/* Per chrome: disturba la max-height a 1px */
.item_behavior_stretch_cell > .flexArea > .item_stretch.item_behavior_stretch_container {
  max-height: none;
}

/* if area is stretch and flex */
.item_stretch > .flexArea {
  height: 100%;
}
/* End stretch environment */


.pagelet_container{
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: row;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
}

.flexArea{
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}
/*.flexArea.row{
   /* -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
       -ms-flex-flow: row wrap;
        -o-flex-flow: row wrap;
           flex-flow: row wrap; */
          /* flex-direction: row;
  -webkit-flex-direction: row;
}
.flexArea.column{
          flex-direction: column;
  -webkit-flex-direction: column;
}
.flexArea.wrap{
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flexArea.nowrap{
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
} */

.flexArea.row.wrap{
   -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
       -ms-flex-flow: row wrap;
        -o-flex-flow: row wrap;
           flex-flow: row wrap;
}
.flexArea.row.nowrap{
   -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
       -ms-flex-flow: row nowrap;
        -o-flex-flow: row nowrap;
           flex-flow: row nowrap;
}
.flexArea.column.wrap{
   -webkit-flex-flow: column wrap;
      -moz-flex-flow: column wrap;
       -ms-flex-flow: column wrap;
        -o-flex-flow: column wrap;
           flex-flow: column wrap;
}
.flexArea.column.nowrap{
   -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
       -ms-flex-flow: column nowrap;
        -o-flex-flow: column nowrap;
           flex-flow: column nowrap;
}

-.flexArea  > .flex_item{
  -webkit-box-flex: 1 0 auto;    /* OLD - iOS 6-, Safari 3.1-6 */
     -moz-box-flex: 1 0 auto;      /* OLD - Firefox 19- */
      -webkit-flex: 1 0 auto;      /* Chrome */
          -ms-flex: 1 0 auto;      /* IE 10 */
              flex: 1 0 auto;      /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
-.item_behavior_stretch_container
.flexArea > .flex_item{
  -webkit-box-flex: 1 0;    /* OLD - iOS 6-, Safari 3.1-6 */
     -moz-box-flex: 1 0;      /* OLD - Firefox 19- */
      -webkit-flex: 1 0;      /* Chrome */
          -ms-flex: 1 0;      /* IE 10 */
              flex: 1 0;      /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.item_behavior_popup{
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}
.item_behavior_popup > .flexArea {
          flex-direction: column;
  -webkit-flex-direction: column;
       -webkit-flex-wrap: nowrap;
               flex-wrap: nowrap;
}
.item_behavior_hide,
.item_behavior_popup.item_behavior_hide{
  display: none !important;
}
.item_behavior_show,
.item_behavior_popup.item_behavior_show{
  display: block;
}

.item_width_1{
  width:5%;
  min-width:5%;
}
.item_width_2{
  width:10%;
  min-width:10%;
}
.item_width_3{
  width:15%;
  min-width:15%;
}
.item_width_4{
  width:20%;
  min-width:20%;
}
.item_width_5{
  width:25%;
  min-width:25%;
}
.item_width_6{
   width:30%;
   min-width:30%;
}
.item_width_7{
  width:35%;
  min-width:35%;
}
.item_width_8{
  width:40%;
  min-width:40%;
}
.item_width_9{
  width:45%;
  min-width:45%;
}
.item_width_10{
  width:50%;
  min-width:50%;
}
.item_width_11{
  width:55%;
  min-width:55%;
}
.item_width_12{
  width:60%;
  min-width:60%;
}
.item_width_13{
  width:65%;
  min-width:65%;
}
.item_width_14{
  width:70%;
  min-width:70%;
}
.item_width_15{
  width:75%;
  min-width:75%;
}
.item_width_16{
  width:80%;
  min-width:80%;
}
.item_width_17{
  width:85%;
  min-width:85%;
}
.item_width_18{
  width:90%;
  min-width:90%;
}
.item_width_19{
  width:95%;
  min-width:95%;
}
.item_width_20{
  width: 100%;
  min-width:100%;
}
.flexArea > .flex_item{
  flex: 1 0 auto;
  width: auto;
  min-width: auto;
}
.flexArea > .flex_item.item_width_1{
  flex: 1 1 auto;
}
.flexArea > .flex_item.item_width_2{
  flex: 2 1 auto;
}
.flexArea > .flex_item.item_width_3{
  flex: 3 1 auto;
}
.flexArea > .flex_item.item_width_4{
  flex: 4 1 auto;
}
.flexArea > .flex_item.item_width_5{
  flex: 5 1 auto;
}
.flexArea > .flex_item.item_width_6{
  flex: 6 1 auto;
}
.flexArea > .flex_item.item_width_7{
  flex: 7 1 auto;
}
.flexArea > .flex_item.item_width_8{
  flex: 8 1 auto;
}
.flexArea > .flex_item.item_width_9{
  flex: 9 1 auto;
}
.flexArea > .flex_item.item_width_10{
  flex: 10 1 auto;
}
.flexArea > .flex_item.item_width_11{
  flex: 11 1 auto;
}
.flexArea > .flex_item.item_width_12{
  flex: 12 1 auto;
}
.flexArea > .flex_item.item_width_13{
  flex: 13 1 auto;
}
.flexArea > .flex_item.item_width_14{
  flex: 14 1 auto;
}
.flexArea > .flex_item.item_width_15{
  flex: 15 1 auto;
}
.flexArea > .flex_item.item_width_16{
  flex: 16 1 auto;
}
.flexArea > .flex_item.item_width_17{
  flex: 17 1 auto;
}
.flexArea > .flex_item.item_width_18{
  flex: 18 1 auto;
}
.flexArea > .flex_item.item_width_19{
  flex: 19 1 auto;
}
.flexArea > .flex_item.item_width_20{
  flex: 20 1 auto;
}
.flexArea > .flex_item.flex_item_empty{
  flex: 0;
}

.noflex > div.item_behavior_show {
  display: inline-block;
  vertical-align: top;
}
.noflex > div.item_behavior_hide {
  display: none;
}

.item_prefx_1{
  margin-left: 5%;
}.item_prefx_2{
  margin-left: 10%;
}.item_prefx_3{
  margin-left: 15%;
}.item_prefx_4{
  margin-left: 20%;
}.item_prefx_5{
  margin-left: 25%;
}.item_prefx_6{
  margin-left: 30%;
}.item_prefx_7{
  margin-left: 35%;
}.item_prefx_8{
  margin-left: 40%;
}.item_prefx_9{
  margin-left: 45%;
}.item_prefx_10{
  margin-left: 50%;
}.item_prefx_11{
  margin-left: 55%;
}.item_prefx_12{
  margin-left: 60%;
}.item_prefx_13{
  margin-left: 65%;
}.item_prefx_14{
  margin-left: 70%;
}.item_prefx_15{
  margin-left: 75%;
}.item_prefx_16{
  margin-left: 80%;
}.item_prefx_17{
  margin-left: 85%;
}.item_prefx_18{
  margin-left: 90%;
}.item_prefx_19{
  margin-left: 95%;
}
.item_suffx_1{
  margin-right: 5%;
}.item_suffx_2{
  margin-right: 10%;
}.item_suffx_3{
  margin-right: 15%;
}.item_suffx_4{
  margin-right: 20%;
}.item_suffx_5{
  margin-right: 25%;
}.item_suffx_6{
  margin-right: 30%;
}.item_suffx_7{
  margin-right: 35%;
}.item_suffx_8{
  margin-right: 40%;
}.item_suffx_9{
  margin-right: 45%;
}.item_suffx_10{
  margin-right: 50%;
}.item_suffx_11{
  margin-right: 55%;
}.item_suffx_12{
  margin-right: 60%;
}.item_suffx_13{
  margin-right: 65%;
}.item_suffx_14{
  margin-right: 70%;
}.item_suffx_15{
  margin-right: 75%;
}.item_suffx_16{
  margin-right: 80%;
}.item_suffx_17{
  margin-right: 85%;
}.item_suffx_18{
  margin-right: 90%;
}.item_suffx_19{
  margin-right: 95%;
}