97 lines
2.1 KiB
SCSS
97 lines
2.1 KiB
SCSS
|
.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.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.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 {
|
||
|
|
background-color: #FFE6E6 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-tabs > li.uk-active.statistics {
|
||
|
|
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;
|
||
|
|
}
|