/*!
  jQuery timebar plugin
  @name timebar.css
  @author pulkitchadha (pulkitchadha27@gmail.com]
  @version 1.0
  @date 28/03/2018
  @category jQuery Plugin
  @copyright (c) 2018 pulkitchadha (pulkitchadha)
  @license Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
*/

.timeline-cover {
    margin: 10px 0px;
    padding: 0px 0px 0px 0px;
    background: #2a2a2a;
    border: 0px solid #FFF;
}

.timeline-bar {
    height: 2px;
    width: 100%;
    background: #FFF;
    position: relative;
}

.steps-bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	cursor: pointer;
	display: table;
	/* top: -27; */
}

.step {
	/* float: left;  */
	/* width: 1.996%; */
	/* margin-top: 29px; */
	text-align: center;
	position: relative;
	display: table-cell;
}

.step:last-child {
	width: 2px !important;
}

.step:first-child .step-border {
	height: 20px;
	width: 2px;
	background: #FFF;
	margin-top: -10px;
    z-index: 5;
}

.step:nth-child(24n+1) .step-border {
	height: 20px;
	width: 2px;
	background: #FFF;
	margin-top: -10px;
    z-index: 5;
}

.step-mark {
	height: 0px;
	width: 0px;
	background: #000;
	margin-top: -10px;
}

.step-border {
    height: 10px;
    width: 2px;
    background: #FFF;
    margin-left: 1.5%;
    display: block;
    margin-top: -15px;
    z-index: 5;
}

.time-instant {
    position: absolute;
    top: 15px;
    left: -17px;
    color: #FFF;
    font-size: large;
    z-index: 0;
}

.pointer {
	position: absolute;
	top: 20px;
	margin-left: -1%;
	/* left:-10px; */
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #666666 transparent;
	cursor: pointer;
	transition: 100ms all linear;
	-webkit-transition: 100ms all linear;
	-moz-transition: 100ms all linear;
}

.pointerSelected {
	border-color: transparent transparent #D04640 transparent !important;
}

.selection-line {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 2px;
    background: #ff0000;
}

#draggable {
    height: 20px;
    width: 5px;
    background: #6c87d4;
    top: 10px;
    cursor: pointer;
    z-index: 10;
    position: relative;
}

.MB10 {
	margin-bottom: 10px;
}

#embedJWPlayerTarget {
	width: 100% !important;
}

#boxdiv {
	display: none
}

.cuepoint-btn {
	text-align: right;
	margin-right: 14%;
}