body {
	overflow-x: hidden;
	overflow-y: scroll;
}
.header {
	/*min-height:80px;
	height:100%;*/
	position: sticky;
    top: 0;
    z-index: 999;
}
@media screen and (max-width: 600px) {
	.header {
		position: relative;
	    top: 0;
	    z-index: 999;
	}
}
.logo {
	width: 210px !important;
	min-height: 70px;
	float: left;
    float: left;
}
.link.external {
	margin-top: 12px;
	margin-bottom: 12px;
}
.preloader-indicator-modal {
    position: fixed;
    left: 0;
    top: 0;
    padding: 8px;
    margin-left: 0;
    margin-top: 0;
    background: rgba(0,0,0,.8);
    z-index: 13500;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}
.preloader-indicator-modal .preloader {
    display: block;
    width: 34px;
    height: 34px;
    margin: auto;
    top: 50%;
    margin-top: 50%;
}
.colB {
	width: 200px;
	height: 200px;
	margin: 0px;
	border: 1px #000 solid;
	padding: 12px;
}

.colBar {
	width: 100%;
	max-width: 400px;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:12px;
}

.hideDIV {
	visibility: hidden;
	height: 0px;
}
.showDIV {
	visibility: visible;
	height: 100%;
}

.views {
	margin-top: 80px;
}

.cc-color-override-102083507.cc-window {
    height: 100% !important;
    /*overflow: auto !important;*/
    max-height: 100vh !important;
}
.page {
	position: relative;
}
.page-content {
	padding-top: 0px !important;
	padding-bottom: 10px !important;

	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}
.page-content {
	max-width: 900px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
    overflow: hidden !important;
}
@media screen and (max-width: 900px) {
	.page-content {
		max-width: 100vw;
	}
}
a {
	cursor: pointer;
}
.ct-series-a .ct-line,
.ct-series-a .ct-point {
	stroke: blue;
}
.ct-series-a .ct-line {
	stroke-width: 4px;
}
.ct-series-b .ct-line,
.ct-series-b .ct-point {
	stroke: green;
}
.ct-series-b .ct-point,
.ct-series-b .ct-label {
	display: none;
}
.ct-series-b .ct-line {
	stroke-width: 2px;
}

.ct-series.red {
	stroke: red;
	stroke-width: 2px;
}
.ct-series.red .ct-label {
	stroke-width: 1px;
}
.ct-series.green {
	stroke: green;
	stroke-width: 2px;
}
.ct-series.green .ct-label {
	stroke-width: 1px;
	top:-12px;
}
.ct-series.blue {
	stroke: blue;
	stroke-width: 2px;
}
.ct-series.blue .ct-label {
	stroke-width: 1px;
}
.ct-series.blue .ct-line {
}
.ct-series.blue .ct-area {
}
.ct-series.blue .ct-point {
}
.ct-series.red .ct-label {
	transform: translateY(0px)
}
.ct-series.green .ct-label {
	transform: translateY(-10px)
}
.ct-series.blue .ct-label {
	transform: translateY(-20px)
}

.ct-chart-main {
	position: relative;
	max-width: 400px;
	width: 100%;
}
.ct-chart-main:before{
	content: "";
	display: block;
	padding-top: 80%;         /* initial ratio of 1:1*/
}
#chartContainer {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.sliding {
	/*width: 80vw !important;
	text-align: center !important;
	margin-right: 200px;
	width: calc(100% - 210px);*/
	display: block;
	float: right;
	margin: auto;
	/*margin-right: auto;*/
	/*margin-right: 12px;*/
	text-align: right !important;
	max-width: calc(100% - 230px);
    /*float: left;*/
}
@media screen and (max-width: 500px) {
	.sliding {
		clear:both;
		max-width: 500px;
	}
}
.navbar {
	/*height: 80px !important;*/
	background-color: #e6e2b6;
	border-bottom: 1px solid #c4c4c4;
	text-align: center;
	position: relative;
    z-index: 999999;
    width: 100vw !important;
    height:100%;
    display:flex;
}
.navbar-inner {
	margin: auto;
	/*margin-left: 12px;*/
	z-index:99;
	max-width: 840px;
	/*left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
    position: absolute;*/
    width: 100% !important;
    padding: 0px 24px 0px 12px;
    /*margin-right:12px;
	height: 100% !important;
	display: contents;*/
}

.navbar a.link {
	/*width: 100%;*/
	float:left;
	/*padding-left:12px;*/
}

.navbar img {
	width: 200px !important;
}
@media screen and (max-width: 400px) {
	.navbar img {
		width: 50vw !important;
	}
	.navbar a.link {
	    line-height: normal;
	}
}
.navbar:after {
	background-color: transparent !important;
}
.imagelabel {
	padding: 0 15px;
}
.content-block.changeBoxSize.Col {
}
.content-block.changeBoxSize.Right {
	margin-left: 46px;
	min-height: 42px;
}
.content-block-inner {
	width: auto
}
#slidecontainer {
	z-index: 99;
	width: 100%; /* Width of the outside container */
}
#gimg {
	margin-bottom:24px;
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    margin-left: 0;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use webkit (Chrome, Opera, Safari, Edge) and moz (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #4CAF50; /* Green background */
    cursor: pointer; /* Cursor on hover */
}
#fileselect {
	margin-left:14px;
	margin-top:4px;
}
#canvasImg, 
#canvasImgGray, 
#canvasImgBoxes {
	margin-right:12px;
	position: absolute;
	z-index: 1;
	height: auto;
}
#canvasImgGray, 
#canvasImgBoxes {
	z-index: 10;
}
#canvasImgBoxes {
	z-index: 20;
}
#block0,#block1,#block2 {
	margin-right:12px;
}
#gimg-container, 
.accordion-item-content {
	/*overflow: auto;*/
	display: inline-table;
	width: 100%;
}
.item-content.item-link {
	padding-left: 0px;
	padding-top: 8px;
}

.list-block {
	display: flex;
	background: #FFF;
	border-top: 1px solid #c8c7cc;
	border-bottom: 1px solid #c8c7cc;
}
.list-block ul {
	width: 100% !important;
}
.list-block ul:before {
	background-color: transparent;
}
.list-block ul:after {
	background-color: transparent;
}
.list-block .item-title {
	padding-left: 14px;
}
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner {
	background-image: none;
}

.list-block-index {
	display: block;
	border-top: 0px solid #c8c7cc;
	border-bottom: 1px solid #c8c7cc;
    font-size: 17px;
}
.list-block-index ul {
	list-style: none;
	background: #FFF;
	padding: 8px 12px !important;
	margin: 0 !important;
}
.list-block-index ul li a div.item-title {
	padding: 8px 36px !important;
	margin: 0 !important;
	text-indent: -13px !important;
}
.list-block-index ul li a div.item-title:before {
	content: "\00BB \0020";
}
.list-block-index p {
	padding: 8px 12px !important;
	margin: 0 !important;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    background-color: #efeff4;
	border-top: 1px solid #c8c7cc;
}

t-block-inner:before {
	height: 0px !important;
}
.cc-window.cc-floating {
	max-width: none !important;
	bottom: 0px !important;
	width:100vw;
}
.cc-floating .cc-message {
    margin-bottom: 1em;
    max-width: 840px !important;
}
.cc-banner.cc-bottom {
}
.cc-banner .cc-message {
    margin-bottom: 1em;
}
.together {
    max-width: 840px !important;
    margin: auto;
}