/* Global Styles */
/* ------------------------------- */

body {
	padding-top: 50px;
}

/* Login Page */
.login-panel {
    margin-top: 25%;
}

/* Jumbotron for Singlepages */
.solo-jumbo {
    margin-top: 25px;
}

/* Jumbotron with with background */
.jumbowhite {
	background-color: #fff;
}

/* Invisible Link */
.hiddenlink:link , .hiddenlink:visited , .hiddenlink:focus, .hiddenlink:hover, .hiddenlink:active {
	text-decoration: none
}

/* Cover Page */
.thumbnail.cover {
	margin-bottom: 0;
	padding: 0;
}

/* Brand Image */
.brandimage {
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	height: auto;
}

/* Navbar Brand */
.brand-version {
	vertical-align: bottom;
	color: #A0A0A0;
	font-size: 14px;
}
.brand-logo,
.brand-logo:hover,
.brand-logo:focus {
	text-decoration: none;
}

/* Text Alignment */
.aligncenter {
	text-align: center;
}

/* Backup Page */
.backup {
	margin-top: 40px;
}
.backup-brandpanel {
	margin-bottom: 0px;
}
.backup-subtitel {
	color: #428BCA;
	text-align: center;
	font-size: 12px;
}
.backup dt {
	width: 100px;
}
.backup dd {
	margin-left: 120px;
}
.backup-state {
	color: gray;
}

/* Model Page */
.modelname {
	margin-top: 5px;
	color: #B4313E;
}

/* Model Data */
.modeldata {
	margin-bottom: 10px;
}
.modeldata dd {
	margin-bottom: 10px;
}

/* Star Rating */
.rating {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Ratingdetails */
.ratingdetails {
	margin-top: 0;
	margin-bottom: 0;
}
.ratingdetails dt {
	float: left;
	width: 100px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ratingdetails dt.outstanding {
	color: #d9534f;
}
.ratingdetails dd {
	margin-left: 120px;
}

/* Modeltag */
.modeltag {
	margin-bottom: 5px;
}

/* Subtitel */
.subtitel {
	color: #428BCA;
	margin-top: 15px;
}

.subtitel + hr  {
	margin-top: 5px;
}

/* Icon Linklist */	
.icon-linklist {
	color: #428BCA;
}

/* Checkresult fields */
.checktitle p {
	font-size: 24px;
	font-weight: bold;
}
.checkresult p {
    padding: 15px;
	margin: 0px;
}

/* Statistic Page */
.statstitle p {
	font-size: 24px;
	font-weight: bold;
}
.statsresult {
	padding: 15px;
	margin: 0px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.statsresult .sublist {
	margin: 2px;
}


/* Cover Pager */
.pagination.cover {
	margin: 0px;
}

/* Forms */
.sublabel {
	font-weight: normal;
}
.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

/* Navigation */

/* Top Right Navigation Dropdown Styles */
.navbar-items li {
    display: inline-block;
}
.navbar-items li:last-child {
    margin-right: 15px;
}
.navbar-items li a {
    padding: 15px;
    min-height: 50px;
}
.navbar-items > li > a:hover,
.navbar-items > li > a:focus {
  color: #23527c;
}
.navbar-items > li > .dropdown-menu {
	background-color: #f8f8f8;
}
.navbar-items .dropdown-menu li {
    display: block;
}
.navbar-items .dropdown-menu li:last-child {
    margin-right: 0;
}
.navbar-items .dropdown-menu li a {
    padding: 3px 20px;
	min-height: 0;
	color: #337ab7;
}
.navbar-items .dropdown-menu li a div {
    white-space: normal;
}
.navbar-items > li > .dropdown-menu > li > a:hover,
.navbar-items > li > .dropdown-menu > li > a:focus {
	color: #23527c;
	background-color: #e7e7e7;
}
.navbar-items > li > .dropdown-menu > li.divider {
	margin: 5px 0;
	background-color: #dddddd;
}
.navbar-items .open .dropdown-menu > .active > a {
	color: #fff;
}
.navbar-items .open .dropdown-menu > .active > a:hover,
.navbar-items .open .dropdown-menu > .active > a:focus {
	color: #23527c;
}
.navbar-items > .active > a,
.navbar-items > .active > a:hover,
.navbar-items > .active > a:focus {
	color: #23527c;
  	background-color: #e7e7e7;
}
.navbar-items > .open > a,
.navbar-items > .open > a:hover,
.navbar-items > .open > a:focus {
  	color: #23527c;
  	background-color: #e7e7e7;
}
.navbar-items .dropdown-user {
    right: 0;
    left: auto;
}

/* Footer in Sidebar */
.footer {
	display: none;
}
.footer > .copyright {
	color: #999999;
}
.footer > .version {
	color: #428BCA;
}

/* Sidebar */

/* Hide for mobile, show later */
.sidebar {
	display: none;
	padding: 0 20px 0px;
	background-color: #f5f5f5;
	border-right: 1px solid #eee;
	position: fixed;
	z-index: 1000;
}

/* Sidebar navigation */
.nav-sidebar {
	margin-left: -20px;
	margin-right: -21px; /* 20px padding + 1px border */
	/* margin-bottom: 20px; */
}
.nav-sidebar > li > a {
	padding-left: 20px;
	padding-right: 20px;
}
.nav-sidebar > .active > .nav-second-level > .active > a {
	color: #fff;
	background-color: #428bca;
}
.nav-sidebar > .active.nodrop > a {
	color: #fff;
	background-color: #428bca;
}
.nav-sidebar  a:hover {
	color: black;
}
.nav-sidebar  > li > a:focus {
	color: #fff;
	background-color: #428bca;
}

.arrow {
    float: right;
}
.fa.arrow:before {
    content: "\f104";
}
.active > a > .fa.arrow:before {
    content: "\f107";
}
.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}
.nav-second-level li a {
    padding-left: 37px;
}
.nav-third-level li a {
    padding-left: 52px;
}
.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

/* Sidebar Menu Styles */
.sidebar-search {
    padding: 15px;
}
.sidebar-search-button {
	color: red;
}

/* Status Messages */
#status-msg {
	position: fixed; 
	z-index: 999;
	padding-top: 9px;
}

/* Button Panel Cover */
.panel.button-panel {
	box-shadow: none;
	border: 0;
}

/* Main content */
.main {
	padding: 20px;
}

.main .page-header {
	margin-top: 0;
}

/* Styles for the preview-gallery */
.preview-gallery {
    margin-top: 20px;
}

.preview-gallery .thumbnail {
    padding: 0;
    margin-bottom: 5px;
    border: none;
}

.preview-gallery img {
    border-radius: 2px;
}

.preview-gallery .caption{
    /* padding: 26px 30px; */
	padding-bottom: 5px;
    text-align: center;
}

.preview-gallery .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.preview-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

/* Styles for Album */
.album {
    margin-top: 20px;
}

.album .thumbnail {
    padding: 0;
    margin-bottom: 5px;
    border: none;
}

.album img {
    border-radius: 2px;
}

.album .caption{
    /* padding: 26px 30px; */
	padding-bottom: 5px;
    text-align: center;
}

.album .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.album .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

/* Styles for the show-gallery */
.show-gallery {
    margin-top: 20px;
}

.show-gallery .thumbnail {
    padding: 0;
    margin-bottom: 5px;
    border: none;
}

.show-gallery img {
    border-radius: 2px;
}

.show-gallery .caption{
    /* padding: 26px 30px; */
	padding-bottom: 5px;
    text-align: center;
}

.show-gallery .caption h3 {
    font-size: 14px;
	color: #337ab7;
    margin-top: 0;
}

.show-gallery .caption h3 span {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.show-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 50px 20px 0px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
  	}
	.main {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 768px) {
	.sidebar {
		margin-top: 51px;
	}
	.main {
		margin-top: 51px;
	}
	.jumbotron {
		margin-top: 60px;
	}
	.btn-group {
		margin-top: 2px;
	}
}

@media (min-width: 768px) and (min-height: 600px){
	.footer {
		display: block;
		bottom: 15px;
		position: absolute;
	}
}