/*.nav-tabs_AM { border-bottom: 1px solid #484747 !important; }*/

.nav-tabs_AM > li > a.active,
.nav-tabs .nav-tabs_AM > li > a.active :focus,
.nav-tabs_AM > li > a.active :hover {
    border-width: 0 !important;
}

.nav-tabs_AM > li {
    margin-right: 15px !important;
    font-size: .9em !important;
    font-weight: 600 !important;
}

.nav-tabs_AM > li > a {
    border: none !important;
    color: graytext;
    background: transparent !important;
}

    .nav-tabs_AM > li > a.active,
    .nav-tabs_AM > li.active > a,
    .nav-tabs_AM > li > a:hover {
        border: none !important;
        color: #000 !important;
        /*font-weight: bold;*/
        background: transparent !important;
    }

    .nav-tabs_AM > li > a::after {
        content: "";
        background: #4285F4;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -5px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav-tabs_AM > li > a.active::after,
    .nav-tabs_AM > li.active > a::after,
    .nav-tabs_AM > li:hover > a::after {
        transform: scale(1)
    }














.navigation-bar, .navigation-bar .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .icon .fas, .navbox-tiles .tile .title {
    -webkit-transition: all .3s;
    transition: all .3s;
}

.navbox-tiles:after {
    content: '';
    display: table;
    clear: both;
}

/*
.navigation-bar {
    height: 50px;
    position: relative;
    z-index: 1000;
}
*/
    .navigation-bar .bar {
        background-color: #252525;
       /*width: 100%;*/ 
        height: 100%;
        position: absolute;
        z-index: 2;
    }

    .navigation-bar .navbox {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .navigation-bar .navbox-tiles {
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
    }

    .navigation-bar.navbox-open .navbox-trigger {
        background-color: #484747;
    }

    .navigation-bar.navbox-open .navbox {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
    }

    .navigation-bar.navbox-open .navbox-tiles {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.navbox-trigger {
    background-color: transparent;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .navbox-trigger .fa {
        font-size: 20px;
        color: #fff;
    }

    .navbox-trigger:hover {
        background-color: #484747;
    }

.navbox {
    background-color: #7c7b7b;
    width: 100%;
    max-width: 430px;
    -webkit-backface-visibility: initial;
    backface-visibility: initial;
}

.navbox-tiles {
    width: 100%;
    padding: 25px;
}

    .navbox-tiles .tile {
        display: block;
        background-color: #021533;
        width: 30.3030303030303%;
        height: 0;
        padding-bottom: 29%;
        float: left;
        border: 2px solid transparent;
        color: #fff;
        position: relative;
    }

        .navbox-tiles .tile .icon {
            width: 100%;
            height: 100%;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 45px;
        }

            .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .icon .fas {
                font-size: 45px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                -webkit-backface-visibility: initial;
                backface-visibility: initial;
            }

        .navbox-tiles .tile .title {
            padding: 5px;
            font-size: 12px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .navbox-tiles .tile:hover {
            border-color: #fff;
            text-decoration: none;
        }

    .navbox-tiles .tile100 {
        display: block;
        background-color: #484747;
        width: 100%;
        /*height: 0;*/
        /*padding-bottom: 29%;*/
        float: left;
        border: 2px solid transparent;
        color: #fff !important;
        position: relative;
        border-top: 3px solid #3498db;
    }

#nav-tabs_menu {
    border-bottom: 1px solid #484747 !important;
}

    #nav-tabs_menu > li > a.active, .nav-tabs #nav-tabs_menu > li > a.active :focus, #nav-tabs_menu > li > a.active :hover {
        border-width: 0;
    }

    #nav-tabs_menu > li > a {
        border: none;
        color: #fff;
        background: #484747 !important;
    }

        #nav-tabs_menu > li > a.active, #nav-tabs_menu > li > a:hover {
            border: none;
            color: #fff !important;
            font-weight: bolder;
            background: #484747 !important;
        }

        #nav-tabs_menu > li > a::after {
            content: "";
            background: #4285F4;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

        #nav-tabs_menu > li > a.active::after, #nav-tabs_menu > li:hover > a::after {
            transform: scale(1);
        }

        #nav-tabs_menu > li, #nav-tabs_menu > li > a::after {
            background: #3498db none repeat scroll 0% 0% !important;
            color: #fff;
        }

#tab-content_menu {
    border: none !important
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    padding: 1px
}

.navbox-tiles .tile:not(:nth-child(3n+3)) {
    margin-right: 4.54545454545455%;
}

.navbox-tiles .tile:nth-child(n+4) {
    margin-top: 15px;
}

@media screen and (max-width: 370px) {
    .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .icon .fas {
        font-size: 25px;
    }

    .navbox-tiles .tile .title {
        padding: 3px;
        font-size: 11px;
    }
}