﻿html body {
	height: 100%;
	width: 100%;
    font-family: 'Raleway', sans-serif;
    background: url(/Content/img/bg.jpg) no-repeat center center fixed;
} 

nav {
	width: 100%;
	/*background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(152,146,146,0.5);*/
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.error-message {
    background-color: #efefef;
    font-size: 20px;
    padding: 10px;
    border-radius: 4px;
}

md-datepicker {
    background-color: #fff;
    display: block;
    padding: 5px;
    width: 100%;
	border: 1px solid #dedede;
    border-radius: 4px;
}

.tbl {
    width: 100%;
}

.tbl-striped tr:nth-child(even){
    background-color: #efefef;
}

.input-container {
	display: inline-block;
	text-align: left;
    padding: 0px;
}

.input-label {
	color: #eee;
}

.page-container{
    position:absolute;
    height: 100%;
    width: 100%;
}

.search-control {
	width: 100%;
	padding: 15px;
	border: 1px solid #dedede;
    border-radius: 4px;
}

.ng-submitted .search-control.ng-invalid{
	border: 2px solid red;
}

input.search-control {
	text-transform: uppercase;
}

.fare-search select {
	background-color: #fff;
	background-size: cover;

	-webkit-appearance: none; 
    -moz-appearance: none;
    -o-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    -o-border-radius: 0px;
     border-radius: 4px;

}

.fare-search textarea:focus, input:focus, select:focus{
    outline: none;
}

