/* Style the tab */
.tab {
  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;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none;
  border-top: none;
}
.tabheader{
    width:700px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.middleleft{
    width:50%;
    margin-top:10px;
	margin-right:100px;
    display:flex;
    flex-direction:column;
    align-items:end;
}

.middleright{
    width:50%;
    margin-top:10px;
	margin-left:100px;
    display:flex;
    flex-direction:column;
    align-items:start;
}

/*
select{color: green;}
select option {color: black; }
select option:first-child {color: green;}
select option[value=""] {color: green;}
select option:checked {color: green;}
*/

.colored-option {
    color: red; /* Color for the first option */
}