#portrait {display: none;}
   #landscape {display: block;}
   @media screen and (min-width: 0px) and (max-width: 512px) {
       #portrait {display: block;}
       #landscape {display: none;}
   }
   @media screen and (min-width: 512px) and (max-width: 600px) {
       html{
           zoom:0.75;
       }
   }
   @media screen and (min-width: 601px) and (max-width: 700px) {
       html{
           zoom:0.8;
       }
   }
   @media screen and (min-width: 700px) and (max-width: 800px) {
       html{
           zoom:0.9;
       }
   }
   .text{
       text-align:right;
       width: 60%;
       vertical-align:middle;
   }
   td{
       vertical-align:middle;
   }
   .padding{
       padding:20px;
       font-size:16px;
   }
   .slider {
     -webkit-appearance: none;
     appearance: none;
     width: 100%;
     height: 5px;
     border-radius: 5px;
     background: #D3D3D3;
     outline: none;
     opacity: 0.7;
     -webkit-transition: .2s;
     transition: opacity .2s;
   }
   .slider:hover {
       opacity: 1;
   }
   .slider::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width:20px;
     height:20px;
     border-radius: 50%;
     background: #007bff;
     cursor: pointer;
   }
   .slider::-moz-range-thumb {
     width: 15px;
     height: 15px;
     border-radius: 50%;
     background: #007bff;
     cursor: pointer;
   }
   .slider-table{
       width:100%;
   }
   .slider-table td{
       text-align:center;
       font-size:10pt;
       padding: 15px;
   }
   .slider-table-left{
       text-align:right;
   }
   .label{
       padding:15px;
   }
   /*
   input[type="radio"] {
       background-color: white;
       outline: 1px solid darkgrey;
       cursor: pointer;
       display: inline-block;
       height: 20px;
       //margin-right: 17px;
       position: relative;
       width: 20px;
       -webkit-appearance: none;
       outline-offset: -1px;
   }
   input[type="radio"]:checked {
       content:"x";
       font-size: 30px;
       background-color:#0d6efd;
       border: 4px solid white;
       outline: 1px solid darkgrey;
       outline-offset: -1px;
   }
   input[type="radio"]:hover {
       background-color: #0d6efd;
       border: 4px solid white;
   }
   input[type="radio"]::after {
       background-color: white;
       border: 5px solid darkgrey;
       cursor: pointer;
       display: inline-block;
       height: 20px;
       //margin-right: 17px;
       position: relative;
       width: 20px;
       -webkit-appearance: none;
   }*/

   table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }