.main-tabs .tab-header { font-size: 12px; text-transform: uppercase; transition: color .1s ease-in-out; line-height: 20px; user-select: none; } .main-tabs > li { background-color: #F2F2F2; border: 1px solid #DEDEDE; z-index: 2; max-width: 150px; } .main-tabs > li.uk-active:not(.fake-tab) { background-color: white !important; border-bottom: 1px solid white; border-top: 3px solid var(--portal-main-color); } .main-tabs > li > a { text-transform: capitalize; text-align: left; color: #7A7A7A; border: none; } .main-tabs > li:not(.uk-active):not(:hover) > a > .number { color: #666666; } .main-tabs > li > a > .number { font-size: 18px; line-height: 1.4; font-family: Heebo; font-weight: 800; } .main-tabs.uk-tab > .uk-active > a, .main-tabs.uk-tab > li:hover:not(.statistics) > a { /*border: none !important;*/ color: var(--portal-main-color) !important; } .main-tabs > li.portalTab > a, .main-tabs > .uk-active.portalTab > a, .main-tabs > li.statistics > a, .main-tabs > .uk-active.statistics > a, .main-tabs > li.statistics svg #statistics-bars, .main-tabs > .uk-active.statistics svg #statistics-bars { fill: #FE4A49 !important; color: #FE4A49 !important; } .main-tabs.uk-tab > li:hover.portalTab:not(.uk-active) > a, .main-tabs.uk-tab > li:hover.statistics:not(.uk-active) > a, .main-tabs.uk-tab > li:hover.statistics:not(.uk-active) svg #statistics-bars { fill: #FF052B !important; color: #FF052B !important; } .main-tabs.uk-tab > .uk-active.statistics > a,.main-tabs.uk-tab > .uk-active.portalTab > a { background-color: #FFE6E6 !important; } .main-tabs > li.uk-active.statistics, .main-tabs > li.uk-active.portalTab { border-top: 3px solid #FE4A49 !important; border-bottom: 1px solid #FFE6E6; } .main-tabs-content { border: 1px solid #DEDEDE; margin-top: -1px; z-index: 1; background-color: white; } .main-tabs-content .content-overflow.uk-overflow-auto { max-height: 700px; } @media (min-width:960px) { .main-tabs-content .right-column { border-left: 1px solid #DEDEDE; } } .main-tabs-content .tab-header { font-size: 20px; text-transform: capitalize; color: #707070; } .white-box-with-border { border: 1px solid #DEDEDE; background-color: white; } .white-box-with-border.uk-grid > div:not(.uk-first-column) { border-left: 1px solid #DEDEDE; }