body {
    font-family: Arial,sans-serif;
    overflow-x: hidden;
    background-color: #EAEAEA;
}
nav.navbar {
    // background-color: #00A000 !important;
    .menu-button {
        @include rem-fallback(line-height,70px / 16px);
        cursor: pointer;
        elicon {
            @include rem-fallback(font-size,32px / 16px);
        }
    }
    .navbar-brand {
        @include rem-fallback(font-size,18px / 16px);
        @include rem-fallback(line-height,60px / 16px);
        color: $black;
        &:hover,&:active,&:focus {
            color: $black !important;
        }
    }
    .nav-main {
        .nav-link {
            color: $black !important;
            font-weight: 600;
        }
    }
    .nav-item {
        .nav-link {
            @include rem-fallback(line-height,34px / 16px);
            padding: 1.125rem 1rem;
            &:hover, &:active, &.active {
                background-color: rgba(0,0,0,0.75) !important;
                color: $white !important;
            }
            &:focus {
                outline: 1px dotted !important;
                outline: 5px auto -webkit-focus-ring-color !important;
            }
        }
    }
    .navbar-right {
        .nav-link {
            padding: 1.125rem 0;
            elicon{
                @include rem-fallback(font-size,32px / 16px);
            }
        }
    }
    .elicon {
        @include rem-fallback(font-size,30px / 16px);
        cursor: pointer;
    }
    .dropdown-menu {
        &.nav-search {
            @include rem-fallback(height,70px / 16px);
            .typeahead {
                @include rem-fallback(height,55px / 16px);
                padding: 0 35px;
            }
            .nav-search-icon {
                @include rem-fallback(top,25px / 16px);
            }
            .twitter-typeahead {
                width: 100%;
                .tt-menu {
                    @include rem-fallback(top,70px / 16px);
                }
            }
            @media screen and (min-width:1200px) {
                @include rem-fallback(width,400px / 16px);
                .twitter-typeahead .tt-menu {
                    @include rem-fallback(width,400px / 16px);
                }
            }
            @media screen and (min-width:576px) and (max-width:767px) {
                @include rem-fallback(width,300px / 16px);
                .twitter-typeahead .tt-menu {
                    @include rem-fallback(width,300px / 16px);
                }
            }
        }
    }
    .navbar-collapse {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        visibility: hidden;
        @include rem-fallback(top,70px / 16px);
        ul {
            background: #333 !important;
            .nav-link {
                color: $white !important;
            }
        }
        .submenu {
            >.nav-link {
                &:after {
                    display: none;
                }
            }
        }
        @media screen and (min-width:992px) {
            position: fixed;
            left: 0;
            top: 0;
            margin-left: -250px;
            width: 250px;
            height: 100%;
            box-shadow: none;
            ul.nav.navbar-nav {
                &:first-child {
                    background: $white;
                    &>li>.nav-link {
                        padding-left: 10px;
                    }
                }
                li {
                    width: 100%;
                    .nav-link {
                        color: $input-border-color;
                        border-bottom: 1px solid $gray-lighter;
                        &:hover {
                            background-color: transparent;
                            &:after {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
        ul.nav.nav-masthead {
            box-shadow: none;
            position: relative;
            &.show {
                display: block;
            }
            li .nav-link {
                font-weight: normal;
                padding-left: 20px;
            }
        }
    }
}
nav, .my-learning-main-content, footer {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.activeSideNav {
    nav, .my-learning-main-content, footer {
        margin-left: 250px !important;
        width: 100%;
    }
    nav .navbar-collapse.show {
        margin-left: 0;
        top: 0 !important;
        left: 0 !important;
        visibility: visible;
    }
}
.tooltip > .tooltip-inner {
    background: $lg-blue;
    color: $white;
}
.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
    border-bottom-color: $lg-blue;
}