/*
 ***********************************************************************
 ***********************************************************************
 * COSTANTI GLOBALI LESS
 ***********************************************************************
 ***********************************************************************
 
 https://material.io/resources/color/#!/?view.left=0&view.right=1&primary.color=138808&secondary.color=dbdbdb&primary.text.color=ffffff&secondary.text.color=000000



 https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=138706&secondary.color=E0E0E0
 
 
 */
.bg-llllllgreen {
  background-color: #e3f1e1;
}
.bg-lllllgreen {
  background-color: #e3f1e1;
}
.bg-llllgreen {
  background-color: #b8dbb5;
}
.bg-lllgreen {
  background-color: #89c484;
}
.bg-llgreen {
  background-color: #5aac52;
}
.bg-lgreen {
  background-color: #369a2d;
}
.bg-mgreen {
  background-color: #138808;
}
.bg-dgreen {
  background-color: #118007;
}
.bg-ddgreen {
  background-color: #0e7506;
}
.bg-dddgreen {
  background-color: #0b6b04;
}
.bg-ddddgreen {
  background-color: #065802;
}
.bg-dddddgreen {
  background-color: #065802;
}
.bg-ddddddgreen {
  background-color: #065802;
}
.dark-background,
.darkmode #content-container,
.darkmode .extra_controls_menu,
.darkmode,
.darkmode .ui-autocomplete,
.darkmode .ui-widget-content,
.darkmode #left-panel,
.darkmode .breadcrumbs-container,
.darkmode .breadcrumb-line-secondary {
  background-color: #191919 !important;
}
.dark-on-background,
.darkmode,
.darkmode .ui-autocomplete,
.darkmode .ui-widget-content,
.darkmode #left-panel,
.darkmode .breadcrumbs-container,
.darkmode .breadcrumb-line-secondary {
  color: #c0c0c0;
}
.dark-surface,
.darkmode #tabs_buttons_container,
.darkmode .active_tab,
.darkmode .tab.inactive_tab:hover,
.darkmode .tab.gui-disabled,
input[type=file]::-webkit-file-upload-button,
.darkmode .box-body,
.darkmode #login,
.darkmode .datagroup-area,
.darkmode .datagroup-area:hover,
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit),
.darkmode select,
.darkmode textarea,
.darkmode .jswlib2_al_modebutton,
.darkmode header,
.darkmode .search_form,
.darkmode .search_form button,
.darkmode .left_panel_menu,
.darkmode .left_panel_menu .user_menu_entry,
.darkmode .left_menu_section,
.darkmode .side_panel_content,
.darkmode .navbtn-active,
.darkmode .user_button,
.darkmode .ui-widget-content,
.darkmode .ui-dialog .ui-widget-header,
.ui-datepicker .ui-widget-header,
.darkmode .ui-dialog-title,
.darkmode .breadcrumb-line:hover,
.darkmode header .user_menu,
.darkmode .gui-td,
.darkmode .gui-td-no-border,
.darkmode .xxxxjswlib2_al_alcell,
.darkmode .jswlib2_al_alrow,
.darkmode .ui-widget-content,
.darkmode .jq-dropdown,
.darkmode .jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel,
.darkmode .quick_search_item ui-menu-item,
.darkmode .left-panel .left_panel_menu,
.darkmode .vmap_main_toolbar {
  background-color: #303030 !important;
}
.dark-on-surface,
.darkmode .jsw2_expander_btn i,
.darkmode .stroked-style,
.gui-button,
button,
.gui-button-squared,
.pulsante,
.btn,
.ui-button,
.darkmode .datagroup-area,
.darkmode .datagroup-area:hover,
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit),
.darkmode select,
.darkmode textarea,
.darkmode .jswlib2_al_modebutton,
.darkmode header,
.darkmode .search_form,
.darkmode .search_form button,
.darkmode .search_form button li,
.darkmode .left_panel_menu,
.darkmode .left_panel_menu .user_menu_entry,
.darkmode .left_menu_section,
.darkmode .side_panel_content,
.darkmode .navbtn-active,
.darkmode .user_button,
.darkmode .ui-widget-content,
.darkmode .ui-dialog .ui-widget-header,
.ui-datepicker .ui-widget-header,
.darkmode .ui-dialog-title,
.darkmode .breadcrumb-line:hover,
.darkmode header .user_menu,
.darkmode .gui-td,
.darkmode .gui-td-no-border,
.darkmode .xxxxjswlib2_al_alcell,
.darkmode .jswlib2_al_alrow,
.darkmode .ui-widget-content,
.darkmode .jq-dropdown,
.darkmode .jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel,
.darkmode .quick_search_item ui-menu-item,
.darkmode .left-panel .left_panel_menu,
.darkmode .vmap_main_toolbar,
.darkmode .ui-slider-handle,
.jsw2_item_button,
.gui-button-squared,
.jswlib_btncontrol,
.button,
.jswlib2_ts_reset_button,
.gui-button-squared,
.pulsante,
.gui-button.jswlib2_badge_link,
.gui-button.refresh_state,
.gui-button.jswlib2_delete_link,
.btn,
.gui-button.icon16x16 {
  color: #c0c0c0 !important;
}
/*
 ***********************************************************************
 ***********************************************************************
 *  COSTANTI
 ***********************************************************************
 ***********************************************************************
 */
.xxxxxxxxxdark-green {
  background-color: #118007;
}
.xxddark-green {
  background-color: #0e7506;
}
.bg-active-true {
  background-color: #77ff77;
}
.bg-active-false {
  background-color: #ff7777;
}
/*
 * COLORI STATI
 */
/* Colori stati in background (righe in tabelle, box colorati, ecc. */
.bg-NONE {
  color: white;
  background-color: #33CCFF;
}
.bg-UP {
  color: white;
  background-color: green;
}
.bg-FA {
  color: black;
  background-color: yellow;
}
.bg-DN {
  color: white;
  background-color: red;
}
.bg-UN {
  color: white;
  background-color: darkgray;
}
.bg-UD {
  color: white;
  background-color: darkgray;
}
.bg-UU {
  color: white;
  background-color: darkgray;
}
.bg-IN {
  color: black;
  background-color: white;
  border: 1px solid gray;
}
.bg-OK {
  background-color: #00ff00;
}
.bg-SV {
  background-color: #ffff00;
}
.bg-CA {
  background-color: #a0a0a0;
}
.bg-DO {
  background-color: #a0a0a0;
}
/*.bg-UN { background-color: #a0a0a0; }*/
.bg-ER {
  background-color: #ff0000;
}
/*
 ***********************************************************************
 ***********************************************************************
 * COLORI STATI TAG
 ***********************************************************************
 ***********************************************************************
 */
/* Colori stati in background (righe in tabelle, box colorati, ecc. */
.bg-TAG-NONE {
  color: white;
  background-color: gray;
}
.bg-TAG-UP {
  color: white;
  background-color: green;
}
.bg-TAG-FA {
  color: white;
  background-color: black;
}
.bg-TAG-DN {
  color: white;
  background-color: red;
}
.bg-TAG-UN {
  color: white;
  background-color: gray;
}
.bg-TAG-IN {
  color: black;
  background-color: white;
}
.border-NONE {
  border-color: gray;
  border-collapse: separate;
}
.border-UP {
  border-color: green;
  border-collapse: separate;
}
.border-FA {
  border-color: black;
  border-collapse: separate;
}
.border-DN {
  border-color: red;
  border-collapse: separate;
}
.border-UN {
  border-color: gray;
  border-collapse: separate;
}
.border-UD {
  border-color: gray;
  border-collapse: separate;
}
.border-UU {
  border-color: gray;
  border-collapse: separate;
}
.border-IN {
  border-color: white;
  border-collapse: separate;
}
/*
 ***********************************************************************
 ***********************************************************************
 * ELEMENTI HTML
 ***********************************************************************
 ***********************************************************************
 */
/*
 ***********************************************************************
 ***********************************************************************
 * FORM HTML
 ***********************************************************************
 ***********************************************************************
 */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f0f0f0;
  opacity: 1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #f0f0f0;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #f0f0f0;
}
.darkmode ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #505050;
  opacity: 1;
  /* Firefox */
}
.darkmode :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #505050;
}
.darkmode ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #505050;
}
.gui-disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.gui-disabled::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #505050;
  opacity: 1;
  /* Firefox */
  pointer-events: none;
}
.gui-disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #505050;
  pointer-events: none;
}
.gui-disabled::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #505050;
  pointer-events: none;
}
.darkmode .gui-disabled::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #505050;
  opacity: 1;
  /* Firefox */
  pointer-events: none;
}
.darkmode .gui-disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #505050;
  pointer-events: none;
}
.darkmode .gui-disabled::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #505050;
  pointer-events: none;
}
/*
 ***********************************************************************
 ***********************************************************************
 * ELEMENTI HTML
 ***********************************************************************
 ***********************************************************************
 */
body {
  margin: 0 0 0 0;
  font-size: 14px;
  font-family: Arial, tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #f0f0f0;
}
table {
  border-collapse: collapse;
  border: 0px;
}
th,
td {
  padding: 0px;
}
a {
  text-decoration: none;
  cursor: pointer;
}
h1 {
  margin: 0px;
  padding: 0px;
}
h2 {
  margin: 0px;
  padding: 0px;
}
h3 {
  margin: 0px;
  padding: 0px;
}
h4 {
  margin: 0px;
  padding: 0px;
}
h5 {
  margin: 0px;
  padding: 0px;
}
h6 {
  margin: 0px;
  padding: 0px;
}
input {
  font-size: 14px;
  box-sizing: border-box;
  margin: 2px;
}
select {
  font-size: 14px;
  box-sizing: border-box;
  margin: 2px;
}
.selected {
  background-color: #1d7fff;
  color: white;
  border-radius: 5px;
}
textarea {
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
  margin: 2px;
}
i {
  font-family: serif;
}
/*
 ***********************************************************************
 ***********************************************************************
 *   DEFINIZIONI PER LA GUI
 ***********************************************************************
 ***********************************************************************
 */
.nopadding {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.icon16x16 {
  width: 16px;
  height: 16px;
  border: 0px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 14px;
  xcolor: gray;
  text-align: center;
}
.gui-shadow {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.gui-changed {
  background-color: yellow !important;
}
.gui-table,
.xxxxxjswlib2_al_altable {
  border-collapse: collapse;
  border: 1px solid #999999;
}
.gui-tr,
.xxxxtag_filter_row {
  border: 1px solid #999999;
}
.gui-tr > th {
  padding-left: 3px;
  padding-right: 3px;
}
.gui-tr > td {
  padding-left: 3px;
  padding-right: 3px;
}
.gui-tr > .gui-td {
  padding-left: 3px;
  padding-right: 3px;
}
.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxgui-tr:hover {
  border: 1px solid #999999;
}
.gui-th,
.jswlib2_ts_section_titlegroup th {
  background-color: #999999;
  border: 1px solid #999999;
  padding-left: 3px;
  padding-right: 3px;
}
.gui-td,
.gui-td-no-border,
.gui-td-transparent,
.xxxxjswlib2_al_alcell {
  border: 1px solid #999999;
  background-color: white;
}
.gui-td-no-border {
  background-color: white;
}
.gui-td-transparent {
  xborder: 1px solid #999999;
}
.gui-td,
.gui-td-no-border,
.gui-td-transparent,
.xxxxjswlib2_al_alcell {
  padding: 3px;
}
.gui-td-nobreak {
  white-space: nowrap;
}
.gui-table > tbody > .gui-tr:nth-child(odd) > td {
  filter: brightness(0.95);
  xbackground-color: #ffffff;
}
.gui-table > tbody > .gui-tr.odd {
  filter: brightness(0.95);
  xbackground-color: #ffffff;
}
.gui-table > tbody > .gui-tr:nth-child(.odd) {
  filter: brightness(0.95);
  xbackground-color: #ffffff;
}
.gui-table > tbody > .gui-tr.even {
  background-color: #fefefe;
}
.gui-font {
  font-size: 14px;
  font-family: Arial, tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.BASE_BUTTON,
.gui-button,
input[type=submit],
input[type=reset],
input[type=button],
button,
.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane button,
.jsw2_item_button,
.gui-button-squared,
.jswlib_btncontrol,
.button,
.jswlib2_ts_reset_button,
.gui-button-squared,
.pulsante,
.gui-button.jswlib2_badge_link,
.gui-button.refresh_state,
.gui-button.jswlib2_delete_link,
.btn,
.gui-button.icon16x16 {
  display: inline-block;
  cursor: pointer;
  xborder: 1px solid #999999;
  xborder-radius: 1px;
  padding: 5px;
  margin-left: 4px;
  margin-right: 4px;
  text-align: center;
  min-width: 20px;
  min-height: 20px;
  box-sizing: border-box;
  xbackground-color: #f0f0f0;
  color: black;
}
.BASE_BUTTON:hover {
  background-color: #c0c0c0;
  color: black;
}
.gui-button-selected {
  background-color: #a0a0ff;
  color: black;
}
.jsw2_item_button {
  backgroun-color: initial;
}
.gui-button-squared {
  width: 16px;
  height: 16px;
}
.user_button {
  display: inline-block;
  background-color: green;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  line-height: 20px;
  padding: 5px;
  text-align: center;
}
.user_button {
  box-sizing: border-box;
  position: relative;
  top: 50%;
  background-size: 30px;
  height: 30px;
  width: 30px;
}
.user_button:hover {
  background-color: #29a929;
}
.user_button.ddays_alert_button:hover {
  background-color: #b4d3f3;
}
/*
 ***********************************************************************
 ***********************************************************************
 * GESTIONE WIDGET
 ***********************************************************************
 ***********************************************************************
 */
.h-1 {
  height: 50px;
}
.h-1 .content,
.h-1 .settings_container,
.h-1 .settings,
.h-1 .map {
  height: 40px;
}
.h-1 .data {
  height: 20px;
}
.h-2 {
  height: 110px;
}
.h-2 .content,
.h-2 .settings_container,
.h-2 .settings,
.h-2 .map {
  height: 100px;
}
.h-2 .data {
  height: 80px;
}
.h-3 {
  height: 170px;
}
.h-3 .content,
.h-3 .settings_container,
.h-3 .settings,
.h-3 .map {
  height: 160px;
}
.h-3 .data {
  height: 140px;
}
.h-4 {
  height: 230px;
}
.h-4 .content,
.h-4 .settings_container,
.h-4 .settings,
.h-4 .map {
  height: 220px;
}
.h-4 .data {
  height: 200px;
}
.h-5 {
  height: 290px;
}
.h-5 .content,
.h-5 .settings_container,
.h-5 .settings,
.h-5 .map {
  height: 280px;
}
.h-5 .data {
  height: 260px;
}
.h-6 {
  height: 350px;
}
.h-6 .content,
.h-6 .settings_container,
.h-6 .settings,
.h-6 .map {
  height: 340px;
}
.h-6 .data {
  height: 320px;
}
.h-7 {
  height: 410px;
}
.h-7 .content,
.h-7 .settings_container,
.h-7 .settings,
.h-7 .map {
  height: 400px;
}
.h-7 .data {
  height: 380px;
}
.h-8 {
  height: 470px;
}
.h-8 .content,
.h-8 .settings_container,
.h-8 .settings,
.h-8 .map {
  height: 460px;
}
.h-8 .data {
  height: 440px;
}
.h-9 {
  height: 530px;
}
.h-9 .content,
.h-9 .settings_container,
.h-9 .settings,
.h-9 .map {
  height: 520px;
}
.h-9 .data {
  height: 500px;
}
.h-10 {
  height: 590px;
}
.h-10 .content,
.h-10 .settings_container,
.h-10 .settings,
.h-10 .map {
  height: 580px;
}
.h-10 .data {
  height: 560px;
}
.h-11 {
  height: 650px;
}
.h-11 .content,
.h-11 .settings_container,
.h-11 .settings,
.h-11 .map {
  height: 640px;
}
.h-11 .data {
  height: 620px;
}
.h-12 {
  height: 710px;
}
.h-12 .content,
.h-12 .settings_container,
.h-12 .settings,
.h-12 .map {
  height: 700px;
}
.h-12 .data {
  height: 680px;
}
.h-13 {
  height: 770px;
}
.h-13 .content,
.h-13 .settings_container,
.h-13 .settings,
.h-13 .map {
  height: 760px;
}
.h-13 .data {
  height: 740px;
}
.h-14 {
  height: 830px;
}
.h-14 .content,
.h-14 .settings_container,
.h-14 .settings,
.h-14 .map {
  height: 820px;
}
.h-14 .data {
  height: 800px;
}
.h-15 {
  height: 890px;
}
.h-15 .content,
.h-15 .settings_container,
.h-15 .settings,
.h-15 .map {
  height: 880px;
}
.h-15 .data {
  height: 860px;
}
.w-1 {
  width: 50px;
}
.w-1 .content,
.w-1 .settings_container,
.w-1 .settings,
.w-1 .map {
  width: 40px;
}
.w-1 .display {
  width: -10px;
}
.w-1 .tools {
  margin-left: 20px;
}
.w-2 {
  width: 110px;
}
.w-2 .content,
.w-2 .settings_container,
.w-2 .settings,
.w-2 .map {
  width: 100px;
}
.w-2 .display {
  width: 50px;
}
.w-2 .tools {
  margin-left: 80px;
}
.w-3 {
  width: 170px;
}
.w-3 .content,
.w-3 .settings_container,
.w-3 .settings,
.w-3 .map {
  width: 160px;
}
.w-3 .display {
  width: 110px;
}
.w-3 .tools {
  margin-left: 140px;
}
.w-4 {
  width: 230px;
}
.w-4 .content,
.w-4 .settings_container,
.w-4 .settings,
.w-4 .map {
  width: 220px;
}
.w-4 .display {
  width: 170px;
}
.w-4 .tools {
  margin-left: 200px;
}
.w-5 {
  width: 290px;
}
.w-5 .content,
.w-5 .settings_container,
.w-5 .settings,
.w-5 .map {
  width: 280px;
}
.w-5 .display {
  width: 230px;
}
.w-5 .tools {
  margin-left: 260px;
}
.w-6 {
  width: 350px;
}
.w-6 .content,
.w-6 .settings_container,
.w-6 .settings,
.w-6 .map {
  width: 340px;
}
.w-6 .display {
  width: 290px;
}
.w-6 .tools {
  margin-left: 320px;
}
.w-7 {
  width: 410px;
}
.w-7 .content,
.w-7 .settings_container,
.w-7 .settings,
.w-7 .map {
  width: 400px;
}
.w-7 .display {
  width: 350px;
}
.w-7 .tools {
  margin-left: 380px;
}
.w-8 {
  width: 470px;
}
.w-8 .content,
.w-8 .settings_container,
.w-8 .settings,
.w-8 .map {
  width: 460px;
}
.w-8 .display {
  width: 410px;
}
.w-8 .tools {
  margin-left: 440px;
}
.w-9 {
  width: 530px;
}
.w-9 .content,
.w-9 .settings_container,
.w-9 .settings,
.w-9 .map {
  width: 520px;
}
.w-9 .display {
  width: 470px;
}
.w-9 .tools {
  margin-left: 500px;
}
.w-10 {
  width: 590px;
}
.w-10 .content,
.w-10 .settings_container,
.w-10 .settings,
.w-10 .map {
  width: 580px;
}
.w-10 .display {
  width: 530px;
}
.w-10 .tools {
  margin-left: 560px;
}
.w-11 {
  width: 650px;
}
.w-11 .content,
.w-11 .settings_container,
.w-11 .settings,
.w-11 .map {
  width: 640px;
}
.w-11 .display {
  width: 590px;
}
.w-11 .tools {
  margin-left: 620px;
}
.w-12 {
  width: 710px;
}
.w-12 .content,
.w-12 .settings_container,
.w-12 .settings,
.w-12 .map {
  width: 700px;
}
.w-12 .display {
  width: 650px;
}
.w-12 .tools {
  margin-left: 680px;
}
.w-max {
  width: 100%;
}
.w-max .content,
.w-max .settings_container,
.w-max .settings,
.w-max .map {
  width: 90%;
}
.w-max .display {
  width: 30%;
}
.w-max .tools {
  margin-left: 50%;
}
.w-min {
  min-width: 10px;
}
.w-min .content,
.w-min .settings_container,
.w-min .settings,
.w-min .map {
  width: auto;
}
.w-min .data {
  width: auto;
}
.h-max {
  display: block;
  height: 100%;
}
.h-max .content,
.h-max .settings_container,
.h-max .settings,
.h-max .map {
  width: 90%;
}
.h-max .display {
  width: 30%;
}
.h-max .tools {
  margin-left: 50%;
}
.h-min {
  min-height: 10px;
}
.h-min .content,
.h-min .settings_container,
.h-min .settings,
.h-min .map {
  height: auto;
}
.h-min .data {
  height: auto;
}
/*
 ***********************************************************************
 ***********************************************************************
 *  CLASSI GENERICHE
 ***********************************************************************
 ***********************************************************************
 */
.closer {
  clear: both;
}
.table {
  display: table;
}
.row {
  display: table-row;
}
.cell {
  display: table-cell;
}
.content {
  background-color: white;
}
.col_el {
  cursor: move;
}
.divider .name {
  display: inline-block;
}
.divider h1 .i {
  width: 25px;
  display: inline-block;
}
.divider h1 .i i {
  margin-left: auto;
  margin-right: auto;
}
.divider a {
  text-decoration: none;
}
.divider .col_3,
.divider .col_1,
.divider .col_2 {
  float: none;
}
.widget .display .divider {
  clear: both;
}
/*
 * 
 *  ELEMENTI DELLA PAGINA
 *
 *
 */
.left_panel_menu {
  background: #fff;
  xborder: solid 1px #ddd;
  xxxxxxborder: 1px solid yellow;
  color: black;
  box-shadow: 3px 3px 5px #00000060;
  z-index: 1000;
  position: absolute;
  left: 100%;
  xtransform: translateX(-100%);
  min-width: 120px;
}
.left_panel_menu left_menu table tr:hover {
  background-color: red;
}
.left_menu > a {
  color: black;
}
.left_menu_section {
  width: 100%;
  text-align: center;
  xline-height: 30px;
  xheight: 30px;
  background-color: #f0f0f0;
  xbackground: linear-gradient(180deg, #a3a3a3 7%, #bebebe 73%, #bebebe 100%);
  font-size: 1.4em;
  padding: 4px;
  color: white;
}
.left_panel_menu .user_menu_entry {
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 25px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 25px;
  font-size: 1.2em;
  color: black;
}
.user_menu_entry i {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.username {
  font-style: italic;
}
/* .left_panel_menu   */
.user_menu_entry:hover {
  background-color: #c0c0c0;
}
.user_menu_entry_l2 {
  padding-left: 20px;
}
header {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  background-color: #065802;
  xfont-size: 1.1em;
  border-bottom: 1px solid #1f4726;
}
header .left {
  height: 50px;
  display: block;
  float: left;
  padding-left: 10px;
}
header .center {
  margin-left: 25px;
  margin-right: auto;
  position: relative;
  float: left;
  width: 400px;
  padding-top: 12px;
}
header .right {
  height: 50px;
  display: block;
  float: right;
  padding-right: 10px;
}
header #header-controls {
  color: white;
}
header .current_tenant_logo {
  margin-left: 10px;
  margin-right: 10px;
  height: 50px;
  line-height: 50px;
  color: white;
  position: relative;
}
header .current_tenant_logo img {
  height: 40px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
header .controls_button {
  display: inline-block;
  cursor: pointer;
  position: relative;
  xpadding: 5px;
  text-align: left;
  xcolor: black;
  color: white;
  xbackground-color: #e3f1e1;
  xborder-radius: 5px;
  text-decoration: none;
}
header .controls_button a {
  xcolor: black;
}
header .controls_button:hover {
  xbackground-color: #e3f1e1;
}
header .user_menu,
.extra_controls_menu,
#extra_buttons_panel {
  line-height: initial;
  background: #fff;
  border: solid 1px #ddd;
  color: black;
  box-shadow: 3px 3px 5px #00000060;
  z-index: 1000;
  position: absolute;
  left: 100%;
  transform: translateX(-100%);
  min-width: 120px;
}
header .user_menu table tbody tr td {
  xfont-size: 1px;
  border-top: solid 1px #e5e5e5;
  xpadding: 0;
  xmargin: 5px 0;
}
header .user_menu_entry {
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
header #user_area {
  text-align: left;
  xcolor: black;
  color: white;
  xbackground-color: #e3f1e1;
  margin-left: 10px;
  margin-right: 10px;
  line-height: inherit;
  position: relative;
}
header #user_area .xxxxuser_menu {
  xxbackground-color: #e3f1e1;
  display: block;
  position: absolute;
  z-index: 1000;
}
header .dropdown_button {
  text-align: left;
  color: black;
  background-color: #e3f1e1;
  padding: 5px;
  text-decoration: none;
}
header #system_area {
  text-align: left;
  xcolor: black;
  color: white;
  xbackground-color: #e3f1e1;
}
header #xxxxsystem_menu {
  xcolor: black;
  xcolor: white;
  display: block;
  xxxxbackground-color: #e3f1e1;
  xxxxposition: fixed;
  z-index: 1000;
  xxxbox-shadow: 3px 3px 20px #000;
}
header #xxxxtenant_menu {
  xcolor: black;
  xcolor: white;
  display: block;
  xbackground-color: #e3f1e1;
  xxxposition: fixed;
  xxxxz-index: 1000;
  xxbox-shadow: 3px 3px 20px #000;
}
header #user_area:hover {
  xbackground-color: #e3f1e1;
  xxfont-weight: bold;
}
header #system_area:hover {
  xbackground-color: #e3f1e1;
  xxfont-weight: bold;
}
header #tenant_area:hover {
  xbackground-color: #e3f1e1;
  xxfont-weight: bold;
}
.system_status_button {
  display: none;
  border-radius: 5px;
  font-size: 18px;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  line-height: 20px;
  padding: 5px;
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}
#system_oncall_button {
  font-size: 12px;
  font-weight: bold;
}
.system_status_yellow {
  background-color: yellow;
  display: inline-block;
  color: black !important;
}
.system_status_red {
  background-color: red;
  display: inline-block;
  color: black !important;
  font-size: 12px;
}
.system_status_normal {
  background-color: initial;
  color: white;
}
#guide-button {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  line-height: 40px;
}
#guide-button img {
  width: 30px;
  height: 30px;
  line-height: 40px;
  vertical-align: middle;
}
#guide-button:hover {
  background-color: #f0f0f030;
  border-radius: 5px;
}
.jswlib2_wframe_frame {
  xpadding: 10px;
}
/*	
.search{

	
	#search_bar{
		width:320px;
		display:inline-block;
	}
	.search_btn{
		font-family: FontAwesome;
		width:60px;
		height:24px;
		margin-left:5px;
		display:inline-block;
		background-color:@mgreen;
		color:white;
		content:"\f002";
		position: relative;
		top: -5px;
		
		i{
			position:relative;
			top:5px;
			left:40%;
		}
	}
}


#search_box {
	display:block;
	position:absolute;
	font-family: FontAwesome;
	width:320px;
	background-color:white;
	left:316px;
	top:43px;
	border-left:@lborder solid darkgray;
	border-top:@tborder solid darkgray;
	border-bottom:@bborder solid gray;
	border-right:@rborder solid gray;
	
	height:300px;
	
}
*/
#page_left_side_panel {
  background-color: black;
  /* @darkgrey;  */
}
#page_content_panel {
  background-color: #c0c0c0;
}
#content-container {
  background-color: #e8e8e8;
}
#content-container > .layout-part {
  padding: 5px;
  box-sizing: border-box;
}
.layout-container {
  padding: 10px;
}
/*
 * Classi per gestire il bordo colorato dei blocchi/badge esapnsi che contengono i datagroup
 */
.datagroupbox-top {
  border-width: 4px 4px 0px 4px;
  border-style: solid;
}
.datagroupbox-bottom > .box-spacer {
  border-width: 0px 4px 4px 4px;
  border-style: solid;
  box-sizing: border-box;
}
#tabs_buttons_container {
  border-bottom: 3px solid #f0f0f0;
  background-color: white;
}
.darkmode #tabs_buttons_container {
  border-bottom: 3px solid #191919;
}
#map {
  float: left;
}
#items_bar {
  float: right;
  border-left: 1px solid #138808;
}
#items_bar .element .name {
  display: inline-block;
  top: -10px;
  position: relative;
}
#items_bar .element img {
  top: 2px;
  left: 2px;
}
.widget {
  background-color: transparent;
  border-bottom: 0px solid #ddd;
  border-right: 0px solid #ddd;
  border-left: 0px solid #ddd;
  border-top: 0px solid #ddd;
  display: inline-block;
  vertical-align: top;
}
.widget .map {
  margin-left: -5px;
}
.widget .settings {
  display: none;
  background-color: white;
}
.widget .content {
  height: 100%;
}
.widget .tools {
  position: absolute;
  z-index: 10000;
  display: none;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 10px;
  text-align: center;
  background-color: white;
  box-shadow: 0px 2px 4px #000;
  color: #aaa;
}
.widget .tools i {
  position: relative;
  top: 3px;
  left: 1px;
}
.widget .tools:hover {
  color: black;
}
.widget .settings_container {
  display: none;
}
.i_btn {
  display: inline-block;
  height: 30px;
}
.i_btn .label {
  color: white;
  display: inline-block;
  position: relative;
  margin-top: 5px;
  margin-left: 5px;
}
.i_btn .value {
  margin-left: 5px;
  height: 30px;
  width: 30px;
  text-align: center;
  background-color: #ff0000;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  box-shadow: inset 3px 3px 11px #ff9999, 2px 2px 6px #0b6b04;
  border-radius: 114px;
  font-weight: bold;
  color: white;
}
.i_btn .value span {
  margin-top: 2px;
  display: block;
  margin-left: -1px;
}
.elementhelper {
  display: block;
}
.elementhelper img {
  height: 32px;
}
.elementhelper .name {
  display: inline-block;
  text-align: center;
}
.datatable table {
  border-collapse: collapse;
}
.datatable table thead tr {
  background-color: #ddd;
}
.datatable table thead th {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
.datatable table thead th.headerSortDown {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
.datatable table thead th.headerSortUp {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.datatable table tbody tr {
  border-bottom: 1px solid #ddd;
}
.datatable table tbody tr:hover {
  background-color: #eee;
}
.conf_col {
  width: 100px;
}
.col1 {
  left: 0;
}
.col2 {
  left: 100px;
}
.col3 {
  left: 200px;
}
.display {
  margin: 0 0 0 0 ;
  float: right;
  height: 100%;
  width: 100%;
  background-color: white;
}
.data {
  margin: 0 0 0 0 ;
  width: 100%;
  height: 80%;
  display: block;
}
.data_content {
  margin: 0 0 0 5px;
  width: 44px;
  height: 100%;
  float: left;
  display: block;
}
.data_details {
  margin: 0 0 0 5px;
  width: 100%;
  bottom: 0px;
  position: relative;
  vertical-align: bottom;
  display: block;
  height: 20px;
}
.jswlib_flag_notextsel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  -o-user-select: none;
  user-select: none;
}
.jswlib_dyntablecontainer {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.jswlib_foldbutton {
  cursor: pointer;
  width: 2em;
  text-align: center;
  /*
		    avoiding text selection on button
		    */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
}
.jswlib_tablectrl_pagerlink {
  cursor: pointer;
  border: 1px solid #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  -o-user-select: none;
  user-select: none;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
}
.jswlib_tablectrl_pagerlink:hover {
  border: 1px solid #008800;
}
.jswlib_tablectrl_pagerlink_current {
  border: 1px solid #008800;
  color: #ffffff;
  background-color: #008800;
  padding-left: 2px;
  padding-right: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
  margin-left: 2px;
  margin-right: 2px;
}
.jswlib_callout {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
}
.jswlib_legendlabel {
  font-weight: bold;
}
/* non-essential styling for foldtable, example */
.jswlib_foldtable {
  border-spacing: 0;
  border-collapse: collapse;
}
.jswlib_foldtable tbody {
  border-bottom: 1px solid #777777;
  border-top: 1px solid #777777;
}
.jswlib_foldbutton {
  background-color: #ddddbb;
}
.jswlib_subrefrow td {
  border-top: 1px solid #ccccaa;
}
.jswlib_timedarealines_toolbar {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 1px dashed #000000;
}
.jswlib_timedarealines_button {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  vertical-align: text-bottom;
  background-color: #cccccc;
  cursor: pointer;
}
.jswlib_timedarealines_button:hover {
  background-color: #ffffff;
}
.jswlib_dictlist_key {
  text-align: left;
}
.jswlib_dictlist_val {
  text-align: left;
}
.jswlib_warning {
  /* similar to widget overlay but does not allow events to pass through*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px dashed #999999;
  opacity: 0.9;
  /* IE6 */
  filter: alpha(opacity=90);
  background-color: #333;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
}
.jswlib_widgetoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px dashed #999999;
  opacity: 0.5;
  /* IE6 */
  filter: alpha(opacity=50);
  background-color: #666;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
}
.jswlib_timegraph_control {
  background-color: #89c484;
  border: 0;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0px;
}
.jswlib_timegraph_toolbar {
  z-index: 10000;
  pointer-events: none;
}
.jswlib_timegraph_toolbar * {
  pointer-events: auto;
}
.jswlib_dtg_master {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE 10 */
  -o-user-select: none;
  user-select: none;
}
.jswlib_callout {
  position: absolute;
  top: 40%;
  left: 40%;
  background-color: #ffffff;
  border: 1px solid #111144;
}
#notiftest {
  background-color: #222222;
  color: #aaaaaa;
}
.jswlib_widget {
  vertical-align: top;
}
.jswlib_notificationblock {
  position: relative;
  height: 100%;
  width: 100%;
}
.jswlib_notificationblock_summary {
  position: absolute;
  top: 0;
  height: 100%;
  min-width: 100px;
}
.jswlib_notificationblock_summarygroup {
  width: 100%;
  height: 100%;
}
.jswlib_notificationblock_title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: bottom;
  text-align: center;
}
.jswlib_notificationblock_total {
  vertical-align: middle;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2em;
}
.jswlib_bargauge_bar {
  background-color: #cccccc;
  vertical-align: middle;
}
.jswlib_bargauge_barcontainer {
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
}
.jswlib_roundgauge_label {
  color: #666666;
}
.jswlib_notificationblock {
  position: relative;
  height: 100%;
  width: 100%;
}
.jswlib_notificationblock_summarygroup {
  width: 100%;
  height: 100%;
}
.jswlib_notificationblock_title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: bottom;
  text-align: center;
  font-weight: bold;
}
.jswlib_notificationblock_total {
  vertical-align: middle;
  text-align: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 2em;
  /*
    font-size:          3em;
    */
}
.jswlib_notificationblock_list {
  position: absolute;
  left: 100px;
  top: 0;
  bottom: 4px;
  right: 0;
  overflow-y: auto;
  padding-right: 4px;
  padding-left: 4px;
}
.jswlib_notificationblock_list > .jswlib_notificationblock_detail {
  border-bottom: 1px solid #cccccc;
}
.jswlib_bargauge_bar {
  background-color: #cccccc;
  vertical-align: middle;
}
.jswlib_bargauge_barcontainer {
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
}
.jswlib_roundgauge_label {
  color: #666666;
}
.jswlib_valuesrow.DN,
.jswlib_valuesrow.ds_50 {
  background-color: red;
}
.jswlib_valuesrow.UP,
.jswlib_valuesrow.ds_0 {
  background-color: green;
}
.jswlib_valuesrow.FA {
  background-color: yellow;
}
.jswlib_valuesrow.UU,
.jswlib_valuesrow.ds_10,
.jswlib_valuesrow.ds_20,
.jswlib_valuesrow.ds_30,
.jswlib_valuesrow.ds_40 {
  background-color: #dedede;
}
.jswlib_valuesrow.suspended {
  text-decoration: line-through;
}
/*
.statuswidget {
	height: 100%;

	font-weight: bold;
	position: relative;

	h1{
		// padding-left: 5px;
		// padding-top: 5px;
	}
	h1 i.container{
		position: absolute;
		top: 53px;
		left: 31px;
	}

	h1 i.element{
		top: 53px;
		left: 31px;
		position: absolute;
	}		
	a {
		text-decoration: none;
	}
}

.wFA, .wSV{
	background-color:@warning;
	color:@ddgreen;
		a {
			text-decoration:none;
		}
	}
	.wUP, .wOK{
	background-color: @dgreen;
	color:white;
	
		a {
				text-decoration:none;
			}
	}
	.wDN, .wER{
	background-color: @alert;
	color:white;
		a {
				text-decoration:none;
			}
	}

	.wUN, .wUU, .wUD, .wCA, .wDO{
	background-color: gray;
	color:white;
		a {
				text-decoration:none;
			}
	}
	
	
	.iFA{
	color:@warning;
	}
	.iUP{
	color: @dgreen;
	}
	.iDN{
	color: @alert;
	}
	.iUN, .iUU, .iUD{
	color: gray;
	}

	#maps_list{
		position: absolute;
		left: 30px;
		top: 140px;
		background-color: white;
		display: block;
		box-shadow: 3px 5px 10px;

		overflow-y: auto;
		overflow-x: hidden;
		bottom: 40px;
		
		width: 350px;

		a {
			text-decoration:none;
		}
		li{
			width:95%;
			min-width: 200px;

			.right{
				float: right;
				margin-right: 16px;
			}
		}
}



.jswlib_vmap_toolbarblock
{
   display:    inline-block;
}

.jswlib_vmap_controls_object
{
   margin-left:    16px;
}

.badge {
	position: absolute;
	background-color: rgb(4, 75, 10);
	padding: 1px;
	top: 3px;
	left: 20px;
}

.badge_overlay_icon_small {
	position: absolute;

	height  : 32px;
	width   : 32px;

	left    : 40px;
	top     : 32px;
}



.sidemenu{ h3{
	padding-left:10px;
	padding-right:10px;
}

	li{
	display: block;

		i{
			padding-right: 5px;
		}
	}
}

[data-amount="0"]{
	display: none;
}

.widgetcontainer(@blw , @brw, @bbw, @w){
}

.tenant .widgetcontainer, .tag .widgetcontainer {
	.widgetcontainer(5px, 5px, 5px, 100%);

	.widget {
		color:black;
	}
}

.node .widgetcontainer, .interface .widgetcontainer, .service .widgetcontainer, .device .widgetcontainer, .storage .widgetcontainer {
	.widgetcontainer(1px, 1px, 1px, 100%);
}

.widgetcontainer td {
	padding: 0px; 
}

/* TOP part of box element */
.node .datacontainer,
.interface .datacontainer,
.service .datacontainer,
.device .datacontainer,
.storage .datacontainer {
  border-top: 1px;
  border-top-style: solid;
  border-left: 1px;
  border-left-style: solid;
  border-right: 1px;
  border-right-style: solid;
  width: 100%;
  margin-top: 0px;
  -xxxxxxwebkit-border-top-left-radius: 10px;
  -xxxxxxwebkit-border-top-right-radius: 10px;
  -xxxxxxmoz-border-top-left-radius: 10px;
  -xxxxxxmoz-border-top-right-radius: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.tenant .datacontainer,
.tag .datacontainer {
  border-top: 5px;
  border-top-style: solid;
  border-left: 5px;
  border-left-style: solid;
  border-right: 5px;
  border-right-style: solid;
  width: 100%;
  margin-top: 0px;
  -xxxxxxwebkit-border-top-left-radius: 10px;
  -xxxxxxwebkit-border-top-right-radius: 10px;
  -xxxxxxmoz-border-top-left-radius: 10px;
  -xxxxxxmoz-border-top-right-radius: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.tenant .boxcontainer,
.tag .boxcontainer {
  border-left: 5px;
  border-left-style: solid ;
  border-right: 5px;
  border-right-style: solid;
  border-bottom: 5px;
  border-bottom-style: solid;
  margin-top: -8px;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.tenant .boxcontainer .widget,
.tag .boxcontainer .widget {
  color: black;
}
.node .boxcontainer,
.interface .boxcontainer,
.service .boxcontainer,
.device .boxcontainer,
.storage .boxcontainer {
  /*
.boxcontainer(1px, 1px, 1px, 100%, -8px, 30px, 5px);
*/
}
.jswlib_vmap_toolbarmenu {
  background-color: #cccccc;
}
.jswlib_vmap_info {
  z-index: 1000;
}
.jswlib_vmap_toolbarblock {
  margin-top: 1em;
}
.jswlib_btncontrol {
  display: inline-block;
  border: 1px solid gray;
  font-size: 0.7em;
  /* I pulsanti nei timegraph li facciamo piccoli */
  padding: 2px 4px;
  margin: 2px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  /* Webkit */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /*IE10*/
  /* Currently not supported in Opera but will be soon */
  -o-user-select: none;
  user-select: none;
  background-color: white;
}
.jswlib_btncontrol:hover {
  border: 1px solid #118007;
  background-color: #89c484;
}
/* NOTE: THESE TWO ALWAYS GO AFTER btn_control */
.jswlib_modeactive {
  background-color: #ffcc00;
}
.jswlib_modeinactive {
  background-color: #dddddd;
}
.jswlib_ajaxtable_vis {
  width: 100%;
}
.jswlib_ajaxtable_ctrl_block {
  display: table-cell;
  white-space: nowrap;
}
.jswlib_ajaxtable_ctrl_toolbar {
  display: table;
  width: 100%;
}
.jswlib_ajaxtable_ctrl_pagerlink {
  cursor: pointer;
  border: 1px solid #ffffff;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
}
.jswlib_ajaxtable_ctrl_pagerlink:hover {
  border: 1px solid #008800;
}
.jswlib_ajaxtable_ctrl_pagerlink_current {
  cursor: default;
  border: 1px solid #ffffff;
  background-color: #008800;
  color: #ffffff;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
}
.jswlib_ajaxtable_ctrl_sizer {
  text-align: right;
}
.jswlib_ajaxtable_ctrl_pager {
  text-align: center;
  width: 100%;
}
.jswlib_ajaxtable_ctrl_filter {
  text-align: left;
}
.right {
  float: right;
}
.jswlib_legendblock {
  display: inline-block;
  white-space: nowrap;
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: middle;
}
.jswlib_legendblock_marker {
  display: inline-block;
  width: 1em;
  /*height:   1em;*/
  height: 100%;
  margin-right: 0.5em;
}
.flotr-datagrid-container {
  cursor: default;
}
.jswlib_loaderrormess {
  color: #ffffff;
}
#dashboard_list {
  position: absolute;
  left: 555px;
  top: 39px;
  background-color: white;
  display: block;
  box-shadow: 3px 5px 10px;
}
#dashboard_list a {
  text-decoration: none;
}
#dashboard_list li {
  width: 100%;
  min-width: 200px;
}
#dashboard_list li .right {
  float: right;
}
.linknolink {
  text-decoration: none;
}
/*- FILTER OPTIONS -*/
.filterOptions {
  border: 1px solid #999;
  margin-top: 6px;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  background: #cfcfcf;
  display: inline-block;
  font-weight: bold;
}
.filterOptions.filterSelected {
  background-color: #fefefe;
}
/* MANDATORY FOR AJAXTABLE */
.jswlib_foldbutton.jswlib_fold_closed {
  border-bottom: 1px solid #222222;
  border-left: none;
  border-top: none;
  border-right: none;
}
.jswlib_foldbutton.jswlib_fold_open {
  border-left: 1px solid #222222;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  border-bottom: none;
}
td.jswlib_foldcell {
  background-color: #ddddbb;
}
.jswlib_subreftd .jswlib_dyntable_master {
  border-left: 5px solid;
  padding-left: 2px;
}
.btn {
  display: inline-block;
  position: relative;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: white;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px 10px 0 0;
}
.btn i {
  xdisplay: block;
  xxxmargin-left: 10px;
  xxxmargin-right: 10px;
  xxxmargin-top: 5px;
}
/*
 ***********************************************************************
 ***********************************************************************
 *  MENU LATERALE (SPALLA)
 ***********************************************************************
 ***********************************************************************
 */
.side_panel {
  xxxbackground-color: white;
}
.btn {
  cursor: pointer;
}
.btn:hover {
  color: #369a2d;
}
.side_panel_header {
  height: 30px;
  xxxxxxxbackground-color: black;
  /* @darkgrey; */
}
.side_panel_header_title {
  display: inline-block;
  margin-left: 4px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-weight: bold;
  color: white;
}
.side_panel_content {
  background-color: white;
}
nav {
  display: block;
  /*
	position: initial;
	right   : initial
	right   : initial
	*/
  width: 32px;
}
.navbtn {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  color: white;
  text-align: center;
  vertical-align: middle;
}
.navbtn li {
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}
.navbtn-active {
  border-radius: 0px 5px 5px 0px;
  background-color: white;
  color: black;
}
.navbtn:hover {
  color: #369a2d;
  cursor: pointer;
}
.disabled {
  color: gray;
}
.disabled:hover {
  color: gray;
}
/*
 ***********************************************************************
 ***********************************************************************
 *  TAB E PULSANTI
 ***********************************************************************
 ***********************************************************************
 */
.tab {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  min-width: 100px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.tab i {
  display: inline-block;
  line-height: inherit;
}
.tab.active_tab {
  background-color: white;
  border-bottom: 4px solid green;
}
.tab.inactive_tab {
  xcolor: #626262;
}
.darkmode .active_tab {
  border-bottom: 4px solid green;
}
.tab.inactive_tab:hover {
  background-color: #c0c0c0;
  xxxborder-bottom: 4px solid #a0a0a0;
  border-bottom: 4px solid green;
  xcursor: none;
}
.darkmode .tab.inactive_tab:hover {
  xcursor: not-allowed;
}
.darkmode .tab.gui-disabled {
  xbackground-color: lightgray !important;
  color: #505050;
  cursor: not-allowed !important;
}
.darkmode .tab.gui-disabled:hover {
  cursor: not-allowed !important;
}
#tabs_extra_buttons {
  height: 30px;
  line-height: 30px;
}
#tabs_extra_buttons .extra_button {
  cursor: pointer;
  display: block;
  line-height: inherit;
  width: 30px;
  text-align: center;
}
#tabs_extra_buttons .extra_button:hover {
  background-color: #f0f0f0;
}
.btn_extra {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  border: 1px solid white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: white;
}
.btn_extra:hover {
  background: white;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  border: 1px solid white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  color: black;
}
.search_form {
  background-color: white;
  white-space: nowrap;
  border-radius: 7px;
  padding: 0px;
  line-height: initial;
  border-color: #d8dbe0;
}
.xsearch_form > xform:focus-within {
  outline: 0;
  xborder: 1px solid red;
  border-radius: 7px;
  box-sizing: border-box;
  box-shadow: 0 0 0 0.2rem rgba(29, 127, 255, 0.25);
}
.jswlib_timegraph_lastperiod {
  background-color: #9ff996;
}
.timegraph-border {
  box-sizing: border-box;
  margin: 5px;
  border: 1px solid #c0c0c0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0px;
}
.extra_controls_menu {
  overflow: hidden;
}
.layout-part {
  width: 100%;
  min-width: 200px;
  float: left;
  display: block;
}
.orient-h.contains-2 {
  width: 100%;
}
.orient-h.contains-2 > .layout-part {
  width: 50%;
}
.orient-h.contains-3 {
  width: 100%;
}
.orient-h.contains-3 > .layout-part {
  width: 33%;
}
.box-spacer {
  width: 100%;
  /*border-spacing: 1px;*/
  border-spacing: 7px;
  border-collapse: separate;
}
.box-spacer > table > tbody > tr > td {
  padding: 0px	;
}
.box-body {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  xbackground-color: #eeeeee;
  background-color: white;
  width: 100%;
  xbox-shadow: 2px 2px 5px #888888a0;
  box-shadow: 0px 2px 3px #d0d0d0, -1px 0px 3px #d0d0d0, 1px 0px 3px #d0d0d0;
}
.box-body-transparent {
  width: 100%;
}
.description_sidebar {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  min-width: 100px;
  display: inline-block;
  color: white;
}
.description_sidebar.sidebar_close {
  text-align: right;
  padding-right: 10px;
}
.description_sidebar.sidebar_close i {
  cursor: pointer;
}
.button {
  cursor: pointer;
  float: right;
  display: inline-block;
}
.button.active {
  background-color: #369a2d;
  color: #000000;
}
.section_hd_container {
  border-bottom: 2px solid black;
  xmargin-bottom: 4px;
}
.section_hd_container > .section_header {
  font-weight: bold;
  text-align: left;
  padding-left: 2em;
  padding-right: 2em;
  border: 2px solid black;
}
.state-box {
  display: inline-block;
  xpadding: 0px 5px 0px 5px;
  xborder: 1px solid black;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
}
/*
 * LOGO
 */
.logo {
  font-family: 'SixCapsRegular', sans-serif;
  font-size: 32px;
  line-height: 32px;
  /* NON USATA 
	.logo_sub_version {
		font-size: 20px;
		color:@lgreen;
	}
	*/
}
.logo .logo_name {
  color: #fff;
}
.logo .logo_version {
  color: #369a2d;
}
#system_time {
  padding-left: 5px;
  padding-right: 5px;
}
/*
.logo:hover {
background-color: @llgreen;
}
*/
/*
 * Albero dei cluster
 */
.cluster-master {
  font-size: 1.2em;
  font-weight: bold;
}
.cluster-dependent {
  font-weight: normal;
}
/*
 * MAPPE
 *
 */
.vmap_display_fullscreen {
  background-color: white;
}
.vmap_node_item .ui-draggable {
  opacity: 0.1 !important;
}
p {
  margin: 0px;
}
/*
 * REPORTS
 */
.errorlist {
  color: red;
  margin: 0px;
}
.report_list_table {
  border-collapse: collapse;
}
.report_list_table th {
  background-color: #acacac;
}
/*
 * ENTABLES
 */
#entables_panel {
  width: 100%;
}
#entables_panel .title {
  font-weight: bold;
  border-bottom: 1px solid #138808;
  margin-bottom: 4px;
  display: inline-block;
}
#entables_panel #tables_selector {
  width: 100px;
  position: absolute;
  left: 0px;
  height: 50px;
}
#entables_panel #chain_selector {
  position: absolute;
  width: 100px;
  left: 100px;
  height: 50px;
}
#entables_panel #rules_selector {
  position: absolute;
  width: 100px;
  left: 200px;
  height: 50px;
}
#entables_panel #builder_panel {
  position: absolute;
  width: 200px;
  right: 0;
}
#entables_panel #builder_panel #match_els {
  height: 49%;
}
#entables_panel #builder_panel #event_els {
  height: 49%;
  bottom: 0;
}
#entables_panel .editor {
  position: absolute;
  left: 300px;
  width: 50%;
  height: 50% ;
}
.entables_row {
  display: block;
  padding-left: 3px;
  height: 20px;
}
.entables_row.selected {
  background-color: #5aac52;
}
.entables_row:hover {
  background-color: #138808;
  color: white;
}
.entables-rule-active-true {
  background-color: #77ff77;
}
.entables-rule-active-false {
  background-color: #ff7777;
}
/*
 * WEBSCENARIO
 */
.ws_status_UP {
  background-color: #83DE88;
}
.ws_status_UNKNOWN {
  background-color: #FDFDFD;
}
.ws_status_DOWN {
  background-color: #F04848;
}
.alarmscount_table {
  width: 100%;
}
.alarmscount_level_button {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0px;
  xwidth: 100%;
}
.alarmscount_level_button:hover {
  cursor: pointer;
  /* background-color: @llgreen; */
  background: #dadada;
}
.alarmscount_level_button {
  text-align: center;
}
.tagtreelabel:hover {
  cursor: pointer;
  /* background-color:@llgreen; */
  background: #dadada;
}
.ws_step_status_UNKNOWN {
  background: #FDFDFD;
}
.ws_step_status_OK {
  background: #83DE88;
}
.ws_step_status_ERROR {
  background: #F04848;
}
.ws_step_status_SKIPPED {
  background: white;
}
.ws_form_error {
  color: red;
  margin: 0px 0px 10px;
}
.btn-disabled {
  opacity: 0.65;
  cursor: not-allowed !important;
}
.btn-disabled:hover {
  background-color: #f0f0f0;
}
.btn-step_page {
  min-width: 20px;
  margin: 2px;
}
#ddays {
  xxxxxbackground-color: #99CCFF;
  xxxxbox-shadow: 3px 3px 20px #000;
  cursor: pointer;
}
.ddays_alert_button {
  background-color: #99CCFF;
  width: auto;
}
.ddays_alert_button:hover {
  width: auto;
}
#ddays_table {
  border-collapse: collapse;
}
#ddays_table tr td a {
  color: black;
}
#ddays_menu {
  padding: 5px;
}
#ddays_table td {
  padding: 5px;
}
.in_progress {
  background-color: #99CCFF;
}
#ddays .user_menu {
  background-color: #99CCFF;
  display: block;
  position: absolute;
  z-index: 1000;
  box-shadow: 3px 3px 20px #000;
  width: auto;
  left: 0;
  transform: initial;
}
td {
  xpadding-left: 2px;
  xpadding-right: 2px;
  xpadding-top: 0px;
  xpadding-right: 0px;
}
.row1 td {
  border-top: 1px solid black;
}
.row1:hover {
  background-color: #C0C0C0;
}
.not_row:hover {
  background-color: #C0C0C0;
}
.breadcrumbs-container {
  xxxmin-height: 30px;
  padding-: 0px;
  border-bottom: 0px solid #f0f0f0;
  color: white;
}
.breadcrumb-line {
  padding-left: 5px;
  color: white;
  height: 30px;
  cursor: pointer;
}
.breadcrumb-line:hover {
  background-color: #118007;
}
.breadcrumb-line-secondary {
  xxxxmin-height: 30px;
  border-bottom: 0px solid #f0f0f0;
  box-shadow: 3px 3px 5px #00000060;
  display: none;
}
.breadcrumb {
  color: white;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  font-weight: bold;
}
.breadcrumb a {
  color: white;
}
.breadcrumb:hover a {
  color: lightgreen;
}
/*
 *  BADGE
 *
 */
.jswlib2_badge_badge {
  background-color: white !important;
}
.jswlib2_badge_badge:hover {
  background-color: #f0f0f0 !important;
}
.jswlib2_badge_badge {
  xxxxbox-shadow: 2px 2px 5px #88888880;
  border: 1px solid #333333;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
/*
.badge-active {
}
.badge-active:hover {
	box-shadow: 4px 4px 4px #808080a0;
}
*/
.main-element {
  color: #3baeff;
}
.condition-status-border {
  box-sizing: border-box;
  margin: 2px;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0px;
}
.system_status_content {
  width: 500px;
}
.system_status_content td {
  padding-left: 4px;
  padding-right: 4px;
}
.system_status_content th {
  padding-left: 4px;
  padding-right: 4px;
}
html,
body {
  /* 
				 * Importante per gestire correttamente l'altezza del menu a scomparsa a sinistra.
				 */
  height: 100%;
}
.xxui-dialog .ui-dialog-content {
  padding: 0em 0em;
}
.xxxxxui-dialog {
  padding: 0px 0px;
  margin: 0px;
  z-index: 1000000000 !important;
}
.timegraph_dialog {
  padding: 0em 0em;
  margin: 0px;
  z-index: 1000000000 !important;
}
.timegraph_dialog .ui-dialog-content {
  padding: 0em 0em;
  margin: 0px;
}
.timegraph_dialog .ui-widget-header {
  padding: 0px;
  border: 0px solid red;
  font-weight: normal;
}
.ui-dialog .ui-dialog-content {
  padding: 10px 10px;
  background-color: white;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  xborder: 1px solid #a0a0a0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  xborder: 1px solid #a0a0a0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  xborder: 1px solid #a0a0a0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  xborder: 1px solid #a0a0a0;
}
.ui-widget-content {
  xborder: 0px solid #a0a0a0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}
.ui-widget {
  padding: 0px;
  border: 1px solid #f0f0f0;
  font-family: inherit;
  box-shadow: 0px 0px 5px #606060;
}
.ui-widget-header {
  background: none;
  background-color: #118007;
  XXXXbackground: none;
  XXXXbackground-color: #1ab80b;
}
.box-body {
  xxbox-shadow: 0px 0px 5px #c0c0c0;
  border-radius: 2px 2px 2px 2px;
}
.xxxxui-widget-header {
  xxxbackground: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.2) 100%);
  xxxbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  xxxbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.2) 100%);
  xxxbackground: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.2) 100%);
  xxxbackground: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.2) 100%);
  xxxbackground: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.2) 100%);
  xxxbackground-color: #1ab80b;
}
/*
   Il componente fancytree non deve avere un outline quando ha il focus senno. si creano degli strani 
   effetti che infastidiscono
*/
.fancytree-container {
  outline-width: 0px;
  outline-color: none;
}
/*
			 * Quick search autocomplete entries
			 *
			 */
.quick_search_item_label {
  font-size: 12px;
}
.quick_search_item_descr {
  font-size: 10px;
}
.quick_search_item_info {
  margin-left: 10px;
  font-size: 10px;
  font-style: italic;
}
/* Sovrascrittura css esterno */
/* Questo va messo nel CSS di SANET????? */
ul.dynatree-container {
  border: 0px;
  margin: 0;
  padding: 0;
}
/* Definzioni per gestire correttamente le barre di scorrimento */
.dynatree-node {
  white-space: nowrap;
}
ul.dynatree-container {
  overflow: initial;
}
/*
			 * Queste classi servono per l'albero dei tag
			 */
.not-tagged a {
  font-style: italic;
  font-size: 0.8em;
}
.hide-not-tagged {
  opacity: 0.1;
}
/*
			 * Gestione dell'overflow
			 */
body {
  overflow: hidden;
}
#content-container {
  overflow: auto;
  overflow-x: auto;
  overflow-y: auto;
}
.message-success {
  background-color: green;
  color: white;
  font-size: 2em;
  padding: 30px;
  border: 5px solid white;
  width: 100px;
  text-align: center;
  border-radius: 20px;
}
.message-error {
  background-color: #ff5050;
  color: white;
  font-size: 1.2em;
  padding: 30px;
  border: 5px solid black;
  text-align: center;
  border-radius: 20px;
}
.help-button {
  display: inline-block;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: #35a3fb;
  text-align: center;
  text-valign: middle;
  color: white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 16px;
}
.icon_primary {
  box-sizing: border-box;
  align: center;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background-color: blue;
  border: 1px solid blue;
  color: white;
  font-weight: bold;
  text-align: center;
  text-valign: middle;
}
.icon_ignored {
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  align: center;
  border-radius: 10px;
  background-color: yellow;
  border: 1px solid yellow;
  color: black;
  font-weight: bold;
  text-align: center;
  text-valign: middle;
}
.icon_hidden {
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background-color: yellow;
  border: 1px solid yellow;
  color: black;
  font-weight: bold;
  text-align: center;
  text-valign: middle;
}
.jsw2_refresh_button {
  /*
				position: absolute;
				right   : 0px;
				*/
  position: relative;
  float: right;
  z-index: 10;
}
.refresh-button-normal {
  opacity: 0.2;
}
.refresh-button-visible {
  opacity: 1;
}
.refresh-stop {
  color: red;
}
.autorefresh-disabled {
  /*border: 0px solid #ffa0a0;*/
}
.ws_status_UP {
  background-color: #83DE88;
}
.role_section-divider {
  margin-bottom: 10px;
  margin-top: 10px;
}
.jswlib2_badge_badge {
  box-shadow: 2px 2px 5px #88888880;
  border: 1px solid #f0f0f0;
  background-color: white;
}
.datagroup-row-odd {
  border-top: 1px solid #c0c0c0;
}
.pulsante {
  float: right;
  font-size: 14px;
  /*
				    border: 1px solid #f0f0f0;
				    border-radius: 3px;

				color: #cccccc !important; 
				
				vertical-align: middle !important;
				
				width: 16px;
				height: 16px;
				text-align: center;


				    vertical-align: middle !important;
				    
				    width: 16px;
				    height: 16px;
				    padding-left: 2px;
				    margin: 0px;
				    line-height: 16px;
				*/
}
.fancytree-node:hover {
  background-color: #f0f0f0;
}
.pulsante:hover {
  color: #a0a0a0 !important;
  background-color: #f0f0f0;
}
.jq-dropdown-menu {
  padding: 0px !important;
}
.jq-dropdown-tip {
  padding: 0px !important;
}
.ui-menu {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}
/*

			.jswlib2_badge_badge {
				border-radius: 5px;
			}
			*/
.copyable {
  display: inline-block;
  vertical-align: center;
  position: relative;
}
.copyable > .copyable-button {
  padding: 0px;
  display: none;
  position: relative;
  top: -50%;
}
.copyable:hover {
  display: inline-block;
  cursor: copy;
  box-sizing: border-box;
  background-color: #d8efff;
  border-radius: 5px;
  border-collapse: collapse;
}
.copyable:hover .copyable-button {
  display: inline-block;
}
.group:hover {
  background-color: #fcfcfc;
}
.open-badge {
  margin: 4px;
}
.open-badge table {
  box-shadow: 3px 3px 5px #c0c0c0;
}
#tabs_extra_buttons {
  xborder: 1px solid red;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
}
#extra_buttons_panel {
  xbackground-color: #f0f0f0;
  xxline-height: 40px;
  xxheight: 40px;
  display: none;
  left: 100%;
  position: absolute;
  transform: translateX(-105%);
  z-index: 99999;
  font-size: 1em;
}
.extras_menus {
  xline-height: 22px;
  padding-left: 5px;
  padding-right: 5px;
}
.extras_menus a {
  color: black;
}
.jswlib2_al_alcell {
  xtext-align: center;
}
.jswlib2_al_altable th {
  text-align: center;
}
.alarm_tag_filter_close_button {
  width: 20px;
  padding: 2px;
}
.xxxjswlib2_al_modebutton {
  background-color: white;
  color: black;
}
.xxxjswlib2_al_modebutton_selected {
  color: white;
  border-color: lightgreen;
  background-color: lightgreen;
}
.alarmscount_table {
  xxxbackground-color: white;
  border-collapse: collapse;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
}
.alarmscount_table {
  xxxbackground-color: white;
  border-collapse: collapse;
  border-top: 0px solid #a0a0a0;
  border-bottom: 0px solid #a0a0a0;
  border-left: 0px solid #a0a0a0;
  border-right: 0px solid #a0a0a0;
}
.alarmscount_level_name {
  cursor: pointer;
}
.alarmscount_level_name_notlast {
  border-bottom: 1px solid #a0a0a0;
}
.alarmscount_level_button_notlast {
  border-left: 1px solid #a0a0a0;
}
.alarmscount_level_name b {
  display: inline-block;
  xbackground-color: red;
  background-color: #949494;
  color: white;
  width: 95%;
  border-radius: 5px;
}
/*

	&:extend(.dark-surface);
	&:extend(.dark-on-surface);


.alarmscount_table {
	background-color: white; 
	border-collapse: collapse; 
	xborder-top     : 1px solid #f0f0f0; 
	xborder-bottom  : 1px solid #f0f0f0; 
	xborder-left    : 1px solid #f0f0f0; 
	xborder-right   : 1px solid #f0f0f0;
}


.alarmscount_level_name {
	xbackground-color: red;
	cursor : pointer;
	xborder-bottom    : 1px solid #f0f0f0; 
}




.alarmscount_level_button_notlast {
	border-left: 1px solid lightgray;
}

.alarmscount_level_button_critical {
	background-color: red;
}


.gui-info-icon {
	background-color: #a0a0ff;
	color: white;
	border-radius: 16px;
	display: inline-block;
	vertical-align: middle;
}



.jsw2_expander {
	border: 0px solid white;
}


.jsw2_expander_side_left {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	background-color: #f0f0f0;
	color: black;
}

*/
table.dataTable thead th {
  padding: 0px 0px;
  border-bottom: 0px solid #111;
}
/* Restyle buttons */
.basic-style,
.raised-style,
.stroked-style,
.icon-button,
.flat-style,
.icon-fab-button,
.gui-button,
button,
.gui-button-squared,
.pulsante,
.btn,
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
input[type=submit],
input[type=button],
input[type=reset],
input.wconf_submit,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.conf_tab,
.side_panel_header .btn,
.jsw2_expander_btn i,
.jsw2_item_button,
.gui-button-squared,
.jswlib_btncontrol,
.button,
.jswlib2_ts_reset_button,
.icon-fab-mini-button,
.gui-button-squared,
.pulsante,
.gui-button.jswlib2_badge_link,
.gui-button.refresh_state,
.gui-button.jswlib2_delete_link,
.btn,
.gui-button.icon16x16 {
  margin: 8px 8px 8px 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: none;
  margin: 0;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 550;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  color: black;
  vertical-align: middle;
}
.basic-style:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.basic-style span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.basic-style.primary-color {
  color: #0b6b04;
}
.basic-style.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.05);
}
.basic-style.primary-color span.ripple {
  background-color: rgba(11, 107, 4, 0.3);
}
.basic-style.accent-color {
  color: #ffd740;
}
.basic-style.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.05);
}
.basic-style.accent-color span.ripple {
  background-color: rgba(255, 215, 64, 0.3);
}
.basic-style.warn-color {
  color: #f44336;
}
.basic-style.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.05);
}
.basic-style.warn-color span.ripple {
  background-color: rgba(244, 67, 54, 0.3);
}
.basic-style.disabled-color {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.basic-style.disabled-color span.ripple {
  display: none;
}
.raised-style,
.flat-style {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.raised-style:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.raised-style span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.raised-style.primary-color {
  color: white;
  background-color: #0b6b04;
}
.raised-style.primary-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.raised-style.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.7);
}
.raised-style.accent-color {
  color: white;
  background-color: #ffd740;
}
.raised-style.accent-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.raised-style.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.7);
}
.raised-style.warn-color {
  color: white;
  background-color: #f44336;
}
.raised-style.warn-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.raised-style.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.7);
}
.raised-style.disabled-color {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
.raised-style.disabled-color span.ripple {
  display: none;
}
.stroked-style,
.gui-button,
button,
.gui-button-squared,
.pulsante,
.btn,
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
input[type=submit],
input[type=button],
input[type=reset],
input.wconf_submit,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.conf_tab,
.jsw2_item_button,
.gui-button-squared,
.jswlib_btncontrol,
.button,
.jswlib2_ts_reset_button,
.gui-button-squared,
.pulsante,
.gui-button.jswlib2_badge_link,
.gui-button.refresh_state,
.gui-button.jswlib2_delete_link,
.btn,
.gui-button.icon16x16 {
  border: 1px solid #e6e6e6;
  padding: 0 15px;
  line-height: 34px;
  xbackground-color: #f3f3f3;
  color: black !important;
  position: relative;
  overflow: hidden;
}
.stroked-style:hover,
.gui-button:hover,
button:hover,
.gui-button-squared:hover,
.pulsante:hover,
.btn:hover,
.ui-button:hover,
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
input.wconf_submit:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.conf_tab:hover {
  background-color: rgba(146, 146, 146, 0.15);
  color: black !important;
}
.stroked-style span.ripple,
.gui-button span.ripple,
button span.ripple,
.gui-button-squared span.ripple,
.pulsante span.ripple,
.btn span.ripple,
.ui-button span.ripple,
.ui-state-default span.ripple,
.ui-widget-content .ui-state-default span.ripple,
input[type=submit] span.ripple,
input[type=button] span.ripple,
input[type=reset] span.ripple,
input.wconf_submit span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button span.ripple,
.conf_tab span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.stroked-style.primary-color,
.gui-button.primary-color,
button.primary-color,
.gui-button-squared.primary-color,
.pulsante.primary-color,
.btn.primary-color,
.ui-button.primary-color,
.ui-state-default.primary-color,
.ui-widget-content .ui-state-default.primary-color,
input[type=submit].primary-color,
input[type=button].primary-color,
input[type=reset].primary-color,
input.wconf_submit.primary-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.primary-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.primary-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.primary-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.primary-color,
.conf_tab.primary-color {
  color: #0b6b04;
}
.stroked-style.primary-color:hover,
.gui-button.primary-color:hover,
button.primary-color:hover,
.gui-button-squared.primary-color:hover,
.pulsante.primary-color:hover,
.btn.primary-color:hover,
.ui-button.primary-color:hover,
.ui-state-default.primary-color:hover,
.ui-widget-content .ui-state-default.primary-color:hover,
input[type=submit].primary-color:hover,
input[type=button].primary-color:hover,
input[type=reset].primary-color:hover,
input.wconf_submit.primary-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.primary-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.primary-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.primary-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.primary-color:hover,
.conf_tab.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.15);
}
.stroked-style.primary-color span.ripple,
.gui-button.primary-color span.ripple,
button.primary-color span.ripple,
.gui-button-squared.primary-color span.ripple,
.pulsante.primary-color span.ripple,
.btn.primary-color span.ripple,
.ui-button.primary-color span.ripple,
.ui-state-default.primary-color span.ripple,
.ui-widget-content .ui-state-default.primary-color span.ripple,
input[type=submit].primary-color span.ripple,
input[type=button].primary-color span.ripple,
input[type=reset].primary-color span.ripple,
input.wconf_submit.primary-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.primary-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.primary-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.primary-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.primary-color span.ripple,
.conf_tab.primary-color span.ripple {
  background-color: rgba(11, 107, 4, 0.3);
}
.stroked-style.selected-color,
.gui-button.selected-color,
button.selected-color,
.gui-button-squared.selected-color,
.pulsante.selected-color,
.btn.selected-color,
.ui-button.selected-color,
.ui-state-default.selected-color,
.ui-widget-content .ui-state-default.selected-color,
input[type=submit].selected-color,
input[type=button].selected-color,
input[type=reset].selected-color,
input.wconf_submit.selected-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.selected-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.selected-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.selected-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.selected-color,
.conf_tab.selected-color,
.gui-button.gui-button-selected,
button.gui-button-selected,
.gui-button-squared.gui-button-selected,
.pulsante.gui-button-selected,
.btn.gui-button-selected,
.ui-button.gui-button-selected,
.ui-state-default.gui-button-selected,
.ui-widget-content .ui-state-default.gui-button-selected,
input[type=submit].gui-button-selected,
input[type=button].gui-button-selected,
input[type=reset].gui-button-selected,
input.wconf_submit.gui-button-selected,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.gui-button-selected,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.gui-button-selected,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.gui-button-selected,
.dataTables_wrapper .dataTables_paginate .paginate_button.gui-button-selected,
.conf_tab.gui-button-selected,
.gui-button.active,
button.active,
.gui-button-squared.active,
.pulsante.active,
.btn.active,
.ui-button.active,
.ui-state-default.active,
.ui-widget-content .ui-state-default.active,
input[type=submit].active,
input[type=button].active,
input[type=reset].active,
input.wconf_submit.active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.active,
.dataTables_wrapper .dataTables_paginate .paginate_button.active,
.conf_tab.active,
.gui-button.current,
button.current,
.gui-button-squared.current,
.pulsante.current,
.btn.current,
.ui-button.current,
.ui-state-default.current,
.ui-widget-content .ui-state-default.current,
input[type=submit].current,
input[type=button].current,
input[type=reset].current,
input.wconf_submit.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.conf_tab.current,
.gui-button.conf_tab_active,
button.conf_tab_active,
.gui-button-squared.conf_tab_active,
.pulsante.conf_tab_active,
.btn.conf_tab_active,
.ui-button.conf_tab_active,
.ui-state-default.conf_tab_active,
.ui-widget-content .ui-state-default.conf_tab_active,
input[type=submit].conf_tab_active,
input[type=button].conf_tab_active,
input[type=reset].conf_tab_active,
input.wconf_submit.conf_tab_active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.conf_tab_active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.conf_tab_active,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.conf_tab_active,
.dataTables_wrapper .dataTables_paginate .paginate_button.conf_tab_active,
.conf_tab.conf_tab_active,
.ui-dialog .ui-state-active,
.ui-datepicker .ui-state-active {
  color: white !important;
  background-color: #1d7fff;
}
.stroked-style.selected-color span.ripple,
.gui-button.selected-color span.ripple,
button.selected-color span.ripple,
.gui-button-squared.selected-color span.ripple,
.pulsante.selected-color span.ripple,
.btn.selected-color span.ripple,
.ui-button.selected-color span.ripple,
.ui-state-default.selected-color span.ripple,
.ui-widget-content .ui-state-default.selected-color span.ripple,
input[type=submit].selected-color span.ripple,
input[type=button].selected-color span.ripple,
input[type=reset].selected-color span.ripple,
input.wconf_submit.selected-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.selected-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.selected-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.selected-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.selected-color span.ripple,
.conf_tab.selected-color span.ripple,
.gui-button.gui-button-selected span.ripple,
button.gui-button-selected span.ripple,
.gui-button-squared.gui-button-selected span.ripple,
.pulsante.gui-button-selected span.ripple,
.btn.gui-button-selected span.ripple,
.ui-button.gui-button-selected span.ripple,
.ui-state-default.gui-button-selected span.ripple,
.ui-widget-content .ui-state-default.gui-button-selected span.ripple,
input[type=submit].gui-button-selected span.ripple,
input[type=button].gui-button-selected span.ripple,
input[type=reset].gui-button-selected span.ripple,
input.wconf_submit.gui-button-selected span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.gui-button-selected span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.gui-button-selected span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.gui-button-selected span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.gui-button-selected span.ripple,
.conf_tab.gui-button-selected span.ripple,
.gui-button.active span.ripple,
button.active span.ripple,
.gui-button-squared.active span.ripple,
.pulsante.active span.ripple,
.btn.active span.ripple,
.ui-button.active span.ripple,
.ui-state-default.active span.ripple,
.ui-widget-content .ui-state-default.active span.ripple,
input[type=submit].active span.ripple,
input[type=button].active span.ripple,
input[type=reset].active span.ripple,
input.wconf_submit.active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.active span.ripple,
.conf_tab.active span.ripple,
.gui-button.current span.ripple,
button.current span.ripple,
.gui-button-squared.current span.ripple,
.pulsante.current span.ripple,
.btn.current span.ripple,
.ui-button.current span.ripple,
.ui-state-default.current span.ripple,
.ui-widget-content .ui-state-default.current span.ripple,
input[type=submit].current span.ripple,
input[type=button].current span.ripple,
input[type=reset].current span.ripple,
input.wconf_submit.current span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.current span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.current span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.current span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current span.ripple,
.conf_tab.current span.ripple,
.gui-button.conf_tab_active span.ripple,
button.conf_tab_active span.ripple,
.gui-button-squared.conf_tab_active span.ripple,
.pulsante.conf_tab_active span.ripple,
.btn.conf_tab_active span.ripple,
.ui-button.conf_tab_active span.ripple,
.ui-state-default.conf_tab_active span.ripple,
.ui-widget-content .ui-state-default.conf_tab_active span.ripple,
input[type=submit].conf_tab_active span.ripple,
input[type=button].conf_tab_active span.ripple,
input[type=reset].conf_tab_active span.ripple,
input.wconf_submit.conf_tab_active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.conf_tab_active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.conf_tab_active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.conf_tab_active span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.conf_tab_active span.ripple,
.conf_tab.conf_tab_active span.ripple,
.ui-dialog .ui-state-active span.ripple,
.ui-datepicker .ui-state-active span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.stroked-style.selected-color:hover,
.gui-button.selected-color:hover,
button.selected-color:hover,
.gui-button-squared.selected-color:hover,
.pulsante.selected-color:hover,
.btn.selected-color:hover,
.ui-button.selected-color:hover,
.ui-state-default.selected-color:hover,
.ui-widget-content .ui-state-default.selected-color:hover,
input[type=submit].selected-color:hover,
input[type=button].selected-color:hover,
input[type=reset].selected-color:hover,
input.wconf_submit.selected-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.selected-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.selected-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.selected-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.selected-color:hover,
.conf_tab.selected-color:hover,
.gui-button.gui-button-selected:hover,
button.gui-button-selected:hover,
.gui-button-squared.gui-button-selected:hover,
.pulsante.gui-button-selected:hover,
.btn.gui-button-selected:hover,
.ui-button.gui-button-selected:hover,
.ui-state-default.gui-button-selected:hover,
.ui-widget-content .ui-state-default.gui-button-selected:hover,
input[type=submit].gui-button-selected:hover,
input[type=button].gui-button-selected:hover,
input[type=reset].gui-button-selected:hover,
input.wconf_submit.gui-button-selected:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.gui-button-selected:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.gui-button-selected:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.gui-button-selected:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.gui-button-selected:hover,
.conf_tab.gui-button-selected:hover,
.gui-button.active:hover,
button.active:hover,
.gui-button-squared.active:hover,
.pulsante.active:hover,
.btn.active:hover,
.ui-button.active:hover,
.ui-state-default.active:hover,
.ui-widget-content .ui-state-default.active:hover,
input[type=submit].active:hover,
input[type=button].active:hover,
input[type=reset].active:hover,
input.wconf_submit.active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.active:hover,
.conf_tab.active:hover,
.gui-button.current:hover,
button.current:hover,
.gui-button-squared.current:hover,
.pulsante.current:hover,
.btn.current:hover,
.ui-button.current:hover,
.ui-state-default.current:hover,
.ui-widget-content .ui-state-default.current:hover,
input[type=submit].current:hover,
input[type=button].current:hover,
input[type=reset].current:hover,
input.wconf_submit.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.conf_tab.current:hover,
.gui-button.conf_tab_active:hover,
button.conf_tab_active:hover,
.gui-button-squared.conf_tab_active:hover,
.pulsante.conf_tab_active:hover,
.btn.conf_tab_active:hover,
.ui-button.conf_tab_active:hover,
.ui-state-default.conf_tab_active:hover,
.ui-widget-content .ui-state-default.conf_tab_active:hover,
input[type=submit].conf_tab_active:hover,
input[type=button].conf_tab_active:hover,
input[type=reset].conf_tab_active:hover,
input.wconf_submit.conf_tab_active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.conf_tab_active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.conf_tab_active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.conf_tab_active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.conf_tab_active:hover,
.conf_tab.conf_tab_active:hover,
.ui-dialog .ui-state-active:hover,
.ui-datepicker .ui-state-active:hover {
  background-color: rgba(29, 127, 255, 0.7);
}
.stroked-style.accent-color,
.gui-button.accent-color,
button.accent-color,
.gui-button-squared.accent-color,
.pulsante.accent-color,
.btn.accent-color,
.ui-button.accent-color,
.ui-state-default.accent-color,
.ui-widget-content .ui-state-default.accent-color,
input[type=submit].accent-color,
input[type=button].accent-color,
input[type=reset].accent-color,
input.wconf_submit.accent-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.accent-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.accent-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.accent-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.accent-color,
.conf_tab.accent-color {
  color: #ffd740;
}
.stroked-style.accent-color:hover,
.gui-button.accent-color:hover,
button.accent-color:hover,
.gui-button-squared.accent-color:hover,
.pulsante.accent-color:hover,
.btn.accent-color:hover,
.ui-button.accent-color:hover,
.ui-state-default.accent-color:hover,
.ui-widget-content .ui-state-default.accent-color:hover,
input[type=submit].accent-color:hover,
input[type=button].accent-color:hover,
input[type=reset].accent-color:hover,
input.wconf_submit.accent-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.accent-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.accent-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.accent-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.accent-color:hover,
.conf_tab.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.15);
}
.stroked-style.accent-color span.ripple,
.gui-button.accent-color span.ripple,
button.accent-color span.ripple,
.gui-button-squared.accent-color span.ripple,
.pulsante.accent-color span.ripple,
.btn.accent-color span.ripple,
.ui-button.accent-color span.ripple,
.ui-state-default.accent-color span.ripple,
.ui-widget-content .ui-state-default.accent-color span.ripple,
input[type=submit].accent-color span.ripple,
input[type=button].accent-color span.ripple,
input[type=reset].accent-color span.ripple,
input.wconf_submit.accent-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.accent-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.accent-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.accent-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.accent-color span.ripple,
.conf_tab.accent-color span.ripple {
  background-color: rgba(255, 215, 64, 0.3);
}
.stroked-style.warn-color,
.gui-button.warn-color,
button.warn-color,
.gui-button-squared.warn-color,
.pulsante.warn-color,
.btn.warn-color,
.ui-button.warn-color,
.ui-state-default.warn-color,
.ui-widget-content .ui-state-default.warn-color,
input[type=submit].warn-color,
input[type=button].warn-color,
input[type=reset].warn-color,
input.wconf_submit.warn-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.warn-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.warn-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.warn-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.warn-color,
.conf_tab.warn-color {
  color: #f44336;
}
.stroked-style.warn-color:hover,
.gui-button.warn-color:hover,
button.warn-color:hover,
.gui-button-squared.warn-color:hover,
.pulsante.warn-color:hover,
.btn.warn-color:hover,
.ui-button.warn-color:hover,
.ui-state-default.warn-color:hover,
.ui-widget-content .ui-state-default.warn-color:hover,
input[type=submit].warn-color:hover,
input[type=button].warn-color:hover,
input[type=reset].warn-color:hover,
input.wconf_submit.warn-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.warn-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.warn-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.warn-color:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.warn-color:hover,
.conf_tab.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.15);
}
.stroked-style.warn-color span.ripple,
.gui-button.warn-color span.ripple,
button.warn-color span.ripple,
.gui-button-squared.warn-color span.ripple,
.pulsante.warn-color span.ripple,
.btn.warn-color span.ripple,
.ui-button.warn-color span.ripple,
.ui-state-default.warn-color span.ripple,
.ui-widget-content .ui-state-default.warn-color span.ripple,
input[type=submit].warn-color span.ripple,
input[type=button].warn-color span.ripple,
input[type=reset].warn-color span.ripple,
input.wconf_submit.warn-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.warn-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.warn-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.warn-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.warn-color span.ripple,
.conf_tab.warn-color span.ripple {
  background-color: rgba(244, 67, 54, 0.3);
}
.stroked-style.disabled-color,
.gui-button.gui-disabled,
button.gui-disabled,
.gui-button-squared.gui-disabled,
.pulsante.gui-disabled,
.btn.gui-disabled,
.ui-button.gui-disabled,
.ui-state-default.gui-disabled,
.ui-widget-content .ui-state-default.gui-disabled,
input[type=submit].gui-disabled,
input[type=button].gui-disabled,
input[type=reset].gui-disabled,
input.wconf_submit.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.gui-disabled,
.conf_tab.gui-disabled,
.gui-button.disabled-color,
button.disabled-color,
.gui-button-squared.disabled-color,
.pulsante.disabled-color,
.btn.disabled-color,
.ui-button.disabled-color,
.ui-state-default.disabled-color,
.ui-widget-content .ui-state-default.disabled-color,
input[type=submit].disabled-color,
input[type=button].disabled-color,
input[type=reset].disabled-color,
input.wconf_submit.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled-color,
.conf_tab.disabled-color,
.gui-button.disabled,
button.disabled,
.gui-button-squared.disabled,
.pulsante.disabled,
.btn.disabled,
.ui-button.disabled,
.ui-state-default.disabled,
.ui-widget-content .ui-state-default.disabled,
input[type=submit].disabled,
input[type=button].disabled,
input[type=reset].disabled,
input.wconf_submit.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.conf_tab.disabled,
.gui-button:disabled,
button:disabled,
.gui-button-squared:disabled,
.pulsante:disabled,
.btn:disabled,
.ui-button:disabled,
.ui-state-default:disabled,
.ui-widget-content .ui-state-default:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input.wconf_submit:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button:disabled,
.conf_tab:disabled {
  color: #999999 !important;
  background-color: transparent;
  cursor: default;
}
.stroked-style.disabled-color span.ripple,
.gui-button.gui-disabled span.ripple,
button.gui-disabled span.ripple,
.gui-button-squared.gui-disabled span.ripple,
.pulsante.gui-disabled span.ripple,
.btn.gui-disabled span.ripple,
.ui-button.gui-disabled span.ripple,
.ui-state-default.gui-disabled span.ripple,
.ui-widget-content .ui-state-default.gui-disabled span.ripple,
input[type=submit].gui-disabled span.ripple,
input[type=button].gui-disabled span.ripple,
input[type=reset].gui-disabled span.ripple,
input.wconf_submit.gui-disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.gui-disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.gui-disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.gui-disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.gui-disabled span.ripple,
.conf_tab.gui-disabled span.ripple,
.gui-button.disabled-color span.ripple,
button.disabled-color span.ripple,
.gui-button-squared.disabled-color span.ripple,
.pulsante.disabled-color span.ripple,
.btn.disabled-color span.ripple,
.ui-button.disabled-color span.ripple,
.ui-state-default.disabled-color span.ripple,
.ui-widget-content .ui-state-default.disabled-color span.ripple,
input[type=submit].disabled-color span.ripple,
input[type=button].disabled-color span.ripple,
input[type=reset].disabled-color span.ripple,
input.wconf_submit.disabled-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.disabled-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.disabled-color span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled-color span.ripple,
.conf_tab.disabled-color span.ripple,
.gui-button.disabled span.ripple,
button.disabled span.ripple,
.gui-button-squared.disabled span.ripple,
.pulsante.disabled span.ripple,
.btn.disabled span.ripple,
.ui-button.disabled span.ripple,
.ui-state-default.disabled span.ripple,
.ui-widget-content .ui-state-default.disabled span.ripple,
input[type=submit].disabled span.ripple,
input[type=button].disabled span.ripple,
input[type=reset].disabled span.ripple,
input.wconf_submit.disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled span.ripple,
.conf_tab.disabled span.ripple,
.gui-button:disabled span.ripple,
button:disabled span.ripple,
.gui-button-squared:disabled span.ripple,
.pulsante:disabled span.ripple,
.btn:disabled span.ripple,
.ui-button:disabled span.ripple,
.ui-state-default:disabled span.ripple,
.ui-widget-content .ui-state-default:disabled span.ripple,
input[type=submit]:disabled span.ripple,
input[type=button]:disabled span.ripple,
input[type=reset]:disabled span.ripple,
input.wconf_submit:disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover:disabled span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button:disabled span.ripple,
.conf_tab:disabled span.ripple {
  display: none;
}
.flat-style {
  box-shadow: none;
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
}
.flat-style:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.flat-style span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.flat-style.primary-color {
  color: white;
  background-color: #0b6b04;
}
.flat-style.primary-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.flat-style.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.7);
}
.flat-style.accent-color {
  color: white;
  background-color: #ffd740;
}
.flat-style.accent-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.flat-style.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.7);
}
.flat-style.warn-color {
  color: white;
  background-color: #f44336;
}
.flat-style.warn-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.flat-style.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.7);
}
.flat-style.disabled-color {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
.flat-style.disabled-color span.ripple {
  display: none;
}
.icon-button,
.icon-fab-button,
.side_panel_header .btn,
.jsw2_expander_btn i,
.icon-fab-mini-button {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
  border-radius: 50%;
  padding: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-size: 19px;
  position: relative;
  overflow: hidden;
}
.icon-button:hover,
.side_panel_header .btn:hover,
.jsw2_expander_btn i:hover,
.darkmode .jsw2_expander_btn i:hover {
  background-color: rgba(146, 146, 146, 0.15);
}
.icon-button span.ripple,
.side_panel_header .btn span.ripple,
.jsw2_expander_btn i span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.icon-button.negative,
.side_panel_header .btn,
.side_panel_header .btn,
.ui-dialog .ui-dialog-titlebar-close,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
#wid_entables_wvis th.gui-th button {
  color: white !important;
}
.icon-button.negative:hover,
.side_panel_header .btn:hover,
.side_panel_header .btn:hover,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover,
#wid_entables_wvis th.gui-th button:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.icon-button.negative span.ripple,
.side_panel_header .btn span.ripple,
.side_panel_header .btn span.ripple,
.ui-dialog .ui-dialog-titlebar-close span.ripple,
.ui-datepicker .ui-datepicker-prev span.ripple,
.ui-datepicker .ui-datepicker-next span.ripple,
#wid_entables_wvis th.gui-th button span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-button span.ripple,
.side_panel_header .btn span.ripple,
.jsw2_expander_btn i span.ripple {
  vertical-align: middle;
}
.icon-button.primary-color,
.side_panel_header .btn.primary-color {
  color: #0b6b04;
}
.icon-button.primary-color:hover,
.side_panel_header .btn.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.15);
}
.icon-button.primary-color span.ripple,
.side_panel_header .btn.primary-color span.ripple {
  background-color: rgba(11, 107, 4, 0.3);
}
.icon-button.accent-color,
.side_panel_header .btn.accent-color {
  color: #ffd740;
}
.icon-button.accent-color:hover,
.side_panel_header .btn.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.15);
}
.icon-button.accent-color span.ripple,
.side_panel_header .btn.accent-color span.ripple {
  background-color: rgba(255, 215, 64, 0.3);
}
.icon-button.warn-color,
.side_panel_header .btn.warn-color {
  color: #f44336;
}
.icon-button.warn-color:hover,
.side_panel_header .btn.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.15);
}
.icon-button.warn-color span.ripple,
.side_panel_header .btn.warn-color span.ripple {
  background-color: rgba(244, 67, 54, 0.3);
}
.icon-button.disabled-color,
.side_panel_header .btn.disabled-color {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.icon-button.disabled-color:hover,
.side_panel_header .btn.disabled-color:hover {
  background-color: transparent;
}
.icon-button.disabled-color span.ripple,
.side_panel_header .btn.disabled-color span.ripple {
  display: none;
}
.icon-fab-button,
.icon-fab-mini-button {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  width: 56px;
  height: 56px;
  font-size: 25px;
}
.icon-fab-button:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.icon-fab-button span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.icon-fab-button.primary-color {
  color: white;
  background-color: #0b6b04;
}
.icon-fab-button.primary-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-fab-button.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.7);
}
.icon-fab-button.accent-color {
  color: white;
  background-color: #ffd740;
}
.icon-fab-button.accent-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-fab-button.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.7);
}
.icon-fab-button.warn-color {
  color: white;
  background-color: #f44336;
}
.icon-fab-button.warn-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-fab-button.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.7);
}
.icon-fab-button.disabled-color {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
.icon-fab-mini-button {
  width: 40px;
  height: 40px;
  font-size: 19px;
  position: relative;
  overflow: hidden;
}
.icon-fab-mini-button:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.icon-fab-mini-button span.ripple {
  background-color: rgba(146, 146, 146, 0.3);
}
.icon-fab-mini-button.primary-color {
  color: white;
  background-color: #0b6b04;
}
.icon-fab-mini-button.primary-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-fab-mini-button.primary-color:hover {
  background-color: rgba(11, 107, 4, 0.7);
}
.icon-fab-mini-button.accent-color {
  color: white;
  background-color: #ffd740;
}
.icon-fab-mini-button.accent-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-fab-mini-button.accent-color:hover {
  background-color: rgba(255, 215, 64, 0.7);
}
.icon-fab-mini-button.warn-color {
  color: white;
  background-color: #f44336;
}
.icon-fab-mini-button.warn-color span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.icon-fab-mini-button.warn-color:hover {
  background-color: rgba(244, 67, 54, 0.7);
}
.icon-fab-mini-button.disabled-color {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  cursor: default;
}
span.ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  background-color: rgba(255, 255, 255, 0.7);
}
@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: inherit;
  border: none;
  border: 1px solid #e6e6e6;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current .icon-large:before,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover .icon-large:before,
.dataTables_wrapper .dataTables_paginate .paginate_button .icon-large:before,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover .icon-large:before {
  font-size: 1em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current .icon-arrow-right:before,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover .icon-arrow-right:before,
.dataTables_wrapper .dataTables_paginate .paginate_button .icon-arrow-right:before,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover .icon-arrow-right:before {
  content: "\f054";
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current .icon-arrow-left:before,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover .icon-arrow-left:before,
.dataTables_wrapper .dataTables_paginate .paginate_button .icon-arrow-left:before,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover .icon-arrow-left:before {
  content: "\f053";
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.ui-dialog .ui-dialog-buttonpane {
  padding: 0px 10px 10px 10px;
}
.ui-dialog .ui-dialog-titlebar {
  xpadding: 10px;
  margin: 0px;
}
.gui-button,
button,
.gui-button-squared,
.pulsante,
.btn,
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
input[type=submit],
input[type=button],
input[type=reset],
input.wconf_submit,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.conf_tab,
.jsw2_item_button,
.gui-button-squared,
.jswlib_btncontrol,
.button,
.jswlib2_ts_reset_button,
.gui-button-squared,
.pulsante,
.gui-button.jswlib2_badge_link,
.gui-button.refresh_state,
.gui-button.jswlib2_delete_link,
.btn,
.gui-button.icon16x16 {
  border: 0px;
  border: 1px solid #f0f0f0;
  box-sizing: unset;
  margin: 2px;
  width: auto;
  height: auto;
  vertical-align: middle;
  text-align: center;
  min-width: 11px;
  min-height: 11px;
  line-height: 11px;
  padding: 5px;
  font-size: 12px;
}
.gui-button.negative,
button.negative,
.gui-button-squared.negative,
.pulsante.negative,
.btn.negative,
.ui-button.negative,
.ui-state-default.negative,
.ui-widget-content .ui-state-default.negative,
input[type=submit].negative,
input[type=button].negative,
input[type=reset].negative,
input.wconf_submit.negative,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.negative,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.negative,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.negative,
.dataTables_wrapper .dataTables_paginate .paginate_button.negative,
.conf_tab.negative {
  color: white !important;
}
.gui-button.negative:hover,
button.negative:hover,
.gui-button-squared.negative:hover,
.pulsante.negative:hover,
.btn.negative:hover,
.ui-button.negative:hover,
.ui-state-default.negative:hover,
.ui-widget-content .ui-state-default.negative:hover,
input[type=submit].negative:hover,
input[type=button].negative:hover,
input[type=reset].negative:hover,
input.wconf_submit.negative:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.negative:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.negative:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.negative:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.negative:hover,
.conf_tab.negative:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.gui-button.negative span.ripple,
button.negative span.ripple,
.gui-button-squared.negative span.ripple,
.pulsante.negative span.ripple,
.btn.negative span.ripple,
.ui-button.negative span.ripple,
.ui-state-default.negative span.ripple,
.ui-widget-content .ui-state-default.negative span.ripple,
input[type=submit].negative span.ripple,
input[type=button].negative span.ripple,
input[type=reset].negative span.ripple,
input.wconf_submit.negative span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.negative span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.negative span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.negative span.ripple,
.dataTables_wrapper .dataTables_paginate .paginate_button.negative span.ripple,
.conf_tab.negative span.ripple {
  background-color: rgba(255, 255, 255, 0.3);
}
.gui-button.gui-disabled,
button.gui-disabled,
.gui-button-squared.gui-disabled,
.pulsante.gui-disabled,
.btn.gui-disabled,
.ui-button.gui-disabled,
.ui-state-default.gui-disabled,
.ui-widget-content .ui-state-default.gui-disabled,
input[type=submit].gui-disabled,
input[type=button].gui-disabled,
input[type=reset].gui-disabled,
input.wconf_submit.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.gui-disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.gui-disabled,
.conf_tab.gui-disabled,
.gui-button.disabled-color,
button.disabled-color,
.gui-button-squared.disabled-color,
.pulsante.disabled-color,
.btn.disabled-color,
.ui-button.disabled-color,
.ui-state-default.disabled-color,
.ui-widget-content .ui-state-default.disabled-color,
input[type=submit].disabled-color,
input[type=button].disabled-color,
input[type=reset].disabled-color,
input.wconf_submit.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.disabled-color,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled-color,
.conf_tab.disabled-color,
.gui-button.disabled,
button.disabled,
.gui-button-squared.disabled,
.pulsante.disabled,
.btn.disabled,
.ui-button.disabled,
.ui-state-default.disabled,
.ui-widget-content .ui-state-default.disabled,
input[type=submit].disabled,
input[type=button].disabled,
input[type=reset].disabled,
input.wconf_submit.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.conf_tab.disabled,
.gui-button:disabled,
button:disabled,
.gui-button-squared:disabled,
.pulsante:disabled,
.btn:disabled,
.ui-button:disabled,
.ui-state-default:disabled,
.ui-widget-content .ui-state-default:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input.wconf_submit:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover:disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button:disabled,
.conf_tab:disabled {
  cursor: not-allowed !important;
}
.gui-button-squared [class^="icon-"],
.pulsante [class^="icon-"],
.gui-button.jswlib2_badge_link [class^="icon-"],
.gui-button.refresh_state [class^="icon-"],
.gui-button.jswlib2_delete_link [class^="icon-"],
.btn [class^="icon-"],
.gui-button.icon16x16 [class^="icon-"] {
  line-height: inherit;
}
.side_panel_header .gui-disabled {
  color: #8080806b !important;
}
.darkmode .side_panel_header .gui-disabled {
  color: #8080806b !important;
}
.button-s,
.button-xs,
.button-m,
.button-l,
.button-xl {
  min-width: 16px;
  min-height: 16px;
  line-height: 16px;
  padding: 0 6px;
  font-size: 12px;
}
.icon-s,
.jsw2_expander_btn i,
.side_panel_header .btn,
.ui-dialog .ui-dialog-titlebar-close,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.button-xs {
  min-width: 11px;
  min-height: 11px;
  line-height: 11px;
  padding: 0 5px;
  font-size: 12px;
}
.button-m {
  min-width: 26px;
  min-height: 26px;
  line-height: 26px;
  padding: 0 11px;
  font-size: 14px;
}
.button-l {
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 0 11px;
  font-size: 14px;
}
.button-xl {
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0 14px;
  font-size: 15px;
}
.button-only-ico,
.gui-button-squared,
.pulsante,
.gui-button.jswlib2_badge_link,
.gui-button.refresh_state,
.gui-button.jswlib2_delete_link,
.btn,
.gui-button.icon16x16 {
  padding: 3px;
}
.button-only-ico [class^="icon-"] {
  line-height: inherit;
}
.gui-button.fa {
  font-family: FontAwesome;
}
li.gui-button.icon-ellipsis-vertical {
  font-family: FontAwesome;
}
.jsw2_expander_btn {
  color: black;
  width: auto;
  text-align: left;
  xmargin: 0px 0px 5px 3px;
  background-color: unset;
}
.jsw2_expander_btn i {
  vertical-align: middle;
  font-family: FontAwesome;
}
.side_panel_header .btn {
  vertical-align: middle;
}
.pulsante,
.gui-button.jswlib2_delete_link,
i.gui-button,
.jsw2_item_button:before {
  font-family: FontAwesome;
}
/*
.pulsante.icon-ellipsis-vertical:before{
	color: black;
}
*/
.darkmode .pulsante {
  background-color: transparent;
}
.not-tagged a.pulsante {
  font-style: unset;
  font-size: unset;
}
i.gui-button {
  padding: 3px;
}
.ui-dialog .ui-dialog-titlebar-close {
  vertical-align: middle;
  background: inherit;
  border: none;
  border-radius: 20px;
  position: absolute;
  right: 5px;
  top: 11px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  position: relative;
  top: 4px;
  left: 4px;
  background-image: none;
}
.ui-dialog .ui-dialog-titlebar-close span:before {
  font-family: 'FontAwesome';
  color: white;
  content: "\f00d";
  position: absolute;
  visibility: visible;
  right: 2px;
  top: -4px;
  width: 10px;
  height: 10px;
  display: block;
  text-indent: 0px;
  overflow: visible;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  vertical-align: middle;
  background: inherit;
  border: none;
  border-radius: 20px;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  right: 5px;
  top: 3px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  position: relative;
  top: 12px;
  left: 12px;
  background-image: none;
}
.ui-datepicker .ui-datepicker-next span:before,
.ui-datepicker .ui-datepicker-prev span:before {
  font-family: 'FontAwesome';
  color: white;
  content: "\f054";
  position: absolute;
  visibility: visible;
  right: 2px;
  top: -4px;
  width: 10px;
  height: 10px;
  display: block;
  text-indent: 0px;
  overflow: visible;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev span:before {
  content: "\f053";
}
.gui-button.jswlib2_delete_link {
  position: absolute;
  top: 0px;
  right: 0px;
}
.ui-button .ui-button-text {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: unset;
}
/*

// checkbox stile material

input[type=checkbox]:not(old):checked {
	xbackground-color:@selected;
	
	xxxbackground-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
	xxxmask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
	-webkit-mask-image : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" /></svg>');
}


input[type=checkbox] {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	cursor:pointer;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0px;

	background-color: @border; 

	xxxbackground-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
	xxxmask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>');

	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>');
}
input[type=checkbox]:checked {
	background-color: @selected; 
}

// radio button stile material

input[type=radio] {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	cursor:pointer;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	
	xmargin: 0px;

	background-color: @border; 
	
	xbackground-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
	mask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
}
  
input[type=radio]:checked {
	
	background-color:@selected;
	
	xbackground-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
	
	mask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>');
}

*/
/*
textarea, input:not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=radio]):not(.wconf_submit), select { 
*/
/*
textarea, input, button, select { 

	// display: block;
    // width: 100%;
    // height: calc(1.5em + 0.75rem + 2px);
    // padding: .375rem .75rem;
    // font-size: .875rem;
    // font-weight: 400;
    // line-height: 1.5;

	xxxxmargin: 3px;

    background-clip: padding-box;
    border: 1px solid;
    // color: #768192;
	padding: 1px 3px 2px 3px;
    background-color: #fff;
    border-color: #d8dbe0;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	&:focus{
		// color: #768192;
		// background-color: #fff;
		// border-color: #958bef;
		outline: 0;
		box-shadow: inset 0 0 0 1px fade(@selected, 100%);
	}
}
*/
input#quick_search {
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
  border-color: #00000000 !important;
  /* transparent */
}
input#quick_search:focus {
  outline: 0;
  box-shadow: none;
}
.search_form > button {
  border: 0px solid #00000000 !important;
  /* transparent */
}
select {
  /*
	background-image: 
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M5 8l4 4 4-4z"/></svg>');
	*/
  padding-right: 16px;
  /*
	background-position: right;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	*/
}
.quick_search_item.ui-menu-item .ui-corner-all.ui-state-hover {
  border: none;
  background: none;
  background-color: #1d7fff;
  color: white;
}
.quick_search_item.ui-menu-item .ui-corner-all.ui-state-hover img {
  mix-blend-mode: screen;
}
.ui-dialog .ui-widget-header,
.ui-datepicker .ui-widget-header {
  background-color: #118007;
  color: white;
  text-align: center;
}
.ui-dialog .ui-dialog-content textarea,
.ui-datepicker .ui-dialog-content textarea {
  margin: 0px;
}
.ui-dialog .ui-dialog-buttonpane,
.ui-datepicker .ui-dialog-buttonpane {
  border-width: 0px;
  margin: 0px;
}
.ui-dialog button,
.ui-datepicker button {
  box-shadow: unset;
}
table.jswlib_ajaxtable_vis thead {
  background-color: #949494;
  color: #ffffff;
}
table.jswlib_ajaxtable_vis thead td,
table.jswlib_ajaxtable_vis thead th {
  font-size: inherit;
  font-weight: bold;
  text-align: left;
}
table.jswlib_ajaxtable_vis td,
table.jswlib_ajaxtable_vis th {
  padding: 1px 1px 1px 3px;
}
.gui-table,
.jswlib2_ts_table,
.xxxxxjswlib2_al_altable {
  border: 0px;
  border-collapse: collapse;
}
.gui-table .gui-tr,
.jswlib2_ts_table .gui-tr,
.gui-table .gui-td,
.jswlib2_ts_table .gui-td,
.gui-table tbody,
.jswlib2_ts_table tbody {
  border: 0px;
  border-bottom: 1px solid #ffffff10;
}
.gui-table thead .gui-tr,
.jswlib2_ts_table thead .gui-tr,
.gui-table .gui-th,
.jswlib2_ts_table .gui-th,
.gui-table .jswlib2_ts_section_titlegroup,
.jswlib2_ts_table .jswlib2_ts_section_titlegroup {
  background-color: #949494;
  color: #ffffff;
  text-align: left;
}
.gui-table .gui-th,
.jswlib2_ts_table .gui-th,
.gui-table .jswlib2_ts_section_titlegroup th,
.jswlib2_ts_table .jswlib2_ts_section_titlegroup th {
  border: inherit;
}
.gui-table .gui-td,
.jswlib2_ts_table .gui-td,
.gui-table .jswlib2_ts_section_row td,
.jswlib2_ts_table .jswlib2_ts_section_row td {
  border: inherit;
  background-color: inherit;
}
.gui-table .gui-tr th,
.jswlib2_ts_table .gui-tr th,
.gui-table .gui-tr td,
.jswlib2_ts_table .gui-tr td,
.gui-table .gui-th,
.jswlib2_ts_table .gui-th,
.gui-table .gui-td,
.jswlib2_ts_table .gui-td {
  padding: 2px 4px 2px 4px;
}
.gui-table tbody .gui-tr.logrow td,
.jswlib2_ts_table tbody .gui-tr.logrow td {
  padding-left: 2px;
  border: none;
  border-bottom: 1px solid #c1c1c1;
}
.gui-table tbody .gui-tr.bg-NONE,
.jswlib2_ts_table tbody .gui-tr.bg-NONE {
  color: white;
  background-color: #33CCFF;
}
.gui-table tbody .gui-tr.bg-UP .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-UP .icon16x16 {
  color: white;
}
.gui-table tbody .gui-tr.bg-FA .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-FA .icon16x16 {
  color: black;
}
.gui-table tbody .gui-tr.bg-DN .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-DN .icon16x16 {
  color: white;
}
.gui-table tbody .gui-tr.bg-UN .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-UN .icon16x16 {
  color: white;
}
.gui-table tbody .gui-tr.bg-UD .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-UD .icon16x16 {
  color: white;
}
.gui-table tbody .gui-tr.bg-UU .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-UU .icon16x16 {
  color: white;
}
.gui-table tbody .gui-tr.bg-IN .icon16x16,
.jswlib2_ts_table tbody .gui-tr.bg-IN .icon16x16 {
  color: black;
}
.gui-table tbody .gui-tr.bg-UP:hover,
.jswlib2_ts_table tbody .gui-tr.bg-UP:hover {
  color: white;
  background-color: rgba(0, 128, 0, 0.5);
}
.gui-table tbody .gui-tr.bg-FA:hover,
.jswlib2_ts_table tbody .gui-tr.bg-FA:hover {
  color: black;
  background-color: rgba(255, 255, 0, 0.5);
}
.gui-table tbody .gui-tr.bg-DN:hover,
.jswlib2_ts_table tbody .gui-tr.bg-DN:hover {
  color: white;
  background-color: rgba(255, 0, 0, 0.5);
}
.gui-table tbody .gui-tr.bg-UN:hover,
.jswlib2_ts_table tbody .gui-tr.bg-UN:hover {
  color: white;
  background-color: rgba(169, 169, 169, 0.5);
}
.gui-table tbody .gui-tr.bg-UD:hover,
.jswlib2_ts_table tbody .gui-tr.bg-UD:hover {
  color: white;
  background-color: rgba(169, 169, 169, 0.5);
}
.gui-table tbody .gui-tr.bg-UU:hover,
.jswlib2_ts_table tbody .gui-tr.bg-UU:hover {
  color: white;
  background-color: rgba(169, 169, 169, 0.5);
}
.gui-table tbody .gui-tr.bg-IN:hover,
.jswlib2_ts_table tbody .gui-tr.bg-IN:hover {
  color: black;
  background-color: rgba(255, 255, 255, 0.5);
}
.jswlib2_ts_table tbody,
.box-body tbody {
  border-bottom: 0px;
}
.jswlib2_ts_table .jswlib2_ts_section_titlegroup .jswlib2_ts_section_row th,
.box-body .jswlib2_ts_section_titlegroup .jswlib2_ts_section_row th {
  padding: 6px 7px;
  padding-left: 0px;
  text-align: inherit;
}
.jswlib2_ts_table tr.jswlib2_ts_section_row:hover,
.box-body tr.jswlib2_ts_section_row:hover {
  background-color: #f3f3f3;
}
.jswlib2_ts_table .jswlib2_ts_paddingrows,
.box-body .jswlib2_ts_paddingrows {
  padding-left: 3px;
  padding-right: 0px;
}
.jswlib2_ts_table hr,
.box-body hr {
  display: none;
}
.jswlib2_ts_table th.jswlib2_ts_section_head,
.box-body th.jswlib2_ts_section_head,
.jswlib2_ts_table .section_hd_container,
.box-body .section_hd_container {
  text-align: left;
  xxxpadding-left: 5px;
  xxxpadding-bottom: 5px;
  font-size: 1.1em;
  /* color: #000000bf; */
  /* font-weight: 600; */
  border-bottom: 1px solid #dddddd;
  text-transform: capitalize;
}
.jswlib2_ts_table span.jswlib2_ts_section_head,
.box-body span.jswlib2_ts_section_head,
.jswlib2_ts_table .section_hd_container .section_header,
.box-body .section_hd_container .section_header {
  padding-left: unset;
  padding-right: unset;
  border: 0px;
  border-radius: 4px;
  font-size: unset;
}
.jswlib2_ts_section_sub {
  border: 0px;
}
.state-box {
  width: 18px;
  height: 18px;
  border-radius: 18px;
  line-height: 18px;
  padding: 2px;
  font-weight: bold;
}
.extras_menus {
  box-sizing: border-box;
}
.dataTables_wrapper .dataTables_paginate {
  float: none;
  text-align: center;
}
table.dataTable {
  border-collapse: collapse;
}
#configtenant_shownodes td {
  border: 0px;
  border-bottom: 1px solid #ddd;
  background-color: unset;
}
#configtenant_shownodes tr:hover {
  background-color: rgba(146, 146, 146, 0.05);
}
.gui-th,
.jswlib2_ts_section_titlegroup th,
.jswlib2_ts_section_titlegroup th {
  background-color: #949494;
  border: none;
  color: white;
}
.gui-td,
.gui-td-no-border,
.gui-td-transparent,
.xxxxjswlib2_al_alcell,
.gui-td-transparent,
.gui-td-no-border,
.gui-td-transparent,
.xxxxjswlib2_al_alcell {
  border: none;
  xxxxxborder-bottom: 1px solid #949494;
}
#wid_entables_wvis th.gui-th button {
  background-color: #ffffffa3;
  margin-right: 2px;
}
.jswlib2_al_alrow th {
  background-color: #949494;
  color: white;
}
.jswlib2_al_alrow {
  width: 100%;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
}
.jswlib2_al_alrow th {
  padding: 3px 0px 3px 2px;
}
.alarm_tag_filters .jswlib2_al_alrow th {
  padding: 0px;
}
.navbtn li {
  margin: 8px;
}
.jswlib2_al_modebutton {
  background-color: #f3f3f3;
  border: 0px;
  color: black;
}
.jswlib2_al_modebutton:hover {
  background-color: #c0c0c0;
  border: 0px;
  color: black;
}
.jswlib2_al_modebutton_selected {
  border: 0px;
  background-color: #1d7fff;
}
.gui-button .gui-button-selected {
  background-color: inherit;
}
.jsw2_display button.show_event_kind {
  background-color: #1d7fff !important;
  color: white !important;
}
.jsw2_display button[style="background-color:red;"].show_event_kind {
  background-color: white !important;
  color: black !important;
}
.box-body .section_hd_container .section_header {
  font-size: 1.2em;
}
.monit-data-title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0px;
}
a:visited,
a:active,
a:link {
  color: inherit;
}
.jswlib2_badge_badge {
  box-shadow: unset;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.open-badge table {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.box-body {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.state-box {
  font-size: 0.7em;
}
/* widget tabella con i conditiongraph e timegraph */
.tab legrid_table {
  xborder: 0px;
  border-spacing: 5px;
  border-collapse: separate;
}
#login {
  xbackground-color: #fcfcfc;
}
#left-panel {
  position: absolute;
  z-index: 9999999999;
  height: 100%;
  width: 100%;
  background-color: #000000a0;
  display: none;
  color: black;
  text-decoration: none;
  xxxxopacity: 0.6;
}
.left_panel_menu {
  opacity: 1;
}
.left_panel_menu {
  position: relative;
  display: inline-block;
  height: 100%;
  left: -250px;
  min-width: 250px;
  background-color: #ffffff;
  overflow: hidden;
}
.left_panel_menu .user_menu_entry {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: initial;
}
.left_panel_menu .user_menu_entry_l2 {
  padding-left: 30px;
}
#tenant_select {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.maintenance-icon {
  color: #00a0ff;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 7px;
  padding: 2px;
}
.flapping-icon {
  color: black;
  width: 16px;
  height: 16px;
  background-color: #00ffff;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
.flag-icon-flapping {
  display: inline-block;
  box-sizing: border-box;
  line-height: 16px;
  width: 16px;
  height: 16px;
  xborder: 1px solid orange;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: yellow;
  color: black;
  xxxxtransform: rotate(90deg);
}
.flag-icon-primary {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background-color: #53afff;
  color: white;
  font-weight: bold;
  text-align: center;
  text-valign: middle;
  font-size: 0.8em;
  line-height: 16px;
  box-sizing: content-box;
}
.flag-under-maintenance {
  padding: 2px;
  box-sizing: border-box;
  display: inline-block;
  background-color: #99CCFF;
  color: #050505;
  border: 1px solid #0094CF;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
}
.flag-main-element {
  color: #3baeff;
}
.agent-state-info {
  display: inline-block;
}
/*
 * WEBSCENARIO WIDGET
 */
.add_ws_box {
  border: 1px solid green;
}
.dd-option {
  padding: 4px;
}
.es-list {
  position: absolute;
  background-color: white;
  border: 1px solid red;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.es-list li {
  cursor: pointer;
  margin: 0px;
  padding: 3px;
}
.es-list li:hover {
  background-color: yellow;
}
.darkmode table.dataTable tbody tr {
  background-color: initial;
}
#configtenant_shownodes td {
  border: 0px;
}
.darkmode table.dataTable tbody tr .odd {
  backdrop-filter: brightness(0.9);
}
.darkmode #configtenant_shownodes > tbody > tr .odd {
  backdrop-filter: brightness(0.9);
  background-color: unset;
}
.darkmode img.jswlib2_badge_icon {
  mix-blend-mode: initial;
}
.darkmode img.jswlib2_badge_icon {
  xmix-blend-mode: plus-lighter;
}
.darkmode .timegraph-border {
  border-color: #999999;
}
.darkmode .condition-status-border {
  xborder-color: #999999;
}
.darkmode .fancytree-node:hover {
  background-color: #3e3e3e;
}
.darkmode .ui-widget {
  box-shadow: none;
}
.darkmode .jsw2_note_item:hover {
  background-color: #404040;
}
.darkmode .jsw2_note_item {
  xmargin-left: 30px;
  border: 1px solid black;
}
body .darkmode .jswlib2_badge_badge {
  background-color: #383838 !important;
  border: 1px solid #303030;
}
.darkmode img.element-icon {
  xmix-blend-mode: plus-lighter;
}
#darkmode_button {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  background-color: black;
  position: relative;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  overflow: hidden;
  width: 40px;
  border-radius: 20px;
  text-align: right;
}
#darkmode_button .slider {
  background-color: #f0f000;
  color: black;
  height: 20px;
  position: absolute;
  top: 0px;
  float: right;
  line-height: 20px;
  xtext-align: center;
  width: 40px;
  vertical-align: middle;
  right: 0px;
  border-radius: 20px;
}
#darkmode_button .slider div {
  display: inline-block;
  position: absolute;
  top: 0px;
  line-height: 20px;
  height: 20px;
  margin: 0px;
  border: 0px;
  width: 20px;
  left: 0px;
  border-radius: 20px;
  text-align: left;
}
#darkmode_button .slider .label {
  width: 20px;
  margin-left: 4px;
}
#darkmode_button .slider .point {
  width: 20px;
  height: 20px;
  background-color: white;
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 0px;
  top: 0px;
  right: 0px;
  border-radius: 20px;
}
#darkmode_button .offlabel {
  margin-right: 4px;
  color: white;
}
.slider_checked {
  transform: translateX(0px);
}
.slider_unchecked {
  transform: translateX(-20px);
}
.gui-disabled {
  background-color: #808080;
  color: black;
}
*:disabled {
  background-color: #808080;
  color: black;
}
.gui-disabled-text-only {
  background-color: initial !important;
  color: #808080 !important;
}
.gui-inactive {
  color: #909090;
  font-style: italic;
}
/*
 * BOTTONE JQUERY GUI
 */
.ui-dialog .ui-dialog-buttonpane button {
  margin-top: 0px;
  margin-bottom: 0px;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin-top: 0px;
  margin-bottom: 0px;
}
/*
 * Datagroup area widget
 */
.datagroup-area {
  border-bottom: 4px solid white;
  /* padding between datagroup rows */
}
.datagroup-area:hover {
  background-color: #fcfcfc;
}
/*
 *  INPUT TYPE RANGE
 *
 */
input[type="range"] {
  -webkit-appearance: none;
  height: 5px;
  background: black;
  border-radius: 5px;
}
/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: grey;
  cursor: ew-resize;
}
input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: grey;
  cursor: ew-resize;
}
input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: grey;
  cursor: ew-resize;
}
input[type="range"]::-webkit-slider-thumb:hover {
  background: grey;
}
input[type="range"]::-moz-range-thumb:hover {
  background: grey;
}
input[type="range"]::-ms-thumb:hover {
  background: grey;
}
/* Input Track */
input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
input[type="range"]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
input[type=file] {
  color: transparent;
  border: 0px solid #999 !important;
}
input[type=file]::-webkit-file-upload-button {
  visibility: hidden  !important;
}
input[type=file]::before {
  content: 'Select some files';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3) !important;
  border: 0px solid #999 !important;
  border-radius: 3px !important;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
input[type=file]:hover::before {
  border-color: black;
}
input[type=file]:active {
  outline: 0;
}
input[type=file]:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/*
 *
 * TIMEGRAPH SVG
 *
 */
text {
  stroke: black;
}
line {
  stroke: #808080;
}
rect {
  stroke: #808080;
}
rect.GraphArea-background {
  fill: none;
  stroke: #808080;
  stroke-width: 1px;
}
.gridline {
  stroke: #d0d0d0;
}
.entables-rule-active-true {
  background-color: #77ff77;
  border-bottom: 1px solid #a0a0a0;
}
.entables-rule-active-false {
  background-color: #ff7777;
  border-bottom: 1px solid #a0a0a0;
}
.entables-match-option-value {
  word-break: break-all;
}
.entables-match-option-value:hover {
  color: #009cff;
}
.entables-target-option-value {
  word-break: break-all;
}
.entables-target-option-value:hover {
  color: blue;
}
.map-background-placeholder {
  border: 1px dotted #f0f0f0;
}
/*
 * Blocco monitoraggio con badge espandibili
 */
.statuswidget-title {
  display: inline-block;
  vertical-align: middle;
}
.statuswidget-title .name {
  vertical-align: middle;
}
.statuswidget-title > img {
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
  max-width: 24px;
  max-height: 24px;
}
.jswlib2_badge_name_description {
  display: block;
}
/* 
 * ******************************************************************************
 * ******************************************************************************
 *  DARKMODE
 * ******************************************************************************
 * ******************************************************************************
 */
.darkmode .gui-table > tbody > .gui-tr:nth-child(odd) > td {
  backdrop-filter: brightness(0.95);
}
.darkmode .gui-table > tbody > .gui-tr.odd {
  backdrop-filter: brightness(0.95);
}
.darkmode .ddays_alert_button {
  background-color: #b4d3f3 !important;
  color: black;
}
.darkmode .ddays_alert_button {
  background-color: #0c71d9 !important;
}
.darkmode button {
  border: 0px solid 2px solid #ffffff30 !important;
}
.darkmode select {
  border: 0px solid 2px solid #ffffff30 !important;
}
.darkmode textarea {
  border: 0px solid 2px solid #ffffff30 !important;
}
.darkmode textarea {
  border: 0px solid 2px solid #ffffff30 !important;
}
/*
	lbutton, 
	button, 
	.gui-button-squared, 
	.pulsante, 
	.btn, 
	.ui-button,
	.ui-state-default, 
	.ui-widget-content .ui-state-default,
	input[type=submit],
	input[type=button],
	input[type=reset],
	input.wconf_submit,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button,
	.conf_tab
	{
		background-color: #00000010;
	}
*/
.darkmode .gui-button,
.darkmode button,
.darkmode .gui-button-squared,
.darkmode .pulsante,
.darkmode .btn,
.darkmode .ui-button,
.darkmode .ui-state-default,
.darkmode .ui-widget-content .ui-state-default,
.darkmode input[type=submit],
.darkmode input[type=button],
.darkmode input[type=reset],
.darkmode input.wconf_submit,
.darkmode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.darkmode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.darkmode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.darkmode .dataTables_wrapper .dataTables_paginate .paginate_button,
.darkmode .conf_tab {
  color: white !important;
}
.darkmode .datagroup-area {
  border-bottom: 4px solid #303030;
}
.darkmode body {
  background: red;
}
.darkmode .gui-button {
  xborder: 0px solid #00000000;
  color: white !important;
}
.darkmode .pulsante {
  xborder: 2px solid #00000000;
  color: white !important;
}
.darkmode .gui-table,
.jswlib2_ts_table {
  border-collapse: collapse;
  font-size: 1em;
  font-family: sans-serif;
  min-width: 400px;
  border: 0px;
}
.darkmode .gui-table .gui-tr,
.jswlib2_ts_table .gui-tr,
.darkmode .gui-table .gui-td,
.jswlib2_ts_table .gui-td,
.darkmode .gui-table tbody,
.jswlib2_ts_table tbody {
  border: 0px;
  border-bottom: 1px solid #ffffff10;
}
.darkmode .gui-table thead .gui-tr,
.jswlib2_ts_table thead .gui-tr,
.darkmode .gui-table .gui-th,
.jswlib2_ts_table .gui-th,
.darkmode .gui-table .jswlib2_ts_section_titlegroup,
.jswlib2_ts_table .jswlib2_ts_section_titlegroup {
  background-color: #545454;
}
.darkmode .gui-table .gui-th,
.jswlib2_ts_table .gui-th,
.darkmode .gui-table .gui-td,
.jswlib2_ts_table .gui-td {
  background-color: #545454;
}
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit) {
  border: 1px solid #ffffff30 !important;
  background-color: black !important;
  color: white !important;
}
.darkmode select {
  border: 1px solid #ffffff30 !important;
  background-color: black !important;
  color: white !important;
}
.darkmode textarea {
  border: 1px solid #ffffff30 !important;
  background-color: black !important;
  color: white !important;
}
/*
 *  ELEMENTI FORM DISABILITATI
 *
 */
*:disabled::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #101010 !important;
}
*:disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #101010 !important;
}
*:disabled::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #101010 !important;
}
.darkmode .gui-disabled::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #101010 !important;
}
.darkmode .gui-disabled:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #101010 !important;
}
.darkmode .gui-disabled::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #101010 !important;
}
.darkmode_input_disabled,
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit):where(.gui-disabled),
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit):disabled,
.darkmode select:where(.gui-disabled),
.darkmode select:disabled,
.darkmode textarea:where(.gui-disabled),
.darkmode textarea:disabled {
  background-color: #2e2e2e !important;
  border-color: black !important;
}
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit):where(.gui-disabled) {
  color: #101010 !important;
}
.darkmode input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not(.wconf_submit):disabled {
  color: #101010 !important;
}
.darkmode select:where(.gui-disabled) {
  color: #101010 !important;
}
.darkmode select:disabled {
  color: #101010 !important;
}
.darkmode textarea:where(.gui-disabled) {
  color: #101010 !important;
}
.darkmode textarea:disabled {
  color: #101010 !important;
}
.darkmode input[type=checkbox]:where(.gui-disabled) {
  mix-blend-mode: color-burn;
  color: #101010 !important;
}
.darkmode input[type=checkbox]:disabled {
  mix-blend-mode: color-burn;
  color: #101010 !important;
}
.darkmode input[type=radio]:where(.gui-disabled) {
  mix-blend-mode: color-burn;
}
.darkmode input[type=radio]:disabled {
  mix-blend-mode: color-burn;
}
.darkmode .jswlib2_al_modebutton {
  border: 1px solid #ffffff30 !important;
  background-color: #00000010 !important;
  color: white !important;
}
.darkmode .jswlib2_al_modebutton:hover {
  background-color: #c0c0c0;
  border: 0px;
  color: black;
}
.darkmode .jswlib2_al_modebutton_selected {
  border: 0px;
  background-color: #1d7fff !important;
}
body.darkmode .jswlib2_badge_badge {
  background-color: #505050 !important;
  border: 1px solid #303030;
}
.darkmode .search_form {
  background-color: black !important;
  color: white;
  border: 0px solid #505050 !important;
}
.darkmode .search_form button {
  border: 0px solid #505050 !important;
  background-color: black !important;
  color: white;
}
.darkmode .widget {
  background-color: #00000000;
  border-bottom: 0px solid #00000000;
  border-right: 0px solid #00000000;
  border-left: 0px solid #00000000;
  border-top: 0px solid #00000000;
}
.darkmode .display {
  background-color: #00000000;
  border-bottom: 0px solid #00000000;
  border-right: 0px solid #00000000;
  border-left: 0px solid #00000000;
  border-top: 0px solid #00000000;
}
.darkmode #left-panel {
  background-color: #000000A0 !important;
}
.darkmode .left_panel_menu .user_menu_entry {
  color: white;
  border-bottom: 1px solid #4a4a4a;
}
.darkmode .left_menu_section {
  mix-blend-mode: screen;
}
.darkmode .navbtn-active {
  color: white !important;
}
.darkmode .user_button:hover {
  background-color: #505050 !important;
}
.darkmode .ui-widget {
  border: 1px solid #000000;
  xbox-shadow: 0px 0px 5px #c0c0c0;
}
.darkmode .ui-widget-header {
  border: 0px solid black;
  background-color: #505050 !important;
}
.darkmode .ui-dialog .ui-widget-header,
.ui-datepicker .ui-widget-header {
  background-color: #303030 !important;
}
.darkmode .ui-dialog-title {
  background-color: #303030 !important;
}
.darkmode .breadcrumb-line {
  background-color: #404040 !important;
}
.darkmode .timegraph_grapharea {
  background-color: red;
}
.darkmode header .user_menu {
  border: 1px solid black;
}
.darkmode header .user_menu table {
  border: 0px solid black;
}
.darkmode header .user_menu table tbody tr td {
  border-top: solid 1px #202020;
}
.darkmode .gui-td-transparent {
  /*
    &:extend(.dark-surface);
    &:extend(.dark-on-surface);
*/
  background-color: #ffffff00 !important;
}
.darkmode img.jswlib2_badge_icon {
  /* Le icone UNCHECABLE non si vedono sul grigio quindi applichiamoci questo effetto cosi' si vedono senza cambiare colore */
  mix-blend-mode: hard-light;
}
.darkmode header {
  border-bottom: 1px solid #606060;
}
.darkmode .left_panel_menu .user_menu_entry:hover {
  background-color: white !important;
  color: black !important;
}
.darkmode .user_menu_entry:hover {
  background-color: white !important;
  color: black !important;
}
/*
 *
 * TIMEGRAPH SVG DARKMODE
 *
 */
.darkmode text {
  stroke: #c0c0c0;
  fill: #c0c0c0;
}
.darkmode line {
  stroke: #414141;
}
.darkmode .gridline {
  stroke: #414141;
}
.darkmode rect {
  stroke: #414141;
}
.darkmode .ui-widget-content {
  background-color: #505050 !important;
  background-image: initial !important;
}
.darkmode .jq-dropdown {
  xbackground-color: #505050 !important;
}
.darkmode .jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  xxxbackground-color: #505050 !important;
  border: solid 1px #202020 !important;
  /* BORDER */
}
.darkmode .jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
  border: solid 1px #202020 !important;
  /* BORDER */
}
.darkmode .search_form {
  border: 0px solid #00000000;
  /* transparent */
}
.darkmode .quick_search_item ui-menu-item {
  xxxxbackground-color: #505050 !important;
}
.darkmode .left-panel {
  background-color: unset !important;
}
/*

// checkbox stile material

.darkmode input[type=checkbox]:not(old):checked {
	xxxbackground-color  : @selected;
	background-color  : grey;

	xxxbackground-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"  stroke="gray" fill="gray"/></svg>') !important;
	xxxmask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"                                                    stroke="gray" fill="gray"   /></svg>') !important;
	-webkit-mask-image : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"                                                    stroke="gray" fill="gray"   /></svg>') !important;
}


.darkmode input[type=checkbox]:not(old) {
	background-color  : grey;
	
	XXXbackground-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
	XXXmask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"                                     stroke="gray" fill="gray"   /></svg>') !important;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"                            viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"                                     stroke="gray" fill="gray"   /></svg>') !important;
}


// radio button stile material

.darkmode input[type=radio]:not(old) {
	background-color  : grey;
	
	background-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
	mask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
}
  
.darkmode input[type=radio]:not(old):checked{
	background-color  : grey;
	
	background-image  : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
	mask-image        : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"   stroke="gray" fill="gray"   /></svg>') !important;
}

*/
.darkmode .ui-widget-overlay {
  background: black !important;
  opacity: 0.5 !important;
  filter: none !important;
  background-blend-mode: multiply !important;
}
/*
 * MAPPE
 *
 */
.darkmode .map_container {
  background-color: transparent !important;
}
.darkmode .vmap_controls_container {
  background-color: transparent !important;
}
.darkmode .vmap_controls_section {
  background-color: transparent !important;
}
.darkmode .vmap_controls_section_normal {
  background-color: transparent !important;
}
.darkmode .vmap_main_toolbar {
  xbackground-color: transparent !important;
}
.darkmode .vmap_toolbar_button {
  background-color: transparent !important;
  /*
	background-color: #00ffdd;
	&:extend(.dark-surface);
	&:extend(.dark-on-surface);
	*/
}
.darkmode .vmap_toolbar_button_clickable {
  xbackground-color: #00ffee;
}
.darkmode .vmap_toolbar_button_clickable:hover {
  xbackground-color: #00ffff;
}
.darkmode .vmap_zoom_controls {
  xbackground-color: yellow;
}
.darkmode .ui-slider-range {
  border: 0px solid #00000000;
  background-color: #118007 !important;
}
.darkmode .ui-slider-handle {
  border: 0px solid #00000000;
  xbackground-color: orange  !important;
}
.extra_controls_table .gui-button {
  box-sizing: border-box;
  margin: 0px;
}
.extra_controls_table .gui-selected {
  color: blue !important;
}
blockquote {
  font-style: italic;
  font-family: serif;
}
.left_menu a {
  cursor: unset;
}
.left_menu a .user_menu_entry {
  cursor: pointer;
}
.darkmode .user_menu_entry.gui-disabled {
  color: black !important;
  cursor: not-allowed !important;
}
.extra_controls_menu {
  width: 100%;
}
.gui-table.tablesorter .header {
  padding-right: 10px;
}
.darkmode .jswlib2_wconf_border {
  background-color: initial;
}