/* Layout */

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 45px;
}

/* Navbar */

.navbar {
  margin-bottom: 10px;
}

.navbar-brand{
  padding-top: 4px;
}

.navbar-custom {
    background-color: #2C3E50;
    color: #ffffff;

    border-color: #ffffff;
}

.navbar-custom .navbar-brand{
  color: #ffffff;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus{
  color: #e3e3e3;
}

.navbar-custom .navbar-nav > li > a{
  color: #ffffff;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus{
  color: #ffffff;
  background-color: #1a242f;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus{
  color: #e3e3e3;
  background-color: transparent;
}

.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus{
  background-color: #1a242f;
  color: #ffffff;
}

.navbar-custom .navbar-header .icon-bar{
  color: #ffffff;
  border-color: #ffffff;
  background-color: #ffffff;
}

/* Footer */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 45px;
  background-color: #1a242f;
}

.footer-text{
  padding-top: 15px;
  color: #e3e3e3;
}


/* Global Styles */

.media{
  margin-bottom: 15px;
}

.media-body{
  padding-top: 40px;
}

#back2top{
  display: none;
}

.img-responsive {
  margin: 0 auto;
}

.img-thumbnail{
  width: 150px;
  height: 150px;
  overflow: auto;
}

.list-btn-xs{
  width: 200px;
  margin-top: 5px;
}

.side-list{
  margin-top: 5px;
}

.def-btn {
  margin-top: 5px;
}

.def-row {
  margin-bottom: 15px;
}

/* ================================================= */

/* Media Queries */

@media (max-width: 768px){
  .img-modal{
    width: 250px;
    height: 250px;
    overflow: auto;
  }
}

@media (min-width: 768px) {
  .img-modal{
    width: 400px;
    height: 400px;
    overflow: auto;
  }
}