html {
	height:100%;
	width:100%;
	overflow-x:hidden;
}

body{
	font-size: 14px !important;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif !important;
	margin:0.5rem;
	margin-top:0.5rem;
	font-weight:normal !important;
}

.graph-canvas {
	width: 100%;
	height: 690px;
	position:relative;
}

.graph {
	width: 100%;
	height: 100%;
	background-color:#fff;
	/* border-radius: 0.25rem;
	border: 1px solid lightgray; */
}

.info-pane {
	width:100%;
	height:100%;
	background-color:#fff;
	/* border-radius: 0.25rem;
	border: 1px solid lightgray; */
}

section {
	/*margin-bottom:1rem;*/
}

.navbar-start {
	justify-content: flex-start;
	margin-right: auto;
}

.navbar, .navbar-end, .navbar-menu, .navbar-start {
	align-items: stretch;
	display: flex;
	background-color: #f8f9fa !important;
}

a.navbar-item {
	/* padding:0px 10px 0px 10px;
	margin:0px 10px 0px 10px;
	align-items:center;
	display:flex;
	cursor:pointer;
	text-decoration:none; */

	display: block;
	padding: .5rem .5rem;
	color: #0d6efd;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

a.navbar-item:hover {
	background-color:#FAFAFA !important;
	text-decoration:none;
}

.full-screen-button {
	height:40px;
	width:40px;
	position:absolute;
	top:5px;
	right:5px;
	/* border: 1px solid #d3d3d3; */
	background-color:#FAFAFA;
	z-index:65535;
	background-image:url("../img/icons8-expand-30.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor:hand;
}

.navbar-brand {
	position:relative;
	top: 5px;
}

.navbar-brand .title {
	display:inline-block;
}

.navbar-brand img {
	position: relative;
	top: -5px;
}

#controls-list {
	overflow-y:scroll;
	position:relative;
	height:95%;
	/*position:absolute;
	bottom:0px;
	top: 90px;
	padding:10px;
	*/
}

#controls-list div.control:not(:first-child) {
	margin-top:5px;
}

.control {
	font-size:8pt;
	padding-bottom:10px;
	border:1px solid white;
	margin-right:5px;
	padding:10px;
	
}

.control, .control * {
	cursor:pointer;
}

.control:hover {
	background-color:#fcfcfc;
	border:1px solid #e3e3e3;
}

.control-selected {
	background-color:#f3f3f3 !important;
	border:1px solid #d3d3d3 !important;
}

.control-rb {
	font-weight:bold;
}

.control label{
	font-weight:bold;
	position:relative;
	top:-2px;
}

.control-name {
	/*margin-left:17px;*/
	
}

/* .info-box {
	min-height:70px !important;
} */

.loading{
	background-image:url('../img/loading_spinner.gif');
	display:inline-block;
}

#graph-icon-list {
	padding:5px;
	margin:0;
	height:100%;
	overflow-y:scroll;
}

#graph-icon-list div img {
	max-height:30px;
	max-width:30px;
	display:inline-block;
	padding:5px;
}

#graph-icon-list div span {
	font-size:10pt;
}

.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}
.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}
.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}

.accordion-body{ 
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 520px !important;
}

#resource-view-pane {
	overflow-x:hidden;
	overflow-y:scroll;
	height:100%;
}

#resource-view-pane h3.resource-title {
	padding-bottom: 1rem!important;
}

a {
	color: #3183fd !important;
	text-decoration: none;
	background-color: transparent;
}

.resource-info {
	margin-bottom:10px;
	font-size:small;
	border-bottom: 1px dotted #d3d3d3;
	padding-bottom:10px;
}

.resource-key {
	width:30%;
	display:inline-block;
}

.resource-img {
	width:100%;
	text-align:center;
	margin-top:20px;
}

.resource-img img {
	max-width:80px;
	margin-bottom:10px;
}

.resource-img span {
	font-weight:bold;
}


.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: rgba(0,0,0,.9) !important;
}

.nav-link {
	color: #0d6efd !important;
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  }


  .btn-secondary {
	color: #fff;
	background-color: #b0b2b5 !important;
	border-color: #aeb7c0;
  }

  
  .btn-primary {
	color: #fff;
	background-color:   #e2730e !important;
	border-color: #e2730e;
  }

