html {
	width: 99%; /*required if using % width*/
	height: 99%; /*required if using % height*/
}
body {
	width: 99%; /*required if using % width*/
	height: 99%; /*required if using % height*/
}
input {
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
}

iframe {
	height: 100%;
    width: 100%;
    border: none;
    border-style: none;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

table {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
}

thead {
  text-align: left; /* Left-align text */
  padding: 10px; /* Add padding */
  color: white;
  background-color: cornflowerblue;
}

th, td {
  text-align: left; /* Left-align text */
  padding: 10px;  /* Add padding */
  border-left: 1px solid #ddd;
}

tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd; 
}

#mapTable tr#editRow:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

#editMapFrame {
	height: 70%;
}

#editMap {
	width: 30%;
	height: 100%;
  display: none;
  font-size: 18px; /* Increase font-size */
  float: right;
  border-width: 0px;
}

#editServer {
	width: 100%;
	height: 100%;
  display: inline-block;
  font-size: 16px; /* Increase font-size */
  float: right;
  border-width: 0px;
  border: 8px;
}

#tableMap {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: white;
}

#tableMapDiv {
	width: 100%;
	display: inline-block;
	height: 100%;
	float: left;
	transition:width 0.5s linear;
}

#serverFrame {
	height: 30%;
}

.piEditTableHeader {
	text-align: center;
}

.piEditRowHeader {
	color: white;
	background: cornflowerblue;
}

.piEditRowBox {
    width:80%;
}

.piEditNotes {
    width: 98.7%;
    height: 99%;
}

.formDropDownElement {
    width: 100%;
	font-size: 16px;
}

body.nomargin {
	margin-top: 0px;
    margin-bottom: 0px;
}

.resultSuccess{
    background: LightGreen; /*column header background color*/   
    color: black;
}

.resultError{
    background: IndianRed; /*column header background color*/ 
    color: white;
}