.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default{
  background: #323232;
}

.navbar-default .navbar-nav>.active> a,
.navbar-default .navbar-nav>.active> a:focus,
.navbar-default .navbar-nav>.active> a:hover {
  color: #219FE9;
  background: #323232;
}

.navbar-default .navbar-nav>li> a:hover {
  color: #CFD2D5;
}

.navbar-brand-name {
  width: auto;
  height: 100%;
  display: inline-block;
  float: left;

}

.navbar-brand-name > img {
  width: auto;
  height: 100%;
}

.navbar-brand-name > img {
  display: inline-block;
  float: left;
  padding: 0 15px 0 0;
}

.nav-tabs>li.active>a {
  color: #219FE9;
}

.nav-tabs>li>a {
  color: #B6B6B6;
}

.nav-tabs {
  padding-bottom: .3em;
}

/* .navbar-default .navbar-nav>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.navbar-default .navbar-nav>li>a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} */

/* .navbar-default .navbar-nav>.active>a {
  border-bottom: 1.5px solid #219FE9;
} */

/* .navbar-default .navbar-nav>li>a:before,
.navbar-default .navbar-nav>li>a:after
{
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #219FE9;
}
.navbar-default .navbar-nav>li>a:before {
  opacity: 0;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.navbar-default .navbar-nav>li>a:after {
  opacity: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>li>a:focus:before,
.navbar-default .navbar-nav>li>a:focus:after {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>li>a:focus:before {
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.navbar-default .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>li>a:focus:after {
  transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
} */


.stroke li a,
{
  position: relative;
}

.stroke li:not(.active) a:after
{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #219FE9;
  height: 1px;
}

.stroke li.active a {
  border-bottom: 1px solid #219FE9;
}

.stroke li a:hover:after {
  width: 100%;
}

.inventory_tab {
  margin-bottom: .3em;
}