#sailings {
	background-color: #0087f1;
	font-weight: bold;
	color: #fff;
	padding: 3px 10px;
	text-align: center;
}

#sailings > div {
	display: inline-block;
	text-align: left;
	
	transition: width .5s;
	-moz-transition: width .5s;
	-webkit-transition: width .5s;
	-ms-transition: width .5s;
	-o-transition: width .5s;
}

#sailings > div > div {
	display: inline-block;
}

#sailings > div > div:first-child input {
	background-color: #fff;
    border: 2px solid #224273;
    border-radius: 5px;
    color: #0087f1;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 3px;
}

#sailings > div > div.hide {
	display: none;
}

#sailings > div > div {
	margin-left: 5px;
}

#sailings > div > div:first-child input {
	margin-left: 5px;
}

#sailings > div > div:first-child {
	position: relative;
	top: -2px;
}

.loading {
	color: #ffcb11;
}

.loading:after {
  content: '.';
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
	0%, 20% {
    	color: rgba(0,0,0,0);
    	text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
	}
  	
  	40% {
    	color: #ffcb11;
    	text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
    }
  	
  	60% {
    	text-shadow: .25em 0 0 #ffcb11, .5em 0 0 rgba(0,0,0,0);
    }
  	
  	80%, 100% {
  	  text-shadow: .25em 0 0 #ffcb11, .5em 0 0 #ffcb11;
    }
}