/**
 * CSS for the front end of Premise Time Tracker
 *
 * @Global       scope: Global to any page that has premise_time_traker as a class or part of a class in the body
 * @Taxonomies   scope: .pwptt-page
 * @Author       scope: .pwptt-page
 * @Single Timer scope: #pwptt-single-timer
 * @Responsive   adjustments for tablet and desktop
 */

/**
 * @Global
 */

body[class*="premise_time_tracker"] p.pwptt-error-message {
	padding: 2em 1em;
	text-align: center;
}

body[class*="premise_time_tracker"] p.pwptt-loading {
	padding: 10% 1em;
	text-align: center;
	font-size: 2em;
}

body[class*="premise_time_tracker"] p.pwptt-disclaimer {
	font-size: 0.7em;
	line-height: 1.3;
	margin: 0.8em 0;
}

/**
 * @Taxonomies
 */

.pwptt-page {
	font-size: inherit; /* this controls the size of every element within this container */
}

/* header */
.pwptt-page .pwptt-header {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}

.pwptt-page .pwptt-total-wrapper,
.pwptt-page .pwptt-search-wrapper {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.pwptt-page .pwptt-search-wrapper,
.pwptt-page .pwptt-author-wrapper {
	width: 98%;
	float: left;
}

.pwptt-page .premise-field {
	margin-bottom: 0;
}

.pwptt-page .pwptt-quick-change-wrapper{
	width: 98%;
	float: left;
}

.pwptt-page .pwptt-search-wrapper,
.pwptt-page .pwptt-quick-change-wrapper,
.pwptt-page .pwptt-author-wrapper {
		border-bottom: 1px solid #ccc;
}

.pwptt-page #pwptt-quick-change,
.pwptt-page #pwptt-author {
	border: 0;
	padding-bottom: 8px;
	background-color: transparent;
}

.pwptt-page #pwptt-search-timesheet {
	border: 0;
	outline: 0;
	padding: 8px;
	background-color: transparent;
	line-height: 1.437em;
}

.pwptt-page .pwptt-total-wrapper {
	width: 98%;
	float: left;
	text-align: right;
}

.pwptt-page .pwptt-total {
	padding: 8px;
	font-size: 1em;
	display: inline-block;
	line-height: 1.437em;
	margin: 0;
}

/* body */
.pwptt-page .pwptt-body {
	box-shadow: 0 0 1px #666;
}

/* time card */
.pwptt-page .pwptt-time-card {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.pwptt-page .pwptt-time-card:nth-child(odd) {
	background-color: #f6f6f6
}

.pwptt-page .pwptt-time-card:last-child {
	border-bottom: 0;
}

.pwptt-page .pwptt-time-card-intro {
	/*cursor: pointer  required for JS to work on mobile */
}

.pwptt-page .pwptt-time-card-title {
	font-size: 1.3em;
	line-height: 1;
	margin-bottom: 5px;
}

.pwptt-page .pwptt-time-card-date {
	font-size: .85em;
	opacity: 0.4;
}

.pwptt-page .pwptt-time-card-time {
	font-size: 1em;
	float: right;
	margin: 0;
}

/* footer */
.pwptt-page .pwptt-footer {
	padding: 5px 10px 10px 10px;
}


/**
 * @Single Timer
 */

#pwptt-single-timer .pwptt-timer-meta {
	padding: 10px;
	background-color: #f6f6f6;
	margin-bottom: 20px;
}

.pwptt-timer-description {
	padding: 0 10px;
}

.pwptt-iframe-edit {
	margin-top: 20px;
	padding: 10px;
	padding-top: 0;
}


/**
 * When viewed from Chrome extension / iframe.
 */
#pwptt-single-timer.iframe,
.pwptt-page.iframe {
	background-color: #fff;
}

.iframe .pwptt-container {
	padding: 4.7% 6%;
}


/**
 * @Responsive
 */

/* iPad portrait >= 768px */
@media screen and (min-width: 768px) {

	/* Taxonomy page */
	.pwptt-page .pwptt-search-wrapper,
	.pwptt-page .pwptt-quick-change-wrapper,
	.pwptt-page .pwptt-author-wrapper {
		border-right: 1px solid #ddd;
	}

	.pwptt-page .pwptt-search-wrapper,
	.pwptt-page .pwptt-quick-change-wrapper,
	.pwptt-page .pwptt-total-wrapper,
	.pwptt-page .pwptt-author-wrapper {
		width: 25%;
		margin: 10px 0;
		padding: 0 10px;
		box-sizing: border-box;
		border-bottom: 0;
	}

	#pwptt-author-page .pwptt-search-wrapper,
	#pwptt-author-page .pwptt-quick-change-wrapper,
	#pwptt-author-page .pwptt-total-wrapper {
		width: 33%;
	}
}