/*=============================================================*/
/*       
     _____                           _         _     _      
    |  __ \                         | |       | |   | |     
    | |__) |___ _ __ ___   __ _ _ __| | ____ _| |__ | | ___ 
    |  _  // _ \ '_ ` _ \ / _` | '__| |/ / _` | '_ \| |/ _ \
    | | \ \  __/ | | | | | (_| | |  |   < (_| | |_) | |  __/
    |_|  \_\___|_| |_| |_|\__,_|_|  |_|\_\__,_|_.__/|_|\___|                                                  
    
    Master CSS 2015
    Copyright © Remarkable
    Author X (Remarkable)
    Date: XX/XX/XXX

*/
.navbar-vertical > li {
  border-left: 4px solid #0b1c2c;
}
.navbar-vertical > li > a {
  background: #0b1c2c;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.navbar-vertical > li:hover {
  border-left: 4px solid #252a6a;
}
.navbar-vertical > li:hover a {
  background: #13314d;
  color: #fff;
}
.navbar-vertical > li:active {
  border-left: 4px solid #0b1c2c;
}
.navbar-vertical > li:active a {
  background: #102940;
  color: #fff;
}
.navbar-vertical > li.active {
  border-left: 4px solid #252a6a;
}
.navbar-vertical > li.active > a {
  background: #d9d9d9;
  color: #0b1c2c;
}
@media (max-width: 767px) {
  /* Hacky hackedy hack */
}
@media (min-width: 768px) {
  .navbar-vertical > li > a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .navbar-vertical > li > a {
    font-size: 16px;
    padding: 12px 15px;
  }
}
@media (min-width: 1200px) {
  .navbar-vertical > li > a {
    font-size: 18px;
    padding: 15px 15px;
  }
}
@media (min-width: 1600px) {
  .navbar-vertical > li > a {
    font-size: 20px;
  }
}