.navbar-custom {
    background-color:#84b6ea; /*#3c95f4;*/
    border-color: #3c95f4;
    /*background-color: #ffffff;*/
}

    .navbar-custom .navbar-brand {
        color: #ecf0f1;
        font-weight: bold;
        background-color: #3681DD;
    }

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

    .navbar-custom .navbar-text {
        color: #ecf0f1;
        /*color: #3681DD;*/
    }

    .navbar-custom .navbar-nav > li > a {
        color: #ecf0f1;
        font-weight: bold;
        /*color: #3681DD;*/
    }

        .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
            color: #45616f;
        }

    .navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
        color: #45616f;
        background-color: #84b6ea;
    }

    .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
        color: #45616f;
        background-color: #84b6ea;
    }

    .navbar-custom .navbar-toggle {
        border-color: #84b6ea;
    }

        .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
            background-color: #84b6ea;
        }

        .navbar-custom .navbar-toggle .icon-bar {
            background-color: #ecf0f1;
        }

    .navbar-custom .navbar-collapse,
    .navbar-custom .navbar-form {
        border-color: #ecf0f1;
    }

    .navbar-custom .navbar-link {
        color: #ecf0f1;
    }

        .navbar-custom .navbar-link:hover {
            color: #45616f;
        }

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }

        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #45616f;
        }

    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #45616f;
        background-color: #84b6ea;
    }
}

.navbar-custom li:after {
    border: 2px solid #84b6ea;
    color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.navbar-custom li:hover:after {
    border: 2px solid #3D7DC0;
    color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.navbar-custom li a:hover {
    background-color: transparent !important;
}


.navbar-custom li.active:after {
    border: 2px solid #ecf0f1;
    color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}


 .noUndeline:hover, .noUndeline:focus {
        color: #ffffff !important;
        text-decoration: none !important;
    }