ul.nav-tabs { margin: 0 0 30px 0; padding: 0; list-style: none; display: flex;  justify-content: flex-start;}
ul.nav-tabs > li{ font-family: NeueHaasGroteskTextPro-55Roman, sans-serif; font-size:16px !important;white-space: nowrap; cursor: pointer; position: relative; padding: 10px 20px; color:#727B85;display: flex; align-items: center;justify-content: center; }
.nav-tabs > li + li { margin-left: 15px;}
.nav-tabs li.addtab { width:100px; }
.nav-tabs li.current {background-color:#0D2D73;color:#fff !important;border-radius: 40px; }
.nav-tabs li.current: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; background-color: transparent; }
.tab-content .element-bar { display: none !important; }
.tab-content .element-bar.showit { display: block !important; }
ul.sub-tabs {position: absolute; opacity: 0; pointer-events: none; transition: all 0.25s ease-in-out; padding: 15px 30px; margin: 0px; list-style: none; background-color: #ffffff; z-index: 1; min-width: 235px; left: 0px; top: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);}
ul.sub-tabs:hover{ background-color:#fff;color:#0D2D73; }
ul.sub-tabs > li {text-align: left; padding: 4px 0px; }
ul.sub-tabs > li.current {background-color: white; color:#0D2D73 !important;}

.nav-tabs > li.has-sub::before { content: '\f107'; color: #484C4F; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; right: 0px; top: 12px; font-size: 16px; }

.nav-tabs > li.has-sub:hover ul.sub-tabs {opacity: 1; pointer-events: all;}
.nav-tabs > li.has-sub:hover ul.sub-tabs > li {color:#484C4F;}
.nav-tabs > li.has-sub ul.sub-tabs > li:hover {color: #0D2D73;}

/* DESIGN RELATED */
.nav-tabs {position: relative;}
/*.nav-tabs:after {content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #afb2ba; z-index: 1; }*/
/*.nav-tabs li a { color: #FFF; }*/
.tab-content { padding: 0px;}
.tabs .mobile-tabs { margin-bottom: 20px; padding-top: 7px; }
.tabs select {font-family: NeueHaasGroteskTextPro-55Roman, sans-serif;font-size: 16px; color: #484C4F; padding: 12px 17px;  width: 100%; min-width: 260px; border: 1px solid #C8C8C9; border-radius: 8px; box-sizing: border-box;}
.tabs .select-wrapper {display: inline-block; position: relative; width:100%; background-color: #ffffff; border-radius: 8px;}
.tabs .select-wrapper::after {content: '\f078'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; position: absolute; right: 21px; top: 25px; line-height: 0;pointer-events: none; color: #449CE4; font-weight: 600; font-size: 16px;}
body.is-android .tabs .select-wrapper::after {top: 14px;}
body.is-android .tabs .select-wrapper select {padding:  14px 17px 11px;}


/* DELAYED CHART FADE IN */
/*.highStock {max-width: 100% !important; opacity: 1;}*/
/*.tab-content.active .highStock {animation: fade-in 2000ms;  animation-fill-mode: forwards;}*/
@media screen and (max-width: 1200px) {
  ul.nav-tabs > li{padding:10px;}
  .nav-tabs > li.has-sub::before{right:-4px;}
}
@media screen and (max-width: 1024px) {
  .tabs .mobile-tabs, .tabs select { display: block; width:100%;}
  ul.nav-tabs { display: none; }
}
@media (max-width: 550px) {
  .nav-tabs li:hover,
  .nav-tabs li.current {color: #0D2D73;}
}

@-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; }
}