html,
body {
	min-height: 100%;
}

body.page_layout {
	background: #fff url('../img/background.png') repeat;
}

body > main {
	background-color: #fff;
}

body.page_layout > main > footer {
	background-color: #aaa;
	padding: 10px;
}
body.page_layout > main > footer p {
	margin:  0;
	padding: 0;
}

body > main > article {
	padding: 0 10px 10px 10px;
}



/* bread crumbs */
body > main > article > nav {
	margin-left:  -10px;
	margin-right: -10px;
}
body > main > article > nav > ol.breadcrumb {
	padding: 2px;
	border-radius: 0px;
	font-size: smaller;
}

body > main > article > section {
	padding: 10px 0 0 0;
}

body > main > article > section form {
	position: relative;
}
body > main > article > section form input[type="file"] {
	padding: 1px;
}

body > main > article > section ul.list-group > li.list-group-item > a.float-right {
	margin: 0 0 0 1em;
}

body > main > article > section hr {
	display: block;
	width: 90%;
	margin: 1em auto 1em auto;
}

/** brochure set page **/
body > main > article > section .card.brochure-card {
	border: 1px solid #fff;
}
body > main > article > section .card.brochure-card > .card-header{
	background-color: #fff;
	text-align: center;
	padding: 5px 5px 20px 5px;
	border-bottom: 1px solid #fff;
}
body > main > article > section .card.brochure-card > .card-header .date_range {
	color: #aaa;
	display: block;
}
body > main > article > section .card.brochure-card > .card-body {
	padding: 0px;
}
body > main > article > section .card.brochure-card > .card-body > a {
	display: block;
	width: 100%;
	text-align: center;
	
	border: 1px solid #fff;
	
	text-decoration: none;
}
body > main > article > section .card.brochure-card > .card-body > a:active,
body > main > article > section .card.brochure-card > .card-body > a:hover {
	text-decoration: none;
}
body > main > article > section .card.brochure-card > .card-body > a.no-pdf {
	border: 1px dashed #888888;
}
body > main > article > section .card.brochure-card > .card-body > a.no-thumb {
	border: 1px solid #000;
}
body > main > article > section .card.brochure-card > .card-body > a > img {
	width: 100%;
}
body > main > article > section .card.brochure-card > .card-body > a > span {
	width: 100%;
	text-align: center;
	color: #aaa;
}

/** brochure instruction-template brochure-set - component **/
body > main > article > section .brochure_instruction_template_brochure_set {
}
body > main > article > section .brochure_instruction_template_brochure_set > .card {
	border-color: #fff;
}
body > main > article > section .brochure_instruction_template_brochure_set > .card > .card-body {
	padding: 1px;
}
body > main > article > section .brochure_instruction_template_brochure_set > .card > .card-body > .form-group.row {
	margin: 0 0 0 0;
}

/** brochure blue print - component **/
body > main > article > section .footer_template_wildcard {
	cursor: pointer;
}
body > main > article > section .footer_template_wildcard:hover {
	text-decoration: underline;
}

/** brochure overlay - component  **/
body > main > article > section .brochure_overlay {
	display: block;
	position: absolute;
	top:    20px;
	bottom: 20px;
	right: 20px;
	
	width: 50%;
}

body > main > article > section .brochure_overlay .close {
	display: block;
	float: right;
}

body > main > article > section .brochure_overlay .list-group {
	overflow: auto;
	
	width: 100%;
	max-height: 15em;
}

/** brochure overlay template field - component **/
body > main > article > section .brochure_overlay_template {
}
body > main > article > section .brochure_overlay_template > .card {
	border-color: #fff;
}
body > main > article > section .brochure_overlay_template > .card > .card-body {
	padding: 1px;
}
body > main > article > section .brochure_overlay_template > .card > .card-body  .form-group.row {
	margin: 0 0 0 0;
}

/** display type picker - component  **/
body > main > article > section .display-type-picker {
}
body > main > article > section .display-type-picker a {
	display: inline-block;
	
	padding: 5px;
	border: 1px solid black;
	border-radius: 20px;
	
	background-color: black;
	color: white;
}
body > main > article > section .display-type-picker a.selected {
	color: yellow;
}

/** pdf upload page **/
body > main > article > section.page.pdf-upload {
}

body > main > article > section.page.pdf-upload .drop-zone {
	border: 1px solid #000;
}
body > main > article > section.page.pdf-upload .drop-zone p {
	margin: 0;
	text-align: center;
	padding: 70px 0 70px 0;
}

@keyframes brochure_upload_in_progress {
	from {background-color: red;}
	to   {background-color: yellow;}
}
body > main > article > section.page.pdf-upload .progress {
	border: 1px solid #fff;
	
	animation-name: brochure_upload_in_progress;
	animation-duration: 4s;
}
body > main > article > section.page.pdf-upload .progress p {
	margin: 0;
	padding: 0;
	
	text-align: center;
}

@media only screen and (min-width : 1300px) {

.container { max-width: 1300px; } 

}