* {
	   font-family: "Segoe UI",Arial,sans-serif;
	   font-size: 100%; 
	   font-weight: 200;
    }	 
 
    .container {
       margin: auto;
       width:95%;
       padding: 5px;
	   border: 1px solid #999999;
	   text-align: center;
    }
	.containerDB {
       margin: auto;
	   display: flex;
       flex-direction: row;
    }
    .update {
	   width:100%;
       padding: 5px;
       margin: auto;
    }
	.banner {
       margin: auto;
       background-color: #04AA6D;
	   border: 1px solid #999999;
    }
	.bannerChart {
	   margin: auto;
       background-color: #04AA6D;
	   border: 1px solid #999999;
       width:100%;
	   overflow-x: scroll;
	}
	.note {
       margin: 0 auto; 
       padding: 5px;
    } 
    .check {
       margin: 3px auto 0 auto; 
       padding: 5px;
	   border: 1px solid #999999;
    } 

    .h2text {
	  font-size: 120%; 
      font-weight: 400;
      text-align: center;
	  color: #ffffff;
    }
	
    .placeh {
	  font-size: 120%; 
	  font-weight: 200;
      text-align: center;
      color: #d9d9d9;
    }
	.placeh:after {
	  content: ' .';
	  animation: dots 1s steps(7, end) infinite;}

	@keyframes dots {
	  0%, 20% {
		color: rgba(0,0,0,0);
		text-shadow:
		  .25em 0 0 rgba(0,0,0,0),
		  .5em 0 0 rgba(0,0,0,0);}
	  40% {
		color: white;
		text-shadow:
		  .25em 0 0 rgba(0,0,0,0),
		  .5em 0 0 rgba(0,0,0,0);}
	  60% {
		text-shadow:
		  .25em 0 0 white,
		  .5em 0 0 rgba(0,0,0,0);}
	  80%, 100% {
		text-shadow:
		  .25em 0 0 white,
		  .5em 0 0 white;}}
	
	table {
	   border-collapse: collapse;
	   width: 100%;
    }
	td, th {
	   border: 1px solid #dddddd;
	   text-align: left;
	   padding: 8px;
	}
	th {
	   background-color: #b3e6cc;	
	}
	tr:nth-child(odd) {
	   background-color: #e6e6e6;
	}