﻿#navList {
    z-index: 100;
    top: 120px;
    position: -webkit-sticky;
}

    #navList ul {
        list-style: none;
        overflow: hidden;
        font: 13px arial;
        padding: 0;
        border-radius: 0;
        background-color: white;
        margin-bottom: 0px;
        border-bottom: 0px;
    }

    #navList li {
        height: 100%;
        display: inline-block !important;      
    }

.nav.nav-tabs {
    display: flex;
    background-color: white;
    display: block !important;
    text-align: center;
}

#navList li a {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    font-size: 12px;
    padding-top: 11px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 11px;
    text-align: center;
    border: none;
}



#navList li:not(:last-child) a::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid white;
    position: absolute;
    top: 0;
    margin-left: 2px;
    margin-top: 0px;
    left: 100%;
    z-index: 1;
}


#navList li:not(:first-child) a {
    padding-left: 18px;
}

#navList li a::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid #26A9E1;
    position: absolute;
    top: 0%;
    margin-top: 0px;
    left: 100%;
    z-index: 2;
}

#navList li a.disabled::after {
    border-left-color: #eceeef;
}

#navList li a.active::after {
    border-left-color: #005E91;
}

#navList li a:hover::after {
    border-left-color: #005E91;
}

#navList li a.active:hover::after {
    border-left-color: #005380;
}

#navList li a.disabled:hover::after {
    border-left-color: #eceeef;
}

.disableTab1 #li1, 
.disableTab1 #li3, 
.disableTab1 #li4, 
.disableTab1 #li5, 
.disableTab1 #li6, 
.disableTab1 .es #li1, 
.disableTab1 .es #li3, 
.disableTab1 .es #li4, 
.disableTab1 .es #li5, 
.disableTab1 .es #li6 {
    width: 20%;
}

.disableTab1.disableTab2.disableTab3 #li1,
.disableTab1.disableTab2.disableTab3 .es #li1 {
    width: 34%;
}

.disableTab1.disableTab2.disableTab3 #li5,
.disableTab1.disableTab2.disableTab3 #li6,
.disableTab1.disableTab2.disableTab3 .es #li5,
.disableTab1.disableTab2.disableTab3 .es #li6 {
    width: 33%;
}