.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; }
.tabs .mobile-tabs { display: none; }
.tabs 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 */
.nav-tabs li { background:#000; color:#FFF; font-weight: 700; font-size: 13px; line-height: 18px; padding: 10px 20px; text-align: center; }
/* .nav-tabs li:hover, .nav-tabs li.current { color:#FFF; }  */
.nav-tabs li:after { content: ""; position: absolute; width: 100%; height: 5px; bottom: 0; left: 0; background-color: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.nav-tabs li a { color: #FFF; }
.tab-content { padding:0; }
.tabs .mobile-tabs { margin-bottom: 7px; padding-top: 7px; }
.tabs select { font-weight:700; font-size: 16px; /*border:none; */ background: url("../img/tab_select.png") no-repeat; background-position: calc(100% - 10px) center; padding: 7px 10px;  width: 100%; max-width:300px; }


@media screen and (max-width: 768px) {
	.tabs .mobile-tabs, .tabs select { display: block; }
	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; }
}