@media print and (color) {
      * {
         -webkit-print-color-adjust: exact;
         print-color-adjust: exact;
      }

	table th {
          padding-top: 2px;
          padding-bottom: 2px;
          text-align: center;
          background-color: #1a73e8 !important;
          color: white !important;
	        border: 1px solid;
      }
   	
   }
   
    body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.0;
    opacity:0.9;
    height: 100%;
   }
   
   .tabled{
          font-family: Arial, Helvetica, sans-serif;
          border-collapse: collapse;
          width: 50%;
          overflow: auto;
          margin-left: auto;
          margin-right: auto;
      }

      .textleft{
        text-align: left;
        padding-left: 10px;
        }
    
        table td,th {
          font-weight: bold;
        }

    .navbar {
    overflow: hidden;
    background-color: #ff9900;
    font-family: Arial, Helvetica, sans-serif;
    }

    .navbar a {
    float: right;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

    .dropdown {
    float: left;
    overflow: hidden;
    }
      
    .dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    }

    .navbar a:hover, .dropdown:hover .dropbtn {
    background-color: red;
    }

    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }

    .dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    }

    .dropdown-content a:hover {
    background-color: #ddd;
    }

    .dropdown:hover .dropdown-content {
    display: block;
    }
 
    .button {
      background-color: #1a73e8;
      border: none;
      border-radius: 10px;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.1);
      width:50%;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      font-weight: bold;
    }

    input,label,option,select,h2,h3,h4{
      font-weight: bold;
    }

    .btn{font-weight: bold;}

    .button:hover {
        background-color: rgb(129, 129, 129);
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
        color: black;
      }
                                
                              
      .progress{
        height: 13px;
        }  

      .progress-bar {
      float: left;
      width: 0%;
      height: 100%;
      font-size: 12px;
      line-height: 12px;
      color: #fff;
      text-align: center;
      background-color: #3f8025;
      -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
      box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
      }  
  
      hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
      border: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.589);
    }

        .vl {
              border-left: 2px solid #202020d8;
              height: 400px;
              
            }
 
        table {
          font-family: Arial, Helvetica, sans-serif;
          border-collapse: collapse;
          width: 100%;
          overflow: auto;
          
        }
        
        table td, table th {
          border: 1px solid rgba(71, 78, 78, 0.664);
          padding: 1px;
          text-align: center;
        }
        
        table tr:nth-child(even){background-color: #f2f2f2;}
        
        table tr:hover {background-color: #ddd;}
        
        table th {
          padding-top: 2px;
          padding-bottom: 2px;
          text-align: center;
          background-color: #1a73e8;
          color: white;
      }
    
    .pt-3-half { padding-top: 1.4rem; }
    
    .dot1 {
        height: 12px;
        width: 12px;
        background-color: #0f0;
        border-radius: 50%;
        display: inline-block;
      }

      .dot2 {
        height: 12px;
        width: 12px;
        background-color: #ab0000;
        border-radius: 50%;
        display: inline-block;
      }
      .dot3 {
        height: 12px;
        width: 12px;
        background-color: red;
        border-radius: 50%;
        display: inline-block;
      }
      .dot4 {
        height: 12px;
        width: 12px;
        background-color: #000;
        border-radius: 50%;
        display: inline-block;
      }
      .dot5 {
        height: 12px;
        width: 12px;
        background-color: blue;
        border-radius: 50%;
        display: inline-block;
      }

      .dot6 {
        height: 12px;
        width: 12px;
        background-color: black;
        border-radius: 50%;
        display: inline-block;
      }

	.dot7 {
        height: 12px;
        width: 12px;
        background-color: orange;
        border-radius: 50%;
        display: inline-block;
      }			
   
      h3 {text-align: center;}
      .bg {
          background-color: gray;
        }
      .bg1 {
          background-color: darkslategray;
        }
        .bg2 {
          background-color: lightsalmon;
        }
        .bg3 {
          background-color: lightgreen;
        }
        .bg4 {
          background-color: blueviolet;
        }
        .bg5 {
          background-color: rgba(211, 211, 20, 0.87);
        }
        .bg6 {
          background-color: rgb(109, 163, 235);
        }
        .bg7 {
          background-color: blue;
        }
        .bg8 {
          background-color: green;
          color: #ffffff;
        }
        .bg9 {
          background-color: rgb(148, 86, 10);
        }
        .bg10 {
          background-color: lightskyblue;
        } 
        .bg11 {
          background-color: rgb(161, 161, 9);
          color: #ffffff;
        }