/* System Modeler Download style

   developer:   yhechler
   requires:    /common/framework/css/framework.en.css
                /common/framework/css/form-gui.en.css
   ========================================================================== */

html {
	border-top: none;
	font-family: 'Source Sans Pro', Arial, sans-serif;
}
.page-width {
	margin: 0 auto;
	max-width: 900px;
}
.page-padding {
	margin: 3rem 0 4rem 0;
	padding: 0 1rem;
}
.breadcrumb {
	margin: 1rem 0;
}
.breadcrumb a {
	color: #3a3a3a;
	font-size: 1.125rem;
	font-weight: 400;
}
.breadcrumb a:hover {
	color: #f57300;
}
.content-wrapper {
	border: 1px solid #e4e4e4;
}
.title-wrapper {
	background: #f5f5f5;
	padding: 1rem;
}
.title-wrapper a, .error-title-wrapper {
	align-items: center;
	display: flex;
}
.title-wrapper a img, error-title-wrapper img {
	max-width: 100px;
	margin-right: 10px;
}
.detail-name {
	color: #dd1100;
	font-size: 2.1875rem;
	font-weight: 400;
}
.detail-author {
	color: #393939;
	font-size: 1.1875rem;
	font-weight: 300;
}
#_form-gui {
	padding: 1.25rem 2rem;
}
#_form-gui h4 {
	color: #dd1100;
	font-size: 1.25rem;
	font-weight: 400;
}
#_form-gui ._radio-wrapper label {
	margin: .2rem 0;
}
#lib-download-wrapper {
	padding: 1rem;
}
#lib-download-wrapper p {
	font-size: 1rem;
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	width: 600px;
}
#lib-download-wrapper a:link, #lib-download-wrapper a:visited {
	color: #dd1100;
}
#lib-download-wrapper a:hover {
	color: #f57300;
}
/* error */

.error-content-wrapper {
	margin: 0 auto;
	padding: 2rem;
}
.server-error h2 {
	color: #dd1100;
	font-size: 1.8125rem;
}
/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
	.padding-top-for-mobile {
		padding-top: 1.25rem;
	}
}
/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {}
/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
	#side-bar {
		margin-top: 2rem;
		padding-left: 0rem;
	}
	#side-bar ul li:not(:first-child) h3 {
		padding-top: 0.725rem;
	}
	#side-bar ul li:first-child h3 {
		padding-top: 0.5rem;
	}
}
/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}
/* printer styles
   ========================================================================== */

@media print {}