/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
}

#page-footer
{
    position: static!important;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}



@media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) 
{
    #sidebar-wrapper 
    {
        z-index:1030!important;
        position:fixed!important;
        top:0!important;
        height:100%!important;
    }
}

/* ----------- One Plus Nord ----------- */
@media only screen and (min-width: 412px) and (max-width: 767px) 
{
    #sidebar-wrapper 
    {
        z-index:1030!important;
        position:fixed!important;
        top:0!important;
        height:100%!important;
    }
}



#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #0f94cb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
	width: 250px;
	padding:0px 5px;
}

#page-content-wrapper {
  width: 100%;
 /* position: absolute;*/
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  /*position: absolute;*/
  margin-right: -250px;
}



/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  /*top: 0;*/
  width: 340px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  line-height:1.5rem;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding:0px 5px;
  line-height:2rem;
}

.sidebar-nav li a:hover
{
	background:#0b6c94;
	
}

.group-header
{
	font-weight:bold;
	color:#ffffff;
	padding-bottom:2px;
	border-bottom:1px solid #ffffff;
	font-size:1.5rem;
}

@media(min-width:768px) {
  #wrapper {
    padding-left: 0;
  }
  
  #wrapper.toggled {
    padding-left: 350px;
  }
  
  #sidebar-wrapper {
    width: 0;
  }
  
  #wrapper.toggled #sidebar-wrapper {
    width: 350px;
  }
  
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
  

  
}


@media screen and (max-width:767px)
{
	#sidebar-wrapper
	{
		font-size:0.875rem;
		
	}
	
	 .sidebar-nav
	{
  		width:240px;
	}
	
	#wrapper #page-content-wrapper
	{
		left:0;
	}
	
	#wrapper.toggled #page-content-wrapper
	{
		left:auto;
	
	}


	#wrapper.toggled #sidebar-wrapper {
		padding:0px 2px;
	}	
	
	.group-header 
	{
		font-size:1rem;
	}
}

.sidebar-nav ul
{
	list-style:none;
	padding:0px;
}

.sidebar-nav 
{
	text-align:center;
}

.sidebar-nav li
{
	text-align:left;
	font-weight:normal;
}