@charset "utf-8";
/* CSS Document */
#container {
	padding:0px;
	margin:0;
  width:100%;
	height:350px;
	 
}

#panel0 {
	width:792px;
	height:auto;
	padding:0;
	margin:0;
	
}

#panel0_left {
	width:435px;
	height:auto;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:15px;
	margin-left:5px;
	float:left;
	overflow:visible;
}

#panel0_right {
	width:340px;
	float:right;
  display:grid;
  margin-top:20px;
  padding:4px;
  grid-template-columns: 160px 1fr 1fr;
  grid-template-areas: 'header header header'
                        ' main main main'
                        ' main main main'
                        ' main main main'
                        ' main main main'
                        ' main main main'
                        ' main main main'
                        ' main main main'
                        ' main main main'
    'foot foot foot';
  background-color: #f3f3f3;
  /*grid-column-gap: 10px;*/
  /*grid-row-gap: 15px;*/
  border-radius: 5px;
  border: 1px solid #817E73;  
}
#panel0_right > footer {
  margin:10px 0px 4px 0px;
  padding-left: 190px;
  grid-area: foot;
  align-self: center;
  align-items: center;
  justify-content: center;
}
#panel0_right > div {
  font-size:14px;
}
.panel0_header {
  padding-top: 5px;
  margin-bottom: 0px;
}
.panel0_firstcol {
  padding-right:5px;
}
.panel0_item {
  text-align:left;
  padding-left:5px;
  align-self: center;
  justify-self: start;
}
.panel0_site1 {
  text-align:center;
  background-color:#65A681;
  align-self: center;
}
.panel0_site2 {
  text-align:center;
  background-color:#6595BF;
  align-self: center;
}
.site-input {
  margin-bottom:5px;
  text-align: center;
  width:85%;
  font-size:12px;
}
.double-line-input-correction{
  padding-top:7px;
  margin-bottom:4px;
  padding-bottom:5px
}
.mt-10 {
	margin-top:15px;
}
.mt-50 {
	margin-top:15px;
}
.panel_text_right {
	width:inherit;
	padding-bottom:6px;
	padding-top:4px;
	margin-left:0px;
	margin-right:0;
	overflow:visible;
	background-color: #eaeaea;		
	box-shadow: 3px 3px 2px 2px  #888888;
}
.input-line {
	margin-top:3px;
	height:22px;
	margin-bottom:0px;
}
.height-5 {
  height:18px;
}
.input-line-header {
  font-weight: bold;
}

.panel-title {
	font-weight: bold;
	text-align: center;
	margin-bottom:6px;
	margin-top:6px;
}
.label-left {
	padding-left:6px;
}
.ml-5 {
  margin-left:8px;
}

.label-right {
	float:right;
	width: 48px;
	margin-right:6px;
	padding-left:0;
	padding-right:1px;
	text-align:center;
}

.label-results-right {
	float:right;
	width: 160px;
	margin-right:6px;
	padding-left:0;
	padding-right:1px;
	text-align:center;
}

.label-results-c1 {
	width: auto;
  float: none;
	margin-left:1px;
	padding-left:0;
	padding-right:1px;
	text-align:right;
}
.label-results-c2 {
	width: auto;
  float: right;
	margin-right:1px;
	padding-left:0;
	padding-right:1px;
	text-align:right;
}

.dropdown-right {
	float:right;
	width: 52px;
	margin-right:6px;
	padding-left:0;
	padding-right:1px;
	text-align:center;
}
input:invalid {
  border: 2px dashed red;
}
/*
input:invalid:required {
  background-image: linear-gradient(to right, pink, lightgreen);
}
*/
input:valid {
  border: 1px solid '#3D3C3C';
}

.submit-button {
	background-color: darkblue;
	color: white;
	font-weight: bold;
	width: 110px;
	height: 25px;
}

.submit-button:hover {
	background-color: blue;
	font-style: italic;
}

.answer {
	display:inline;
}

.action_modal {
	position: absolute;
	z-index: 900;
	margin-left:465px;
	margin-top:250px;
	color: #9C00B5;
	width: 204px;
	height:60px;
	background-image: url('../images/action_panel_right.svg'); 
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	/*background-color: #370793;*/
}