table.tabcenter {
    width:50%; 
    margin-left:25%; 
    margin-right:25%;
  }

/*--------------- module table ----------*/
table.style1 {
    font-family: verdana,arial,sans-serif;
    font-size:12px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}
table.style1 th {
    /*background:#b5cfd2 url('/images/cell-red1.png');*/
    background-image: linear-gradient(white, #C35E5E);
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #999999;
}
table.style1 td {
    background:#dcddc0 url('/images/cell-grey1.jpg');
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #999999;
}
table.style1 select, input{
/*    width: 100%;*/
    height: 28px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



input.datataking{
  width: 30%;
}

/*-------- parameters Table --------------*/
table.style1 table.cssParamTable
{
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   background:rgba(0, 0, 0, 0);
   border-collapse: collapse;
   border: 0px;
   width: 100%;
   border-top: 0px;
}
table.style1 table.cssParamTable td {
    background:rgba(0, 0, 0, 0);
    border-width: 0px;
    border: 0px;
}
table.style1 table.cssParamTable tr{
   background:rgba(0, 0, 0, 0);
   border-width: 0px;
   border: 0px ;
}

/** slider on off **/
/*  https://www.w3schools.com/howto/howto_css_switch.asp  */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 16px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


input:checked + .slider {
  background-color: #C35E5E;
}

input:focus + .slider {
  box-shadow: 0 0 1px #C35E5E;
}

input:checked + .slider:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 50px;
}

.slider.round:before {
  border-radius: 50%;
}

/* stile radio buttons */
.radioselection {
  margin-left:1.5em; 
  display: table-caption;
/*  display: block;*/
  font-weight:bold;
  vertical-align: middle;
  /*width:10em;*/
}
.PeriodSelector {
  float: left;
  vertical-align: middle;
}
input[type='radio'], label{   
    vertical-align: middle;
 }
input[type='checkbox'], label{ 
    vertical-align: middle;
 }