.nav-tabs { margin: 0px; padding: 0; list-style: none; display: flex; background-repeat: repeat-y; }
.nav-tabs li { cursor: pointer; position: relative; display: block; width:100%; }
.nav-tabs li.addtab { width:100px; }
.nav-tabs li.current:after, .nav-tabs li:hover::after { opacity: 1; }
.tab-content { display: none; }
.tab-content.active { display: block; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fade-in; -moz-animation-name: fade-in; animation-name: fade-in; }
.navTabs .mobile-tabs { display: none; }
.navTabs select { display: none; cursor: pointer; margin: 0; outline: none; }
.tab-content .element-bar { display: none !important; }
.tab-content .element-bar.showit { display: block !important; } 

/* DESIGN RELATED */


@media screen and (max-width: 768px) {
	.navTabs .mobile-tabs, .navTabs select { display: block; }
	ul.nav-tabs { display: none; }
}
.navTabs.only-select .mobile-tabs, .navTabs.only-select select { display: block; }
.navTabs.only-select ul.nav-tabs { display: none; }

@-webkit-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in {
    0% { opacity: 0; }
  100% { opacity: 1; }
}

/* ---|CUSTOM CHANGES|--- */
.nav-tabs li {font-size: initial; line-height: initial;}
.nav-tabs li::before {display: none;}
div.mobile-tabs {position: relative;}
div.mobile-tabs select {background-image: none; background-color: #ffffff; max-width: 100%; color:#0033a0; padding: 14px 10px 10px 10px; margin-bottom: 15px;}
div.mobile-tabs::after {content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #0033a0; position: absolute; 
	right: 11px; top: 26px; pointer-events: none;}
