/* prev1.11 */

#trackingDetails tr td {
	vertical-align: middle;
}

.btn-grey3:hover, .btn-grey3:active {
	background-color: #707070;
	color: #ffffff;
}

.btn-outline-grey3 {
	background-color: #fff;
	color: #404040;
	border: solid 1px #b1b1b1;
	font-weight: bold;
}

#buttonWatchlistBackToTrack i {
	color: #707070;
}

.text-red {
	color: #dc291e;
}

.fade-in {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.fade-in.show-result {
	opacity: 1;
}

#btnAddLabel {
	width: 126px;
	font-size: 13px;
}

.btn-grey3 {
	background-color: #eee;
}

#trackingDetailsTable th a:hover, #trackingDetailsTable th a:focus {
	text-decoration: none;
	color: #000000;
}

.sort-icon {
	margin-right: 5px;
}

.remove-btn {
	color: #707070;
}

.remove-btn:hover {
	background-color: #dc291e;
}

.dot-circle {
	height: 12px;
	width: 12px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.dot-circle-yellow {
	background-color: #ffc107;
}

.dot-circle-orange {
	background-color: #ff9933;
}

.dot-circle-blue {
	background-color: #5bc0de;
}

.dot-circle-purple {
	background-color: #643b9f;
}

.dot-circle-pink {
	background-color: #e75480;
}

.dot-circle-red {
	background-color: #dc291e;
}

.dot-circle-green {
	background-color: #5cb85c;
}

.hover-blue:hover {
	background-color: #5bc0de;
}

.hover-yellow:hover {
	background-color: #ffc107;
}

.hover-yellow:hover {
	background-color: #ffc107;
}

.hover-orange {
}

.hover-orange:hover {
	background-color: #ff9933;
}

.hover-pink:hover {
	background: #e75480;
	color: #ffffff;
}

.hover-purple:hover {
	background: #643b9f;
	color: #ffffff;
}


.hover-red:hover {
	background: #dc291e;
	color: #ffffff;
}


.hover-green {
}

.hover-green:hover {
	background: #5cb85c;
}

#trackingDetailsTable {
	border-bottom: solid 1px #dddddd;
}

#labelCountMessage{
	padding-bottom: 12px;
}

.skeleton {
	padding: 20px;
}

.skeleton tr td {
	background-color: #f6f6f6;
}

#skeleton-tbody.skeleton tr td {
	border: none;
}

.skeleton-cell {
	height: 24px;
	border-radius: 4px;
	margin: 10px 0;
}

.skeleton-htdheader .skeleton-cell {
	margin-bottom: -10px;
}

.animated-background {
	animation-duration: 3s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	position: relative;
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -800px 0;
	}

	100% {
		background-position: 800px 0;
	}
}