﻿.dropdown-menu > li > a:hover {
    background: #333F48;
    color: #FFF;
}

.navbar-nav > li > a {
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

i.glyphicon-flag {
    color: red;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:hover > i.glyphicon,
.navbar-nav > li.active > a:hover {
    background: #0096D6;
    color: #FFF;
}

.navbar-nav > li.active > a {
    border-top: 3px solid #0096D6;
    padding-top: 12px;
    color: #0096D6;
}

@media (max-width: 767px) {
    .navbar-nav > li.active > a {
        color: #0096D6;
        border-top: none;
        border-left: 3px solid #0096D6;
    }
}