@import "../fonts/ubuntumono/ubuntumono.css";
@import "../fonts/firasans/firasans.css";

*{
	font-family: 'Fira Sans';
	/*font-family: 'Ubuntu Mono';*/
}
   
body {
	font-size: 12px;
	background: #495d78;
	color: #333;
}

a:link {color: #84c4e2;}
a:visited {color:#84c4e2;}
a:hover {color: #cd82ad;}
a:active {color: #84c4e2;}

.circuit-scheme{
	float:right;
	margin:0;
	padding:0;
	border:0;
	height: 100%;
}
.circuit-load{
	float:left;
	margin:0;
	padding:0;
	border:0;
	height: 100%;
}

.app-title{
	margin-top:0.25rem;
	margin-bottom: 0;
	padding-top:0.125rem;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	background: #e2e9f8;
	color:#2d4e92;
	border: solid 1px #697da1;
}

.app-container{
	margin: auto;
}

.params-panel{
	margin: 0;
	padding:0;
	border: solid 2px #69768e;
	background: #e2e9f8;
}

.params-panel-title{
	margin: 0;
	padding:0;
	letter-spacing: 0.15em;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color:#c0c6d5;
	background: #212b68;
}

.param-title{
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	font-size: 0.75rem;
	font-weight: bold;
	color:#7d868f;
}

.param-input{
	margin: 0;
	padding:0;
	height: 100%;
	width: 100%;
	font-size: 1rem;
	color:#83ffc0;
	background: #514c7e;
	text-align: right;
	font-weight: bold;
}

.param-input:focus{
	background: #514c7e;
}

.units{
	margin: 0;
	padding:0;
	text-align: left;
	font-size: 1rem;
	color:#275fbc;
	
}
.designation
{
	margin: 0;
	padding:0;
	text-align: right;
	font-size: 1rem;
	font-weight: bold;
	color:#275fbc;
}
@media screen and (max-width: 39.9375em) {
	.iframe-container {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-top: 150%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
}

@media screen and (min-width: 40em) {
	.iframe-container {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-top: 55%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
}

.iframe-responsive {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}