body {
  padding-top: 10px;
  //background-color: #f5f5f5;
}

/*
 * off canvas
 * --------------------------------------------
*/

@media screen and (max-width: 768px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.row-offcanvas-left
	  .sidebar-offcanvas {
		left: -40%;
	}
	.row-offcanvas-left.active {
		left: 40%;
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 40%;
		margin-left: 10px;
	}
}


/* sidebar navigation */
.nav-sidebar-bgcolor {
  //background-color: #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

.nav-sidebar {
  //background-color: #f5f5f5;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-left: -15px;
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}

.nav-sidebar > .active > a {
  //color: #fff;
  //background-color: #428bca;
}

.main {
  padding: 10px;
  background-color: #fff;
}

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}

.bd-example {
    position: relative;
    padding: 1rem;
    //margin: 1rem -15px 0;
    border: solid #f8f9fa;
    //border-width: .2rem 0 0;
}
 
.bd-callout-warning {
    border-left-color: #f0ad4e;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.highlight {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #f8f9fa;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
/* end CSS */