/* Main container */

.global-timeline-container {
	overflow: auto;
}

.timeline-container {
    position: relative;
/* 	width: 730px; */
	margin: 0 auto;
	overflow: auto;
}

.x-theme-legalsuite .zoom-toolbar {
	position: absolute;
	z-index: 10;
    right: 4px;
    top: 3px;
}

.x-theme-legalsuite .zoom-button:first-child {
	margin-left: 0;
}
.x-theme-legalsuite .zoom-button {
	margin-left: 5px;
	display: inline-block;
}

/* Container for visual purpose */
.timeline-container .horiz-timeline {
    background: #fafafa;
	
    border-color: #eee;
    border-style: solid;
    border-width: 7px 0;

    /*margin-bottom: 10px;*/
}

/* Container for visual purpose */
.timeline-container .horiz-timeline .timeline-content {
    /*cursor: move;*/

	/* Inutile car dans inner-content
	height: 80px;*/
/* 	width: 680px; */
	
    border-color: #E6EAED;

    border-style: solid;
    border-width: 1px 0;
    margin: 0 auto;
    padding: 0 25px 30px;
    position: relative;
    /*transition: all 0.5s ease 0s;*/
}

/* Container for the events */
.timeline-container .timeline-inner-content {
    font-size: 92%;
    height: 88px;
    position: relative;
}

/* Container for the dates */
.timeline-container .timeline-inner-content .timeline-dates {
    bottom: -20px;
    position: absolute;
    width: 100%;
}

.timeline-container .timeline-inner-content .date-item .date {
    border: 0 none;
    bottom: -8px;
    left: -16px;
    position: absolute;
}

.timeline-container .timeline-inner-content .date-item a,
.timeline-container .timeline-inner-content .date-item a:visited {
    background-color: #FFFFFF;
    color: #999999;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    padding: 1px 4px;
    position: relative;
    text-decoration:none;
}
.timeline-container .timeline-inner-content .date-item a:focus,
.timeline-container .timeline-inner-content .date-item a:hover,
.timeline-container .timeline-inner-content .date-item a:active {
    text-decoration: none;
}

/* The vertical lines */
.timeline-container .timeline-inner-content .date-item .point {
    background-color: #E1EAF1;
    left: 0;
    position: absolute;
    width: 1px;

    bottom: -12px;
}

.timeline-container .timeline-inner-content .date-item {
    background-color: #E1EAF1;
    border-bottom: 1px solid #FFFFFF;
    display: block;
    float: left;
    height: 1px;
    position: relative;
}

/* The event blocs */
.timeline-container .timeline-inner-content .items .item {
    background-color: rgb(21, 85, 136);
    /*border: 1px solid #155588;*/
    border: 0;
    cursor: pointer;
    height: 16px;
    padding: 4px;
    position: absolute;
	width: 110px;
	margin: 0;
	min-height: 0;

	/*
    opacity: .95;
    */
}

.timeline-container .timeline-inner-content .items .item:hover {
    background-color: #6b9cd6;
    border-color: #155588;
    z-index: 6 !important;

    opacity: 1;
}

/* The event blocs' corners */
.timeline-container .timeline-inner-content .items .corner {
	width: 0px;
	height: 0px;
	position: absolute;
	border-color: #155588 transparent transparent #155588;
	border-width: 3px;
	border-style: solid;
	
	/*
    opacity: .85;
    */
}

/* Other type of event: threshold */
.timeline-container .timeline-inner-content .items .item.threshold {
    opacity: .5;
}

.timeline-container .timeline-inner-content .items .item.threshold:hover {
    opacity: 1;
}
.timeline-container .timeline-inner-content .items .corner.threshold {
	opacity: .5;
}

/* Other type of event: threshold that has been passed*/
/*
ffcb5b
f4892a
d77925
c96e17 - barre des rubriques
954e19
*/

.timeline-container .timeline-inner-content .items .item.threshold-passed {
    background-color: #cc3d0e;
    border-color: #cc3d0e;
    /*opacity: .85;*/
}

.timeline-container .timeline-inner-content .items .item.threshold-passed:hover {
    background-color: #d34b14;
    border-color: #cc3d0e;
    opacity: 1;
}
.timeline-container .timeline-inner-content .items .corner.threshold-passed {
	border-color: #cc3d0e transparent transparent #cc3d0e;
	/*opacity: .85;*/
}

/* The text in the event blocks */
.timeline-container .timeline-inner-content .items .item .item-name {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* The container for the "today" label */
.timeline-container .today {
    bottom: -27px;
    color: #535353;
    display: block;
    font-size: 11px;
    position: absolute;
    text-align: center;
    z-index: 20;
}
.timeline-container .today span {
    background-color: rgba(255, 255, 255, 0.35);
    display: inline-block;
    padding: 1px 4px;
}

/* The bloc for coloring the future (after the current day) */
.timeline-container .after-today {
    background: none repeat scroll 0 0 #dddddd;
    bottom: -37px;
    opacity: 0.4;
    position: absolute;
	z-index: 0;
	right: -25px;
	border-left: 1px solid #bbb;
}





/* Alert bubble */
.timeline-container .timeline-inner-content .items .item.alert {
	background: url("../images/legalsuite/timeline/alert-bubble.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;

    position: absolute;

    height: 16px;
	width: 16px;

	margin: 0;
    padding: 0;

	min-height: 0;

    opacity: .8;
}

/* Task bubble */
.timeline-container .timeline-inner-content .items .item.task {
	background: url("../images/legalsuite/timeline/task-bubble.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;

    position: absolute;

    height: 16px;
	width: 16px;

	margin: 0;
    padding: 0;

	min-height: 0;

    opacity: .8;
}

.timeline-container .timeline-inner-content .items .item.alert:hover {
    opacity: 1;
}

/* The text in the event blocks */
.timeline-container .timeline-inner-content .items .item.alert .item-name {
    color: #4C4C4C;
    display: block;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.x-theme-legalsuite .x-tip.x-tip-timeline .x-tip-header-text {
	font: normal 16px Roboto, sans-serif;
}