.page-outer-wrapper { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }

#login {
	background-image: url('/assets/media/balloons.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.auth-form-wrapper { border: 1px solid #666; border-radius: 3px; background: #f8f8f8; padding: 15px; margin-top: 10%; box-shadow: 0px 4px 10px -2px #000;}
.auth-form-wrapper .title {
	font-size: 1.2em;
	text-align: center;
	padding: 14px 0px 28px;
	font-weight: bold;
}


.admin-list-container .title-wrapper { margin-top: 20px;}
.admin-list-container .list-wrapper { margin-top: 20px;}


.flex-container { display: flex;}


.section { margin-bottom: 20px;}
.section.withborder { padding: 10px; border: 1px solid #e0e0e0; border-radius: 5px;}
.section.withshadow { box-shadow: 0px 1px 6px 1px #f0f0f0;}
.view-label { color: #333; font-weight: 300;}

.separator-muted {margin: 10px 0; border: 0.5px solid #eee;}

/* Extend bootstrap */
.card.withboxshadow {box-shadow: 0px 1px 6px 1px #f0f0f0;}

.features-wrapper {
	display: grid;
	grid-template-columns: 30% 30% 30%;
	grid-row-gap: 7px;
}

div.form-readonly { height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem;}

.section-title { font-size: 1.25rem; font-weight: 600; border-bottom: 1px solid; padding-bottom: 10px;}
.media-wrapper { margin: 20px 0px;}
.media-placeholder {
	width: 230px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	background: #e0e0e0;
	font-size: 2.5rem;
	color: #fff;
	border: 1px solid #a0a0a0;
	border-radius: 2px;
}
.media-placeholder img { width: 100%; }

.media-list-thumb { width: 120px;}
.occasion-list-price-out { font-size: 1.4rem; font-weight: bold;}
.occasion-list-reseller { font-size: 0.8rem; columns: #666;}
.occasion-list-price-reseller { font-weight: 600; color: #333;}
.occasion-list-km { font-weight: bold;}
.occasion-list-muted {font-size: 0.8rem;}

/* modal for customer search */
.search-result-container .row.result-item-wrapper { margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px;}
.search-result-container .row.result-item-wrapper:last-child { margin-bottom: 0px; border-bottom:none; padding-bottom: 0px;}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.footer {
	background-color: #f5f5f5;
	margin-top: auto !important;
}
.container-footer {
	width: auto;
	max-width: 680px;
	padding: 0 15px;
}