1
$black = rgb(0, 0, 0, 1);
2
$white = rgb(255, 255, 255, 1);
3
$gray-base = rgb(34, 34, 34, 1);
4
$gray-darker = rgb(68, 68, 68, 1);
5
$gray-dark = rgb(136, 136, 136, 1);
6
$gray = rgb(187, 187, 187, 1);
7
$gray-light = rgb(230, 230, 230, 1);
8
$gray-lighter = rgb(248, 248, 248, 1);
9
$brand-primary = rgb(0, 150, 204, 1);
10
$brand-success = rgb(0, 169, 79, 1);
11
$brand-warning = rgb(255, 118, 51, 1);
12
$brand-danger = rgb(219, 61, 68, 1);
13
$reds = rgb(194, 35, 39, 1), rgb(205, 54, 58, 1), brand-danger, rgb(225, 80, 84, 1), rgb(229, 102, 105, 1), rgb(230, 119, 124, 1), rgb(233, 139, 143, 1), rgb(243, 192, 195, 1), rgb(248, 220, 221, 1), rgb(253, 232, 233, 1);
14
$blues = rgb(3, 111, 150, 1), rgb(3, 130, 176, 1), brand-primary, rgb(51, 171, 214, 1), rgb(76, 181, 219, 1), rgb(102, 192, 224, 1), rgb(127, 202, 229, 1), rgb(153, 213, 235, 1), rgb(204, 234, 245, 1), rgb(230, 244, 252, 1);
15
$oranges = rgb(235, 80, 4, 1), rgb(252, 102, 29, 1), brand-warning, rgb(253, 136, 78, 1), rgb(254, 153, 103, 1), rgb(255, 173, 133, 1), rgb(255, 186, 153, 1), rgb(255, 200, 173, 1), rgb(255, 228, 214, 1), rgb(255, 237, 227, 1);
16
$yellows = rgb(238, 183, 17, 1), rgb(245, 194, 23, 1), rgb(250, 202, 42, 1), rgb(252, 209, 64, 1), rgb(252, 217, 99, 1), rgb(252, 222, 120, 1), rgb(252, 227, 141, 1), rgb(252, 231, 158, 1), rgb(253, 240, 195, 1), rgb(252, 248, 218, 1);
17
$light-greens = rgb(131, 170, 50, 1), rgb(147, 190, 55, 1), rgb(159, 202, 69, 1), rgb(168, 207, 87, 1), rgb(178, 213, 106, 1), rgb(188, 218, 124, 1), rgb(207, 228, 162, 1), rgb(226, 239, 199, 1), rgb(243, 249, 232, 1), rgb(248, 251, 241, 1);
18
$greens = rgb(2, 116, 55, 1), rgb(2, 141, 67, 1), brand-success, rgb(51, 186, 114, 1), rgb(76, 195, 131, 1), rgb(117, 208, 159, 1), rgb(153, 221, 185, 1), rgb(196, 235, 214, 1), rgb(219, 245, 231, 1), rgb(232, 249, 240, 1);
19
$teals = rgb(8, 142, 120, 1), rgb(9, 167, 140, 1), rgb(10, 191, 161, 1), rgb(9, 218, 183, 1), rgb(58, 225, 197, 1), rgb(107, 233, 212, 1), rgb(137, 236, 222, 1), rgb(179, 244, 233, 1), rgb(206, 248, 241, 1), rgb(226, 250, 246, 1);
20
$cyans = rgb(19, 150, 177, 1), rgb(21, 165, 195, 1), rgb(22, 191, 225, 1), rgb(69, 204, 231, 1), rgb(91, 210, 234, 1), rgb(115, 217, 237, 1), rgb(138, 223, 240, 1), rgb(167, 230, 243, 1), rgb(208, 242, 249, 1), rgb(235, 250, 253, 1);
21
$indigos = rgb(41, 57, 203, 1), rgb(54, 70, 215, 1), rgb(75, 89, 220, 1), rgb(93, 105, 223, 1), rgb(120, 131, 229, 1), rgb(138, 147, 232, 1), rgb(165, 172, 237, 1), rgb(187, 193, 241, 1), rgb(219, 222, 248, 1), rgb(235, 237, 252, 1);
22
$purples = rgb(137, 29, 123, 1), rgb(156, 33, 141, 1), rgb(179, 37, 160, 1), rgb(200, 41, 179, 1), rgb(214, 67, 195, 1), rgb(219, 88, 202, 1), rgb(224, 122, 211, 1), rgb(233, 173, 225, 1), rgb(247, 217, 243, 1), rgb(252, 240, 251, 1);
23
$grays = $gray-base, $gray-darker, rgb(102, 102, 102, 1), rgb(119, 119, 119, 1), $gray-dark, rgb(153, 153, 153, 1), rgb(170, 170, 170, 1), $gray, rgb(204, 204, 204, 1), rgb(221, 221, 221, 1), $gray-light, rgb(238, 238, 238, 1), rgb(244, 244, 244, 1), $gray-lighter;
24
$black_white = black, white;
25
$body-bg = rgb(255, 255, 255, 1);
26
$text-color = $gray-base;
28
$link-hover-color = #4078c0;
29
$link-decoration = inherit;
30
$link-hover-decoration = underline;
32
$hr-border = rgb(221, 221, 221, 1);
33
$font-family-arial = Arial, "Helvetica Neue", Helvetica, sans-serif;
34
$font-family-sans-serif = "Helvetica Neue", Helvetica, Arial, sans-serif;
35
$font-family-serif = Georgia, "Times New Roman", Times, serif;
36
$font-family-monospace = Menlo, Monaco, Consolas, "Courier New", monospace;
37
$font-family-base = $font-family-arial;
38
$font-size-lead = 16px;
39
$font-size-large = 14px;
40
$font-size-base = 13px;
41
$font-size-small = 12px;
48
$letter-spacing-heading-l = -.03em;
49
$letter-spacing-heading-s = -.02em;
50
$line-height-base = 1.5;
51
$line-height-lead-computed = ceil(($font-size-lead * $line-height-base));
52
$line-height-large-computed = ceil(($font-size-large * $line-height-base));
53
$line-height-base-computed = ceil(($font-size-base * $line-height-base));
54
$line-height-small-computed = ceil(($font-size-small * $line-height-base));
55
$headings-font-family = Interstate-Light, Arial, "Helvetica Neue", Helvetica, font-family-sans-serif;
56
$headings-font-family-h1 = Interstate-ExtraLight, Arial, "Helvetica Neue", Helvetica, font-family-sans-serif;
57
$headings-font-weight = 200;
58
$headings-line-height = 1.1;
59
$headings-color = $gray-base;
60
$headings-small-color = $gray-darker;
61
$text-muted = rgb(153, 153, 153, 1);
62
$abbr-border-color = $brand-primary;
63
$text-mark = rgb(253, 240, 195, 1);
65
$component-offset-horizontal = 180px;
66
$dl-horizontal-title-color = $gray-dark;
67
$dl-horizontal-line-height = 24px;
68
$dl-horizontal-offset = component-offset-horizontal;
69
$dl-horizontal-breakpoint = $grid-float-breakpoint;
70
$icon-font-path = "../fonts/";
71
$icon-font-name = "glyphicons-halflings-regular";
72
$icon-font-svg-id = "glyphicons_halflingsregular";
73
$table-cell-padding = 8px;
74
$table-condensed-cell-padding = 5px;
75
$table-bg = transparent;
76
$table-bg-accent = rgb(249, 249, 249, 1);
77
$table-bg-hover = rgb(245, 245, 245, 1);
78
$table-bg-active = table-bg-hover;
79
$table-border-color = extract($grays, 10);
80
$btn-font-weight = normal;
82
$btn-cursor-disable = not-allowed;
83
$btn-default-color = $text-color;
84
$btn-default-bg = rgb(251, 251, 251, 1);
85
$btn-default-bg-top = rgb(251, 251, 251, 1);
86
$btn-default-bg-bottom = rgb(236, 236, 236, 1);
87
$btn-default-border = rgb(204, 204, 204, 1);
88
$btn-default-bg-hover-top = rgb(255, 255, 255, 1);
89
$btn-default-bg-hover-bottom = rgb(245, 245, 245, 1);
90
$btn-default-border-hover = rgb(187, 187, 187, 1);
91
$btn-default-bg-active = rgb(238, 238, 238, 1);
92
$btn-default-border-active = rgb(187, 187, 187, 1);
93
$btn-default-active-shadow = 0 1px 4px rgba(0, 0, 0, .1) inset;
94
$btn-primary-color = rgb(255, 255, 255, 1);
95
$btn-primary-bg = $brand-primary;
96
$btn-primary-bg-top = rgb(0, 167, 230, 1);
97
$btn-primary-bg-bottom = rgb(0, 150, 204, 1);
98
$btn-primary-border = rgb(0, 149, 206, 1);
99
$btn-primary-bg-hover-top = rgb(29, 174, 229, 1);
100
$btn-primary-bg-hover-bottom = rgb(0, 163, 223, 1);
101
$btn-primary-border-hover = rgb(0, 117, 159, 1);
102
$btn-primary-bg-active = rgb(0, 158, 216, 1);
103
$btn-primary-border-active = rgb(0, 117, 159, 1);
104
$btn-primary-active-shadow = 0 1px 6px rgba(0, 0, 0, .15) inset;
105
$btn-danger-color = rgb(255, 255, 255, 1);
106
$btn-danger-bg = $brand-danger;
107
$btn-danger-bg-top = rgb(225, 80, 84, 1);
108
$btn-danger-bg-bottom = $brand-danger;
109
$btn-danger-border = rgb(216, 38, 43, 1);
110
$btn-danger-bg-hover-top = rgb(225, 95, 95, 1);
111
$btn-danger-bg-hover-bottom = rgb(225, 80, 84, 1);
112
$btn-danger-border-hover = rgb(194, 35, 39, 1);
113
$btn-danger-bg-active = rgb(225, 80, 84, 1);
114
$btn-danger-border-active = rgb(194, 35, 39, 1);
115
$btn-danger-active-shadow = 0 1px 6px rgba(0, 0, 0, .15) inset;
116
$btn-border-color = $text-color;
117
$btn-border-bg = $body-bg;
118
$btn-border-bg-top = $btn-border-bg;
119
$btn-border-bg-bottom = $btn-border-bg;
120
$btn-border-border = $btn-default-border;
121
$btn-border-bg-hover-top = rgb(244, 244, 244, 1);
122
$btn-border-bg-hover-bottom = $btn-border-bg-hover-top;
123
$btn-border-border-hover = rgb(187, 187, 187, 1);
124
$btn-border-bg-active = rgb(238, 238, 238, 1);
125
$btn-border-border-active = rgb(187, 187, 187, 1);
126
$btn-border-active-shadow = 0 1px 2px rgba(0, 0, 0, .1) inset;
127
$btn-success-color = rgb(255, 255, 255, 1);
128
$btn-success-bg = $brand-success;
129
$btn-success-bg-top = $brand-success;
130
$btn-success-bg-bottom = $brand-success;
131
$btn-success-border = darken($btn-success-bg, 5%);
132
$btn-success-bottom-border = darken($btn-success-bg, 5%);
133
$btn-success-border-hover = rgb(153, 153, 153, 1);
134
$btn-warning-color = rgb(255, 255, 255, 1);
135
$btn-warning-bg = $brand-warning;
136
$btn-warning-bg-top = $brand-warning;
137
$btn-warning-bg-bottom = $brand-warning;
138
$btn-warning-border = darken($btn-warning-bg, 5%);
139
$btn-warning-bottom-border = darken($btn-warning-bg, 5%);
140
$btn-warning-border-hover = rgb(153, 153, 153, 1);
141
$btn-link-disabled-color = $gray-light;
142
$btn-border-radius-base = $border-radius-base;
143
$btn-border-radius-lead = $border-radius-lead;
144
$btn-border-radius-large = $border-radius-large;
145
$btn-border-radius-small = $border-radius-small;
146
$input-inner-icon-color = rgb(102, 102, 102, 1);
147
$input-inner-icon-focus-color = $brand-primary;
148
$input-bg = rgb(255, 255, 255, 1);
149
$input-bg-disabled = extract($grays, 10);
150
$input-color = $gray-base;
151
$input-border = extract($grays, 9);
152
$input-border-radius = $border-radius-base;
153
$input-border-radius-large = $border-radius-large;
154
$input-border-radius-small = $border-radius-small;
155
$input-border-focus = $brand-primary;
156
$input-border-danger = $brand-danger;
157
$input-color-placeholder = $gray;
158
$padding-base-vertical = 5px;
159
$padding-base-horizontal = 16px;
160
$padding-lead-vertical = 9px;
161
$padding-lead-horizontal = 16px;
162
$padding-large-vertical = 6px;
163
$padding-large-horizontal = 16px;
164
$padding-small-vertical = 4px;
165
$padding-small-horizontal = 16px;
166
$padding-xs-vertical = 1px;
167
$padding-xs-horizontal = 5px;
168
$line-height-lead = $line-height-lead-computed;
169
$line-height-large = $line-height-large-computed;
170
$line-height-small = $line-height-small-computed;
171
$input-height-base = ((ceil(($font-size-base * $line-height-base)) + ($padding-base-vertical * 2)) + 2);
172
$input-height-large = ((ceil(($font-size-large * $line-height-large)) + ($padding-large-vertical * 2)) + 2);
173
$input-height-small = ((floor(($font-size-small * $line-height-small)) + ($padding-small-vertical * 2)) + 2);
174
$form-group-margin-bottom = 12px;
175
$legend-color = $gray-dark;
176
$legend-border-color = rgb(229, 229, 229, 1);
177
$input-group-addon-bg = $gray-lighter;
178
$input-group-addon-border-color = input-border;
179
$cursor-disabled = not-allowed;
180
$border-radius-base = 3px;
181
$border-radius-lead = 3px;
182
$border-radius-large = 3px;
183
$border-radius-small = 3px;
184
$component-active-color = rgb(255, 255, 255, 1);
185
$component-active-bg = $brand-primary;
186
$caret-color = rgb(102, 102, 102, 1);
187
$caret-width-base = 4px;
188
$caret-width-large = 5px;
189
$dropdown-bg = $body-bg;
190
$dropdown-border = rgb(187, 187, 187, 1);
191
$dropdown-fallback-border = rgb(187, 187, 187, 1);
192
$dropdown-divider-bg = rgb(238, 238, 238, 1);
193
$dropdown-link-color = $text-color;
194
$dropdown-link-hover-color = $text-color;
195
$dropdown-link-hover-bg = rgb(238, 238, 238, 1);
196
$dropdown-link-disabled-opacity = .4;
197
$dropdown-header-color = rgb(153, 153, 153, 1);
198
$dropdown-caret-color = rgb(102, 102, 102, 1);
199
$zindex-navbar = 1000;
200
$zindex-dropdown = 1000;
201
$zindex-popover = 1060;
202
$zindex-tooltip = 1070;
203
$zindex-navbar-fixed = 1030;
204
$zindex-modal-background = 1040;
207
$screen-xs-min = screen-xs;
208
$screen-phone = screen-xs-min;
210
$screen-sm-min = screen-sm;
211
$screen-tablet = screen-sm-min;
213
$screen-md-min = screen-md;
214
$screen-desktop = screen-md-min;
216
$screen-lg-min = screen-lg;
217
$screen-lg-desktop = screen-lg-min;
218
$screen-xs-max = (screen-sm-min - 1);
219
$screen-sm-max = (screen-md-min - 1);
220
$screen-md-max = (screen-lg-min - 1);
222
$grid-gutter-width = 30px;
223
$grid-float-breakpoint = screen-sm-min;
224
$grid-float-breakpoint-max = (grid-float-breakpoint - 1);
225
$pagination-color = $btn-border-color;
226
$pagination-bg = $btn-border-bg;
227
$pagination-border = $btn-border-border;
228
$pagination-hover-color = $btn-border-color;
229
$pagination-hover-bg = $btn-border-bg-hover-top;
230
$pagination-hover-border = $btn-border-border-hover;
231
$pagination-active-color = $btn-border-color;
232
$pagination-active-bg = $btn-border-bg-active;
233
$pagination-active-border = $btn-border-border-active;
234
$pagination-disabled-color = $btn-border-color;
235
$pagination-disabled-bg = rgb(255, 255, 255, 1);
236
$pagination-disabled-border = rgb(204, 204, 204, 1);
237
$tooltip-max-width = 320px;
238
$tooltip-color = rgb(255, 255, 255, 1);
239
$tooltip-bg = rgb(68, 68, 68, 1);
241
$tooltip-arrow-width = 5px;
242
$tooltip-arrow-color = tooltip-bg;
243
$tooltip-light-color = $gray-base;
244
$tooltip-light-bg = $gray-lighter;
245
$popover-bg = rgb(255, 255, 255, 1);
246
$popover-max-width = 288px;
247
$popover-border-color = rgb(204, 204, 204, 1);
248
$popover-fallback-border-color = rgb(204, 204, 204, 1);
249
$popover-title-bg = transparent;
250
$popover-arrow-width = 8px;
251
$popover-arrow-color = popover-bg;
252
$popover-arrow-outer-width = (popover-arrow-width + 1);
253
$popover-arrow-outer-color = popover-border-color;
254
$popover-arrow-outer-fallback-color = popover-border-color;
255
$label-blue-bg = extract($blues, 5);
256
$label-green-bg = extract($greens, 5);
257
$label-cyan-bg = extract($cyans, 4);
258
$label-orange-bg = extract($oranges, 5);
259
$label-red-bg = extract($reds, 5);
260
$label-indigo-bg = extract($indigos, 6);
261
$label-yellow-bg = extract($yellows, 6);
262
$label-light-gray-bg = $gray-light;
263
$label-gray-bg = extract($grays, 7);
264
$label-dark-bg = extract($grays, 3);
265
$label-color = rgb(255, 255, 255, 1);
266
$label-link-hover-color = rgb(255, 255, 255, 1);
267
$alert-success-bg = extract($greens, 9);
268
$alert-success-border = 1px solid extract($greens, 8);
269
$alert-info-bg = extract($blues, 9);
270
$alert-info-border = 1px solid extract($blues, 8);
271
$alert-warning-bg = extract($yellows, 9);
272
$alert-warning-border = 1px solid extract($yellows, 5);
273
$alert-danger-bg = extract($reds, 9);
274
$alert-danger-border = 1px solid extract($reds, 8);
275
$badge-color = rgb(255, 255, 255, 1);
276
$badge-link-hover-color = rgb(255, 255, 255, 1);
277
$badge-light-gray-bg = $gray-light;
278
$badge-blue-bg = extract($blues, 5);
279
$badge-green-bg = extract($greens, 5);
280
$badge-cyan-bg = extract($cyans, 4);
281
$badge-orange-bg = extract($oranges, 5);
282
$badge-red-bg = extract($reds, 5);
283
$badge-yellow-bg = extract($yellows, 6);
284
$badge-dark-bg = extract($grays, 3);
285
$badge-active-color = $link-color;
286
$badge-active-bg = rgb(255, 255, 255, 1);
287
$badge-font-weight = bold;
288
$badge-line-height = 1;
289
$badge-border-radius = 10px;
290
$breadcrumb-height = 48px;
291
$breadcrumb-bg = transparent;
292
$breadcrumb-border-width = 1px;
293
$breadcrumb-border-color = rgb(238, 238, 238, 1);
294
$breadcrumb-font-size = $font-size-lead;
295
$breadcrumb-line-height = ($breadcrumb-font-size * $line-height-base);
296
$breadcrumb-margin = 0;
297
$breadcrumb-padding-vertical = (($breadcrumb-height - $breadcrumb-line-height) / 2);
298
$breadcrumb-padding-horizontal = 0;
299
$breadcrumb-color = $gray-dark;
300
$breadcrumb-active-color = $text-color;
301
$breadcrumb-separator = "›";