//global

$point-color: #999;

//
.bar-tab {
	z-index: 10000;

	.arrow {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAsCAYAAAB/nHhDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Y5QjI2RjE3RUJFMTFFNDg5NkJEODE2NDc5M0NBN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Y5QjI2RjI3RUJFMTFFNDg5NkJEODE2NDc5M0NBN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRjlCMjZFRjdFQkUxMUU0ODk2QkQ4MTY0NzkzQ0E3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjlCMjZGMDdFQkUxMUU0ODk2QkQ4MTY0NzkzQ0E3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuckeeQAAABjSURBVHja7JWxDcAwCAQhymIsDqMRpXDpFImxZeW+cOkTAv2pu6c8R+/HzORNDikOgPWAs11JVTQz2QEAANtXRUQM+agnpCll97WMlCtCmbXKLJ8AJwMAgJMnKZMl/x1wCTAA2EQRlxzzyNoAAAAASUVORK5CYII=") center center no-repeat;
		background-size: 50% 50%;
		//padding: 8px 6px;
		margin-left: 3px;
		@include transition(all 0.2s ease-in-out);
		position: absolute;
		width: 12px;
		height: 22px;
	}
	
	.filter {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEMzQjlERUM3M0FBMTFFNDgzNTVGRjEwMUNDM0Q0OUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEMzQjlERUQ3M0FBMTFFNDgzNTVGRjEwMUNDM0Q0OUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQzNCOURFQTczQUExMUU0ODM1NUZGMTAxQ0MzRDQ5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQzNCOURFQjczQUExMUU0ODM1NUZGMTAxQ0MzRDQ5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmnWon0AAAC4SURBVHjaYiwvL//PQEXAxEBlQBMDz1HRvEsgA92A+CIVDLsCxC4gA98CsStUgFxwDYidgfg1LAxfA7ETVIJUcBNq2Cv0SHkNlbhJgmG3oQ55gSuWX0AV3CbCsDtQtc8IJZtnUIV38Rh2D6rmCbHp8AlUwwMscg+gco9JTdiPgDgIi3gwED8kN6e8xSL2Zujn5VEDR7qBoCxYBsQ/qWXgPyDuBmIzIL5MTS9fAmJTIO6DWoITAAQYACKKKljuu7LfAAAAAElFTkSuQmCC") center center no-repeat;
		background-size: 50% 50%;
		padding: 8px 14px;
	}
	.up .arrow{
		@include transform(rotate(0deg) translate3d(0, 0, 0));
	}
	.down .arrow{
		@include transform(rotate(180deg) translate3d(0, 0, 0));
	}
	.selected,.checked {
		border-bottom: 2px solid #D0503E;
		color: #E65749;

		.filter {
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAsCAYAAAB7aah+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM5MjI0MkU3RjRFMTFFNDg1MTJEQTZCNEZFRDA5RDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM5MjI0MkY3RjRFMTFFNDg1MTJEQTZCNEZFRDA5RDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QzkyMjQyQzdGNEUxMUU0ODUxMkRBNkI0RkVEMDlENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QzkyMjQyRDdGNEUxMUU0ODUxMkRBNkI0RkVEMDlENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmiDBdsAAADkSURBVHja7JXBDcIwDEUL+zAIC1AJWICOQdpRmgOdA1ijJw690XsENjISipqoSRpLSLb0j/aT7R9n9Si3r4Ih1gVTCOg/QJqBoxF0AvUZIVi7QtAIOoBMBgjWPIKe3x3dQHUGUAO62mZQoPuCEKx1nnIdtrmnUabGSLWMy96fxS0AqmyDTb2jNtHymmrMerCxlu8pd/ZliLG8oZwx9ASFWr6mnKhbp3zJlpVVylH1jsNl5djr7Vywy8op34TP7q38sAISkIAEJCABCegnStDAAbqANqCOY3TY0Y40cOyoC+3uLcAAHGA1t1hxkmEAAAAASUVORK5CYII=") center center no-repeat;
			background-size: 50% 50%;
		}
	}

	.selected > .arrow {
		background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAsCAYAAAB/nHhDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODQ5ODVEN0Y3RUJFMTFFNEJENzFGNDkzOEE0M0JCNkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODQ5ODVEODA3RUJFMTFFNEJENzFGNDkzOEE0M0JCNkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NDk4NUQ3RDdFQkUxMUU0QkQ3MUY0OTM4QTQzQkI2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NDk4NUQ3RTdFQkUxMUU0QkQ3MUY0OTM4QTQzQkI2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJAifAAAACGSURBVHjaYnwW7vmfAT9gJCDPILliG045JgYag1ELBoEFN9JLGaEpBRemzAJHR8fROBi1YNSCIW/B/v37KTYEnxk09wGLxszu/xSawTiaikarTIJVJkVVKs19wPj//3+G5xFeFBky2nQctWDUggG2gAVUn2rQsE5mJKKXORrJoxbgBwABBgDM2hyEFoZWfwAAAABJRU5ErkJggg==");
	}
	
}


//list page style
//
@mixin button {
	height: 44px;
	line-height: 44px;
	color: #FFFFFF;
	font-size: 1rem;
	display: block;
}


.pull-to-refresh-layer .preloader{//no need two loading icon
	display:none;
}

.nav-flight-list {
	background-color: #E65749;
	top: 44px;

	.pre-day-btn {
		@include button;
		text-align: left;
		padding-left: 25px;
		width: 100px;
		float: left;
	}

	.disabled {
		opacity:0.3;
	}

	.date-btn {
		@include button;
		text-align: center;
		font-weight: bold;
		width: 100px;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -50px;
		position:absolute;
		@include transition-duration(200ms);
		left:50%;
		margin-left:-50px;
	}

	.next-day-btn {
		@include button;
		text-align: right;
		padding-right: 25px;
		width: 100px;
        float: right;
	}

	~ .page-content {
		padding-top: 88px;
	}
    //added by animate date
    overflow:hidden;
    // font-family: arial;


    .startdate-center{
        @include transform(translate3d(0, 0, 0));
    }
    .startdate-next{
        @include transform(translate3d(0, 75%, 0));
    }
    .startdate-prev{
        @include transform(translate3d(0, -75%, 0));
    }

}
.page .nav-flight-list:first-child {
	top: 0px;
}
.page .nav-flight-list:first-child ~ .page-content {
	padding-top: 44px;
}

$l-btn-color: #2377E8;
$l-btn-bottom-color: #D6D6D6;

.flight-list {
	background-color: #FFFFFF;

	ul.list {

		li {
			border-bottom: 1px solid #BEBEBE;
			padding: 10px 10px 5px 10px;
			color: #404040;
			position:relative;
			
			.time {
				float: left;
				width: 20%;
				height: 50px;

				.start-time {
					height: 25px;
					line-height: 25px;
				}
				.end-time {
					height: 25px;
					line-height: 25px;
					color:#999;
				}
			}
			
			.station {
				float: left;
				width: 55%;
				height: 50px;

				.start-station {
					height: 25px;
					line-height: 25px;
				}
				.end-station {
					height: 25px;
					line-height: 25px;
					color:#999;
				}
			}

			.info {
				float: left;
				width: 25%;
				text-align: right;
				color: #999999;

				.during {
					height: 25px;
					line-height: 25px;
					font-size: 0.9rem;
				}

				.price {
					height: 25px;
					line-height: 25px;
					overflow: hidden;

					em {
						font-style: normal;
						color: #E54030;
						font-weight: bold;
						font-size: 1.3rem;
						padding-right: 1px;
					}

					.select {
						font-size: 1.3rem;
						color: #C1291C;
					}
				}

				.select {
					font-size: 1rem;
				}

			}

			.ticket {
				padding: 5px 0px;
				font-size: 0.8rem;
				color: #BEBEBE;
				height: 31px;
				width: 100%;
				overflow: hidden;
				color:#888;

			}
			.select {
				font-size: 1.1rem;
				color: #E65749;
			}

		}

	}
	.no-more {
		text-align: center;
		color: #999999;
		font-size: 0.8rem;
		height: 40px;
		line-height: 40px;
	}
}