body {background-color:#fff;
}
input[type=checkbox],
input[type=radio]{
	display:inline-block;
   
}
 .GridViewClass td {
             text-align: left !important;font-weight:400 !important;padding-left:4px !important;padding-right:4px !important;
         }
      .GridViewClass th {
             text-align: center !important;font-weight:800 !important;padding-left:4px !important;padding-right:4px !important;padding-top:8px;padding-bottom:8px;
         }
      
.leftX{
text-align:left;
}
.centerX{
text-align:center;
}
.justX{
text-align:justify;
}
.largerX{font-size:larger;}
.lb3030
{ width:40px;
  height:40px;
  color:white;
  vertical-align:middle;
  text-align:center;
  background-color:#ad0a0a;
  font-size:smaller;
  padding-left:8px;
  padding-right:8px;
}

checkbox
 {color:red;
  background-color:green;
}

    .istruzioni {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 1px;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    border-color: #000;
    margin: 5px;
    margin-left: 0px;
    margin-right: 0px;
}
/*myrow ROW personalizzata*/
.myColR{
     vertical-align:middle;
     min-height:44px;
     border-right:1px solid lightgray;
     border-bottom:1px solid lightgray;
}
.myColL{ 
    vertical-align:middle;
    min-height:44px;
      border-left:1px solid lightgray;
      border-bottom:1px solid lightgray;
}
.myColN{
    vertical-align:middle;
    min-height:44px;
    border-bottom:1px solid lightgray;
}
hr{width:100%;}
.vert{vertical-align:text-bottom;padding-top: 10px;}
/*--------------------------------------------------------------------------------------*/
 /*placeholder*------------------------------------------------------------------------*/

  :-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: gray;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 *//* Microsoft Edge */
  color: gray;
}
::-webkit-input-placeholder
{ 
  color: gray;
}
select {
    -webkit-appearance:listbox;
}


textarea
{ -webkit-appearance:textarea;
   font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:5px;
    padding-bottom:7px;
    padding-left:8px;
    border-style:solid;
    display:inline;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:300px;
    max-width:500px;
    margin:0;
}
input text{-webkit-appearance:textfield;border:solid;}
/*------------------------------------------------------------------------------------------------*/
/*dropdownlist-------------------------------------------------------------------------------------*/
.ddb{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:700;
  
    color: #000;
    padding:5px;
    border-radius:15px;
    border-color:gray;
    border-width:3px;
    background-color:#fff;
   
    max-width:450px;
    text-align: justify;}
     @media only screen and (max-width: 481px) {
        .ddb {
            max-width: 340px;
        }
 .txtl-maxiL{
     
    max-width:400px;
   

  
}
  .txtl-maxi{
     
    max-width:400px;
   

  
}



         }

/*dropdownlist-------------------------------------------------------------------------------------*/
.ddb-mini{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:700;
  
    color: #000;
    padding:5px;
    border-radius:15px;
    border-color:gray;
    border-width:3px;
    background-color:#fff;
    width:180px;

}
.ddb-smini{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:700;
  
    color: #000;
    padding:5px;
    border-radius:15px;
    border-color:gray;
    border-width:3px;
    background-color:#fff;
    width:140px;

}
.ddb-xmini{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:700;
  
    color: #000;
    padding:5px;
    border-radius:15px;
    border-color:gray;
    border-width:3px;
    background-color:#fff;
    min-width:70px;
 
}
.dbb :hover{font-weight: 800; }
/*caselle di testo ---------------------------------------------------------------------*/
 .txtl-maxiL{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:14px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:5px;
    padding-bottom:7px;
    padding-left:8px;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:300px;
    max-width:800px;
    text-align:left;

  
}
.txtl-maxi{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:800;
  border-color:grey;
    color: #000;
    padding:5px;
    padding-bottom:7px;
    padding-left:8px;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:300px;
    max-width:800px;
    text-align:center;

  
}
.txtl{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:5px;
    padding-bottom:7px;
    padding-left:8px;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:300px;
    max-width:500px;
  
}
.txtl-mini{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:5px;
    padding-bottom:7px;
    padding-left:8px;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:180px;
    max-width:300px;
  
}
.txtl-micro{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:5px;
    padding-bottom:7px;
    padding-left:8px;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:50px;
    max-width:300px;
  
}
/*-------------------------------------------------------------------------------------------------*/
/*label etichette---------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.lbl{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:6px;
    padding-right:10px;
    border-style:solid;
    border-radius:3px;
    border-width:2px;
    background-color:#fff;
    min-width:300px;
    max-width:500px;
    text-align:right;
  
}
.lbl-c{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:6px;
    padding-right:10px;
    border-style:solid;
    border-radius:3px;
    border-width:2px;
    background-color:#fff;
    min-width:300px;
    max-width:500px;
    text-align:center;
  
}
.lbl-color{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
    color: #fff;
    padding:10px;
   
    border-style:none;
    background-color:#7a0e25;
    min-width:300px;
    max-width:500px;
    text-align:center;
    margin:10px;
  
}
.lbl-colorV{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
    color: #000;
    padding:10px;
   
    border-style:none;
    background-color:lightgray;
    min-width:300px;
    max-width:500px;
    text-align:center;
    margin:10px;
  
}
.lbl-c200{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:3px;
    border-style:solid;
    border-radius:15px;
    border-width:2px;
    background-color:#fff;
   width:175px;
    max-width:180px;
    text-align:center;
  
}
/*-------------------------------------------------------------------------------------------------*/
/*label PSEUDO CAMPI TESTO INPUT--------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.lbl-txt{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:4px;
     padding-bottom:6px;
         padding-left:8px;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:250px;
    max-width:500px;
   text-align:center;
}

/*-------------------------------------------------------------------------------------------------*/
/*label etichette---------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.lbl-mini{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:6px;
    padding-right:10px;
    border-style:solid;
    border-radius:3px;
    border-width:2px;
    background-color:#fff;
    width:50px;
    text-align:center;
  
}
.lbl-mid{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:6px;
    padding-right:10px;
    border-style:solid;
    border-radius:15px;
    border-width:2px;
    background-color:#fff;
    width:160px;
    text-align:center;
  
}
/*-------------------------------------------------------------------------------------------------*/
/*label etichette---------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.lb_mimy{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:0px;
    padding-right:0px;
    border-style:none;
    background-color:#fff;
    min-width:40px;
    height:40px;
    text-align:left;
    background-image:url("img/mim_y.png");
  background-size:cover;
  background-repeat:no-repeat;
}
/*-------------------------------------------------------------------------------------------------*/
/*label etichette---------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.lb_mimn{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:0px;
    padding-right:0px;
    background-color:#fff;
    min-width:40px;
    height:40px;
    text-align:left;
    background-image:url("img/mim_no.png");
  background-size:cover;
  background-repeat:no-repeat;
}
/*-------------------------------------------------------------------------------------------------*/
/*label etichette---------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.lb-x{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:6px;
    padding-right:10px;
    border-style:none;
    border-radius:3px;
    border-width:2px;
    background-color:#fff;
    width:20px;
    height:20px;
    text-align:left;
  
}
/*-------------------------------------------------------------------------------------------------*/
/*chekbox-----------------------------------------------------------*/
.cbx{
      font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
  border-color:grey;
    color: #000;
    padding:6px;
    padding-right:10px;
    border-style:solid;
    border-radius:15px;
    border-width:3px;
    background-color:#fff;
    min-width:300px;
    max-width:500px;
    text-align:right;
  
}
/*pulsantie---------------------attenzione settare in ogni controllo il border style sennò non funziona da CSS!!!------------------------------------------------*/
.buttx{
     font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
font-size:16px;
font-weight:400;
text-align:center;
 
    color: #000;
    padding:5px;
     padding-bottom:7px;
         padding-left:8px;
    border-radius:15px;
    border-width:3px; 
    border-color:grey;
    background-color:#fff;
    min-width:300px;
    max-width:500px;
    cursor:pointer;
  
}
.buttonC {background-color:#375498;
          height: 40px;
    width:200px;
	color: White;
	font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
	text-align:center;
	font-size: medium;
	cursor:pointer;
    padding-left:5px;
    padding-right:5px;
     margin:auto;
    border-style:none;
   border-bottom-width:0;
    border-radius:15px;
}
.buttonC:hover {
	height: 40px;
    width:200px;
	color: White;
	font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
	text-align:center;
	font-size: medium;
	cursor:pointer;
    padding-left:5px;
    padding-right:5px;
     margin:auto;
    border-style:none;
   border-bottom-width:0;
    border-radius:15px;
    opacity:0.7;
}
.buttonC:active {
	height: 40px;
    width:200px;
	color: White;
	font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
	text-align:center;
	font-size: medium;
	cursor:pointer;
    padding-left:5px;
    padding-right:5px;
     margin:auto;
    border-style:none;
   border-bottom-width:0;
    border-radius:15px;
    opacity:0.7;
    transform:scale(0.9)
}
.buttonB {background-color:#d04f16;
          height: 40px;
    width:200px;
	color: White;
	font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
	text-align:center;
	font-size: medium;
	cursor:pointer;
    padding-left:5px;
    padding-right:5px;
     margin:auto;
   border-style:none;
    border-width:thin; 
    border-color:grey;
    border-radius:15px;
}
.buttonB:hover {
    opacity:0.7;
}
.buttonB:active {
    opacity:0.7;
    transform:scale(0.9)
}
.buttonD {background-color:#d04f16;
          height: 40px;
    width:350px;
	color: White;
	font-family:"Segoe UI", "Roboto","Lucida Grande", "Segoe UI";
	text-align:center;
	font-size: medium;
	cursor:pointer;
    padding-left:5px;
    padding-right:5px;
     margin:auto;
   border-style:none;
    border-width:thin; 
    border-color:grey;
    border-radius:15px;
}
.buttonD:hover {
    opacity:0.7;
}
.buttonD:active {
    opacity:0.7;
    transform:scale(0.9)
}
.backred{background-color:#ad0a0a;}
.backviola{background-color:#36177c;}
.backblu{background-color:#375498;}
.backgray{background-color:gray;}
.backbluHL{background-color:#375498;padding:10px;vertical-align:middle;}
.backgreen{background-color:#366736;}
.backorange{background-color:#ab3e0e;}
.backpasorange{background-color:#f2be88;}
.backpascele{background-color:#a6bcf0;}
.backpasgreen{background-color:#a3f3cf;}
.backpasviola{background-color:#cdaffc;}
.backpasgrigio{background-color:#e2e6ef;}
.back1{background-color:#7a0e25;}
.back2{background-color:#86151e;}
.back3{background-color:#972414;}
.back4{background-color:#b73400;}
.back5{background-color:#e94503;}
.evidenzia{text-align:center;
	font-size: larger;
    font-weight:bold;
}
/*-------------------------------------------------------------------------------------------------*/
.mypanel1{  margin:auto;
            text-align:center;

            background-color:darkkhaki;

}
.centrato{
    margin:auto;
}
.mylink{
    cursor:pointer;
    background-color:#7a0e25;
    color:white;
    border-radius:15px;
    padding:6px;
   margin-bottom:-6px;
}