/* header */

#header {
	/*padding: 10px 10px;*/
	padding: 0 0 10px;
}

#header h1 {
	line-height: 20px;
	padding: 10px 0 10px 100px;
}
@media screen and (max-width: 360px) {
  #header h1 {
	line-height: 20px;
	padding: 5px 0 5px 120px;
  }
}

/* content */
#content {
	padding: 10px 10px 40px 10px;
}

/* horizonal */

div.actions.horizontal {
	width: 100%;
}
div.actions.horizontal ul li {
	display: inline-block;
}

div.view.full {
	float: none;
	width: 100%;
	border-left: 0;
}

/* notes */
table.notes .username {
	max-width: 10em;
	white-space: nowrap;
	text-align: right;
}
table.notes .saved_at {
	max-width: 6em;
	white-space: nowrap;
}
table.notes .note {
	width: auto;
}
table.notes .note textarea {
	font-size: 100%;
}

table.notes .note a.edit {
	margin-left: 1em;
}

table.notes .note button {
	padding: 3px 5px;
	margin-right: 3px;
	background: #62af56;
	color: #fff;
}
table.notes .note button.cancel {
	background: #f0ad4e;
}
table.notes .note button.delete {
	background: #d9534f;
}

input.date-to-go {
	width: 6em;
	font-size: 100%;
	margin: 0 0.5em 0 2em;
	padding: 2px;
}
button#go {
	padding: 3px 5px;
	margin-right: 3px;
	background: #62af56;
	color: #fff;
}

table.notes .note button.save:hover,
table.notes .note button.delete:hover,
table.notes .note button.cancel:hover,
button#go:hover {
	cursor: pointer;
	opacity: 0.8;
}

/**
 * users/login
 */
div.abcRioButtonContentWrapper {
	border: black 1px solid;
}
div.abcRioButtonContentWrapper.not-signed-in:hover {
	background: #eee;
}
div.abcRioButtonIcon {
	display: inline-block;
}
div.abcRioButtonContentWrapper span#not_signed_in {
	margin-left: 1em;
}
div.abcRioButtonContentWrapper.signed-in span#not_signed_in {
	display: none;
}
div.abcRioButtonContentWrapper.not-signed-in span#connected {
	display: none;
}

/* weathers/month */
table.weathers-month {
	width: auto;
}
table.weathers-month tr.week {
}
table.weathers-month td.a-day {
	text-align: center;
}
table.weathers-month td.a-day.no-weather {
	background-color:#ddd;
}
table.weathers-month div.date {
	background-color: #d5eaff;
}
table.weathers-month td.a-day div.time-temperature {
	text-align: left;
}
table.weathers-month td.a-day div.time-temperature span.temperature {
	color: #ff2b2b;
}
table.weathers-month td.a-day div.conditions {
	text-align: right;
}
table.weathers-month td.a-day > div.time-temperature-conditions:nth-child(3) {
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 0;
}
table.weathers-month div.sales-total {
	background-color: #ffd5d5;
}