1// NOTIFICATION & ALERT
2$red: #e45959;
3$light-red: #503434;
4$lighter-red: #473232;
5
6$dark-yellow: #e99003;
7$yellow: #a78820;
8$light-yellow: #2f280a;
9$lighter-yellow: #2f280a;
10
11$green: #59db8f;
12$light-green: #344e3f;
13$lighter-green: #32453a;
14
15$blue: #429ae3;
16
17// MAIN
18$main-nav-bg-color: #2b2b2b;
19$main-subnav-bg-color: #454545;
20$main-subnav-bg-selected-color: #2e2e2e;
21$main-color: #2d3135;
22$font-color: #f2f2f2;
23$font-selected-color: #f2f2f2;
24$font-alt-color: #737373;
25$body-bg-color: #0e1012;
26
27
28// UI
29$ui-bg-color: #2b2b2b;
30$ui-bg-selected-color: #4f4f4f;
31$ui-hover-color: #383838;
32$ui-border-color: #303030;
33
34$action-hover-color: #454545;
35$action-border-color: #383838;
36$action-shadow-color: rgba(#000, 0.5);
37
38$table-border-color: #383838;
39
40$ui-tab-bg-selected-color: #69808d;
41
42
43// FORMS
44$form-font-color: #e1e3ed;
45$form-bg-color: #383838;
46$form-border-color: #4f4f4f;
47$form-border-focus-color: #768d99;
48
49$form-disabled-font-color: #525252;
50$form-disabled-bg-color: #2b2b2b;
51$form-disabled-border-color: #3d3d3d;
52
53$scrollbar-track-color: #1f1f1f;
54$scrollbar-thumb-color: #383838;
55
56
57// BUTTONS
58$btn-font-color: #f2f2f2;
59$btn-bg-color: #69808d;
60$btn-border-color: #768d99;
61
62$btn-alt-font-color: #768d99;
63$btn-alt-bg-color: transparent;
64$btn-alt-border-color: $btn-border-color;
65
66$btn-form-font-color: #f2f2f2;
67$btn-form-bg-color: $form-bg-color;
68$btn-form-hover-color: #414141;
69$btn-form-border-color: $form-border-color;
70
71$btn-disabled-font-color: #525252;
72$btn-disabled-bg-color: transparent;
73$btn-disabled-border-color: #3d3d3d;
74
75
76// LINKS
77$link-color: #4796c4;
78$link-hover-color: #4796c4;
79$link-active-color: #4796c4;
80$link-visited-color: #4796c4;
81
82$link-main-nav-color: rgba(#fff, 0.8);
83$link-main-nav-hover-color: rgba(#fff, 1);
84$link-main-nav-active-color: rgba(#fff, 1);
85$link-main-nav-visited-color: rgba(#fff, 0.8);
86
87$link-main-subnav-color: rgba(#fff, 0.8);
88$link-main-subnav-hover-color: rgba(#fff, 1);
89$link-main-subnav-active-color: rgba(#fff, 1);
90$link-main-subnav-visited-color: rgba(#fff, 0.8);
91
92// ANALOG CLOCK
93$clock-face-color: #383838;
94$clock-hand-color: #f2f2f2;
95$clock-hand-sec-color: #69808d;
96$clock-lines-color: #4f4f4f;
97
98.top-nav-help {
99	background: url(../img/icon-sprite.svg) no-repeat -84px -32px !important;
100}
101.top-nav-profile {
102	background: url(../img/icon-sprite.svg) no-repeat -84px -104px !important;
103}
104.top-nav-signout {
105	background: url(../img/icon-sprite.svg) no-repeat -84px -140px !important;
106}
107.top-nav-zbbshare {
108	background: url(../img/icon-sprite.svg) no-repeat -87px -68px !important;
109}
110.btn-search{
111	background: url(../img/icon-sprite.svg) no-repeat -83px -7px !important;
112}
113
114.list-table {
115
116	thead th {
117		border-bottom: 2px solid lighten($table-border-color, 3%) !important;
118	}
119}
120
121// Important! @import string should come after variables
122@import 'screen.scss';
123