Project

General

Profile

1
.main-tabs .tab-header {
2
  font-size: 12px;
3
  text-transform: uppercase;
4
  transition: color .1s ease-in-out;
5
  line-height: 20px;
6
  user-select: none;
7
}
8

    
9
.main-tabs > li {
10
  background-color: #F2F2F2;
11
  border: 1px solid #DEDEDE;
12
  z-index: 2;
13
  max-width: 150px;
14
}
15

    
16
.main-tabs > li.uk-active:not(.fake-tab) {
17
  background-color: white !important;
18
  border-bottom: 1px solid white;
19
  border-top: 3px solid var(--portal-main-color);
20
}
21

    
22
.main-tabs > li > a {
23
  text-transform: capitalize;
24
  text-align: left;
25
  color: #7A7A7A;
26
  border: none;
27
}
28

    
29
.main-tabs > li:not(.uk-active):not(:hover) > a > .number {
30
  color: #666666;
31
}
32

    
33
.main-tabs > li > a > .number {
34
  font-size: 18px;
35
  line-height: 1.4;
36
  font-family: Heebo;
37
  font-weight: 800;
38
}
39

    
40
.main-tabs.uk-tab > .uk-active > a, .main-tabs.uk-tab > li:hover:not(.statistics) > a {
41
  /*border: none !important;*/
42
  color: var(--portal-main-color) !important;
43
}
44

    
45
.main-tabs > li.statistics > a, .main-tabs > .uk-active.statistics > a,
46
.main-tabs > li.statistics svg #statistics-bars, .main-tabs > .uk-active.statistics svg #statistics-bars {
47
  fill: #FE4A49 !important;
48
  color: #FE4A49 !important;
49
}
50

    
51
.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) > a,
52
.main-tabs.uk-tab > li:hover.statistics:not(.uk-active) svg #statistics-bars {
53
  fill: #FF052B !important;
54
  color: #FF052B !important;
55
}
56

    
57
.main-tabs.uk-tab > .uk-active.statistics > a {
58
  background-color: #FFE6E6 !important;
59
}
60

    
61
.main-tabs > li.uk-active.statistics {
62
  border-top: 3px solid #FE4A49 !important;
63
  border-bottom: 1px solid #FFE6E6;
64
}
65

    
66
.main-tabs-content {
67
  border: 1px solid #DEDEDE;
68
  margin-top: -1px;
69
  z-index: 1;
70
  background-color: white;
71
}
72

    
73
.main-tabs-content .content-overflow.uk-overflow-auto {
74
  max-height: 700px;
75
}
76

    
77
@media (min-width:960px) {
78
  .main-tabs-content .right-column {
79
    border-left: 1px solid #DEDEDE;
80
  }
81
}
82

    
83
.main-tabs-content .tab-header {
84
  font-size: 20px;
85
  text-transform: capitalize;
86
  color: #707070;
87
}
88

    
89
.white-box-with-border {
90
  border: 1px solid #DEDEDE;
91
  background-color: white;
92
}
93

    
94
.white-box-with-border.uk-grid > div:not(.uk-first-column) {
95
  border-left: 1px solid #DEDEDE;
96
}
(11-11/12)