/* CSS Document */

/* CSS Document */

body 
	{
	/*background:#f8f8f8 url('../imgs/lpelgrave-desktop.jpg') no-repeat top center;*/
	background-color:#f8f8f8;
	background-attachment: fixed;		
	}

a
	{
	text-decoration:none	
	}

.container-full
	{
	padding-left:0;
	padding-right:0;	
	}

#page-frame, *[id^=page-frame-]
	{
	margin-top:60px;	
	}

/*
 * Global add-ons
 */

.sub-header 
	{
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top 
	{
	border: 0;
	height:60px;
	line-height:60px;
	background-color:#fff;
	}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
	{
	background-color:#fff;	
	}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
/* Device rules at file end */
.sidebar 
	{
	display: none;
	}

#mobile-menu
	{
	height:60px;
	line-height:60px;	
	}

.mobile-menu
	{
	position:fixed;
	top:60px;
	left:0;
	right:0;
	background-color:#f3f3f3;
	z-index: 1000;
	box-shadow:0 3px 5px 0 rgb(0,0,0,0.5);
	}

#mobile-menu .navbar-brand
	{
	padding-left:45px;
	background:transparent url('../imgs/lpelgrave-icon.png') no-repeat center left;
	}

.navbar-toggle, .navbar-toggle:hover, .navbar-default .navbar-toggle:hover
	{
	border-radius:0;
	background-color:#fff;
	}


.navbar-header
	{
	height:50px;
	background-color: #0d2045;
	}

#footer
	{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	line-height:50px;
	background-color:#545454;
	color:#fff;	
	z-index:1000;
	}

/* Sidebar navigation */
	
.nav > li > a 
	{
	padding-right: 20px;
	padding-left: 20px;
	padding-top:0;
	padding-bottom:0;
	line-height:60px;
	}

.navbar-default .navbar-nav > li > a:hover
	{
	color:#fff;
	background-color:#4270b7	
	}
	
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus 
	{
	color: #fff;
	background-color: #4270b7;
	}


/*
 * Main content
 */

.main  
	{
	padding: 60px 20px;
	margin: 10px 0;
	background-color:#fff;
	}


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

.page-header
	{	
	}

/*
 * Placeholder dashboard ideas
 */

.placeholders 
{
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 
{
  margin-bottom: 0;
}
.placeholder 
{
  margin-bottom: 20px;
}
.placeholder img 
{
  display: inline-block;
  border-radius: 50%;
}



.social
	{
	display:none;
	padding: 20px;
	height:auto;
	min-height:10px;
	background-color:#fff;
	width:auto;
	}


.menu
	{
	padding:20px;	
	}



#logo
	{
	padding-top:20px;
	}

.social-icn
	{
	font-size:1.4em;
	padding:10px;	
	}

.menu-child
	{
	display:none;	
	}

.row.no-gutters 
	{
	margin-right: 0;
	margin-left: 0;
	}

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] 
	{
	padding-right: 0;
	padding-left: 0;
	}

.search-input
	{
	padding:10px;
	height:40px;
	color:#80868e;
	border:none;
	border-radius:0;
	width:100%;
	}

.input-group-addon
	{
	border:none;
	margin-left:-1px;
	background-color:#eceef1	
	}

.form-control
	{
	border-color:#eceef1;	
	}

input.form-control
	{
	height:40px;
	}

textarea.form-control
	{
	height:200px;	
	}

@media (min-width: 768px) {

#page-frame, *[id^=page-frame-]
	{
	margin-top:0px;	
	}

.sidebar 
	{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: block;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	background-color: #0d2045;
	border-right: 1px solid #818b9f;	
	}


#mobile-menu, .mobile-menu
	{
	display:none;	
	}

.main 
	{
	position: relative;
	top: 60px;
	/*float:right;*/
	display: block;
	margin:0 0 60px 0;
	padding: 15px 30px;
	background-color:#fff;
	z-index: 990;
	}

.search
	{
	background-color:#fff;
	line-height:60px;
	top:240px;	
	}

.search-input
	{
	width:calc(100% - 70px);
	height:60px;
	padding:15px;
	}

.social
	{
	position:fixed;
	display:block;
	height:auto;
	z-index: 2000;
	}

#logo
	{
	padding-top:120px;	
	}

.social-icn
	{
	font-size:2.0em;
	padding:10px;	
	}


.menu-parent-lbl
	{
	padding:0 15px;	
	}

.menu-icn
	{
	padding:3px 0 0 8px	
	}


.menu-child
	{
	position:absolute;
	left:100%;
	top:0px;
	border-radius:0;
	width:100%;
	}

.active .flyaway
	{
	color:#fff;
	}

}

.form-control, .input-group-addon, .btn
	{
	border-radius:0;	
	}

textarea
	{
	resize: none;
	}



/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}