/*
// Copyright (c) 2015, Planet Innovation
// 436 Elgar Road, Box Hill VIC 3128 Australia
// Phone: +61 3 9945 7510
//
// The copyright to the computer program(s) herein is the property of
// Planet Innovation, Australia.
// The program(s) may be used and/or copied only with the written permission
// of Planet Innovation or in accordance with the terms and conditions
// stipulated in the agreement/contract under which the program(s) have been
// supplied.
//
*/

#seek-bar-group .slider-selection {
    background: #0F3551;
    border-radius: 5px;
}
#seek-bar-group .slider-track {
    background: rgba(155, 176, 188, 0.8);
    border-radius: 5px;
}
#seek-bar-group .slider-horizontal {
    width: 0%;
}
#seek-bar-group .slider-handle {
    background: transparent;
}
#seek-bar-group .slider-handle.custom::before {
    content: url("/static/img/slider/time-scrubber.svg");
    pointer-events: all; /* RM#46269 */
}
#seek-bar-group .slider-handle.custom {
    margin-left: -35px;
    margin-top: -20px;
}
#seek-bar-group .timevalue-main {
    position : absolute;
    pointer-events: none; /* RM#46269 */
}
#seek-bar-group .timevalue-inner {
    position : relative;
    vertical-align: top;
    top: 28px;
    left: -30px;
    width: 60px;
    pointer-events: none; /* RM#46269 */
}
#seek-bar-group .timevalue-text {
    position : relative;
    text-align: center;
    width: inherit;
    font-family: Source Sans Pro Bold !important;
    display: inline-block;
    color: white;
    font-size: 20px;
    pointer-events: none; /* RM#46269 */
}

.Timeline-Row .tick,
.Timeline .tick {
    position : absolute;
    transform: translate(-51%, 0%);
}

.Timeline-Row .ticklabel,
.Timeline .ticklabel {
    position : absolute;
    font-family: Source Sans Pro Light !important;
    color: #555555;
    top: 28px;
    height : 20px;
    width : 44px;
    text-align : center;
}

.tickmarker.score-negative .arrow-box.arrow-box--final {
    border-color: #ec1c24;
}

.tickmarker.score-negative .arrow-box.arrow-box--final:before,
.tickmarker.score-negative .arrow-box.arrow-box--final:after {
    border-top-color: #ec1c24;
}

.tick-reverse_cleavage.score-negative .arrow-box.arrow-box--dark {
    background-color: #ec1c24;
}

.tickmarker_lg {
    position : absolute;
    font-family: Source Sans Pro Light !important;
    color: black;
    top: 2px;
    text-align : center;
    font-size: 26px;
    transform: translate(0%, -50%);
    margin-left: -3px;
}

.tickmarker_sm {
    position : absolute;
    font-family: Source Sans Pro Light !important;
    color: black;
    top: 8px;
    text-align : center;
    font-size: 20px;
    transform: translate(0%, -50%);
    margin-left: -3px;
}

.tick-observation {
    position : absolute;
    top: -30px;
    text-align : center;
}

.tick-observation img {
    height : 35px;
    width : 35px;
}

.tick-eeva_event,
.tick-reverse_cleavage,
.tick-reference_image,
.tick-event {
    position : absolute;
    top: -60px;
    text-align : center;
}

.tick-callout {
    display: none;
    position : absolute;
    text-align : center;
    min-width: 100px;
    line-height: 3.8em;
    color: #265985;
    white-space: nowrap;
    font-size: 18px;
}

.tick-callout--left {
    /* move callout so it stays on screen */
    transform: translate(-14%, 0%);
}

.tick-callout--right {
    transform: translate(-85%, 0%);
}

.tick-callout .annotation-timestamp {
    margin-left: 0.5em;
    margin-right: 10px;
}

.tick-callout .annotation-name {
    margin-left: 10px;
}

.arrow-box {
    position: relative;
    border-radius: 6px;
}

.arrow-box--light {
    border: 1px solid #bdbdbd;
    background: #f6f6f7;
}

.arrow-box--light:after {
    border-top-color: #f6f6f7;
}

.arrow-box--preliminary,
.arrow-box--final {
    background: white;
    border-style: solid;
    border-width: 3px;
}

.arrow-box--preliminary {
    border-color: #bdbdbd;
}

.arrow-box--final {
    border-color: #0e3451;
}

.arrow-box.arrow-box--final:after,
.arrow-box.arrow-box--final:before {
    border-top-color: #0e3451;
}

.arrow-box:after,
.arrow-box:before {
    top: 100%;
    left: 50%;
    width: 10%;
    border: solid transparent;
    border-color: rgba(189, 189, 189, 0);
    border-top-color: #bdbdbd;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-width: 10px;
    margin-left: -10px;
}

.arrow-box:before {
    border-width: 11px;
    margin-left: -11px;
}

.arrow-box--left:after,
.arrow-box--left:before {
    left: 14%;
}

.arrow-box--light:after {
    border-top-color: #f6f6f7;
}

.arrow-box--dark {
    border: 3px solid #bdbdbd;
    background-color: #0e3451;
}

.marker-dot {
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #bdbdbd;
    width: 15px;
    height: 25px;
    margin-top: 18px;
}

.tick-eeva_event + .tick-callout,
.tick-reverse_cleavage + .tick-callout,
.tick-reference_image + .tick-callout,
.tick-event + .tick-callout {
    bottom: 65px;
}

.tick-observation + .tick-callout {
    bottom: 25px;
}

.tickmarker:hover, .tickmarker:active, .tickmarker:focus
{
    z-index: 2;
}

.tick:hover .tick-callout,
.tickmarker:active + .tick-callout,
.tickmarker:active + .tick-callout {
    display: block;
    z-index: 11;
}

.tick-eeva_event .set-img,
.tick-reverse_cleavage .set-img,
.tick-reference_image .set-img,
.tick-event .set-img {
    height : 35px;
    width : 35px;
    margin: 2px;
}

.tick-eeva_event .default-img,
.tick-reverse_cleavage .default-img,
.tick-reference_image .default-img,
.tick-event .default-img {
    height: 15px;
    width: 15px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

#z-bar-group .slider {
    width: 100%    !important;
    height: 100%    !important;
}
#z-bar-group .slider-selection {
    background: transparent;
}
#z-bar-group .slider-track {
    background: transparent;
}
#z-bar-group .slider-handle.custom {
    background: transparent none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#z-bar-group .slider-handle.custom::before {
    content: url("/static/img/slider/z-scrubber.svg");
}

#zoom-bar-group .slider {
    width: 72px    !important;
    height: 100%    !important;
}
#zoom-bar-group .slider-selection {
    background: transparent;
}
#zoom-bar-group .slider-track {
    background: transparent;
}
#zoom-bar-group .slider-handle.custom {
    position: relative;
    height: auto;
    margin-left: 0px;
    margin-top: 3px;
    background: transparent none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#zoom-bar-group .slider-handle.custom::before {
    content: url("/static/img/slider/zoom-scrubber.svg");
}