body {
	padding-top: 50px;
}
body.body-enter {
	padding-top: 0;
}
#header {
	height: 50px;
}
a {
	text-decoration: none;
}
.border-dashed {
	border-style: dashed!important;
}

.video-box {
	width: 320px;
	height: 180px;
}
.video-w {
	width: 320px;
}
.patch {
	background-color: rgba(220, 53, 69, .7);
/*	border: 1px solid #DC3545;*/
}

.rtl-content {
	direction: rtl;
}

#timeline .item {
	border-top: 1px solid #212529;
	border-bottom: 1px solid #212529;
	border-right: 1px solid #fff;
	margin-top: .25rem;
	margin-bottom: .25rem;
	overflow: hidden;
}
#timeline .item-first {
	border-left: 1px solid #212529;
	border-radius: .375rem 0 0 .375rem;
	margin-left: .25rem;
}
#timeline .item-last {
	border-right: 1px solid #212529!important;
	border-radius: 0 .375rem .375rem 0;
	margin-right: .25rem;
}
#timeline .item-first.item-last {
	border-radius: .375rem;
}

.dir-rtl {
	direction: rtl;
}

#centerrange {
	-webkit-appearance: none;
	 appearance: none;
	 background: transparent;
	 cursor: pointer;
	 width: 100%;
}
#centerrange:focus {
	outline: none;
}
#centerrange::-webkit-slider-runnable-track {
	background-color: #888;
	border-radius: 0.5rem;
	height: 0.25rem;
}
#centerrange::-webkit-slider-thumb {
	-webkit-appearance: none;
	 appearance: none;
	 margin-top: -10px;
	 background-color: red;
	 height: 24px;
	 width: 24px;
	 border-radius: 0;
}
#centerrange:focus::-webkit-slider-thumb {   
	border: 1px solid #212529;
	outline: none;
}

/* ff */
#centerrange::-moz-range-track {
	background-color: #888;
	border-radius: 0.5rem;
	height: 0.25rem;
}
#centerrange::-moz-range-thumb {
	border: none;
	border-radius: 0;
	background-color: red;
	height: 24px;
	width: 24px;
}
#centerrange:focus::-moz-range-thumb {
	border: 1px solid #212529;
	outline: none;
}

#centerwarp {
	width: 48.4375%;
	top: -10px;
	bottom: -24px;
	border-left: 1px dashed #aaa;
	border-right: 1px dashed #aaa;
}
#centerline {
	position: absolute;
	left: calc(50% - 1px);
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: red;
}
#centerresult {
	min-width: 3.2rem;
}

@media (min-width: 768px) {
	.video-box {
		width: 640px;
		height: 360px;
	}
	.video-w {
		width: 640px;
	}
}
@media (min-width: 992px) {
	.video-box {
		width: 768px;
		height: 432px;
	}
	.video-w {
		width: 768px;
	}
	.w-lg-100 {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	
}