html {
  height: 100%;
}
body{
  margin:0;
  height:100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:15px;
  color:#404040;
}

header{
  width:100%;
}

.photo{
  width:200px;
  height:auto;
  float:right;
}

form{
margin:20px;
line-height:30px;
}

textarea{
  width:40em;
  height:100px;
}

input[type=submit],button{
  min-width:80px;
  padding:2px 3px;
  margin:0px;
  border-radius:4px;
  background-color:#00BE00;
  border:2px solid #0066CC;
}

select{
  min-width:100px;
}

.right{
  float:right;
  display:inline-block;
  overflow:hidden;
}

.title {font-size:3em; color:#0066CC; font-weight:bold; vertical-align:central;clear:both;}
.title2{font-size:2em; color:#0066CC; font-weight:bold; vertical-align:central;text-align:left}
.title3{font-size:1em; color:#0066CC; font-weight:bold; vertical-align:central}
.titleContent{font-size:2em;text-align:left;color:#404040;}
.content        {text-align:left;color:#404040;}
.content       a{text-align:left;color:#404040;	font-weight:bold;}
.content a:hover{text-align:left;color:#404040;	font-weight:bold;	text-decoration:underline;}

.readonly{
background-color:lightblue;
}
.value{
	color:#0066CC;
}
.number{
	color:#404040;
  width:80px;
}
table.grid td {
  border:1px solid #0066CC;
  border-collapse:collapse;
  padding:5px;
}
.wrapper{
  display:inline-block;
}

div.container {
  width: 80%;
}
.label{
  padding-left:10px;
  width:150px;
  display:inline-block;
}

.shortlabel{
  padding-left:10px;
  min-width:50px;
  display:inline-block;
}
.longlabel{
  padding-left:10px;
  min-width:200px;
  line-height:15px;
}
.message{
  font-weight:bold;
  color:red;
}

.nav{
  width:100%;
  background-color:#00BE00;
  color:white;
  line-height:15px;
  clear:both;
}
nav a{text-decoration:none;color:white;}
nav a:hover{text-decoration:none;color:white;font-weight:bold}
nav a:visited{text-decoration:none;color:white;}

.validator{
  width:20px;
  height:20px;
  vertical-align:middle;
  background-image:url(images/noerror.png);
}

.required{
  width:20px;
  height:20px;
}

.draggable{
  float:left;
	border-bottom-color:#333;
	border:1px solid #0066CC;
	background-color:#ededed;
	border-radius:5px;
	text-align:center;
	width:150px;
	white-space:nowrap;
  margin:2px;
  padding:1px;
}
.unavailable{
  float:left;
	border-bottom-color:#333;
	border:2px solid #0066CC;
	background-color:#ededed;
	border-radius:10px;
	text-align:center;
	width:300px;
	white-space:nowrap;
  margin:4px;
  padding:2px;
  font-size:2em;
}
.container{
  margin:0px;border:0px;padding:0px;
}
.droppable{
  border-radius:3px;
  border:solid thin #2554C7;
  width: 198px; height:600px;
  display:block;
  overflow-y:scroll;
  list-style-type:none;
  margin: 0; padding: 0;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.column1 {
  flex-direction: column;
  margin-right: 10px;
}

.column {
  flex-direction: column;
}