html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin: 0 0 135px 0;
    padding-top: 56px;
}
body > .container {
    padding: 0 15px 0;
}

.fixed-width-brand {
    width: 215px;
}

.sidebar {
    width: 235px;
    position: fixed;
    top: 0;
    padding-top: 61px;
    padding-bottom: 135px;
    height: 100%;
}

.sidebar-ul {
    padding-left: 30px;
}

.content-with-sidebar {
    position: fixed;
    top: 56px;
    left: 235px;
    bottom: 130px;
    right: 0;
    padding: 5px 5px 5px 5px;
    overflow: auto;
}

.footer {
    position: fixed;
    padding-top: 20px;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 130px;
    
}
.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.footer p {
    color: rgba(255, 255, 255, 0.55);
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: red;
}

.gallery > ul {         
    padding:0 0 0 0;
    margin:0 0 0 0;
}

.gallery > ul li {     
    list-style:none;
    margin-bottom:25px;           
}

.gallery > ul li img {
    cursor: pointer;
}


.footer_icon {
  height: 50px;
  width: 50px;
}



/* Twitch Section */

.btn-twitch { 
  color: #FFFFFF; 
  background-color: #6441A5; 
  border-color: #2F1F4E; 
} 
 
.btn-twitch:hover, 
.btn-twitch:focus, 
.btn-twitch:active, 
.btn-twitch.active, 
.open .dropdown-toggle.btn-twitch { 
  color: #FFFFFF; 
  background-color: #472e75; 
  border-color: #2F1F4E; 
} 
 
.btn-twitch:active, 
.btn-twitch.active, 
.open .dropdown-toggle.btn-twitch { 
  background-image: none; 
} 
 
.btn-twitch.disabled, 
.btn-twitch[disabled], 
fieldset[disabled] .btn-twitch, 
.btn-twitch.disabled:hover, 
.btn-twitch[disabled]:hover, 
fieldset[disabled] .btn-twitch:hover, 
.btn-twitch.disabled:focus, 
.btn-twitch[disabled]:focus, 
fieldset[disabled] .btn-twitch:focus, 
.btn-twitch.disabled:active, 
.btn-twitch[disabled]:active, 
fieldset[disabled] .btn-twitch:active, 
.btn-twitch.disabled.active, 
.btn-twitch[disabled].active, 
fieldset[disabled] .btn-twitch.active { 
  background-color: #6441A5; 
  border-color: #2F1F4E; 
} 
 
.btn-twitch .badge { 
  color: #6441A5; 
  background-color: #FFFFFF; 
}