@import url("../fonts/OpenSans.css");
@import url("../fonts/Roboto.css");
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
/*RESET*/
input[type="radio"] {
  -webkit-appearance: radio !important;
  box-sizing: border-box !important;
	line-height: 19px;
	vertical-align: middle;
	margin-top: 1px;
	margin-left: 11px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

/*SCROLLBAR*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(142,142,142,0.4);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
 
@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')}

input, textarea, select { color:#787878; }
/* Fix bug iOS 8 rendering page with overflow scroll */
body.mobile {
  transform: translate3d(0, 0, 0);
}
.disable-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sp_body_bo {
  box-sizing: border-box;
}

.FormDefault {
  color:#787878;
  background-color: #FFFFFF;
  position: relative;
}

.childForm .FormDefault {
  background-color: transparent;
}

.FormDefault .subTitleContainer {
  width:100%;
  box-sizing:border-box;
  margin: -32px 0 0 0;
  padding: 0 0 0 24px;

  color:#757575;
  font-family:"Open Sans";
  font-weight:300;
  font-size:13px;
}
/* Hide empty subtitle zone */
.FormDefault .subTitleContainer:empty {
  display:none;
}

.FormDefault .PageContainer {
  margin: 0 !important;
  background-color: transparent;
  box-shadow: none;
}

.childForm .FormDefault .PageContainer {
  margin: 0;
  box-shadow: none;
  border-width:0px;
}

.FormDefault a:link { color:#347FC4;}
.FormDefault a:visited { color:#347FC4;}
.hoverable .FormDefault a:hover { color:#347FC4;}
.ZoomButtonEnabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  cursor:pointer;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.ZoomButtonEnabled.Active, .hoverable .ZoomButtonEnabled:hover {
  opacity:1;
}
.ZoomButtonEnabled::after{
  content: "\E9FB";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}
.mobile .ZoomButtonEnabled {
}
.ZoomButtonDisabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.ZoomButtonDisabled.Active, .hoverable .ZoomButtonDisabled:hover {
  opacity:1;
}

.ZoomButtonDisabled::after{
  content: "\E9E9";
  color: rgba(0,0,0,.67);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}
.mobile .ZoomButtonDisabled {
}
.GridZoomButtonEnabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border:0;
  padding:0;
  z-index:1;
  cursor:pointer;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.GridZoomButtonEnabled.Active, .hoverable .GridZoomButtonEnabled:hover {
  opacity:1;
}

.GridZoomButtonEnabled::after{
  content: "\E9FB";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
}
.mobile .GridZoomButtonEnabled {
}
.GridZoomButtonDisabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.GridZoomButtonDisabled.Active, .hoverable .GridZoomButtonDisabled:hover {
  opacity:1;
}
.GridZoomButtonDisabled::after{
  content: "\E9E9";
  color: rgba(0,0,0,.5);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
}
.mobile .GridZoomButtonDisabled {
}
.CalendarButtonEnabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  cursor:pointer;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.CalendarButtonEnabled::after{
  content: "\F20F";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
}
.CalendarButtonEnabled.Active, .hoverable .CalendarButtonEnabled:hover {
  opacity:1;
}
.mobile .CalendarButtonEnabled {
}
.CalendarButtonDisabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.CalendarButtonDisabled.Active, .hoverable .CalendarButtonDisabled:hover {
  opacity:1;
}
.CalendarButtonDisabled::after {
  content: "\F211";
  color: rgba(0,0,0,.5);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 19px;
  vertical-align: middle;
  text-align: center;
}
.mobile .CalendarButtonDisabled {
}
.MultiLanguageButtonEnabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  cursor:pointer;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.MultiLanguageButtonEnabled.Active, .hoverable .MultiLanguageButtonEnabled:hover {
  opacity:1;
}
.MultiLanguageButtonEnabled::after{
  content: "\EE3E";
  color: #656363;
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
}
.mobile .MultiLanguageButtonEnabled {
}
.MultiLanguageButtonDisabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.MultiLanguageButtonEnabled.Active, .hoverable .MultiLanguageButtonEnabled:hover {
  opacity:1;
}
.MultiLanguageButtonDisabled::after{
  content: "\F0D5";
  color: #656363;
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
}

.MenuButtonEnabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  cursor:pointer;
  opacity:0.2;
  transition: opacity 0.20s linear;
  outline:0;
}
.MenuButtonEnabled.Active, .hoverable .MenuButtonEnabled:hover {
  opacity:1;
}
.MenuButtonEnabled::after{
  content: "\ED45";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}

.MenuButtonDisabled {
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin:0;
  border-width:0;
  padding:0;
  z-index:1;
  opacity:0.2;
  transition: opacity 0.20s linear;
}
.MenuButtonDisabled.Active, .hoverable .MenuButtonDisabled:hover {
  opacity:1;
}

.MenuButtonDisabled::after{
  content: "\ED45";
  color: rgba(0,0,0, 0.3);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}

.mobile .MultiLanguageButtonDisabled {
}
.mobile .CalculatorButtonEnabled {
  margin:0;
  border:0;
  padding:0;
  z-index:1;
}
.mobile .CalculatorButtonDisabled {
  margin:0;
  border:0;
  padding:0;
  z-index:1;
}
.mobile #GridTable .Field{
  padding: 0;
}


.BoxBody {
}


.CollapsibleBody {
}


.Historical {
}


.LayerBody {
}


.LayerContainer {
  background-color: #FFF;
  border-width: 1px;
  border-color: #DDDDDD;
  border-style: solid;
}


.SP_Historical_outer {
}


.SectionBody {
  color:#212121;
  font-weight:300;
  font-family: Proxima Nova;
  font-family: Proxima Nova;
  font-style: normal;
  font-size: 11pt;
}


.TabStripBoxBody {
  background-color: #FAFAFA;
}


.boxMain {
  background-color: #FAFAFA;
  border-width: 1px;
  border-color: #DDDDDD;
  border-style: solid;
}


.column_alternative {
  background-color: #a0cbdc;filter: alpha(opacity=10); -moz-opacity: .10;		opacity:.10;
  background-repeat: no-repeat;
  background-position: right;
  border-width: 0px 1px 0px 1px !important;
  border-color: #000000;
  border-style: solid;
}


.Combobox{
  color:#212121;
  font-family:"Roboto";
  font-weight:600;
  font-size:13px;
  background-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
  border-radius:2;
}
.Combobox option{
}
.mobile.ios .Combobox{
}


.Combobox.Active {
  background-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  border-color:#347fc4;
}
.mobile.ios  .Combobox.Active{
}


.ComboboxHeader{
  color:#347FC4;
  font-family:Open Sans;
  font-weight:600;
  font-style:normal;
  font-size:13px;
  background-color:#FFFFFF;
  border-radius:2;
}
.ComboboxHeader option{
}
.mobile.ios .ComboboxHeader{
}


.ComboboxNone{
  color:#347FC4;
  font-family:"Open Sans";
  font-weight:400;
  font-size:13px;
  background-color:transparent;
  border-width:0px;
}
.ComboboxNone option{
}
.mobile.ios .ComboboxNone{
}


.Combobox.Disabled {
  background-color:transparent;
  border-width:0px;
  border-style:solid;
  border-color:transparent;
}
.mobile.ios  .Combobox.Disabled{
}


.Combobox.Error {
  background-color:#FFFFFF;
  border-style:solid;
}
.mobile.ios  .Combobox.Error{
}


.Combobox.Obligatory {
  background-color:#FFFFFF;
}
.mobile.ios  .Combobox.Obligatory{
}


.Field {
  color: #212121;
  font-family: "Roboto";
  font-weight: 600;
  font-size: 13px;
  padding: 0px 4px;
  background-color:#FFFFFF;
  border-width:1px; border-color:#DDDDDD; border-style:solid;
  border-radius:2px;
  outline: none;
}
.Field:-moz-placeholder {
  text-overflow: ellipsis;
  font-size:60%;
}
.Field::-webkit-input-placeholder {
  text-overflow: ellipsis;
  font-size:60%;
}
.mobile  .Field {
  white-space: nowrap;
  background-clip: padding-box;
}
.mobile  .Field[type=date] {
}
.mobile.ios  .Field[type=date] {
}


.Field.Active {
  border-width:1px !important; border-color:#347FC4 !important; border-style:solid !important;
}
.Field.Active:-moz-placeholder {
  text-overflow: ellipsis;
}
.Field.Active::-webkit-input-placeholder {
  text-overflow: ellipsis;
}
.mobile  .Field.Active[type=date] {
}
.mobile.ios  .Field.Active[type=date] {
}

.Field.Disabled {
  background-color:transparent !important;
  border-width:0 0 1px 0 !important; border-color:#DDDDDD !important; border-style:solid !important;
}
.Field.Disabled:-moz-placeholder {
  text-overflow: ellipsis;
}
.Field.Disabled::-webkit-input-placeholder {
  text-overflow: ellipsis;
}
.Field[disabled] {
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:right !important;
  border-width:0px !important;
  border-color:#DDDDDD !important; border-style:solid !important;
}
.Field[disabled]:-moz-placeholder {
  text-overflow: ellipsis;
}
.Field[disabled]::-webkit-input-placeholder {
  text-overflow: ellipsis;
}
.mobile  .Field.Disabled[type=date] {
}
.mobile.ios  .Field.Disabled[type=date] {
}
.mobile  .Field[disabled][type=date] {
}
.mobile.ios  .Field[disabled][type=date] {
}


.Field.Error {
  border-width:1px !important; border-color:#FF7D7D !important; border-style:solid !important;
}
.Field.Error:-moz-placeholder {
  text-overflow: ellipsis;
}
.Field.Error::-webkit-input-placeholder {
  text-overflow: ellipsis;
}
.mobile  .Field.Error[type=date] {
}
.mobile.ios  .Field.Error[type=date] {
}

.Field.Obligatory {
  background-image:url(../SpTheme_NG/formPage/obligatory-field.png);
  background-size:5px;
  background-repeat:no-repeat;
  background-position:99% 12%;
  border-width:1px;
  border-color:#DDDDDD;
  border-style:solid;
  z-index: 0;
}
.Field.Obligatory:-moz-placeholder {
  text-overflow: ellipsis;
}
.Field.Obligatory::-webkit-input-placeholder {
  text-overflow: ellipsis;
}
.mobile  .Field.Obligatory[type=date] {
}
.mobile.ios  .Field.Obligatory[type=date] {
}

.PrimaryKeyField {
  color: #212121;
  font-family: "Roboto";
  font-weight: 600;
  font-size: 13px;
  padding: 0px 4px;
  background-color:#FFFFFF;
  border-width:1px; border-color:#DDDDDD; border-style:solid;
  border-radius:2px;
  outline: none;
}
.PrimaryKeyField:-moz-placeholder {
  text-overflow: ellipsis;
  font-size:60%;
}
.PrimaryKeyField::-webkit-input-placeholder {
  text-overflow: ellipsis;
  font-size:60%;
}
.mobile  .PrimaryKeyField {
  white-space: nowrap;
  background-clip: padding-box;
}
.mobile  .PrimaryKeyField[type=date] {
}
.mobile.ios  .PrimaryKeyField[type=date] {
}

@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";
  font-size:12px;
}
.CalculatorHeader {
  color:rgba(255,255,255,0.93);
  font-family:"Roboto";
  font-size:15px;
}
.CalculatorDragger{
  background-color:transparent;
  background-image:url(../SpTheme_NG/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:#000000;
  background-color:#FFFFFF;
  font-family:"Roboto";
  font-size:10pt;
  box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.26);;
  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:#FFFFFF;
  font-family:"Roboto";
  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:#FFFFFF;
}
.SPCalendarDragger{
  background-color:transparent;
  background-image:url(../SpTheme_NG/formPage/calendar_dragger.png);
  background-position:center;
  background-repeat:no-repeat;
}
.SPCalendarHeaderAll {
  color:#FFFFFF;
  font-family:"Roboto";
  font-size:11pt;
  background-color:transparent;
}
.SPCalendarHeader.mout {
  color:#FFFFFF;
  background-color:transparent;
}
.SPCalendarHeader.mover {
  color:#000000;
  background-color:#FFFFFF;
}
.SPCalendarContent {
  background-color:#FFFFFF;
  margin-top:0px;
  padding: 5px;
}
.SPCalendarBody, .SPCalendarBody:link, .hoverable .SPCalendarBody:hover {
  color:#000000;
  font-family:"Roboto";
  font-size:10pt;
}
.SPCalendarBodyTable, .hoverable .SPCalendarBodyTable:hover, .SPCalendarBodyTable:link {
  color:#000000;
  font-family:"Roboto";
  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";
  font-size:8pt;
  width:100%;
  text-align: center;
}
.SPCalendarToday{
  background-color:#FFFFFF;
  color:#474747;
}
.SPCalendarCurrentDay{
  color:#474747;
}
.SPCalendarSunday{
  color:#E51400;
}
.SPCalendarSaturday{
  color:#E51400;
}
.SPCalendarWeeks{
  color:#474747;
}
.SPCalendarBodyTable .SPCalendarWeekDivider *:first-child{
  padding: 0px;
}
.SPCalendarComboYearsMonths{
  background-color:#474747;
  font-size:12px;
}

a.SPCalendarFooter, .hoverable a.SPCalendarFooter:hover, a.SPCalendarFooter:visited {
  background:none;
  color:#000000;
  font-family:"Roboto";
  font-size:8pt;
}

.SPCalendar_mobile {
  color:#000000;
  background-color:#FFFFFF;
  font-family:Verdana;
  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:Verdana;
  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:Verdana;
  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:Verdana;
  font-size:7pt;
}
.SPCalendar_mobile .SPCalendarBodyTable,
.hoverable .SPCalendar_mobile .SPCalendarBodyTable:hover,
.SPCalendar_mobile .SPCalendarBodyTable:link {
  color:#000000;
  font-family:Verdana;
  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:Verdana;
  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:Verdana;
  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";
  font-size:9pt;
  cursor:default;
  display: table-row;
}
.suggest_row:nth-child(even) {
}

.suggest_row_selected {
  color:#FFFFFF;
  background-color:#347FC4;
  font-family:"Roboto";
  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;
}
.FoundlingChild_Tab {
  position:absolute;
  top:0px;
  left:0px;
}
.FoundlingChild_CBox {
  position:absolute;
  top:10px;
  left:0px;
}
.FoundlingChild_Separator {
}

@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')}

.mobile  #GridTable,
.mobile  #GridTable tbody,
.mobile  #GridTable tbody tr,
.mobile  #GridTable tbody td {
  display: block;
}
#GridTable_Container {
  box-sizing:border-box;
  border-width:1px 0px 0px 0px;
  border-style:solid;
  border-color:#DDDDDD;
}
#GridTable_Header {
  background-color: transparent;
  margin: 0px;
  padding: 1px 0px 0px 0px;
}
.SPLabel.GridTable_HeaderTitle {
  font-family: Proxima Nova;
  font-size: 13px;
  font-weight: 400;
  color: #347FC4;
  text-transform: uppercase;
}
.GridTable_HorizontalLines {
  border: 0;
  border-bottom-color:#DDDDDD;
  border-bottom-style:solid;
  border-bottom-width:1px;
}
.GridTable_Row {
  background-color:#FFFFFF;
  padding: 12px 0 4px 0;
  border-width:0 0 1px 0;
  border-color:#dddddd;
  border-style: solid;
}
.GridTable_OddRow {
  background-color:#FFFFFF;
}
.GridTable_EvenRow {
  background-color:#FFFFFF;
}
.GridTable_VerticalLines {
  background-color:#DDDDDD;
}

#GridTable_SelectedQueryRow {
  box-sizing:border-box;
  overflow:hidden;
}

.GridTable_SelectedQueryRow {
  border-left-color:#DDDDDD;
  background-color:#FFF8E1;
}

#GridTable_ButtonPanelContainer{
  position:absolute;
  right:0px;
  width:300px;
}

#GridTable_ButtonPanelContainer .detailMenuListActions{
  text-align:left;
  float:right;
  list-style-type:none;
  background-color: #FFFFFF;
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
  margin:0;
  padding:0;
}

#GridTable_ButtonPanelContainer .detailMenuAction{
  cursor:pointer;
  font-family: Proxima Nova;
  font-size: 13px;
  font-weight: 400;
  color: rgba(0,0,0,.93);
  margin: 0px;
  padding: 6px 13px 6px 6px;
  background-color: #FFFFFF;
}
.hoverable #GridTable_ButtonPanelContainer .detailMenuAction:hover{
  background-color: #ECECEC;
}

#GridTable_ButtonPanelContainer .detailMenuAction span{
  vertical-align:top;
  padding: 0px 0px 0px 5px;
}

.mobile  #GridTable_SelectedQueryRow {
  border: 0;
}
.mobile  #GridTable_SelectedQueryRow input{
  border: 1px solid #DDDDDD;
}
.mobile  .GridTable_RowContainer {
  display:table;
  width:100%;
  position:relative;
}
.GridTable_QueryRowItem {
  border-style:none;
}
.GridTable_EditRowItem {
}
.GridTable_SelectedEditRow {
  background-color:#FFF8E1;
  border: 0;
  border-width:0 0 1px 0;
  border-color:#dddddd;
  border-style: solid;
}
#GridTable_DIV {
  background-color:transparent;
}
.mobile  .SPSection.SPSectionGrid{
  overflow-y: hidden;
  overflow-x: auto;
}
.mobile  #GridTable_DIV{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile  .GridTable_HorizontalLines input{
  background: transparent;
  border: 0;
  line-height:100%;
  vertical-align: middle;
}
.mobile  .GridTable_HorizontalLines button{
  display: none;
}
.mobile  #GridTable_SelectedEditRow button{
  display: none;
}
.mobile  .GridTable_Row,
.mobile  .GridTable_EditRowButton,
.mobile  .GridTable_EditRowPlaceHolder {
  display: table-cell;
  line-height: 1;
  vertical-align: top;
  position: relative;
}
.mobile  .GridTable_EditRowPlaceHolder {
  visibility: hidden;
}
.mobile  .GridTable_Head {
  vertical-align: middle;
  _width:100%;
}
.mobile  .GridTable_Headers {
  display: table;
  height: 100%;
  width: 100%;
}
.mobile  #GridTable_HeadersTitle {
  display: table-cell;
  position: relative;
}
.mobile  #GridTable_ButtonPanel {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  height: 100%;
  position: relative;
}
.mobile  .SPEditRowLayer {
  padding:0;
  display:block;
  margin-top: 0px;
  height: calc(100% - px);
  z-index: 2;
  border: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition-property: width,left;
  transition-duration: 0.4s;
  transition-timing-function: linear;
}

.mobile  .BodyLayerTitle {
  text-shadow: none;
  z-index: 3;
  transition-property: width,opacity;
  transition-duration: 0.4s;
  transition-timing-function: linear;
  box-sizing: border-box;
  display: flex;
}
.mobile  .BodyLayerTitle .SubtitleLabel {
}
.mobile  .SPEditRowLayer_Opened {
  width:100%;
  left: 0px;
  opacity: 1;
}
.mobile  .BodyLayerContent {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 5px 5px 0 5px;
}
.mobile  .BodyLayerToggleToolbar{
  display:inline;
  float:right;
}
.mobile  .BodyLayerDelete{
  display:inline;
  float:right;
}
.mobile  .BodyLayerNewRow{
  display:inline;
  float:right;
}
.mobile  .BodyLayerClose{
  display: inline;
  float:right;
}
.mobile  .SPEditRowLayerButton {
  box-shadow: none;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}

.mobile  .SPEditRowLayerButtonToolbar {
  display: none;
}

.mobile.smartphone  .SPEditRowLayerButtonToolbar {
  display: inline-block;
}

.mobile.smartphone  .SPEditRowLayerButtonToolbar.open {
}

.mobile  .SPEditRowLayerButtonToolbar {
}

.mobile.smartphone  .SPEditRowLayerButtonToolbar.open:after {
  vertical-align: middle;
  text-align: center;
}

.mobile.smartphone  .SPEditRowLayerButtonToolbar:after {
  vertical-align: middle;
  text-align: center;
}

.mobile  .SPEditRowLayerButtonDelete {
}
.mobile  .SPEditRowLayerButtonDelete:after {
  vertical-align: middle;
  text-align: center;
}

.mobile  .SPEditRowLayerButtonSaveAndAdd {
}
.mobile  .SPEditRowLayerButtonSaveAndAdd:after {
  vertical-align: middle;
  text-align: center;
}

.mobile  .SPEditRowLayerButtonClose {
}
.mobile  .SPEditRowLayerButtonClose:after {
  vertical-align: middle;
  text-align: center;
}
.mobile.smartphone  .BodyLayerMenuToolbar {
  background-color: #CBCBCB;
  box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
  position: absolute;
  z-index: 3;
}
.mobile.smartphone  .BodyLayerMenuToolbar .BodyLayerNewRow,
.mobile.smartphone  .BodyLayerMenuToolbar .BodyLayerClose,
.mobile.smartphone  .BodyLayerMenuToolbar .BodyLayerDelete {
  float: none;
  display: block;
}

.hiddenCPRowOrd{
  display:none;
}

.dragDropHandlerImage{
  cursor:row-resize;
}
.mobile  #SPEditRowLayerContainer{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}
.mobile  #SPEditRowLayerContainer.SPEditRowLayer_Opened{
  display: block;
}
.mobile  #SPEditRowLayerContainer::before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: -1;
}
.mobile  #SPEditRowLayerDialog{
  box-sizing: border-box;
  height: 100%;
}

.mobile  #SPEditRowLayerDialog .BodyLayerTitle > * {
  display: inline-block;
  vertical-align: top;
}
.mobile  #SPEditRowLayerDialog .BodyLayerTitle .SubtitleLabel {
  width: 70px;
}
.mobile  #SPEditRowLayerDialog .BodyLayerTitle .SubtitleText {
  width: calc(100% - 40px - 70px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile  #SPEditRowLayerDialog .BodyLayerTitle .BodyLayerToggleToolbar {
  float: 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')}
@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')}

#entity_loading.loading {
  background-color: #FFFFFF;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
}

#entity_loading.loading::after {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #347FC4;
  width: 80px;
  height: 80px;
  animation: spin 1500ms linear infinite, 300ms delayview;
  display: block;
  opacity: 0;
  animation-fill-mode: forwards;
  position: absolute;
  top: calc( 50% - 52px);
  left: calc( 50% - 52px);
}
#entity_loading.loading::before {
  content: '';
  border: 14px solid #F3F3F3;
  border-radius: 50%;
  border-top: 14px solid #347FC4;
  width: 40px;
  height: 40px;
  animation: spin2 800ms linear infinite, 300ms 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; }
}


textarea.Memo {
  color:#212121;
  font-weight:600;
  font-size:13px;
  font-family:"Roboto";
  background-color:#FFFFFF;
  background-position:right;
  border-width:1px;
  border-color:#DDDDDD;
  border-style:solid;
  border-radius:2px;
}

.mobile  textarea.Memo {
  white-space: pre-wrap;
}


textarea.Memo.Active {
  background-color:#FFFFFF !important;
  border-width:1px !important; border-color:#347FC4 !important; border-style:solid !important;
}

textarea.Memo.Disabled {
  background-color:transparent !important;
  border-width:0px !important; border-color:#DDDDDD !important; border-style:solid !important;
}


textarea.Memo.Error {
  background-color:#FFFFFF !important;
  border-width:1px !important; border-color:#FF7D7D !important; border-style:solid !important;
}


textarea.Memo.Obligatory {
  background-color:#FFFFFF;
  background-image:url(../SpTheme_NG/formPage/obligatory-field.png); background-repeat:no-repeat; background-position:99% 12%;
}


.SPButton {
  color:#FFFFFF;
  background-color:#347FC4;
  background-repeat:no-repeat;
  background-position:center;
  border-width:0px;
  border-color:#000000;
  border-style:solid;
  border-radius:2px;
  cursor: pointer;
}

.hoverable .SPButton:hover {
  background-repeat:no-repeat;
  background-position:right;
}

.SPButton[disabled] {
  background-color:#C0C0C0;
  background-repeat:no-repeat;
  background-position:center;
  border-width:0px;
  border-color:#000000;
  border-style:solid;
  border-radius:2px;
  pointer-events: none;
}
.mobile   .SPButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.mobile   .SPButton[disabled]{
  background-repeat: no-repeat;
  background-position: center;
}


.SPLabel {
  color:#757575;
  font-family:"Roboto";
  font-weight:300;
  font-style:normal;
  font-size:13px;
}


.SPLabel.errorMessage{
}


.SPLabel.infoMessage{
}


.LabelWizardSuggestion {
  color:rgba(0,0,0,.85);
  font-family:"Open Sans";
  font-size:11px;
}


.PrimaryKeyLabel {
  color:#757575;
  font-family:"Roboto";
  font-weight:600;
  font-size:13px;
}


.SPLabelBold {
  color:#757575;
  font-family:Open Sans;
  font-weight:600;
  font-size:16pt;
}


.SPLabelDetail {
  color:#757575;
  font-family:"Open Sans";
  font-weight:300;
  font-size:13px;
}


.SPLabelHeader {
  color:#757575;
  font-family:Open Sans;
  font-weight:600;
  font-size:13px;
}


.SPLabelLight {
  color:#757575;
  font-family:Open Sans;
  font-size:16pt;
}


.SPLabelSemiBold {
  color:#757575;
  font-family:"Open Sans";
  font-weight:600;
  font-style:normal;
  font-size:13px;
}


.SPLabel.warnMessage{
}


.corsivo {
  color:#343434 !important; padding-right:3px;
  font-family:hrfont,Tahoma,Helvetica !important;
  font-size:8pt;
  background-color:transparent;
}


.keylabel_default {
  color:#4b7db1 !important;
  font-family:hrfont,Tahoma,Helvetica !important;text-transform:uppercase !important; padding-right:2px;
  font-weight:bold;
  font-style:italic;
  font-size:8pt;
  background-color:transparent; font-size:10px !important;
}


.keylabel_normal {
  color:#4b7db1 !important;
  font-family:hrfont,Tahoma,Helvetica,Helvetica !important;text-transform:uppercase !important; padding-right:2px;
  font-weight:bold;
  font-style:normal;
  font-size:8pt;
  background-color:transparent; font-size:10px !important;
}


.label_azure {
  color:#0080FF !important;
}


.label_darkpink {
  color:#FF8484 !important;
}


.label_default {
  font-family:hrfont,Tahoma,Helvetica,Helvetica !important;
  font-style:italic !important; padding-right:1px;
  background-color:transparent; font-size:11px !important;
}


.label_green {
  color:#00CE00 !important;
  font-family:hrfont,Tahoma,Helvetica,Helvetica !important;
}


.label_mustard {
  color:#C4C400 !important;
  font-family:hrfont,Tahoma,Helvetica,Helvetica !important;
}


.label_orange {
  color:#FF8000 !important;
}


.label_pink {
  color:#FF80FF !important;
  font-size:8pt;
}


.label_purple {
  color:#8000FF !important;
  background-color:transparent; font-size:11px !important;
}


.label_red {
  color:#FF0000 !important;
}


.label_small_black {
  color:#343434;
  font-family:hrfont,Tahoma,Helvetica,Helvetica !important;
  font-size:7pt;
  background-color:transparent; font-size:11px !important;
}


.label_white {
  color:#FFFFFF !important;
}


.BoxHeaderBackground {
  background-color:transparent;
}
.BoxHeaderCaption {
  margin:0px;
  font-family:"Roboto";
  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";
  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;
}


@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')}

.LayerHeader {
  position:relative;
  cursor:move;
  height:36px;
  background-color:#ECECEC;
}
.LayerHeaderCaption {
  position:absolute;
  left:7px;
  right:calc(7px + 36px + 36px + 0px + 0px);
  color:rgba(0,0,0,.87);
  font-family:"Roboto";
  font-weight:600;
  font-size:13px;
  padding:7px 4px 0;
}
.LayerHeaderIconPin {
  position:absolute;
  top:7px;
  right:calc(7px + 36px + 0px);
  cursor:pointer;
}
.LayerHeaderIconClose {
  position:absolute;
  top:7px;
  right:7px;
  cursor:pointer;
}
.LayerHeaderLinksContainer {
  position:absolute;
  height:100%;
  right:calc(7px + 36px + 36px + 0px + 0px);
  left:0px;
  display:flex;
  flex-flow:row nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}
.LayerHeaderLinks {
  display:inline-block;
  height:100%;
  cursor:pointer;
  white-space:nowrap;
  color:#CCCCCC;
  font-family:"Roboto";
  font-weight:400;
  font-size:13px;
  text-transform:uppercase;
  padding:0px 15px 0;
  background-color:#ECECEC;
}
.hoverable .LayerHeaderLinks:hover {
  color:rgba(0,0,0,.93);
  background-color: transparent;
}

.LayerHeaderLinks.LayerHeaderSelectedLink,
.hoverable .LayerHeaderLinks:hover.LayerHeaderSelectedLink {
  cursor:inherit;
  color:#000000;
  font-weight:600;
  background-color:#FFFFFF;
}


.DefaultTitledBox {
  position:absolute;
  z-index: 1;
  padding: 0 3px 0 3px;
  color:#FFFFFF;
  font-family:"Roboto";
  font-weight:300;
  font-size:12px;
  background-color:#757575;

}
.mobile  .DefaultTitledBox {
  position: relative;
  display: block;
}
.mobile  .DefaultTitledBox a{
  color: inherit;
  text-decoration: none;
}
.mobile  .DefaultTitledBox a, .mobile  .DefaultTitledBox img{
  vertical-align: middle;
}



input[type="checkbox"] {
  vertical-align: middle;
}

.slider input[type="checkbox"]:empty {
  margin-left: -99999px;
  float: left;
}

.slider input[type="checkbox"]:empty ~ label {
  position: absolute;
  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;
}

.slider input[type="checkbox"]:empty ~ label:before,
.slider input[type="checkbox"]: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: #DDDDDD;
  border-radius: 0.75em;
  box-shadow: inset 0 0.2em 0 rgba(0,0,0,0.3);
  transition: all 200ms ease-in;
}

.slider input[type="checkbox"].checkbox:empty ~ label:before,
.slider input[type="checkbox"].checkbox:empty ~ label:after {
  background-color: #DDDDDD;
  border-radius: 0.75em;
}

.slider input[type="checkbox"]:empty ~ label:after {
  width: 1.4em;
  top: 0.1em;
  bottom: 0.1em;
  margin: 0.1em 0.2em;
  background-color: #fff;
  border-radius: 1em;
  box-shadow: none;
}

.slider input[type="checkbox"].checkbox:empty ~ label:after {
  border-radius: 1em;
}

.slider input[type="checkbox"]:checked ~ label:before {
  background-color: #347FC4;
}

.slider input[type="checkbox"].checkbox:checked ~ label:before {
  background-color: #347FC4;
}

.slider input[type="checkbox"]:checked ~ label:after {
  margin-left: 1.7em;
}
@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')}
.contextSubMenuContainer{
  position:absolute;
}

.contextSubMenuContainer, .contextMenuContainer, .hoverable .contextMenuContainer li:hover ul{
  font-family: "Roboto";
  font-size: 13px;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
  box-shadow:0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
  margin:0;
  padding:0;
}

.contextMenuContainer li, .contextSubMenuContainer li{
  display:block;
  min-width:120px;
  list-style-type:none;
  cursor:pointer;
}

.contextMenuContainer li span, .contextSubMenuContainer li span{
  display:inline-block;
  padding:7px 10px;
}

.hoverable .contextMenuContainer li:hover{
  background-color: #ECECEC;
}
.contextMenuContainer li span.contextMenuArrow{
  background-repeat:no-repeat;
  background-position:center;
  background-color:Transparent;
  margin-right:0;
  border-width:0;
  padding-right:0;
  position:absolute;
  right:0;
}

.contextMenuArrow::after{
  content: "\F145";
  font-family: icons8_win10;
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  vertical-align: middle;
}

@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')}

.single_notify{
  width: 150px;
  background-color:rgba(0,0,0,.8);
  padding:10px;
  margin:0 0 10px 0;
  box-shadow:0px 0px 10px #202020;
  color:rgba(255,255,255,1);
  display:block;
  transition-property: opacity,height;
  transition-duration: 0.8s;
  transition-timing-function: linear;
  transition-delay: 0s, 0.8s;
  position:relative;
  z-index:100;
}

.single_notify_item_label{
  vertical-align:middle;
  display:inline-block;
}

.single_notify_item_icon{
  margin:0 5px 0 0;
  vertical-align:middle;
}

.hoverable .notify_close_btn:hover, .notify_close_btn:visited, .notify_close_btn:link{
  color:inherit;
}

.notify_content{
  position:absolute;
  top:100px;
  right:15px;
  height:auto;
}

.list_notify {
  position: absolute;
  top:0;
  right: 0;
  z-index:100;
  width: 200px;
  background-color:rgba(255,255,255,1);
  padding:10px;
  box-shadow:0px 0px 10px rgba(32,32,32,0.75);
}

.notify_item {
  border-width:0 0 1px 0;
  border-color:rgba(0,0,0,.8);
  border-style:solid;
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  color:rgba(0,0,0,.8);
  width:100%;
  display:table;
}

.notify_item_label{
  display:inline-block;
  vertical-align:middle;
}

.notify_item_icon{
  margin:0 5px 0 0;
  vertical-align:middle;
}

.empty_notify{
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  color:rgba(0,0,0,.8);
  width:100%;
  display:block;
}

.sidebar {
  position: absolute;
  left: 100%;
  width: 100px;
  height: 100%;
  top: 0;
  background-color:#ECECEC;
  border-width:1px;
  border-color:#E0E0E0;
  margin:0 0 0 10px;
  font-family:"Roboto";
  font-size:13px;
  font-weight:400;
  transition: width 500ms ease-in;
}
.sidebar.sidebar_hidden {
  width: 0px;
}
.sidebar_band {
  padding:5px;
  text-align:center;
}
.sidebar_item {
  padding:5px;
  color:#656363;
  text-align:center;
}
.sidebar_item_image {
  display: inline-block;
  max-width:100%;
}
.sidebar_item_label {
  display: block;
  width:100%;
}


.mobile .Field[type=date]{
  height: 1.45em;
}

.mobile .Combobox{
  height: 1.45em;
}


iframe {
  padding: 0 !important;
}
.mobile.tablet .SPPage {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  box-sizing: border-box;
  -webkit-transform: translate3d(0,0,0);
}
.mobile.tablet .SPPage div:last-child.hr {
  display:none;
}
.mobile.tablet .SPSection {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  display: block;
}
.mobile.tablet .SPSection.SPSection_collapsed {
  padding: 0px;
}
.mobile.tablet  .SPSectionGridcroller{
  position: absolute;
}
.mobile.tablet .InnerBox {
  padding:0px;
  margin-bottom: 5px;
}
.mobile.tablet .EmbeddedChild {
  width: 100%;
}
.mobile.tablet .row {
  display: table-row;
  width: 100%;
  min-height:5px;
  line-height: 32px;
}

.mobile.tablet .lside {
  vertical-align: middle;
  display: table-cell;
  min-width: 200px;
  max-width: 300px;
}


.mobile.tablet .lside .SPLabel label:before {
  content: "";
  display: block;
  height: 1px;
}

.mobile.tablet .rside {
  width: 100%;
  vertical-align: bottom;
  display: table-cell;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  max-width: 0px; /* trick: per impostare larghezza cella alla larghezza del padre e non al contenuto [tolmic]*/
}
.mobile.tablet .rd_input {
 position:relative;
}
.mobile.tablet .SPImg{
  vertical-align:middle;
}
.mobile.smartphone .SPPage {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  box-sizing: border-box;
  transform: translate3d(0,0,0);
}
.mobile.smartphone .SPPage div:last-child.hr {
  display:none;
}
.mobile.smartphone .SPSection {
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  display: block;
}
.mobile.smartphone .SPSection .SPSection,
.mobile.smartphone .SPSection.SPSection_collapsed {
  padding-top: 0px ;
  padding-bottom: 0px ;
  margin: 0px;
}
.mobile.smartphone  .SPSectionGridcroller{
  position: absolute;
}
.mobile.smartphone .InnerBox {
  padding:0px;
  margin-bottom: 5px;
}
.mobile.smartphone .EmbeddedChild {
  width: 100%;
}
.mobile.smartphone .row {
  width: 100%;
  line-height: 32px;
}
.mobile.smartphone .lside {
  vertical-align: middle;
  line-height: 22px;
}
.mobile.smartphone .rside {
  vertical-align: bottom;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.mobile.smartphone .rd_input {
 position:relative;
}
.mobile.smartphone .SPImg{
  vertical-align:middle;
}
@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')}

.BoxTabstrip.boxtabsWrapper{
  height: 50px;
  padding: 0 0 10px 0;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #EAEAEA;
}

.BoxTabstrip.boxtabsWrapper .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;
}

.BoxTabstrip.boxtabsWrapper .tabBack,
.BoxTabstrip.boxtabsWrapper .tabNext {
  display: none;
  height: 40px;
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.BoxTabstrip.boxtabsWrapper .tabBack.active,
.BoxTabstrip.boxtabsWrapper .tabNext.active {
}

.hoverable .BoxTabstrip.boxtabsWrapper .tabBack:hover,
.hoverable .BoxTabstrip.boxtabsWrapper .tabNext:hover{
  background-color: transparent;
}

.hoverable .BoxTabstrip.boxtabsWrapper .tabBack.active:hover,
.hoverable .BoxTabstrip.boxtabsWrapper .tabNext.active:hover{
  background-color: transparent;
}

.BoxTabstrip.boxtabsWrapper .tabBack::after,
.BoxTabstrip.boxtabsWrapper .tabNext::after {
  line-height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
}

.BoxTabstrip.boxtabsWrapper .tabBack {
}

.BoxTabstrip.boxtabsWrapper .tabBack.active::after {
  content: "\F144";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
}

.BoxTabstrip.boxtabsWrapper .tabBack::after {
  content: "\0";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 0px;
}

.BoxTabstrip.boxtabsWrapper .tabBack.active {
}

.BoxTabstrip.boxtabsWrapper .tabNext{
}

.BoxTabstrip.boxtabsWrapper .tabNext.active::after {
  content: "\F145";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
}

.BoxTabstrip.boxtabsWrapper .tabNext.active{
}

.BoxTabstrip.boxtabsWrapper .tabNext::after {
  content: "\0";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 0px;
}

.BoxTabstrip.boxtabsWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 40px;
  position: relative;
}

.mobile .BoxTabstrip.boxtabsWrapper .tabs_mask{
  overflow: auto;
}

.mobile .BoxTabstrip .tabs_mask::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.BoxTabstrip.boxtabsWrapper .tabs_row{
  height: 40px;
  position: absolute;
  padding-left:24px; 
}

/*
.BoxTabstrip.boxtabsWrapper .tab_item:last-child{
  margin-right: 40px;
} 
*/

.BoxTabstrip.boxtabsWrapper .tabs_row,
.BoxTabstrip.boxtabsWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.BoxTabstrip.boxtabsWrapper .tab_content{
  background-color: transparent;
  border-width: 0 0 2px 0px;
  border-color: transparent;
  border-style: solid;
  transition: all .3s ease;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 40px; */
  /* padding: 10px 10px; */
}

.hoverable .BoxTabstrip.boxtabsWrapper .tab_item:hover .tab_content,
.BoxTabstrip.boxtabsWrapper .tab_item:focus .tab_content,
.hoverable .BoxTabstrip.boxtabsWrapper .tab_item:hover.selected .tab_content{
  background-color: rgba(0, 0, 0, .03);    
}

.BoxTabstrip.boxtabsWrapper .tab_item.disabled .tab_content,
.hoverable .BoxTabstrip.boxtabsWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_content,
.hoverable .BoxTabstrip.boxtabsWrapper .tab_item:hover.selected .tab_content{
  background-color: #f3f3f3;
  border-width: 0 0 2px 0;
  border-color: #357FC4;
  border-style: solid;
}

.BoxTabstrip.boxtabsWrapper .tab_border{
  height: 40px;
  width: 15px;
  /* display: inline-block; */
  vertical-align: bottom;
  background-position: center center;
}

.BoxTabstrip.boxtabsWrapper .tab_sep{
  height: 40px;
  width: 5px;
  /* display: inline-block; */
  vertical-align: bottom;
}

.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_sep{
}

.BoxTabstrip.boxtabsWrapper .tab_text{
  display: inline-block;
  padding: 10px 10px;
}

.BoxTabstrip.boxtabsWrapper a.tab_close:before{
  font-family: icons8_win10;
  content: "\F048";
  vertical-align: middle;
  color: rgba(255,255,255,0.93);
  padding: 9px 10px;
  display: inline-block;
}

.BoxTabstrip.boxtabsWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  content: "\E956";
  vertical-align: middle;
  color: rgba(255,255,255,0.87);
  padding: 9px 10px;
  display: inline-block;
}

.BoxTabstrip.boxtabsWrapper .tab_center_text{
  position: relative;
  /* display: inline-block; */
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.BoxTabstrip.boxtabsWrapper .tab_span,
.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_span {
  /* height: 40px; */
  white-space: nowrap;
}

.BoxTabstrip.boxtabsWrapper .tab_span a,
.BoxTabstrip.boxtabsWrapper .tab_span a:link,
.BoxTabstrip.boxtabsWrapper .tab_span a:active,
.hoverable .BoxTabstrip.boxtabsWrapper .tab_span a:hover,
.BoxTabstrip.boxtabsWrapper .tab_span a:visited{
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.87);
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 600;
}
.hoverable .BoxTabstrip .boxtabsWrapper .tab_item:hover .tab_span a,
.hoverable .BoxTabstrip .boxtabsWrapper .tab_item:hover .tab_span a:link,
.hoverable .BoxTabstrip .boxtabsWrapper .tab_item:hover .tab_span a:visited,
.hoverable .BoxTabstrip .boxtabsWrapper .tab_item:hover .tab_span a:active,
.hoverable .BoxTabstrip .boxtabsWrapper .tab_item:hover .tab_span a:hover{
}

.BoxTabstrip.boxtabsWrapper .tab_item.disabled .tab_span a,
.BoxTabstrip.boxtabsWrapper .tab_item.disabled .tab_span a:link,
.BoxTabstrip.boxtabsWrapper .tab_item.disabled .tab_span a:active,
.hoverable .BoxTabstrip.boxtabsWrapper .tab_item.disabled .tab_span a:hover,
.BoxTabstrip.boxtabsWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
  text-shadow: 1px 1px #eee;
}

.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_span a,
.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_span a:link,
.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_span a:active,
.hoverable .BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_span a:hover,
.BoxTabstrip.boxtabsWrapper .tab_item.selected .tab_span a:visited{
  color: rgba(0,0,0,.87);
  font-size: 13px;
}

.BoxTabstrip.boxtabsWrapper .tab_expcoll_box{
  display: inline-block;
  vertical-align: top;
}

.BoxTabstrip.boxtabsWrapper .tab_expcoll_img{
  width: 20px;
  height: 20px;
  padding: 10px 0px 0px 12px;
  display: inline-block;
  background-repeat: no-repeat;
}

.BoxTabstrip.boxtabsWrapper .tab_expcoll_img.tab_exp_img::after{
  content: "\EBEC";
  color: #202020;
  font-family: icons8_win10;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .BoxTabstrip.boxtabsWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.BoxTabstrip.boxtabsWrapper .tab_expcoll_img.tab_coll_img::after{
  content: "\ED61";
  color: #202020;
  font-family: icons8_win10;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .BoxTabstrip.boxtabsWrapper .tab_expcoll_img.tab_coll_img:hover::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')}

.Tabstrip.tabWrapper{
  height: 40px;
  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;
}

.Tabstrip.tabWrapper .tabBack,
.Tabstrip.tabWrapper .tabNext {
  display: none;
  height: 40px;
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.Tabstrip.tabWrapper .tabBack.active,
.Tabstrip.tabWrapper .tabNext.active {
}

.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: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
}

.Tabstrip.tabWrapper .tabBack {
}

.Tabstrip.tabWrapper .tabBack.active::after {
  content: "\F144";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
}

.Tabstrip.tabWrapper .tabBack::after {
  content: "\0";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 0px;
}

.Tabstrip.tabWrapper .tabBack.active {
}

.Tabstrip.tabWrapper .tabNext{
}

.Tabstrip.tabWrapper .tabNext.active::after {
  content: "\F145";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
}

.Tabstrip.tabWrapper .tabNext.active{
}

.Tabstrip.tabWrapper .tabNext::after {
  content: "\0";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 0px;
}

.Tabstrip.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 40px;
  position: relative;
}

.mobile .Tabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .Tabstrip .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.Tabstrip.tabWrapper .tabs_row{
  height: 40px;
  position: absolute;
  box-sizing: border-box;
  padding-left: 20px; 
}

/*
.Tabstrip.tabWrapper .tab_item:last-child{
  margin-right: 40px;
} 
*/

.Tabstrip.tabWrapper .tabs_row,
.Tabstrip.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Tabstrip.tabWrapper .tab_content{
  border-width: 0 0 2px 0;
  border-color: transparent;
  border-style: solid;
  transition: all .3 ease;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 40px; */
  /* padding: 10px; */
}

.hoverable .Tabstrip.tabWrapper .tab_item:hover .tab_content,
.Tabstrip.tabWrapper .tab_item:focus .tab_content,
.hoverable .Tabstrip.tabWrapper .tab_item:hover.selected .tab_content{
}

.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{
  border-width: 0 0 2px 0;
  border-color: #357FC4;
  border-style: solid;
}

.Tabstrip.tabWrapper .tab_border{
  height: 40px;
  width: 20px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.Tabstrip.tabWrapper .tab_sep{
  height: 40px;
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
}

.Tabstrip.tabWrapper .tab_item.selected .tab_sep{
}

.Tabstrip.tabWrapper .tab_item a.tab_close:before{
  font-family: icons8_win10;
  font-size: 20px;
  content: "\F048";
  color: rgba(0,0,0,0.87);
  padding: 9px 10px;
  display: inline-block;
}

.Tabstrip.tabWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  font-size: 20px;
  content: "\E956";
  color: rgba(0,0,0,0.87);
  padding: 9px 10px;
  display: inline-block;
}

.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: 10px;
}

.Tabstrip.tabWrapper .tab_span,
.Tabstrip.tabWrapper .tab_item.selected .tab_span {
  /* height: 40px; */
  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;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.93);
  font-size: 13px;
}
.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;
  text-shadow: 1px 1px #eee;
}

.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: 300;
}

.Tabstrip.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.Tabstrip.tabWrapper .tab_expcoll_img{
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 9px 10px;
  background-repeat: no-repeat;
}

.Tabstrip.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  content: "\F2C4";
  color: rgba(0,0,0,.15);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
  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{
  content: "\F2C5";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
  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: 40px;
  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;
}

.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 {
}

.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: 40px;
  position: relative;
}

.mobile .ZoomTabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .ZoomTabstrip .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.ZoomTabstrip.tabWrapper .tabs_row{
  height: 40px;
  position: absolute;
  box-sizing: border-box;
  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-width: 0 0 2px 0;
  border-color: transparent;
  border-style: solid;
  transition: all .3 ease;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* height: 40px; */
  /* padding: 10px; */
}

.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(0, 0, 0, .03);    
}

.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{
  border-width: 0px 0px 2px 0px;
  border-color: #357FC4;
  border-style: solid;
}

.ZoomTabstrip.tabWrapper .tab_border{
  height: 40px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.ZoomTabstrip.tabWrapper .tab_sep{
  height: 40px;
  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: 10px;
}

.ZoomTabstrip.tabWrapper .tab_span,
.ZoomTabstrip.tabWrapper .tab_item.selected .tab_span {
  /* height: 40px; */
  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;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.93);
  font-size: 13px;
}
.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;
  text-shadow: 1px 1px #eee;
}

.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;
}

.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')}

.tabApplication.tabWrapper{
  height: 34px;
  box-sizing: border-box;
}

.tabApplication.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;
}

.tabApplication.tabWrapper .tabBack,
.tabApplication.tabWrapper .tabNext {
  display: none;
  height: 34px;
  -ms-flex-preferred-size: 34px;
  flex-basis: 34px;
  background-color: #03A9F4;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.tabApplication.tabWrapper .tabBack.active,
.tabApplication.tabWrapper .tabNext.active {
}

.hoverable .tabApplication.tabWrapper .tabBack:hover,
.hoverable .tabApplication.tabWrapper .tabNext:hover{
  background-color: #03A9F4;
}

.hoverable .tabApplication.tabWrapper .tabBack.active:hover,
.hoverable .tabApplication.tabWrapper .tabNext.active:hover{
  background-color: #03A9F4;
}

.tabApplication.tabWrapper .tabBack::after,
.tabApplication.tabWrapper .tabNext::after {
  line-height: 34px;
  width: 34px;
  display: inline-block;
  text-align: center;
}

.tabApplication.tabWrapper .tabBack {
}

.tabApplication.tabWrapper .tabBack.active::after {
  content: "\F144";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
}

.tabApplication.tabWrapper .tabBack::after {
}

.tabApplication.tabWrapper .tabBack.active {
}

.tabApplication.tabWrapper .tabNext{
}

.tabApplication.tabWrapper .tabNext.active::after {
  content: "\F145";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
}

.tabApplication.tabWrapper .tabNext.active{
}

.tabApplication.tabWrapper .tabNext::after {
}

.tabApplication.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  position: relative;
}

.mobile .tabApplication.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .tabApplication .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.tabApplication.tabWrapper .tabs_row{
  position: absolute;
  box-sizing: border-box;
  padding-left: 0px; 
}

/*
.tabApplication.tabWrapper .tab_item:last-child{
  margin-right: 34px;
} 
*/

.tabApplication.tabWrapper .tabs_row,
.tabApplication.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabApplication.tabWrapper .tab_content{
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hoverable .tabApplication.tabWrapper .tab_item:hover .tab_content,
.tabApplication.tabWrapper .tab_item:focus .tab_content,
.hoverable .tabApplication.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: transparent;    
}

.tabApplication.tabWrapper .tab_item.disabled .tab_content,
.hoverable .tabApplication.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.tabApplication.tabWrapper .tab_item.selected .tab_content,
.hoverable .tabApplication.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: #343434;
}

.tabApplication.tabWrapper .tab_border{
  width: 0px;
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.tabApplication.tabWrapper .tab_sep{
  width: 1px;
  display: inline-block;
  vertical-align: bottom;
}

.tabApplication.tabWrapper .tab_item.selected .tab_sep{
}

.tabApplication.tabWrapper .tab_item a.tab_close:before{
  font-family: icons8_win10;
  font-size: 13px;
  content: "\F048";
  color: rgba(255,255,255,0.93);
  padding: 7px 12px 0 0 ;
  display: inline-block;
}

.tabApplication.tabWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  font-size: 13px;
  content: "\E956";
  color: rgba(255,255,255,0.87);
  display: inline-block;
}

.tabApplication.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.tabApplication.tabWrapper .tab_text{
  display: inline-block;
}

.tabApplication.tabWrapper .tab_span,
.tabApplication.tabWrapper .tab_item.selected .tab_span {
  white-space: nowrap;
}

.tabApplication.tabWrapper .tab_span a,
.tabApplication.tabWrapper .tab_span a:link,
.tabApplication.tabWrapper .tab_span a:active,
.hoverable .tabApplication.tabWrapper .tab_span a:hover,
.tabApplication.tabWrapper .tab_span a:visited{
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(255,255,255,.54);
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
}
.hoverable .tabApplication.tabWrapper .tab_item:hover .tab_span a,
.hoverable .tabApplication.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .tabApplication.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .tabApplication.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .tabApplication.tabWrapper .tab_item:hover .tab_span a:hover{
}

.tabApplication.tabWrapper .tab_item.disabled .tab_span a,
.tabApplication.tabWrapper .tab_item.disabled .tab_span a:link,
.tabApplication.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .tabApplication.tabWrapper .tab_item.disabled .tab_span a:hover,
.tabApplication.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
  text-shadow: 1px 1px #eee;
}

.tabApplication.tabWrapper .tab_item.selected .tab_span a,
.tabApplication.tabWrapper .tab_item.selected .tab_span a:link,
.tabApplication.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .tabApplication.tabWrapper .tab_item.selected .tab_span a:hover,
.tabApplication.tabWrapper .tab_item.selected .tab_span a:visited{
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
}

.tabApplication.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.tabApplication.tabWrapper .tab_expcoll_img{
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 0px 0px 6px 10px;
  background-repeat: no-repeat;
}

.tabApplication.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  content: "\F2C4";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .tabApplication.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.tabApplication.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  content: "\F2C5";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .tabApplication.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')}

.tabNavigation.tabWrapper{
  height: 25px;
  box-sizing: border-box;
}

.tabNavigation.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;
}

.tabNavigation.tabWrapper .tabBack,
.tabNavigation.tabWrapper .tabNext {
  display: none;
  height: 40px;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  background-color: #656363;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.tabNavigation.tabWrapper .tabBack.active,
.tabNavigation.tabWrapper .tabNext.active {
}

.hoverable .tabNavigation.tabWrapper .tabBack:hover,
.hoverable .tabNavigation.tabWrapper .tabNext:hover{
  background-color: #868686;
}

.hoverable .tabNavigation.tabWrapper .tabBack.active:hover,
.hoverable .tabNavigation.tabWrapper .tabNext.active:hover{
  background-color: #868686;
}

.tabNavigation.tabWrapper .tabBack::after,
.tabNavigation.tabWrapper .tabNext::after {
  line-height: 40px;
  width: 0px;
  display: inline-block;
  text-align: center;
}

.tabNavigation.tabWrapper .tabBack {
}

.tabNavigation.tabWrapper .tabBack.active::after {
  content: "\F144";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
}

.tabNavigation.tabWrapper .tabBack::after {
}

.tabNavigation.tabWrapper .tabBack.active {
}

.tabNavigation.tabWrapper .tabNext{
}

.tabNavigation.tabWrapper .tabNext.active::after {
  content: "\F145";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
}

.tabNavigation.tabWrapper .tabNext.active{
}

.tabNavigation.tabWrapper .tabNext::after {
}

.tabNavigation.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  position: relative;
}

.mobile .tabNavigation.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .tabNavigation .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.tabNavigation.tabWrapper .tabs_row{
  position: absolute;
  box-sizing: border-box;
  padding-left: 24px; 
}

/*
.tabNavigation.tabWrapper .tab_item:last-child{
  margin-right: 0px;
} 
*/

.tabNavigation.tabWrapper .tabs_row,
.tabNavigation.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabNavigation.tabWrapper .tab_content{
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* padding: 0px 5px; */
}

.hoverable .tabNavigation.tabWrapper .tab_item:hover .tab_content,
.tabNavigation.tabWrapper .tab_item:focus .tab_content,
.hoverable .tabNavigation.tabWrapper .tab_item:hover.selected .tab_content{
}

.tabNavigation.tabWrapper .tab_item.disabled .tab_content,
.hoverable .tabNavigation.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.tabNavigation.tabWrapper .tab_item.selected .tab_content,
.hoverable .tabNavigation.tabWrapper .tab_item:hover.selected .tab_content{
}

.tabNavigation.tabWrapper .tab_border{
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.tabNavigation.tabWrapper .tab_sep{
  width: 1px;
  display: inline-block;
  vertical-align: bottom;
}

.tabNavigation.tabWrapper .tab_item.selected .tab_sep{
}

.tabNavigation.tabWrapper .tab_item a.tab_close:before{
  font-family: icons8_win10;
  font-size: 13px;
  content: "\F048";
  color: rgba(255,255,255,0.93);
  display: inline-block;
}

.tabNavigation.tabWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  font-size: 13px;
  content: "\E956";
  color: rgba(0,0,0,0.87);
  display: inline-block;
}

.tabNavigation.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.tabNavigation.tabWrapper .tab_text{
  display: inline-block;
  padding: 0px 5px;
}

.tabNavigation.tabWrapper .tab_span,
.tabNavigation.tabWrapper .tab_item.selected .tab_span {
  white-space: nowrap;
}

.tabNavigation.tabWrapper .tab_span a,
.tabNavigation.tabWrapper .tab_span a:link,
.tabNavigation.tabWrapper .tab_span a:active,
.hoverable .tabNavigation.tabWrapper .tab_span a:hover,
.tabNavigation.tabWrapper .tab_span a:visited{
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.87);
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 300;
}
.hoverable .tabNavigation.tabWrapper .tab_item:hover .tab_span a,
.hoverable .tabNavigation.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .tabNavigation.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .tabNavigation.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .tabNavigation.tabWrapper .tab_item:hover .tab_span a:hover{
}

.tabNavigation.tabWrapper .tab_item.disabled .tab_span a,
.tabNavigation.tabWrapper .tab_item.disabled .tab_span a:link,
.tabNavigation.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .tabNavigation.tabWrapper .tab_item.disabled .tab_span a:hover,
.tabNavigation.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
  text-shadow: 1px 1px #eee;
}

.tabNavigation.tabWrapper .tab_item.selected .tab_span a,
.tabNavigation.tabWrapper .tab_item.selected .tab_span a:link,
.tabNavigation.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .tabNavigation.tabWrapper .tab_item.selected .tab_span a:hover,
.tabNavigation.tabWrapper .tab_item.selected .tab_span a:visited{
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}

.tabNavigation.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.tabNavigation.tabWrapper .tab_expcoll_img{
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 0px 0px 6px 10px;
  background-repeat: no-repeat;
}

.tabNavigation.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  content: "\F2C4";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .tabNavigation.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.tabNavigation.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  content: "\F2C5";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .tabNavigation.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')}

.tabSwitch.tabWrapper{
  height: 40px;
  box-sizing: border-box;
}

.tabSwitch.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;
}

.tabSwitch.tabWrapper .tabBack,
.tabSwitch.tabWrapper .tabNext {
  display: none;
  height: 12px;
  -ms-flex-preferred-size: 12px;
  flex-basis: 12px;
  background-color: #656363;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index:5;
}

.tabSwitch.tabWrapper .tabBack.active,
.tabSwitch.tabWrapper .tabNext.active {
}

.hoverable .tabSwitch.tabWrapper .tabBack:hover,
.hoverable .tabSwitch.tabWrapper .tabNext:hover{
  background-color: #868686;
}

.hoverable .tabSwitch.tabWrapper .tabBack.active:hover,
.hoverable .tabSwitch.tabWrapper .tabNext.active:hover{
  background-color: #868686;
}

.tabSwitch.tabWrapper .tabBack::after,
.tabSwitch.tabWrapper .tabNext::after {
  line-height: 12px;
  width: 12px;
  display: inline-block;
  text-align: center;
}

.tabSwitch.tabWrapper .tabBack {
}

.tabSwitch.tabWrapper .tabBack.active::after {
  content: "\F144";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
}

.tabSwitch.tabWrapper .tabBack::after {
}

.tabSwitch.tabWrapper .tabBack.active {
}

.tabSwitch.tabWrapper .tabNext{
}

.tabSwitch.tabWrapper .tabNext.active::after {
  content: "\F145";
  color: rgba(255,255,255,.93);
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
}

.tabSwitch.tabWrapper .tabNext.active{
}

.tabSwitch.tabWrapper .tabNext::after {
}

.tabSwitch.tabWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  position: relative;
}

.mobile .tabSwitch.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .tabSwitch .tabs_mask::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.tabSwitch.tabWrapper .tabs_row{
  position: absolute;
  box-sizing: border-box;
  padding-left: 0px; 
}

/*
.tabSwitch.tabWrapper .tab_item:last-child{
  margin-right: 12px;
} 
*/

.tabSwitch.tabWrapper .tabs_row,
.tabSwitch.tabWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabSwitch.tabWrapper .tab_content{
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* padding: 0px 5px; */
}

.hoverable .tabSwitch.tabWrapper .tab_item:hover .tab_content,
.tabSwitch.tabWrapper .tab_item:focus .tab_content,
.hoverable .tabSwitch.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: transparent;    
}

.tabSwitch.tabWrapper .tab_item.disabled .tab_content,
.hoverable .tabSwitch.tabWrapper .tab_item:hover.disabled .tab_content {
  background-color: #E3E3E3;
}

.tabSwitch.tabWrapper .tab_item.selected .tab_content,
.hoverable .tabSwitch.tabWrapper .tab_item:hover.selected .tab_content{
  background-color: transparent;
}

.tabSwitch.tabWrapper .tab_border{
  display: inline-block;
  vertical-align: bottom;
  background-position: center center;
}

.tabSwitch.tabWrapper .tab_sep{
  width: 1px;
  display: inline-block;
  vertical-align: bottom;
}

.tabSwitch.tabWrapper .tab_item.selected .tab_sep{
}

.tabSwitch.tabWrapper .tab_item a.tab_close:before{
  font-family: icons8_win10;
  font-size: 13px;
  content: "\F048";
  color: rgba(255,255,255,0.93);
  display: inline-block;
}

.tabSwitch.tabWrapper .tab_modallayer:before{
  font-family: icons8_win10;
  font-size: 13px;
  content: "\E956";
  color: rgba(255,255,255,0.87);
  display: inline-block;
}

.tabSwitch.tabWrapper .tab_center_text{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.tabSwitch.tabWrapper .tab_text{
  display: inline-block;
  padding: 0px 5px;
}

.tabSwitch.tabWrapper .tab_span,
.tabSwitch.tabWrapper .tab_item.selected .tab_span {
  white-space: nowrap;
}

.tabSwitch.tabWrapper .tab_span a,
.tabSwitch.tabWrapper .tab_span a:link,
.tabSwitch.tabWrapper .tab_span a:active,
.hoverable .tabSwitch.tabWrapper .tab_span a:hover,
.tabSwitch.tabWrapper .tab_span a:visited{
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  color: rgba(0,0,0,.87);
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 300;
}
.hoverable .tabSwitch.tabWrapper .tab_item:hover .tab_span a,
.hoverable .tabSwitch.tabWrapper .tab_item:hover .tab_span a:link,
.hoverable .tabSwitch.tabWrapper .tab_item:hover .tab_span a:visited,
.hoverable .tabSwitch.tabWrapper .tab_item:hover .tab_span a:active,
.hoverable .tabSwitch.tabWrapper .tab_item:hover .tab_span a:hover{
}

.tabSwitch.tabWrapper .tab_item.disabled .tab_span a,
.tabSwitch.tabWrapper .tab_item.disabled .tab_span a:link,
.tabSwitch.tabWrapper .tab_item.disabled .tab_span a:active,
.hoverable .tabSwitch.tabWrapper .tab_item.disabled .tab_span a:hover,
.tabSwitch.tabWrapper .tab_item.disabled .tab_span a:visited{
  cursor: default;
  pointer-events: none;
  color: #ADADAD;
  text-shadow: 1px 1px #eee;
}

.tabSwitch.tabWrapper .tab_item.selected .tab_span a,
.tabSwitch.tabWrapper .tab_item.selected .tab_span a:link,
.tabSwitch.tabWrapper .tab_item.selected .tab_span a:active,
.hoverable .tabSwitch.tabWrapper .tab_item.selected .tab_span a:hover,
.tabSwitch.tabWrapper .tab_item.selected .tab_span a:visited{
  font-size: 13px;
  font-weight: 400;
}

.tabSwitch.tabWrapper .tab_expcoll_box{
  display: inline-block;

  vertical-align: middle;
}

.tabSwitch.tabWrapper .tab_expcoll_img{
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 0px 0px 6px 10px;
  background-repeat: no-repeat;
}

.tabSwitch.tabWrapper .tab_expcoll_img.tab_exp_img::after{
  content: "\F2C4";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .tabSwitch.tabWrapper .tab_expcoll_img.tab_exp_img:hover::after{

}

.tabSwitch.tabWrapper .tab_expcoll_img.tab_coll_img::after{
  content: "\F2C5";
  color: rgba(0,0,0,.87);
  font-family: icons8_win10;
  font-weight: 300;
  font-size: 23px;
  vertical-align: middle;
  text-align: center;
}

.hoverable .tabSwitch.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')}

.WizardTabstrip.wizardWrapper {
  height: 70px;
  box-sizing: border-box;
}

.WizardTabstrip.wizardWrapper .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;
}

.WizardTabstrip.wizardWrapper .tabBack,
.WizardTabstrip.wizardWrapper .tabNext {
  display: none;
  height: 40px;
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  z-index:5;
  cursor: pointer;
}

.WizardTabstrip.wizardWrapper .tabBack.active,
.WizardTabstrip.wizardWrapper .tabNext.active {
  background-color: transparent;
}

.hoverable .WizardTabstrip.wizardWrapper .tabBack:hover,
.hoverable .WizardTabstrip.wizardWrapper .tabNext:hover{
  background-color: transparent;
}

.hoverable .WizardTabstrip.wizardWrapper .tabBack.active:hover,
.hoverable .WizardTabstrip.wizardWrapper .tabNext.active:hover{
  background-color: transparent;
}

.WizardTabstrip.wizardWrapper .tabBack{
}

.WizardTabstrip.wizardWrapper .tabBack::after,
.WizardTabstrip.wizardWrapper .tabNext::after {
  line-height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
}

.WizardTabstrip.wizardWrapper .tabBack::after {
  content: "\0";
  font-family: icons8_win10;
  font-size: 0px;
}

.WizardTabstrip.wizardWrapper .tabBack.active{
}

.WizardTabstrip.wizardWrapper .tabBack.active::after {
  content: "\F144";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
}

.WizardTabstrip.wizardWrapper .tabNext{
}
.WizardTabstrip.wizardWrapper .tabNext.active::after {
  content: "\F145";
  color: rgba(0,0,0,.93);
  font-family: icons8_win10;
  font-weight: 600;
  font-size: 20px;
}
.WizardTabstrip.wizardWrapper .tabNext.active{
}

.WizardTabstrip.wizardWrapper .tabNext::after {
  content: "\0";
  font-family: icons8_win10;
  font-size: 0px;
}

.WizardTabstrip.wizardWrapper .tabs_mask{
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;  
  overflow: hidden;
  height: 40px;
  position: relative;
}

.mobile .WizardTabstrip.tabWrapper .tabs_mask{
  overflow: auto;
}

.mobile .WizardTabstrip .tabs_mask::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.WizardTabstrip.wizardWrapper .tabs_row{
  position: absolute;
  height: 40px;
  position: absolute;
  padding-left: 9px;
}

/*
.WizardTabstrip.wizardWrapper .tab_item:last-child{
  margin-right: 40px;
} 
*/

.WizardTabstrip.wizardWrapper .tabs_row,
.WizardTabstrip.wizardWrapper .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.WizardTabstrip.wizardWrapper .tab_content,
.hoverable .WizardTabstrip.wizardWrapper .tab_item:hover .tab_content{
  background-color: transparent;
  border-width: 0;
  border-color: #D6D6D6;
  border-style: solid;
  transition: all .3 ease;
  box-sizing: border-box;
  cursor: pointer;
  /* height: 40px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.WizardTabstrip.wizardWrapper .tab_item.actived .tab_content,
.hoverable .WizardTabstrip.wizardWrapper .tab_item.actived:hover .tab_content {
  border-color: #C3C3C3;
}

.WizardTabstrip.wizardWrapper .tab_item.selected .tab_content,
.hoverable .WizardTabstrip.wizardWrapper .tab_item.selected:hover .tab_content {
  border-color: rgba(90, 148,245, .93);
}

.WizardTabstrip.wizardWrapper .tab_border{
  height: 40px;
  display:inline-block;
  background: transparent no-repeat center center;
}

.WizardTabstrip.wizardWrapper .tab_border.tab_border_right{
}

.WizardTabstrip.wizardWrapper .tab_item.actived .tab_border.tab_border_right{
}

.WizardTabstrip.wizardWrapper .tab_item.actived .tab_border.tab_border_left {
}

.WizardTabstrip.wizardWrapper .tab_sep{
  height: 40px;
  width: 80px;
  display:inline-block;
  vertical-align:bottom;
}

.WizardTabstrip.wizardWrapper .tab_item.actived .tab_sep {
}

.WizardTabstrip.wizardWrapper .tab_item.actived .tab_sep_between_active_deactive {
}

.WizardTabstrip.wizardWrapper .tab_item.actived .tab_content{
}
.WizardTabstrip.wizardWrapper .tab_center_text{
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}

.WizardTabstrip.wizardWrapper .tab_span {
  height: 40px;
  white-space: nowrap;
}

.WizardTabstrip.wizardWrapper .tab_span a,
.WizardTabstrip.wizardWrapper .tab_span a:link,
.WizardTabstrip.wizardWrapper .tab_span a:active,
.hoverable .WizardTabstrip.wizardWrapper .tab_span a:hover,
.WizardTabstrip.wizardWrapper .tab_span a:visited{
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  color: #D6D6D6;
  font-family: Roboto;
  font-weight: 600;
  font-size: 13px;
}

.WizardTabstrip .wizardWrapper .tab_item.actived .tab_span a,
.WizardTabstrip .wizardWrapper .tab_item.actived .tab_span a:link,
.WizardTabstrip .wizardWrapper .tab_item.actived .tab_span a:visited,
.WizardTabstrip .wizardWrapper .tab_item.actived .tab_span a:active,
.hoverable .WizardTabstrip .wizardWrapper .tab_item.actived .tab_span a:hover {
  color: #C3C3C3;
}

.WizardTabstrip.wizardWrapper .tab_item.selected .tab_span a,
.WizardTabstrip.wizardWrapper .tab_item.selected .tab_span a:link,
.WizardTabstrip.wizardWrapper .tab_item.selected .tab_span a:active,
.hoverable .WizardTabstrip.wizardWrapper .tab_item.selected .tab_span a:hover,
.WizardTabstrip.wizardWrapper .tab_item.selected .tab_span a:visited {
  color: rgba(0,0,0,.93);
}
.WizardTabstrip.wizardWrapper .tab_item .tab_span a > span {
  vertical-align: top;
  display: inline-block;
}
.WizardTabstrip.wizardWrapper .tab_wizard_number {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #E8E8E8;
  text-align: center;
  color: #FFFFFF;
  font-family: Roboto;
  font-weight: 400;
}
.WizardTabstrip.wizardWrapper .tab_item.actived .tab_wizard_number {
  background-color: #C3C3C3;
}
.WizardTabstrip.wizardWrapper .tab_item.selected .tab_wizard_number {
  background-color: #347FC4;
}
.WizardTabstrip.wizardWrapper .tab_text {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
@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:0 5px 15px rgba(0,0,0,.5);
  background-image: none;
  /*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: #FFF;
}

.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:#000000;
}

.spModalLayer .spModalLayer_draglayer{
  height:26px;
  background-color: rgb(52, 127, 196);
  border-color:rgba(0,0,0,.5);
  border-width:0;
  width: 100%;
}

.hoverable .spModalLayer:hover .spModalLayer_draglayer{
}

.spModalLayer .icon_container {
  position: absolute;
  z-index: 1;
  top:0px;
  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: 50px;
}

.hoverable .spModalLayer .icon_container .spModalButton:hover {
}

.spModalLayer .icon_container .spModalButton:last-child {
    margin-right: 0;
}

.spModalLayer .spModalLayer_closebtn{
  height:26px;
  width:50px;
}
.spModalLayer .spModalLayer_closebtn::after{
  content: "\F048";
  color: #FFFFFF;
  font-family: icons8_win10;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
  line-height:26px;
}
.spModalLayer .SPModalLayerGoToTabButton{
  width:50px;
  height:26px;
}
.spModalLayer .SPModalLayerGoToTabButton::after{
  content: "\E927";
  color: #FFFFFF;
  font-family: icons8_win10;
  font-weight: normal;
  font-size: 18px;
  vertical-align: middle;
  text-align: center;
  line-height:26px;
}
.spModalLayer .spModalLayerMaximize{
  width:50px;
  height:26px;
  background-position: center center;
  background-repeat: no-repeat;
}
.spModalLayer .spModalLayerMaximize::after{
  content: "\F606";
  color: #FFFFFF;
  font-family: icons8_win10;
  font-size: 18px;
  text-align: center;
  line-height:26px;
}
.spModalLayer .spModalLayerReduce{
  width:50px;
  height:26px;
  background-position: center center;
  background-repeat: no-repeat;
}
.spModalLayer .spModalLayerReduce::after{
  content: "\F608";
  color: #FFFFFF;
  font-family: icons8_win10;
  font-size: 18px;
  text-align: center;
  line-height:26px;
}
.spModalLayer .spModalLayerDetachButton{
  width:50px;
  height:26px;
  background-position: center center;
  background-repeat: no-repeat;
}
.spModalLayer .spModalLayerDetachButton::after{
  content: "\F2C9";
  color: #FFFFFF;
  font-family: icons8_win10;
  font-size: 16px;
  text-align: center;
  line-height:26px;
}
.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 #347FC4;
  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 #347FC4;
  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; }
}
/*FORM*/
.PageContainer {
  padding-top: 20px;
  box-sizing: border-box;
}

.childForm .PageContainer {
  padding-top: 0px;
}

/*SUBTITLE*/
.FormDefault .subTitleContainer {
  position: absolute;
  z-index: 1;
  width: auto;
}

/*CHOICE ROTATION*/
@keyframes ruotay {
  0% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

.choiceElement, a.choiceElement:active, a.choiceElement:hover, a.choiceElement:visited {
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
  display: block;
  text-decoration: none;
  color: rgba(0,0,0,0.87) !important;
}

a.choiceElement:focus {
  outline: none;
}

.choiceElement.appointment::before {
  font-family: icons8_win10;
  content: "\f369";
}
.choiceElement.activity::before {
  font-family: icons8_win10;
  content: "\ef8a";
}

.choiceElement::before {
  font-size: 36px;
  line-height: 70px;
  width: 70px;
  height: 70px;
  display: block;
  border-radius: 0 40px 40px 40px;
  background-color: #347fc4;
  color: #ffffff;
  text-shadow: 0 -1px 0 #1bb2e8;
  transition: all 1s ease-in-out;
  margin: auto;
}

.choiceElement:hover::before{
  background-color: #003459;
  animation-name: ruotay;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

/* SUGGEST */
.suggest_Container {
  border-collapse:separate !important;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02), 0 1px 12px 0 rgba(0,0,0,0.08); !important;
}

.suggest_row {
  font-size:13px !important;
}  

.suggest_row_selected {
  font-size:13px !important;
}  

.suggest_Field {
  padding:6px 1px 6px 1px;
}

.suggest_Field:first-child {
 font-family:OpenSans-SemiBold, sans-serif;
 padding-left:12px;
}

.suggest_Field:last-child {
 padding-right:12px;
}

/*DETAIL*/
#GridTable_Container {
  border-top: 1px solid #347fc4;
}
.SPLabel.GridTable_HeaderTitle {
  line-height: 25px;
}
#GridTable_ButtonPanel a{
  color:#347fc4 !important;
  margin-top: -3px;
}
#GridTable {
  width: 100% !important;
}
.GridTable_SelectedEditRow {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #dddddd;
}

.GridTable_EditRowItem.Field:not(.Disabled){
  background-color: #ffffff !important;
}

input.GridTable_EditRowItem, select.GridTable_EditRowItem {
  border-style: solid !important;
}

.GridTable_QueryRowItem {
  background: none !important;
  color: rgba(0,0,0,0.54);
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 13px;
  border: 1px solid transparent;
}

.GridZoomButtonEnabled:disabled {
  display: none;
}

/*SPLABEL*/
span.SPLabel>label[for] {
  vertical-align: middle;
  line-height: 25px;
}
.SPLabelHeader>label[for],.PrimaryKeyLabel>label[for] {
  vertical-align: middle;
  line-height: 25px;
}

.SPLabelDetail {
  padding-top: 13px;
}

.SPLabelDetail>label[for] {
  line-height: 25px;
  vertical-align: middle;
}

.boxRounded {
	border-radius: 50%;
	background: #ececec;
  border: 1px solid #e0e0e0;
}

.DefaultTitledBox {
  padding: 0 10px;
  text-transform: uppercase;
	left: 0px !important;
}

.DefaultTitledBox+div {
	border: 0px !important;
	border-bottom: 1px solid rgba(0,0,0,0.12) !important;
}

/*TAB BO*/
.Tabstrip.tabWrapper .tab_item .tab_span a, .BoxTabstrip.boxtabsWrapper .tab_item .tab_span a {
  text-transform: uppercase;
}

.BoxTabstrip.boxtabsWrapper .selected .tab_expcoll_img::after{
  color: #fff;
}

.BoxTabstrip.boxtabsWrapper .tabstripContainer .selected {
  /*border: 1px solid #dcdcdc;
	position: relative;
	left: -1px;*/
}

/*.BoxTabstrip.boxtabsWrapper .tabstripContainer  .selected + .selected {
	border-left: 0px !important;
}*/

.BoxTabstrip.boxtabsWrapper .tab_expcoll_box{
  vertical-align: top;
}
.BoxTabstrip .tabstripContainer .tab_item:not(.spazio){
  margin-right: 5px;
}
.BoxTabstrip .tabstripContainer .tab_item.spazio{
  background: transparent;
}
.BoxTabstrip~.BoxContainer {
/*  padding-left: 24px;
  box-sizing: border-box;*/
}

.BoxContainer .TabStripBoxBody {
  left: 24px;
}

/*FIELD, COMBOBOX, BUTTON*/
.ComboboxNone {
  direction: rtl;
  -webkit-appearance: none;
  font-weight: 400;
  cursor: pointer;
  color: #347fc4;
}

.ComboboxNone.Active {
  border: 0px;
  -webkit-appearance: inherit;
}

.ComboboxNone option {
  color: rgba(0,0,0,0.87);
}

.Field.Disabled, .Combobox.Disabled, textarea.Memo.Disabled {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.27) 0%, rgba(0, 0, 0, 0.27) 33%, transparent 0%);
  background-position: bottom -1px left 0;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  border-bottom: 1px solid transparent !important;
}

.ComboboxNone.Disabled {
  background: none;
  color: #757575;
  cursor: default;
  font-weight: 300;
}

.SPButton {
  cursor: pointer;
  font-size: 13px
}

.Memo {
  padding: 2px 4px;
}

.Combobox {
  border-radius: 2px;
}

/*CHECKBOX, RADIOBOX*/
.FormDefault input[type="checkbox"] {
	cursor: pointer !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    align-items: center;
    margin: 0 !important;
    border: 0 !important;
}

.FormDefault input[type=checkbox]:before {
	box-sizing: content-box;
	content: '';
	color: #347fc4;
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -9px;
	border: 2px solid rgba(0,0,0,0.54);
	text-align: center;
	transition: all 0.4s ease;
	border-radius: 2px;
	background:#fff;
	display:inline-block;
}

.FormDefault input[type="checkbox"] + label {
  cursor: pointer;
  line-height: 25px;
  padding-left: 2em;
}

.FormDefault input[type="checkbox"]:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 3px;
  margin-top: -4px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 3px 3px;
  border-image: none;
  transform: rotate(-45deg) scale(0);
  content:"";
  display: inline-block;
  position: absolute;
}

.FormDefault input[type="checkbox"]:checked::before{
  animation: borderscale 200ms ease-in;
  background: #347fc4;
  border-color: #347fc4;
}

.FormDefault input[type="checkbox"]:checked::after {
  content: "";
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}

.FormDefault input[type="checkbox"]:active::before { transition-duration: 0s; }

.FormDefault input[type="checkbox"]:disabled::before{ border-color: #bdbdbd; }
.FormDefault input[type="checkbox"]:disabled:checked::before{background-color: rgba(0,0,0,0.26);  border: 2px solid #bdbdbd !important;}
.FormDefault input[type="checkbox"]:disabled:focus::before,input[type="checkbox"]:disabled:hover::before{ background-color: inherit; }

.FormDefault input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.FormDefault input[type="radio"]:active + label:before { transition-duration: 0s; }
.FormDefault input[type="radio"] + label {
  position: relative;
  padding-left: 2em;
  vertical-align: top;
  user-select: none;
  cursor: pointer;
  line-height: 25px;
}
.FormDefault input[type="radio"] + label {
  padding-right: 10px;
}
.FormDefault input[type="radio"] + label:before {
  box-sizing: content-box;
  content: '';
  color: #347fc4;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid #347fc4;
  text-align: center;
  transition: all 0.4s ease;
  border-radius: 2px;
  background:#fff;
}
.FormDefault input[type="radio"] + label:after {
  box-sizing: content-box;
  content: '';
  background-color: #347fc4;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}
.FormDefault input[type="radio"]:disabled + label:before{ border-color: #bdbdbd; }
.FormDefault input[type="radio"]:disabled:checked + label:before { background-color: rgba(0,0,0,0.26);  border: 2px solid #bdbdbd !important; }
.FormDefault input[type="radio"]:disabled + label:after{ background-color: #bdbdbd; }
.FormDefault input[type="radio"]:checked + label:before{
  animation: borderscale 300ms ease-in;
  background-color: #fff;
}
.FormDefault input[type="radio"]:checked + label:after { transform: scale(1);}

.FormDefault input[type="radio"] + label:before, .FormDefault input[type="radio"] + label:after { border-radius: 50%; }

.FormDefault input[type="radio"]:disabled:checked + label:before {background: #fff;}

/* EDITOR TINYMCE*/
.mce-tinymce.mce-container.mce-panel { /*no border nei tab horizontal section*/
	border-color:rgba(0, 0, 0, 0.16);
}
.BoxContainer .mce-tinymce.mce-container.mce-panel { /*no border nei tab horizontal section*/
	background-color: transparent !important;
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
}
.mce-tinymce .mce-edit-area.mce-container.mce-panel { /*editarea container*/
	border-color: rgba(0,0,0,0.16);
}
.mce-tinymce .mce-toolbar-grp.mce-container.mce-panel { /*toolbar container*/
  background-color: transparent !important; 
}
.mce-tinymce .mce-widget.mce-btn{ /*toolbar button*/
	background-color: transparent;
	color:#333;
}
.mce-tinymce .mce-widget.mce-btn:hover, .mce-tinymce .mce-widget.mce-btn:active {
	background-color: #2d8ac7 !important;
}
.mce-tinymce .mce-widget.mce-btn:hover button{
	color:#fff !important;
}
.mce-tinymce .mce-widget.mce-btn:hover button .mce-ico{/*toolbar icon*/
	color:#fff;
}
.mce-tinymce .mce-widget.mce-btn:hover button .mce-caret{/*toolbar arrow combobox*/
	border-top: 4px solid #fff;
}
.BoxContainer{	/*horizontal section*/
	z-index: 2 !important; 
}

/*LAYER*/
.LayerContainer {
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02), 0 1px 12px 0 rgba(0,0,0,0.08);
}

.LayerBody {
  border: 0px !important;
}

.LayerHeaderLinks {
  line-height: 36px;
}

/*CONTEXT MENU*/
.contextMenu:focus {
  outline: none;
}