/* WIDGET */
img.img-auto-width{
	max-width:100%;
}
.no-padding{
	padding:0px!important;
}
.no-margin{
	margin:0px!important;
}
[data-role="chronoline-widget"]{
	font-family: 'Open Sans', sans-serif!important;
	position:absolute;
	width:100%;
	height:100%;
	background:#e8eef2;
	z-index:1;
}
[data-role="chronoline-widget"] a{
	cursor:pointer;
}

[data-role="chronoline-widget"] .absolute-hidden{
	position:absolute;
	top: -99999px; 
	left: -99999px; 
	max-width: none!important;
}

[data-role='mouse-tooltip']{
	position:absolute;
	z-index:99999;
	top:-99999px;
	left:-99999px;
	background:#fff;
	padding:5px;
	color:#333;
}

/* ROOT */
[data-role="chronoline-widget"] [data-role="screen"][data-type="root"] > .content{
	position:absolute;
	z-index:3;
	top:20px;
	bottom:20px;
	left:20px;
	right:20px;
	padding:20px;
	background:#fff;
	overflow:hidden;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="root"] > .content.multiple{
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:0px;
	background:transparent;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="root"] > .content.multiple [data-role='root-event']{
	background:#fff;
	margin:30px;
	margin-right:0px;
	padding:20px;
}
/* END ROOT */

[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"]{
	background-color: #fff;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="scale-background"]{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="scale-background"] > img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1; 
}

/* SCALE CARDS CONTAINER */
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events-duration"]{
	position:fixed;
	z-index:99999;
	bottom:90px;
	left:0px;
	height:6px;
	width:0px;
	background:#0989d2;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events-duration"].moment{
	position:fixed;
	z-index:99999;
	bottom:90px;
	left:0px;
	height:8px!important;
	width:8px!important;
	margin-left:-4px!important;
	border-radius:50%!important;
	-moz-border-radius:50%!important;
	-webkit-border-radius:50%!important;
	background:#0989d2;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"]{
	position:absolute;
	z-index:3;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	/*background:#ddd;*/
	overflow:hidden;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"].has-navi [data-role="events"]{
	bottom:40px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"].has-scale [data-role="events"]{
	bottom:50px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"].has-navi.has-scale [data-role="events"]{
	bottom:90px;
}

[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] .scrollable{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
}
/* SCALE CARDS SCROLL */
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="scroll-container"]{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:200;
	width:15px;
	padding:5px;
	background:#e2e2e2;
}
/*
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"].has-navi [data-role="scroll-container"]{
	bottom:40px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"].has-scale [data-role="scroll-container"]{
	bottom:50px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"].has-navi.has-scale [data-role="scroll-container"]{
	bottom:90px;
}
*/

[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="scroll-container"] [data-role="scroll"]{
	width:100%;
	height:100%;
	bottom:0px;
	left:0px;
	background:#ff7d55;
	cursor:pointer;
}

/* SCALE CARDS ITEM */
/*
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"], .draggable_event{
	position:absolute;
	width:300px;
	height: 80px;
	padding:20px;
	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;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"][data-invisible='1']{
	display:none!important;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"] .content{
	
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:hidden;
	padding:20px;
	
	z-index:25;
	background:#fff;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"] .content [data-role="color-marker"]{
	position:absolute;
	bottom:0px;
	right:0px;
	width: 0;
	height: 0;
	border-bottom: 20px solid transparent; 
	border-left: 20px solid transparent;
}
#cards .card .visibility_container{
	visibility:hidden;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="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;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"] .tail, .draggable_event .tail{
	position:absolute;
	top:0px;
	left:0px;
	width:2px;
	background:#ff7d55;
	height:9999px;
	z-index:2;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"] .tail.tail[data-near='1']{
	top:0px;
	left:-5px;
	width:10px;
	background:url(../images/near_tail.png) 50% 0 repeat-y transparent;
}
*/
#cards .card .event_duration{
	position:absolute;
	top:0px;
	left:0px;
	background: rgba(225, 125, 85, 0.4);
	height:100%;
	z-index:10;
}
#cards .card .event_duration .event_end_tail{
	position:absolute;
	top:0px;
	right:-1px;
	width:1px;
	background:#ff7d55;
	height:9999px;
	z-index:30;
}

[data-role="chronoline-widget"] [data-role="screen"][data-type="map"] [data-role='map']{
	/*
	position:absolute;
	overflow:hidden;
	top:-99999px;
	bottom:auto;
	left:-99999px;
	right:auto;
	*/
	
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index: -1;
	visibility:hidden;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"] [data-role='map'].active{
	z-index: 3;
	visibility:visible;
}

[data-role='map-container']{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
[data-role='map-interactive-container']{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-navi [data-role="map-container"]{
	bottom:40px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-scale [data-role="map-container"]{
	bottom:50px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-navi.has-scale [data-role="map-container"]{
	bottom:90px;
}

[data-role='map-container'] svg image[data-role='event-point']{
	/*
	-webkit-transform:translate(-50%, -100%);
    -moz-transform:translate(-50%, -100%);
	transform:translate(-50%, -100%);
	*/
}

[data-role='screen'][data-type='map'] [data-role='zoom']{
	position:absolute;
	left:10px;
	z-index:999;
	cursor:pointer;
}
[data-role='screen'][data-type='map'] [data-role='zoom'][data-action='zoom-in']{
	top:10px;
}
[data-role='screen'][data-type='map'] [data-role='zoom'][data-action='zoom-out']{
	top:40px;
}

[data-role='map-container'] svg{
	-webkit-transform-origin: 0 0;
}


[data-role="chronoline-widget"] [data-role="screen"][data-type="map"] [data-role='map-cylinder-container'], [data-role="chronoline-widget"] [data-role="screen"][data-type="map"] [data-role='map-sphere-container']{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-navi [data-role='map-cylinder-container'], [data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-navi [data-role='map-sphere-container']{
	bottom:40px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-scale [data-role='map-cylinder-container'], [data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-scale [data-role='map-sphere-container']{
	bottom:50px;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-navi.has-scale [data-role='map-cylinder-container'], [data-role="chronoline-widget"] [data-role="screen"][data-type="map"].has-navi.has-scale [data-role='map-sphere-container']{
	bottom:90px;
}

[data-role='map-cylinder-container'] [data-role='zoom'], [data-role='map-sphere-container'] [data-role='zoom']{
	position:absolute;
	left:10px;
	z-index:999;
	cursor:pointer;
}
[data-role='map-cylinder-container'] [data-role='zoom'][data-action='zoom-in'], [data-role='map-sphere-container'] [data-role='zoom'][data-action='zoom-in']{
	top:10px;
}
[data-role='map-cylinder-container'] [data-role='zoom'][data-action='zoom-out'], [data-role='map-sphere-container'] [data-role='zoom'][data-action='zoom-out']{
	top:40px;
}

.am-wrapper{
	display:inline-block;
	overflow:hidden;
	height:auto!important;
}
.am-wrapper img{
	max-width:100%;
	height:auto!important;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="list"] .content{
	position:absolute;
	z-index:3;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding:0px;
	background:none;
	overflow:hidden;
}

[data-role="chronoline-widget"] [data-role="screen"][data-type="options"] > .content{
	position:absolute;
	z-index:3;
	top:20px;
	bottom:20px;
	left:20px;
	right:20px;
	padding:20px;
	background:#fff;
	overflow:hidden;
}

/* TASKS */
[data-role='events-draggable-carousel']{
	margin-left:20px;
}
[data-role='events-draggable-carousel'] .slick-arrow{
	top:50%!important;
	transform: translateY(-50%);
}
[data-role='events-draggable-carousel'] .slick-disabled{
	opacity:0;
}
[data-role='event-draggable']{
	cursor:pointer;
	text-align:center;
	width:200px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	
	background:#fff;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ff7d55;
	margin:0 5px;
}
[data-role='event-draggable'].disabled{
	cursor:default;
	opacity:0.4;
}

.corner{
	position:absolute;
	width:25px;
	height:25px;
}
.corner.corner-top-right, .corner.corner-top-right .corner-triangle{
	top:0px;
	right:0px;
}
.corner.corner-top-left, .corner.corner-top-left .corner-triangle{
	top:0px;
	left:0px;
}
.corner.corner-bottom-right, .corner.corner-bottom-right .corner-triangle{
	bottom:0px;
	right:0px;
}
.corner.corner-bottom-left, .corner.corner-bottom-left .corner-triangle{
	bottom:0px;
	left:0px;
}
.corner .corner-triangle{
	position:absolute;
	width: 0;
	height: 0;
	z-index:1;
}
.corner.corner-top-right .corner-triangle{
	border-top: 25px solid red; 
	border-left: 25px solid transparent;
}
.corner.corner-top-left .corner-triangle{
	border-top: 25px solid red; 
	border-right: 25px solid transparent;
}
.corner.corner-bottom-right .corner-triangle{
	border-bottom: 25px solid red; 
	border-left: 25px solid transparent;
}
.corner.corner-bottom-left .corner-triangle{
	border-bottom: 25px solid red; 
	border-right: 25px solid transparent;
}
.corner .corner-icon{
	position:absolute;
	font-size:11px;
	color:#fff;
	z-index:2;
}
.corner.corner-top-right .corner-icon{
	right:3px;
	top:2px;
}
.corner.corner-top-left .corner-icon{
	left:3px;
	top:2px;
}
.corner.corner-bottom-right .corner-icon{
	right:3px;
	bottom:2px;
}
.corner.corner-bottom-left .corner-icon{
	left:3px;
	bottom:2px;
}

.corner.red.corner-top-right .corner-triangle, .corner.red.corner-top-left .corner-triangle{
	border-top-color: red; 
}
.corner.red.corner-bottom-right .corner-triangle, .corner.red.corner-bottom-left .corner-triangle{
	border-bottom-color: red; 
}

.corner.blue.corner-top-right .corner-triangle, .corner.blue.corner-top-left .corner-triangle{
	border-top-color: #0989d2; 
}
.corner.blue.corner-bottom-right .corner-triangle, .corner.blue.corner-bottom-left .corner-triangle{
	border-bottom-color: #0989d2; 
}

[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"] .content [data-role="remove-event"]{
	z-index:3;
}
[data-role="chronoline-widget"] [data-role="screen"][data-type="scale"] [data-role="events"] [data-role="event"] .content [data-role="remove-event"] i.fa{

}

[data-role="chronoline-widget"] [data-role="popup"]{
	position:absolute;
	z-index:10;
	top:-99999px;
	left:-99999px;
	visibility:hidden;
}
[data-role="chronoline-widget"] [data-role="popup"].active{
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	visibility:visible;
}
[data-role="chronoline-widget"] [data-role="popup"] [data-role="overlay"]{
	position:absolute;
	z-index:9;
	width:100%;
	height:100%;
	top:-99999px;
	left:-99999px;
	background:rgba(0,0,0,0.45);
	visibility:hidden;
}
[data-role="chronoline-widget"] [data-role="popup"].active [data-role="overlay"]{
	top:0px;
	left:0px;
	visibility:visible;
}

[data-role="chronoline-widget"] [data-role="popup"][data-type="waiting"] .content{
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	color:#fff;
	font-size:32px;
}

[data-role="chronoline-widget"] [data-role="popup"][data-type="results"] .content{
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	background:#fff;
	padding:20px;
}
[data-role="chronoline-widget"] [data-role="popup"][data-type="results"] .content .success-message{
	color:#3c763d;
	font-size:32px;
}
[data-role="chronoline-widget"] [data-role="popup"][data-type="results"] .content .fail-message{
	color:#a94442;
	font-size:32px;
}
/* END TASKS */

[data-role="chronoline-widget"] [data-role='menu-table']{
	table-layout:fixed;
	width:100%;
	height:40px;
}
[data-role="chronoline-widget"] [data-role='menu-table'] .screen-options-td label{
	font-size:14px;
}
[data-role="chronoline-widget"] [data-role='menu-table'] .screen-options-td select{
	font-size:12px;
}
[data-role="chronoline-widget"] [data-role='menu-table'] tbody tr td{
	vertical-align:middle;
}

[data-role="chronoline-widget"] [data-role='menu-table'][data-type='view'] tbody tr td.menu-td{
	width:600px;
	/*text-align:center;*/
}
[data-role="chronoline-widget"] [data-role='menu-table'][data-type='view'] tbody tr td.audio-td{
	width:50px;
	text-align:center;
}
[data-role="chronoline-widget"] [data-role='menu-table'][data-type='view'] tbody tr td.fullscreen-td{
	width:150px;
	text-align:right;
}

[data-role="chronoline-widget"] [data-role='menu-table'][data-type='task'] tbody tr td:nth-child(1){
	width:80px;
	text-align:center;
}
[data-role="chronoline-widget"] [data-role='menu-table'][data-type='task'] tbody tr td:nth-child(3){
	width:150px;
	text-align:center;
}
[data-role="chronoline-widget"] [data-role='menu-table'][data-type='task'] tbody tr td:nth-child(4){
	width:50px;
	text-align:center;
}

[data-role="chronoline-widget"] [data-role='autoplay']{
	display:inline-block;
	width:17px;
	height:21px;
	background:url(../images/play.png) 0 0 no-repeat transparent;
}
[data-role="chronoline-widget"] [data-role='autoplay'].played{
	display:inline-block;
	width:17px;
	height:21px;
	background:url(../images/pause.png) 0 0 no-repeat transparent;
}

[data-role='toggle-default-audio']{
	font-size:28px;
	color:#AFB1B7!important;
}