@import url('https://fonts.googleapis.com/css?family=Montserrat:600&display=swap');

html, body {
   margin: 0;
   padding: 0;
}

h3 {
  color: blue;
}

h4 {
  color: blue;
}

table {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);	
	border-collapse: separate; 
	border-spacing: 0.0em;	
/*	font-family: "Impact,Charcoal,sans-serif"; 
	font-family: 'Montserrat', sans-serif;*/
 	font-family: 'Garamond, serif';  
	overflow: hidden;
  	font-weight: bold;   
	border: 0px solid;	
 	text-align: left;	
 	width:  65%;   /* 65%    C */
 	height: 60%;
 	border-radius: 10px; 	 
 	background: #FFFFFF;  
  	margin-left: 195px;  
}

table thead th {
	background: #009578;
	color: #ffffff; 		 
}

table td,
table th {
	padding: 4px 4px;	
	border: solid 0px #000;
	border-style: none solid solid none;
	vertical-align:top;
}

td:first-child {
    border-right-style: solid;    
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;    
}
    
td:last-child {
    border-right-style: solid;    
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px;    
}

table tbody tr:nth-of-type(even) {	
/* 	background: #eeeeee;		
	background:#F8F8F8; */ 
	background: #FFFFFF;
}

table tbody tr:nth-of-type(odd) {	
/*	background: #eeeeee;  	 */
	background: #FFFFFF; 
}

table tbody tr:last-of-type{	
	border-bottom: 1px solid #009578;
	border-spacing: 10em;	
}

div.shadowbox {   
  border: 0px solid #333;
  box-shadow: 10px 16px 14px #444;
/*  padding: 8px 10px; */
  background-image: linear-gradient(140deg, #fff, #ddd 40%, #ccc);  
  border-radius: 4%;    
  place-items: right;
}

.button {
  background-color: #FFFFFF;
   font-family: 'Montserrat', sans-serif;
  width: 65px;
  font-size: 11px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #444;
  color: black;
  text-align: center;
}