/*
 * Row with equal height columns
 * --------------------------------------------------
 */
@media (min-width: 50em) {
  .row-eq-height {
    display: block; } }

@media (min-width: 64em) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

/*
 * Styles copied from the Grid example to make grid rows & columns visible.
 */
.container {
  padding-right: 15px;
  padding-left: 15px; }

h4 {
  margin-top: 25px; }

.row {
  margin-bottom: 20px; }

.row .row {
  margin-top: 10px;
  margin-bottom: 0; }

[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px; }

/*
 * Callout styles copied from Bootstrap's main docs.
 */
/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border-left: 3px solid #eee; }

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px; }

.bs-callout p:last-child {
  margin-bottom: 0; }

.bs-callout code {
  background-color: #fff;
  border-radius: 3px; }

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #d9534f; }

.bs-callout-danger h4 {
  color: #d9534f; }

.bs-callout-warning {
  background-color: #fcf8f2;
  border-color: #f0ad4e; }

.bs-callout-warning h4 {
  color: #f0ad4e; }

.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #5bc0de; }

.bs-callout-info h4 {
  color: #5bc0de; }

#sidebar {
  min-height: 100vh;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: -280px;
  min-width: 280px;
  max-width: 280px; }

#sidebar.active {
  margin-left: 0px; }

#sidebarClose {
  display: none; }

@media (max-width: 37.5em) {
  #fluid-footer.sidemenu-active {
    display: none; } }

@media (max-width: 37.5em) {
  #navbar-fixed-bottom {
    display: block; } }

@media (min-height: 14.9em) and (max-width: 45.5em) and (orientation: landscape) {
  #navbar-fixed-bottom {
    display: block; } }

@media (min-width: 50em) {
  #navbar-fixed-bottom {
    display: block; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #navbar-fixed-bottom {
    display: block; } }

@media (min-width: 50em) {
  #navbar-fixed-bottom.slide-left {
    left: 280px; } }

@media (min-height: 14.9em) and (max-width: 45.5em) and (orientation: landscape) {
  #navbar-fixed-bottom.slide-left {
    margin-left: 280px;
    display: none; } }

@media (max-width: 37.5em) {
  #navbar-fixed-bottom.slide-left {
    left: 280px; } }

@media (max-width: 37.5em) {
  #sidebar {
    margin-left: -280px; }
  #sidebar.active {
    margin-left: 0; } }
