.loader {
	width:15px;
}

.trumbowyg-editor {
	font-size:0.9em;
	padding:10px;
}

.trumbowyg-box, .trumbowyg-editor {
	margin-top:0px;
	min-height:auto !important;
}

.trumbowyg-button-pane {
	background:none;
	color:#AAA;
	min-height:30px;
	padding:0;
}

.trumbowyg-button-pane button{
	width:30px;
	height:30px;
}

.trumbowyg-box svg {
	fill:#AAA;
}

.trumbowyg-button-pane .trumbowyg-button-group::after {
	height: 30px;
}

.trumbowyg-button-pane .trumbowyg-button-group + .trumbowyg-button-group::before {
	background: #EEE;
	height: 15px;
	margin:7px 3px 0px;
}

.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
	background: #EEE;
}

.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
	.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
	background: #DDD;
	outline: none;
}

.trumbowyg-button-pane::after {
	top:30px;
}

.line {
	clear:both;
}


/* color picker */
div.color-picker { border-left: 1px solid #000; border-top: 1px solid #000; position: absolute; left: 0px; top: 0px; padding: 0px; }
div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; }
div.color-picker ul li { display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: 0px; float: left; cursor: pointer; }


.colorPicker {
	position:relative;
}

.colorPicker input {
	padding-left:35px;
}

.colorPicker .color {
	position:absolute;
	top:7px;
	left:20px;
	height:20px;
	border-radius:3px;
	width:20px;
	background:#EEE;
	border:solid 1px #EEE;
}



#graphAvg {
	height:600px;
}

.windList.home {
	margin-top:10px;
	padding:10px;
	border:solid 1px #EEE;
	border-radius:10px;
}

.windList.home .line .dirArrow {
	width:15%;
	text-align:center;
}

.windList .line {

}

.windList .line:hover {
	background:rgba(0,0,0,0.03);
}

.windList .line.head {
	font-size:1.1em;
	font-weight:bold;
	border-bottom: 2px solid #e2e7eb;
	padding-bottom:5px;
}

.windList .line > div {
	display:inline-block;
	padding:5px;
}


.windList .line > div span {
	display:block;
	font-size:0.8em;
	font-weight:normal;
}

.windList .line .date {
	width:20%;
}

.windList .line .id {
	width:15%;
}

.windList .line .speed {
	width:15%;
	font-size:1.2em;
	font-weight:bold;
}

.windList .line .speedMin {
	width:15%;
	font-size:0.9em;
}

.windList .line .speedMax {
	width:15%;
	font-size:0.9em;
}

.windList .line .dirDeg {
	width:10%;
}



.windList .line .dirArrow {
	width:10%;
}

.windList .line .dirArrow img {
	width:16px;
}


.nopt {
	padding-top:0px !important;
}

.trameList {
	margin-top:15px;
}

.trameList > div {
	padding:3px;
}

.trameList > div span {
	display:inline-block;
	width:150px;
}


.block {
	display:inline-block;
	padding:5px;
	min-width:320px;
}

.block .title {
	padding:10px;
	text-align:center;
	background:rgba(0,0,0,0.05);
}

.w33 {
	width:calc(100% / 3 - 5px);
}

.w50 {
	width:calc(100% / 2 - 5px);
}

.block .windList {
	height:400px;
	overflow:hidden;
	overflow-y: scroll;
}

.block .windList .line .date {
	/*width:50%;*/
}

#map {
	font-size:1em;
}

.marker-pin {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #EEE;
	position: absolute;
	/*transform: rotate(-45deg);*/
	left: 0;
	top: 50%;
	/*margin: -25px 0 0 -25px;*/
}

.marker-pin::after {
	content: '';
	width: 42px;
	height: 42px;
	margin: 4px 0 0 4px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
}

.marker-pin .windData {
	/*transform: rotate(45deg);*/
	position:absolute;
	color:#000;
	/*display:inline-block;*/
	width:50px;
	z-index:10;
}
/*
.marker-pin .windData .windMinMax {
	display:inline-block;
	font-size:1em;
	width:80px;
	text-align:left;
}

.marker-pin .windData .windMinMax .label {
	font-size:0.8em;
	color:#999;
	width:30px;
	display:inline-block;
}
*/
.marker-pin .windData .windAvg {
	display:inline-block;
	font-size:1.5em;
	width:50px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
}

.marker-pin .windData .windDir {
	display:inline-block;
	font-size:1.5em;
	width:50px;
	text-align:left;
}

.marker-pin .windData .windDir {
	display:inline-block;
	text-align:center;
	width:40px;
}

.marker-pin .windData .windDirArrow {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	position:absolute;
	left: 50%;
	top: 50%;
}

.marker-pin .windData .windDir .dirTxt {
	font-weight:bold;
}

.marker-pin .windData .windDirArrow img {
	width:30px;
	position:absolute;
	left:-15px;
	top:22px;
}

span.square {
	display:inline-block;
	height:18px;
	width:18px;
	border:solid 1px #EEE;
}

@media (max-width: 767px) {
	.content {
		padding:10px;
	}

	.content.liveWindFull .block.w33 {
		width:100%;
		margin-top:50px;
	}

	.content.liveWindFull .jsCharts {
		height:300px;
	}
}