/* Style the table */ 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width: 100%; 
    border: 1px solid #ddd; 
} 

/* Style table headers and table data */ 
th { 
	text-align: center; 
	padding: 5px; 
} 

td { 
	text-align: center; 
	padding: 1px; 
} 

.secondrow {
	height: 75px;
}

th:first-child, td:first-child { 
	text-align: left; 
} 

/* Zebra-striped table rows */ 
tr:nth-child(odd) { 
	background-color: #ffffff 
} 
tr:nth-child(even) { 
	background-color: #f2f2f2 
} 
.fa-check { 
	color: green; 
} 
.fa-remove { 
	color: red; 
}

/* Style the tab */ 
.tab { 
	overflow: hidden; 
	border: 1px solid #ccc; 
	background-color: #f1f1f1; 
} 

/* Style the buttons that are used to open the tab content */ 
.tab button { 
	background-color: inherit; 
	float: left; 
	border: none; 
	outline: none; 
	cursor: pointer; 
	padding: 14px 16px; 
	transition: 0.3s; 
} 

/* Change background color of buttons on hover */ 
.tab button:hover { 
	background-color: #ddd; 
} 

/* Create an active/current tablink class */ 
.tab button.active { 
	background-color: #ccc; 
} 

/* Style the tab content */ 
.tabcontent { 
	display: none; 
	padding: 6px 12px; 
	border: 1px solid #ccc; 
	border-top: none; 
}

.navbar {
    overflow: hidden;
    background-color: #333;
    font-family: Arial;
}

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

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    cursor: pointer;
    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, .dropbtn:focus {
    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;
}

.show {
    display: block;
}

.rotate { 
	/* Safari */ 
	-webkit-transform: rotate(-90deg); 

	/* Firefox */ 
	-moz-transform: rotate(-90deg); 

	/* IE */ 
	-ms-transform: rotate(-90deg); 

	/* Opera */ 
	-o-transform: rotate(-90deg); 

	/* Internet Explorer */ 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}


.container { position: relative; text-align: center; color: white; width: 800px; }

.imagetext { 
	position: absolute; 
	top: 50px; 
	right: 30px; 
	font: bold 36px/45px Helvetica, Sans-Serif; 
	color: #fafafa; 
	text-shadow: 2px 2px 2px #000000;
}