/* outermost border */
.vis.timeline.root {
	border: none;
	margin: 0 auto;
}

.vispanel.center {
	border: none;
}

/* Hide main time caption (on lower left) */
.timeaxis.foreground > .text.major {
	/* visibility: hidden; */
}

/* Eliminate surrounding box of each item */
.vis.timeline .item.box {
	border-style: none;
}

/* Eliminate vertical line for each item */
.vis.timeline .item {
	border-color: #888;
	background-color: transparent;
	color: #888;
	border-width: 1px;
}

/* Eliminate vertical line for each item (cnt'd)  */
.vis.timeline .item.line {
	border-left: none;
}


/* Eliminate vertical grid */
.vis.timeline .timeaxis .grid.vertical {
	position: absolute;
	width: 0;
	border-right: none;
}

.vis.timeline .vispanel.bottom, .vis.timeline .vispanel.center, .vis.timeline .vispanel.top {
	border-right: none;
	border-left: none;
}

/* color of dots on horizontal line */
.vis.timeline .item.dot {
	border-color: #DDE297;
}

/* horizontal scale text color */
/* timeline-index: timeline on dashboard page */
#timeline-index .vis.timeline .timeaxis .text {
	color: rgba(34,34,34,0.6);
	font-size: 14px;
	font-weight: bold;
}

#timeline-details .vis.timeline .timeaxis .text {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

#timeline-details .vispanel.bottom {
	margin-top: -140px !important;
}


/* timeline-index: timeline on log page */
#timeline-logs .vis.timeline .timeaxis .text {
	color: #fff;
}

/* Raise horizontal scale high above icons */
.vispanel.bottom {
	margin-top: -120px !important;
}

.box {
	box-shadow: none;
}

#timeline-room .vis.timeline .timeaxis .text {
	visibility: hidden;
}

/* color of dots on horizontal line */
#timeline-room .vis.timeline .item.dot {
	border-color: #fcfee3;
}

#timeline-room .vis.timeline .vispanel.center {
	border-bottom-style: dashed;
}

div#timeline-logs {
	background-color: #2d5e65;
}

.timeline-tips {

}

.timeline-tips > .tips-panel {
	margin: 0 auto;
	width: 100%;
	height: 170px;
}

.timeline-tips > .tips-panel > .tips-item {
	position: relative;
	/*background-color: #3e717f;*/
	background-color: rgba(99, 137, 147, 0.51);
	color: #d5dea7;
	border-radius: 10px;
	width: 140px;
	height: 85px;
	padding: 5px;
	font-size: 14px;
	/*box-shadow: 3px 3px 2px #ddd; */
}

.item.box > .content {
	color: #dde297;
}

/*
.item.box.lit {
	background-color: #d5dea7;
	box-shadow: 1px 1px 10px 3px #31657d inset;
	border-radius: 5px !important
}
*/

/*
.item.box.lit  > .content {
	color: #666767;
}
*/

.item.box .tml-item {
	width: 40px;
	height: 60px;
	background-size: 28px 48px;
	background-repeat: no-repeat;
	background-position: center;
}

.item.box .tml-item.bulb { background-image: url("/assets/images/tm-bulb.png"); }
.item.box .tml-item.door { background-image: url("/assets/images/tm-door.png"); }
.item.box .tml-item.temp { background-image: url("/assets/images/tm-temp.png"); }
.item.box .tml-item.plug { background-image: url("/assets/images/tm-plug.png"); }

.item.box.lit .tml-item.bulb { background-image: url("/assets/images/tm-bulb-hover.png"); }
.item.box.lit .tml-item.door { background-image: url("/assets/images/tm-door-hover.png"); }
.item.box.lit .tml-item.temp { background-image: url("/assets/images/tm-temp-hover.png"); }
.item.box.lit .tml-item.plug { background-image: url("/assets/images/tm-plug-hover.png"); }

.item.box .tml-item.door-open { background-image: url("/assets/images/timeline-door-open.png"); }
.item.box .tml-item.door-closed { background-image: url("/assets/images/timeline-door-closed.png"); }

.item.box .tml-item.room-door-open { background-image: url("/assets/images/timeline-door-open.png"); }
.item.box .tml-item.room-door-closed { background-image: url("/assets/images/timeline-door-closed.png"); }

.item.box .tml-tm	{
	position: static;
	margin-top: 5px;
}
.item.box .tml-tm.door-closed	{ color: #162e38; font-weight: bold; }
.item.box .tml-tm.door-open		{ color: #fcfee3; }
.item.box .tml-dev.door-closed	{ color: #162e38; font-weight: bold; }
.item.box .tml-dev.door-open	{ color: #fcfee3; }