.scale_event{
	display:none!important;
}
.scale_event.active{
	display:block!important;
}
/* View: Card */
.scale_event[data-view="card"], .draggable_event{
	position:absolute;
	background: #ffffff;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	
	z-index:4;
	bottom:10px;
}
.scale_event[data-view="card"] .content .view-image,
.scale_event[data-view="card"] .content .view-flag,
.scale_event[data-view="card"] .content .view-compact
{
	display:none;
}
.scale_event[data-view="card"] .content{
	position:relative;
	max-width:300px;
	height:80px;
	overflow:hidden;
	z-index:25;
}

.scale_event[data-view="card"] .content .view-card .flexbox{
	display:flex;
	width:100%;
	max-width:300px!important;
	overflow:hidden;
}
.scale_event[data-view="card"] .content .view-card .flexbox .left{
	padding-left:2px;
}
.scale_event[data-view="card"] .content .view-card .flexbox .left img{
	max-width:100px;
	max-height:80px;
}
.scale_event[data-view="card"] .content .view-card .flexbox .right{
	padding:10px;
	overflow:hidden;
}

/* View: Image */
.scale_event[data-view="image"], .draggable_event{
	position:absolute;
	background: #ffffff;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	
	z-index:4;
	bottom:10px;
}
.scale_event[data-view="image"] .content .view-card,
.scale_event[data-view="image"] .content .view-flag,
.scale_event[data-view="image"] .content .view-compact
{
	display:none;
}
.scale_event[data-view="image"] .content{
	position:relative;
	max-width:300px;
	max-height:80px;
	padding:0px;
	overflow:hidden;
	z-index:25;
}
.scale_event[data-view="image"] .content .view-image img{
	max-width:300px;
	max-height:80px;
}

/* View: Flag */
.scale_event[data-view="flag"], .draggable_event{
	position:absolute;
	background: #ffffff;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0.12);
	
	z-index:4;
	bottom:10px;
}
.scale_event[data-view="flag"] .content .view-image,
.scale_event[data-view="flag"] .content .view-card,
.scale_event[data-view="flag"] .content .view-compact
{
	display:none;
}
.scale_event[data-view="flag"] .content{
	position:relative;
	max-width:300px;
	max-height:80px;
	padding:10px;
	overflow:hidden;
	z-index:25;
}

/* View: Compact */
.scale_event[data-view="compact"]{
	position:absolute;
	background: none;
	width:23px;
	min-width:23px;
	z-index:4;
	bottom:10px;
}
.scale_event[data-view="compact"] .content .view-card,
.scale_event[data-view="compact"] .content .view-flag,
.scale_event[data-view="compact"] .content .view-image
{
	display:none;
}
/*
.scale_event[data-view="compact"] img{
	height:40px;
	width:auto;
}
*/
.scale_event[data-view="compact"] .scale-compact-marker{
	position:relative;
	width:100%;
	height:32px;
	overflow:hidden;
	margin-left:-11px;
}
.scale_event[data-view="compact"].range .scale-compact-marker{
	margin-left:0px;
}

.scale_event[data-view="compact"] .scale-compact-marker img{
	position:absolute;
}

.scale_event[data-view="compact"] .scale-compact-marker img.scale-compact-marker-body{
	top:0px;
	left:0px;
	width:100%;
	height:72%;
}

.scale_event[data-view="compact"] .scale-compact-marker img.scale-compact-marker-tail{
	top:32%;
	height:72%;
}

.scale_event[data-view="compact"] .scale-compact-marker img.scale-compact-marker-tail--left{
	left:0px;
}
.scale_event[data-view="compact"] .scale-compact-marker img.scale-compact-marker-tail--right{
	right:0px;
}

.scale_event[data-view="compact"].range .scale-compact-marker img.scale-compact-marker-tail--left{
	left:auto;
	right:0px;
}
.scale_event[data-view="compact"].range .scale-compact-marker img.scale-compact-marker-tail--right{
	right:auto;
	left:0px;
}

.scale_event[data-view="compact"] .tail{
	top:32px;
}
.scale_event[data-view="compact"] .tail-end{
	top:32px!important;
}

.scale_event[data-view="compact"] [data-role="color-marker"]{
	display:none;
}



.scale_event [data-role="color-marker"]{
	position:absolute;
	top:0px;
	right:0px;
	width: 0;
	height: 0;
	/*
	border-bottom: 20px solid transparent; 
	border-left: 20px solid transparent;
	*/
	border-top: 20px solid transparent; 
	border-left: 20px solid transparent;
	z-index:30;
}
#cards .card .visibility_container{
	visibility:hidden;
}
.scale_event [data-role='show-detail'], .draggable_event [data-role='show-detail']{
	color:#373c4c;
	font-size:14px;
	line-height:1.42;
	text-decoration:none;
	font-weight:400;
}
#cards .card a.link-arrow{
	position:absolute;
	width:17px;
	height:20px;
	right:15px;
	top:50%;
	margin:-10px 0 0 0;
	background:url(../images/card_arrow.png) 0 0 no-repeat transparent;
}
.scale_event .tail, .draggable_event .tail{
	position:absolute;
	top:0px;
	left:0px;
	width:1px;
	background:#ff7d55;
	height:9999px;
	z-index:2;
}
.scale_event .tail.tail[data-near='1']{
	top:0px;
	left:-5px;
	width:10px;
	background:url(../images/near_tail.png) 50% 0 repeat-y transparent;
}

.scale_event .tail-end, .draggable_event .tail-end{
	position:absolute;
	top:0px;
	right:0px;
	width:1px;
	background:#ff7d55;
	height:9999px;
	z-index:2;
}
.scale_event[data-is-range="0"] .tail-end{
	display:none;
}