body {
  background-color: #ccffcc;
}

h1 {
	color: blue;
    text-align: center; 
}


h2 {
  color: navy;
  text-align: center; 
}

table
{
    text-align: center; 
    vertical-align: middle;
	word-wrap: break-word;
	font-size: 13px;
	
}

.fixedTD {
	overflow: hidden;
    max-width: 80px;
    min-width: 80px;
}

.mybuttons {
  
  height: 30px;
}

#epexigisi {
   top: 50%;
   left: 3%; 
}

#selectLabel {
font-size: 13px;
font-weight: bold;
}


#one {
  border: 5px outset #bfbfbf;
  padding: 4px;
  background-color: #f2f2f2; 
}

#two {
  float: left;
  border: 5px outset #bfbfbf;
  padding: 8px;
  background-color: #f2f2f2; 
}

#three {
	padding: 30px 0px;
	text-align: right;
}

#dates, #diorganosi {
	float: right;
	min-width: 63%;
	max-width: 63%;
}

.ho:hover {  
cursor: pointer;
}

.ho {
color: blue;
font-weight: bold;
}

tbody tr:nth-child(odd){
  background-color: #4C0BF5;
}

tbody tr:nth-child(even){
  background-color: #ffffff;
}

#thetable tbody tr:nth-child(even){
  background-color: #ffffff;
}

th
{
	background-color: #8c8c8c;
	color: white;
	text-align: center; 
    vertical-align: middle;
	height: 30 px;
	font-weight: bold;
	
}


button
{
  background-color: #000a66;
  color: white;
  text-align: center;
  border-radius: 12px;
  font-size: 16px;
}

button:hover {
  background-color: gray;
}

.modal-dialog {
    width: 800px;
    margin: 30px auto;
}

span.myspan {
font-size: 11px;
font-weight: bold;
color: red;
}