body {
	background-color: #fff;
}
.ui-page {
    max-width: 600px !important;
    margin: 0 auto !important;
    position: relative !important;
}
.in, .out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 50ms !important;
}

/* General */
.form-group {
	padding: 0.5em 1em;
	margin: 0.75em -1em 0.75em;
	background-color: #eee;
}
.form-group h3 {
	margin: 0.35em 0 0.5em;
}
.form-group .ui-listview {
	margin: 1em -1em 0.5em;
}
.form-group.withfeedback {
	margin-bottom: 0;
	padding-bottom: 0;
}
.form-group .feedback {
	display: none;
	
	margin: 1em -1em 0;
	padding: 0.5em;
	background-color: #ffb;
}
.form-group.withfeedback .feedback {
	display: block;
}
.form-group.withfeedback .feedback ul {
	margin: 3px 0;
}
.ui-listview .none {
	text-align: center;
}
.feedback-top {
	display: block;
	margin: 0;
	padding: 1em;
}
.feedback-top.error {
	border: 1px solid #f99;
	background-color: #fdd;
}
input[type=text].invalid, input[type=time].invalid, input[type=number].invalid, textarea.invalid {
	border: 1px solid red;
}

/* Login page */
#login-feedback ul {
	margin: 0.5em 0 0;
	line-height: 1.5;
}

/* Dashboard page */
#dashboard h3 {
	margin: 0.5em 0 1em;
	padding-bottom: 0.5em;
	text-align: center;
}
#dashboard .days-list li a {
	padding-left: 18px;
}
#dashboard .days-list li.unsaved a {
	border-left: 4px solid #53b900;
	padding-left: 14px;
}
#dashboard .days-list li.invalid {
	border-left: 4px solid #ded700;
}
#dashboard .days-list li.invalid a {
	padding-left: 14px;
}
#dashboard .days-list li.invalid.unsaved a {
	padding-left: 10px;
}
#dashboard .days-list .day span {
	color: #777;
}
#dashboard .days-list .day em {
	display: inline-block;
	float: right;
	font-size: 90%;
}

/* Day page */
#day_description {
	margin-top: 0;
}
#day_feedback, #ride_feedback, #rest_feedback {
	margin: 0 -1em 1em;
	padding: 0.5em;
	background-color: #ffb;
}
#day_feedback ul, #ride_feedback ul, #rest_feedback ul {
	margin: 0.5em 0;
}
.doublebutton .ui-block-a {
	width: 45%;
	margin-left: 2%;
}
.doublebutton .ui-block-b {
	width: 45%;
	margin-left: 6%;
}
#day_rides .title {
	display: inline-block;
	width: 70px;
	padding-right: 10px;
	text-align: right;
}
#day_rides .time {
	font-weight: normal;
}
#day_rides .actions {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0 10px;
}
#day_rides .duplicate, #day_rides .remove {
	display: inline-block;
	padding: 0 5px;
	line-height: 43px;
	cursor: pointer;
}
#day_rides .duplicate {
	color: green;
	font-size: 30px;
	margin-right: 0.5em;
}
#day_rides .remove {
	color: red;
	font-size: 20px;
}
#day .fuel_consumption div {
	padding-bottom: 1em;
}

// TODO check style

#day_rides li a {
	padding-left: 18px;
}
#day_rides li.invalid a {
	padding-left: 15px;
	border-left: 3px solid #ded700;
}

.ui-selectmenu.ui-popup .ui-input-search {
    margin-left: .5em;
    margin-right: .5em;
}
.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
.ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
}