/*
.line {
	float: left;
	border: 1px solid black;
	text-align: center;
}
*/
.rowhover:hover {
	background-color: LightSalmon;
}

.selectlist:hover {
	background-color: Yellow;
	cursor: pointer;
}
/* ********************************************** */

.navbar {
  overflow: hidden;
  background-color: #f9f9f9;
  font-family: Arial;
  border:1px solid black; 
}

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

.navbar .active {
  background-color: LightSalmon;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 14px;
  border: none;
  outline: none;
  color: blue;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 170px;
  border:1px solid black; 
  z-index: 2;
}

.dropdown-content a {
  float: none;
  color: blue;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

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

.show {
  display: block;
}

/* ********************************************** */
.menu-reports {
	position: relative;
    display: inline-block;
	cursor: pointer;
}

.reports-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 280px;
	border:1px solid black; 
	z-index: 1; 
}

.menu-reports a:hover {
  background-color: Bisque;
}

.menu-reports ul {
	list-style-type: none;
	padding-left: 20px;
}

.menu-reports:hover .reports-content {
	display: block;
}

.reports-content a {
	text-decoration: none;
	padding: 5px ;
}

.reports-content b {
	padding-left: 5px ;
}

.reports-content li {
	padding: 5px ;
}

/* ******************************************** */

table.menu {
	background-color:GhostWhite;
	border:2px solid Black;
	border-collapse:collapse;
	font-size:14px;
	color: blue;
	width: 100%;
}

table.menu td {
	padding: 5px;
	width: 10%;
	align: center;
}

table.menu a {
	text-decoration: none;
	color: blue;
}

div.tastingform {
	background-color:#f5f5f5;
	padding: 15px;
	border: 1px solid black;
	width:	75%;
}

table.mytable
{
	background-color:#ffffff;
	border-collapse:collapse;
	font-size: 85%;
	border-style: solid;
	max-width: 100%;
	min-width: 50%;
}

table.mytable td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.mytable th {
	padding: 5px;
}

table.striped tr:nth-child(even) {
  background-color: #f2f2f2;
}

table.padded td {
	padding: 2px;
}

table.tastingform
{
	background-color:#f5f5f5;
	border-collapse:collapse;
	font-size: 100%;
	table-layout: auto;	
	width:	100%;
 }

table.tastingform td {
	padding: 3px;
}

table.mytable2 {
	background-color:#ffffff;
	border-collapse:collapse;
}

table.mytable2 td {
	padding: 5px;
}

.nodeco {
	text-decoration: none;
	font-size: 100%;
}

#editproduct td {
	padding: 4px;
 	padding-left: 20px;
}


body {
	#background-color: Wheat;
	#background-color: AliceBlue;
	background-color: Linen;
	margin: 10px;
}

.archived_customer {
	background-color: LightGray;
}

.missing_customer {
	background-color: Pink;
}

.existent_customer {
	background-color: white;
}

.inhouse_customer {
	background-color: yellow;
}

.different_name {
	background-color: orange;
}

.absl {
	background-color: LightGray;
}

/*
input:invalid {
  border: 1px solid red;
}
*/
	
table.mt {
 padding: 25px;
}

caption {
  font-weight: bold;
  font-size: 120%;
  padding-bottom: 5px;
  padding-top: 0px;
}

.header {
	background-color:AntiqueWhite;
	padding: 5px;
}

div.mydiv {
	font-size: 70%;
}

.error {
	color: red;
}

.alert {
	color: red;
	font-weight: bold;
}

.error {
	color: red;
	font-weight: bold;
}

.success {
	color: green;
	font-weight: bold;
}

.inline {
	display: inline;
	float: right;
}

.odd {
    background-color: #dddddd;
}
	
.content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
}

.main_div {
	float: left;
	width: 55%;
}

#colordiv{
	float: left;
	width: 10%;
}

.tagtip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tagtip .tagtiptext {
  visibility: hidden;
  width: 180px;
  background-color: #963;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.2s;
}

.tagtip:hover .tagtiptext {
  visibility: visible;
  opacity: 1;
}

.must {
	color: red;
}