.nav-tabs{
    position:relative;
}

.nav-tabs > li{
    padding-left:0;
    padding-right:0;
}

.nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus{
    border-color:#dcdee0;
    color:var(--color-blue-gray-dark);
    background-color:#dcdee0;
}

.nav-tabs > li > a{
    display:block;
    border-radius:0;
    padding:13px 17px;
    margin-right:0;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:500;
    letter-spacing:0.06em;
    color:var(--color-blue-gray-light);
    font-size:10.5px;
    min-width:70px;
    text-transform:uppercase;
    border-color:transparent;
    position:relative;
    line-height:1.7em;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
    background:transparent;
    border-color:transparent;
    color:var(--color-blue-gray-dark);
}

.nav-tabs > li > a .tab-icon{
    margin-right:6px;
}

.nav-tabs > li > a.active{
    color:var(--color-blue-dark);
}

.nav-tabs ~ .tab-content{
    overflow:hidden;
    padding:15px;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left, .nav-tabs ~ .tab-content > .tab-pane.slide-right{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding, .nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding{
    opacity:0 !important;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.active, .nav-tabs ~ .tab-content > .tab-pane.slide-right.active{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
    opacity:1;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding{
    -webkit-transform:translate3d(10%, 0, 0);
    transform:translate3d(10%, 0, 0);
    -ms-transform:translate(10%, 0);
}

.nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding{
    -webkit-transform:translate3d(-10%, 0, 0);
    transform:translate3d(-10%, 0, 0);
    -ms-transform:translate(-10%, 0);
}

.nav-tabs.nav-tabs-left, .nav-tabs.nav-tabs-right{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
}

.nav-tabs.nav-tabs-left:after, .nav-tabs.nav-tabs-right:after{
    border-bottom:0;
}

.nav-tabs.nav-tabs-left > li, .nav-tabs.nav-tabs-right > li{
    float:none;
}

.nav-tabs.nav-tabs-left{
    float:left;
    padding-right:0;
}

.nav-tabs.nav-tabs-left ~ .tab-content{
    border-left:1px solid rgba(0, 0, 0, 0.1);
    -ms-flex:1;
    -ms-flex-negative:0;
}

.nav-tabs.nav-tabs-right{
    float:right;
    padding-right:0;
}

.nav-tabs.nav-tabs-right ~ .tab-content{
    border-right:1px solid rgba(0, 0, 0, 0.1);
    -ms-flex:1;
    -ms-flex-negative:0;
}

.nav-tabs-simple{
    border-bottom:0;
}

.nav-tabs-simple:after{
    content:"";
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    width:100%;
    position:absolute;
    bottom:-2px;
    z-index:120;
    left:0;
}

.nav-tabs-simple > li{
    margin-bottom:0;
}

.nav-tabs-simple > li > a:after{
    position:absolute;
    -webkit-transition:all 0.1s linear 0s;
    transition:all 0.1s linear 0s;
    -webkit-backface-visibility:hidden;
    width:100%;
    display:block;
    background-color:var(--color-danger-bg);
    height:0;
    content:"";
    left:0;
    z-index:125;
    top:100%;
}

.nav-tabs-simple > li > a:after.nav-tabs-primary{
    background-color:var(--color-bg-primary);
}

.nav-tabs-simple > li > a:after.nav-tabs-success{
    background-color:var(--color-success-dark);
}

.nav-tabs-simple > li > a:after.nav-tabs-complete{
    background-color:var(--color-success-dark);
}

.nav-tabs-simple > li > a:after.nav-tabs-danger{
    background-color:var(--color-danger-bg);
}

.nav-tabs-simple > li > a:after.nav-tabs-warning{
    background-color:var(--color-bg-warning);
}

.nav-tabs-simple > li > a:after.nav-tabs-info{
    background-color:var(--color-info-bg);
}

.nav-tabs-simple > li > a.active:hover, .nav-tabs-simple > li > a.active:focus{
    background-color:transparent;
    border-color:transparent;
}

.nav-tabs-simple > li > a.active:after, .nav-tabs-simple > li > a:hover:after{
    height:3px;
}

.nav-tabs-simple.nav-tabs-left:after, .nav-tabs-simple.nav-tabs-right:after{
    border-bottom:0;
}

.nav-tabs-simple.nav-tabs-left > li > a:after, .nav-tabs-simple.nav-tabs-right > li > a:after{
    width:0;
    height:100%;
    top:0;
    bottom:0;
    position:absolute;
}

.nav-tabs-simple.nav-tabs-left > li > a.active:after, .nav-tabs-simple.nav-tabs-left > li > a:hover:after, .nav-tabs-simple.nav-tabs-right > li > a.active:after, .nav-tabs-simple.nav-tabs-right > li > a:hover:after{
    width:3px;
}

.nav-tabs-simple.nav-tabs-left > li > a:after{
    right:0;
    left:auto;
}

.nav-tabs-simple.nav-tabs-right > li > a:after{
    left:0;
}

.nav-tabs-linetriangle{
    border-bottom:0;
}

.nav-tabs-linetriangle:after{
    content:"";
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    width:100%;
    position:absolute;
    bottom:-1px;
    z-index:100;
    left:0;
}

.nav-tabs-linetriangle > li > a.active{
    background:transparent;
    box-shadow:none;
    border-color:transparent;
}

.nav-tabs-linetriangle > li > a.active:hover, .nav-tabs-linetriangle > li > a.active:focus, .nav-tabs-linetriangle > li > a.active:active{
    border-color:transparent;
    background-color:transparent;
}

.nav-tabs-linetriangle > li > a.active:after, .nav-tabs-linetriangle > li > a.active:before{
    border:medium solid transparent;
    content:"";
    height:0;
    left:50%;
    pointer-events:none;
    position:absolute;
    width:0;
    z-index:120;
    top:98%;
}

.nav-tabs-linetriangle > li > a.active:after{
    border-top-color:#f3f3f4;
    border-width:10px;
    margin-left:-10px;
}

.nav-tabs-linetriangle > li > a.active:before{
    border-top-color:rgba(0, 0, 0, 0.2);
    border-width:11px;
    margin-left:-11px;
}

.nav-tabs-linetriangle > li > a span{
    font-size:1em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.nav-tabs-linetriangle > li > a:hover, .nav-tabs-linetriangle > li > a:focus{
    overflow:visible;
    -webkit-transition:color 0.2s ease 0s;
    transition:color 0.2s ease 0s;
}

.nav-tabs-linetriangle ~ .tab-content{
    background:var(--color-white-100);
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs:after{
    border-bottom:none;
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:before{
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    border-left:11px solid rgba(0, 0, 0, 0.2);
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:after{
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #f3f3f4;
    margin-top:1px;
    margin-right:2px;
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:after, .nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:before{
    top:auto;
    right:-22px;
    left:auto;
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs:after{
    border-bottom:none;
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:before{
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    border-right:11px solid rgba(0, 0, 0, 0.2);
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:after{
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid #f3f3f4;
    margin-top:1px;
    margin-left:-9px;
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:after, .nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:before{
    top:auto;
    left:-11px;
    right:auto;
}

@media screen and (max-width:58em){
    .nav-tabs-linetriangle{
        font-size:0.6em;
    }
}

.nav-tabs-fillup{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
}

.nav-tabs-fillup > li{
    overflow:hidden;
}

.nav-tabs-fillup > li > a{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:color 0.3s ease 0s;
    transition:color 0.3s ease 0s;
    background:transparent;
}

.nav-tabs-fillup > li > a:after{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    background:none repeat scroll 0 0 var(--color-bg-primary);
    border:1px solid var(--color-bg-primary);
    content:"";
    height:calc(100% + 1px);
    left:0;
    position:absolute;
    top:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    -webkit-transition:-webkit-transform 0.3s ease 0s;
    transition:transform 0.3s ease 0s;
    width:100%;
    z-index:-1;
}

.nav-tabs-fillup > li > a:after.nav-tabs-primary{
    background:none repeat scroll 0 0 var(--color-bg-primary);
    border:1px solid var(--color-bg-primary);
}

.nav-tabs-fillup > li > a:after.nav-tabs-success{
    background:none repeat scroll 0 0 var(--color-success-dark);
    border:1px solid var(--color-success-dark);
}

.nav-tabs-fillup > li > a:after.nav-tabs-complete{
    background:none repeat scroll 0 0 var(--color-success-dark);
    border:1px solid var(--color-success-dark);
}

.nav-tabs-fillup > li > a:after.nav-tabs-warning{
    background:none repeat scroll 0 0 var(--color-bg-warning);
    border:1px solid var(--color-bg-warning);
}

.nav-tabs-fillup > li > a:after.nav-tabs-danger{
    background:none repeat scroll 0 0 var(--color-danger-bg);
    border:1px solid var(--color-danger-bg);
}

.nav-tabs-fillup > li > a:after.nav-tabs-info{
    background:none repeat scroll 0 0 var(--color-info-bg);
    border:1px solid var(--color-info-bg);
}

.nav-tabs-fillup > li > a span{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translate3d(0px, 5px, 0);
    transform:translate3d(0px, 5px, 0);
    -webkit-transition:-webkit-transform 0.5s ease 0s;
    transition:transform 0.5s ease 0s;
    display:block;
    font-weight:700;
    line-height:1.5;
}

.nav-tabs-fillup > li > a.active{
    z-index:100;
    color:var(--color-white-100);
}

.nav-tabs-fillup > li > a.active:hover, .nav-tabs-fillup > li > a.active:focus{
    border-color:transparent;
    background:transparent;
    color:var(--color-white-100);
}

.nav-tabs-fillup > li > a.active:after{
    -webkit-transform:translate3d(0px, 0, 0);
    transform:translate3d(0px, 0, 0);
    -ms-transform:translate(0px, 0);
}

.nav-tabs-fillup > li > a.active span{
    -webkit-transform:translate3d(0px, -5px, 0);
    transform:translate3d(0px, -5px, 0);
    -ms-transform:translate(0px, -5px);
}

.nav-tabs-fillup .icon:before{
    -webkit-transform:translate3d(0px, 5px, 0);
    transform:translate3d(0px, 5px, 0);
    -ms-transform:translate(0px, 5px);
    -webkit-transition:transform 0.5s ease 0s;
    transition:transform 0.5s ease 0s;
    display:block;
    margin:0;
}

.nav-tabs-fillup ~ .tab-content{
    background:var(--color-white-100);
}

.nav-tabs-fillup.nav-tabs-left, .nav-tabs-fillup.nav-tabs-right{
    border-bottom:none;
}

.nav-tabs-fillup.nav-tabs-left:after, .nav-tabs-fillup.nav-tabs-right:after{
    border-bottom:none;
}

.nav-tabs-fillup.nav-tabs-left > li > a:after, .nav-tabs-fillup.nav-tabs-right > li > a:after{
    width:calc(100% + 1px);
    height:100%;
}

.nav-tabs-fillup.nav-tabs-left > li.active a:after, .nav-tabs-fillup.nav-tabs-right > li.active a:after{
    -webkit-transform:translate3d(0px, 0, 0);
    transform:translate3d(0px, 0, 0);
    -ms-transform:translate(0px, 0);
}

.nav-tabs-fillup.nav-tabs-left > li > a:after{
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    -ms-transform:translate(100%, 0);
}

.nav-tabs-fillup.nav-tabs-left > li > a span{
    -webkit-transform:translate3d(5px, 0, 0);
    transform:translate3d(5px, 0, 0);
    -ms-transform:translate(5px, 0);
}

.nav-tabs-fillup.nav-tabs-left > li.active a span{
    -webkit-transform:translate3d(-5px, 0, 0);
    transform:translate3d(-5px, 0, 0);
    -ms-transform:translate(-5px, 0);
}

.nav-tabs-fillup.nav-tabs-left > li.active .icon:before{
    -webkit-transform:translate3d(-5px, 0, 0);
    transform:translate3d(-5px, 0, 0);
    -ms-transform:translate(-5px, 0);
}

.nav-tabs-fillup.nav-tabs-right > li > a:after{
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    -ms-transform:translate(-100%, 0);
    left:-1px;
}

.nav-tabs-fillup.nav-tabs-right > li > a span{
    -webkit-transform:translate3d(-5px, 0, 0);
    transform:translate3d(-5px, 0, 0);
    -ms-transform:translate(-5px, 0);
}

.nav-tabs-fillup.nav-tabs-right > li.active a span{
    -webkit-transform:translate3d(5px, 0, 0);
    transform:translate3d(5px, 0, 0);
    -ms-transform:translate(5px, 0);
}

.nav-tabs-fillup.nav-tabs-right > li.active .icon:before{
    -webkit-transform:translate3d(5px, 0, 0);
    transform:translate3d(5px, 0, 0);
    -ms-transform:translate(5px, 0);
}

.nav-tabs-header{
    overflow:scroll;
    width:100%;
}

.nav-tabs-header .nav-tabs{
    width:auto;
    white-space:nowrap;
}

.nav-tabs-header .nav-tabs > li{
    display:inline-block;
    float:inherit;
}

.nav-tabs-header.nav-tabs-linetriangle{
    height:54px;
    overflow-y:hidden;
}

.nav-tabs-header.nav-tabs-linetriangle:after{
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    width:100%;
    position:relative;
    bottom:3px;
    z-index:120;
    content:"";
    clear:both;
}

.nav-tabs-header.nav-tabs-linetriangle ~ .tab-content{
    position:relative;
    top:-12px;
}

.nav-tabs-header ~ .tab-content{
    overflow:hidden;
    padding:15px;
}

.nav-tab-dropdown .cs-select{
    width:100% !important;
    max-width:100%;
}

.nav-tab-dropdown .cs-select .cs-placeholder{
    height:48px;
    padding:12px 34px 15px 15px;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:500;
    letter-spacing:0.06em;
    font-size:10.5px;
    text-transform:uppercase;
}

.nav-tab-dropdown .cs-select .cs-backdrop{
    border:1px solid transparent;
    border-bottom:1px solid var(--color-blue-dark-14);
}

.nav-pills > li:first-child{
    padding-left:0;
}

.nav-pills > li > a{
    color:var(--color-blue-gray-dark);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    color:var(--color-blue-gray-dark);
    background-color:#dcdee0;
}

@media (max-width:767px){
    .nav.nav-tabs.nav-stack-sm li{
        float:none;
    }

    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:after,
    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:before{
        display:none;
    }
}