@import url("../fonts/Roboto.css");
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus{
  outline: none;
}
/*
select, input, textarea {
  height: 30px !important;
  margin: 5px !important;
  border-radius: 5px !important;
  }*/

/* SCROLLBAR */

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
}

::-webkit-scrollbar-track:hover {
	background: rgba(255,255,255,0.2);
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(142,142,142,0.7);
}

::-webkit-scrollbar-thumb:active {
  background: rgb(142,142,142) !important;
}
.chartcontext{
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.Calculator {
  box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.26);
  color:rgba(0,0,0,0.93);
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  font-size:12px;
}
.CalculatorHeader {
  color:rgba(255,255,255,0.93);
  font-family:'Roboto', sans-serif;
  font-size:15px;
}
.CalculatorDragger{
  background-color:transparent;
  background-image:url(../Fusion2/formPage/calendar_dragger.png);
  background-position:center;
  background-repeat:no-repeat;
}
.CalculatorHeaderAll {
  background-color:#474747;
}
.CalculatorContent {
  padding: 8px 14px;
  background-color:#FFFFFF;
}
.CalculatorContent > tr > td {
 margin-bottom: 5px;
}
.CalculatorFooter{
  height:0px;
  background-color:#FFFFFF;
  font-size:7pt;
}

/* Calculator Mobile */

#SPCalc div.calc-button {
  box-sizing: border-box;
}
#SPCalc {
  background-color: rgba(0,0,0,0.0);
  height: 100%;
  left: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 3;
}
#SPCalc .calc-main {
  position: absolute;
}

#SPCalc .calc {
  margin: 0px auto;
}

#SPCalc .calc-header {
}
#SPCalc .calc-header .calc-description {
  height: 100%;
  padding-left: 5px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
}
#SPCalc .calc-header .calc-pinnable {
  text-align: center;
  height: 100%;
  cursor: pointer;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px;
  display: inline-block;
  vertical-align: middle;
}

#SPCalc .pinned .calc-header .calc-pinnable{
}

#SPCalc .calc-pinnable:before{
  vertical-align: middle;

}

#SPCalc .calc-display {
  box-sizing: border-box;
}

#SPCalc .calc-display-input {
  display: block;
  width: 100%;
  text-align: right;
  background-clip: padding-box;
  box-sizing: border-box;
}

#SPCalc .calc-row {
  margin-top: 7px;
}
#SPCalc .calc-row:before, .calc-row:after {
  content: '';
  display: table;
}
#SPCalc .calc-row:after {
  clear: both;
}

#SPCalc .calc-button {
  float: left;
  padding: 0;
  text-align: center;
  text-decoration: none;
  background-clip: padding-box !important;
  /* !important because FF overrides the value on :active */
  border: 0;
  /* IE 8 fix */
  cursor: pointer;
}
#SPCalc .calc-button:first-child {
  margin-left: 0;
}

#SPCalc .calc-button-gray {
}

#SPCalc .calc-button-blue {
}

#SPCalc .calc-button-big {
  font-size: 16px;
}
#SPCalc .SPCalc_Del{
  background-repeat: no-repeat;
  background-position: center center;
}
#SPCalc .SPCalc_Increase {
  background-repeat: no-repeat;
  background-position: center center;
}
#SPCalc .SPCalc_Decrease {
  background-repeat: no-repeat;
  background-position: center center;
}
#SPCalc .SPCalc_Flip {
  background-repeat: no-repeat;
  background-position: center center;
}
#SPCalc .SPCalc_DecSep {
  background-repeat: no-repeat;
  background-position: center center;
}
#SPCalc .SPCalc_Confirm {
  background-repeat: no-repeat;
  background-position: center center;
}
.SPCalendar {
  color:#333333;
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  font-size:10pt;
  border-width:2px 0px 0px 0px;
  border-style:solid;
  border-color:rgba(255, 255, 255, 0.4);
  border-radius:6px;
  box-shadow: 0px 5px 15px rgb(0 0 0/25%);
  margin-top:0px;
  z-index: 1;
}
.SPCalendar ol,.SPCalendar ui{
  list-style: none;
  padding: 0px;
}
.SPCalendar img {
  vertical-align: middle;
}
.SPCalendar a, .hoverable .SPCalendar a:hover, .SPCalendar:visited{
  text-decoration: none;
}
.SPCalendarYear {
  background-color:transparent;
  margin-left:0px;
}
.SPCalendarMonth {
  background-color:transparent;
}
.SPCalendarHeader {
  color:#333333;
  font-family:'Roboto', sans-serif;
  font-size:11pt;
}

.SPCalendarHeader.SPCalendarComboYearsMonths{
  padding: 0;
}
.SPCalendarHeader.SPCalendarComboYearsMonths li, .SPCalendarHeader.SPCalendarComboYearsMonths td{
  padding: 6px 10px;
}
.SPCalendarHeaderAll a, .hoverable .SPCalendarHeaderAll a:hover, .SPCalendarHeaderAll a:visited{
  color:#333333;
}
.SPCalendarDragger{
  background-color:transparent;
  background-image:url(../Fusion2/formPage/calendar_dragger.png);
  background-position:center;
  background-repeat:no-repeat;
}
.SPCalendarHeaderAll {
  color:#333333;
  font-family:'Roboto', sans-serif;
  font-size:11pt;
  background-color:transparent;
}
.SPCalendarHeader.mout {
  color:#333333;
  background-color:transparent;
  border-color:rgba(255, 255, 255, 0.4);
}
.SPCalendarHeader.mover {
  color:#333333;
  background-color:#FFFFFF;
  border-color:rgba(255, 255, 255, 0.4);
}
.SPCalendarContent {
  background-color:#FFFFFF;
  margin-top:0px;
  padding: 5px;
}
.SPCalendarBody, .SPCalendarBody:link, .hoverable .SPCalendarBody:hover {
  color:#333333;
  font-family:'Roboto', sans-serif;
  font-size:10pt;
}
.SPCalendarBodyTable, .hoverable .SPCalendarBodyTable:hover, .SPCalendarBodyTable:link {
  color:#333333;
  font-family:'Roboto', sans-serif;
  font-size:10pt;
}
.SPCalendarBody td div:first-child , .SPCalendarBody td a:first-child {
  display: inline-block;
  padding: 0;
}
.SPCalendarBodyTable td div:first-child ,.SPCalendarBodyTable td a:first-child {
  display: inline-block;
  padding: 0;
}
.SPCalendarFooter{
  background-color:#FFFFFF;
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:8pt;
  width:100%;
  text-align: center;
}
.SPCalendarToday{
  background-color:#FFFFFF;
  color:#474747;
}
.SPCalendarCurrentDay{
  color:#474747;
}
.SPCalendarSunday{
  color:rgba(0, 0, 0, 0.3);
}
.SPCalendarSaturday{
  color:rgba(0, 0, 0, 0.3);
}
.SPCalendarWeeks{
  color:#474747;
}
.SPCalendarBodyTable .SPCalendarWeekDivider *:first-child{
  padding: 0px;
}
.SPCalendarComboYearsMonths{
  background-color:#FFFFFF;
  font-size:12px;
  box-shadow:1px 4px 4px 0px rgba(0, 0, 0, 0.35);
}

a.SPCalendarFooter, .hoverable a.SPCalendarFooter:hover, a.SPCalendarFooter:visited {
  background:none;
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:8pt;
}

.SPCalendar_mobile {
  color:#000000;
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  font-size:7pt;
  border-style:solid;
  border-color:#808080;
  margin-top:0px;
  z-index: 1;
}
.SPCalendar_mobile ol,.SPCalendar_mobile ui{
  list-style: none;
  padding: 0px;
}
.SPCalendar_mobile img {
  vertical-align: middle;
}
.SPCalendar_mobile a, .hoverable .SPCalendar_mobile a:hover, .SPCalendar_mobile:visited{
  text-decoration: none;
}
.SPCalendar_mobile .SPCalendarYear {
  background-color:#FFFFFF;
  margin-left:0px;
}
.SPCalendar_mobile .SPCalendarMonth {
  background-color:#FFFFFF;
}
.SPCalendar_mobile .SPCalendarHeader {
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:8pt;
}

.SPCalendar_mobile .SPCalendarHeader.SPCalendarComboYearsMonths{
  padding: 0;
}
.SPCalendar_mobile .SPCalendarHeader.SPCalendarComboYearsMonths li,
.SPCalendar_mobile .SPCalendarHeader.SPCalendarComboYearsMonths td{
  padding: 0;
}
.SPCalendar_mobile .SPCalendarHeaderAll a,
.SPCalendar_mobile .SPCalendarHeaderAll a:link,
.hoverable .SPCalendar_mobile .SPCalendarHeaderAll a:hover,
.SPCalendar_mobile .SPCalendarHeaderAll a:visited{
  color:#000000;
}
.SPCalendar_mobile .SPCalendarHeaderAll {
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:8pt;
  background-color:#FFFFFF;
  display: flex;
  justify-content: space-evenly;
}
.SPCalendar_mobile .SPCalendarHeader.mout {
  color:#000000;
  background-color:#FFFFFF;
  border-color:#808080;
}
.SPCalendar_mobile .SPCalendarHeader.mover {
  color:#000000;
  background-color:#FFFFFF;
  border-color:#808080;
}
.SPCalendar_mobile .SPCalendarContent {
  background-color:#FFFFFF;
  margin-top:0px;
  padding: 5px;
}
.SPCalendar_mobile .SPCalendarBody,
.SPCalendar_mobile .SPCalendarBody:link,
.hoverable .SPCalendar_mobile .SPCalendarBody:hover {
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:7pt;
}
.SPCalendar_mobile .SPCalendarBodyTable,
.hoverable .SPCalendar_mobile .SPCalendarBodyTable:hover,
.SPCalendar_mobile .SPCalendarBodyTable:link {
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:7pt;
}
.SPCalendar_mobile .SPCalendarBody td div:first-child,
.SPCalendar_mobile .SPCalendarBody td a:first-child {
  display: inline-block;
  padding: 0;
}
.SPCalendar_mobile .SPCalendarBodyTable td div:first-child,
.SPCalendar_mobile .SPCalendarBodyTable td a:first-child {
  display: inline-block;
  padding: 0;
}
.SPCalendar_mobile .SPCalendarFooter{
  background-color:#FFFFFF;
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:7pt;
  width:100%;
  text-align: center;
}
.SPCalendar_mobile .SPCalendarToday{
  background-color:#FFFFFF;
  color:#FFFFFF;
}
.SPCalendar_mobile .SPCalendarCurrentDay{
  color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#808080;
}
.SPCalendar_mobile .SPCalendarSunday{
}
.SPCalendar_mobile .SPCalendarSaturday{
}
.SPCalendar_mobile .SPCalendarWeeks{
}
.SPCalendar_mobile .SPCalendarBodyTable .SPCalendarWeekDivider *:first-child{
  padding: 0px;
}
.SPCalendar_mobile #spanMonth,
.SPCalendar_mobile  #spanYear {
  position: relative;
}
.SPCalendar_mobile .SPCalendarComboYearsMonths{
  color:#FFFFFF;
  font-size:7pt;
  border-width:1px;
  border-style:solid;
  border-color:#808080;
}

.SPCalendar_mobilea .SPCalendarFooter,
.hoverable .SPCalendar_mobile a.SPCalendarFooter:hover,
.SPCalendar_mobile a.SPCalendarFooter:visited {
  background:none;
  color:#000000;
  font-family:'Roboto', sans-serif;
  font-size:7pt;
}

.suggest_Container {
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
  display:table;
  width: 100%;
}
.suggest_row {
  color:rgba(0,0,0,0.87);
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  font-size:9pt;
  cursor:default;
  display: table-row;
}
.suggest_row:nth-child(even) {
}

.suggest_row_selected {
  color:#FFFFFF;
  background-color:#347FC4;
  font-family:'Roboto', sans-serif;
  font-size:9pt;
  cursor:default;
  display: table-row;
}

.suggest_row::after, .suggest_row::before, .suggest_row_selected::after, .suggest_row_selected::before {
  content:'';
}
.suggest_FixedKeySearch, .suggest_Field, .suggest_HiddenKey, .suggest_FixedKey, .suggest_HiddenFixedKey {
  display: table-cell;
}

.suggest_HiddenKey, .suggest_HiddenFixedKey {
  display:none;
}
.suggest_FixedKeySearch::before, .suggest_Field::before, .suggest_FixedKey::before {
  content: "-";
  padding:0 2px;
  white-space:pre;
}
.suggest_FixedKeySearch.suggest_SuppressSeparator::before, .suggest_Field.suggest_SuppressSeparator::before, .suggest_FixedKey.suggest_SuppressSeparator::before {
  content:"";
  padding:0;
}

.BoxHeaderBackground {
  background-color:transparent;
}
.BoxHeaderCaption {
  margin:0px;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:14px;
  color:#2B2B2B;
  text-transform:uppercase;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#E0E0E0;
  outline:0px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:pointer;
}
.SPSection_collapsed .BoxHeaderCaption {
}
.BoxHeader .BoxHeaderIcon {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:pointer;
  font-family:'Roboto', sans-serif;
  font-size:14px;  
}
.SPSection_expanded .BoxHeader .BoxHeaderIcon.BoxHeaderIconClose { 
  display: none;
}
.SPSection_collapsed .BoxHeader .BoxHeaderIcon.BoxHeaderIconClose, .SPSection_expanded .BoxHeader .BoxHeaderIcon.BoxHeaderIconOpen {
  display: inline-block;
}
.SPSection_collapsed .BoxHeader .BoxHeaderIcon.BoxHeaderIconOpen {
  display: none;
}

body.mobile{
  background-color:white
}

.mobile.smartphone .grid td[data-col-title]::before {
  content: attr(data-col-title);
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.withoutclass.gridFloat td {
  min-width: 90px;
}

.withoutclass.gridFloat .label a {
}

.withoutclass.gridFloat  img {
  height: 32px;
}


.Tabstrip.tabWrapper{
  height: 35px;
  box-sizing: border-box;
}

.Tabstrip.tabWrapper .tabstripContainer{
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  overflow: hidden;
  background: #ECECEC;
  border-radius: 0.5rem 0.5rem 0 0;
}

.Tabstrip.tabWrapper .tabBack,
.Tabstrip.tabWrapper .tabNext {
  display: none;
  height: 0px;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.Tabstrip.tabWrapper .tabBack.active,
.Tabstrip.tabWrapper .tabNext.active {
  background-color: transparent;
}

.hoverable .Tabstrip.tabWrapper .tabBack:hover,
.hoverable .Tabstrip.tabWrapper .tabNext:hover{
  background-color: transparent;
}

.hoverable .Tabstrip.tabWrapper .tabBack.active:hover,
.hoverable .Tabstrip.tabWrapper .tabNext.active:hover{
  background-color: transparent;
}

.Tabstrip.tabWrapper .tabBack::after,
.Tabstrip.tabWrapper .tabNext::after {
  line-height: 0px;
  width: 0px;
  display: inline-block;
  text-align: center;
}

.Tabstrip.tabWrapper .tabBack {
}

.Tabstrip.tabWrapper .tabBack.active::after {
}

.Tabstrip.tabWrapper .tabBack::after {
}

.Tabstrip.tabWrapper .tabBack.active {
}

.Tabstrip.tabWrapper .tabNext{
}

.Tabstrip.tabWrapper .tabNext.active::after {
}

.Tabstrip.tabWrapper .tabNext.active{
}

.Tabstrip.tabWrapper .tabNext::after {
}

.Tabstrip.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 35px;
  position: relative;
}

.mobile .Tabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .Tabstrip .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.Tabstrip.tabWrapper .tabs_row{
  height: 35px;
  position: absolute;
  box-sizing: border-box;
  gap: 5px;
  padding: 5px 0 0 0;
  padding-left: 0px; 
}

/*
.Tabstrip.tabWrapper .tab_item:last-child{
  margin-right: 0px;
} 
*/

.Tabstrip.tabWrapper .tabs_row,
.Tabstrip.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Tabstrip.tabWrapper .tab_content{
  background-color: transparent;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 35px; */
  /* padding: 7px 24px 5px 24px; */
}

.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_content,
.Tabstrip.tabWrapper .tab_item:focus .tab_content,
.hoverable .Tabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: rgba(255, 255, 255, 0.5);    
}

.Tabstrip.tabWrapper .tab_item.disabled .tab_content,
.hoverable .Tabstrip.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.Tabstrip.tabWrapper .tab_item.selected .tab_content,
.hoverable .Tabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: #FFFFFF;
}

.Tabstrip.tabWrapper .tab_border{
  height: 35px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.Tabstrip.tabWrapper .tab_sep{
  height: 35px;
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
}

.Tabstrip.tabWrapper .tab_item.selected .tab_sep{
}

/* mp test*/
.Tabstrip.tabWrapper .tab_item a.tab_close:before{
  font-family: icons8_win10;
  font-size: 12px;
  content: "\F048";
  padding: 8px 10px 8px 0px;
  display: inline-block;
}

.Tabstrip.tabWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  font-size: 10px;
  content: "\E956";
  padding: 8px 10px 8px 0px;
  display: inline-block;
}
/*
.Tabstrip.tabWrapper .tab_item a.tab_close:before{
  content: ;
  display: inline-block;
}

.Tabstrip.tabWrapper .tab_modallayer:before{
  content: ;
  display: inline-block;
}
*/
/* mp test fine*/

.Tabstrip.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.Tabstrip.tabWrapper .tab_text{
  display: inline-block;
  padding: 7px 24px 5px 24px;
}

.Tabstrip.tabWrapper .tab_span,
.Tabstrip.tabWrapper .tab_item.selected .tab_span {
  /* height: 35px; */
  white-space: nowrap;
}

.Tabstrip.tabWrapper .tab_span a,
.Tabstrip.tabWrapper .tab_span a:link,
.Tabstrip.tabWrapper .tab_span a:active,
.hoverable .Tabstrip.tabWrapper .tab_span a:hover,
.Tabstrip.tabWrapper .tab_span a:visited{
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.93);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
}
.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_span a,
.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_span a:hover{
}

.Tabstrip.tabWrapper .tab_item.disabled .tab_span a,
.Tabstrip.tabWrapper .tab_item.disabled .tab_span a:link,
.Tabstrip.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .Tabstrip.tabWrapper .tab_item.disabled .tab_span a:hover,
.Tabstrip.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
}

.Tabstrip.tabWrapper .tab_item.selected .tab_span a,
.Tabstrip.tabWrapper .tab_item.selected .tab_span a:link,
.Tabstrip.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .Tabstrip.tabWrapper .tab_item.selected .tab_span a:hover,
.Tabstrip.tabWrapper .tab_item.selected .tab_span a:visited{
  font-size: 13px;
  font-weight: 500;
}

.Tabstrip.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.Tabstrip.tabWrapper .tab_expcoll_img{
  display: inline-block;
  background-repeat: no-repeat;
}

.Tabstrip.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  vertical-align: middle;
  text-align: center;
}

.hoverable .Tabstrip.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.Tabstrip.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  vertical-align: middle;
  text-align: center;
}

.hoverable .Tabstrip.tabWrapper .tab_expcoll_img.tab_coll_img:hover::after{

}

/*Immagini di default per offline*/
#_offline_manifest_{
background-image: url(../images/defaults/tab_strip_button_left.gif);
background-image: url(../images/defaults/tab_strip_button_left_dis.gif);
background-image: url(../images/defaults/tab_strip_button_right.gif);
background-image: url(../images/defaults/tab_strip_button_right_dis.gif);
background-image: url(../images/defaults/tab_pagebtnleft.gif);
background-image: url(../images/defaults/tab_pagebtnright.gif);
background-image: url(../images/defaults/tab_pagebtnleftevid.gif);
background-image: url(../images/defaults/tab_pagebtncenterevid.gif);
background-image: url(../images/defaults/tab_pagebtnrightevid.gif);
background-image: url(../images/defaults/tab_pagebtncenter.gif);
background-image: url(../images/defaults/tab_expand.gif);
background-image: url(../images/defaults/tab_collapse.gif);
}


.ZoomTabstrip.tabWrapper{
  height: 35px;
  box-sizing: border-box;
}

.ZoomTabstrip.tabWrapper .tabstripContainer{
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  overflow: hidden;
  background: #ECECEC;
  border-radius: 0.5rem 0.5rem 0 0;
}

.ZoomTabstrip.tabWrapper .tabBack,
.ZoomTabstrip.tabWrapper .tabNext {
  display: none;
  height: 0px;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.ZoomTabstrip.tabWrapper .tabBack.active,
.ZoomTabstrip.tabWrapper .tabNext.active {
  background-color: transparent;
}

.hoverable .ZoomTabstrip.tabWrapper .tabBack:hover,
.hoverable .ZoomTabstrip.tabWrapper .tabNext:hover{
  background-color: transparent;
}

.hoverable .ZoomTabstrip.tabWrapper .tabBack.active:hover,
.hoverable .ZoomTabstrip.tabWrapper .tabNext.active:hover{
  background-color: transparent;
}

.ZoomTabstrip.tabWrapper .tabBack::after,
.ZoomTabstrip.tabWrapper .tabNext::after {
  line-height: 0px;
  width: 0px;
  display: inline-block;
  text-align: center;
}

.ZoomTabstrip.tabWrapper .tabBack {
}

.ZoomTabstrip.tabWrapper .tabBack.active::after {
}

.ZoomTabstrip.tabWrapper .tabBack::after {
}

.ZoomTabstrip.tabWrapper .tabBack.active {
}

.ZoomTabstrip.tabWrapper .tabNext{
}

.ZoomTabstrip.tabWrapper .tabNext.active::after {
}

.ZoomTabstrip.tabWrapper .tabNext.active{
}

.ZoomTabstrip.tabWrapper .tabNext::after {
}

.ZoomTabstrip.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 35px;
  position: relative;
}

.mobile .ZoomTabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .ZoomTabstrip .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.ZoomTabstrip.tabWrapper .tabs_row{
  height: 35px;
  position: absolute;
  box-sizing: border-box;
  gap: 5px;
  padding: 5px  0 0 0;
  padding-left: 0px; 
}

/*
.ZoomTabstrip.tabWrapper .tab_item:last-child{
  margin-right: 0px;
} 
*/

.ZoomTabstrip.tabWrapper .tabs_row,
.ZoomTabstrip.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ZoomTabstrip.tabWrapper .tab_content{
  background-color: transparent;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 35px; */
  /* padding: 7px 24px 5px 24px; */
}

.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover .tab_content,
.ZoomTabstrip.tabWrapper .tab_item:focus .tab_content,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: rgba(255, 255, 255, 0.5);    
}

.ZoomTabstrip.tabWrapper .tab_item.disabled .tab_content,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.ZoomTabstrip.tabWrapper .tab_item.selected .tab_content,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: #FFFFFF;
}

.ZoomTabstrip.tabWrapper .tab_border{
  height: 35px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.ZoomTabstrip.tabWrapper .tab_sep{
  height: 35px;
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
}

.ZoomTabstrip.tabWrapper .tab_item.selected .tab_sep{
}

.ZoomTabstrip.tabWrapper .tab_item a.tab_close:before{
  content: ;
  display: inline-block;
}

.ZoomTabstrip.tabWrapper .tab_modallayer:before{
  content: ;
  display: inline-block;
}

.ZoomTabstrip.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.ZoomTabstrip.tabWrapper .tab_text{
  display: inline-block;
  padding: 7px 24px 5px 24px;
}

.ZoomTabstrip.tabWrapper .tab_span,
.ZoomTabstrip.tabWrapper .tab_item.selected .tab_span {
  /* height: 35px; */
  white-space: nowrap;
}

.ZoomTabstrip.tabWrapper .tab_span a,
.ZoomTabstrip.tabWrapper .tab_span a:link,
.ZoomTabstrip.tabWrapper .tab_span a:active,
.hoverable .ZoomTabstrip.tabWrapper .tab_span a:hover,
.ZoomTabstrip.tabWrapper .tab_span a:visited{
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.93);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
}
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover .tab_span a,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .ZoomTabstrip.tabWrapper .tab_item:hover .tab_span a:hover{
}

.ZoomTabstrip.tabWrapper .tab_item.disabled .tab_span a,
.ZoomTabstrip.tabWrapper .tab_item.disabled .tab_span a:link,
.ZoomTabstrip.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .ZoomTabstrip.tabWrapper .tab_item.disabled .tab_span a:hover,
.ZoomTabstrip.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
}

.ZoomTabstrip.tabWrapper .tab_item.selected .tab_span a,
.ZoomTabstrip.tabWrapper .tab_item.selected .tab_span a:link,
.ZoomTabstrip.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .ZoomTabstrip.tabWrapper .tab_item.selected .tab_span a:hover,
.ZoomTabstrip.tabWrapper .tab_item.selected .tab_span a:visited{
  font-size: 13px;
  font-weight: 500;
}

.ZoomTabstrip.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.ZoomTabstrip.tabWrapper .tab_expcoll_img{
  display: inline-block;
  background-repeat: no-repeat;
}

.ZoomTabstrip.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  vertical-align: middle;
  text-align: center;
}

.hoverable .ZoomTabstrip.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.ZoomTabstrip.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  vertical-align: middle;
  text-align: center;
}

.hoverable .ZoomTabstrip.tabWrapper .tab_expcoll_img.tab_coll_img:hover::after{

}

/*Immagini di default per offline*/
#_offline_manifest_{
background-image: url(../images/defaults/tab_strip_button_left.gif);
background-image: url(../images/defaults/tab_strip_button_left_dis.gif);
background-image: url(../images/defaults/tab_strip_button_right.gif);
background-image: url(../images/defaults/tab_strip_button_right_dis.gif);
background-image: url(../images/defaults/tab_pagebtnleft.gif);
background-image: url(../images/defaults/tab_pagebtnright.gif);
background-image: url(../images/defaults/tab_pagebtnleftevid.gif);
background-image: url(../images/defaults/tab_pagebtncenterevid.gif);
background-image: url(../images/defaults/tab_pagebtnrightevid.gif);
background-image: url(../images/defaults/tab_pagebtncenter.gif);
background-image: url(../images/defaults/tab_expand.gif);
background-image: url(../images/defaults/tab_collapse.gif);
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.mainPageTabstrip.tabWrapper{
  height: 60px;
  box-sizing: border-box;
}

.mainPageTabstrip.tabWrapper .tabstripContainer{
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  overflow: hidden;
}

.mainPageTabstrip.tabWrapper .tabBack,
.mainPageTabstrip.tabWrapper .tabNext {
  display: none;
  height: 25px;
  -ms-flex-preferred-size: 25px;
  flex-basis: 25px;
  margin: 17.5px 7px;
  background-color: rgba(29 33 39 / 8%);;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.mainPageTabstrip.tabWrapper .tabBack.active,
.mainPageTabstrip.tabWrapper .tabNext.active {
  background-color: rgba(29 33 39 / 8%);;
}

.hoverable .mainPageTabstrip.tabWrapper .tabBack:hover,
.hoverable .mainPageTabstrip.tabWrapper .tabNext:hover{
  background-color: #fdc230;;
}

.hoverable .mainPageTabstrip.tabWrapper .tabBack.active:hover,
.hoverable .mainPageTabstrip.tabWrapper .tabNext.active:hover{
  background-color: #fdc230;;
}

.mainPageTabstrip.tabWrapper .tabBack::after,
.mainPageTabstrip.tabWrapper .tabNext::after {
  line-height: 25px;
  width: 25px;
  display: inline-block;
  text-align: center;
}

.mainPageTabstrip.tabWrapper .tabBack {
}

.mainPageTabstrip.tabWrapper .tabBack.active::after {
  content: "\F144";
  color: white;
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 13px;
}

.mainPageTabstrip.tabWrapper .tabBack::after {
  content: "\F144";
  color: white;
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 13px;
}

.mainPageTabstrip.tabWrapper .tabBack.active {
}

.mainPageTabstrip.tabWrapper .tabNext{
}

.mainPageTabstrip.tabWrapper .tabNext.active::after {
  content: "\F145";
  color: white;
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 13px;
}

.mainPageTabstrip.tabWrapper .tabNext.active{
}

.mainPageTabstrip.tabWrapper .tabNext::after {
  content: "\F145";
  color: white;
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 13px;
}

.mainPageTabstrip.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 60px;
  position: relative;
}

.mobile .mainPageTabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .mainPageTabstrip .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.mainPageTabstrip.tabWrapper .tabs_row{
  height: 60px;
  position: absolute;
  box-sizing: border-box;
  gap: 10px;
  padding: 15px 0px;
  padding-left: 0px; 
}

/*
.mainPageTabstrip.tabWrapper .tab_item:last-child{
  margin-right: 25px;
} 
*/

.mainPageTabstrip.tabWrapper .tabs_row,
.mainPageTabstrip.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mainPageTabstrip.tabWrapper .tab_content{
  background-color: white;
  border-width: 1px;
  border-color: #DDDDDD;
  border-style: solid;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 60px; */
  /* padding: 5px 9px; */
}

.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover .tab_content,
.mainPageTabstrip.tabWrapper .tab_item:focus .tab_content,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  border-color: #fdc230;
}

.mainPageTabstrip.tabWrapper .tab_item.disabled .tab_content,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.mainPageTabstrip.tabWrapper .tab_item.selected .tab_content,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: #fdc230;
  border-width: 1px;
  border-color: #fdc230;
  border-style: solid;
}

.mainPageTabstrip.tabWrapper .tab_border{
  height: 60px;
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.mainPageTabstrip.tabWrapper .tab_sep{
  height: 60px;
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
}

.mainPageTabstrip.tabWrapper .tab_item.selected .tab_sep{
}

.mainPageTabstrip.tabWrapper .tab_item a.tab_close:before{
  font-family: icons8_win10;
  font-size: 12px;
  content: "\F048";
  padding: 8px 10px 8px 0px;
  display: inline-block;
}

.mainPageTabstrip.tabWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  font-size: 10px;
  content: "\E956";
  padding: 8px 10px 8px 0px;
  display: inline-block;
}

.mainPageTabstrip.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.mainPageTabstrip.tabWrapper .tab_text{
  display: inline-block;
  padding: 5px 9px;
}

.mainPageTabstrip.tabWrapper .tab_span,
.mainPageTabstrip.tabWrapper .tab_item.selected .tab_span {
  /* height: 60px; */
  white-space: nowrap;
}

.mainPageTabstrip.tabWrapper .tab_span a,
.mainPageTabstrip.tabWrapper .tab_span a:link,
.mainPageTabstrip.tabWrapper .tab_span a:active,
.hoverable .mainPageTabstrip.tabWrapper .tab_span a:hover,
.mainPageTabstrip.tabWrapper .tab_span a:visited{
  text-decoration: none;
  text-transform: capitalize;
  vertical-align: top;
  white-space: nowrap;
  color: #1D2127;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover .tab_span a,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .mainPageTabstrip.tabWrapper .tab_item:hover .tab_span a:hover{
  font-size: 13px;
}

.mainPageTabstrip.tabWrapper .tab_item.disabled .tab_span a,
.mainPageTabstrip.tabWrapper .tab_item.disabled .tab_span a:link,
.mainPageTabstrip.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .mainPageTabstrip.tabWrapper .tab_item.disabled .tab_span a:hover,
.mainPageTabstrip.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
  font-size: 13px;
}

.mainPageTabstrip.tabWrapper .tab_item.selected .tab_span a,
.mainPageTabstrip.tabWrapper .tab_item.selected .tab_span a:link,
.mainPageTabstrip.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .mainPageTabstrip.tabWrapper .tab_item.selected .tab_span a:hover,
.mainPageTabstrip.tabWrapper .tab_item.selected .tab_span a:visited{
  color: white;
  font-size: 13px;
  font-weight: 700;
}

.mainPageTabstrip.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.mainPageTabstrip.tabWrapper .tab_expcoll_img{
  width: 12px;
  height: 12px;
  display: inline-block;
  padding: 8px 10px 8px 0px;
  background-repeat: no-repeat;
}

.mainPageTabstrip.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  content: "\F2C4";
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .mainPageTabstrip.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.mainPageTabstrip.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  content: "\F2C5";
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .mainPageTabstrip.tabWrapper .tab_expcoll_img.tab_coll_img:hover::after{

}

/*Immagini di default per offline*/
#_offline_manifest_{
background-image: url(../images/defaults/tab_strip_button_left.gif);
background-image: url(../images/defaults/tab_strip_button_left_dis.gif);
background-image: url(../images/defaults/tab_strip_button_right.gif);
background-image: url(../images/defaults/tab_strip_button_right_dis.gif);
background-image: url(../images/defaults/tab_pagebtnleft.gif);
background-image: url(../images/defaults/tab_pagebtnright.gif);
background-image: url(../images/defaults/tab_pagebtnleftevid.gif);
background-image: url(../images/defaults/tab_pagebtncenterevid.gif);
background-image: url(../images/defaults/tab_pagebtnrightevid.gif);
background-image: url(../images/defaults/tab_pagebtncenter.gif);
background-image: url(../images/defaults/tab_expand.gif);
background-image: url(../images/defaults/tab_collapse.gif);
}


.portalstudioTabstrip.tabWrapper{
  height: 35px;
  box-sizing: border-box;
}

.portalstudioTabstrip.tabWrapper .tabstripContainer{
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  overflow: hidden;
  background: #ECECEC;
}

.portalstudioTabstrip.tabWrapper .tabBack,
.portalstudioTabstrip.tabWrapper .tabNext {
  display: none;
  height: 0px;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.portalstudioTabstrip.tabWrapper .tabBack.active,
.portalstudioTabstrip.tabWrapper .tabNext.active {
  background-color: transparent;
}

.hoverable .portalstudioTabstrip.tabWrapper .tabBack:hover,
.hoverable .portalstudioTabstrip.tabWrapper .tabNext:hover{
  background-color: transparent;
}

.hoverable .portalstudioTabstrip.tabWrapper .tabBack.active:hover,
.hoverable .portalstudioTabstrip.tabWrapper .tabNext.active:hover{
  background-color: transparent;
}

.portalstudioTabstrip.tabWrapper .tabBack::after,
.portalstudioTabstrip.tabWrapper .tabNext::after {
  line-height: 0px;
  width: 0px;
  display: inline-block;
  text-align: center;
}

.portalstudioTabstrip.tabWrapper .tabBack {
}

.portalstudioTabstrip.tabWrapper .tabBack.active::after {
}

.portalstudioTabstrip.tabWrapper .tabBack::after {
}

.portalstudioTabstrip.tabWrapper .tabBack.active {
}

.portalstudioTabstrip.tabWrapper .tabNext{
}

.portalstudioTabstrip.tabWrapper .tabNext.active::after {
}

.portalstudioTabstrip.tabWrapper .tabNext.active{
}

.portalstudioTabstrip.tabWrapper .tabNext::after {
}

.portalstudioTabstrip.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 35px;
  position: relative;
}

.mobile .portalstudioTabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .portalstudioTabstrip .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.portalstudioTabstrip.tabWrapper .tabs_row{
  height: 35px;
  position: absolute;
  box-sizing: border-box;
  gap: 0px;
  padding: 5px 0 0 0;
  padding-left: 0px; 
}

/*
.portalstudioTabstrip.tabWrapper .tab_item:last-child{
  margin-right: 0px;
} 
*/

.portalstudioTabstrip.tabWrapper .tabs_row,
.portalstudioTabstrip.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.portalstudioTabstrip.tabWrapper .tab_content{
  background-color: #D5D5D5;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 35px; */
  /* padding: 5px 15px; */
}

.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover .tab_content,
.portalstudioTabstrip.tabWrapper .tab_item:focus .tab_content,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover.selected .tab_content{
}

.portalstudioTabstrip.tabWrapper .tab_item.disabled .tab_content,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_content,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: #005f9d;
}

.portalstudioTabstrip.tabWrapper .tab_border{
  height: 35px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.portalstudioTabstrip.tabWrapper .tab_sep{
  height: 35px;
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
}

.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_sep{
}

.portalstudioTabstrip.tabWrapper .tab_item a.tab_close:before{
  content: ;
  display: inline-block;
}

.portalstudioTabstrip.tabWrapper .tab_modallayer:before{
  content: ;
  display: inline-block;
}

.portalstudioTabstrip.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.portalstudioTabstrip.tabWrapper .tab_text{
  display: inline-block;
  padding: 5px 15px;
}

.portalstudioTabstrip.tabWrapper .tab_span,
.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_span {
  /* height: 35px; */
  white-space: nowrap;
}

.portalstudioTabstrip.tabWrapper .tab_span a,
.portalstudioTabstrip.tabWrapper .tab_span a:link,
.portalstudioTabstrip.tabWrapper .tab_span a:active,
.hoverable .portalstudioTabstrip.tabWrapper .tab_span a:hover,
.portalstudioTabstrip.tabWrapper .tab_span a:visited{
  text-decoration: none;
  text-transform: capitalize;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.93);
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover .tab_span a,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item:hover .tab_span a:hover{
}

.portalstudioTabstrip.tabWrapper .tab_item.disabled .tab_span a,
.portalstudioTabstrip.tabWrapper .tab_item.disabled .tab_span a:link,
.portalstudioTabstrip.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item.disabled .tab_span a:hover,
.portalstudioTabstrip.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
}

.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_span a,
.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_span a:link,
.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .portalstudioTabstrip.tabWrapper .tab_item.selected .tab_span a:hover,
.portalstudioTabstrip.tabWrapper .tab_item.selected .tab_span a:visited{
  color: #FFF;
  font-size: 15px;
}

.portalstudioTabstrip.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.portalstudioTabstrip.tabWrapper .tab_expcoll_img{
  display: inline-block;
  background-repeat: no-repeat;
}

.portalstudioTabstrip.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  vertical-align: middle;
  text-align: center;
}

.hoverable .portalstudioTabstrip.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.portalstudioTabstrip.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  vertical-align: middle;
  text-align: center;
}

.hoverable .portalstudioTabstrip.tabWrapper .tab_expcoll_img.tab_coll_img:hover::after{

}

/*Immagini di default per offline*/
#_offline_manifest_{
background-image: url(../images/defaults/tab_strip_button_left.gif);
background-image: url(../images/defaults/tab_strip_button_left_dis.gif);
background-image: url(../images/defaults/tab_strip_button_right.gif);
background-image: url(../images/defaults/tab_strip_button_right_dis.gif);
background-image: url(../images/defaults/tab_pagebtnleft.gif);
background-image: url(../images/defaults/tab_pagebtnright.gif);
background-image: url(../images/defaults/tab_pagebtnleftevid.gif);
background-image: url(../images/defaults/tab_pagebtncenterevid.gif);
background-image: url(../images/defaults/tab_pagebtnrightevid.gif);
background-image: url(../images/defaults/tab_pagebtncenter.gif);
background-image: url(../images/defaults/tab_expand.gif);
background-image: url(../images/defaults/tab_collapse.gif);
}


.spLoaderAnimation::after {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #fdc230;
  width: 80px;
  height: 80px;
  animation: spLoaderAnimationSpin1 1500ms linear infinite, 0ms spLoaderAnimationView;
  display: block;
  animation-fill-mode: forwards;
  visibility: hidden;
  position: absolute;
  top: calc( 50% - 52px);
  left: calc( 50% - 52px);
}
.spLoaderAnimation::before {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #fdc230;
  width: 40px;
  height: 40px;
  animation: spLoaderAnimationSpin2 800ms linear infinite, 0ms spLoaderAnimationView;
  display: block;
  animation-fill-mode: forwards;
  visibility: hidden;
  position: absolute;
  left: calc( 50% - 32px);
  top: calc( 50% - 32px);
}

@keyframes spLoaderAnimationSpin1 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spLoaderAnimationSpin2 {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@keyframes spLoaderAnimationView {
  99% { visibility: hidden; }
  100% { visibility: visible; }
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.spModalLayer {
  overflow:hidden;
  z-index: 10000;
  opacity:0;
  min-width: 150px;
  min-height: 150px;
  padding:0px;
  position:absolute;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
  border-radius:6px;
  background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(25px);
  /*background-color:#FFFFFF;*/
}

.spModalLayer.loading {
  border-radius:unset;
  background-color:transparent;
  border-color:transparent;
  box-shadow:unset;
}

.spModalLayer.maximized{
  overflow:visible;
}
.spModalLayer.seethrough{
  border-color:transparent;
}

.spModalLayer .resource_container{
  left: 0px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  top: 0px;
}

.spModalLayer.seethrough .resource_container{
  opacity: 0;
}

.spModalLayer .resource_container_wrapper{
  position: relative;
  left: 0px;
  overflow:hidden;
  background-color: #FFFFFF;
}

.spModalLayer.seethrough .resource_container_wrapper{
  opacity: 0;
}

.spModalLayer_cinema{
  position: absolute;
  top:0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  height: 100%;
  border:0;
  opacity:0;
  background-color:rgb(0 0 0/17%);
}

.spModalLayer .spModalLayer_draglayer{
  height:33px;
  background-color: transparent;
  border-color:transparent;
  border-style: solid;
  border-width:2px 0 0 0;
  border-radius:6px;
  width: 100%;
}

.hoverable .spModalLayer:hover .spModalLayer_draglayer{
  border-color:#fdc230;
}

.spModalLayer .icon_container {
  position: absolute;
  z-index: 1;
  top:2px;
  right:0px;
}

.spModalLayer .icon_container .spModalButton {
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:pointer;
  text-align:center;
  z-index:10001;
  height: 26px;
  line-height: 26px;
  width: 18px;
  padding: 3px 7px;
  border-radius: 6px ;
}

.hoverable .spModalLayer .icon_container .spModalButton:hover {
  background: rgb(29 33 39/8%);
}

.spModalLayer .icon_container .spModalButton:last-child {
    margin-right: 0;
}

.spModalLayer .spModalLayer_closebtn{
}
.spModalLayer .spModalLayer_closebtn::after{
  content: "\F048";
  color: #1d2127;
  font-family: icons8_win10;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
}
.spModalLayer .SPModalLayerGoToTabButton{
}
.spModalLayer .SPModalLayerGoToTabButton::after{
  content: "\E927";
  color: #1d2127;
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  vertical-align: middle;
  text-align: center;
}
.spModalLayer .spModalLayerMaximize{
  background-position: center center;
  background-repeat: no-repeat;
}
.spModalLayer .spModalLayerMaximize::after{
  content: "\F606";
  color: #1d2127;
  font-family: icons8_win10;
  font-size: 18px;
  text-align: center;
}
.spModalLayer .spModalLayerReduce{
  background-position: center center;
  background-repeat: no-repeat;
}
.spModalLayer .spModalLayerReduce::after{
  content: "\F608";
  color: #1d2127;
  font-family: icons8_win10;
  font-size: 18px;
  text-align: center;
}
.spModalLayer .spModalLayerDetachButton{
  background-position: center center;
  background-repeat: no-repeat;
}
.spModalLayer .spModalLayerDetachButton::after{
  content: "\F2C9";
  color: #1d2127;
  font-family: icons8_win10;
  font-size: 16px;
  text-align: center;
}
.spModalLayer.hideDragArea .spModalLayer_draglayer,
.spModalLayer.hideDragArea .spModalLayerDetachButton,
.spModalLayer.hideDragArea .spModalLayerMaximize,
.spModalLayer.hideDragArea .SPModalLayerGoToTabButton,
.spModalLayer.hideDragArea .SpModalLayerResize,
.spModalLayer.hideDragArea .spModalLayer_closebtn{
  display:none;
}

.spModalLayer.loading::after {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #fdc230;
  width: 80px;
  height: 80px;
  animation: spin 1500ms linear infinite, 0ms delayview;
  display: block;
  animation-fill-mode: forwards;
  opacity: 0;
  position: absolute;
  top: calc( 50% - 52px);
  left: calc( 50% - 52px);
}
.spModalLayer.loading::before {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #fdc230;
  width: 40px;
  height: 40px;
  animation: spin2 800ms linear infinite, 0ms delayview;
  display: block;
  animation-fill-mode: forwards;
  opacity: 0;
  position: absolute;
  left: calc( 50% - 32px);
  top: calc( 50% - 32px);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin2 {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@keyframes delayview {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
html, body{
  height:auto;width:100%;
}
.disable-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html[ps-stretch],
html[ps-stretch] body{
  height:100% ;
}

.mobile *{ /*Rimuove l'ombra di selezione*/
 outline: none;
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.image-thumbnail {
  padding: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
}
.image-circle {
  border-radius: 50%;
}
/* Effetti icone  */

.mobileIco{
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select:none;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  width:40px;
  height:40px;
  display: inline-block;
  position: relative;
 }
.mobileIco *{
  vertical-align: middle;
}
.mobileIco div{
  width: 100%;
  height: 100%;
  box-shadow: inset -1px -1px 20px 1px #FFFFFF;
  border-radius: 20px;
  transition: all 0ms;
  transition-delay: 0s;
  position: absolute;
  top: 0;
  left: 0;
}

.mobileIco .touchEffect_off{
  opacity:0;
}
.mobileIco .touchEffect_delay{
  transition: all .5s;
  transition-delay: 0.5s
}
.mobileIco .touchEffect_on{
  opacity:1;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.SPPortalZoomBaseOL_portlet.stretch_height.SPPortalZoom, .SPPortalZoomBase_portlet.stretch_height.SPPortalZoom {
  height:100%;
}
.SPPortalZoomBaseOL_container.stretch_height, .SPPortalZoomBase_container.stretch_height {
  height:100%;
}
.SPPortalZoom_currentversion {
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 14px;
padding: 0 0 0 4px;
}

.SPPortalZoom_versionhandler {
  font-family: icons8_win10;
  font-size: 14px;
  margin: 0 0 0 4px;
  cursor: pointer;
  display:inline-block;
}
.SPPortalZoom_versionhandler.menu_opened{
  transform:rotate(180deg);
}
.SPPortalZoom_versionhandler.menu_closed{
  transform:rotate(0deg);
}
.PortalZoomParams_Button { cursor:pointer;
                           font-family:'Roboto', sans-serif !important;
                           font-size:11px !important;
                           margin:0;
                           padding:0;
}
.PortalZoomParams_Label { cursor:pointer;
                          font-family:'Roboto', sans-serif !important;
                          font-size:11px !important;
}
.PortalZoomParams_Group_Collapsed {
                          cursor:pointer;
                          padding:0 0 2px 2px;
                          text-decoration:none;
}
.PortalZoomParams_Group_Expanded {
                          cursor:pointer;
                          padding:0 0 2px 2px;
                          text-decoration:none;
}
.PortalZoomParams_ImgButton { background-repeat:no-repeat;
                              background-position:center;
                              background-color:Transparent;
                              margin:0;
                              border-width:0;
                              padding:0;
                              z-index:1;
                              cursor:pointer;
}
.PortalZoomParams_LinkedFilter { background-image:url(portalstudio/portalzoom_linkedfilter.gif);
}
.PortalZoomParams_AutoLinkedFilter { background-image:url(portalstudio/portalzoom_autolinkedfilter.gif);
}
.PortalZoomParams_CalendarZoom { background-image:url(portalstudio/portalzoom_calendar.gif);
}
.PortalZoomParams_DeleteFilter { background-image:url(portalstudio/portalzoom_delete.gif);
                                 margin:3px;
}
.PortalZoomParams_UnDeleteFilter { background-image:url(portalstudio/portalzoom_undelete.gif);
                                   margin:3px;
}
.PortalZoomParams_EditFilter { background-image:url(portalstudio/portalzoom_edit.gif);
                               margin:3px;
}
.PortalZoomParams_Filter { background-image:url(portalstudio/portalzoom_filter.gif);
}
.PortalZoomParams_Print { background-image:url(portalstudio/portalzoom_print.gif);
}
.PortalZoomParams_ResetFilters { background-image:url(portalstudio/portalzoom_reset.gif);
}
.PortalZoomParams_SaveVZM { background-image:url(portalstudio/portalzoom_savevzm.gif);
}
.PortalZoomParams_AddFilter { background-image:url(portalstudio/portalzoom_addfilter.gif);
}
.PortalZoomParams_HeaderTitle {
    background-image:url(../visualweb/images/grid_back_title.png);
    background-color:#FFFFFF;
    color:#FFFFFF;
}

.PortalZoomBase_container_tiles {
  background-color:transparent;
  padding:10px 0px 10px 0px;
}
.PortalZoomBase_container_tiles .tile_container .tile_groupby, .PortalZoomBase_container_tiles .tile_container .tile_element{
  display:block;
}
.PortalZoomBase_container_tiles .tile_container .tile_groupby_title, .PortalZoomBase_container_tiles .tile_container .tile_groupby_value{
  display:inline;
}

.PortalZoomBase_container_tiles .tile_container .tile_title, .PortalZoomBase_container_tiles .tile_container .tile_value{
  display:block;
}


.PortalZoomConfigurator {
}

.PortalZoomConfigurator .toolbar{
  display: flex;
  flex-flow:row nowrap;
  align-items:center;
}

.PortalZoomConfigurator .searchBox{
  display:inline-table;
}

.PortalZoomConfigurator .searchBox{
  width:100%;
  box-sizing:border-box;
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .toolbar span{
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .toolbar a{  
  padding:4px;
}

.PortalZoomConfigurator .toolbar .searchDiv{
  flex:1;
}

.PortalZoomConfigurator .columnListContainer{
}
.PortalZoomConfigurator .columnList:first-child{
  border-top:0;
}
.PortalZoomConfigurator .columnList:last-child{
  border-bottom:0;
}

.PortalZoomConfigurator .columnList{
  display: block;
  cursor:pointer;
  padding-left:10px;
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .columnList.selected{
}

.PortalZoomConfigurator .columnList .checkColumn{
}

.PortalZoomConfigurator .tab_container{
  font-family:"Roboto", sans-serif;
  font-size:10px;
  display: flex;
}

.PortalZoomConfigurator .tab_container a{
  vertical-align:middle;
}

.PortalZoomConfigurator .tab{
  flex: 1 1 33%;
  cursor:pointer;
}

.PortalZoomConfigurator .tab:first-child{
}

.PortalZoomConfigurator .tab:last-child{
}


.PortalZoomConfigurator .tab span{
  display:inline-block;
}

.PortalZoomConfigurator .tab.selected{
}

.PortalZoomConfigurator .tab.orderTab{
}

.PortalZoomConfigurator .tab.versionsTab{
}

.PortalZoomConfigurator .tab.filterTab{
}

.PortalZoomConfigurator .appliedFilterTitle{
    font-family:"Roboto", sans-serif;
    font-size:10px;
  }


.PortalZoomConfigurator .newFilterTitle{
    font-family:"Roboto", sans-serif;
    font-size:10px;
    display:flex;
  }

.PortalZoomConfigurator .newFilterTitle span{
  flex:auto;
}

.PortalZoomConfigurator .newFilterBtn{
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height:100%;
  box-sizing:border-box;
}

.PortalZoomConfigurator #listFilter li{
  display:flex;
  align-items:flex-end;
}

.PortalZoomConfigurator #listFilter li div{
  flex:auto;
  display:inline-block;
}

.PortalZoomConfigurator .filterName{
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .filterOperator{
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .value{
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .filterFieldContainer{
}

.PortalZoomConfigurator .filterField{
  display: block;
  width:100%;
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .listOperatorContainer{
}

.PortalZoomConfigurator .listOperator{
  display: inline-block;
  cursor:pointer;
  min-width: 40px;
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .listOperator.selected{
}

.PortalZoomConfigurator .filterValue{
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .orderByContainer{
}
.PortalZoomConfigurator .orderBy:first-child{
  border-top:0;
}
.PortalZoomConfigurator .orderBy:last-child{
  border-bottom:0;
}

.PortalZoomConfigurator .orderBy{
  display: block;
  cursor:pointer;
  padding-left:10px;
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .orderBy.selected{
}

.PortalZoomConfigurator .orderBy .checkOrder{
}

.PortalZoomConfigurator .orderBy .ascendingOrder, .PortalZoomConfigurator .orderBy .ascendingOrderActive{
}

.PortalZoomConfigurator .orderBy .descendingOrder, .PortalZoomConfigurator .orderBy .descendingOrderActive{
}

.PortalZoomConfigurator .versions{
  display: block;
  cursor:pointer;
  font-family:"Roboto", sans-serif;
  font-size:10px;
}

.PortalZoomConfigurator .versionContainer{
}


.PortalZoomConfigurator .versions.selected{
}

.PortalZoomConfigurator .versions .checkVersion{
}

.PortalZoomConfigurator .versions:first-child{
  border-top:0;
}
.PortalZoomConfigurator .versions:last-child{
  border-bottom:0;
}

.Tile { /*!control:ZoomTile*/
}
.PortalZoomBase_container_tiles .tile_container.Tile {
  background-color:#fdc230;
  color:rgba(255,255,255,.93);
  margin:3px 10px 10px 10px;
}
.PortalZoomBase_container_tiles .tile_container.Tile .tile_groupby_title {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  padding:0px 4px;
}
.PortalZoomBase_container_tiles .tile_container.Tile .tile_groupby_value {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:0px 4px 0px 0px;
}
.PortalZoomBase_container_tiles .tile_container.Tile .tile_title {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  padding:10px 10px 0 10px;
}
.PortalZoomBase_container_tiles .tile_container.Tile .tile_value {
  font-family:'Roboto', sans-serif;
  font-size:18px;
  text-align: right;
  padding:10px 10px 10px 40px;
}
.PortalZoomBase_container_tiles .tile_container.Tile .tile_groupby_title:after {
  white-space:pre;
  content: ":";
}


.spMaskParameters_element{
  display:inline-block;
}

input.spMaskParameters_checkbox{
  z-index:1;
  position:relative;
  display:inline-block;
  height:13px;  
  margin:0px;
}

.spMaskParameters_Zoom{
  z-index:1;
  position:relative;
  width:19px;
  display:inline-block;
  height:22px;
  box-sizing:border-box;
  text-decoration:none;
}

.spMaskParameters_Calendar { 
    position: relative;
    width: 19px;
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    vertical-align: middle;
    margin-left: 5px !important;
}

.spMaskParameters_ImgButton {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  cursor:pointer;
}

.spMaskParameters_check_SmartEditor{
  display:inline-block;
}

.spMaskParameters_FilterType{
  text-align:center;
  z-index:1;
  display:inline-block; 
  position:relative;
}

.spMaskParameters_Zoom_btn{
  position:relative; 
  display:inline-block;
  border:0; 
  background-repeat:no-repeat; 
  background-color:transparent; 
  cursor:pointer;
}

span.spMaskParameters_textbox_wrp{
  position:relative;
  display:inline-block;
  height:auto;
  box-sizing:border-box;  
}

span.spMaskParameters_label_tbl{
  width:100%;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.spMaskParameter_versionhandler {
  font-family: icons8_win10;
  font-size: 12px;
  margin: 0 0 0 4px;
  cursor: pointer;
  display: inline-block;
}

.spMaskParameter_versionhandler.menu_opened{
  transform:rotate(180deg);
}
.spMaskParameter_versionhandler.menu_closed{
  transform:rotate(0deg);
}


select.spMaskParameters_combobox{
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:13px;
  color:#1D2127;
  background-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#dddddd;
  border-radius:2;
  z-index:1;
  position:relative;
  display:inline-block;
  height:22px;
  box-sizing:border-box;
}


select.spMaskParameters_combobox.Active{
  font-family:'Roboto', sans-serif;
  background-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#FFC309;
  border-radius:2;
  z-index:1;
  position:relative;
  display:inline-block;
  height:22px;
  box-sizing:border-box;
}


select.spMaskParameters_combobox.Disabled{
  font-family:'Roboto', sans-serif;
  background-color:#DEDEDE;
  border-width:1px;
  border-style:solid;
  border-color:transparent;
  border-radius:2;
  z-index:1;
  position:relative;
  display:inline-block;
  height:22px;
  box-sizing:border-box;
}


select.spMaskParameters_combobox.Obligatory{
  font-family:'Roboto', sans-serif;
  background-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:2;
  z-index:1;
  position:relative;
  display:inline-block;
  height:22px;
  box-sizing:border-box;
}


.spMaskParameters_group_collapsed{
  font-family:'Roboto', sans-serif;
}

.spMaskParameters_group_expanded{
  font-family:'Roboto', sans-serif;
}



span.spMaskParameters_label{
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:13px;
  color:#1D2127;
  z-index:1;
  position:relative;
  display:inline-block;
  box-sizing:border-box;  
  height:auto;
}



input.spMaskParameters_textbox, textarea.spMaskParameters_textbox{
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:13px;
  color:#1D2127;
  background-color:#FFFFFF;
  border-width:1px;
  border-color:#dddddd;
  border-style:solid;
  border-radius:2;
  z-index:1;
  width:100%;
  height:100%;
  box-sizing:border-box;  
}


input.spMaskParameters_textbox.Active, textarea.spMaskParameters_textbox.Active{
  font-family:'Roboto', sans-serif;
  background-color:#FFFFFF;
  border-width:1px;
  border-color:#FFC309;
  border-style:solid;
  border-radius:2;
  z-index:1;
  width:100%;
  height:100%;
  box-sizing:border-box;  
}


input.spMaskParameters_textbox.Disabled, textarea.spMaskParameters_textbox.Disabled{
  font-family:'Roboto', sans-serif;
  background-color:#DEDEDE;
  border-width:1px;
  border-color:transparent;
  border-style:solid;
  z-index:1;
  width:100%;
  height:100%;
  box-sizing:border-box;  
}


input.spMaskParameters_textbox.Obligatory, textarea.spMaskParameters_textbox.Obligatory{
  font-family:'Roboto', sans-serif;
  background-color:#FFFFFF;
  border-width:1px;
  border-color:#fdc230;
  border-style:solid;
  border-radius:2;
  z-index:1;
  width:100%;
  height:100%;
  box-sizing:border-box;  
}

.flexpagelet { /*!control:Pagelet*/
  box-sizing: border-box;
}

.flexpageletitem {
  box-sizing: border-box;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.pagelet { /*!control:Pagelet*/
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:right;
  margin:0;
}
.pagelet_body,  .pagelet_container.pagelet {
  background-repeat:no-repeat;
  background-position:center center;
}
.columncentral { /*!control:column*/
  background-color:transparent;
  box-sizing: border-box;
}
.main-area { /*!control:column*/
  background-color:transparent;
  padding:0px 24px 20px 24px;
  box-sizing: border-box;
}
.columnleft { /*!control:column*/
  background-color:transparent;
  box-sizing: border-box;
}
.left-border-right { /*!control:column*/
  background-color:transparent;
  z-index: 100;
  box-sizing: border-box;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #DEDEDE;
}
.left-white-shadow { /*!control:column*/
  background-color:rgba(255, 255, 255, 0.49);
  z-index: 100;
  box-shadow:0 4px 30px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.leftDark { /*!control:column*/
  background-color:#343434;
  box-sizing: border-box;
}

.leftDark .box { /*!control:Box*/
}

.leftDark .box > .box_content { /*!control:Box*/
}

.leftDark .BackgroundTitleBox { /*!control:Box*/
  background-color:#282828;
}

.leftDark .BackgroundTitleBox > .box_content { /*!control:Box*/
}

.leftDark .label { /*!control:Label*/
  color:rgba(255,255,255,0.93);
  text-decoration:none;

}
.leftDark .label a {
  color:rgba(255,255,255,0.93);
  text-decoration:none;
}
.hoverable .leftDark .label:hover{
  text-decoration:none;
}
.hoverable .leftDark .label a:hover {
  text-decoration:none;
}

.leftDark .TitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:normal;
  font-size:16px;
  color:rgba(255,255,255,0.93);
  text-decoration:none;
  line-height:32px;

}
.leftDark .TitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:normal;
  font-size:16px;
  color:rgba(255,255,255,0.93);
  text-decoration:none;
}
.hoverable .leftDark .TitleLabel:hover{
  text-decoration:none;
  line-height:32px;
}
.hoverable .leftDark .TitleLabel a:hover {
  text-decoration:none;
}
.leftDark .stdtreeview { /*!control:StdTreeView*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.leftDark .stdtreeview .stdtreeview_Node {
  color:#fff;
}

.leftDark .stdtreeview .stdtreeview_LinkedNode {
  color:#fff;
}

.leftDark .stdtreeview .stdtreeview_Root {
  color:#fff;
  vertical-align: top;
}

.leftDark .stdtreeview .stdtreeview_selectedNode {
  color:#fff;
}

.leftDark .stdtreeview .stdtreeview_selectedRoot {
  color:#fff;
}

.leftDark .stdtreeview .stdtreeview_icon {
  height:22px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.leftDark .stdtreeview .stdtreeview_icon.folder::after{
}
.leftDark .stdtreeview .stdtreeview_icon.folder.open::after{
}
.leftDark .stdtreeview .stdtreeview_icon.single::after{
}
.leftDark .stdtreeview .stdtreeview_icon.root::after{
}

.leftDark .stdtreeview .stdtreeview_query {
  width:19px;
  height:100%;
  cursor:pointer;
}

.leftDark .stdtreeview .stdtreeview_querybottom {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_minus {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_minusbottom {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_plus {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_plusbottom {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_join {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_joinbottom {
  width:19px;
  height:100%;
  cursor:pointer;
}
.leftDark .stdtreeview .stdtreeview_line {
  width:19px;
  height:100%;
  cursor:pointer;
}

.leftDark .stdtreeview .stdtreeview_empty {
  width:19px;
  height:100%;
  cursor:pointer;
}

.leftDark .stdtreeview::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.leftDark .stdtreeview::-webkit-scrollbar-track {
  border-radius: 10px;
}
.hoverable .leftDark .stdtreeview::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,0.2);
}
/* Handle */
.leftDark .stdtreeview::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}
.hoverable .leftDark .stdtreeview::-webkit-scrollbar-thumb:hover {
   background: rgba(142,142,142,0.7);
}
.leftDark .stdtreeview::-webkit-scrollbar-thumb:active {
   background: rgb(142,142,142);
}

.leftDark .textbox { /*!control:Textbox*/
  background:transparent;
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:13px;
  color:#FFFFFF;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:#F3F3F3;
  padding: 0px 2px;
}
.mobile .leftDark .textbox {
  background-clip: padding-box;
}

.leftDark .floating-placeholder input.textbox {
  /*font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;*/
}

.leftDark .floating-placeholder input.textbox ~ label {
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 3px;
  transition: .2s ease all;
}

.leftDark .floating-placeholder input.textbox:focus ~ label,
.leftDark .floating-placeholder input.textbox:not([placeholder=, .leftDark ' ', .leftDark ]) ~ label,
.leftDark .floating-placeholder input.textbox:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
}


.leftDark .textbox::-webkit-input-placeholder {
}

.leftDark .textbox:-moz-placeholder {
}

.leftDark .textbox::-moz-placeholder {
}

.leftDark .textbox:-ms-input-placeholder {
}
.hoverable .leftDark .textbox:hover {
  border-color:#02A8F3;
}
.leftDark .textbox:focus {
  outline: none;
  border-color:#02A8F3;
}


.columnright { /*!control:column*/
  background-color:transparent;
}

.defaultMainContent { /*!control:Pagelet*/
  background-color:white;
  background-repeat:no-repeat;
  background-position:right;
  margin:0;
  border-radius:0.5rem;
}
.defaultMainContent_body,  .pagelet_container.defaultMainContent {
  background-repeat:no-repeat;
  background-position:center center;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.defaultPageletContainer { /*!control:Pagelet*/
  background-image: linear-gradient(45deg, rgb(164 164 164/20%) 0%, rgb(236 236 236/20%) 100%);
  background-repeat:no-repeat;
  background-position:right;
  margin:0;
}
.defaultPageletContainer_body,  .pagelet_container.defaultPageletContainer {
  background-repeat:no-repeat;
  background-position:center center;
}

.footer { /*!control:column*/
  background-color:transparent;
}
.header { /*!control:column*/
  background-color:transparent;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.loginPage { /*!control:Pagelet*/
  background-color:rgba(142,142,142,0.1);
  background-repeat:no-repeat;
  background-position:right;
  margin:0;
}
.loginPage_body,  .pagelet_container.loginPage {
  background-repeat:no-repeat;
  background-position:center center;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.portlet { /*!control:Portlet*/
  box-sizing:border-box;
}

.portlet_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.portlet_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:rgb(52, 127, 196);
  box-sizing:border-box;
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:16px;
  color:#FFFFFF;
  height:30px;
}
.portlet_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:10px;
}
.portlet_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.portlet_layer_btnclose:after {
    content: "\F048";
    color: #FFF;
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.CustomToolbar { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0;
  box-sizing:border-box;
}

.CustomToolbar_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.CustomToolbar_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:#FFFFFF;
  box-sizing:border-box;
  height:36px;
}
.CustomToolbar_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:4px 0;
}
.CustomToolbar_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.CustomToolbar_layer_btnclose:after {
    content: "\F048";
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}



/*!control:SPMenu*/
.SPMenu {
  display:block;
  z-index:999;
  visibility:hidden;
  position:absolute;
  background-color:#FFFFFF;
  border-radius: 0px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPMenu .title {
  border-width: 0px;
  border-style: solid;
  border-radius: 0px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  color:#666666;

}
.SPMenu a {
  border-width: 0px;
  border-style: solid;
  border-radius: 0px;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding:10px 20px 10px 8px;
  text-decoration: none;
  color:#666666;
}
.hoverable .SPMenu a:hover, .SPMenu a:active {
  background-color:#F5F5F5;
  color:#3C3C3C;
}
.SPMenu a:visited {
  color:#666666;
}
.SPMenu a img{
  vertical-align:middle;
  border:0;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.SPPortalZoom { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-radius: 6px;
  box-sizing:border-box;
}

.SPPortalZoom_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.SPPortalZoom_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  box-sizing:border-box;
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:12px;
  color:#FFFFFF;
  height:30px;
}
.SPPortalZoom_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:10px;
}
.SPPortalZoom_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.SPPortalZoom_layer_btnclose:after {
    content: "\F048";
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.SPPortalZoom .hamburgermenu { /*!control:HamburgerMenu*/
}
.SPPortalZoom .hamburgermenu.global_handler::after{
  content: "\ED44";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}
.SPPortalZoom .hamburgermenu.global_handler{
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding:8px;
}
.SPPortalZoom .hamburgermenu.global_handler.right{
  text-align: right;
}
.SPPortalZoom .hamburgermenu.global_handler.center{
  text-align: center;
}
.SPPortalZoom .hamburgermenu.global_handler.opened{
}
.SPPortalZoom .hamburgermenu.global_handler.opened::after{
  color: rgba(255,255,255,.87);
  content: "\ED44";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.SPPortalZoom .hamburgermenu.global_container {
  background-color:#343434;
  color:rgba(255,255,255,.93);
  position: absolute;
  display:none;
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:13px;
  margin:0;
  padding:0;
}
.SPPortalZoom .hamburgermenu.global_container.tl {
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .hamburgermenu.global_container.tr {
  box-shadow:-0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .hamburgermenu.global_container.bl {
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .hamburgermenu.global_container.br {
  box-shadow:-0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.SPPortalZoom .hamburgermenu.global_container.visible {
  display:block;
}

.SPPortalZoom .hamburgermenu_column {
  display:inline-block;
  margin:0px 25px 25px 25px;
  padding:0;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.SPPortalZoom .hamburgermenu_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.SPPortalZoom .hamburgermenu_content li {
  list-style:none;
  padding:4px 0px;
  white-space:nowrap;
}
.hoverable .SPPortalZoom .hamburgermenu_content li:hover {
  background-color: rgba( 40, 70,120,.54);
}
.SPPortalZoom .hamburgermenu_content li .item_image {
  padding:0px 3px 0px 0px;
  vertical-align: middle;
}
.SPPortalZoom .hamburgermenu_content li .item_label {
  vertical-align: middle;
}
.SPPortalZoom .hamburgermenu_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 14px;
}
.SPPortalZoom .hamburgermenu_content li .handler {
}
.SPPortalZoom .hamburgermenu_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 14px;
}
.SPPortalZoom .hamburgermenu_content li .handler.opened {
}

.SPPortalZoom .hamburgermenu_content.horizontal li {
  display:inline-block;
}
.SPPortalZoom .hamburgermenu_content.horizontal li img{
}
.SPPortalZoom .hamburgermenu_content.vertical li {
  display:block;
}
.SPPortalZoom .hamburgermenu a, .hoverable .SPPortalZoom .hamburgermenu a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:rgba(255,255,255,.93);
}
.SPPortalZoom .hamburgermenu li.highlight_item, .hoverable .SPPortalZoom .hamburgermenu li.highlight_item:hover{
}
.SPPortalZoom .hamburgermenu li.highlight_item a, .hoverable .SPPortalZoom .hamburgermenu li.highlight_item a:hover {
  font-weight:600;
}
.SPPortalZoom .hamburgermenu_title {
  font-weight:600;
  text-transform: uppercase;
}
.SPPortalZoom .ctrl_hamburgermenu_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
}
.SPPortalZoom .hamburgermenu_content .subitem_content {
  margin:0px 0px 10px 10px;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.SPPortalZoom .SPPortalZoomBaseMenuRight { /*!control:HamburgerMenu*/
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_handler::after{
  content: "\EA0F";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_handler{
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:0 0 0 0;
  padding:8px;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_handler.right{
  text-align: right;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_handler.center{
  text-align: center;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_handler.opened{
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_handler.opened::after{
  color: rgba(255,255,255,.93);
  content: "\EA0F";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.SPPortalZoom .SPPortalZoomBaseMenuRight.global_container {
  background-color:#343434;
  color:rgba(255,255,255,.93);
  position: absolute;
  display:none;
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:13px;
  margin:0;
  padding:0;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_container.tl {
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_container.tr {
  box-shadow:-0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_container.bl {
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .SPPortalZoomBaseMenuRight.global_container.br {
  box-shadow:-0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.SPPortalZoom .SPPortalZoomBaseMenuRight.global_container.visible {
  display:block;
}

.SPPortalZoom .SPPortalZoomBaseMenuRight_column {
  display:inline-block;
  margin:0px 25px 25px 25px;
  padding:0;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.SPPortalZoom .SPPortalZoomBaseMenuRight_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li {
  list-style:none;
  padding:4px 0px;
  white-space:nowrap;
}
.hoverable .SPPortalZoom .SPPortalZoomBaseMenuRight_content li:hover {
  background-color: rgba(255,255,255,.08);
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li .item_image {
  padding:0px 3px 0px 0px;
  vertical-align: middle;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li .item_label {
  vertical-align: middle;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 14px;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li .handler {
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 14px;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content li .handler.opened {
}

.SPPortalZoom .SPPortalZoomBaseMenuRight_content.horizontal li {
  display:inline-block;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content.horizontal li img{
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content.vertical li {
  display:block;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight a, .hoverable .SPPortalZoom .SPPortalZoomBaseMenuRight a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:rgba(255,255,255,.93);
}
.SPPortalZoom .SPPortalZoomBaseMenuRight li.highlight_item, .hoverable .SPPortalZoom .SPPortalZoomBaseMenuRight li.highlight_item:hover{
}
.SPPortalZoom .SPPortalZoomBaseMenuRight li.highlight_item a, .hoverable .SPPortalZoom .SPPortalZoomBaseMenuRight li.highlight_item a:hover {
  font-weight:600;
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_title {
  font-weight:600;
  text-transform: uppercase;
}
.SPPortalZoom .ctrl_SPPortalZoomBaseMenuRight_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.SPPortalZoom .SPPortalZoomBaseMenuRight_content .subitem_content {
  margin:0px 0px 10px 10px;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}


.SPPortalZoom .label { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:rgba(0,0,0,.98);
  text-decoration:none;

}
.SPPortalZoom .label a {
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:rgba(0,0,0,.98);
  text-decoration:none;
}
.hoverable .SPPortalZoom .label:hover{
  text-decoration:none;
}
.hoverable .SPPortalZoom .label a:hover {
  text-decoration:none;
}

.SPPortalZoom .TitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:16px;
  color:#1D2127;
  text-decoration:none;
  padding:5px;
  line-height:initial;

}
.SPPortalZoom .TitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:16px;
  color:#1D2127;
  text-decoration:none;
}
.hoverable .SPPortalZoom .TitleLabel:hover{
  text-decoration:none;
  padding:5px;
  line-height:initial;
}
.hoverable .SPPortalZoom .TitleLabel a:hover {
  text-decoration:none;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.SPPortalZoomPrint { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-width: 0px 1px 1px 1px;
  border-style: solid; box-sizing: border-box;
  border-color: rgba(0,0,0,.93);
  box-sizing:border-box;
}

.SPPortalZoomPrint_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.SPPortalZoomPrint_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:#FFFFFF;
  box-sizing:border-box;
  height:30px;
}
.SPPortalZoomPrint_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:4px 0;
}
.SPPortalZoomPrint_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.SPPortalZoomPrint_layer_btnclose:after {
    content: "\F048";
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.SpUpload { /*!control:SpUpload*/
  width: 100%;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #1D2127;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.simple > .SpUpload .uploader_holder {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.simple > .SpUpload .uploader_form > input {
  display: block;
}

.simple > .SpUpload .message_holder {
  text-align: center;
  color: #F22613;
  font-size: 13px;
  font-weight: 500;;
}

.simple > .SpUpload .uploader_input_file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.simple > .SpUpload .uploader_input_file + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  border-width: 1px;
  border-style: dashed;
  border-color: #BABABA;
  background-color: #FFF;
}

.simple > .SpUpload .uploader_input_file + label span,
.simple > .SpUpload .uploader_input_file + label strong {
  padding: 6px 10px;
}

.simple > .SpUpload .uploader_input_file + label span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  min-width: 90px;
  max-width: 260px;
}

.simple > .SpUpload .uploader_input_file + label strong {
  height: 100%;
  display: inline-block;
  font-weight: normal;
}

.drag > .SpUpload .uploader_holder {
  width: 100%;
  height: 100%;
  display: table;
  box-sizing: border-box;
  border-width: 1px;
  border-color: #BABABA;
  border-style: dashed;
}

.drag > .SpUpload .uploader_holder.onHover {
  border-color: #fdc230;
}

.drag > .SpUpload .message_holder,
.drag > .SpUpload .message_holder_uploading {
  display: table-cell;
  vertical-align: middle;
  height: 100%;

  margin: 0 auto;

  color: #1D2127;
  font-size: 13px;
  text-align: center;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

.drag > .SpUpload .status_holder {
  display: table-row;

  overflow: hidden;

  color: #1D2127;
  font-size: 13px;
  background-color: #F3F3F3;
}

.SpUpload .button {
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  padding: 6px 10px;
  font-size: 13px;
  margin-top: 10px;
  height: 26px;
}

.SpUpload .button[disabled] {
  color: #888888;
  background-color: #CECECE;
}

.SpUpload .status_holder {
  text-align: center;
}

.SpUpload .status_holder > * {
  margin: 6px;
  vertical-align: middle;
  display: inline-block;
}

.SpUpload .abort {
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
	border: none;
	width: 20px;
	height: 20px;
  display: inline-block;
  cursor: pointer;
}

.SpUpload .abort::after {
  content: "\F21F";
  color: #FF0000;
  font-family: icons8_win10;
  font-size: 20px;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.TitleForm { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0;
  box-sizing:border-box;
}

.TitleForm_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.TitleForm_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:#FFFFFF;
  box-sizing:border-box;
  height:30px;
}
.TitleForm_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:4px 0;
}
.TitleForm_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.TitleForm_layer_btnclose:after {
    content: "\F048";
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

  /*!control:Image*/
.TitleForm .image, a.TitleForm.image {
  color:#000;
  border-width: 0px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hoverable .TitleForm .image:hover, .hoverable a.TitleForm.image:hover {
  color: #000;
}
  /*!control:Image*/
.TitleForm .TitleIcon, a.TitleForm.TitleIcon {
  color:rgba(0,0,0,.93);
  border-radius: 2px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.20s ease-in-out;
}
.hoverable .TitleForm .TitleIcon:hover, .hoverable a.TitleForm.TitleIcon:hover {
  color: rgba(255,255,255,.93);
  background-color:#787878;
}

.TitleForm .label { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:11px;
  color:rgba(0,0,0,.93);
  text-decoration:none;

}
.TitleForm .label a {
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:11px;
  color:rgba(0,0,0,.93);
  text-decoration:none;
}
.hoverable .TitleForm .label:hover{
  text-decoration:none;
}
.hoverable .TitleForm .label a:hover {
  text-decoration:none;
}

.TitleForm .SubtitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:14px;
  color:#1D2127;
  text-decoration:none;
  padding:0 5px 0 0;
  text-transform:lowercase;

}
.TitleForm .SubtitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:14px;
  color:#1D2127;
  text-decoration:none;
  text-transform:lowercase;
}
.hoverable .TitleForm .SubtitleLabel:hover{
  text-decoration:none;
  padding:0 5px 0 0;
}
.hoverable .TitleForm .SubtitleLabel a:hover {
  text-decoration:none;
}

.TitleForm .TitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:15px;
  color:#1D2127;
  text-decoration:none;
  padding:0 5px 0 0;
  text-transform:lowercase;

}
.TitleForm .TitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:15px;
  color:#1D2127;
  text-decoration:none;
  text-transform:lowercase;
}
.hoverable .TitleForm .TitleLabel:hover{
  text-decoration:none;
  padding:0 5px 0 0;
}
.hoverable .TitleForm .TitleLabel a:hover {
  text-decoration:none;
}
.TitleForm .textbox { /*!control:Textbox*/
  background:#FFFFFF;
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:13px;
  color:rgba(0,0,0,.93);
  border-width:0;
  padding: 0px 2px;
}
.mobile .TitleForm .textbox {
  background-clip: padding-box;
}

.TitleForm .floating-placeholder input.textbox {
  /*font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;*/
}

.TitleForm .floating-placeholder input.textbox ~ label {
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 3px;
  transition: .2s ease all;
}

.TitleForm .floating-placeholder input.textbox:focus ~ label,
.TitleForm .floating-placeholder input.textbox:not([placeholder=, .TitleForm ' ', .TitleForm ]) ~ label,
.TitleForm .floating-placeholder input.textbox:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
}


.TitleForm .textbox::-webkit-input-placeholder {
}

.TitleForm .textbox:-moz-placeholder {
}

.TitleForm .textbox::-moz-placeholder {
}

.TitleForm .textbox:-ms-input-placeholder {
}
.hoverable .TitleForm .textbox:hover {
}
.TitleForm .textbox:focus {
  outline: none;
}

.TitleForm .TitleTextbox { /*!control:Textbox*/
  background:transparent;
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:13px;
  color:rgba(0,0,0,.93);
  border-width:0px;
  padding: 0px 2px;
}
.mobile .TitleForm .TitleTextbox {
  background-clip: padding-box;
}

.TitleForm .floating-placeholder input.TitleTextbox {
  /*font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;*/
}

.TitleForm .floating-placeholder input.TitleTextbox ~ label {
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 3px;
  transition: .2s ease all;
}

.TitleForm .floating-placeholder input.TitleTextbox:focus ~ label,
.TitleForm .floating-placeholder input.TitleTextbox:not([placeholder=, .TitleForm ' ', .TitleForm ]) ~ label,
.TitleForm .floating-placeholder input.TitleTextbox:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
}


.TitleForm .TitleTextbox::-webkit-input-placeholder {
}

.TitleForm .TitleTextbox:-moz-placeholder {
}

.TitleForm .TitleTextbox::-moz-placeholder {
}

.TitleForm .TitleTextbox:-ms-input-placeholder {
}
.hoverable .TitleForm .TitleTextbox:hover {
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:rgba(0,0,0,.93);
}
.TitleForm .TitleTextbox:focus {
  outline: none;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.ZoomTitle { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-radius: 0.5rem 0.5rem 0 0;
  box-sizing:border-box;
}

.ZoomTitle_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.ZoomTitle_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:#FFFFFF;
  box-sizing:border-box;
  height:30px;
}
.ZoomTitle_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:4px 0;
}
.ZoomTitle_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.ZoomTitle_layer_btnclose:after {
    content: "\F048";
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}


.ZoomTitle .label { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:11px;
  color:rgba(0,0,0,.93);
  text-decoration:none;

}
.ZoomTitle .label a {
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:11px;
  color:rgba(0,0,0,.93);
  text-decoration:none;
}
.hoverable .ZoomTitle .label:hover{
  text-decoration:none;
}
.hoverable .ZoomTitle .label a:hover {
  text-decoration:none;
}

.ZoomTitle .SubtitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:14px;
  color:#1D2127;
  text-decoration:none;
  padding:0 5px 0 0;
  text-transform:lowercase;

}
.ZoomTitle .SubtitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:14px;
  color:#1D2127;
  text-decoration:none;
  text-transform:lowercase;
}
.hoverable .ZoomTitle .SubtitleLabel:hover{
  text-decoration:none;
  padding:0 5px 0 0;
}
.hoverable .ZoomTitle .SubtitleLabel a:hover {
  text-decoration:none;
}

.ZoomTitle .TitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:14px;
  color:#1D2127;
  text-decoration:none;
  padding:5px 0 0 0 ;

}
.ZoomTitle .TitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:14px;
  color:#1D2127;
  text-decoration:none;
}
.hoverable .ZoomTitle .TitleLabel:hover{
  text-decoration:none;
  padding:5px 0 0 0 ;
}
.hoverable .ZoomTitle .TitleLabel a:hover {
  text-decoration:none;
}

.box { /*!control:Box*/
  border-width:1px;
  border-style:solid;
  border-color:#DEDEDE;
  border-radius:6px;
}

.box > .box_content { /*!control:Box*/
}

.background_header_box { /*!control:Box*/
  background-color:transparent;
  border-width:0;
  border-style:solid;
  border-color:black;
}

.background_header_box > .box_content { /*!control:Box*/
}

.box-border-bottom-gray { /*!control:Box*/
  border-width: 0px 0px 1px 0px;
  border-style:solid;
  border-color:#DEDEDE;
}

.box-border-bottom-gray > .box_content { /*!control:Box*/
}

.box-border-postin { /*!control:Box*/
  border-width: 0px 0px 1px 0px;
  border-style:solid;
  border-color:#DEDEDE;
}

.box-border-postin > .box_content { /*!control:Box*/
}

.box_titled { /*!control:Box*/
}

.box_titled > .box_content { /*!control:Box*/
  border-width:1px;
  border-style:solid;
  border-color:black;
}
  /*!control:Button*/
.button {
  cursor: pointer;
  background-color:white;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:#fdc230;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
}
.hoverable .button:hover {
  cursor: pointer;
  background-image:none;
  background:#fdc230;
  font-size:13px;
  color:white;
}
.button[disabled] {
  cursor: default;
  pointer-events: none;
  color:#888888;
  background-color:#CECECE;
  background-repeat:no-repeat;
  background-position:center;
  border-color:#CECECE;
  border-width:1px;
  border-style:solid;
}
.mobile  .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
  /*!control:Button*/
.button-large {
  cursor: pointer;
  background-color:white;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:20px;
  color:#fdc230;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
}
.hoverable .button-large:hover {
  cursor: pointer;
  background-image:none;
  background:#fdc230;
  font-size:20px;
  color:white;
}
.button-large[disabled] {
  cursor: default;
  pointer-events: none;
  color:#888888;
  background-color:#CECECE;
  background-repeat:no-repeat;
  background-position:center;
  border-color:#CECECE;
  border-width:1px;
  border-style:solid;
}
.mobile  .button-large {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
  /*!control:Button*/
.button-login {
  cursor: pointer;
  background-color:white;
  background-image:#fdc230;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
}
.hoverable .button-login:hover {
  cursor: pointer;
  background-image:none;
  background:#fdc230;
  font-size:13px;
  color:white;
}
.button-login[disabled] {
  cursor: default;
  pointer-events: none;
  color:#888888;
  background-color:#CECECE;
  background-repeat:no-repeat;
  background-position:center;
  border-color:#CECECE;
  border-width:1px;
  border-style:solid;
}
.mobile  .button-login {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.carousel  {  /*!control:Carousel*/
  position:absolute;
  overflow:hidden;
  background-color:rgba(255,255,255,.93);
  border-radius:0px;
}

.carousel .carouselCnt {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  text-align: center;
}
.carousel .carouselCnt .carouselImg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
  background-position:center;
  opacity:1
}
.carousel .carouselCnt .carouselImgNotSelected{
  opacity:0.4
}
.carousel .carouselCnt .carouselLbl_right {
  display: inline-block;
  color: #1D2127;
  text-align: left;
  width: 40%;
  vertical-align: middle;
  opacity:1;
}
.carousel .carouselCnt .carouselLbl_left {
  display: inline-block;
  color: #1D2127;
  text-align: right;
  width: 40%;
  vertical-align: middle;
  opacity:1;
}
.carousel .carouselCnt .carouselLblNotSelected{
  opacity:0.4
}
.carousel .scena{
  width: 100%;
  bottom: 0px;
  text-align: center;
  height: 10px;
  line-height: 10px;
  position: absolute;
}
.carousel .scena_item{
  width: 8px;
  height: 8px;
  background-color:#F3F3F3;
  border-color:#CBCBCB;
  border-width:1px;
  border-style:solid;
  box-sizing:border-box;
  border-radius:6px;
  margin: 0px 5px;
  position: relative;
  display: inline-block;
}
.carousel .scena_item.selected{
  background-color:#DADADA;
  border-color:#CBCBCB;
  border-width:1px;
  border-style:solid;
  border-radius:2px;
}
.checkbox {
  margin: 5px;
  width: 22px;
  height: 15px;
}

input[type="checkbox"].slider:empty {
  margin-left: -99999px;
  float: left;
}

input[type="checkbox"].slider:empty ~ label {
  position: relative;
  float: left;
  line-height: 1.6em;
  text-indent: 4em;
  margin: 0.2em 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"].slider:empty ~ label:before,
input[type="checkbox"].slider:empty ~ label:after {
  /* default, viene sovrascritta se definito da un control */
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  width: 3.3em;
  background-color: #B2B2B2;
  border-radius: 0.75em;
  box-shadow: inset 0 0.2em 0 rgba(0,0,0,0.3);
  transition: all 200ms ease-in;
}

input[type="checkbox"].checkbox.slider:empty ~ label:before {
  background-color: #B2B2B2;
  border-radius: 0.75em;
}

input[type="checkbox"].slider:empty ~ label:after {
  width: 1.4em;
  top: 0.1em;
  bottom: 0.1em;
  margin: 0.1em 0.2em;
  background-color: rgba(255,255,255,.93);
  border-radius: 1em;
  box-shadow: none;
}

input[type="checkbox"].checkbox.slider:empty ~ label:after {
  border-radius: 1em;
}

input[type="checkbox"].slider:checked ~ label:before {
  background-color: #fdc230;
}

input[type="checkbox"].checkbox.slider:checked ~ label:before {
  background-color: #fdc230;
}

input[type="checkbox"].slider:checked ~ label:after {
  margin-left: 1.7em;
}

.combobox { /*!control:Combobox*/
  background-color:white;
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:13px;
  padding:0px 10px;
  color:#1D2127;
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
  border-radius:6px;
}
.datamasher { /*!control:DataMasher*/
}

.datamasher .datamasher_containertable{
  background-color:#FFF;
  border-width:0px;
  border-spacing:0px;
  border-style:solid;
  border-color:#DEDEDE;
  border-collapse:collapse;
  width:100%;
}

.datamasher .datamasher_titlecol{
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  text-align:center;
  padding:5px;
}

.datamasher .datamasher_titlerow{
  background-color:#F3F3F3;
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  text-align:center;
  padding:8px;
}

.datamasher .datamasher_titleemptycross{
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  text-align:center;
}

.datamasher .datamasher_cell{
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  text-align:center;
  border:1px solid #F3F3F3;
  padding:5px;
}

.datamasher .datamasher_cellnotempty{
  background-color:#FFFFFF;
  font-size:13px;
}

.datamasher .datamasher_cellselected{
  background-color:#fdc230;
  color:#FFFFFF;
  font-size:13px;
}

.datamasher .datamasher_marginaltitle{
  background-color:#fdc230;
  font-family:'Roboto', sans-serif;
  color:#FFF;
  font-size:13px;
  text-align:center;
  padding:8px;
}

.datamasher .datamasher_marginalcell{
  background-color:rgb(1 86 203/10%);
  font-family:'Roboto', sans-serif;
  font-size:13px;
  text-align:center;
  padding:8px;
}

.datamasher_layer{
  background-color:#868686;
  font-family:'Roboto', sans-serif;
  color:#FFFFFF;
  font-size:13px;
  border:1px solid #000000;
  padding:2px;
  position:absolute;
  z-index:100;
}
.datamasher_layer a {
}

@font-face {
font-display: block;
font-family: 'fontawesome-webfont';
src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
url('../fonts/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome-webfont.ttf') format('ttf')}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.grid {  /*!control:Grid*/
}

.grid  .grid_table{  /*!control:Grid*/
  background-color:#FFFFFF;
  box-sizing:border-box;
}

.grid  .grid_table ::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.grid  .grid_table ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.hoverable .grid  .grid_table ::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,0.2);
}
/* Handle */
.grid  .grid_table ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}
.hoverable .grid  .grid_table ::-webkit-scrollbar-thumb:hover {
   background: rgba(142,142,142,0.7);
}
.grid  .grid_table ::-webkit-scrollbar-thumb:active {
   background: rgb(142,142,142);
}

.grid .grid_cards_container {
  box-sizing:border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  padding:15px 25px;
  width: 100%;
}
.grid .grid_card_container {
  box-sizing:border-box;
  padding:16px 8px;
  margin:5px 5px 5px 5px;
  border-radius:6px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 5px 0px, rgba(0, 0, 0, 0.08) 0px 1px 12px 0px;
  /*flex-grow:1;*/
}

.hoverable .grid .grid_card_container:hover {
  padding:5px 5px 5px 5px;
  margin:5px 5px 5px 5px;
}

.grid.swipe .grid_card_container > table { position:relative; transition: transform .1s linear }
.grid.swipe .grid_card_container{ width:100%; position: relative;}
.grid.swipe .action_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; user-select: none;font-family:icons8_win10;}
.grid.swipe .action_container > div { width: 0; text-align: center; display: flex; flex-flow: row nowrap; height: 100%; align-items: center; overflow: hidden; transition: width .1s linear;}
.grid.swipe .action_container .left{ float: left;  }
.grid.swipe .action_container .right{ float: right; }
.grid.swipe .action_container .left > *,
.grid.swipe  .action_container .right > *{ flex: 1; height: 100%; display: flex; flex-flow: column; justify-content: center; text-decoration: none;}



.grid .grid_card_container.autovzm {
  width: 100%;
}
.grid .grid_card_footer_container {
  -ms-flex: 100%;
  flex:100%;
}
.grid .grid_card_title_container {
  -ms-flex: 100%;
  flex:100%;
  width:100%;
  z-index:1;
}
.grid .grid_row {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}
.grid .grid_row .layer_activator, .grid .grid_row .grid_splinker span, .grid .grid_row .grid_report_link a, .grid .grid_row .custom_image {
  opacity:0;
}
.grid .grid_row td{
  padding:0px 0 0 20px;
  border-bottom:1px solid #ECECEC;
  vertical-align: middle;
}


.grid .grid_row a , .hoverable .grid .grid_row a:hover, .grid .grid_row a:visited {
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}

.grid .grid_rowodd {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  font-weight:normal;
  color:rgba(0,0,0,.93);
  font-size:13px;
  text-decoration:none;
}
.grid .grid_rowodd .layer_activator, .grid .grid_rowodd .grid_splinker span, .grid .grid_rowodd .grid_report_link a, .grid .grid_rowodd .custom_image {
  opacity:0;
}

.grid .grid_rowodd td{
  padding:0px 0 0 20px;
  border-bottom:1px solid #ECECEC;
  vertical-align: middle;
}

.grid .grid_rowodd a , .hoverable .grid .grid_rowodd a:hover, .grid .grid_rowodd a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}
.grid .grid_rowover {
  background-color:#F8F8F8;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight: normal;
}
.grid .grid_rowover td{
  /*background-color:#F8F8F8 ;*/
  font-family:'Roboto', sans-serif ;
  color:rgba(0,0,0,.93) ;
  font-size:13px;
}
.grid .grid_rowover .layer_activator, .grid .grid_rowover .grid_splinker span, .grid .grid_rowover .grid_report_link a, .grid .grid_rowover .custom_image {
  opacity: 1;
}

.grid .grid_rowover a , .hoverable .grid .grid_rowover a:hover, .grid .grid_rowover a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
}
.grid .grid_rowselected,.grid .grid_expandedrow {
  background-color:rgb(1 86 203/10%);
}

.grid .grid_rowselected {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
}

.grid .grid_rowselected td{
  /*background-color:rgb(1 86 203/10%) ;*/
  font-family:'Roboto', sans-serif ;
  color:rgba(0,0,0,.93) ;
  font-size:13px;
}
.grid .grid_rowselected .layer_activator, .grid .grid_rowselected .grid_splinker span, .grid .grid_rowselected .grid_report_link a, .grid .grid_rowselected .custom_image {
  opacity: 1;
}

.grid .grid_rowselected a , .hoverable .grid .grid_rowselected a:hover, .grid .grid_rowselected a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
}
.grid .grid_totalizer {
  background-color:#FFF;
  font-family:'Roboto', sans-serif;
  color:#343434;
  font-size:15px;
  text-decoration:none;
  font-weight:700;
}
.grid .grid_cell {
  box-sizing: border-box;
}
.grid .grid_cell.capitalize{
  margin: 0 auto;
  font-size:24px;
  font-weight:400;
  line-height: 35px;
  text-align: center;
  width: 80px;
}
.grid .grid_cell.capitalize div{
  border-radius: 100%;
  border-width:3px;
  border-style:solid;
  border-color:#CCCCCC;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
}

.grid .grid_rowodd>td.grid_cell:last-child, .grid .grid_row>td.grid_cell:last-child {  border-right-width:0px; }
.grid tbody:last-child>tr:last-child>td.grid_cell, .grid tfoot:last-child>tr:last-child>td.grid_cell {  border-bottom-width:0px; }
.grid .buttonMaskContainer {
  top:5px;
  right:8px;
}
.grid .buttonMask, .hoverable .grid .buttonMask:hover, .grid .buttonMask:visited {
  padding:5px;
  font-family:'Roboto', sans-serif;
  font-size:12px;
  text-decoration:none;
}
.grid .buttonMask, .hoverable .grid .buttonMask:hover, .grid .buttonMask:visited {
  cursor: pointer;
}
.grid .toolsbar{
  width:100%;
}
.grid .toolsbar_toggler {
  width:100%;
}
.grid .ttbar_visible {
  display: block;
}
.grid .ttbar_hidden {
  display: none;
}

.grid .toolsbar_toggler a {
  outline:none;
  text-align: center;
  height:6px;
  width:100%;
  display:block;
  overflow:hidden;
  background-color:#F3F3F3;
}

.grid .toolsbar_toggler a::before {
  display: inline-block;
  vertical-align: top;
  content: '------';
  font-size: 6px;
  color: #000;

}
.grid .toolsbar_item {
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:12px;
  color:#6B6B6B;
  text-decoration:none;
  padding:0 0 1px 3px;
}
.grid .toolsbar_item_text{
  padding:0 6px 0 3px;
  vertical-align:middle;
}
.grid .toolsbar_items {
  background-color:#FFFFFF;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  padding:5px;
  margin:1px;
  border:1px solid #D3D3D3;
  border-width:0 0 1px 0;
}
.grid .filterByExampleHandler{
  position: absolute;
  display: none;
}
.grid .filterByExampleHandler.show{
  display: block;
}
.grid .filterByExampleHandler.show.bottom a{
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}
.grid .filterByExampleHandler.show.bottom img,
.grid .filterByExampleHandler.show.bottom span{
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: font-size .1s, width .1s;

}
.grid .filterByExampleHandler.show.bottom span{
  line-height: 6px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: transparent;
}
.grid .filterByExampleHandler.show.left img{
  vertical-align: top;
  border: 0;
  transition: width .1s;
  position: absolute;
  right: 0;
}
.grid .filterByExampleHandler.show.left span{
  vertical-align: top;
  transition: font-size .1s;
  position: absolute;
  right: 0;
}
.grid .filters_body {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  padding:5px;
  margin:0 3px;
  border-radius:4px;
  border-width:1px;
  font-weight:normal;
  color:rgba(0,0,0,.93);
  box-sizing: border-box;
}

.hoverable .grid .filter_mask_container .iconFont:hover::after {
}

.grid .filter_mask_container {
  width:450px;

  border-width:2px 0 0 0;
  border-color:transparent;
  border-style:solid;
  background-color:rgba(255, 255, 255, 0.71);
  box-shadow:0px 5px 15px rgb(0 0 0/25%); backdrop-filter: blur(5px);
  border-radius:6px;
  padding:10px 5px;
}

.hoverable .grid .filter_mask_container:hover {
  border-width:2px 0 0 0;
  border-color:#fdc230;
  border-style:solid;
}

.grid .filter_mask_container .toplabel {
	font-size:11px;
	color:#1D2127;
	font-weight:600;
	font-family:'Roboto', sans-serif;
  text-transform:uppercase;
}

.grid .filter_mask_top {
  height:33px;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
}

.grid .filter_mask_content {
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left;
  background-repeat:repeat-y;
  margin:0 auto 0 auto;
  padding:0px 0px 0px 10px;
  box-sizing: border-box;
}

.grid .filter_mask_bottom {
  height:15px;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

.grid .filter_mask {
  top:4px;
  border-width:2px 0px 0px 0px;
  border-color:transparent;
  border-style:solid;
}
.grid .filters_panel {
  background:#F6F6F6;
  border-style:solid;
}
.hoverable .grid .grid_cell_title:hover {
}
.grid .grid_cell_title {
  border-width:0 0 1px 0;
  border-style:solid ;
  border-color:#DDDDDD;
  padding:8px 0px 5px 20px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.grid .grid_cell_title.draggable{
  cursor: move;
}
.grid .grid_cell_title_filter {
  background-position:top;
}
.grid .grid_cell_title *{
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.grid .grid_cell_extra_title {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  border-width:0 0 1px 0;
  padding:8px 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.grid  .grid_cell_title_table{
  height:30px;
}
.grid .grid_cell_title_filter *{
}
.grid .grid_titlehover {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:normal;
}
.grid .grid_title_filtered {
  font-size: 60%;
}
.grid .grid_cell_title_prefilter {
  background-color: rgba(255, 255, 255, 0.71);;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.grid .checkboxall_select.iconFont::before{
  content: "\F143";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 17px;
}
.grid .grid_orderby_ico{
  width:24px;
  height:30px;
  line-height:30px;
  font-size:9px;
  font-weight:600;
  padding:3px 0px 4px 0px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.grid .grid_orderby_ico.text{
  line-height:34px;
  text-align:center;
}
.grid .grid_orderby_ul,.grid .search_fields_ul{
  right:auto;
  border-radius:6px;
  border-color:transparent; backdrop-filter: blur(5px);
  border-width:2px;
  border-style:solid;
  width:150px;
  padding:10px 5px;
  margin: 0;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.93);
  position:absolute;
  z-index:200;
  background-color:rgba(255, 255, 255, 0.71);;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
  text-decoration:none;
  list-style-type:none;
}
.grid .search_fields_ul{
}
.grid .search_fields_ul_pin{
  top: 0;
  position:absolute;
  background-position: right;
}
.grid .grid_orderby_ul_pin{
  position:absolute;
  background-position: right;
}
.grid .grid_orderby_li, .grid  .search_fields_li{
  padding: 6px 6px 6px 32px;
  height:30px;
  text-shadow:none;
  border-width:0;
  border-radius: 6px;
  text-decoration:none;
  list-style-type:none;
  white-space:nowrap;
  position: relative;
  cursor:pointer;
  box-sizing: border-box;
}

.hoverable .grid .grid_orderby_li:hover, .hoverable .grid  .search_fields_li:hover{
  background-color: rgb(29 33 39/0.08);
}

.grid  .search_fields_li.iconFont::after,
.grid .grid_orderby_ico.iconFont::after {
  position: absolute;
  height: 30px;
  top: 0;
  left: 0;
  text-align: center;
}

.grid .grid_orderby_li.iconFont::after{
  position: absolute;
  height: 30px;
  line-height: 30px;
  top: 0;
  left: 6px;
  text-align: center;
}
.grid .grid_orderby_ico.iconFont::after{
  width: 100%;
}
.grid .grid_orderby_ico.menu.iconFont::after{
  content: "\ED44";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_orderby_ico.menu.asc.iconFont::after{
  content: "\F146";
  color: #000000;
  font-family: icons8_win10;
  font-size: 9px;
}
.grid .grid_orderby_ico.menu.desc.iconFont::after{
  content: "\F143";
  color: #000000;
  font-family: icons8_win10;
  font-size: 9px;
}
.grid .grid_orderby_li.filter.iconFont::after{
}
.grid .rem_filter.iconFont::after{
  content: "\EFAF";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
}
.grid .grid_orderby_li.find.iconFont::after{
  content: "\EE44";
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_orderby_li.asc.iconFont::after{
  content: "\EEA0";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_orderby_li.desc.iconFont::after{
  content: "\EE9F";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_orderby_li.add_asc.iconFont::after{
  content: "\EBED";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_orderby_li.add_desc.iconFont::after{
  content: "\EBED";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_orderby_li.del_sort.iconFont::after{
  content: "\F041";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid .grid_layer_anchor.iconFont::after{
  position: absolute;
  height: 100%;
  line-height: 40px;
  text-align: center;
  top: 0;
  left: 0;
  content: "\ED45";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}
.grid a.iconFont{
  text-decoration: none;
}
.grid a.iconFont.grid_img_tbarLayer_closed::after{
  content: "\ED45";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  _visibility: hidden;
}

.grid .search_fields_li{
  padding: 0 0 0 5px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.grid .grid_orderby_ul li:last-child, .grid .search_fields_ul li:first-child{
  border-top:0;
}
.grid .grid_orderby_ul li:last-child, .grid .search_fields_ul li:last-child{
  border-bottom:0;
}


.grid .grid_orderbyhover *{
  visibility:visible;
}

.grid .grid_navbar {
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  padding:8px;
}
.grid .grid_navbar_curpage_input {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:3px;
  margin:0;
  width:40px;
  text-align:center;
  color:rgba(0, 0, 0, 0.93);
  background-color:rgba(0, 0, 0, 0.03);
  border-width:0 0 1px 0;
  border-color: #fdc230;
}
.grid .grid_navbar_totpages_input {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:3px;
  margin:0;
  width:40px;
  text-align:center;
  color:rgba(0, 0, 0, 0.93);
  background-color:transparent;
  border-width:0;
}
.grid .grid_toolbar_layer {
  position: absolute;
  background-color:rgba(255, 255, 255, 0.71);  backdrop-filter: blur(5px);
  padding:10px 5px;
  border-radius:6px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);;
}
.grid .grid_toolbar_icon_container {
  display: inline;
}
.grid .grid_toolbar_layer .grid_toolbar_icon_container,
.grid .grid_toolbar_inrow .grid_toolbar_icon_container{
  display: -ms-flexbox;
  display: flex;
}
.grid .grid_toolbar_layer .grid_toolbar_icon_container a,
.grid .grid_toolbar_inrow .grid_toolbar_icon_container a{
  -ms-flex: auto;
      flex: auto;
}

.hoverable .grid .grid_toolbar_layer:hover {
}

.grid .grid_toolbar_layer .pin{
  position:absolute;
  bottom:50%;
  content:'';
}
.grid .grid_toolbar_layer .item_toolbar_layer{
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.93);
  height:30px;
  display: block;
  text-decoration: none;
}
.grid .grid_toolbar_layer .item_toolbar_layer img{
  height:30px;
  width:30px;
  padding:5px;
}
.grid .grid_toolbar_layer .item_toolbar_layer_img{
  padding:5px;
  vertical-align:middle;
}
.grid .grid_toolbar_layer .item_toolbar_layer_text{
  padding:0 5px;
  line-height: 30px;
}

.grid .grid_toolbar_layer a{
  border-radius:6px;
  padding:5px;
  display: inline-block;
}

.grid.buttonMaskContainer a, .gridFloat .buttonMaskContainer a{
}

.hoverable .grid .grid_toolbar_layer a:hover{
  background-color: rgb(29 33 39/0.08);
}
.grid a.iconFont,
.grid .grid_toolbar_layer span.item_toolbar_layer_img{
  color: rgba(0,0,0,0.7);
  padding: 5px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}

.hoverable .grid a.iconFont:hover{
  background: rgb(29 33 39/8%);
  border-radius: 6px;
}
.grid .grid_record_mark_sel.grid_cell {
}
.grid .grid_toolbar_layer span.item_toolbar_layer_img,
.grid .grid_toolbar_layer a.iconFont::after{
  color: rgba(0,0,0,0.93);
}

.grid .grid_toolbar_inrow .item_toolbar_layer{
  height:18px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  color: rgba(0,0,0,0.93);
  height:18px;
  line-height: 18px;
  text-align: center;
}

.grid .grid_toolbar_inrow .item_toolbar_layer img{
  height:18px;
  width:16px;
  padding:3px 8px;
  margin:5px 0px 13px 0px;
}

.grid .grid_toolbar_inrow a{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
  border-radius:6px;
  padding:3px 8px;
  margin:5px 0px 13px 0px;
  display: inline-block;
}
.hoverable .grid .grid_toolbar_inrow a:hover{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
  background-color: rgb(29 33 39/0.08);
}
.grid .grid_toolbar_inrow a:visited{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
}
.grid .grid_toolbar_inrow a.iconFont,
.hoverable .grid .grid_toolbar_inrow a.iconFont:hover,
.grid .grid_toolbar_inrow span.item_toolbar_layer_img{
  color: rgba(0,0,0,0.93);
  height:18px;
  width:16px;
  margin:0px 5px 0px 0px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.grid .grid_toolbar_inrow a.iconFont::before{
  color: rgba(0,0,0,0.93);
}
.hoverable .grid .grid_toolbar_inrow a.iconFont:hover,
.hoverable .grid .grid_toolbar_inrow a:hover span.item_toolbar_layer_img {
}
.grid .grid_toolbar_inrow a.iconFont.view::after{
  content: '';
}
.grid .grid_toolbar_inrow a.iconFont.edit::after{
  content: '';
}
.grid .grid_toolbar_inrow a.iconFont.delete::after{
  content: '';
}
.grid .grid_toolbar_inrow a.iconFont.view::before{
  content: "\E9FB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.grid .grid_toolbar_inrow a.iconFont.edit::before{
  content: "\EBB9";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.grid .grid_toolbar_inrow a.iconFont.delete::before{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.grid .inrow_transition_open{
   height: 0px;
   overflow: hidden;
   transition: height 0.3s linear;
}

.grid a.iconFont.view::after{
  content: "\E9FB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.add::after{
  content: "\EBED";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.refresh::after{
  content: "\EC4D";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.edit::after{
  content: "\EBB9";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.delete::after{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.grid_save::after{
  content: "\ECB3";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.grid_first_dis::after{
  content: "\F092";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid a.iconFont.grid_prev_dis::after{
  content: "\F144";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid a.iconFont.grid_first::after{
  content: "\F092";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid a.iconFont.grid_prev::after{
  content: "\F144";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid a.iconFont.grid_next_dis::after{
  content: "\F145";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid a.iconFont.grid_last_dis::after{
  content: "\F093";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid a.iconFont.grid_next::after{
  content: "\F145";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid a.iconFont.grid_last::after{
  content: "\F093";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid a.iconFont.grid_minus::after{

  content: "\F047";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid a.iconFont.grid_plus::after{
  content: "\F113";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid span.iconFont.grid_filter_delete::after{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #F44336;
  padding: 0px 5px;
}

.grid span.iconFont.grid_filter_temp_add::after{
  content: "\F253";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: rgba(255,255,255,0.87);
  padding: 0px 5px;
}


.grid .layer_activator {
  cursor:pointer;
  float:right;
  height:100%;
  background-repeat:no-repeat;
  background-position: bottom right;
  vertical-align:bottom;
}

.grid a.iconFont.picker_grid_img_layer::after {
  content: "\E9B2";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid a.iconFont.picker_grid_img_layer_column::after {
  content: "\EFDB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid .memo_viewer {
  cursor:pointer;
  float:left;
  height:100%;
  background-image:url(../visualweb/images/grid_dn_blue.gif);
  background-repeat:no-repeat;
  background-position: center right;
  vertical-align:bottom;
  position:relative;
  z-index:1;
}
.grid .layer {
  background-color:rgba(255, 255, 255, 0.71);  backdrop-filter: blur(5px);
  padding: 10px;
  box-shadow: 0px 5px 15px rgb(0 0 0/25%);
  border-radius: 6px;
}
.grid .layer a {
}
.grid .layer_content{
  border-width: 1px  0 0 0; 
  border-style: solid;
  border-color: #DEDEDE;
  padding: 10px 0 0 0;
}
.grid .layer_content .draggable{
  cursor: move;
}
.grid .layer_title {
  background-color:transparent;
  color:#1D2127;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 700;
}
.grid .layer_fieldValue {
  background-color:transparent;
  color:#1D2127;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
}
.grid .layer_dragger {
  background-color:transparent;
  height: 18px;
  width: 18px;
  display: none;
  cursor: move;
  float: right;
}
.grid .layer_dragger::after {
  content: "\EFD3";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  cursor: move;
}
.grid .grid_layer_close,
.grid a.iconFont.grid_layer_close,
.hoverable .grid a.iconFont.grid_layer_close:hover {
  line-height: 18px;
  height: 18px;
  float: right;
}
.grid a.iconFont.grid_layer_close::after{
  content: "\F048";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.grid a.iconFont.grid_img_filter_loading::after,
.grid a.iconFont.grid_img_filter_apply::after,
.grid a.iconFont.grid_img_filters_removeall::after,
.grid a.iconFont.grid_img_filter_addnew::after,
.grid a.iconFont.grid_img_filter_close::after {
  height: 28px;
  line-height: 28px;
  width: 28px;
}
.grid a.iconFont.grid_img_filter_loading::after{
}
.grid a.iconFont.grid_img_filter_apply::after{
  content: "\EF8B";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid a.iconFont.grid_img_filters_removeall::after{
  content: "\EFAF";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid a.iconFont.grid_img_filter_addnew::after{
  content: "\EBED";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid a.iconFont.grid_img_filter_close::after{
  content: "\F048";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid .grid_editablefield {
}
.grid .draggablecolumns_container{
  position: absolute;
  /* overflow: visible; */
}
.grid .grid_column_dropable_setActive{
  border:1px solid #fdc230;
  background-color:rgb(1 86 203/20%);
}
.grid .grid_column_dropable_setEvident{
  background-color:rgb(1 86 203/10%); border-radius: 6px;
}

.grid .grid_column_dragging {
  background-color:rgb(1 86 203/10%);
  padding:10px 20px; border-radius: 6px;
  opacity:.95;
}


.grid .grid_uncommitted_field {
}

.grid .grid_input_field {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.hoverable .grid .grid_input_field:hover {
  cursor: url(../visualweb/images/grid_edit.cur),pointer;
}
.grid .grid_input_field:focus {
  cursor: url(../visualweb/images/grid_edit.cur),pointer;
}
.grid .grid_input_with_button {
  display: flex;
}
.grid .grid_cell.grid_splinker,
.grid .grid_cell.grid_record_mark{
  padding-left:0;
  padding-right:0;
}
.grid a.iconFont.grid_img_recMark_sel::after{
}
.grid a.iconFont.grid_img_recMark::after{
}
.grid a.iconFont.grid_img_tbarLayer_opened_left::after{
}

.grid a.iconFont.grid_img_tbarLayer_opened_right::after{
}

.grid .grid_no_data {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,0.93);
  font-size:13px;
  font-weight:normal;
  padding:4px;
}
.grid .mootable_scroller {
  /* scroll */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  z-index: 1;
}
.grid .mootable_fixed .mootable_header_container{
  position: relative;
  top: 0;
  z-index: 2;
}
.grid .mootable_fixed .mootable_footer_container{
  position: absolute;
  bottom: 0;
	z-index: 2;
}
.grid .mootable_loading{
  background-color: #FFFFFF;
  position:relative;
}
.grid .mootable_loading .img{
  margin: 0 auto;
  height: 40px;
  width: 40px;
  background-image: url(../visualweb/images/infinite_loading.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.grid .mootable_loading.active .img{
  background-position: bottom center;
  animation-name: loading;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes loading {
	from {
    transform:rotate(0deg) translateZ(0);
  }
	to {
    transform:rotate(360deg) translateZ(0);
  }
}
/*Immagini di default per offline*/
#_offline_manifest_{
  background-image: url(../Fusion2/images/grid_left2right.png);
}

@font-face {
font-display: block;
font-family: 'fontawesome-webfont';
src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
url('../fonts/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome-webfont.ttf') format('ttf')}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.grid.gridPostInList {  /*!control:Grid*/
}

.grid.gridPostInList  .grid_table{  /*!control:Grid*/
  background-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#DEDEDE;
  box-sizing:border-box;
}

.grid.gridPostInList  .grid_table ::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.grid.gridPostInList  .grid_table ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.hoverable .grid.gridPostInList  .grid_table ::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,0.2);
}
/* Handle */
.grid.gridPostInList  .grid_table ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}
.hoverable .grid.gridPostInList  .grid_table ::-webkit-scrollbar-thumb:hover {
   background: rgba(142,142,142,0.7);
}
.grid.gridPostInList  .grid_table ::-webkit-scrollbar-thumb:active {
   background: rgb(142,142,142);
}

.grid.gridPostInList .grid_cards_container {
  box-sizing:border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  padding:15px 25px;
  width: 100%;
}
.grid.gridPostInList .grid_card_container {
  box-sizing:border-box;
  padding:16px 8px;
  margin:5px 5px 5px 5px;
  border-radius:6px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 2px 5px 0px, rgba(0, 0, 0, 0.08) 0px 1px 12px 0px;
  /*flex-grow:1;*/
}

.hoverable .grid.gridPostInList .grid_card_container:hover {
  padding:5px 5px 5px 5px;
  margin:5px 5px 5px 5px;
}

.grid.gridPostInList.swipe .grid_card_container > table { position:relative; transition: transform .1s linear }
.grid.gridPostInList.swipe .grid_card_container{ width:100%; position: relative;}
.grid.gridPostInList.swipe .action_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; user-select: none;font-family:icons8_win10;}
.grid.gridPostInList.swipe .action_container > div { width: 0; text-align: center; display: flex; flex-flow: row nowrap; height: 100%; align-items: center; overflow: hidden; transition: width .1s linear;}
.grid.gridPostInList.swipe .action_container .left{ float: left;  }
.grid.gridPostInList.swipe .action_container .right{ float: right; }
.grid.gridPostInList.swipe .action_container .left > *,
.grid.gridPostInList.swipe  .action_container .right > *{ flex: 1; height: 100%; display: flex; flex-flow: column; justify-content: center; text-decoration: none;}



.grid.gridPostInList .grid_card_container.autovzm {
  width: 100%;
}
.grid.gridPostInList .grid_card_footer_container {
  -ms-flex: 100%;
  flex:100%;
}
.grid.gridPostInList .grid_card_title_container {
  -ms-flex: 100%;
  flex:100%;
  width:100%;
  z-index:1;
}
.grid.gridPostInList .grid_row {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}
.grid.gridPostInList .grid_row .layer_activator, .grid.gridPostInList .grid_row .grid_splinker span, .grid.gridPostInList .grid_row .grid_report_link a, .grid.gridPostInList .grid_row .custom_image {
  opacity:0;
}
.grid.gridPostInList .grid_row td{
  padding:0;
  border-bottom:1px solid #ECECEC;
  vertical-align: middle;
}


.grid.gridPostInList .grid_row a , .hoverable .grid.gridPostInList .grid_row a:hover, .grid.gridPostInList .grid_row a:visited {
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}

.grid.gridPostInList .grid_rowodd {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  font-weight:normal;
  color:rgba(0,0,0,.93);
  font-size:13px;
  text-decoration:none;
}
.grid.gridPostInList .grid_rowodd .layer_activator, .grid.gridPostInList .grid_rowodd .grid_splinker span, .grid.gridPostInList .grid_rowodd .grid_report_link a, .grid.gridPostInList .grid_rowodd .custom_image {
  opacity:0;
}

.grid.gridPostInList .grid_rowodd td{
  padding:0;
  border-bottom:1px solid #ECECEC;
  vertical-align: middle;
}

.grid.gridPostInList .grid_rowodd a , .hoverable .grid.gridPostInList .grid_rowodd a:hover, .grid.gridPostInList .grid_rowodd a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}
.grid.gridPostInList .grid_rowover {
  background-color:#F8F8F8;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight: normal;
}
.grid.gridPostInList .grid_rowover td{
  /*background-color:#F8F8F8 ;*/
  font-family:'Roboto', sans-serif ;
  color:rgba(0,0,0,.93) ;
  font-size:13px;
}
.grid.gridPostInList .grid_rowover .layer_activator, .grid.gridPostInList .grid_rowover .grid_splinker span, .grid.gridPostInList .grid_rowover .grid_report_link a, .grid.gridPostInList .grid_rowover .custom_image {
  opacity: 1;
}

.grid.gridPostInList .grid_rowover a , .hoverable .grid.gridPostInList .grid_rowover a:hover, .grid.gridPostInList .grid_rowover a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
}
.grid.gridPostInList .grid_rowselected,.grid.gridPostInList .grid_expandedrow {
  background-color:rgb(1 86 203/10%);
}

.grid.gridPostInList .grid_rowselected {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
}

.grid.gridPostInList .grid_rowselected td{
  /*background-color:rgb(1 86 203/10%) ;*/
  font-family:'Roboto', sans-serif ;
  color:rgba(0,0,0,.93) ;
  font-size:13px;
}
.grid.gridPostInList .grid_rowselected .layer_activator, .grid.gridPostInList .grid_rowselected .grid_splinker span, .grid.gridPostInList .grid_rowselected .grid_report_link a, .grid.gridPostInList .grid_rowselected .custom_image {
  opacity: 1;
}

.grid.gridPostInList .grid_rowselected a , .hoverable .grid.gridPostInList .grid_rowselected a:hover, .grid.gridPostInList .grid_rowselected a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
}
.grid.gridPostInList .grid_totalizer {
  background-color:#FFF;
  font-family:'Roboto', sans-serif;
  color:#343434;
  font-size:15px;
  text-decoration:none;
  font-weight:700;
}
.grid.gridPostInList .grid_cell {
  box-sizing: border-box;
}
.grid.gridPostInList .grid_cell.capitalize{
  margin: 0 auto;
  font-size:24px;
  font-weight:400;
  line-height: 35px;
  text-align: center;
  width: 80px;
}
.grid.gridPostInList .grid_cell.capitalize div{
  border-radius: 100%;
  border-width:3px;
  border-style:solid;
  border-color:#CCCCCC;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
}

.grid.gridPostInList .grid_rowodd>td.grid_cell:last-child, .grid.gridPostInList .grid_row>td.grid_cell:last-child {  border-right-width:0px; }
.grid.gridPostInList tbody:last-child>tr:last-child>td.grid_cell, .grid.gridPostInList tfoot:last-child>tr:last-child>td.grid_cell {  border-bottom-width:0px; }
.grid.gridPostInList .buttonMaskContainer {
  top:5px;
  right:8px;
}
.grid.gridPostInList .buttonMask, .hoverable .grid.gridPostInList .buttonMask:hover, .grid.gridPostInList .buttonMask:visited {
  padding:0px 5px;
  font-family:'Roboto', sans-serif;
  color:rgba(255,255,255,.93);
  font-size:12px;
  text-decoration:none;
}
.grid.gridPostInList .buttonMask, .hoverable .grid.gridPostInList .buttonMask:hover, .grid.gridPostInList .buttonMask:visited {
  cursor: pointer;
}
.grid.gridPostInList .toolsbar{
  width:100%;
}
.grid.gridPostInList .toolsbar_toggler {
  width:100%;
}
.grid.gridPostInList .ttbar_visible {
  display: block;
}
.grid.gridPostInList .ttbar_hidden {
  display: none;
}

.grid.gridPostInList .toolsbar_toggler a {
  outline:none;
  text-align: center;
  height:6px;
  width:100%;
  display:block;
  overflow:hidden;
  background-color:#F3F3F3;
}

.grid.gridPostInList .toolsbar_toggler a::before {
  display: inline-block;
  vertical-align: top;
  content: '------';
  font-size: 6px;
  color: #000;

}
.grid.gridPostInList .toolsbar_item {
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:12px;
  color:#6B6B6B;
  text-decoration:none;
  padding:0 0 1px 3px;
}
.grid.gridPostInList .toolsbar_item_text{
  padding:0 6px 0 3px;
  vertical-align:middle;
}
.grid.gridPostInList .toolsbar_items {
  background-color:#FFFFFF;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  padding:5px;
  margin:1px;
  border:1px solid #D3D3D3;
  border-width:0 0 1px 0;
}
.grid.gridPostInList .filterByExampleHandler{
  position: absolute;
  display: none;
}
.grid.gridPostInList .filterByExampleHandler.show{
  display: block;
}
.grid.gridPostInList .filterByExampleHandler.show.bottom a{
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}
.grid.gridPostInList .filterByExampleHandler.show.bottom img,
.grid.gridPostInList .filterByExampleHandler.show.bottom span{
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: font-size .1s, width .1s;

}
.grid.gridPostInList .filterByExampleHandler.show.bottom span{
  line-height: 6px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: transparent;
}
.grid.gridPostInList .filterByExampleHandler.show.left img{
  vertical-align: top;
  border: 0;
  transition: width .1s;
  position: absolute;
  right: 0;
}
.grid.gridPostInList .filterByExampleHandler.show.left span{
  vertical-align: top;
  transition: font-size .1s;
  position: absolute;
  right: 0;
}
.grid.gridPostInList .filters_body {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  padding:5px;
  margin:0 3px;
  border-radius:4px;
  border-width:1px;
  font-weight:normal;
  color:rgba(0,0,0,.93);
  box-sizing: border-box;
}

.hoverable .grid.gridPostInList .filter_mask_container .iconFont:hover::after {
}

.grid.gridPostInList .filter_mask_container {
  width:450px;

  border-width:2px 0 0 0;
  border-color:transparent;
  border-style:solid;
  background-color:rgba(255, 255, 255, 0.71);
  box-shadow:0px 5px 15px rgb(0 0 0/25%); backdrop-filter: blur(5px);
  border-radius:6px;
  padding:10px 5px;
}

.hoverable .grid.gridPostInList .filter_mask_container:hover {
  border-width:2px 0 0 0;
  border-color:#fdc230;
  border-style:solid;
}

.grid.gridPostInList .filter_mask_container .toplabel {
	font-size:11px;
	color:#1D2127;
	font-weight:600;
	font-family:'Roboto', sans-serif;
  text-transform:uppercase;
}

.grid.gridPostInList .filter_mask_top {
  height:33px;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
}

.grid.gridPostInList .filter_mask_content {
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left;
  background-repeat:repeat-y;
  margin:0 auto 0 auto;
  padding:0px 0px 0px 10px;
  box-sizing: border-box;
}

.grid.gridPostInList .filter_mask_bottom {
  height:15px;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

.grid.gridPostInList .filter_mask {
  top:4px;
  border-width:2px 0px 0px 0px;
  border-color:transparent;
  border-style:solid;
}
.grid.gridPostInList .filters_panel {
  background:#F6F6F6;
  border-style:solid;
}
.hoverable .grid.gridPostInList .grid_cell_title:hover {
}
.grid.gridPostInList .grid_cell_title {
  border-width:0 0 1px 0;
  border-style:solid ;
  border-color:#DDDDDD;
  padding:8px 0px 5px 20px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.grid.gridPostInList .grid_cell_title.draggable{
  cursor: move;
}
.grid.gridPostInList .grid_cell_title_filter {
  background-position:top;
}
.grid.gridPostInList .grid_cell_title *{
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.grid.gridPostInList .grid_cell_extra_title {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  border-width:0 0 1px 0;
  padding:8px 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.grid.gridPostInList  .grid_cell_title_table{
  height:30px;
}
.grid.gridPostInList .grid_cell_title_filter *{
}
.grid.gridPostInList .grid_titlehover {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:normal;
}
.grid.gridPostInList .grid_title_filtered {
  font-size: 60%;
}
.grid.gridPostInList .grid_cell_title_prefilter {
  background-color: rgba(255, 255, 255, 0.71);;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.grid.gridPostInList .checkboxall_select.iconFont::before{
  content: "\F143";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 17px;
}
.grid.gridPostInList .grid_orderby_ico{
  width:24px;
  height:30px;
  line-height:30px;
  font-size:9px;
  font-weight:600;
  padding:3px 0px 4px 0px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.grid.gridPostInList .grid_orderby_ico.text{
  text-align:center;
}
.grid.gridPostInList .grid_orderby_ul,.grid.gridPostInList .search_fields_ul{
  right:auto;
  border-radius:6px;
  border-color:transparent; backdrop-filter: blur(5px);
  border-width:2px;
  border-style:solid;
  width:150px;
  padding:10px 5px;
  margin: 0;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.93);
  position:absolute;
  z-index:200;
  background-color:rgba(255, 255, 255, 0.71);;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
  text-decoration:none;
  list-style-type:none;
}
.grid.gridPostInList .search_fields_ul{
}
.grid.gridPostInList .search_fields_ul_pin{
  top: 0;
  position:absolute;
  background-position: right;
}
.grid.gridPostInList .grid_orderby_ul_pin{
  position:absolute;
  background-position: right;
}
.grid.gridPostInList .grid_orderby_li, .grid.gridPostInList  .search_fields_li{
  padding: 6px 6px 6px 32px;
  height:30px;
  text-shadow:none;
  border-width:0;
  border-radius: 6px;
  text-decoration:none;
  list-style-type:none;
  white-space:nowrap;
  position: relative;
  cursor:pointer;
  box-sizing: border-box;
}

.hoverable .grid.gridPostInList .grid_orderby_li:hover, .hoverable .grid.gridPostInList  .search_fields_li:hover{
  background-color: rgb(29 33 39/0.08);
}

.grid.gridPostInList  .search_fields_li.iconFont::after,
.grid.gridPostInList .grid_orderby_ico.iconFont::after {
  position: absolute;
  height: 30px;
  top: 0;
  left: 0;
  text-align: center;
}

.grid.gridPostInList .grid_orderby_li.iconFont::after{
  position: absolute;
  height: 30px;
  line-height: 30px;
  top: 0;
  left: 6px;
  text-align: center;
}
.grid.gridPostInList .grid_orderby_ico.iconFont::after{
  width: 100%;
}
.grid.gridPostInList .grid_orderby_ico.menu.iconFont::after{
  content: "\ED44";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_orderby_ico.menu.asc.iconFont::after{
  content: "\F146";
  color: #000000;
  font-family: icons8_win10;
  font-size: 9px;
}
.grid.gridPostInList .grid_orderby_ico.menu.desc.iconFont::after{
  content: "\F143";
  color: #000000;
  font-family: icons8_win10;
  font-size: 9px;
}
.grid.gridPostInList .grid_orderby_li.filter.iconFont::after{
}
.grid.gridPostInList .rem_filter.iconFont::after{
  content: "\EFAF";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
}
.grid.gridPostInList .grid_orderby_li.find.iconFont::after{
  content: "\EE44";
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_orderby_li.asc.iconFont::after{
  content: "\EEA0";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_orderby_li.desc.iconFont::after{
  content: "\EE9F";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_orderby_li.add_asc.iconFont::after{
  content: "\EBED";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_orderby_li.add_desc.iconFont::after{
  content: "\EBED";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_orderby_li.del_sort.iconFont::after{
  content: "\F041";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.grid.gridPostInList .grid_layer_anchor.iconFont::after{
  position: absolute;
  height: 100%;
  line-height: 40px;
  text-align: center;
  top: 0;
  left: 0;
  content: "\ED45";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}
.grid.gridPostInList a.iconFont{
  text-decoration: none;
}
.grid.gridPostInList a.iconFont.grid_img_tbarLayer_closed::after{
  content: "\ED45";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  _visibility: hidden;
}

.grid.gridPostInList .search_fields_li{
  padding: 0 0 0 5px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.grid.gridPostInList .grid_orderby_ul li:last-child, .grid.gridPostInList .search_fields_ul li:first-child{
  border-top:0;
}
.grid.gridPostInList .grid_orderby_ul li:last-child, .grid.gridPostInList .search_fields_ul li:last-child{
  border-bottom:0;
}


.grid.gridPostInList .grid_orderbyhover *{
  visibility:visible;
}

.grid.gridPostInList .grid_navbar {
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  padding:8px;
}
.grid.gridPostInList .grid_navbar_curpage_input {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:3px;
  margin:0;
  width:40px;
  text-align:center;
  color:rgba(0, 0, 0, 0.93);
  background-color:rgba(0, 0, 0, 0.03);
  border-width:0 0 1px 0;
  border-color: #fdc230;
}
.grid.gridPostInList .grid_navbar_totpages_input {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:3px;
  margin:0;
  width:40px;
  text-align:center;
  color:rgba(0, 0, 0, 0.93);
  background-color:transparent;
  border-width:0;
}
.grid.gridPostInList .grid_toolbar_layer {
  position: absolute;
  background-color:rgba(255, 255, 255, 0.71);  backdrop-filter: blur(5px);
  padding:10px 5px;
  border-radius:6px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);;
}
.grid.gridPostInList .grid_toolbar_icon_container {
  display: inline;
}
.grid.gridPostInList .grid_toolbar_layer .grid_toolbar_icon_container,
.grid.gridPostInList .grid_toolbar_inrow .grid_toolbar_icon_container{
  display: -ms-flexbox;
  display: flex;
}
.grid.gridPostInList .grid_toolbar_layer .grid_toolbar_icon_container a,
.grid.gridPostInList .grid_toolbar_inrow .grid_toolbar_icon_container a{
  -ms-flex: auto;
      flex: auto;
}

.hoverable .grid.gridPostInList .grid_toolbar_layer:hover {
}

.grid.gridPostInList .grid_toolbar_layer .pin{
  position:absolute;
  bottom:50%;
  content:'';
}
.grid.gridPostInList .grid_toolbar_layer .item_toolbar_layer{
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.93);
  height:30px;
  display: block;
  text-decoration: none;
}
.grid.gridPostInList .grid_toolbar_layer .item_toolbar_layer img{
  height:30px;
  width:30px;
  padding:5px;
}
.grid.gridPostInList .grid_toolbar_layer .item_toolbar_layer_img{
  padding:5px;
  vertical-align:middle;
}
.grid.gridPostInList .grid_toolbar_layer .item_toolbar_layer_text{
  padding:0 5px;
  line-height: 30px;
}

.grid.gridPostInList .grid_toolbar_layer a{
  border-radius:6px;
  padding:5px;
  display: inline-block;
}

.grid.gridPostInList.buttonMaskContainer a, .gridFloat .buttonMaskContainer a{
}

.hoverable .grid.gridPostInList .grid_toolbar_layer a:hover{
  background-color: rgb(29 33 39/0.08);
}
.grid.gridPostInList a.iconFont,
.grid.gridPostInList .grid_toolbar_layer span.item_toolbar_layer_img{
  color: rgba(0,0,0,0.7);
  padding: 5px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}

.hoverable .grid.gridPostInList a.iconFont:hover{
  background: rgb(29 33 39/8%);
  border-radius: 6px;
}
.grid.gridPostInList .grid_record_mark_sel.grid_cell {
}
.grid.gridPostInList .grid_toolbar_layer span.item_toolbar_layer_img,
.grid.gridPostInList .grid_toolbar_layer a.iconFont::after{
  color: rgba(0,0,0,0.93);
}

.grid.gridPostInList .grid_toolbar_inrow .item_toolbar_layer{
  height:18px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  color: rgba(0,0,0,0.93);
  height:18px;
  line-height: 18px;
  text-align: center;
}

.grid.gridPostInList .grid_toolbar_inrow .item_toolbar_layer img{
  height:18px;
  width:16px;
  padding:3px 8px;
  margin:5px 0px 13px 0px;
}

.grid.gridPostInList .grid_toolbar_inrow a{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
  border-radius:6px;
  padding:3px 8px;
  margin:5px 0px 13px 0px;
  display: inline-block;
}
.hoverable .grid.gridPostInList .grid_toolbar_inrow a:hover{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
  background-color: rgb(29 33 39/0.08);
}
.grid.gridPostInList .grid_toolbar_inrow a:visited{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont,
.hoverable .grid.gridPostInList .grid_toolbar_inrow a.iconFont:hover,
.grid.gridPostInList .grid_toolbar_inrow span.item_toolbar_layer_img{
  color: rgba(0,0,0,0.93);
  height:18px;
  width:16px;
  margin:0px 5px 0px 0px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont::before{
  color: rgba(0,0,0,0.93);
}
.hoverable .grid.gridPostInList .grid_toolbar_inrow a.iconFont:hover,
.hoverable .grid.gridPostInList .grid_toolbar_inrow a:hover span.item_toolbar_layer_img {
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont.view::after{
  content: '';
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont.edit::after{
  content: '';
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont.delete::after{
  content: '';
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont.view::before{
  content: "\E9FB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont.edit::before{
  content: "\EBB9";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.grid.gridPostInList .grid_toolbar_inrow a.iconFont.delete::before{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.grid.gridPostInList .inrow_transition_open{
   height: 0px;
   overflow: hidden;
   transition: height 0.3s linear;
}

.grid.gridPostInList a.iconFont.view::after{
  content: "\E9FB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.add::after{
  content: "\EBED";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.refresh::after{
  content: "\EC4D";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.edit::after{
  content: "\EBB9";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.delete::after{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.grid_save::after{
  content: "\ECB3";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.grid_first_dis::after{
  content: "\F092";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid.gridPostInList a.iconFont.grid_prev_dis::after{
  content: "\F144";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid.gridPostInList a.iconFont.grid_first::after{
  content: "\F092";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid.gridPostInList a.iconFont.grid_prev::after{
  content: "\F144";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid.gridPostInList a.iconFont.grid_next_dis::after{
  content: "\F145";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid.gridPostInList a.iconFont.grid_last_dis::after{
  content: "\F093";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.grid.gridPostInList a.iconFont.grid_next::after{
  content: "\F145";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid.gridPostInList a.iconFont.grid_last::after{
  content: "\F093";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid.gridPostInList a.iconFont.grid_minus::after{

  content: "\F047";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid.gridPostInList a.iconFont.grid_plus::after{
  content: "\F113";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.grid.gridPostInList span.iconFont.grid_filter_delete::after{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #F44336;
  padding: 0px 5px;
}

.grid.gridPostInList span.iconFont.grid_filter_temp_add::after{
  content: "\F253";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: rgba(255,255,255,0.87);
  padding: 0px 5px;
}


.grid.gridPostInList .layer_activator {
  cursor:pointer;
  float:right;
  height:100%;
  background-repeat:no-repeat;
  background-position: bottom right;
  vertical-align:bottom;
}

.grid.gridPostInList a.iconFont.picker_grid_img_layer::after {
  content: "\E9B2";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList a.iconFont.picker_grid_img_layer_column::after {
  content: "\EFDB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.grid.gridPostInList .memo_viewer {
  cursor:pointer;
  float:left;
  height:100%;
  background-image:url(../visualweb/images/grid_dn_blue.gif);
  background-repeat:no-repeat;
  background-position: center right;
  vertical-align:bottom;
  position:relative;
  z-index:1;
}
.grid.gridPostInList .layer {
  background-color:rgba(255, 255, 255, 0.71);  backdrop-filter: blur(5px);
  padding: 10px 5px;
  box-shadow: 0px 5px 15px rgb(0 0 0/25%);
  border-radius: 6px;
}
.grid.gridPostInList .layer a {
  color:#fdc230;
}
.grid.gridPostInList .layer_content{
}
.grid.gridPostInList .layer_content .draggable{
  cursor: move;
}
.grid.gridPostInList .layer_title {
  background-color:transparent;
  color:#1D2127;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.grid.gridPostInList .layer_fieldValue {
  background-color:transparent;
  color:rgba(255,255,255,0.93);
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.grid.gridPostInList .layer_dragger {
  background-color:transparent;
  height: 18px;
  width: 18px;
  display: none;
  cursor: move;
  float: right;
}
.grid.gridPostInList .layer_dragger::after {
  content: "\EFD3";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: rgba(255,255,255,.87);
  cursor: move;
}
.grid.gridPostInList .grid_layer_close,
.grid.gridPostInList a.iconFont.grid_layer_close,
.hoverable .grid.gridPostInList a.iconFont.grid_layer_close:hover {
  line-height: 18px;
  height: 18px;
  float: right;
}
.grid.gridPostInList a.iconFont.grid_layer_close::after{
  content: "\F048";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: rgba(255,255,255,.87);
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.grid.gridPostInList a.iconFont.grid_img_filter_loading::after,
.grid.gridPostInList a.iconFont.grid_img_filter_apply::after,
.grid.gridPostInList a.iconFont.grid_img_filters_removeall::after,
.grid.gridPostInList a.iconFont.grid_img_filter_addnew::after,
.grid.gridPostInList a.iconFont.grid_img_filter_close::after {
  height: 28px;
  line-height: 28px;
  width: 28px;
}
.grid.gridPostInList a.iconFont.grid_img_filter_loading::after{
}
.grid.gridPostInList a.iconFont.grid_img_filter_apply::after{
  content: "\EF8B";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid.gridPostInList a.iconFont.grid_img_filters_removeall::after{
  content: "\EFAF";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid.gridPostInList a.iconFont.grid_img_filter_addnew::after{
  content: "\EBED";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid.gridPostInList a.iconFont.grid_img_filter_close::after{
  content: "\F048";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.grid.gridPostInList .grid_editablefield {
}
.grid.gridPostInList .draggablecolumns_container{
  position: absolute;
  /* overflow: visible; */
}
.grid.gridPostInList .grid_column_dropable_setActive{
  border:1px solid #fdc230;
  background-color:rgb(1 86 203/20%);
}
.grid.gridPostInList .grid_column_dropable_setEvident{
  background-color:rgb(1 86 203/10%); border-radius: 6px;
}

.grid.gridPostInList .grid_column_dragging {
  background-color:rgb(1 86 203/10%);
  padding:10px 20px; border-radius: 6px;
  opacity:.95;
}


.grid.gridPostInList .grid_uncommitted_field {
}

.grid.gridPostInList .grid_input_field {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.hoverable .grid.gridPostInList .grid_input_field:hover {
  cursor: url(../visualweb/images/grid_edit.cur),pointer;
}
.grid.gridPostInList .grid_input_field:focus {
  cursor: url(../visualweb/images/grid_edit.cur),pointer;
}
.grid.gridPostInList .grid_input_with_button {
  display: flex;
}
.grid.gridPostInList .grid_cell.grid_splinker,
.grid.gridPostInList .grid_cell.grid_record_mark{
  padding-left:0;
  padding-right:0;
}
.grid.gridPostInList a.iconFont.grid_img_recMark_sel::after{
}
.grid.gridPostInList a.iconFont.grid_img_recMark::after{
}
.grid.gridPostInList a.iconFont.grid_img_tbarLayer_opened_left::after{
}

.grid.gridPostInList a.iconFont.grid_img_tbarLayer_opened_right::after{
}

.grid.gridPostInList .grid_no_data {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,0.93);
  font-size:13px;
  font-weight:normal;
  padding:4px;
}
.grid.gridPostInList .mootable_scroller {
  /* scroll */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  z-index: 1;
}
.grid.gridPostInList .mootable_fixed .mootable_header_container{
  position: relative;
  top: 0;
  z-index: 2;
}
.grid.gridPostInList .mootable_fixed .mootable_footer_container{
  position: absolute;
  bottom: 0;
	z-index: 2;
}
.grid.gridPostInList .mootable_loading{
  background-color: #FFFFFF;
  position:relative;
}
.grid.gridPostInList .mootable_loading .img{
  margin: 0 auto;
  height: 40px;
  width: 40px;
  background-image: url(../visualweb/images/infinite_loading.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.grid.gridPostInList .mootable_loading.active .img{
  background-position: bottom center;
  animation-name: loading;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes loading {
	from {
    transform:rotate(0deg) translateZ(0);
  }
	to {
    transform:rotate(360deg) translateZ(0);
  }
}
/*Immagini di default per offline*/
#_offline_manifest_{
  background-image: url(../Fusion2/images/grid_left2right.png);
}

@font-face {
font-display: block;
font-family: 'fontawesome-webfont';
src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
url('../fonts/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome-webfont.ttf') format('ttf')}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.gridFloat {  /*!control:Grid*/
}

.gridFloat  .grid_table{  /*!control:Grid*/
  background-color:#FFFFFF;
  box-sizing:border-box;
}

.gridFloat  .grid_table ::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.gridFloat  .grid_table ::-webkit-scrollbar-track {
  border-radius: 10px;
}
.hoverable .gridFloat  .grid_table ::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,0.2);
}
/* Handle */
.gridFloat  .grid_table ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}
.hoverable .gridFloat  .grid_table ::-webkit-scrollbar-thumb:hover {
   background: rgba(142,142,142,0.7);
}
.gridFloat  .grid_table ::-webkit-scrollbar-thumb:active {
   background: rgb(142,142,142);
}

.gridFloat .grid_cards_container {
  box-sizing:border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  padding:15px 25px;
  width: 100%;
}
.gridFloat .grid_card_container {
  box-sizing:border-box;
  padding:16px 8px;
  margin:5px;
  background-color: #FFFFFF;
  border-width:2px 0 0 0;
  border-style:solid;
  border-color: transparent;
  border-radius:6px;
  box-shadow: 0 1px 10px rgb(29 33 39 / 25%);
  /*flex-grow:1;*/
}

.hoverable .gridFloat .grid_card_container:hover {
  border-color: rgb(14 94 230 / 90%);
}

.gridFloat.swipe .grid_card_container > table { position:relative; transition: transform .1s linear }
.gridFloat.swipe .grid_card_container{ width:100%; position: relative;}
.gridFloat.swipe .action_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; user-select: none;font-family:icons8_win10;}
.gridFloat.swipe .action_container > div { width: 0; text-align: center; display: flex; flex-flow: row nowrap; height: 100%; align-items: center; overflow: hidden; transition: width .1s linear;}
.gridFloat.swipe .action_container .left{ float: left;  }
.gridFloat.swipe .action_container .right{ float: right; }
.gridFloat.swipe .action_container .left > *,
.gridFloat.swipe  .action_container .right > *{ flex: 1; height: 100%; display: flex; flex-flow: column; justify-content: center; text-decoration: none;}



.gridFloat .grid_card_container.autovzm {
  width: 100%;
}
.gridFloat .grid_card_footer_container {
  -ms-flex: 100%;
  flex:100%;
}
.gridFloat .grid_card_title_container {
  -ms-flex: 100%;
  flex:100%;
  width:100%;
  z-index:1;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color: #CBCBCB;
}
.gridFloat .grid_row {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}
.gridFloat .grid_row .layer_activator, .gridFloat .grid_row .grid_splinker span, .gridFloat .grid_row .grid_report_link a, .gridFloat .grid_row .custom_image {
  opacity:0;
}
.gridFloat .grid_row td{
  padding:8px 0 8px 10px;
  border-bottom:0;
  vertical-align: middle;
}


.gridFloat .grid_row a , .hoverable .gridFloat .grid_row a:hover, .gridFloat .grid_row a:visited {
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}

.gridFloat .grid_rowodd {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  font-weight:normal;
  color:rgba(0,0,0,.93);
  font-size:13px;
  text-decoration:none;
}
.gridFloat .grid_rowodd .layer_activator, .gridFloat .grid_rowodd .grid_splinker span, .gridFloat .grid_rowodd .grid_report_link a, .gridFloat .grid_rowodd .custom_image {
  opacity:0;
}

.gridFloat .grid_rowodd td{
  padding:8px 0 8px 10px;
  vertical-align: middle;
}

.gridFloat .grid_rowodd a , .hoverable .gridFloat .grid_rowodd a:hover, .gridFloat .grid_rowodd a:visited{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
}
.gridFloat .grid_rowover {
}
.gridFloat .grid_rowover td{
}
.gridFloat .grid_rowover .layer_activator, .gridFloat .grid_rowover .grid_splinker span, .gridFloat .grid_rowover .grid_report_link a, .gridFloat .grid_rowover .custom_image {
}

.gridFloat .grid_rowover a , .hoverable .gridFloat .grid_rowover a:hover, .gridFloat .grid_rowover a:visited{
  color:#fdc230;
}
.gridFloat .grid_rowselected,.gridFloat .grid_expandedrow {
}

.gridFloat .grid_rowselected {
}

.gridFloat .grid_rowselected td{
  padding:8px 0 8px 10px;
}
.gridFloat .grid_rowselected .layer_activator, .gridFloat .grid_rowselected .grid_splinker span, .gridFloat .grid_rowselected .grid_report_link a, .gridFloat .grid_rowselected .custom_image {
  opacity: 1;
}

.gridFloat .grid_rowselected a , .hoverable .gridFloat .grid_rowselected a:hover, .gridFloat .grid_rowselected a:visited{
  color:#fdc230;
}
.gridFloat .grid_totalizer {
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  color:#343434;
  font-size:15px;
  text-decoration:none;
  font-weight:700;
}
.gridFloat .grid_cell {
  box-sizing: border-box;
}
.gridFloat .grid_cell.capitalize{
  margin: 0 auto;
  font-size:24px;
  font-weight:400;
  line-height: 35px;
  text-align: center;
  width: 80px;
}
.gridFloat .grid_cell.capitalize div{
  border-radius: 100%;
  border-width:3px;
  border-style:solid;
  border-color:#CCCCCC;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
}

.gridFloat .grid_rowodd>td.grid_cell:last-child, .gridFloat .grid_row>td.grid_cell:last-child {  border-right-width:0px; }
.gridFloat tbody:last-child>tr:last-child>td.grid_cell, .gridFloat tfoot:last-child>tr:last-child>td.grid_cell {  border-bottom-width:0px; }
.gridFloat .buttonMaskContainer {
  top:5px;
  right:8px;
}
.gridFloat .buttonMask, .hoverable .gridFloat .buttonMask:hover, .gridFloat .buttonMask:visited {
  padding:5px;
  font-family:'Roboto', sans-serif;
  font-size:12px;
  text-decoration:none;
}
.gridFloat .buttonMask, .hoverable .gridFloat .buttonMask:hover, .gridFloat .buttonMask:visited {
  cursor: pointer;
}
.gridFloat .toolsbar{
  width:100%;
}
.gridFloat .toolsbar_toggler {
  width:100%;
}
.gridFloat .ttbar_visible {
  display: block;
}
.gridFloat .ttbar_hidden {
  display: none;
}

.gridFloat .toolsbar_toggler a {
  outline:none;
  text-align: center;
  height:6px;
  width:100%;
  display:block;
  overflow:hidden;
  background-color:#F3F3F3;
}

.gridFloat .toolsbar_toggler a::before {
  display: inline-block;
  vertical-align: top;
  content: '------';
  font-size: 6px;
  color: #000;

}
.gridFloat .toolsbar_item {
  font-family:'Roboto', sans-serif;
  font-weight:300;
  font-size:12px;
  color:#6B6B6B;
  text-decoration:none;
  padding:0 0 1px 3px;
}
.gridFloat .toolsbar_item_text{
  padding:0 6px 0 3px;
  vertical-align:middle;
}
.gridFloat .toolsbar_items {
  background-color:#FFFFFF;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  padding:5px;
  margin:1px;
  border:1px solid #D3D3D3;
  border-width:0 0 1px 0;
}
.gridFloat .filterByExampleHandler{
  position: absolute;
  display: none;
}
.gridFloat .filterByExampleHandler.show{
  display: block;
}
.gridFloat .filterByExampleHandler.show.bottom a{
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}
.gridFloat .filterByExampleHandler.show.bottom img,
.gridFloat .filterByExampleHandler.show.bottom span{
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: font-size .1s, width .1s;

}
.gridFloat .filterByExampleHandler.show.bottom span{
  line-height: 6px;
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  border-color: transparent;
}
.gridFloat .filterByExampleHandler.show.left img{
  vertical-align: top;
  border: 0;
  transition: width .1s;
  position: absolute;
  right: 0;
}
.gridFloat .filterByExampleHandler.show.left span{
  vertical-align: top;
  transition: font-size .1s;
  position: absolute;
  right: 0;
}
.gridFloat .filters_body {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  padding:5px;
  margin:0 3px;
  border-radius:4px;
  border-width:1px;
  font-weight:normal;
  color:rgba(0,0,0,.93);
  box-sizing: border-box;
}

.hoverable .gridFloat .filter_mask_container .iconFont:hover::after {
}

.gridFloat .filter_mask_container {
  width:450px;

  border-width:2px 0 0 0;
  border-color:transparent;
  border-style:solid;
  background-color:rgba(255, 255, 255, 0.71);
  box-shadow:0px 5px 15px rgb(0 0 0/25%); backdrop-filter: blur(5px);
  border-radius:6px;
  padding:10px 5px;
}

.hoverable .gridFloat .filter_mask_container:hover {
  border-width:2px 0 0 0;
  border-color:#fdc230;
}

.gridFloat .filter_mask_container .toplabel {
	font-size:11px;
	color:#1D2127;
	font-weight:600;
	font-family:'Roboto', sans-serif;
  text-transform:uppercase;
}

.gridFloat .filter_mask_top {
  height:33px;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
}

.gridFloat .filter_mask_content {
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left;
  background-repeat:repeat-y;
  margin:0 auto 0 auto;
  padding:0px 0px 0px 10px;
  box-sizing: border-box;
}

.gridFloat .filter_mask_bottom {
  height:15px;
  background-image:url(../Fusion2/formPage/empty.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

.gridFloat .filter_mask {
  top:4px;
  border-width:2px 0px 0px 0px;
  border-color:transparent;
  border-style:solid;
}
.gridFloat .filters_panel {
  background:#F6F6F6;
  border-style:solid;
}
.hoverable .gridFloat .grid_cell_title:hover {
}
.gridFloat .grid_cell_title {
  border-width:0 0 1px 0;
  border-style:solid ;
  border-color:#CBCBCB;
  padding:8px 0 8px 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gridFloat .grid_cell_title.draggable{
  cursor: move;
}
.gridFloat .grid_cell_title_filter {
  background-position:top;
}
.gridFloat .grid_cell_title *{
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.gridFloat .grid_cell_extra_title {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  padding:11px 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gridFloat  .grid_cell_title_table{
  height:30px;
}
.gridFloat .grid_cell_title_filter *{
}
.gridFloat .grid_titlehover {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:normal;
}
.gridFloat .grid_title_filtered {
  font-size: 60%;
}
.gridFloat .grid_cell_title_prefilter {
  background-color: rgba(255, 255, 255, 0.71);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.gridFloat .checkboxall_select.iconFont::before{
  content: "\F143";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.gridFloat .grid_orderby_ico{
  width:24px;
  height:30px;
  line-height:30px;
  font-size:9px;
  font-weight:600;
  padding:3px 0px 4px 0px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.gridFloat .grid_orderby_ico.text{
  line-height:34px;
  text-align:center;
}
.gridFloat .grid_orderby_ul,.gridFloat .search_fields_ul{
  right:auto;
  border-radius:6px;
  border-color:transparent; backdrop-filter: blur(5px);
  border-width:2px;
  border-style:solid;
  width:150px;
  padding:10px 5px;
  margin: 0;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.93);
  position:absolute;
  z-index:200;
  background-color:rgba(255, 255, 255, 0.71);
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
  text-decoration:none;
  list-style-type:none;
}
.gridFloat .search_fields_ul{
}
.gridFloat .search_fields_ul_pin{
  top: 0;
  position:absolute;
  background-position: right;
}
.gridFloat .grid_orderby_ul_pin{
  position:absolute;
  background-position: right;
}
.gridFloat .grid_orderby_li, .gridFloat  .search_fields_li{
  padding: 6px 6px 6px 32px;
  height:30px;
  text-shadow:none;
  border-width:0;
  border-radius: 6px;
  text-decoration:none;
  list-style-type:none;
  white-space:nowrap;
  position: relative;
  cursor:pointer;
  box-sizing: border-box;
}

.hoverable .gridFloat .grid_orderby_li:hover, .hoverable .gridFloat  .search_fields_li:hover{
  background-color: rgb(29 33 39/0.08);
}

.gridFloat  .search_fields_li.iconFont::after,
.gridFloat .grid_orderby_ico.iconFont::after {
  position: absolute;
  height: 30px;
  top: 0;
  left: 0;
  text-align: center;
}

.gridFloat .grid_orderby_li.iconFont::after{
  position: absolute;
  height: 30px;
  line-height: 30px;
  top: 0;
  left: 6px;
  text-align: center;
}
.gridFloat .grid_orderby_ico.iconFont::after{
  width: 100%;
}
.gridFloat .grid_orderby_ico.menu.iconFont::after{
  content: "\ED44";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_orderby_ico.menu.asc.iconFont::after{
  content: "\F146";
  color: #000000;
  font-family: icons8_win10;
  font-size: 9px;
}
.gridFloat .grid_orderby_ico.menu.desc.iconFont::after{
  content: "\F143";
  color: #000000;
  font-family: icons8_win10;
  font-size: 9px;
}
.gridFloat .grid_orderby_li.filter.iconFont::after{
}
.gridFloat .rem_filter.iconFont::after{
  content: "\EFAF";
  font-family: icons8_win10;
  font-weight: normal;
}
.gridFloat .grid_orderby_li.find.iconFont::after{
  content: "\EE44";
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_orderby_li.asc.iconFont::after{
  content: "\EEA0";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_orderby_li.desc.iconFont::after{
  content: "\EE9F";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_orderby_li.add_asc.iconFont::after{
  content: "\EBED";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_orderby_li.add_desc.iconFont::after{
  content: "\EBED";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_orderby_li.del_sort.iconFont::after{
  content: "\F041";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 16px;
}
.gridFloat .grid_layer_anchor.iconFont::after{
  position: absolute;
  height: 100%;
  line-height: 40px;
  text-align: center;
  top: 0;
  left: 0;
  content: "\ED45";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}
.gridFloat a.iconFont{
  text-decoration: none;
}
.gridFloat a.iconFont.grid_img_tbarLayer_closed::after{
  content: "\ED45";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  _visibility: hidden;
}

.gridFloat .search_fields_li{
  padding: 0 0 0 5px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gridFloat .grid_orderby_ul li:last-child, .gridFloat .search_fields_ul li:first-child{
  border-top:0;
}
.gridFloat .grid_orderby_ul li:last-child, .gridFloat .search_fields_ul li:last-child{
  border-bottom:0;
}


.gridFloat .grid_orderbyhover *{
  visibility:visible;
}

.gridFloat .grid_navbar {
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  padding:8px;
}
.gridFloat .grid_navbar_curpage_input {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:3px;
  margin:0;
  width:40px;
  text-align:center;
  color:rgba(0, 0, 0, 0.93);
  background-color:rgba(0, 0, 0, 0.03);
  border-width:0 0 1px 0;
  border-color: #fdc230;
}
.gridFloat .grid_navbar_totpages_input {
  font-family:'Roboto', sans-serif;
  font-size:11px;
  padding:3px;
  margin:0;
  width:40px;
  text-align:center;
  color:rgba(0, 0, 0, 0.93);
  background-color:transparent;
  border-width:0;
}
.gridFloat .grid_toolbar_layer {
  position: absolute;
  background-color:rgba(255, 255, 255, 0.71);  backdrop-filter: blur(5px);
  padding:10px 5px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
}
.gridFloat .grid_toolbar_icon_container {
  display: inline;
}
.gridFloat .grid_toolbar_layer .grid_toolbar_icon_container,
.gridFloat .grid_toolbar_inrow .grid_toolbar_icon_container{
  display: -ms-flexbox;
  display: flex;
}
.gridFloat .grid_toolbar_layer .grid_toolbar_icon_container a,
.gridFloat .grid_toolbar_inrow .grid_toolbar_icon_container a{
  -ms-flex: auto;
      flex: auto;
}

.hoverable .gridFloat .grid_toolbar_layer:hover {
}

.gridFloat .grid_toolbar_layer .pin{
  position:absolute;
  bottom:50%;
  content:'';
}
.gridFloat .grid_toolbar_layer .item_toolbar_layer{
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: rgba(0,0,0,0.93);
  height:30px;
  display: block;
  text-decoration: none;
}
.gridFloat .grid_toolbar_layer .item_toolbar_layer img{
  height:30px;
  width:30px;
  padding:5px;
}
.gridFloat .grid_toolbar_layer .item_toolbar_layer_img{
  padding:5px;
  vertical-align:middle;
}
.gridFloat .grid_toolbar_layer .item_toolbar_layer_text{
  padding:0 5px;
  line-height: 30px;
}

.gridFloat .grid_toolbar_layer a{
  border-radius:6px;
  padding:5px;
  display: inline-block;
}

.gridFloat.buttonMaskContainer a, .gridFloat .buttonMaskContainer a{
}

.hoverable .gridFloat .grid_toolbar_layer a:hover{
  background-color: rgb(29 33 39/0.08);
}
.gridFloat a.iconFont,
.gridFloat .grid_toolbar_layer span.item_toolbar_layer_img{
  color: rgba(0,0,0,0.7);
  padding: 5px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}

.hoverable .gridFloat a.iconFont:hover{
  background: rgb(29 33 39/8%);
  border-radius: 6px;
}
.gridFloat .grid_record_mark_sel.grid_cell {
}
.gridFloat .grid_toolbar_layer span.item_toolbar_layer_img,
.gridFloat .grid_toolbar_layer a.iconFont::after{
  color: rgba(0,0,0,0.93);
}

.gridFloat .grid_toolbar_inrow .item_toolbar_layer{
  height:18px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  color: rgba(0,0,0,0.93);
  height:18px;
  line-height: 18px;
  text-align: center;
}

.gridFloat .grid_toolbar_inrow .item_toolbar_layer img{
  height:18px;
  width:16px;
  padding:3px 8px;
  margin:5px 0 13px 0;
}

.gridFloat .grid_toolbar_inrow a{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
  border-radius:6px;
  padding:3px 8px;
  margin:5px 0 13px 0;
  display: inline-block;
}
.hoverable .gridFloat .grid_toolbar_inrow a:hover{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
  background-color: transparent;
}
.gridFloat .grid_toolbar_inrow a:visited{
  text-decoration: none;
  color: rgba(0,0,0,0.93);
}
.gridFloat .grid_toolbar_inrow a.iconFont,
.hoverable .gridFloat .grid_toolbar_inrow a.iconFont:hover,
.gridFloat .grid_toolbar_inrow span.item_toolbar_layer_img{
  color: rgba(0,0,0,0.93);
  height:18px;
  width:16px;
  margin:0px 5px 0px 0px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}
.gridFloat .grid_toolbar_inrow a.iconFont::before{
  color: rgba(0,0,0,0.93);
}
.hoverable .gridFloat .grid_toolbar_inrow a.iconFont:hover,
.hoverable .gridFloat .grid_toolbar_inrow a:hover span.item_toolbar_layer_img {
}
.gridFloat .grid_toolbar_inrow a.iconFont.view::after{
  content: '';
}
.gridFloat .grid_toolbar_inrow a.iconFont.edit::after{
  content: '';
}
.gridFloat .grid_toolbar_inrow a.iconFont.delete::after{
  content: '';
}
.gridFloat .grid_toolbar_inrow a.iconFont.view::before{
  content: "\E9FB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 17px;
}
.gridFloat .grid_toolbar_inrow a.iconFont.edit::before{
  content: "\EBB9";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 17px;
}
.gridFloat .grid_toolbar_inrow a.iconFont.delete::before{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
}
.gridFloat .inrow_transition_open{
   height: 0px;
   overflow: hidden;
   transition: height 0.3s linear;
}

.gridFloat a.iconFont.view::after{
}

.gridFloat a.iconFont.add::after{
  content: "\EBED";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.gridFloat a.iconFont.refresh::after{
  content: "\EC4D";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.gridFloat a.iconFont.edit::after{
  content: "\EBB9";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.gridFloat a.iconFont.delete::after{
}

.gridFloat a.iconFont.grid_save::after{
}

.gridFloat a.iconFont.grid_first_dis::after{
  content: "\F092";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.gridFloat a.iconFont.grid_prev_dis::after{
  content: "\F144";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
  color: rgba(0,0,0,0.3);
}

.gridFloat a.iconFont.grid_first::after{
  content: "\F092";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.gridFloat a.iconFont.grid_prev::after{
  content: "\F144";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.gridFloat a.iconFont.grid_next_dis::after{
  content: "\F145";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.gridFloat a.iconFont.grid_last_dis::after{
  content: "\F093";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.3);
}

.gridFloat a.iconFont.grid_next::after{
  content: "\F145";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.gridFloat a.iconFont.grid_last::after{
  content: "\F093";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.gridFloat a.iconFont.grid_minus::after{

  content: "\F047";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.gridFloat a.iconFont.grid_plus::after{
  content: "\F113";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 16px;
  color: rgba(0,0,0,0.87);
}

.gridFloat span.iconFont.grid_filter_delete::after{
  content: "\F041";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #F44336;
  padding: 0 5px;
}

.gridFloat span.iconFont.grid_filter_temp_add::after{
  content: "\F253";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: rgba(255,255,255,0.87);
  padding: 0 5px;
}


.gridFloat .layer_activator {
  cursor:pointer;
  float:right;
  height:100%;
  background-repeat:no-repeat;
  background-position: bottom right;
  vertical-align:bottom;
}

.gridFloat a.iconFont.picker_grid_img_layer::after {
  content: "\E9B2";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.gridFloat a.iconFont.picker_grid_img_layer_column::after {
  content: "\EFDB";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
}

.gridFloat .memo_viewer {
  cursor:pointer;
  float:left;
  height:100%;
  background-image:url(../visualweb/images/grid_dn_blue.gif);
  background-repeat:no-repeat;
  background-position: center right;
  vertical-align:bottom;
  position:relative;
  z-index:1;
}
.gridFloat .layer {
  background-color:rgba(255, 255, 255, 0.71);  backdrop-filter: blur(5px);
  padding: 10px;
  box-shadow: 0px 5px 15px rgb(0 0 0/25%);
  border-radius: 6px;
}
.gridFloat .layer a {
}
.gridFloat .layer_content{
  border-width: 1px 0 0 0; 
  border-style: solid;
  border-color: #DEDEDE;
  padding: 10px 0 0 0;
}
.gridFloat .layer_content .draggable{
  cursor: move;
}
.gridFloat .layer_title {
  background-color:transparent;
  color:#1D2127;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 700;
}
.gridFloat .layer_fieldValue {
  background-color:transparent;
  color:#1D2127;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
}
.gridFloat .layer_dragger {
  background-color:transparent;
  height: 18px;
  width: 18px;
  display: none;
  cursor: move;
  float: right;
}
.gridFloat .layer_dragger::after {
  content: "\EFD3";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  cursor: move;
}
.gridFloat .grid_layer_close,
.gridFloat a.iconFont.grid_layer_close,
.hoverable .gridFloat a.iconFont.grid_layer_close:hover {
  line-height: 18px;
  height: 18px;
  float: right;
}
.gridFloat a.iconFont.grid_layer_close::after{
  content: "\F048";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.gridFloat a.iconFont.grid_img_filter_loading::after,
.gridFloat a.iconFont.grid_img_filter_apply::after,
.gridFloat a.iconFont.grid_img_filters_removeall::after,
.gridFloat a.iconFont.grid_img_filter_addnew::after,
.gridFloat a.iconFont.grid_img_filter_close::after {
  height: 28px;
  line-height: 28px;
  width: 28px;
}
.gridFloat a.iconFont.grid_img_filter_loading::after{
}
.gridFloat a.iconFont.grid_img_filter_apply::after{
  content: "\EF8B";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.gridFloat a.iconFont.grid_img_filters_removeall::after{
  content: "\EFAF";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #FFFFFF;
}
.gridFloat a.iconFont.grid_img_filter_addnew::after{
  content: "\EBED";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.gridFloat a.iconFont.grid_img_filter_close::after{
  content: "\F048";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  color: #1D2127;
}
.gridFloat .grid_editablefield {
}
.gridFloat .draggablecolumns_container{
  position: absolute;
  /* overflow: visible; */
}
.gridFloat .grid_column_dropable_setActive{
  border:1px solid #fdc230;
  background-color:rgb(1 86 203/20%);
}
.gridFloat .grid_column_dropable_setEvident{
  background-color:rgb(1 86 203/10%); border-radius: 6px;
}

.gridFloat .grid_column_dragging {
  background-color:rgb(1 86 203/10%);
  padding:10px 20px; border-radius: 6px;
  opacity:.95;
}


.gridFloat .grid_uncommitted_field {
}

.gridFloat .grid_input_field {
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
}
.hoverable .gridFloat .grid_input_field:hover {
  cursor: url(../visualweb/images/grid_edit.cur),pointer;
}
.gridFloat .grid_input_field:focus {
  cursor: url(../visualweb/images/grid_edit.cur),pointer;
}
.gridFloat .grid_input_with_button {
  display: flex;
}
.gridFloat .grid_cell.grid_splinker,
.gridFloat .grid_cell.grid_record_mark{
  padding-left:0;
  padding-right:0;
}
.gridFloat a.iconFont.grid_img_recMark_sel::after{
}
.gridFloat a.iconFont.grid_img_recMark::after{
}
.gridFloat a.iconFont.grid_img_tbarLayer_opened_left::after{
}

.gridFloat a.iconFont.grid_img_tbarLayer_opened_right::after{
}

.gridFloat .grid_no_data {
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,0.93);
  font-size:13px;
  font-weight:normal;
  padding:4px;
}
.gridFloat .mootable_scroller {
  /* scroll */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
  z-index: 1;
}
.gridFloat .mootable_fixed .mootable_header_container{
  position: relative;
  top: 0;
  z-index: 2;
}
.gridFloat .mootable_fixed .mootable_footer_container{
  position: absolute;
  bottom: 0;
	z-index: 2;
}
.gridFloat .mootable_loading{
  background-color: #FFFFFF;
  position:relative;
}
.gridFloat .mootable_loading .img{
  margin: 0 auto;
  height: 40px;
  width: 40px;
  background-image: url(../visualweb/images/infinite_loading.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.gridFloat .mootable_loading.active .img{
  background-position: bottom center;
  animation-name: loading;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes loading {
	from {
    transform:rotate(0deg) translateZ(0);
  }
	to {
    transform:rotate(360deg) translateZ(0);
  }
}
/*Immagini di default per offline*/
#_offline_manifest_{
  background-image: url(../Fusion2/images/grid_left2right.png);
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.hamburgermenu { /*!control:HamburgerMenu*/
}
.hamburgermenu.global_handler::after{
  content: "\F143";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.hamburgermenu.global_handler{
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamburgermenu.global_handler.right{
  text-align: right;
}
.hamburgermenu.global_handler.center{
  text-align: center;
}
.hamburgermenu.global_handler.opened{
}
.hamburgermenu.global_handler.opened::after{
  content: "\F146";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}

.hamburgermenu.global_container {
  color:rgba(0,0,0,.93);
  position: absolute;
  display:none;
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
}
.hamburgermenu.global_container.tl {
}
.hamburgermenu.global_container.tr {
}
.hamburgermenu.global_container.bl {
}
.hamburgermenu.global_container.br {
}

.hamburgermenu.global_container.visible {
  display:block;
}

.hamburgermenu_column {
  display:inline-block;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.hamburgermenu_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.hamburgermenu_content li {
  list-style:none;
  margin:2.5px 0;
  padding:6px;
  border-radius:6px;
  white-space:nowrap;
}
.hoverable .hamburgermenu_content li:hover {
  background-color: rgba(0,0,0,.05);
}
.hamburgermenu_content li .item_image {
  padding:0  6px 0 0;
  vertical-align: middle;
}
.hamburgermenu_content li .item_label {
  vertical-align: middle;
}
.hamburgermenu_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 14px;
}
.hamburgermenu_content li .handler {
}
.hamburgermenu_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.hamburgermenu_content li .handler.opened {
}

.hamburgermenu_content.horizontal li {
  display:inline-block;
}
.hamburgermenu_content.horizontal li img{
}
.hamburgermenu_content.vertical li {
  display:block;
}
.hamburgermenu a, .hoverable .hamburgermenu a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:rgba(0,0,0,.93);
}
.hamburgermenu li.highlight_item, .hoverable .hamburgermenu li.highlight_item:hover{
  border-radius:6px;
  background-color: rgba(0,0,0,.05);
}
.hamburgermenu li.highlight_item a, .hoverable .hamburgermenu li.highlight_item a:hover {
  font-weight:600;
  color:#fdc230;
}
.hamburgermenu_title {
  font-weight:600;
  text-transform: uppercase;
  padding: 5px;
  margin: 2.5px 0;
}
.ctrl_hamburgermenu_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  gap: 10px;
  background-color:#FFF; backdrop-filter: blur(5px);
  padding: 10px;
  border-radius:6px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
}
.hamburgermenu_content .subitem_content {
  margin:0 0 5px 0;
  padding:2.5px 5px;
  border-width:1px;
  border-color:rgb(29 33 39 / 15%);
  border-style:solid;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.SPPortalZoomBaseMenu { /*!control:HamburgerMenu*/
}
.SPPortalZoomBaseMenu.global_handler::after{
  content: "\F143";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.SPPortalZoomBaseMenu.global_handler{
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.SPPortalZoomBaseMenu.global_handler.right{
  text-align: right;
}
.SPPortalZoomBaseMenu.global_handler.center{
  text-align: center;
}
.SPPortalZoomBaseMenu.global_handler.opened{
}
.SPPortalZoomBaseMenu.global_handler.opened::after{
  content: "\F146";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}

.SPPortalZoomBaseMenu.global_container {
  color:rgba(0,0,0,.93);
  position: absolute;
  display:none;
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
}
.SPPortalZoomBaseMenu.global_container.tl {
}
.SPPortalZoomBaseMenu.global_container.tr {
}
.SPPortalZoomBaseMenu.global_container.bl {
}
.SPPortalZoomBaseMenu.global_container.br {
}

.SPPortalZoomBaseMenu.global_container.visible {
  display:block;
}

.SPPortalZoomBaseMenu_column {
  display:inline-block;
  padding:0;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.SPPortalZoomBaseMenu_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.SPPortalZoomBaseMenu_content li {
  list-style:none;
  margin:2.5px 0;
  padding:6px;
  border-radius:6px;
  white-space:nowrap;
}
.hoverable .SPPortalZoomBaseMenu_content li:hover {
  background-color: rgba(0,0,0,.05);
}
.SPPortalZoomBaseMenu_content li .item_image {
  padding:0  6px 0 0;
  vertical-align: middle;
}
.SPPortalZoomBaseMenu_content li .item_label {
  vertical-align: middle;
}
.SPPortalZoomBaseMenu_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.SPPortalZoomBaseMenu_content li .handler {
}
.SPPortalZoomBaseMenu_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.SPPortalZoomBaseMenu_content li .handler.opened {
}

.SPPortalZoomBaseMenu_content.horizontal li {
  display:inline-block;
}
.SPPortalZoomBaseMenu_content.horizontal li img{
}
.SPPortalZoomBaseMenu_content.vertical li {
  display:block;
}
.SPPortalZoomBaseMenu a, .hoverable .SPPortalZoomBaseMenu a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:rgba(0,0,0,.93);
}
.SPPortalZoomBaseMenu li.highlight_item, .hoverable .SPPortalZoomBaseMenu li.highlight_item:hover{
  background-color: rgba(0,0,0,.05);
}
.SPPortalZoomBaseMenu li.highlight_item a, .hoverable .SPPortalZoomBaseMenu li.highlight_item a:hover {
  font-weight:600;
  color:#fdc230;
}
.SPPortalZoomBaseMenu_title {
  font-weight:600;
  text-transform: uppercase;
  padding: 5px;
  margin: 2.5px 0;
}
.ctrl_SPPortalZoomBaseMenu_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  gap: 10px;
  background-color:rgba(255, 255, 255, 0.71); backdrop-filter: blur(5px);
  padding: 10px 5px 7.5px 5px;
  border-radius:6px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
}
.SPPortalZoomBaseMenu_content .subitem_content {
  margin:0 0 5px 0;
  padding:2.5px 5px;
  border-width:1px;
  border-color:rgb(29 33 39 / 15%);
  border-style:solid;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.SPPortalZoomBaseMenuVersion { /*!control:HamburgerMenu*/
}
.SPPortalZoomBaseMenuVersion.global_handler::after{
  content: "\F143";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.SPPortalZoomBaseMenuVersion.global_handler{
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.SPPortalZoomBaseMenuVersion.global_handler.right{
  text-align: right;
}
.SPPortalZoomBaseMenuVersion.global_handler.center{
  text-align: center;
}
.SPPortalZoomBaseMenuVersion.global_handler.opened{
}
.SPPortalZoomBaseMenuVersion.global_handler.opened::after{
  content: "\F146";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}

.SPPortalZoomBaseMenuVersion.global_container {
  color:rgba(0,0,0,.93);
  position: absolute;
  display:none;
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
}
.SPPortalZoomBaseMenuVersion.global_container.tl {
}
.SPPortalZoomBaseMenuVersion.global_container.tr {
}
.SPPortalZoomBaseMenuVersion.global_container.bl {
}
.SPPortalZoomBaseMenuVersion.global_container.br {
}

.SPPortalZoomBaseMenuVersion.global_container.visible {
  display:block;
}

.SPPortalZoomBaseMenuVersion_column {
  display:inline-block;
  padding:0;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.SPPortalZoomBaseMenuVersion_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.SPPortalZoomBaseMenuVersion_content li {
  list-style:none;
  margin:2.5px 0;
  padding:6px;
  border-radius:6px;
  white-space:nowrap;
}
.hoverable .SPPortalZoomBaseMenuVersion_content li:hover {
  background-color: rgba(0,0,0,.05);
}
.SPPortalZoomBaseMenuVersion_content li .item_image {
  padding:0  6px 0 0;
  vertical-align: middle;
}
.SPPortalZoomBaseMenuVersion_content li .item_label {
  vertical-align: middle;
}
.SPPortalZoomBaseMenuVersion_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.SPPortalZoomBaseMenuVersion_content li .handler {
}
.SPPortalZoomBaseMenuVersion_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.SPPortalZoomBaseMenuVersion_content li .handler.opened {
}

.SPPortalZoomBaseMenuVersion_content.horizontal li {
  display:inline-block;
}
.SPPortalZoomBaseMenuVersion_content.horizontal li img{
}
.SPPortalZoomBaseMenuVersion_content.vertical li {
  display:block;
}
.SPPortalZoomBaseMenuVersion a, .hoverable .SPPortalZoomBaseMenuVersion a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:rgba(0,0,0,.93);
}
.SPPortalZoomBaseMenuVersion li.highlight_item, .hoverable .SPPortalZoomBaseMenuVersion li.highlight_item:hover{
  background-color: rgba(0,0,0,.05);
}
.SPPortalZoomBaseMenuVersion li.highlight_item a, .hoverable .SPPortalZoomBaseMenuVersion li.highlight_item a:hover {
  font-weight:600;
  color:#fdc230;
}
.SPPortalZoomBaseMenuVersion_title {
  font-weight:600;
  text-transform: uppercase;
  padding: 5px;
  margin: 2.5px 0;
}
.ctrl_SPPortalZoomBaseMenuVersion_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  gap: 10px;
  background-color:rgba(255, 255, 255, 0.71); backdrop-filter: blur(5px);
  margin: 5px 0 0 0;
  padding: 10px 5px 7.5px 5px;
  border-radius:6px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
}
.SPPortalZoomBaseMenuVersion_content .subitem_content {
  margin:0 0 5px 0;
  padding:2.5px 5px;
  border-width:1px;
  border-color:rgb(29 33 39 / 15%);
  border-style:solid;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.custom_toolbar_hamburgermenu { /*!control:HamburgerMenu*/
}
.custom_toolbar_hamburgermenu.global_handler::after{
  content: "\F143";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.custom_toolbar_hamburgermenu.global_handler{
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom_toolbar_hamburgermenu.global_handler.right{
  text-align: right;
}
.custom_toolbar_hamburgermenu.global_handler.center{
  text-align: center;
}
.custom_toolbar_hamburgermenu.global_handler.opened{
}
.custom_toolbar_hamburgermenu.global_handler.opened::after{
  content: "\F146";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}

.custom_toolbar_hamburgermenu.global_container {
  color:rgba(0,0,0,.93);
  position: absolute;
  display:none;
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
}
.custom_toolbar_hamburgermenu.global_container.tl {
}
.custom_toolbar_hamburgermenu.global_container.tr {
}
.custom_toolbar_hamburgermenu.global_container.bl {
}
.custom_toolbar_hamburgermenu.global_container.br {
}

.custom_toolbar_hamburgermenu.global_container.visible {
  display:block;
}

.custom_toolbar_hamburgermenu_column {
  display:inline-block;
  padding:0;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.custom_toolbar_hamburgermenu_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.custom_toolbar_hamburgermenu_content li {
  list-style:none;
  margin:2.5px 0;
  padding:6px;
  border-radius:6px;
  white-space:nowrap;
}
.hoverable .custom_toolbar_hamburgermenu_content li:hover {
  background-color: rgba(0,0,0,.05);
}
.custom_toolbar_hamburgermenu_content li .item_image {
  padding:0  6px 0 0;
  vertical-align: middle;
}
.custom_toolbar_hamburgermenu_content li .item_label {
  vertical-align: middle;
}
.custom_toolbar_hamburgermenu_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.custom_toolbar_hamburgermenu_content li .handler {
}
.custom_toolbar_hamburgermenu_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-weight: bold;
  font-size: 14px;
}
.custom_toolbar_hamburgermenu_content li .handler.opened {
}

.custom_toolbar_hamburgermenu_content.horizontal li {
  display:inline-block;
}
.custom_toolbar_hamburgermenu_content.horizontal li img{
}
.custom_toolbar_hamburgermenu_content.vertical li {
  display:block;
}
.custom_toolbar_hamburgermenu a, .hoverable .custom_toolbar_hamburgermenu a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:rgba(0,0,0,.93);
}
.custom_toolbar_hamburgermenu li.highlight_item, .hoverable .custom_toolbar_hamburgermenu li.highlight_item:hover{
  background-color: rgba(0,0,0,.05);
}
.custom_toolbar_hamburgermenu li.highlight_item a, .hoverable .custom_toolbar_hamburgermenu li.highlight_item a:hover {
  font-weight:600;
  color:#fdc230;
}
.custom_toolbar_hamburgermenu_title {
  font-weight:600;
  text-transform: uppercase;
  padding: 5px;
  margin: 2.5px 0;
}
.ctrl_custom_toolbar_hamburgermenu_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  gap: 10px;
  background-color:rgba(255, 255, 255, 0.71); backdrop-filter: blur(5px);
  padding: 10px 5px 7.5px 5px;
  border-radius:6px;
  box-shadow:0px 5px 15px rgb(0 0 0/25%);
}
.custom_toolbar_hamburgermenu_content .subitem_content {
  margin:0 0 5px 0;
  padding:2.5px 5px;
  border-width:1px;
  border-color:rgb(29 33 39 / 15%);
  border-style:solid;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.skin_list { /*!control:HamburgerMenu*/
}
.skin_list.global_handler::after{
  content: "\E93B";
  color: rgb(14 94 230 / 90%);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 36px;
}
.skin_list.global_handler{
  background-color:transparent;
  display:inline-block;
  width: 100%;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.skin_list.global_handler.right{
  text-align: right;
}
.skin_list.global_handler.center{
  text-align: center;
}
.skin_list.global_handler.opened{
}
.skin_list.global_handler.opened::after{
  color: rgba(255,255,255,.87);
  content: "\E93B";
  color: rgb(14 94 230 / 90%);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 36px;
}

.skin_list.global_container {
  background-color:transparent;
  color:#000;
  position: absolute;
  display:none;
  font-family:"Roboto", sans-serif;
  font-weight:300;
  font-size:10pt;
}
.skin_list.global_container.tl {
}
.skin_list.global_container.tr {
}
.skin_list.global_container.bl {
}
.skin_list.global_container.br {
}

.skin_list.global_container.visible {
  display:block;
}

.skin_list_column {
  display:inline-block;
  margin:10px 15px;
  padding:0;
  vertical-align:top;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}

.skin_list_content ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.skin_list_content li {
  list-style:none;
  margin:0;
  padding:6px 10px;
  border-radius:5px;
  white-space:nowrap;
}
.hoverable .skin_list_content li:hover {
  background-color: rgb(29 33 39/8%);
}
.skin_list_content li .item_image {
  padding:0px 3px 0px 0px;
  vertical-align: middle;
}
.skin_list_content li .item_label {
  vertical-align: middle;
}
.skin_list_content li .handler::after {
  content: "\F143";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 16px;
}
.skin_list_content li .handler {
}
.skin_list_content li .handler.opened::after {
  content: "\F146";
  color: rgba(255,255,255,.87);
  font-family: icons8_win10;
  font-size: 16px;
}
.skin_list_content li .handler.opened {
}

.skin_list_content.horizontal li {
  display:inline-block;
}
.skin_list_content.horizontal li img{
}
.skin_list_content.vertical li {
  display:block;
}
.skin_list a, .hoverable .skin_list a:hover {
  text-decoration: none;
  width:100%;
  display:inline-block;
  color:#000;
}
.skin_list li.highlight_item, .hoverable .skin_list li.highlight_item:hover{
}
.skin_list li.highlight_item a, .hoverable .skin_list li.highlight_item a:hover {
  font-weight:bold;
  color:#000;
}
.skin_list_title {
  font-weight:600;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
}
.ctrl_skin_list_container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow: wrap row;
  flex-flow: wrap row;
  gap: 10px;
  background-color:rgba(255, 255, 255, 0.71); backdrop-filter: blur(5px);
  border-width:2px 0px 0px 0px;
  border-color:#000;
  border-style:solid;
  border-radius:0.5rem;
  box-shadow:0 1px 10px rgb(29 33 39 / 25%);
}
.skin_list_content .subitem_content {
  margin:0px 0px 10px 10px;
  border-radius:6px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

  /*!control:Image*/
.image, a.image {
  color:rgba(0,0,0,0.7);
  border-width: 0px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hoverable .image:hover, .hoverable a.image:hover {
  color: rgba(0,0,0,0.7);
}
  /*!control:Image*/
.TitleIcon, a.TitleIcon {
  color:rgba(0,0,0,.93);
  border-width: 0px;
  border-radius: 4px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.20s ease-in-out;
}
.hoverable .TitleIcon:hover, .hoverable a.TitleIcon:hover {
  color: #000;
  background-color:rgba(255,255,255,.08);
}
  /*!control:Image*/
.image_button, a.image_button {
  color:rgba(0,0,0,0.7);
  border-width: 0px;
  border-radius: 6px;
  padding: 5px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hoverable .image_button:hover, .hoverable a.image_button:hover {
  color: rgba(0,0,0,0.7);
  background-color:rgb(29 33 39/8%);
}
  /*!control:Image*/
.new-postin-icon, a.new-postin-icon {
  color:#1D2127;
  border-width: 0px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hoverable .new-postin-icon:hover, .hoverable a.new-postin-icon:hover {
  color: #fdc230;
  background-color:rgb(29 33 39/8%);
}
  /*!control:Image*/
.refresh-icon, a.refresh-icon {
  color:#1D2127;
  border-width: 0px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hoverable .refresh-icon:hover, .hoverable a.refresh-icon:hover {
  color: rgb(14 94 230 / 90%);
}

.label { /*!control:Label*/
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
  color:rgba(0,0,0,.65);
  text-decoration:none;

}
.label a {
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
  color:rgba(0,0,0,.65);
  text-decoration:none;
}
.hoverable .label:hover{
  text-decoration:none;
}
.hoverable .label a:hover {
  text-decoration:none;
}

.CaptionSubTitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:#757575;
  text-decoration:none;

}
.CaptionSubTitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:#757575;
  text-decoration:none;
}
.hoverable .CaptionSubTitleLabel:hover{
  text-decoration:none;
}
.hoverable .CaptionSubTitleLabel a:hover {
  text-decoration:none;
}

.SubtitleLabel { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:14px;
  color:rgb(29 33 39/50%);
  text-decoration:none;
  padding:0 5px 0 0;
  text-transform:lowercase;

}
.SubtitleLabel a {
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:14px;
  color:rgb(29 33 39/50%);
  text-decoration:none;
  text-transform:lowercase;
}
.hoverable .SubtitleLabel:hover{
  text-decoration:none;
  padding:0 5px 0 0;
}
.hoverable .SubtitleLabel a:hover {
  text-decoration:none;
}

.TitleLabel { /*!control:Label*/
  font-family:"Roboto", sans-serif;
  font-weight:600;
  font-size:15px;
  color:rgba(0,0,0,.87);
  text-decoration:none;

}
.TitleLabel a {
  font-family:"Roboto", sans-serif;
  font-weight:600;
  font-size:15px;
  color:rgba(0,0,0,.87);
  text-decoration:none;
}
.hoverable .TitleLabel:hover{
  text-decoration:none;
}
.hoverable .TitleLabel a:hover {
  text-decoration:none;
}

.label-medium-bold { /*!control:Label*/
  font-family:"Roboto", sans-serif;
  font-weight:600;
  font-size:15px;
  color:#000000;
  text-decoration:none;

}
.label-medium-bold a {
  font-family:"Roboto", sans-serif;
  font-weight:600;
  font-size:15px;
  color:#000000;
  text-decoration:none;
}
.hoverable .label-medium-bold:hover{
  text-decoration:none;
}
.hoverable .label-medium-bold a:hover {
  text-decoration:none;
}

.label-small-bold-uppercase { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:11px;
  color:rgba(0, 0, 0, .7);
  text-decoration:none;
  padding:0px 0px 0px 15px;
  text-align:justify;
  line-height:19px;
  text-transform:uppercase;

}
.label-small-bold-uppercase a {
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:11px;
  color:rgba(0, 0, 0, .7);
  text-decoration:none;
  text-transform:uppercase;
}
.hoverable .label-small-bold-uppercase:hover{
  text-decoration:none;
  padding:0px 0px 0px 15px;
  text-align:justify;
  line-height:19px;
}
.hoverable .label-small-bold-uppercase a:hover {
  text-decoration:none;
}

.label-title-gadget { /*!control:Label*/
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:11px;
  color:rgb(29 33 39/30%);
  text-decoration:none;
  text-align:left;
  line-height:19px;
  text-transform:uppercase;

}
.label-title-gadget a {
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:11px;
  color:rgb(29 33 39/30%);
  text-decoration:none;
  text-transform:uppercase;
}
.hoverable .label-title-gadget:hover{
  text-decoration:none;
  text-align:left;
  line-height:19px;
}
.hoverable .label-title-gadget a:hover {
  text-decoration:none;
}

.label-warn-background { /*!control:Label*/
  background-color:#EB5C26;
  font-family:"Roboto", sans-serif;
  font-weight:300;
  font-style:normal;
  font-size:14px;
  color:white;
  text-decoration:none;
  padding:10px 15px;
  text-align:center;
  text-transform:uppercase;
  border-width: 6px;
  border-radius: 6px;

}
.label-warn-background a {
  font-family:"Roboto", sans-serif;
  font-weight:300;
  font-style:normal;
  font-size:14px;
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  border-width: 6px;
  border-radius: 6px;
}
.hoverable .label-warn-background:hover{
  text-decoration:none;
  padding:10px 15px;
  text-align:center;
}
.hoverable .label-warn-background a:hover {
  text-decoration:none;
}

.postin-label { /*!control:Label*/
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
  color:rgba(0,0,0,.65);
  text-decoration:none;

}
.postin-label a {
  font-family:"Roboto", sans-serif;
  font-weight:400;
  font-size:13px;
  color:rgba(0,0,0,.65);
  text-decoration:none;
}
.hoverable .postin-label:hover{
  text-decoration:none;
}
.hoverable .postin-label a:hover {
  text-decoration:none;
}

/*!control:LiteMenuMobile*/

.litemenumobile{
  margin:0px;
  padding:0px;
  list-style:none;
  font-family:"Roboto", sans-serif;
  background:transparent;
}

.litemenumobile .liteMenuMobileCinema {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color:rgba(255, 255, 255, .15);
  backdrop-filter: blur(5px);
  display: none;
}
.litemenumobile .liteMenuMobileCinema.show {
  display: block;
}

.litemenumobile .liteMenuMobileWrapper{
  position:fixed;
  height:100%;
  overflow:hidden;
  overflow-y:auto;
  cursor:default;
  left:0;
  top:0;
  box-sizing: border-box;
  border-radius:6px;
  background-color:#FFFFFF;
  display: none;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: linear;

}
.litemenumobile .liteMenuMobileWrapper.show {
  display: block;
  opacity: 1;
}
.litemenumobile .liteMenuMobileNavBar{
  width:100%;
  background-color: #FFF;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius:6px;
  position:absolute;
  z-index:6;
  user-select: none;
}
.litemenumobile .liteMenuMobileScroller {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
}
.litemenumobile ul.liteMenuMobileMenu.ul_active .liteMenuMobile-title {
  text-align:center;
  color:#1D2127;
  font-weight:400;
  font-size:13px;
  line-height:30px;
  background-color: #1D2127;
}
.litemenumobile .liteMenuMobile-title.with-back:after{
  height:8px;
  width:8px;
  border-width: 0px 0px 3px 3px;
  border-style:solid;
  position:absolute;
  margin-top:4px;
  left:10px;
  content:'';
  -ms-transform: rotate(45deg) ;
  transform: rotate(45deg) ;
  border-top-right-radius:2px;
  border-color: #1D2127;
}
.litemenumobile .liteMenuMobileMenu{
  list-style:none;
  position:absolute;
  left:0;
  top:0;
  padding:0;
  margin:0;
}
.litemenumobile  .liteMenuMobileMenu li{
  height: auto;
  display: block;
  padding:10px;
  line-height:20px;
  border-radius:0px;
  font-weight:normal;
  font-size:17px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.litemenumobile li.liteMenuMobileItem > .MenuImage {
  width:25px;
  height:25px;
  display:none;
  vertical-align: middle;
}
.litemenumobile li.liteMenuMobileItem > .MenuImage > a {
}
.litemenumobile ul.liteMenuMobileMenu.ViewMenuImage > li.liteMenuMobileItem  > .MenuImage {
  display:inline-block;
}
.litemenumobile  ul.liteMenuMobileMenu.ul_inactive li{
  height: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
}
.litemenumobile  ul.liteMenuMobileMenu.ul_active li{
  height: auto;
  padding:10px;
  line-height:20px;
  border-radius:0px;
  font-weight:normal;
  font-size:17px;
  color:#8E8E8E;
}

.litemenumobile  .liteMenuMobileMenu  li.li_active  {
  background-color:#1678C3;
  transition:background-color 0.1s ease;
  color:#FFFFFF;
}
.litemenumobile  ul.liteMenuMobileMenu.ul_active li.separator{
  background-color:#8E8E8E;
  height:5px;
  box-shadow:none;
  line-height: normal;
  padding: 0px;
}
.litemenumobile .liteMenuMobileMenu.ul_active li:first-child{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.litemenumobile .liteMenuMobileMenu.ul_active li.li_active:first-child{
}
.litemenumobile .liteMenuMobileMenu.ul_active li.li_active:first-child + li{
}
.litemenumobile .liteMenuMobileMenu.ul_active li:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.litemenumobile .liteMenuMobileMenu.ul_active li.li_active:last-child {
}

.litemenumobile .liteMenuMobileMenu li.liteMenuMobileParent:after{
  height:8px;
  width:8px;
  border-width:3px 3px 0px 0px;
  border-style:solid;
  position:absolute;
  margin-top:4px;
  right:10px;
  float:right;
  content:'';
  -ms-transform: rotate(45deg) ;
  transform: rotate(45deg) ;
  border-top-right-radius:2px;
}
.litemenumobile .liteMenuMobileMenu .li_active.liteMenuMobileParent:after{ border-color:#FFFFFF;}
.litemenumobile .liteMenuMobileMenu .li_inactive.liteMenuMobileParent:after{ border-color:#8E8E8E;}

.litemenumobile .litemenuButton{
  margin:0px;
  top:2px;
  right:7px;
  height:40px;
  width:40px;
  background-image: url(url(images/menu/menupin_off.png));
  cursor:pointer;
  position:absolute;
}

.litemenumobile .litemenuButton::before{
  height:40px;
  width:40px;
  line-height:40px;
  text-align: center;
  display: block;
}

.litemenumobile .quick_menu{
  box-sizing: border-box;
  height: 42px;
  position: absolute;
  bottom:0;
  display: table;
  width: 100%;
  z-index: 6;
  border-collapse: collapse;
  background-color:#000000;
}
.litemenumobile .quick_menu_row{
  display: table-row;
}
.litemenumobile li.quick_menu_item{
  display: table-cell;
  border-collapse: collapse;
  border-color:#800;
  border-width:1px;
  border-style:solid;
  border-radius:2px;
  height:100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.litemenumobile li.quick_menu_item>.MenuImage {
}
.litemenumobile li.quick_menu_item.li_active{
  border-color: #800;
  background-position: bottom center;
  background-color:#1678C3;
}
.litemenumobile.quick_menu li.quick_menu_item:first-child {
  border-color: #800;
}
.litemenumobile.quick_menu li.quick_menu_item:last-child {
  border-color: #800;
}
.litemenumobile li.quick_menu_item.li_active:first-child{
  border-color: #800;
  background-color:#1678C3;
}
.litemenumobile li.quick_menu_item.li_active:last-child{
  border-color: #800;
  background-color:#1678C3;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.menuview_flat { /*!control:Menuview*/
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.87);
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  cursor:pointer;
}
.menuview_flat a{
  color:rgba(0,0,0,.87);
  text-decoration:none;
}
.menuview_flat ul {
	margin:0px;
	padding:0px;
  position: relative;
}
.menuview_flat li {
	margin:0px;
	list-style: none;
        cursor:pointer;
	line-height:18px;
	white-space:nowrap;
}
.menuview_flat .menuview_container, .menuview_flat .menuview_root_container{
  width:230px;
  vertical-align:top;
  display: inline-block;
}
.menuview_flat div.menuview_container, .menuview_flat div.menuview_root_container {
  display: -moz-inline-box;    /* FireFox */
  display: inline-table; 	       /* Safari e Opera */
  overflow:hidden;	       /* FireFox 1.5 */
  padding:0;
}
.menuview_flat .menuview_content {
  padding:0;
  margin:0;
}
.menuview_flat h1{
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  padding:3px 0 3px 0;
  margin:0;
}
.menuview_flat .menuview_sub_open ul,
.menuview_flat .menuview_sub_close ul {
}
.menuview_flat .menuview_sub_open{
  padding:3px 0 3px 0;
}
.menuview_flat .menuview_sub_close{
  padding:3px 0 3px 0;
}
.menuview_flat .menuview_sub_open>a::after {
  content: "\F143";
  color: rgba(0,0,0,0.54);
  font-family: icons8_win10;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  right: 0px;
}

.menuview_flat .menuview_sub_close>a::after {
  content: "\F145";
  color: rgba(0,0,0,0.54);
  font-family: icons8_win10;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  right: 0px;
}

.menuview_flat .menuview_root_container .menuview_item{
  padding:3px 0 3px 0;
}

.menuview_flat .menuview_container .menuview_item{
  padding:0 0 0 10px;
}

.menuview_flat .menuview_item a {
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.menuview_horizontal { /*!control:Menuview*/
}

.menuview_horizontal .menuview_border {
}
.menuview_horizontal .menuview_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  cursor:pointer;
}
.menuview_horizontal .menuview_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.menuview_horizontal .menuview_font_over {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3; border-radius: 6px;
  cursor:pointer;
}
.menuview_horizontal .menuview_font_over a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.menuview_horizontal .menuview_img_sx{
}
.menuview_horizontal .menuview_img_sx_over{
}
.menuview_horizontal .menuview_img{
  padding-left:5px;
  padding-right:5px;
}
.menuview_horizontal .menuview_img_over{
  padding-left:5px;
  padding-right:5px;
}
.menuview_horizontal .menuview_img_dx{
}
.menuview_horizontal .menuview_img_dx_over{
}
.menuview_horizontal .menuview_sep{
}
.menuview_horizontal .menuview_icon{
  color:#1D2127;
}
.menuview_horizontal .menuview_icon_over{
  color: #1D2127;
}
.menuview_horizontal .menuview_sub_border{
  background-color:#FFF; padding: 10px;
  border-width:2px 0px 0px 0px;
  border-style: solid;
  border-color: #fdc230;
  width:120px;
  border-radius: 6px;
  box-shadow: 0 1px 10px rgb(29 33 39 / 25%);
}
.menuview_horizontal .menuview_sub_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  border-radius: 6px;
  cursor:pointer;
}
.menuview_horizontal .menuview_sub_font > td{
}
.menuview_horizontal .menuview_sub_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.menuview_horizontal .menuview_sub_font_over {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  border-radius: 6px;
  cursor:pointer;
}
.menuview_horizontal .menuview_sub_font_over > td{
}
.menuview_horizontal .menuview_sub_font_over a{
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.menuview_horizontal .menuview_sub_sep{
  background:url(../jsp/icons/menuviewseparator.png) repeat-x;
  line-height:2px;
}
.menuview_horizontal .menuview_sub_icon{
}
.menuview_horizontal .menuview_sub_arrow{
  width:14px;
}
.menuview_horizontal .menuview_sub_arrow::after{
  content: "\F145";
  font-family: icons8_win10;
}
.menuview_horizontal  .menuview_sub_font_over .menuview_sub_arrow::after{
  content: "\F145";
  font-family: icons8_win10;
}

/*!control:Menuview with UL e LI*/
.menuview_horizontal .dropdown {
	display:none;
	margin:0px;
	padding:0px;
	list-style:none;
}

.menuview_horizontal .dropdown ul{
	margin:0px;
	padding:0px;
	background-color:#FFF; padding: 10px;
  border-width:2px 0px 0px 0px;
  border-style: solid;
  border-color: #fdc230;
	width:120px;
	list-style:none;
}

.menuview_horizontal .dropdown li{
	margin:0px;
	padding:5px;
	width:120px;
	background-color:transparent;
	cursor:pointer;
}

.menuview_horizontal .dropdown a{
	text-decoration:none;
	font-family:'Roboto', sans-serif;
	color:#1D2127;
	font-size:13px;
	font-weight:400;
	background-color:transparent;
	width:100%;
}

.hoverable .menuview_horizontal .dropdown a:hover{
	font-family:'Roboto', sans-serif;
	color:#1D2127;
	font-size:13px;
	font-weight:400;
	background-color:#F3F3F3; border-radius: 6px;
}

.menuview_horizontal .dropdown ul li{
	border-top:0px;
	margin-left:-1px;
}

.menuview_horizontal .dropdown li.submenu-down{
	background:transparent center left no-repeat;
	padding-left:20px;
	width:105px;
}

.menuview_horizontal .dropdown li.submenu-left{
	padding-right:20px;
	width:105px;
}
.menuview_horizontal2 { /*!control:Menuview*/
}

.menuview_horizontal2 .menuview_prin {
  background-color:#FFF;
  padding:10px 10px 5px 10px;
}
.menuview_horizontal2 .menuview_prin_font{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  padding:0px 10px;
  border-radius:6px;
  font-weight:400;
  background-color:transparent;
  cursor:pointer;
  text-align:center;
  white-space:nowrap
}
.menuview_horizontal2 .menuview_prin_font_over{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  padding:0px 10px;
  border-radius:6px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
  text-align:center;
  white-space:nowrap
}
.menuview_horizontal2 .menuview_prin_img_sx{
  width:10px;
}
.menuview_horizontal2 .menuview_prin_img_sx_over{
  width:10px;
}
.menuview_horizontal2 .menuview_prin_img_dx{
  width:10px;
}
.menuview_horizontal2 .menuview_prin_img_dx_over{
  width:10px;
}
.menuview_horizontal2 .menuview_prin_sep{
}
.menuview_horizontal2 .menuview_sec{
  padding:5px 10px 10px 10px;
  background-color:#FFF;
  height:40px;
  display: flex;
}
.menuview_horizontal2 .menuview_font td{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  padding:0px 10px;
  border-radius:6px;
  font-weight:400;
  cursor:pointer;
  white-space:nowrap;
  text-align:center;
}
.menuview_horizontal2 .menuview_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
  white-space:nowrap;
  text-align:center;
}
.menuview_horizontal2 .menuview_font_over td{
  font-family:'Roboto', sans-serif;
  font-size:13px;
  padding:0px 10px;
  border-radius:6px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
  white-space:nowrap;
  text-align:center;
}
.menuview_horizontal2 .menuview_font_over a{
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
  white-space:nowrap;
  text-align:center;
}
.menuview_horizontal2 .menuview_img_sx{
  width:10px;
}
.menuview_horizontal2 .menuview_img_sx_over{
  width:10px;
}
.menuview_horizontal2 .menuview_img{
}
.menuview_horizontal2 .menuview_img_over{
}
.menuview_horizontal2 .menuview_img_dx{
  width:10px;
}
.menuview_horizontal2 .menuview_img_dx_over{
  width:10px;
}
.menuview_horizontal2 .menuview_sep{
}
.menuview_horizontal2 .menuview_icon{
  color: #1D2127;
}
.menuview_horizontal2 .menuview_icon_over{
}
.menuview_horizontal2 .menuview_sub_border{
  background-color:#FFF;
  background-repeat:repeat-x;
  border-width:2px 0 0 0;
  border-style:solid;
  border-color:#fdc230;
  border-radius:6px;
  box-shadow:0 1px 10px rgb(29 33 39 / 25%);
  padding:10px;
  margin:5px  0 0 0;
  width:120px;
}
.menuview_horizontal2 .menuview_sub_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.menuview_horizontal2 .menuview_sub_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  cursor:pointer;
}
.menuview_horizontal2 .menuview_sub_font_over {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_horizontal2 .menuview_sub_font_over a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_horizontal2 .menuview_sub_sep{
  background:url(../jsp/icons/menuviewseparator.png) repeat-x;
  line-height:2px;
}
.menuview_horizontal2 .menuview_sub_icon{
}
.menuview_horizontal2 .menuview_sub_arrow{
  background:url(../jsp/icons/menuviewarrow.png) no-repeat;
  width:14px;
}
.menuview_horizontalTab { /*!control:Menuview*/
}

.menuview_horizontalTab .menuview_border {
  background-color:#FFFFFF;
}

.menuview_horizontalTab .menuview_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.menuview_horizontalTab .menuview_font td{
  cursor:pointer;
  padding:5px 9px;
  border-width: 1px;
  border-style: solid;
  border-color:  #DDDDDD;
  border-radius:6px;
}

.menuview_horizontalTab .menuview_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:700;
}

.menuview_horizontalTab .menuview_font_selected {
  font-family:'Roboto', sans-serif;
  color:#FFFFFF;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.menuview_horizontalTab .menuview_font_selected td{
  padding:5px 9px;
  border-width: 1px;
  border-style: solid;
  border-color:  #DDDDDD;
  border-radius:6px;

  border-color: #fdc230;

  background-color:#fdc230;
  cursor:pointer;
}

.hoverable .menuview_horizontalTab .menuview_font td:hover{
  border-color: #fdc230;
}

.menuview_horizontalTab .menuview_font_selected a{
  font-family:'Roboto', sans-serif;
  color:#FFFFFF;
  font-size:13px;
  font-weight:700;
}

.menuview_horizontalTab .menuview_img_sx{
}
.menuview_horizontalTab .menuview_img_sx_selected{
}
.menuview_horizontalTab .menuview_img{
  padding-left:5px;
  padding-right:5px;
}
.menuview_horizontalTab .menuview_img_selected{
  padding-left:5px;
  padding-right:5px;
}
.menuview_horizontalTab .menuview_img_dx{
}
.menuview_horizontalTab .menuview_img_dx_selected{
}
.menuview_horizontalTab .menuview_sep{
}
.menuview_horizontalTab .menuview_icon{
  color: #1D2127;
}
.menuview_horizontalTab .menuview_icon_selected{
}
.menuview_horizontalTab .menuview_sub_border{
  background-color:rgba(255, 255, 255);
  border-width:2px  0 0 0;
  border-style:solid;
  border-color:#fdc230;
  border-radius:6px;
  box-shadow:0 1px 10px rgb(29 33 39 / 25%);
  padding:10px;
  margin:5px  0 0 0 ;
  width:200px;
}
.menuview_horizontalTab .menuview_sub_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  cursor:pointer;
}
.menuview_horizontalTab .menuview_sub_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  cursor:pointer;
}
.menuview_horizontalTab .menuview_sub_font_over {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  background-color:#F3F3F3; border-radius: 6px;
  cursor:pointer;
}
.menuview_horizontalTab .menuview_sub_font_over a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  background-color:#F3F3F3; border-radius: 6px;
  cursor:pointer;
}
.menuview_horizontalTab .menuview_sub_sep{
  background:url(../jsp/icons/menuviewseparator.png) repeat-x;
  line-height:2px;
}
.menuview_horizontalTab .menuview_sub_icon{
}
.menuview_horizontalTab .menuview_sub_arrow{
  background:url(../jsp/icons/menuviewarrow.gif) no-repeat;
  width:14px;
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.menuview_modern { /*!control:Menuview*/}

.menuview_modern ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  background-color:transparent;
  gap: 4px;
  box-sizing: border-box;
}
.menuview_modern li {
  padding: 0px;
  display: block;
  position: relative;
}
.menuview_modern li.parent > ul {
  background-color:#FFFFFF;
  border-radius:6px;
  padding: 10px;
  box-shadow: 0 1px 10px rgb(29 33 39 / 25%);
  display: none;
}
.menuview_modern a{
  display: flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-repeat:no-repeat;
  background-position:0% 50%;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:#1D2127;
  border-radius:6px;
  padding: 6px 10px;
}
.hoverable .menuview_modern li.parent:hover a{
  background-repeat:no-repeat;
  color:rgba(0,0,0,.93);
  border-radius:6px;
  padding: 6px 10px;
}

.menuview_modern a.withIcon {
  padding: 8px 30px 8px 35px;
}
.hoverable .menuview_modern li.parent:hover > a,
.menuview_modern li.selected > a,
.hoverable .menuview_modern li.parent:hover a:hover {
  background-color:rgb(29 33 39/8%);
  color:#1D2127;
}
.menuview_modern li.parent > a::after {
  margin-left: auto;
  padding-left: 10px;
  content: "\F145";
  font-family: icons8_win10;
  font-size: 14px;
  width: 18px;
}
/* *** Columnar view *** */
.menuview_modern li.col ul,
.menuview_modern li.col li.parent > ul,
.hoverable .menuview_modern li.col:hover > ul li.col > ul ,
.hoverable .menuview_modern li.col:hover > ul li.col:hover > ul {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.hoverable .menuview_modern li.col:hover > ul {
  display: -ms-flexbox;
  display: flex;
  display: table\9;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: absolute;
  background-color:#FFFFFF;
  border-width:5px 0px 0px;
  border-style:solid;
  border-color:transparent;
  padding: 0px;
  margin: 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.hoverable .menuview_modern li.col:hover > ul ul{
  padding: 2px 10px 5px 10px;
}
.menuview_modern li.col li.parent > a::after {
  display: none;
}
.hoverable .menuview_modern li.col:hover ul li {
  display: block;
}
.hoverable .menuview_modern li.col:hover ul > li {
  -ms-flex:1 0 auto;
  flex:1 0 auto;
}
.menuview_modern li.col ul > li > a {
  display: block;
}
.hoverable .menuview_modern li.col:hover ul.columnar > li.parent > a {
  background-color:transparent;
  font-weight:600;
  font-size:14px;
  color:#1D2127;
  border-radius:6px;
  padding: 12px 5px 5px 20px;
}
.hoverable .menuview_modern li.col:hover ul.columnar > li.parent > a:hover {
  background-color:rgb(29 33 39/8%);
  color:#1D2127;
}
.hoverable .menuview_modern li.col:hover ul.columnar > li.parent li.parent > a::after {
  position: absolute;
  right: 0;
  display: inline-block;
  content: "\F145";
  color: #1D2127;
  font-family: icons8_win10;
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.hoverable .menuview_modern li.col:hover ul.columnar > li.parent li.parent.opened > a::after {
  content: "\F146";
  color: #1D2127;
}

.hoverable .menuview_modern li.col:hover > ul li.col:hover > ul > li.menuview_columnar_col {
  display: block;
}
.hoverable .menuview_modern li.col:hover > ul.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hoverable .menuview_modern li.col:hover li a{
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  background-color:transparent;
  color:#1D2127;
  border-radius:6px;
}
.hoverable .menuview_modern li.col li a:hover {
  background-color:rgb(29 33 39/8%);
  color:#1D2127;
}


/**** Ext ****/
.hoverable .menuview_modern li.external.parent.col:hover ul {
  display: block;
  right: 0;
}
.menuview_modern li.external.parent > a,
.hoverable .menuview_modern li.parent:hover li.external.parent > a,
.hoverable .menuview_modern li.col:hover ul.columnar > li.parent.external > a {
  background-color:transparent;
  color:#1D2127;
  border-width:0px;
  border-radius:6px;
}
.hoverable .menuview_modern li.external.parent:hover > a:hover,
.hoverable .menuview_modern li.parent:hover li.external.parent > a:hover,
.hoverable .menuview_modern li.col:hover ul.columnar > li.parent > a:hover {
  background-color:rgb(29 33 39/8%);
  color:#1D2127;
}

/**** horizontal ****/
.menuview_modern .horizontal {
  display: -ms-flexbox;
  display: flex;
}
.hoverable .menuview_modern .horizontal li.parent:hover > ul,
.hoverable .menuview_modern .horizontal li.col:hover > ul ul {
  display: inline-block;
  vertical-align: top;
}
.hoverable .menuview_modern .horizontal li.col:hover > ul ul {
  width: 100%;
}
.menuview_modern ul.liv_0.horizontal > li.parent > a::after {
  display: none;
}
.menuview_modern ul.liv_0.horizontal > li > a,
.hoverable .menuview_modern ul.liv_0.horizontal > li > a:hover {
}
.menuview_modern ul.liv_0.horizontal > li > a.withIcon,
.hoverable .menuview_modern ul.liv_0.horizontal > li > a.withIcon:hover {
}
.hoverable .menuview_modern .horizontal li.parent:hover > ul.liv_1 {
  position: absolute;
  display: block;
}
.menuview_modern .horizontal ul.liv_1 ul {
  top: 0;
  position: absolute;
  left: 100%;
}
.menuview_modern .horizontal li.col li.menuview_columnar_col,
.hoverable .menuview_modern .horizontal li.col:hover > ul > li.menuview_columnar_col {
  display: table-cell;
  vertical-align: top;
}
.hoverable .menuview_modern .horizontal li.col:hover > ul.wrap > li.menuview_columnar_col {
  display: inline-block;
}

.menuview_modern .horizontal li.col li.menuview_columnar_col ul {
  position: relative;
  left: auto;
  bottom: auto;
}
.menuview_modern .horizontal .liv_1 li a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}
.menuview_modern .horizontal li.col li a {
  display: block;
  width: auto;
}
.hoverable .menuview_modern .horizontal li:hover ul.liv_1 li > ul > li {
  position: relative;
}
.hoverable .menuview_modern .horizontal ul.liv_1 li:hover > ul > li > ul {
  bottom: auto;
  top: 0px;
}
.hoverable .menuview_modern .horizontal li.col:hover > ul {
  display: inline-block;
}
.hoverable .menuview_modern .horizontal li.col:hover > ul.liv_1 {
  display: block;
}
/**** horizontal fullScreen ****/

.hoverable .menuview_modern .horizontal li.col.fullScreen:hover > ul.liv_1 {
  left: 0px;
  width: 100%;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.hoverable .menuview_modern .horizontal li.col.fullScreen:hover > ul.liv_1 > li.menuview_columnar_col {
  -ms-flex: 0;
  flex: 0;
}
.hoverable .menuview_modern .horizontal li.col.fullScreen:hover > ul.liv_1.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/**** vertical ****/
.menuview_modern ul.vertical {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.menuview_modern .vertical li.parent {
  position: relative;
}
.menuview_modern .vertical li.parent > ul {
  position: absolute;
  display: none;
  left: 100%;
  top: 0px;
}
.menuview_modern .vertical li.col li.parent ul {
  position: relative;
  display: block;
  margin-top: 0;
  left: auto;
}
.hoverable .menuview_modern .vertical li.parent:hover > ul {
  display: block;
}
.hoverable .menuview_modern .vertical li.col:hover > ul {
  display: -ms-flexbox;
  display: flex;
}
.hoverable .menuview_modern .vertical li.col:hover > ul.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menuview_slide { /*!control:Menuview*/
}

.menuview_slide .menuview_border {
  background-color:#FFF;
  padding: 10px;
  border-radius: 6px;
}
.menuview_slide .menuview_font div{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  border-radius: 6px;
  padding: 6px 10px;
  cursor:pointer;
}
.menuview_slide .menuview_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  cursor:pointer;
}
.menuview_slide .menuview_font_over div{
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  padding: 6px 10px;
  background-color:#F3F3F3;
  border-radius: 6px;
  cursor:pointer;
}
.menuview_slide .menuview_font_over a{
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_slide .menuview_img_sx{
  width:10px;
}
.menuview_slide .menuview_img_sx_over{
  width:10px;
}
.menuview_slide .menuview_img{
}
.menuview_slide .menuview_img_over{
}
.menuview_slide .menuview_img_dx{
  width:10px;
}
.menuview_slide .menuview_img_dx_over{
  width:10px;
}
.menuview_slide .menuview_sep{
  background:url(../jsp/icons/menuviewseparator.png) no-repeat center;
}
.menuview_slide .menuview_icon{
  color: #1D2127;
}
.menuview_slide .menuview_icon_over{
}
.menuview_slide .menuview_sub_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  padding: 3px 0 3px 30px;
  margin: 0 30px 0 0;
  border-radius: 6px;
  cursor:pointer;
  height:20px;
}
.menuview_slide .menuview_sub_font_over {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  padding: 3px 0 3px 30px;
  margin: 0 30px 0 0;
  border-radius: 6px;
  cursor:pointer;
  height:20px;
}
.menuview_slide .menuview_sub_sep{
  background:url(../jsp/icons/menuviewseparator.png) repeat-x;
  line-height:2px;
}
.menuview_slide .menuview_sub_icon{
  background:url(../jsp/icons/menuviewarrow.png) no-repeat;
  width:14px;

}
.menuview_tile { /*!control:Menuview*/}
.menuview_tile ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  background-color:#FFFFFF;
  border-radius:6px;
  padding: 10px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.menuview_tile ul > li{
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:6px;
  background-color:#FFF;
  display: inline-block;
  padding: 16px 8px;
  box-shadow: 0 1px 10px rgb(29 33 39 / 25%);
  text-align: center;
  flex: 0 0 15%;
  box-sizing: border-box;
  cursor: pointer;
}
.menuview_tile a{
  text-decoration: none;
  white-space: nowrap;
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:13px;
  color:#1D2127;
}
.menuview_tile a.iconFont {
}

.menuview_tile li.selected ,
.hoverable .menuview_tile li:hover {
  background-image: #fdc230;
}

.hoverable .menuview_tile li:hover > a{
  color:#FFF;
}

.menuview_tile li.selected > a,
.hoverable .menuview_tile a:hover {
  color:#FFF;
}
.menuview_tile li.selected > a.iconFont,
.hoverable .menuview_tile a.iconFont:hover {
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.menuview_vertical { /*!control:Menuview*/
}

.menuview_vertical .menuview_border {
  background-color:#FFF;
  border-radius:6px;
  padding: 10px;
}
.menuview_vertical .menuview_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  cursor:pointer;
}
.menuview_vertical .menuview_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:transparent;
  cursor:pointer;
}
.menuview_vertical .menuview_font_over, .menuview_vertical .menuview_img_over{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_vertical .menuview_font_over a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_vertical .menuview_img_sx{
}
.menuview_vertical .menuview_img_sx_over{
}
.menuview_vertical .menuview_img{
}
.menuview_vertical .menuview_img_over{
}
.menuview_vertical .menuview_img_dx{
}
.menuview_vertical .menuview_img_dx_over{
}
.menuview_vertical .menuview_icon{
  color: #1D2127;
}
.menuview_vertical .menuview_icon_over{
  color: #1D2127;
}
.menuview_vertical .menuview_arrow::after{
  content: "\F145";
  color: #1D2127;
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 14px;
}
.menuview_vertical .menuview_sub_border{
  background-color:#FFF;
  border-width:2px 0 0 0; 
  border-style: solid;
  border-color: #fdc230;
  border-radius:6px;
  padding: 10px;
  width:120px;
  box-shadow:0 1px 10px rgb(29 33 39 / 25%);
}

.menuview_vertical .menuview_font table{
  margin-left: auto;
  padding: 0 5px 0 0;
}

.menuview_vertical .menuview_sub_font {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  border-radius: 6px;
  cursor:pointer;
}
.menuview_vertical .menuview_sub_font a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  border-radius: 6px;
  cursor:pointer;
}
.menuview_vertical .menuview_sub_font_over {
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  border-radius: 6px;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_vertical .menuview_sub_font_over a{
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
  font-weight:400;
  border-radius: 6px;
  background-color:#F3F3F3;
  cursor:pointer;
}
.menuview_vertical .menuview_sub_sep{
  background:url(../jsp/icons/menuviewseparator.png) repeat-x;
  line-height:2px;
}
.menuview_vertical .menuview_sub_icon{
}
.menuview_vertical .menuview_sub_arrow::after{
}
@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.portlet-header-default { /*!control:Portlet*/
  background-color:white;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #DEDEDE;
  box-sizing:border-box;
}

.portlet-header-default_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.portlet-header-default_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:rgb(52, 127, 196);
  box-sizing:border-box;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:18px;
  color:#1D2127;
  height:30px;
}
.portlet-header-default_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:10px;
}
.portlet-header-default_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.portlet-header-default_layer_btnclose:after {
    content: "\F048";
    color: #FFF;
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.portlet-white-default { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-radius: 0.5rem;
  box-sizing:border-box;
}

.portlet-white-default_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.portlet-white-default_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:rgb(52, 127, 196);
  box-sizing:border-box;
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:16px;
  color:#FFFFFF;
  height:30px;
}
.portlet-white-default_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:10px;
}
.portlet-white-default_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.portlet-white-default_layer_btnclose:after {
    content: "\F048";
    color: #FFF;
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.portlet-white-noradius { /*!control:Portlet*/
  background-color:#FFFFFF;
  box-sizing:border-box;
}

.portlet-white-noradius_layer { /*!control:Portlet*/
  background-color:#FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-color: #666;
  box-sizing:border-box;
  z-index:100;
  flex-direction: column;
  position:fixed;
}

.portlet-white-noradius_layer_title { /*!control:Portlet*/
  display:flex;
  cursor:move;
  background-color:rgb(52, 127, 196);
  box-sizing:border-box;
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:16px;
  color:#FFFFFF;
  height:30px;
}
.portlet-white-noradius_layer_texttitle {
  flex:1 1 100%;
  align-self:center;
  padding:10px;
}
.portlet-white-noradius_layer_btnclose {
    flex:1 0 auto;
    cursor: pointer;
    align-self: center;
    text-align: center;
    background-color:#666;
    width:40px;
    height:30px;
}
.portlet-white-noradius_layer_btnclose:after {
    content: "\F048";
    color: #FFF;
    font-family: icons8_win10;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}


.radio { /*!control:Radio*/
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:13px;
  color:#1D2127;
}
.repeater { /*!control:Repeater */

  background-color:transparent;
}
.repeater  .repeater_ele{
}
.repeater  .navbar_next{
  cursor:pointer;

}
.repeater  .navbar_prev{
  cursor:pointer;

}
.repeater .repeat_navbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding:10px 20px;
  background-color:#FFFFFF;
  font-family:'Roboto', sans-serif;
  color:#1D2127;
  font-size:13px;
}

.repeater .navbar_pages {
  padding:0 5px;
	border-width:1px;
  border-style:solid;
  border-color: #fdc230; border-radius: 25px;
}

.hoverable .repeater .navbar_pages:hover a, .repeater .navbar_pages.active a {
  color:#FFF;
}

.hoverable .repeater .navbar_pages:hover, .repeater .navbar_pages.active{
  background: #fdc230;
}

.repeater .navbar_pages a{
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  text-decoration:none;
}

.repeater .navbar_nextprev {
	border-width:1px;
  border-style:solid;
  border-color: #fdc230; border-radius: 25px;
  padding: 6px 10px;
}

.repeater .navbar_nextprev a{
  text-decoration:none;
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
}

.hoverable .repeater .navbar_nextprev:hover {
	background: #fdc230;
}

.hoverable .repeater .navbar_nextprev:hover a{
	color:#FFF;
}


.slidetoolbar{ /*!control:SlideToolbar*/

}

.slidetoolbar .iconFont {
  text-align: center;
}

.slidetoolbar .slidetoolbar_caption {
  background-color: transparent;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  padding: 6px 10px;
  margin: 0px;
}

.slidetoolbar .slidetoolbar_separator {
  background-color: transparent;
  width: 5px;
}

.slidetoolbar .slide_wrapper{
  background-color: #FFF;
  box-shadow: 0 1px 10px rgb(29 33 39 / 25%);
  border-radius: 6px;
  border-style: solid;
  border-color: #fdc230;
  border-width: 2px 0 0 0 ;
  position: absolute;
}
.slidetoolbar .slide_wrapper .iconFont{
}
.slidetoolbar .slide_anchor.open{
  background-color: transparent;
}
.slidetoolbar .slide_anchor.open.iconFont{
}


.smartphonemenu{/*!control:SmartphoneMenu*/
}

.smartphonemenu .smartphoneMenuCinema {
  top: 0;
  left:0;
  width:100%;
  height:100%;
  position: fixed;
  background-color: rgba(0,0,0,0.5);

}
.smartphonemenu .smartphoneMenuWrapper {
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #CDCDCD;
  position: absolute;
  box-sizing: border-box;
}

.smartphonemenu .smartphone_menu_button {
  vertical-align: middle;
  text-align: center;
  color: #FFFFFF;
}

.smartphonemenu .Menu{
  background-color: #F3F3F3;
  position: absolute;
  list-style: none;
  padding: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  list-style-type: none;

  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -overflow-scrolling: touch;
  z-index: 1;
}
.smartphonemenu .Menu.firstMenu {
  margin-top: 40px;
}

.smartphonemenu .subMenuActive {
  color: #000;
  display: block;
}

.smartphonemenu .subMenuInActive{
  display: none;
}

.smartphonemenu .MenuTitle {
  font-family: Arial;
  font-size: 18px;
  text-align: center;
  color: #FFF;
  background-color: #000;
  background-image: url(images/back.png) ;
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  padding: 0;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 0;
  width: 100%;
}

.smartphonemenu .MenuImage {
  width:20px;
  height:20px;
  display:none;
}
.smartphonemenu ul.Menu.ViewMenuImage > .ItemMenu > .MenuImage {
  display:inline-block;
}

.smartphonemenu .MenuTitle_back:after{
  height: 10px;
  width: 10px;
  border-width: 0px 0px 2px 2px;
  border-style: solid;
  border-top-right-radius: 2px;
  border-color: #FFF;
  position: absolute;
  margin-top: 4px;
  top: 10px;
  left: 10px;
  float: left;
  content: '';
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.smartphonemenu .ItemMenu{
  font-family: Arial;
  font-size: 17px;
  color: #000;
  display: block;
  padding: 10px;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smartphonemenu .ItemMenuS:after{
  height:10px;
  width:10px;
  border-width:2px 2px 0px 0px;
  border-style:solid;
  border-top-right-radius:2px;
  border-color: #000;
  margin-top:4px;
  right:10px;
  position:absolute;
  float:right;
  content:'';
  -ms-transform: rotate(45deg) ;
  transform: rotate(45deg) ;
}
.smartphonemenu .separator{
  background-color: #333333;
  height: 2px;
  padding: 0px;
}
.smartphonemenu .subMenuPressed{
  font-family: Arial;
  font-size: 17px;
  border-width: 0;
  border-style: solid;
  border-radius:0;
  color: #000000;
  background-color: #DADADA;
  display: block;
}
.smartphonemenu .quick_menu{
  box-sizing: border-box;
  height: 42px;
  position: absolute;
  bottom:0;
  display: table;
  width: 100%;
  z-index: 6;
  border-collapse: collapse;
  background-color:#DADADA;
}
.smartphonemenu .quick_menu_row{
  display: table-row;
}
.smartphonemenu li.quick_menu_item{
  display: table-cell;
  border-collapse: collapse;
  border-color:#800;
  border-width:1px;
  border-style:solid;
  border-radius:2px;
  height:100%;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
.smartphonemenu li.quick_menu_item.subMenuPressed{
  border-color: #800;
  background-position: bottom center;
  background-color:#DADADA;
}
.smartphonemenu.quick_menu li.quick_menu_item:first-child {
  border-color: #800;
}
.smartphonemenu.quick_menu li.quick_menu_item:last-child {
  border-color: #800;
}
.smartphonemenu li.quick_menu_item.subMenuPressed:first-child{
  border-color: #800;
  background-color:#DADADA;
}
.smartphonemenu li.quick_menu_item.subMenuPressed:last-child{
  border-color: #800;
  background-color:#DADADA;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.sptoolbar { /*!control:SPToolbar*/
}
.sptoolbar_3dots_handler,
.sptoolbar_hamburger_handler{
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height:100%;
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
  background-position:center;
  background-repeat:no-repeat;
  padding:0px 6px;
  background-color:#FFFFFF;
  color:#fdc230;
}
.hoverable a.sptoolbar_3dots_handler:hover,
.hoverable a.sptoolbar_hamburger_handler:hover{
  background-image:none;
  background:#fdc230;
  color:#FFFFFF;
}
.sptoolbar_3dots_handler{
}
.sptoolbar_hamburger_handler{
}
.SPFAB {
  position: fixed;
  z-index: 1;
}
.SPFAB.with_tabs {
}
.sptoolbar_3dots_handler::after{
  content: "\ED73";
  font-family: icons8_win10;
  font-size: 18px;
}
.sptoolbar_hamburger_handler::after{
  content: "\ED44";
  font-family: icons8_win10;
  font-size: 18px;
}
.sptoolbar_3dots_handler.opened::after,
.sptoolbar_hamburger_handler.opened::after{
  color: #FFFFFF;
}
.sptoolbar_3dots_handler.opened,
.sptoolbar_hamburger_handler.opened {
  background-color: #fdc230;
}
.ctrl_sptoolbar_container{
  background-color: transparent;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.sptoolbar_menu_container{
  background-color: #FFFFFF;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgb(0 0 0/25%);
  position:absolute;
  right:0;
  padding: 10px;
  margin: 0px 10px 0px 0px;
}

.sptoolbar_openMenuHandlerDiv{
  display:none;
  float:right;
  height:100%;
  margin:4px 10px 4px 0px;
}

.sptoolbar_listButtons{
  float:right;
  height:100%;
  overflow:hidden;
}

.sptoolbar_item{
  display:table;
  float:left;
  height:100%;
  text-decoration:none;
  box-sizing: border-box;
  background-color:#FFFFFF;
  border-color:#fdc230;
  border-width:1px;
  border-style:solid;
  border-radius:25px;
  cursor: pointer;
}

.hoverable .sptoolbar_item:hover,
.sptoolbar_item:focus{
  background-image:none;
  background:#fdc230;
}

.sptoolbar_item_icon{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:100%;
  background-repeat:no-repeat;
  color: #fdc230;
  background-position:center;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.sptoolbar_menu_item{
  display:table;
  padding:6px 10px;
  border-radius:6px;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  width:100%;
  box-sizing: border-box;
}

a.sptoolbar_menu_item:link, a.sptoolbar_menu_item:visited, a.sptoolbar_menu_item:active{
  text-decoration:none;
  color:rgba(0,0,0,.93);
  background-color:transparent;
}

.hoverable .sptoolbar_menu_item:hover,
.sptoolbar_menu_item:focus{
  background-color:rgb(29 33 39/8%);
}

.sptoolbar_menu_item_icon{
  display:table-cell;
  padding:0px 6px 0px 0px;
  vertical-align:middle;
  text-align:center;
  background-repeat:no-repeat;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.sptoolbar_menu_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.sptoolbar_menu_separator{
  display:block;
  width:100%;
}

.sptoolbar_menu_separator::after{
}

.sptoolbar_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:#fdc230;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.sptoolbar_item .sptoolbar_item_icon{
}

.sptoolbar_item .sptoolbar_item_title{
}

.hoverable .sptoolbar_item:hover .sptoolbar_item_icon,
.sptoolbar_item:focus .sptoolbar_item_icon{
  color:#FFFFFF;
}

.hoverable .sptoolbar_item:hover .sptoolbar_item_title,
.sptoolbar_item:focus .sptoolbar_item_title{
  color:#FFFFFF;
}

.sptoolbar_icon_item{
  margin:4px 10px 4px 0px;
  padding:0px;
}

.sptoolbar_iconLabel_item{
  margin:4px 10px 4px 0px;
  padding:1px 4px 1px 12px;
}

.sptoolbar_label_item{
  margin:4px 10px 4px 0px;
  padding:0px 6px 0px 0px;
}

.sptoolbar_item_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
}

.sptoolbar_menu_withsubmenu .sptoolbar_item_menu_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
  border-color:transparent;
}

.sptoolbar_item_menu_separator_active::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px 0 0;
  padding:5px 0;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.custom_toolbar { /*!control:SPToolbar*/
}
.custom_toolbar_3dots_handler,
.custom_toolbar_hamburger_handler{
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height:100%;
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
  background-position:center;
  background-repeat:no-repeat;
  padding:0px 6px;
  background-color:#FFFFFF;
  color:#fdc230;
}
.hoverable a.custom_toolbar_3dots_handler:hover,
.hoverable a.custom_toolbar_hamburger_handler:hover{
  background-image:none;
  background:#fdc230;
  color:#FFFFFF;
}
.custom_toolbar_3dots_handler{
}
.custom_toolbar_hamburger_handler{
}
.SPFAB {
  position: fixed;
  z-index: 1;
}
.SPFAB.with_tabs {
}
.custom_toolbar_3dots_handler::after{
  content: "\ED73";
  font-family: icons8_win10;
  font-size: 18px;
}
.custom_toolbar_hamburger_handler::after{
  content: "\ED44";
  font-family: icons8_win10;
  font-size: 18px;
}
.custom_toolbar_3dots_handler.opened::after,
.custom_toolbar_hamburger_handler.opened::after{
  color: #FFFFFF;
}
.custom_toolbar_3dots_handler.opened,
.custom_toolbar_hamburger_handler.opened {
  background-color: #fdc230;
}
.ctrl_custom_toolbar_container{
  background-color: transparent;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.custom_toolbar_menu_container{
  background-color: #FFFFFF;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgb(0 0 0/25%);
  position:absolute;
  right:0;
  padding: 10px;
  margin: 0px 10px 0px 0px;
}

.custom_toolbar_openMenuHandlerDiv{
  display:none;
  float:right;
  height:100%;
  margin:4px 10px 4px 0px;
}

.custom_toolbar_listButtons{
  float:right;
  height:100%;
  overflow:hidden;
}

.custom_toolbar_item{
  display:table;
  float:left;
  height:100%;
  text-decoration:none;
  box-sizing: border-box;
  background-color:#FFFFFF;
  border-color:#000;
  border-width:1px;
  border-style:solid;
  border-radius:25px;
  cursor: pointer;
}

.hoverable .custom_toolbar_item:hover,
.custom_toolbar_item:focus{
  background-image:none;
  background:#fdc230;
  border-color:#fdc230;
}

.custom_toolbar_item_icon{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:100%;
  background-repeat:no-repeat;
  color: #000;
  background-position:center;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.custom_toolbar_menu_item{
  display:table;
  padding:6px 10px;
  border-radius:6px;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  width:100%;
  box-sizing: border-box;
}

a.custom_toolbar_menu_item:link, a.custom_toolbar_menu_item:visited, a.custom_toolbar_menu_item:active{
  text-decoration:none;
  color:rgba(0,0,0,.93);
  background-color:transparent;
}

.hoverable .custom_toolbar_menu_item:hover,
.custom_toolbar_menu_item:focus{
  background-color:rgb(29 33 39/8%);
}

.custom_toolbar_menu_item_icon{
  display:table-cell;
  padding:0px 6px 0px 0px;
  vertical-align:middle;
  text-align:center;
  background-repeat:no-repeat;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.custom_toolbar_menu_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.custom_toolbar_menu_separator{
  display:block;
  width:100%;
}

.custom_toolbar_menu_separator::after{
}

.custom_toolbar_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:#000;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.custom_toolbar_item .custom_toolbar_item_icon{
}

.custom_toolbar_item .custom_toolbar_item_title{
}

.hoverable .custom_toolbar_item:hover .custom_toolbar_item_icon,
.custom_toolbar_item:focus .custom_toolbar_item_icon{
  color:#FFFFFF;
}

.hoverable .custom_toolbar_item:hover .custom_toolbar_item_title,
.custom_toolbar_item:focus .custom_toolbar_item_title{
  color:#FFFFFF;
}

.custom_toolbar_icon_item{
  margin:4px 10px 4px 0px;
  padding:0px;
}

.custom_toolbar_iconLabel_item{
  margin:4px 10px 4px 0px;
  padding:1px 4px 1px 12px;
}

.custom_toolbar_label_item{
  margin:4px 10px 4px 0px;
  padding:0px 6px 0px 0px;
}

.custom_toolbar_item_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
}

.custom_toolbar_menu_withsubmenu .custom_toolbar_item_menu_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
  border-color:transparent;
}

.custom_toolbar_item_menu_separator_active::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px 0 0;
  padding:5px 0;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.form_title_toolbar { /*!control:SPToolbar*/
}
.form_title_toolbar_3dots_handler,
.form_title_toolbar_hamburger_handler{
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height:100%;
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:#000;
  border-radius:25px;
  background-position:center;
  background-repeat:no-repeat;
  padding:0px 6px;
  background-color:#FFFFFF;
  color:#000;
}
.hoverable a.form_title_toolbar_3dots_handler:hover,
.hoverable a.form_title_toolbar_hamburger_handler:hover{
  background-image:none;
  background:#fdc230;
  color:#000;
}
.form_title_toolbar_3dots_handler{
}
.form_title_toolbar_hamburger_handler{
}
.SPFAB {
  position: fixed;
  z-index: 1;
}
.SPFAB.with_tabs {
}
.form_title_toolbar_3dots_handler::after{
  content: "\ED73";
  font-family: icons8_win10;
  font-size: 18px;
}
.form_title_toolbar_hamburger_handler::after{
  content: "\ED44";
  font-family: icons8_win10;
  font-size: 18px;
}
.form_title_toolbar_3dots_handler.opened::after,
.form_title_toolbar_hamburger_handler.opened::after{
  color: #FFFFFF;
}
.form_title_toolbar_3dots_handler.opened,
.form_title_toolbar_hamburger_handler.opened {
  background-color: #fdc230;
}
.ctrl_form_title_toolbar_container{
  background-color: transparent;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.form_title_toolbar_menu_container{
  background-color: #FFFFFF;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgb(0 0 0/25%);
  position:absolute;
  right:0;
  padding: 10px;
  margin: 0px 10px 0px 0px;
}

.form_title_toolbar_openMenuHandlerDiv{
  display:none;
  float:right;
  height:100%;
  margin:4px 10px 4px 0px;
}

.form_title_toolbar_listButtons{
  float:right;
  height:100%;
  overflow:hidden;
}

.form_title_toolbar_item{
  display:table;
  float:left;
  height:100%;
  text-decoration:none;
  box-sizing: border-box;
  background-color:#FFFFFF;
  border-color:#000;
  border-width:1px;
  border-style:solid;
  border-radius:25px !important;
  cursor: pointer;
  color: #000;
}

.hoverable .form_title_toolbar_item:hover,
.form_title_toolbar_item:focus{
  background-image:none;
  background:#fdc230;
  border-color:#fdc230;
  color: #000 !important;
}

.form_title_toolbar_item_icon{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:100%;
  background-repeat:no-repeat;
  color: #000;
  background-position:center;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.form_title_toolbar_menu_item{
  display:table;
  padding:6px 10px;
  border-radius:6px;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  width:100%;
  box-sizing: border-box;
}

a.form_title_toolbar_menu_item:link, a.form_title_toolbar_menu_item:visited, a.form_title_toolbar_menu_item:active{
  text-decoration:none;
  color:rgba(0,0,0,.93);
  background-color:transparent;
}

.hoverable .form_title_toolbar_menu_item:hover,
.form_title_toolbar_menu_item:focus{
  background-color:rgb(29 33 39/8%);
}

.form_title_toolbar_menu_item_icon{
  display:table-cell;
  padding:0px 6px 0px 0px;
  vertical-align:middle;
  text-align:center;
  background-repeat:no-repeat;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.form_title_toolbar_menu_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.form_title_toolbar_menu_separator{
  display:block;
  width:100%;
}

.form_title_toolbar_menu_separator::after{
}

.form_title_toolbar_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:#000;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}



.hoverable .form_title_toolbar_item:hover .form_title_toolbar_item_icon,
.form_title_toolbar_item:focus .form_title_toolbar_item_icon{
  color:#000;
}

.hoverable .form_title_toolbar_item:hover .form_title_toolbar_item_title,
.form_title_toolbar_item:focus .form_title_toolbar_item_title{
  color:#000;
}

.form_title_toolbar_icon_item{
  margin:4px 10px 4px 0px;
  padding:0px;
}

.form_title_toolbar_iconLabel_item{
  margin:4px 10px 4px 0px;
  padding:1px 4px 1px 12px;
}

.form_title_toolbar_label_item{
  margin:4px 10px 4px 0px;
  padding:0px 6px 0px 0px;
}

.form_title_toolbar_item_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
}

.form_title_toolbar_menu_withsubmenu .form_title_toolbar_item_menu_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
  border-color:transparent;
}

.form_title_toolbar_item_menu_separator_active::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px 0 0;
  padding:5px 0;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.spportalzoombase_toolbar { /*!control:SPToolbar*/
}
.spportalzoombase_toolbar_3dots_handler,
.spportalzoombase_toolbar_hamburger_handler{
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height:100%;
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
  background-position:center;
  background-repeat:no-repeat;
  padding: 0px 6px;
  background-color:#FFFFFF;
  color:#fdc230;
}
.hoverable a.spportalzoombase_toolbar_3dots_handler:hover,
.hoverable a.spportalzoombase_toolbar_hamburger_handler:hover{
  background-image:none;
  background:#fdc230;
  color:#FFFFFF;
}
.spportalzoombase_toolbar_3dots_handler{
}
.spportalzoombase_toolbar_hamburger_handler{
}
.SPFAB {
  position: fixed;
  z-index: 1;
}
.SPFAB.with_tabs {
}
.spportalzoombase_toolbar_3dots_handler::after{
  content: "\ED73";
  font-family: icons8_win10;
  font-size: 18px;
}
.spportalzoombase_toolbar_hamburger_handler::after{
  content: "\ED44";
  font-family: icons8_win10;
  font-size: 18px;
}
.spportalzoombase_toolbar_3dots_handler.opened::after,
.spportalzoombase_toolbar_hamburger_handler.opened::after{
  color: #FFFFFF;
}
.spportalzoombase_toolbar_3dots_handler.opened,
.spportalzoombase_toolbar_hamburger_handler.opened {
  background-color: #fdc230;
}
.ctrl_spportalzoombase_toolbar_container{
  background-color: transparent;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.spportalzoombase_toolbar_menu_container{
  background-color: #FFFFFF;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgb(0 0 0/25%);
  position:absolute;
  right:0;
  padding: 10px;
  margin: 0px 10px 0px 0px;
}

.spportalzoombase_toolbar_openMenuHandlerDiv{
  display:none;
  float:right;
  height:100%;
  margin:4px 10px 4px 0px;
}

.spportalzoombase_toolbar_listButtons{
  float:right;
  height:100%;
  overflow:hidden;
}

.spportalzoombase_toolbar_item{
  display:table;
  float:left;
  height:100%;
  text-decoration:none;
  box-sizing: border-box;
  background-color:#FFFFFF;
  border-color:#fdc230;
  border-width:1px;
  border-style:solid;
  border-radius:25px;
  cursor: pointer;
}

.hoverable .spportalzoombase_toolbar_item:hover,
.spportalzoombase_toolbar_item:focus{
  background-image:none;
  background:#fdc230;
}

.spportalzoombase_toolbar_item_icon{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:100%;
  background-repeat:no-repeat;
  color: #fdc230;
  background-position:center;
  font-size: 18pt;
  font-family: icons8_win10;
  font-weight: normal;
}

.spportalzoombase_toolbar_menu_item{
  display:table;
  padding:6px 10px;
  border-radius:6px;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  width:100%;
  box-sizing: border-box;
}

a.spportalzoombase_toolbar_menu_item:link, a.spportalzoombase_toolbar_menu_item:visited, a.spportalzoombase_toolbar_menu_item:active{
  text-decoration:none;
  color:rgba(0,0,0,.93);
  background-color:transparent;
}

.hoverable .spportalzoombase_toolbar_menu_item:hover,
.spportalzoombase_toolbar_menu_item:focus{
  background-color:rgba( 0,0,0,.05);
}

.spportalzoombase_toolbar_menu_item_icon{
  display:table-cell;
  padding:0px 6px 0px 0px;
  vertical-align:middle;
  text-align:center;
  background-repeat:no-repeat;
  font-size: 18pt;
  font-family: icons8_win10;
  font-weight: normal;
}

.spportalzoombase_toolbar_menu_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.spportalzoombase_toolbar_menu_separator{
  display:block;
  width:100%;
}

.spportalzoombase_toolbar_menu_separator::after{
}

.spportalzoombase_toolbar_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:#fdc230;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.spportalzoombase_toolbar_item .spportalzoombase_toolbar_item_icon{
}

.spportalzoombase_toolbar_item .spportalzoombase_toolbar_item_title{
}

.hoverable .spportalzoombase_toolbar_item:hover .spportalzoombase_toolbar_item_icon,
.spportalzoombase_toolbar_item:focus .spportalzoombase_toolbar_item_icon{
  color:#FFFFFF;
}

.hoverable .spportalzoombase_toolbar_item:hover .spportalzoombase_toolbar_item_title,
.spportalzoombase_toolbar_item:focus .spportalzoombase_toolbar_item_title{
  color:#FFFFFF;
}

.spportalzoombase_toolbar_icon_item{
  margin:4px 10px 4px 0px;
  padding:0px;
}

.spportalzoombase_toolbar_iconLabel_item{
  margin:4px 10px 4px 0px;
  padding:1px 4px 1px 12px;
}

.spportalzoombase_toolbar_label_item{
  margin:4px 10px 4px 0px;
  padding:0px 6px 0px 0px;
}

.spportalzoombase_toolbar_item_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
}

.spportalzoombase_toolbar_menu_withsubmenu .spportalzoombase_toolbar_item_menu_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
  border-color:transparent;
}

.spportalzoombase_toolbar_item_menu_separator_active::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px 0 0;
  padding:5px 0;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.zoom_title_toolbar { /*!control:SPToolbar*/
}
.zoom_title_toolbar_3dots_handler,
.zoom_title_toolbar_hamburger_handler{
  display:table-cell;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height:100%;
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:#fdc230;
  border-radius:25px;
  background-position:center;
  background-repeat:no-repeat;
  padding: 0px 6px;
  background-color:#FFFFFF;
  color:#fdc230;
}
.hoverable a.zoom_title_toolbar_3dots_handler:hover,
.hoverable a.zoom_title_toolbar_hamburger_handler:hover{
  background-image:none;
  background:#fdc230;
  color:#FFFFFF;
}
.zoom_title_toolbar_3dots_handler{
}
.zoom_title_toolbar_hamburger_handler{
}
.SPFAB {
  position: fixed;
  z-index: 1;
}
.SPFAB.with_tabs {
}
.zoom_title_toolbar_3dots_handler::after{
  content: "\ED73";
  font-family: icons8_win10;
  font-size: 18px;
  color: #000;
}
.zoom_title_toolbar_hamburger_handler::after{
  content: "\ED44";
  font-family: icons8_win10;
  font-size: 18px;
  color: #000;
}
.zoom_title_toolbar_3dots_handler.opened::after,
.zoom_title_toolbar_hamburger_handler.opened::after{
  color: #000;
}
.zoom_title_toolbar_3dots_handler.opened,
.zoom_title_toolbar_hamburger_handler.opened {
  background-color: #fdc230;
}
.ctrl_zoom_title_toolbar_container{
  background-color: transparent;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.zoom_title_toolbar_menu_container{
  background-color: #FFFFFF;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 0px 0px 10px rgb(0 0 0/25%);
  position:absolute;
  right:0;
  padding: 10px;
  margin: 0px 10px 0px 0px;
}

.zoom_title_toolbar_openMenuHandlerDiv{
  display:none;
  float:right;
  height:100%;
  margin:4px 10px 4px 0px;
}

.zoom_title_toolbar_listButtons{
  float:right;
  height:100%;
  overflow:hidden;
}

.zoom_title_toolbar_item{
  display:table;
  float:left;
  height:100%;
  text-decoration:none;
  box-sizing: border-box;
  background-color:#FFFFFF;
  border-color:#fdc230;
  border-width:1px;
  border-style:solid;
  border-radius:25px;
  cursor: pointer;
}

.hoverable .zoom_title_toolbar_item:hover,
.zoom_title_toolbar_item:focus{
  background-image:none;
  background:#fdc230;
}

.zoom_title_toolbar_item_icon{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:100%;
  background-repeat:no-repeat;
  color: #fdc230;
  background-position:center;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.zoom_title_toolbar_menu_item{
  display:table;
  padding:6px 10px;
  border-radius:6px;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  width:100%;
  box-sizing: border-box;
}

a.zoom_title_toolbar_menu_item:link, a.zoom_title_toolbar_menu_item:visited, a.zoom_title_toolbar_menu_item:active{
  text-decoration:none;
  color:rgba(0,0,0,.93);
  background-color:transparent;
}

.hoverable .zoom_title_toolbar_menu_item:hover,
.zoom_title_toolbar_menu_item:focus{
  background-color:rgb(29 33 39/8%);
}

.zoom_title_toolbar_menu_item_icon{
  display:table-cell;
  padding:0px 6px 0px 0px;
  vertical-align:middle;
  text-align:center;
  background-repeat:no-repeat;
  font-size: 18px;
  font-family: icons8_win10;
  font-weight: normal;
}

.zoom_title_toolbar_menu_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:rgba(0,0,0,.93);
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}

.zoom_title_toolbar_menu_separator{
  display:block;
  width:100%;
}

.zoom_title_toolbar_menu_separator::after{
}

.zoom_title_toolbar_item_title{
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:#fdc230;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.zoom_title_toolbar_item .zoom_title_toolbar_item_icon{
}

.zoom_title_toolbar_item .zoom_title_toolbar_item_title{
}

.hoverable .zoom_title_toolbar_item:hover .zoom_title_toolbar_item_icon,
.zoom_title_toolbar_item:focus .zoom_title_toolbar_item_icon{
  color:#FFFFFF;
}

.hoverable .zoom_title_toolbar_item:hover .zoom_title_toolbar_item_title,
.zoom_title_toolbar_item:focus .zoom_title_toolbar_item_title{
  color:#FFFFFF;
}

.zoom_title_toolbar_icon_item{
  margin:4px 10px 4px 0px;
  padding:0px;
}

.zoom_title_toolbar_iconLabel_item{
  margin:4px 10px 4px 0px;
  padding:1px 4px 1px 12px;
}

.zoom_title_toolbar_label_item{
  margin:4px 10px 4px 0px;
  padding:0px 6px 0px 0px;
}

.zoom_title_toolbar_item_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
}

.zoom_title_toolbar_menu_withsubmenu .zoom_title_toolbar_item_menu_separator::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px;
  border-color:transparent;
}

.zoom_title_toolbar_item_menu_separator_active::before{
  content:'';
  border-right:1px solid #ddd;
  margin:0 10px 0 0;
  padding:5px 0;
}


dialog.sqldataprovider{ /*!control:sqldataprovider*/

}
dialog.sqldataprovider {
  position: absolute;
  left: 0; right: 0;
  margin: auto;
  display: block;

  width: 300px;
  height: 215px;

  background: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #1D2127;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  border-radius: 6px;
  padding: 1em;
  box-shadow: 0 1px 10px rgb(29 33 39 / 25%);
  text-align: center;
}
  
dialog.sqldataprovider,
dialog.sqldataprovider[open]::backdrop {
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear .5s,opacity .5s linear;
}

dialog.sqldataprovider[open].in,
dialog.sqldataprovider[open].in::backdrop {   
  transition-delay:0s;
}

dialog.sqldataprovider[open].in,
dialog.sqldataprovider[open].in::backdrop {
  opacity: 1;
  visibility: visible;
}
dialog.sqldataprovider .loading,
dialog.sqldataprovider waiting_msg,
dialog.sqldataprovider reject_button  {
  position: relative;
}
dialog.sqldataprovider .loading {
  height: 140px;
}
.sqldataprovider .loading::after {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #fdc230;
  width: 80px;
  height: 80px;
  animation: spin 1500ms linear infinite, 0ms delayview;
  display: block;
  animation-fill-mode: forwards;
  opacity: 0;
  position: absolute;
  top: calc( 50% - 52px);
  left: calc( 50% - 52px);
}
.sqldataprovider .loading::before {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #fdc230;
  width: 40px;
  height: 40px;
  animation: spin2 800ms linear infinite, 0ms delayview;
  display: block;
  animation-fill-mode: forwards;
  opacity: 0;
  position: absolute;
  left: calc( 50% - 32px);
  top: calc( 50% - 32px);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin2 {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@keyframes delayview {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}
.stdtreeview { /*!control:StdTreeView*/
  background-color:transparent;
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stdtreeview .stdtreeview_Node {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:400;
  padding: 5px;
}

.stdtreeview .stdtreeview_LinkedNode {
  color:#fdc230;
  font-size:13px;
  text-decoration:none;
  padding: 5px;
}

.stdtreeview .stdtreeview_Root {
  font-family:'Roboto', sans-serif;
  color:rgba(0,0,0,.93);
  font-size:13px;
  font-weight:500;
  vertical-align: top;
  padding: 10px 5px;
}

.stdtreeview .stdtreeview_selectedNode {
  font-family:'Roboto', sans-serif;
  color:#fdc230;
  font-size:13px;
  font-weight:600;
  padding: 5px;
}

.stdtreeview .stdtreeview_selectedRoot {
  font-family:'Roboto', sans-serif;
  font-size:13px;
  font-weight:500;
  padding: 10px 5px;
}

.stdtreeview .stdtreeview_icon {
  height:25px;
  width:22px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.stdtreeview .stdtreeview_icon.folder::after{
  content: "\EE6C";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
  color: #333333;
}
.stdtreeview .stdtreeview_icon.folder.open::after{
  content: "\EB73";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
  color: #333333;
}
.stdtreeview .stdtreeview_icon.single::after{
  content: "\EE39";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
  color: #333333;
}
.stdtreeview .stdtreeview_icon.root::after{
  content: "\EB73";
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 22px;
  color: #333333;
}

.stdtreeview .stdtreeview_query {
  width:19px;
  height:100%;
  background:url(../visualweb/images/treeview_empty.gif) no-repeat center center;
  cursor:pointer;
}

.stdtreeview .stdtreeview_querybottom {
  width:19px;
  height:100%;
  background:url(../visualweb/images/treeview_empty.gif) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_minus {
  width:19px;
  height:100%;
  background:url(../Fusion2/images/stdrecordview_minus.png) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_minusbottom {
  width:19px;
  height:100%;
  background:url(../Fusion2/images/stdrecordview_minus.png) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_plus {
  width:19px;
  height:100%;
  background:url(../Fusion2/images/stdrecordview_plus.png) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_plusbottom {
  width:19px;
  height:100%;
  background:url(../Fusion2/images/stdrecordview_plus.png) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_join {
  width:19px;
  height:100%;
  background:url(../visualweb/images/treeview_empty.gif) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_joinbottom {
  width:19px;
  height:100%;
  background:url(../visualweb/images/treeview_empty.gif) no-repeat center center;
  cursor:pointer;
}
.stdtreeview .stdtreeview_line {
  width:19px;
  height:100%;
  background:url(../visualweb/images/treeview_empty.gif) repeat-y;
  cursor:pointer;
}

.stdtreeview .stdtreeview_empty {
  width:19px;
  height:100%;
  background:url(../visualweb/images/treeview_empty.gif) no-repeat center center;
  cursor:pointer;
}

.stdtreeview::-webkit-scrollbar {
width: 5px;
height: 5px;
}
/* Track */
.stdtreeview::-webkit-scrollbar-track {
  border-radius: 10px;
}
.hoverable .stdtreeview::-webkit-scrollbar-track:hover {
  background: rgba(255,255,255,0.2);
}
/* Handle */
.stdtreeview::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}
.hoverable .stdtreeview::-webkit-scrollbar-thumb:hover {
   background: rgba(142,142,142,0.7);
}
.stdtreeview::-webkit-scrollbar-thumb:active {
   background: rgb(142,142,142);
}

.tabs { /*!control:Tabs*/
  background-color:#ECECEC;
  font-family:'Roboto', sans-serif;
  font-size:13px;
  background-repeat:no-repeat;
  background-position:right;
  transition: background-color 0.20s ease-in-out;
}
.tabs a{
  color:rgba(0,0,0,.93);
}
.tabs_selected {  /*!control:Tabs*/
  background-color:#fdc230;
  font-family:'Roboto', sans-serif;
  font-size:13px;
  background-repeat:no-repeat;
  background-position:right;
}
.tabs_selected a{
  color:#FFFFFF;
}
.hoverable .tabs:hover{
  background-repeat:no-repeat;
  background-position:right;
}
.hoverable .tabs:hover{
}
.textbox { /*!control:Textbox*/
  background:rgba(255,255,255,0.75);
  font-family:"Roboto", sans-serif;
  font-size:13px;
  color:#1D2127;
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
  border-radius:2px;
  padding: 0px 2px;
}
.mobile  .textbox {
  background-clip: padding-box;
}

.floating-placeholder input.textbox {
  /*font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;*/
}

.floating-placeholder input.textbox ~ label {
  color: #999999;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 3px;
  transition: .2s ease all;
}

.floating-placeholder input.textbox:focus ~ label,
.floating-placeholder input.textbox:not([placeholder=' ']) ~ label,
.floating-placeholder input.textbox:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
  color: #fdc230;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}


.textbox::-webkit-input-placeholder {
  font-family:"Roboto", sans-serif;
}

.textbox:-moz-placeholder {
  font-family:"Roboto", sans-serif;
}

.textbox::-moz-placeholder {
  font-family:"Roboto", sans-serif;
}

.textbox:-ms-input-placeholder {
  font-family:"Roboto", sans-serif;
}
.hoverable .textbox:hover {
  font-family:"Roboto", sans-serif;
  border-color:#FFC309;

}
.textbox:focus {
  outline: none;
  font-family:"Roboto", sans-serif;
  border-color:#FFC309;
}

.input_class { /*!control:Textbox*/
  background:transparent;
  font-family:'Roboto', sans-serif;
  font-size:14px;
  color:rgba(0,0,0,.93);
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:rgba(0,0,0, 0.16);
  padding: 0px 2px;
}
.mobile  .input_class {
  background-clip: padding-box;
}

.floating-placeholder input.input_class {
  /*font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;*/
}

.floating-placeholder input.input_class ~ label {
  color: #999999;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 3px;
  transition: .2s ease all;
}

.floating-placeholder input.input_class:focus ~ label,
.floating-placeholder input.input_class:not([placeholder=' ']) ~ label,
.floating-placeholder input.input_class:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
  color: #02A8F3;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}


.input_class::-webkit-input-placeholder {
}

.input_class:-moz-placeholder {
}

.input_class::-moz-placeholder {
}

.input_class:-ms-input-placeholder {
}
.hoverable .input_class:hover {
  border-color:#02A8F3;
}
.input_class:focus {
  outline: none;
  border-color:#02A8F3;
}

.textbox-round-border { /*!control:Textbox*/
  background:#fff;
  font-family:'Roboto', sans-serif;
  font-weight:400;
  font-size:14px;
  color:#212121;
  border-width:1px;
  border-style:solid;
  border-color:rgba(0,0,0, 0.12);
  border-radius:6px;
  padding: 0px 12px 0px 12px;
}
.mobile  .textbox-round-border {
  background-clip: padding-box;
}

.floating-placeholder input.textbox-round-border {
  /*font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;*/
}

.floating-placeholder input.textbox-round-border ~ label {
  color: #999999;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  position: absolute;
  pointer-events: none;
  left: 3px;
  top: 3px;
  transition: .2s ease all;
}

.floating-placeholder input.textbox-round-border:focus ~ label,
.floating-placeholder input.textbox-round-border:not([placeholder=' ']) ~ label,
.floating-placeholder input.textbox-round-border:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 0;
  color: rgba(93, 143, 194, 1);
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}


.textbox-round-border::-webkit-input-placeholder {
}

.textbox-round-border:-moz-placeholder {
}

.textbox-round-border::-moz-placeholder {
}

.textbox-round-border:-ms-input-placeholder {
}
.hoverable .textbox-round-border:hover {
  font-family:"Roboto", sans-serif;
}
.textbox-round-border:focus {
  outline: none;
  font-size:13px;
  border-color:rgba(0,0,0, 0.12) rgba(0,0,0, 0.12) rgba(93, 143, 194, 1) rgba(0,0,0, 0.12);
  box-shadow: 0 1px 0 0 rgba(93, 143, 194, .87);
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

.smartEditor.version{
  background-color:#F3F3F3;
}

@font-face {
font-display: block;
font-family: 'icons8_win10';
src: url('../fonts/icons8_win10.woff2') format('woff2'),
url('../fonts/icons8_win10.woff') format('woff'),
url('../fonts/icons8_win10.ttf') format('ttf')}

