.addBoatLabelClass {
	text-align: center;
	padding: 5px 0px 15px 0px;
}
.addBoatLabelClass label {
	font-size: 18px;
}

.icon-bar {
	
	position: fixed;
    top: 64px;
    left: 25px;
   
    color: #fff;
    height: 25px;
    padding: 3px;
     -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
    transform-origin: left top 0; 
	display: block;
	text-align: center;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;     
}
.shortListViewOut:hover {
	color: #0f2956;
}

.tripBoatTitle {
	margin: 5px 10px;
	color: #000;
}
.icon-bar a:hover {
  background-color: #000;
}

.shortListViewOut {
  background: #3B5998;
  color: white;
  padding: 4px;
  margin-right: 10px;
}
.shortListViewOut label{
	font-size: 14px;
	font-weight: normal;	
	cursor: pointer;
}

#shortlistBoatIdBtn {
cursor: pointer;	
}
.closeShortList {
	text-align: right;
	cursor: pointer;
}


.shortlistwrapper {
	overflow-y:scroll;
    overflow-x:hidden;
    max-height:70vh;
}
.freestufftab {
	z-index: 100; 
}

.tripsDisplayed:nth-child(even) {
background-color: #fff;	
}
.tripsDisplayed:nth-child(odd) {
background-color: #efefef;	
}
.tripsDisplayed label{
	color: #000 !important;
	padding: 10px;
	font-size: 13px;
}
.tripsDisplayedLabel {
	font-weight: normal;
}
.tripsDisplayedLabelremove:hover {
	text-decoration: underline;
	cursor: pointer;
}
.shortListButton {
text-align: right;
}
.tripsDisplayed label:hover {
	text-decoration: underline;
	cursor: pointer;
}
.shortlistBoatTitle {
	font-size: 70%;
}
.closeShortList label {
	margin: 5px;
	cursor: pointer;
}
.closeShortList label:hover {
	margin: 5px;
	cursor: pointer;
	text-decoration: underline;
	color: #eee;
}
.boatsDisplayInner {
	margin: 5px;
	background-color: #fff;
}
.boatsDisplayInner a {
	color: #000;
}
.removeBoatShortList {
	color: #948a8a !important;
}
.tripsDisplayedLabelremove {
	font-weight: normal;
	font-size: 12px !important;
	color: #948a8a !important;
}
.singleBoatInList {
	margin: 10px;
	border: 1px solid #fff;
}
@media (max-width: 991px) {
.singleBoatInList {
	margin: 0px;
	}
.shortlistBoatTitle {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.removeBoatShortList {
	margin-top: 15px;
	margin-bottom: 15px;
}
.addRemoveTripContainer {
	text-align: right;
}
.tripsDisplayedLabelremove {
    margin-left: 15px;
}
}

.singleBoatInList:hover {
	opacity: 0.79;
	filter: alpha(opacity =79);
     cursor: pointer;
	 border: 1px solid #1C6EA4;
	 border-radius: 5px 5px 5px 5px;
}

/* width */
.shortlistwrapper::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.shortlistwrapper::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.shortlistwrapper::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.shortlistwrapper::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.addRemoveTripContainer {
	padding: 20px; 
}
.tripLabel {
	font-size: 18px;
}
.checkColorShortlist {
	color: red;
}
.addTripWrapper {
padding: 5px 0px 0px 0px;	
}