.front-page {
  background-color: #ffffff;
}
.front-page main {
  padding-left: 0;
}
.front-page main nav.main {
  right: 0;
}
.front-page main > header {
    padding: 0;
    height: auto;
    background-color: #ffffff;
}
.front-page .content {
  clear: both;
  position: relative;
  max-width: 638px;
  margin: 0 auto;
  min-height: 48px;
  padding: 24px;
}
.front-page header .content {
    max-width: 960px;
}

.front-page h1 {
  font-weight: 600;
}
.front-page h1.title {
  margin-bottom: 36px;
}
.front-page h2 {
  color: #c0c0c0;
}
.front-page h5 {
  color: #c0c0c0;
}
.front-page section .row {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
  padding: 0 0 24px;
}
.front-page .col {
  padding: 0 24px;
}
.front-page .col:first-child {
  padding-left: 0;
}
.front-page .col:last-child {
  padding-right: 0;
}
.front-page main section {
  margin-top: 72px;
}
.front-page main section.start {
  margin-top: 0;
}
.front-page main .tabs section {
  margin-top: 0;
}
/*.front-page header .btn {*/
/*	padding: 5px 10px;*/
/*	background: transparent;*/
/*	color: grey;*/
/*	border: 1px solid grey;*/
/*	border-radius: 0;*/
/*}*/
/*.front-page header .btn:hover {*/
/*	background-color: grey;*/
/*	color: white;*/
/*}*/
.front-page header h1 {
	line-height: 96px;
}
.front-page footer {
  color: #e8e8e8;
  padding-bottom: 12px;
}
.front-page footer * {
	color: #595959 !important;
	font-size: 11px;
}
.front-page footer .clickable,
.front-page .content .clickable {
	min-width: 44px;
	min-height: 44px;
	display: inline-block;
	line-height: 44px;
}
.front-page footer .content {
  padding-top: 24px;
}
/*.front-page input[type="button"], .front-page input[type="submit"], .front-page .btn {*/
/*    background-color: #666;*/
/*    color: #eee;*/
/*}*/
.front-page .btn.transparent {
  background: transparent;
}
.front-page .btn.transparent:hover {
    background: transparent;
}
/*.front-page button:hover, .front-page input[type="button"]:hover, .front-page input[type="submit"]:hover, .front-page .btn:hover {*/
/*	background-color: #eee;*/
/*    color: #333;*/
/*}*/
.front-page button {
  background: transparent;
}
.front-page table thead {
  background-color: transparent;
}
.front-page table th,
.front-page table td {
  background-color: transparent;
}
.front-page.styleguide .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.front-page .dialog .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.front-page .hint {
    color: black;
    opacity: 0.6;
}

.front-page .slogan {
    font-weight: 600;
    font-size: 16px;
}

.front-bridge-top {
    position: absolute;
    background: #FF00FF;
    width: 24px;
    height: 48px;
}

.front-bridge-left {
    position: fixed;
    background: #00FFFF;
    width: calc(50vw - 419px);
    height: 96px;
    top: 328px;
}

.front-bridge-bottom {
    background: #00FF00;
    width: 48px;
    height: 144px;
    position: fixed;
    bottom: 0;
}

#package-desc {
    background-color:#f9f9f9;
    border:2px solid #ccc; 
    padding:16px
}
#package-desc input {
    height: 36px;
    background-color: #f3f3f3;
    border-color: #ccc;
    font-weight:bold;
} 
.dblock-lg {
	display:block;
}
.dblock-sm {
	display:none;
}

#login-warning {
	position: relative;
	border: 1pt solid rgb(244,150,0);
	background-color: rgba(244,150,0,0.3);
	padding: 8px;
}
#login-warning .title {
	position: relative;
	padding-left: 36px;
	font-weight: bold;
	min-height: 64px;
}
#login-warning .title:before {
	position: absolute;
	top: 12px;
	left: 0;
	font-size: 64px;
	font-weight: bold;
	content: "!";
	color: rgb(244, 150, 0);
}

@media (max-width: 1023px) {
	.dblock-lg {
		display:none;
	}
	.dblock-sm {
		display:block;
	}
    .front-bridge-left {
        display: none;
    }
}