vhx-quartz 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -84,21 +84,21 @@
|
|
84
84
|
/* Teal
|
85
85
|
......................................*/
|
86
86
|
.bg-teal-1 {
|
87
|
-
background-color: #
|
87
|
+
background-color: #F2FBFB; }
|
88
88
|
|
89
89
|
.bg-teal-2 {
|
90
|
-
background-color: #
|
90
|
+
background-color: #22B9B0; }
|
91
91
|
|
92
92
|
/* Black & White
|
93
93
|
......................................*/
|
94
94
|
.bg-white {
|
95
|
-
background-color:
|
95
|
+
background-color: #ffffff; }
|
96
96
|
|
97
97
|
.bg-white-transparent {
|
98
98
|
background-color: rgba(255, 255, 255, 0.7); }
|
99
99
|
|
100
100
|
.bg-black {
|
101
|
-
background-color:
|
101
|
+
background-color: #000000; }
|
102
102
|
|
103
103
|
.bg-black-transparent {
|
104
104
|
background-color: rgba(0, 0, 0, 0.7); }
|
@@ -106,27 +106,27 @@
|
|
106
106
|
/* Grays
|
107
107
|
......................................*/
|
108
108
|
.bg-gray-1 {
|
109
|
-
background-color: #
|
109
|
+
background-color: #F7F8F9; }
|
110
110
|
|
111
111
|
.bg-gray-2 {
|
112
|
-
background-color: #
|
112
|
+
background-color: #F0F2F4; }
|
113
113
|
|
114
114
|
.bg-gray-3 {
|
115
|
-
background-color: #
|
115
|
+
background-color: #D7DDE1; }
|
116
116
|
|
117
117
|
.bg-gray-4 {
|
118
|
-
background-color: #
|
118
|
+
background-color: #AFBCC3; }
|
119
119
|
|
120
120
|
.bg-gray-5 {
|
121
|
-
background-color: #
|
121
|
+
background-color: #869AA5; }
|
122
122
|
|
123
123
|
.bg-gray-6 {
|
124
|
-
background-color: #
|
124
|
+
background-color: #5E7887; }
|
125
125
|
|
126
126
|
/* Navy
|
127
127
|
......................................*/
|
128
128
|
.bg-navy {
|
129
|
-
background-color: #
|
129
|
+
background-color: #00142B; }
|
130
130
|
|
131
131
|
.bg-navy-transparent {
|
132
132
|
background-color: rgba(0, 20, 43, 0.5); }
|
@@ -134,19 +134,19 @@
|
|
134
134
|
/* Other Colors
|
135
135
|
......................................*/
|
136
136
|
.bg-red {
|
137
|
-
background-color: #
|
137
|
+
background-color: #D3104A; }
|
138
138
|
|
139
139
|
.bg-green {
|
140
|
-
background-color: #
|
140
|
+
background-color: #7DA53E; }
|
141
141
|
|
142
142
|
.bg-yellow {
|
143
|
-
background-color: #
|
143
|
+
background-color: #FFB567; }
|
144
144
|
|
145
145
|
.bg-orange {
|
146
|
-
background-color: #
|
146
|
+
background-color: #D06B5E; }
|
147
147
|
|
148
148
|
.bg-currant {
|
149
|
-
background: #
|
149
|
+
background: #2E064A; }
|
150
150
|
|
151
151
|
.bg-image {
|
152
152
|
background: image-url("home/bg-footer.jpg") top center repeat #000c1d;
|
@@ -258,41 +258,41 @@
|
|
258
258
|
/* positions
|
259
259
|
...................................*/
|
260
260
|
.border {
|
261
|
-
border: 1px solid #
|
261
|
+
border: 1px solid #AFBCC3 !important; }
|
262
262
|
|
263
263
|
.border-top {
|
264
|
-
border-top: 1px solid #
|
264
|
+
border-top: 1px solid #AFBCC3; }
|
265
265
|
|
266
266
|
.border-left {
|
267
|
-
border-left: 1px solid #
|
267
|
+
border-left: 1px solid #AFBCC3; }
|
268
268
|
|
269
269
|
.border-bottom {
|
270
|
-
border-bottom: 1px solid #
|
270
|
+
border-bottom: 1px solid #AFBCC3; }
|
271
271
|
|
272
272
|
.border-right {
|
273
|
-
border-right: 1px solid #
|
273
|
+
border-right: 1px solid #AFBCC3; }
|
274
274
|
|
275
275
|
.border-vert {
|
276
|
-
border-top: 1px solid #
|
277
|
-
border-bottom: 1px solid #
|
276
|
+
border-top: 1px solid #AFBCC3;
|
277
|
+
border-bottom: 1px solid #AFBCC3; }
|
278
278
|
|
279
279
|
.border-horz {
|
280
|
-
border-left: 1px solid #
|
281
|
-
border-right: 1px solid #
|
280
|
+
border-left: 1px solid #AFBCC3;
|
281
|
+
border-right: 1px solid #AFBCC3; }
|
282
282
|
|
283
283
|
/* colors
|
284
284
|
...................................*/
|
285
285
|
.border--white {
|
286
|
-
border-color:
|
286
|
+
border-color: #ffffff !important; }
|
287
287
|
|
288
288
|
.border--white-transparent {
|
289
289
|
border-color: rgba(255, 255, 255, 0.7) !important; }
|
290
290
|
|
291
291
|
.border--gray {
|
292
|
-
border-color: #
|
292
|
+
border-color: #AFBCC3 !important; }
|
293
293
|
|
294
294
|
.border--gray-light {
|
295
|
-
border-color: #
|
295
|
+
border-color: #D7DDE1 !important; }
|
296
296
|
|
297
297
|
/* modifiers
|
298
298
|
...................................*/
|
@@ -317,22 +317,22 @@
|
|
317
317
|
height: 1px;
|
318
318
|
top: 50%;
|
319
319
|
left: 0;
|
320
|
-
background-color: #
|
320
|
+
background-color: #F0F2F4;
|
321
321
|
margin-top: -2px;
|
322
322
|
z-index: -1;
|
323
323
|
position: absolute;
|
324
324
|
width: 100%; }
|
325
325
|
.border-center.border--gray-1:before {
|
326
|
-
background-color: #
|
326
|
+
background-color: #F7F8F9; }
|
327
327
|
.border-center.border--gray-2:before {
|
328
|
-
background-color: #
|
328
|
+
background-color: #F0F2F4; }
|
329
329
|
.border-center.border--white-transparent:before {
|
330
330
|
background-color: rgba(255, 255, 255, 0.7); }
|
331
331
|
.border-center.border--white:before {
|
332
|
-
background-color:
|
332
|
+
background-color: #ffffff; }
|
333
333
|
|
334
334
|
.box-shadow {
|
335
|
-
box-shadow: 0 0 5px 0 #
|
335
|
+
box-shadow: 0 0 5px 0 #F0F2F4; }
|
336
336
|
|
337
337
|
.box-radius {
|
338
338
|
border-radius: 5px; }
|
@@ -373,6 +373,67 @@
|
|
373
373
|
collection of prefixed flexbox properties
|
374
374
|
until we're using Compass 1.0+
|
375
375
|
..........................................*/
|
376
|
+
/* .....................................
|
377
|
+
Fonts
|
378
|
+
..................................... */
|
379
|
+
/* .....................................
|
380
|
+
Sets
|
381
|
+
..................................... */
|
382
|
+
/* .....................................
|
383
|
+
Media Query Ranges
|
384
|
+
..................................... */
|
385
|
+
/* .....................................
|
386
|
+
Colors - Grays
|
387
|
+
..................................... */
|
388
|
+
/* .....................................
|
389
|
+
Colors - Teals
|
390
|
+
..................................... */
|
391
|
+
/* .....................................
|
392
|
+
Colors - Red
|
393
|
+
..................................... */
|
394
|
+
/* .....................................
|
395
|
+
Colors - Navy
|
396
|
+
..................................... */
|
397
|
+
/* .....................................
|
398
|
+
Colors - Brand Palette
|
399
|
+
..................................... */
|
400
|
+
/* .....................................
|
401
|
+
Colors - External Palette
|
402
|
+
..................................... */
|
403
|
+
/* .....................................
|
404
|
+
Mixins for CSS3 Properties
|
405
|
+
..................................... */
|
406
|
+
/* helper function for margin and padding
|
407
|
+
......................................*/
|
408
|
+
/*
|
409
|
+
collection of prefixed flexbox properties
|
410
|
+
until we're using Compass 1.0+
|
411
|
+
..........................................*/
|
412
|
+
.btn-dropdown-teal, .btn-dropdown-teal:hover {
|
413
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
414
|
+
background-repeat: no-repeat; }
|
415
|
+
|
416
|
+
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
|
417
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
418
|
+
background-repeat: no-repeat; }
|
419
|
+
|
420
|
+
.img.square.upload-placeholder,
|
421
|
+
.embed.square.upload-placeholder,
|
422
|
+
.responsive-video-container.square.upload-placeholder {
|
423
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M8.5%201h6v21h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M1%208.5h21v6H1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
424
|
+
background-repeat: no-repeat; }
|
425
|
+
|
426
|
+
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
427
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M19.6%2017.5l-6-6%206-6c.3-.3.3-.8%200-1.1l-.9-.9c-.3-.3-.8-.3-1.1%200l-6%206-6-6c-.3-.3-.8-.3-1.1%200l-1.1.9c-.3.3-.3.8%200%201.1l6%206-6%206c-.3.3-.3.8%200%201.1l.9.9c.3.3.8.3%201.1%200l6-6%206%206c.3.3.8.3%201.1%200l.9-.9c.5-.3.5-.8.2-1.1z%22%20fill%3D%22%239baab2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
428
|
+
background-repeat: no-repeat; }
|
429
|
+
|
430
|
+
.btn-search {
|
431
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
432
|
+
background-repeat: no-repeat; }
|
433
|
+
|
434
|
+
/*.....................................
|
435
|
+
Icon Sizes
|
436
|
+
......................................*/
|
376
437
|
/*.....................................
|
377
438
|
BUTTON MIXINS
|
378
439
|
......................................*/
|
@@ -400,18 +461,18 @@
|
|
400
461
|
font-weight: bold;
|
401
462
|
font-size: 14px;
|
402
463
|
line-height: 16px;
|
403
|
-
color: #
|
464
|
+
color: #869AA5;
|
404
465
|
text-align: center;
|
405
466
|
text-transform: uppercase;
|
406
467
|
font-family: "brandon-grotesque-n1", "brandon-grotesque", "Brandon Grotesque", sans-serif; }
|
407
468
|
.btn-block.btn--border, .btn--border.btn-block-teal, .btn--border.btn-block-gray, .btn--border.btn-block-navy {
|
408
|
-
border-left: 1px solid #
|
409
|
-
border-right: 1px solid #
|
469
|
+
border-left: 1px solid #D7DDE1;
|
470
|
+
border-right: 1px solid #D7DDE1; }
|
410
471
|
.btn-block.btn--border + .btn-block, .btn--border.btn-block-teal + .btn-block, .btn--border.btn-block-gray + .btn-block, .btn--border.btn-block-navy + .btn-block, .btn-block.btn--border + .btn-block-teal, .btn--border.btn-block-teal + .btn-block-teal, .btn--border.btn-block-gray + .btn-block-teal, .btn--border.btn-block-navy + .btn-block-teal, .btn-block.btn--border + .btn-block-gray, .btn--border.btn-block-teal + .btn-block-gray, .btn--border.btn-block-gray + .btn-block-gray, .btn--border.btn-block-navy + .btn-block-gray, .btn-block.btn--border + .btn-block-navy, .btn--border.btn-block-teal + .btn-block-navy, .btn--border.btn-block-gray + .btn-block-navy, .btn--border.btn-block-navy + .btn-block-navy {
|
411
472
|
border-left: 1px solid transparent; }
|
412
473
|
.btn-block.is-active, .is-active.btn-block-teal, .is-active.btn-block-gray, .is-active.btn-block-navy, .btn-block:hover, .btn-block-teal:hover, .btn-block-gray:hover, .btn-block-navy:hover, .btn-block.is-hover, .is-hover.btn-block-teal, .is-hover.btn-block-gray, .is-hover.btn-block-navy {
|
413
474
|
cursor: pointer;
|
414
|
-
box-shadow: inset 0px -4px 0px #
|
475
|
+
box-shadow: inset 0px -4px 0px #869AA5; }
|
415
476
|
.btn-block span, .btn-block-teal span, .btn-block-gray span, .btn-block-navy span {
|
416
477
|
display: block; }
|
417
478
|
.btn-block span:first-child, .btn-block-teal span:first-child, .btn-block-gray span:first-child, .btn-block-navy span:first-child {
|
@@ -420,35 +481,35 @@
|
|
420
481
|
/* button block teal
|
421
482
|
......................................*/
|
422
483
|
.btn-block-teal {
|
423
|
-
color: #
|
484
|
+
color: #869AA5; }
|
424
485
|
.btn-block-teal:link, .btn-block-teal:visited {
|
425
|
-
color: #
|
486
|
+
color: #869AA5; }
|
426
487
|
.btn-block-teal:hover, .btn-block-teal.is-hover
|
427
488
|
.btn-block-teal:active, .btn-block-teal.is-active {
|
428
489
|
color: #375667;
|
429
|
-
box-shadow: inset 0px -4px 0px #
|
490
|
+
box-shadow: inset 0px -4px 0px #22B9B0; }
|
430
491
|
|
431
492
|
/* button block gray
|
432
493
|
......................................*/
|
433
494
|
.btn-block-gray {
|
434
|
-
color: #
|
495
|
+
color: #869AA5; }
|
435
496
|
.btn-block-gray:link, .btn-block-gray:visited {
|
436
|
-
color: #
|
497
|
+
color: #869AA5; }
|
437
498
|
.btn-block-gray:hover, .btn-block-gray.is-hover
|
438
499
|
.btn-block-gray:active, .btn-block-gray.is-active {
|
439
|
-
color: #
|
440
|
-
box-shadow: inset 0px -4px 0px #
|
500
|
+
color: #5E7887;
|
501
|
+
box-shadow: inset 0px -4px 0px #869AA5; }
|
441
502
|
|
442
503
|
/* button block navy
|
443
504
|
......................................*/
|
444
505
|
.btn-block-navy {
|
445
|
-
color: #
|
506
|
+
color: #5E7887; }
|
446
507
|
.btn-block-navy:link, .btn-block-navy:visited {
|
447
|
-
color: #
|
508
|
+
color: #5E7887; }
|
448
509
|
.btn-block-navy:hover, .btn-block-navy.is-hover
|
449
510
|
.btn-block-navy:active, .btn-block-navy.is-active {
|
450
|
-
color: #
|
451
|
-
box-shadow: inset 0px -4px 0px #
|
511
|
+
color: #5E7887;
|
512
|
+
box-shadow: inset 0px -4px 0px #5E7887; }
|
452
513
|
|
453
514
|
/* .....................................
|
454
515
|
Fonts
|
@@ -486,6 +547,67 @@
|
|
486
547
|
collection of prefixed flexbox properties
|
487
548
|
until we're using Compass 1.0+
|
488
549
|
..........................................*/
|
550
|
+
/* .....................................
|
551
|
+
Fonts
|
552
|
+
..................................... */
|
553
|
+
/* .....................................
|
554
|
+
Sets
|
555
|
+
..................................... */
|
556
|
+
/* .....................................
|
557
|
+
Media Query Ranges
|
558
|
+
..................................... */
|
559
|
+
/* .....................................
|
560
|
+
Colors - Grays
|
561
|
+
..................................... */
|
562
|
+
/* .....................................
|
563
|
+
Colors - Teals
|
564
|
+
..................................... */
|
565
|
+
/* .....................................
|
566
|
+
Colors - Red
|
567
|
+
..................................... */
|
568
|
+
/* .....................................
|
569
|
+
Colors - Navy
|
570
|
+
..................................... */
|
571
|
+
/* .....................................
|
572
|
+
Colors - Brand Palette
|
573
|
+
..................................... */
|
574
|
+
/* .....................................
|
575
|
+
Colors - External Palette
|
576
|
+
..................................... */
|
577
|
+
/* .....................................
|
578
|
+
Mixins for CSS3 Properties
|
579
|
+
..................................... */
|
580
|
+
/* helper function for margin and padding
|
581
|
+
......................................*/
|
582
|
+
/*
|
583
|
+
collection of prefixed flexbox properties
|
584
|
+
until we're using Compass 1.0+
|
585
|
+
..........................................*/
|
586
|
+
.btn-dropdown-teal, .btn-dropdown-teal:hover {
|
587
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
588
|
+
background-repeat: no-repeat; }
|
589
|
+
|
590
|
+
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
|
591
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
592
|
+
background-repeat: no-repeat; }
|
593
|
+
|
594
|
+
.img.square.upload-placeholder,
|
595
|
+
.embed.square.upload-placeholder,
|
596
|
+
.responsive-video-container.square.upload-placeholder {
|
597
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M8.5%201h6v21h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M1%208.5h21v6H1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
598
|
+
background-repeat: no-repeat; }
|
599
|
+
|
600
|
+
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
601
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M19.6%2017.5l-6-6%206-6c.3-.3.3-.8%200-1.1l-.9-.9c-.3-.3-.8-.3-1.1%200l-6%206-6-6c-.3-.3-.8-.3-1.1%200l-1.1.9c-.3.3-.3.8%200%201.1l6%206-6%206c-.3.3-.3.8%200%201.1l.9.9c.3.3.8.3%201.1%200l6-6%206%206c.3.3.8.3%201.1%200l.9-.9c.5-.3.5-.8.2-1.1z%22%20fill%3D%22%239baab2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
602
|
+
background-repeat: no-repeat; }
|
603
|
+
|
604
|
+
.btn-search {
|
605
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
606
|
+
background-repeat: no-repeat; }
|
607
|
+
|
608
|
+
/*.....................................
|
609
|
+
Icon Sizes
|
610
|
+
......................................*/
|
489
611
|
/*.....................................
|
490
612
|
BUTTON MIXINS
|
491
613
|
......................................*/
|
@@ -540,31 +662,31 @@ select {
|
|
540
662
|
/* button gray shorthand
|
541
663
|
......................................*/
|
542
664
|
.btn-gray, .btn-dropdown-gray {
|
543
|
-
background-color: #
|
665
|
+
background-color: #F0F2F4;
|
544
666
|
color: #233741;
|
545
|
-
border: 1px solid #
|
667
|
+
border: 1px solid #D7DDE1;
|
546
668
|
background-size: 15px 15px; }
|
547
669
|
.btn-gray:link, .btn-dropdown-gray:link, .btn-gray:visited, .btn-dropdown-gray:visited {
|
548
670
|
color: #233741;
|
549
|
-
border: 1px solid #
|
671
|
+
border: 1px solid #D7DDE1; }
|
550
672
|
.btn-gray:hover, .btn-dropdown-gray:hover, .btn-gray.is-hover, .is-hover.btn-dropdown-gray, .btn-gray:focus:hover, .btn-dropdown-gray:focus:hover, .btn-gray:focus.is-hover, .btn-dropdown-gray:focus.is-hover, .btn-gray.is-selected, .is-selected.btn-dropdown-gray {
|
551
673
|
color: #233741;
|
552
674
|
cursor: pointer;
|
553
|
-
background-color: #
|
554
|
-
border: 1px solid #
|
675
|
+
background-color: #D7DDE1;
|
676
|
+
border: 1px solid #D7DDE1; }
|
555
677
|
.btn-gray:active, .btn-dropdown-gray:active, .btn-gray.is-active, .is-active.btn-dropdown-gray, .btn-gray:focus, .btn-dropdown-gray:focus, .btn-gray.is-focus, .is-focus.btn-dropdown-gray {
|
556
678
|
color: #233741;
|
557
|
-
background-color: #
|
558
|
-
border: 1px solid #
|
679
|
+
background-color: #F0F2F4;
|
680
|
+
border: 1px solid #D7DDE1; }
|
559
681
|
.btn-gray[disabled], [disabled].btn-dropdown-gray, .btn-gray.is-disabled, .is-disabled.btn-dropdown-gray {
|
560
682
|
opacity: .5;
|
561
|
-
background-color: #
|
683
|
+
background-color: #F0F2F4;
|
562
684
|
color: #233741;
|
563
|
-
border: 1px solid #
|
685
|
+
border: 1px solid #D7DDE1; }
|
564
686
|
.btn-gray[disabled]:visited, [disabled].btn-dropdown-gray:visited, .btn-gray[disabled]:hover, [disabled].btn-dropdown-gray:hover, .btn-gray[disabled].is-hover, [disabled].is-hover.btn-dropdown-gray, .btn-gray[disabled]:active, [disabled].btn-dropdown-gray:active, .btn-gray[disabled].is-active, [disabled].is-active.btn-dropdown-gray, .btn-gray.is-disabled:visited, .is-disabled.btn-dropdown-gray:visited, .btn-gray.is-disabled:hover, .is-disabled.btn-dropdown-gray:hover, .btn-gray.is-disabled.is-hover, .is-disabled.is-hover.btn-dropdown-gray, .btn-gray.is-disabled:active, .is-disabled.btn-dropdown-gray:active, .btn-gray.is-disabled.is-active, .is-disabled.is-active.btn-dropdown-gray {
|
565
|
-
background-color: #
|
687
|
+
background-color: #F0F2F4;
|
566
688
|
color: #233741;
|
567
|
-
border: 1px solid #
|
689
|
+
border: 1px solid #D7DDE1; }
|
568
690
|
.btn-gray.is-processing, .is-processing.btn-dropdown-gray, .btn-gray.processing, .processing.btn-dropdown-gray, .btn-gray.is-loading, .is-loading.btn-dropdown-gray, .btn-gray.loading, .loading.btn-dropdown-gray {
|
569
691
|
background-position: center center !important;
|
570
692
|
color: transparent !important;
|
@@ -581,31 +703,31 @@ select {
|
|
581
703
|
/* button dark shorthand
|
582
704
|
......................................*/
|
583
705
|
.btn-slate {
|
584
|
-
background-color: #
|
585
|
-
color:
|
586
|
-
border: 1px solid #
|
706
|
+
background-color: #869AA5;
|
707
|
+
color: #ffffff;
|
708
|
+
border: 1px solid #5E7887;
|
587
709
|
background-size: 15px 15px; }
|
588
710
|
.btn-slate:link, .btn-slate:visited {
|
589
|
-
color:
|
590
|
-
border: 1px solid #
|
711
|
+
color: #ffffff;
|
712
|
+
border: 1px solid #5E7887; }
|
591
713
|
.btn-slate:hover, .btn-slate.is-hover, .btn-slate:focus:hover, .btn-slate:focus.is-hover, .btn-slate.is-selected {
|
592
|
-
color:
|
714
|
+
color: #ffffff;
|
593
715
|
cursor: pointer;
|
594
|
-
background-color: #
|
595
|
-
border: 1px solid #
|
716
|
+
background-color: #5E7887;
|
717
|
+
border: 1px solid #5E7887; }
|
596
718
|
.btn-slate:active, .btn-slate.is-active, .btn-slate:focus, .btn-slate.is-focus {
|
597
|
-
color:
|
598
|
-
background-color: #
|
599
|
-
border: 1px solid #
|
719
|
+
color: #ffffff;
|
720
|
+
background-color: #869AA5;
|
721
|
+
border: 1px solid #5E7887; }
|
600
722
|
.btn-slate[disabled], .btn-slate.is-disabled {
|
601
723
|
opacity: .5;
|
602
|
-
background-color: #
|
603
|
-
color:
|
604
|
-
border: 1px solid #
|
724
|
+
background-color: #869AA5;
|
725
|
+
color: #ffffff;
|
726
|
+
border: 1px solid #5E7887; }
|
605
727
|
.btn-slate[disabled]:visited, .btn-slate[disabled]:hover, .btn-slate[disabled].is-hover, .btn-slate[disabled]:active, .btn-slate[disabled].is-active, .btn-slate.is-disabled:visited, .btn-slate.is-disabled:hover, .btn-slate.is-disabled.is-hover, .btn-slate.is-disabled:active, .btn-slate.is-disabled.is-active {
|
606
|
-
background-color: #
|
607
|
-
color:
|
608
|
-
border: 1px solid #
|
728
|
+
background-color: #869AA5;
|
729
|
+
color: #ffffff;
|
730
|
+
border: 1px solid #5E7887; }
|
609
731
|
.btn-slate.is-processing, .btn-slate.processing, .btn-slate.is-loading, .btn-slate.loading {
|
610
732
|
background-position: center center !important;
|
611
733
|
color: transparent !important;
|
@@ -622,31 +744,31 @@ select {
|
|
622
744
|
/* button teal shorthand
|
623
745
|
......................................*/
|
624
746
|
.btn-teal, .btn-dropdown-teal {
|
625
|
-
background-color: #
|
626
|
-
color:
|
627
|
-
border: 1px solid #
|
747
|
+
background-color: #22B9B0;
|
748
|
+
color: #ffffff;
|
749
|
+
border: 1px solid #149A97;
|
628
750
|
background-size: 15px 15px; }
|
629
751
|
.btn-teal:link, .btn-dropdown-teal:link, .btn-teal:visited, .btn-dropdown-teal:visited {
|
630
|
-
color:
|
631
|
-
border: 1px solid #
|
752
|
+
color: #ffffff;
|
753
|
+
border: 1px solid #149A97; }
|
632
754
|
.btn-teal:hover, .btn-dropdown-teal:hover, .btn-teal.is-hover, .is-hover.btn-dropdown-teal, .btn-teal:focus:hover, .btn-dropdown-teal:focus:hover, .btn-teal:focus.is-hover, .btn-dropdown-teal:focus.is-hover, .btn-teal.is-selected, .is-selected.btn-dropdown-teal {
|
633
|
-
color:
|
755
|
+
color: #ffffff;
|
634
756
|
cursor: pointer;
|
635
|
-
background-color: #
|
636
|
-
border: 1px solid #
|
757
|
+
background-color: #149A97;
|
758
|
+
border: 1px solid #149A97; }
|
637
759
|
.btn-teal:active, .btn-dropdown-teal:active, .btn-teal.is-active, .is-active.btn-dropdown-teal, .btn-teal:focus, .btn-dropdown-teal:focus, .btn-teal.is-focus, .is-focus.btn-dropdown-teal {
|
638
|
-
color:
|
639
|
-
background-color: #
|
640
|
-
border: 1px solid #
|
760
|
+
color: #ffffff;
|
761
|
+
background-color: #22B9B0;
|
762
|
+
border: 1px solid #149A97; }
|
641
763
|
.btn-teal[disabled], [disabled].btn-dropdown-teal, .btn-teal.is-disabled, .is-disabled.btn-dropdown-teal {
|
642
764
|
opacity: .5;
|
643
|
-
background-color: #
|
644
|
-
color:
|
645
|
-
border: 1px solid #
|
765
|
+
background-color: #22B9B0;
|
766
|
+
color: #ffffff;
|
767
|
+
border: 1px solid #149A97; }
|
646
768
|
.btn-teal[disabled]:visited, [disabled].btn-dropdown-teal:visited, .btn-teal[disabled]:hover, [disabled].btn-dropdown-teal:hover, .btn-teal[disabled].is-hover, [disabled].is-hover.btn-dropdown-teal, .btn-teal[disabled]:active, [disabled].btn-dropdown-teal:active, .btn-teal[disabled].is-active, [disabled].is-active.btn-dropdown-teal, .btn-teal.is-disabled:visited, .is-disabled.btn-dropdown-teal:visited, .btn-teal.is-disabled:hover, .is-disabled.btn-dropdown-teal:hover, .btn-teal.is-disabled.is-hover, .is-disabled.is-hover.btn-dropdown-teal, .btn-teal.is-disabled:active, .is-disabled.btn-dropdown-teal:active, .btn-teal.is-disabled.is-active, .is-disabled.is-active.btn-dropdown-teal {
|
647
|
-
background-color: #
|
648
|
-
color:
|
649
|
-
border: 1px solid #
|
769
|
+
background-color: #22B9B0;
|
770
|
+
color: #ffffff;
|
771
|
+
border: 1px solid #149A97; }
|
650
772
|
.btn-teal.is-processing, .is-processing.btn-dropdown-teal, .btn-teal.processing, .processing.btn-dropdown-teal, .btn-teal.is-loading, .is-loading.btn-dropdown-teal, .btn-teal.loading, .loading.btn-dropdown-teal {
|
651
773
|
background-position: center center !important;
|
652
774
|
color: transparent !important;
|
@@ -663,30 +785,30 @@ select {
|
|
663
785
|
/* button red shorthand
|
664
786
|
......................................*/
|
665
787
|
.btn-red {
|
666
|
-
background-color: #
|
667
|
-
color:
|
788
|
+
background-color: #D3104A;
|
789
|
+
color: #ffffff;
|
668
790
|
border: 1px solid #a40c39;
|
669
791
|
background-size: 15px 15px; }
|
670
792
|
.btn-red:link, .btn-red:visited {
|
671
|
-
color:
|
793
|
+
color: #ffffff;
|
672
794
|
border: 1px solid #a40c39; }
|
673
795
|
.btn-red:hover, .btn-red.is-hover, .btn-red:focus:hover, .btn-red:focus.is-hover, .btn-red.is-selected {
|
674
|
-
color:
|
796
|
+
color: #ffffff;
|
675
797
|
cursor: pointer;
|
676
798
|
background-color: #a40c39;
|
677
799
|
border: 1px solid #a40c39; }
|
678
800
|
.btn-red:active, .btn-red.is-active, .btn-red:focus, .btn-red.is-focus {
|
679
|
-
color:
|
680
|
-
background-color: #
|
801
|
+
color: #ffffff;
|
802
|
+
background-color: #D3104A;
|
681
803
|
border: 1px solid #a40c39; }
|
682
804
|
.btn-red[disabled], .btn-red.is-disabled {
|
683
805
|
opacity: .5;
|
684
|
-
background-color: #
|
685
|
-
color:
|
806
|
+
background-color: #D3104A;
|
807
|
+
color: #ffffff;
|
686
808
|
border: 1px solid #a40c39; }
|
687
809
|
.btn-red[disabled]:visited, .btn-red[disabled]:hover, .btn-red[disabled].is-hover, .btn-red[disabled]:active, .btn-red[disabled].is-active, .btn-red.is-disabled:visited, .btn-red.is-disabled:hover, .btn-red.is-disabled.is-hover, .btn-red.is-disabled:active, .btn-red.is-disabled.is-active {
|
688
|
-
background-color: #
|
689
|
-
color:
|
810
|
+
background-color: #D3104A;
|
811
|
+
color: #ffffff;
|
690
812
|
border: 1px solid #a40c39; }
|
691
813
|
.btn-red.is-processing, .btn-red.processing, .btn-red.is-loading, .btn-red.loading {
|
692
814
|
background-position: center center !important;
|
@@ -705,29 +827,29 @@ select {
|
|
705
827
|
......................................*/
|
706
828
|
.btn-purple {
|
707
829
|
background-color: #783479;
|
708
|
-
color:
|
830
|
+
color: #ffffff;
|
709
831
|
border: 1px solid #783479;
|
710
832
|
background-size: 15px 15px; }
|
711
833
|
.btn-purple:link, .btn-purple:visited {
|
712
|
-
color:
|
834
|
+
color: #ffffff;
|
713
835
|
border: 1px solid #783479; }
|
714
836
|
.btn-purple:hover, .btn-purple.is-hover, .btn-purple:focus:hover, .btn-purple:focus.is-hover, .btn-purple.is-selected {
|
715
|
-
color:
|
837
|
+
color: #ffffff;
|
716
838
|
cursor: pointer;
|
717
839
|
background-color: #552555;
|
718
840
|
border: 1px solid #552555; }
|
719
841
|
.btn-purple:active, .btn-purple.is-active, .btn-purple:focus, .btn-purple.is-focus {
|
720
|
-
color:
|
842
|
+
color: #ffffff;
|
721
843
|
background-color: #783479;
|
722
844
|
border: 1px solid #783479; }
|
723
845
|
.btn-purple[disabled], .btn-purple.is-disabled {
|
724
846
|
opacity: .5;
|
725
847
|
background-color: #783479;
|
726
|
-
color:
|
848
|
+
color: #ffffff;
|
727
849
|
border: 1px solid #783479; }
|
728
850
|
.btn-purple[disabled]:visited, .btn-purple[disabled]:hover, .btn-purple[disabled].is-hover, .btn-purple[disabled]:active, .btn-purple[disabled].is-active, .btn-purple.is-disabled:visited, .btn-purple.is-disabled:hover, .btn-purple.is-disabled.is-hover, .btn-purple.is-disabled:active, .btn-purple.is-disabled.is-active {
|
729
851
|
background-color: #783479;
|
730
|
-
color:
|
852
|
+
color: #ffffff;
|
731
853
|
border: 1px solid #783479; }
|
732
854
|
.btn-purple.is-processing, .btn-purple.processing, .btn-purple.is-loading, .btn-purple.loading {
|
733
855
|
background-position: center center !important;
|
@@ -745,35 +867,35 @@ select {
|
|
745
867
|
/* button green shorthand
|
746
868
|
......................................*/
|
747
869
|
.btn-green {
|
748
|
-
background-color: #
|
749
|
-
color:
|
750
|
-
border: 1px solid #
|
870
|
+
background-color: #9DBB36;
|
871
|
+
color: #FFFFFF;
|
872
|
+
border: 1px solid #9DBB36;
|
751
873
|
background-size: 15px 15px; }
|
752
874
|
.btn-green:link, .btn-green:visited {
|
753
|
-
color:
|
754
|
-
border: 1px solid #
|
875
|
+
color: #FFFFFF;
|
876
|
+
border: 1px solid #9DBB36; }
|
755
877
|
.btn-green:hover, .btn-green.is-hover, .btn-green:focus:hover, .btn-green:focus.is-hover, .btn-green.is-selected {
|
756
|
-
color:
|
878
|
+
color: #FFFFFF;
|
757
879
|
cursor: pointer;
|
758
880
|
background-color: #7da53e;
|
759
|
-
border: 1px solid #
|
881
|
+
border: 1px solid #9DBB36; }
|
760
882
|
.btn-green:active, .btn-green.is-active, .btn-green:focus, .btn-green.is-focus {
|
761
|
-
color:
|
762
|
-
background-color: #
|
763
|
-
border: 1px solid #
|
883
|
+
color: #FFFFFF;
|
884
|
+
background-color: #9DBB36;
|
885
|
+
border: 1px solid #9DBB36; }
|
764
886
|
.btn-green[disabled], .btn-green.is-disabled {
|
765
887
|
opacity: .5;
|
766
|
-
background-color: #
|
767
|
-
color:
|
768
|
-
border: 1px solid #
|
888
|
+
background-color: #9DBB36;
|
889
|
+
color: #FFFFFF;
|
890
|
+
border: 1px solid #9DBB36; }
|
769
891
|
.btn-green[disabled]:visited, .btn-green[disabled]:hover, .btn-green[disabled].is-hover, .btn-green[disabled]:active, .btn-green[disabled].is-active, .btn-green.is-disabled:visited, .btn-green.is-disabled:hover, .btn-green.is-disabled.is-hover, .btn-green.is-disabled:active, .btn-green.is-disabled.is-active {
|
770
|
-
background-color: #
|
771
|
-
color:
|
772
|
-
border: 1px solid #
|
892
|
+
background-color: #9DBB36;
|
893
|
+
color: #FFFFFF;
|
894
|
+
border: 1px solid #9DBB36; }
|
773
895
|
.btn-green.is-processing, .btn-green.processing, .btn-green.is-loading, .btn-green.loading {
|
774
896
|
background-position: center center !important;
|
775
897
|
color: transparent !important;
|
776
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#
|
898
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#9DBB36%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#9DBB36%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
777
899
|
background-repeat: no-repeat;
|
778
900
|
background-size: 23px 23px; }
|
779
901
|
.btn-green.is-processing.btn--small, .btn-green.is-processing.btn-search, .btn-green.processing.btn--small, .btn-green.processing.btn-search, .btn-green.is-loading.btn--small, .btn-green.is-loading.btn-search, .btn-green.loading.btn--small, .btn-green.loading.btn-search {
|
@@ -827,35 +949,35 @@ select {
|
|
827
949
|
/* button white shorthand
|
828
950
|
......................................*/
|
829
951
|
.btn-white, .btn-dropdown-white {
|
830
|
-
background-color:
|
831
|
-
color: #
|
832
|
-
border: 1px solid #
|
952
|
+
background-color: #ffffff;
|
953
|
+
color: #5E7887;
|
954
|
+
border: 1px solid #D7DDE1;
|
833
955
|
background-size: 15px 15px; }
|
834
956
|
.btn-white:link, .btn-dropdown-white:link, .btn-white:visited, .btn-dropdown-white:visited {
|
835
|
-
color: #
|
836
|
-
border: 1px solid #
|
957
|
+
color: #5E7887;
|
958
|
+
border: 1px solid #D7DDE1; }
|
837
959
|
.btn-white:hover, .btn-dropdown-white:hover, .btn-white.is-hover, .is-hover.btn-dropdown-white, .btn-white:focus:hover, .btn-dropdown-white:focus:hover, .btn-white:focus.is-hover, .btn-dropdown-white:focus.is-hover, .btn-white.is-selected, .is-selected.btn-dropdown-white {
|
838
|
-
color: #
|
960
|
+
color: #5E7887;
|
839
961
|
cursor: pointer;
|
840
|
-
background-color: #
|
841
|
-
border: 1px solid #
|
962
|
+
background-color: #F0F2F4;
|
963
|
+
border: 1px solid #D7DDE1; }
|
842
964
|
.btn-white:active, .btn-dropdown-white:active, .btn-white.is-active, .is-active.btn-dropdown-white, .btn-white:focus, .btn-dropdown-white:focus, .btn-white.is-focus, .is-focus.btn-dropdown-white {
|
843
|
-
color: #
|
844
|
-
background-color:
|
845
|
-
border: 1px solid #
|
965
|
+
color: #5E7887;
|
966
|
+
background-color: #ffffff;
|
967
|
+
border: 1px solid #D7DDE1; }
|
846
968
|
.btn-white[disabled], [disabled].btn-dropdown-white, .btn-white.is-disabled, .is-disabled.btn-dropdown-white {
|
847
969
|
opacity: .5;
|
848
|
-
background-color:
|
849
|
-
color: #
|
850
|
-
border: 1px solid #
|
970
|
+
background-color: #ffffff;
|
971
|
+
color: #5E7887;
|
972
|
+
border: 1px solid #D7DDE1; }
|
851
973
|
.btn-white[disabled]:visited, [disabled].btn-dropdown-white:visited, .btn-white[disabled]:hover, [disabled].btn-dropdown-white:hover, .btn-white[disabled].is-hover, [disabled].is-hover.btn-dropdown-white, .btn-white[disabled]:active, [disabled].btn-dropdown-white:active, .btn-white[disabled].is-active, [disabled].is-active.btn-dropdown-white, .btn-white.is-disabled:visited, .is-disabled.btn-dropdown-white:visited, .btn-white.is-disabled:hover, .is-disabled.btn-dropdown-white:hover, .btn-white.is-disabled.is-hover, .is-disabled.is-hover.btn-dropdown-white, .btn-white.is-disabled:active, .is-disabled.btn-dropdown-white:active, .btn-white.is-disabled.is-active, .is-disabled.is-active.btn-dropdown-white {
|
852
|
-
background-color:
|
853
|
-
color: #
|
854
|
-
border: 1px solid #
|
974
|
+
background-color: #ffffff;
|
975
|
+
color: #5E7887;
|
976
|
+
border: 1px solid #D7DDE1; }
|
855
977
|
.btn-white.is-processing, .is-processing.btn-dropdown-white, .btn-white.processing, .processing.btn-dropdown-white, .btn-white.is-loading, .is-loading.btn-dropdown-white, .btn-white.loading, .loading.btn-dropdown-white {
|
856
978
|
background-position: center center !important;
|
857
979
|
color: transparent !important;
|
858
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#
|
980
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#5E7887%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#5E7887%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
859
981
|
background-repeat: no-repeat;
|
860
982
|
background-size: 23px 23px; }
|
861
983
|
.btn-white.is-processing.btn--small, .btn-white.is-processing.btn-search, .is-processing.btn-search.btn-dropdown-white, .is-processing.btn--small.btn-dropdown-white, .btn-white.processing.btn--small, .btn-white.processing.btn-search, .processing.btn-search.btn-dropdown-white, .processing.btn--small.btn-dropdown-white, .btn-white.is-loading.btn--small, .btn-white.is-loading.btn-search, .is-loading.btn-search.btn-dropdown-white, .is-loading.btn--small.btn-dropdown-white, .btn-white.loading.btn--small, .btn-white.loading.btn-search, .loading.btn-search.btn-dropdown-white, .loading.btn--small.btn-dropdown-white {
|
@@ -868,35 +990,35 @@ select {
|
|
868
990
|
/* button facebook shorthand
|
869
991
|
......................................*/
|
870
992
|
.btn-facebook {
|
871
|
-
background-color: #
|
872
|
-
color:
|
993
|
+
background-color: #3B5999;
|
994
|
+
color: #ffffff;
|
873
995
|
border: 1px solid #2d4474;
|
874
996
|
background-size: 15px 15px; }
|
875
997
|
.btn-facebook:link, .btn-facebook:visited {
|
876
|
-
color:
|
998
|
+
color: #ffffff;
|
877
999
|
border: 1px solid #2d4474; }
|
878
1000
|
.btn-facebook:hover, .btn-facebook.is-hover, .btn-facebook:focus:hover, .btn-facebook:focus.is-hover, .btn-facebook.is-selected {
|
879
|
-
color:
|
1001
|
+
color: #ffffff;
|
880
1002
|
cursor: pointer;
|
881
1003
|
background-color: #2d4474;
|
882
1004
|
border: 1px solid #2d4474; }
|
883
1005
|
.btn-facebook:active, .btn-facebook.is-active, .btn-facebook:focus, .btn-facebook.is-focus {
|
884
|
-
color:
|
885
|
-
background-color: #
|
1006
|
+
color: #ffffff;
|
1007
|
+
background-color: #3B5999;
|
886
1008
|
border: 1px solid #2d4474; }
|
887
1009
|
.btn-facebook[disabled], .btn-facebook.is-disabled {
|
888
1010
|
opacity: .5;
|
889
|
-
background-color: #
|
890
|
-
color:
|
1011
|
+
background-color: #3B5999;
|
1012
|
+
color: #ffffff;
|
891
1013
|
border: 1px solid #2d4474; }
|
892
1014
|
.btn-facebook[disabled]:visited, .btn-facebook[disabled]:hover, .btn-facebook[disabled].is-hover, .btn-facebook[disabled]:active, .btn-facebook[disabled].is-active, .btn-facebook.is-disabled:visited, .btn-facebook.is-disabled:hover, .btn-facebook.is-disabled.is-hover, .btn-facebook.is-disabled:active, .btn-facebook.is-disabled.is-active {
|
893
|
-
background-color: #
|
894
|
-
color:
|
1015
|
+
background-color: #3B5999;
|
1016
|
+
color: #ffffff;
|
895
1017
|
border: 1px solid #2d4474; }
|
896
1018
|
.btn-facebook.is-processing, .btn-facebook.processing, .btn-facebook.is-loading, .btn-facebook.loading {
|
897
1019
|
background-position: center center !important;
|
898
1020
|
color: transparent !important;
|
899
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%
|
1021
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
900
1022
|
background-repeat: no-repeat;
|
901
1023
|
background-size: 23px 23px; }
|
902
1024
|
.btn-facebook.is-processing.btn--small, .btn-facebook.is-processing.btn-search, .btn-facebook.processing.btn--small, .btn-facebook.processing.btn-search, .btn-facebook.is-loading.btn--small, .btn-facebook.is-loading.btn-search, .btn-facebook.loading.btn--small, .btn-facebook.loading.btn-search {
|
@@ -909,35 +1031,35 @@ select {
|
|
909
1031
|
/* button twitter shorthand
|
910
1032
|
......................................*/
|
911
1033
|
.btn-twitter {
|
912
|
-
background-color: #
|
913
|
-
color:
|
1034
|
+
background-color: #55ACEE;
|
1035
|
+
color: #ffffff;
|
914
1036
|
border: 1px solid #2795e9;
|
915
1037
|
background-size: 15px 15px; }
|
916
1038
|
.btn-twitter:link, .btn-twitter:visited {
|
917
|
-
color:
|
1039
|
+
color: #ffffff;
|
918
1040
|
border: 1px solid #2795e9; }
|
919
1041
|
.btn-twitter:hover, .btn-twitter.is-hover, .btn-twitter:focus:hover, .btn-twitter:focus.is-hover, .btn-twitter.is-selected {
|
920
|
-
color:
|
1042
|
+
color: #ffffff;
|
921
1043
|
cursor: pointer;
|
922
1044
|
background-color: #2795e9;
|
923
1045
|
border: 1px solid #2795e9; }
|
924
1046
|
.btn-twitter:active, .btn-twitter.is-active, .btn-twitter:focus, .btn-twitter.is-focus {
|
925
|
-
color:
|
926
|
-
background-color: #
|
1047
|
+
color: #ffffff;
|
1048
|
+
background-color: #55ACEE;
|
927
1049
|
border: 1px solid #2795e9; }
|
928
1050
|
.btn-twitter[disabled], .btn-twitter.is-disabled {
|
929
1051
|
opacity: .5;
|
930
|
-
background-color: #
|
931
|
-
color:
|
1052
|
+
background-color: #55ACEE;
|
1053
|
+
color: #ffffff;
|
932
1054
|
border: 1px solid #2795e9; }
|
933
1055
|
.btn-twitter[disabled]:visited, .btn-twitter[disabled]:hover, .btn-twitter[disabled].is-hover, .btn-twitter[disabled]:active, .btn-twitter[disabled].is-active, .btn-twitter.is-disabled:visited, .btn-twitter.is-disabled:hover, .btn-twitter.is-disabled.is-hover, .btn-twitter.is-disabled:active, .btn-twitter.is-disabled.is-active {
|
934
|
-
background-color: #
|
935
|
-
color:
|
1056
|
+
background-color: #55ACEE;
|
1057
|
+
color: #ffffff;
|
936
1058
|
border: 1px solid #2795e9; }
|
937
1059
|
.btn-twitter.is-processing, .btn-twitter.processing, .btn-twitter.is-loading, .btn-twitter.loading {
|
938
1060
|
background-position: center center !important;
|
939
1061
|
color: transparent !important;
|
940
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%
|
1062
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
941
1063
|
background-repeat: no-repeat;
|
942
1064
|
background-size: 23px 23px; }
|
943
1065
|
.btn-twitter.is-processing.btn--small, .btn-twitter.is-processing.btn-search, .btn-twitter.processing.btn--small, .btn-twitter.processing.btn-search, .btn-twitter.is-loading.btn--small, .btn-twitter.is-loading.btn-search, .btn-twitter.loading.btn--small, .btn-twitter.loading.btn-search {
|
@@ -951,34 +1073,34 @@ select {
|
|
951
1073
|
......................................*/
|
952
1074
|
.btn-transparent {
|
953
1075
|
background-color: rgba(255, 255, 255, 0.5);
|
954
|
-
color:
|
1076
|
+
color: #ffffff;
|
955
1077
|
border: 1px solid rgba(255, 255, 255, 0);
|
956
1078
|
background-size: 15px 15px; }
|
957
1079
|
.btn-transparent:link, .btn-transparent:visited {
|
958
|
-
color:
|
1080
|
+
color: #ffffff;
|
959
1081
|
border: 1px solid rgba(255, 255, 255, 0); }
|
960
1082
|
.btn-transparent:hover, .btn-transparent.is-hover, .btn-transparent:focus:hover, .btn-transparent:focus.is-hover, .btn-transparent.is-selected {
|
961
|
-
color:
|
1083
|
+
color: #ffffff;
|
962
1084
|
cursor: pointer;
|
963
1085
|
background-color: rgba(255, 255, 255, 0.7);
|
964
1086
|
border: 1px solid rgba(255, 255, 255, 0); }
|
965
1087
|
.btn-transparent:active, .btn-transparent.is-active, .btn-transparent:focus, .btn-transparent.is-focus {
|
966
|
-
color:
|
1088
|
+
color: #ffffff;
|
967
1089
|
background-color: rgba(255, 255, 255, 0.5);
|
968
1090
|
border: 1px solid rgba(255, 255, 255, 0); }
|
969
1091
|
.btn-transparent[disabled], .btn-transparent.is-disabled {
|
970
1092
|
opacity: .5;
|
971
1093
|
background-color: rgba(255, 255, 255, 0.5);
|
972
|
-
color:
|
1094
|
+
color: #ffffff;
|
973
1095
|
border: 1px solid rgba(255, 255, 255, 0); }
|
974
1096
|
.btn-transparent[disabled]:visited, .btn-transparent[disabled]:hover, .btn-transparent[disabled].is-hover, .btn-transparent[disabled]:active, .btn-transparent[disabled].is-active, .btn-transparent.is-disabled:visited, .btn-transparent.is-disabled:hover, .btn-transparent.is-disabled.is-hover, .btn-transparent.is-disabled:active, .btn-transparent.is-disabled.is-active {
|
975
1097
|
background-color: rgba(255, 255, 255, 0.5);
|
976
|
-
color:
|
1098
|
+
color: #ffffff;
|
977
1099
|
border: 1px solid rgba(255, 255, 255, 0); }
|
978
1100
|
.btn-transparent.is-processing, .btn-transparent.processing, .btn-transparent.is-loading, .btn-transparent.loading {
|
979
1101
|
background-position: center center !important;
|
980
1102
|
color: transparent !important;
|
981
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%
|
1103
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
982
1104
|
background-repeat: no-repeat;
|
983
1105
|
background-size: 23px 23px; }
|
984
1106
|
.btn-transparent.is-processing.btn--small, .btn-transparent.is-processing.btn-search, .btn-transparent.processing.btn--small, .btn-transparent.processing.btn-search, .btn-transparent.is-loading.btn--small, .btn-transparent.is-loading.btn-search, .btn-transparent.loading.btn--small, .btn-transparent.loading.btn-search {
|
@@ -991,35 +1113,35 @@ select {
|
|
991
1113
|
/* button tumblr shorthand
|
992
1114
|
......................................*/
|
993
1115
|
.btn-tumblr {
|
994
|
-
background-color: #
|
995
|
-
color:
|
1116
|
+
background-color: #34465D;
|
1117
|
+
color: #ffffff;
|
996
1118
|
border: 1px solid #222d3c;
|
997
1119
|
background-size: 15px 15px; }
|
998
1120
|
.btn-tumblr:link, .btn-tumblr:visited {
|
999
|
-
color:
|
1121
|
+
color: #ffffff;
|
1000
1122
|
border: 1px solid #222d3c; }
|
1001
1123
|
.btn-tumblr:hover, .btn-tumblr.is-hover, .btn-tumblr:focus:hover, .btn-tumblr:focus.is-hover, .btn-tumblr.is-selected {
|
1002
|
-
color:
|
1124
|
+
color: #ffffff;
|
1003
1125
|
cursor: pointer;
|
1004
1126
|
background-color: #222d3c;
|
1005
1127
|
border: 1px solid #222d3c; }
|
1006
1128
|
.btn-tumblr:active, .btn-tumblr.is-active, .btn-tumblr:focus, .btn-tumblr.is-focus {
|
1007
|
-
color:
|
1008
|
-
background-color: #
|
1129
|
+
color: #ffffff;
|
1130
|
+
background-color: #34465D;
|
1009
1131
|
border: 1px solid #222d3c; }
|
1010
1132
|
.btn-tumblr[disabled], .btn-tumblr.is-disabled {
|
1011
1133
|
opacity: .5;
|
1012
|
-
background-color: #
|
1013
|
-
color:
|
1134
|
+
background-color: #34465D;
|
1135
|
+
color: #ffffff;
|
1014
1136
|
border: 1px solid #222d3c; }
|
1015
1137
|
.btn-tumblr[disabled]:visited, .btn-tumblr[disabled]:hover, .btn-tumblr[disabled].is-hover, .btn-tumblr[disabled]:active, .btn-tumblr[disabled].is-active, .btn-tumblr.is-disabled:visited, .btn-tumblr.is-disabled:hover, .btn-tumblr.is-disabled.is-hover, .btn-tumblr.is-disabled:active, .btn-tumblr.is-disabled.is-active {
|
1016
|
-
background-color: #
|
1017
|
-
color:
|
1138
|
+
background-color: #34465D;
|
1139
|
+
color: #ffffff;
|
1018
1140
|
border: 1px solid #222d3c; }
|
1019
1141
|
.btn-tumblr.is-processing, .btn-tumblr.processing, .btn-tumblr.is-loading, .btn-tumblr.loading {
|
1020
1142
|
background-position: center center !important;
|
1021
1143
|
color: transparent !important;
|
1022
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%
|
1144
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
1023
1145
|
background-repeat: no-repeat;
|
1024
1146
|
background-size: 23px 23px; }
|
1025
1147
|
.btn-tumblr.is-processing.btn--small, .btn-tumblr.is-processing.btn-search, .btn-tumblr.processing.btn--small, .btn-tumblr.processing.btn-search, .btn-tumblr.is-loading.btn--small, .btn-tumblr.is-loading.btn-search, .btn-tumblr.loading.btn--small, .btn-tumblr.loading.btn-search {
|
@@ -1032,35 +1154,35 @@ select {
|
|
1032
1154
|
/* button paypal shorthand
|
1033
1155
|
......................................*/
|
1034
1156
|
.btn-paypal {
|
1035
|
-
background-color: #
|
1036
|
-
color:
|
1157
|
+
background-color: #00457C;
|
1158
|
+
color: #ffffff;
|
1037
1159
|
border: 1px solid #002949;
|
1038
1160
|
background-size: 15px 15px; }
|
1039
1161
|
.btn-paypal:link, .btn-paypal:visited {
|
1040
|
-
color:
|
1162
|
+
color: #ffffff;
|
1041
1163
|
border: 1px solid #002949; }
|
1042
1164
|
.btn-paypal:hover, .btn-paypal.is-hover, .btn-paypal:focus:hover, .btn-paypal:focus.is-hover, .btn-paypal.is-selected {
|
1043
|
-
color:
|
1165
|
+
color: #ffffff;
|
1044
1166
|
cursor: pointer;
|
1045
1167
|
background-color: #002949;
|
1046
1168
|
border: 1px solid #002949; }
|
1047
1169
|
.btn-paypal:active, .btn-paypal.is-active, .btn-paypal:focus, .btn-paypal.is-focus {
|
1048
|
-
color:
|
1049
|
-
background-color: #
|
1170
|
+
color: #ffffff;
|
1171
|
+
background-color: #00457C;
|
1050
1172
|
border: 1px solid #002949; }
|
1051
1173
|
.btn-paypal[disabled], .btn-paypal.is-disabled {
|
1052
1174
|
opacity: .5;
|
1053
|
-
background-color: #
|
1054
|
-
color:
|
1175
|
+
background-color: #00457C;
|
1176
|
+
color: #ffffff;
|
1055
1177
|
border: 1px solid #002949; }
|
1056
1178
|
.btn-paypal[disabled]:visited, .btn-paypal[disabled]:hover, .btn-paypal[disabled].is-hover, .btn-paypal[disabled]:active, .btn-paypal[disabled].is-active, .btn-paypal.is-disabled:visited, .btn-paypal.is-disabled:hover, .btn-paypal.is-disabled.is-hover, .btn-paypal.is-disabled:active, .btn-paypal.is-disabled.is-active {
|
1057
|
-
background-color: #
|
1058
|
-
color:
|
1179
|
+
background-color: #00457C;
|
1180
|
+
color: #ffffff;
|
1059
1181
|
border: 1px solid #002949; }
|
1060
1182
|
.btn-paypal.is-processing, .btn-paypal.processing, .btn-paypal.is-loading, .btn-paypal.loading {
|
1061
1183
|
background-position: center center !important;
|
1062
1184
|
color: transparent !important;
|
1063
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%
|
1185
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
1064
1186
|
background-repeat: no-repeat;
|
1065
1187
|
background-size: 23px 23px; }
|
1066
1188
|
.btn-paypal.is-processing.btn--small, .btn-paypal.is-processing.btn-search, .btn-paypal.processing.btn--small, .btn-paypal.processing.btn-search, .btn-paypal.is-loading.btn--small, .btn-paypal.is-loading.btn-search, .btn-paypal.loading.btn--small, .btn-paypal.loading.btn-search {
|
@@ -1073,35 +1195,35 @@ select {
|
|
1073
1195
|
/* button roku shorthand
|
1074
1196
|
......................................*/
|
1075
1197
|
.btn-roku {
|
1076
|
-
background-color: #
|
1077
|
-
color:
|
1198
|
+
background-color: #662C91;
|
1199
|
+
color: #ffffff;
|
1078
1200
|
border: 1px solid #4a206a;
|
1079
1201
|
background-size: 15px 15px; }
|
1080
1202
|
.btn-roku:link, .btn-roku:visited {
|
1081
|
-
color:
|
1203
|
+
color: #ffffff;
|
1082
1204
|
border: 1px solid #4a206a; }
|
1083
1205
|
.btn-roku:hover, .btn-roku.is-hover, .btn-roku:focus:hover, .btn-roku:focus.is-hover, .btn-roku.is-selected {
|
1084
|
-
color:
|
1206
|
+
color: #ffffff;
|
1085
1207
|
cursor: pointer;
|
1086
1208
|
background-color: #4a206a;
|
1087
1209
|
border: 1px solid #4a206a; }
|
1088
1210
|
.btn-roku:active, .btn-roku.is-active, .btn-roku:focus, .btn-roku.is-focus {
|
1089
|
-
color:
|
1090
|
-
background-color: #
|
1211
|
+
color: #ffffff;
|
1212
|
+
background-color: #662C91;
|
1091
1213
|
border: 1px solid #4a206a; }
|
1092
1214
|
.btn-roku[disabled], .btn-roku.is-disabled {
|
1093
1215
|
opacity: .5;
|
1094
|
-
background-color: #
|
1095
|
-
color:
|
1216
|
+
background-color: #662C91;
|
1217
|
+
color: #ffffff;
|
1096
1218
|
border: 1px solid #4a206a; }
|
1097
1219
|
.btn-roku[disabled]:visited, .btn-roku[disabled]:hover, .btn-roku[disabled].is-hover, .btn-roku[disabled]:active, .btn-roku[disabled].is-active, .btn-roku.is-disabled:visited, .btn-roku.is-disabled:hover, .btn-roku.is-disabled.is-hover, .btn-roku.is-disabled:active, .btn-roku.is-disabled.is-active {
|
1098
|
-
background-color: #
|
1099
|
-
color:
|
1220
|
+
background-color: #662C91;
|
1221
|
+
color: #ffffff;
|
1100
1222
|
border: 1px solid #4a206a; }
|
1101
1223
|
.btn-roku.is-processing, .btn-roku.processing, .btn-roku.is-loading, .btn-roku.loading {
|
1102
1224
|
background-position: center center !important;
|
1103
1225
|
color: transparent !important;
|
1104
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%
|
1226
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23#ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23#ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
|
1105
1227
|
background-repeat: no-repeat;
|
1106
1228
|
background-size: 23px 23px; }
|
1107
1229
|
.btn-roku.is-processing.btn--small, .btn-roku.is-processing.btn-search, .btn-roku.processing.btn--small, .btn-roku.processing.btn-search, .btn-roku.is-loading.btn--small, .btn-roku.is-loading.btn-search, .btn-roku.loading.btn--small, .btn-roku.loading.btn-search {
|
@@ -1173,7 +1295,7 @@ select {
|
|
1173
1295
|
right: 39px;
|
1174
1296
|
width: 1px;
|
1175
1297
|
height: 100%;
|
1176
|
-
background:
|
1298
|
+
background: #ffffff; }
|
1177
1299
|
.btn-dropdown.icon--center, .btn-dropdown.btn-search, .btn-search.btn-dropdown-gray, .btn-search.btn-dropdown-white, .btn-search.btn-dropdown-teal, .icon--center.btn-dropdown-gray, .icon--center.btn-dropdown-white, .icon--center.btn-dropdown-teal {
|
1178
1300
|
width: 40px; }
|
1179
1301
|
.btn-dropdown.icon--center.btn-dropdown--action:before, .btn-dropdown.btn-dropdown--action.btn-search:before, .btn-dropdown--action.btn-search.btn-dropdown-gray:before, .btn-dropdown--action.btn-search.btn-dropdown-white:before, .btn-dropdown--action.btn-search.btn-dropdown-teal:before, .icon--center.btn-dropdown--action.btn-dropdown-gray:before, .icon--center.btn-dropdown--action.btn-dropdown-white:before, .icon--center.btn-dropdown--action.btn-dropdown-teal:before {
|
@@ -1186,19 +1308,19 @@ select {
|
|
1186
1308
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
1187
1309
|
background-repeat: no-repeat; }
|
1188
1310
|
.btn-dropdown-gray.btn-dropdown--action:before {
|
1189
|
-
background: #
|
1311
|
+
background: #F0F2F4; }
|
1190
1312
|
.btn-dropdown-gray:hover.btn-dropdown--action:before {
|
1191
|
-
background: #
|
1313
|
+
background: #AFBCC3; }
|
1192
1314
|
|
1193
1315
|
.btn-dropdown-white.btn-dropdown--action:before {
|
1194
|
-
background: #
|
1316
|
+
background: #F0F2F4; }
|
1195
1317
|
.btn-dropdown-white:hover.btn-dropdown--action:before {
|
1196
|
-
background: #
|
1318
|
+
background: #AFBCC3; }
|
1197
1319
|
|
1198
1320
|
.btn-dropdown-teal.btn-dropdown--action:before {
|
1199
|
-
background: #
|
1321
|
+
background: #22B9B0; }
|
1200
1322
|
.btn-dropdown-teal:hover.btn-dropdown--action:before {
|
1201
|
-
background: #
|
1323
|
+
background: #149A97; }
|
1202
1324
|
|
1203
1325
|
/* button sizes
|
1204
1326
|
......................................*/
|
@@ -1316,8 +1438,8 @@ select {
|
|
1316
1438
|
.btn-group .btn-dropdown-gray:nth-child(odd),
|
1317
1439
|
.btn-group .btn-teal:nth-child(odd),
|
1318
1440
|
.btn-group .btn-dropdown-teal:nth-child(odd) {
|
1319
|
-
border-right: 1px solid #
|
1320
|
-
border-left: 1px solid #
|
1441
|
+
border-right: 1px solid #F0F2F4 !important;
|
1442
|
+
border-left: 1px solid #F0F2F4 !important; }
|
1321
1443
|
.btn-group .btn-white:nth-child(odd):hover, .btn-group .btn-dropdown-white:nth-child(odd):hover, .btn-group .btn-white:nth-child(odd):focus, .btn-group .btn-dropdown-white:nth-child(odd):focus,
|
1322
1444
|
.btn-group .btn-gray:nth-child(odd):hover,
|
1323
1445
|
.btn-group .btn-dropdown-gray:nth-child(odd):hover,
|
@@ -1327,8 +1449,8 @@ select {
|
|
1327
1449
|
.btn-group .btn-dropdown-teal:nth-child(odd):hover,
|
1328
1450
|
.btn-group .btn-teal:nth-child(odd):focus,
|
1329
1451
|
.btn-group .btn-dropdown-teal:nth-child(odd):focus {
|
1330
|
-
border-right: 1px solid #
|
1331
|
-
border-left: 1px solid #
|
1452
|
+
border-right: 1px solid #F0F2F4 !important;
|
1453
|
+
border-left: 1px solid #F0F2F4 !important;
|
1332
1454
|
z-index: 10000; }
|
1333
1455
|
.btn-group .btn-white:nth-child(even), .btn-group .btn-dropdown-white:nth-child(even),
|
1334
1456
|
.btn-group .btn-gray:nth-child(even),
|
@@ -1346,22 +1468,22 @@ select {
|
|
1346
1468
|
.btn-group .btn-dropdown-teal:nth-child(even):hover,
|
1347
1469
|
.btn-group .btn-teal:nth-child(even):focus,
|
1348
1470
|
.btn-group .btn-dropdown-teal:nth-child(even):focus {
|
1349
|
-
border-left: 1px solid #
|
1350
|
-
border-right: 1px solid #
|
1471
|
+
border-left: 1px solid #F0F2F4 !important;
|
1472
|
+
border-right: 1px solid #F0F2F4 !important;
|
1351
1473
|
z-index: 10000; }
|
1352
1474
|
.btn-group .btn-white:first-child, .btn-group .btn-dropdown-white:first-child,
|
1353
1475
|
.btn-group .btn-gray:first-child,
|
1354
1476
|
.btn-group .btn-dropdown-gray:first-child,
|
1355
1477
|
.btn-group .btn-teal:first-child,
|
1356
1478
|
.btn-group .btn-dropdown-teal:first-child {
|
1357
|
-
border-left: 1px solid #
|
1479
|
+
border-left: 1px solid #F0F2F4 !important;
|
1358
1480
|
border-radius: 5px 0 0 5px; }
|
1359
1481
|
.btn-group .btn-white:last-child, .btn-group .btn-dropdown-white:last-child,
|
1360
1482
|
.btn-group .btn-gray:last-child,
|
1361
1483
|
.btn-group .btn-dropdown-gray:last-child,
|
1362
1484
|
.btn-group .btn-teal:last-child,
|
1363
1485
|
.btn-group .btn-dropdown-teal:last-child {
|
1364
|
-
border-right: 1px solid #
|
1486
|
+
border-right: 1px solid #F0F2F4 !important;
|
1365
1487
|
border-radius: 0 5px 5px 0; }
|
1366
1488
|
.btn-group .btn-white:last-child:after, .btn-group .btn-dropdown-white:last-child:after,
|
1367
1489
|
.btn-group .btn-gray:last-child:after,
|
@@ -1414,7 +1536,7 @@ select {
|
|
1414
1536
|
display: inline-block;
|
1415
1537
|
min-height: 40px;
|
1416
1538
|
width: 100%;
|
1417
|
-
color: #
|
1539
|
+
color: #5E7887;
|
1418
1540
|
font-size: 14px;
|
1419
1541
|
background: transparent;
|
1420
1542
|
-webkit-user-select: none;
|
@@ -1503,7 +1625,7 @@ select {
|
|
1503
1625
|
background-image: none; }
|
1504
1626
|
.form .checkbox input[type="checkbox"]:checked + label .checkbox--icon, .form .checkbox.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
1505
1627
|
transition: border 400ms ease-out;
|
1506
|
-
border: 1px solid #
|
1628
|
+
border: 1px solid #5E7887;
|
1507
1629
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322B8AF%22%20d%3D%22M9.291%2019.819l-3.323-3.323%2013.293-13.293%203.323%203.323z%22%2F%3E%3Cpath%20fill%3D%22%23149996%22%20d%3D%22M3.748%207.535l8.84%208.838-3.323%203.324-8.84-8.838z%22%2F%3E%3C%2Fsvg%3E");
|
1508
1630
|
background-repeat: no-repeat; }
|
1509
1631
|
.form .checkbox input[type="checkbox"]:checked + label .checkbox--icon .checkbox-animate, .form .checkbox.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon .checkbox-animate {
|
@@ -1585,7 +1707,7 @@ select {
|
|
1585
1707
|
display: block;
|
1586
1708
|
width: 24px;
|
1587
1709
|
height: 24px;
|
1588
|
-
background: #
|
1710
|
+
background: #D7DDE1;
|
1589
1711
|
border-radius: 24px; }
|
1590
1712
|
.form .checkbox.alt label .checkbox--circle .circle-bottom {
|
1591
1713
|
transition: opacity .2s ease;
|
@@ -1601,7 +1723,7 @@ select {
|
|
1601
1723
|
display: block;
|
1602
1724
|
width: 24px;
|
1603
1725
|
height: 24px;
|
1604
|
-
background: #
|
1726
|
+
background: #D7DDE1;
|
1605
1727
|
border-radius: 23px; }
|
1606
1728
|
.form .checkbox.alt.invert input[type="checkbox"]:checked + label,
|
1607
1729
|
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label {
|
@@ -1623,14 +1745,14 @@ select {
|
|
1623
1745
|
left: 0; }
|
1624
1746
|
.form .checkbox.alt.invert input[type="checkbox"]:checked + label .checkbox--circle .circle-top span,
|
1625
1747
|
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-top span {
|
1626
|
-
background: #
|
1748
|
+
background: #D7DDE1; }
|
1627
1749
|
.form .checkbox.alt.invert input[type="checkbox"]:checked + label .checkbox--circle .circle-bottom span,
|
1628
1750
|
.form .checkbox.alt input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-bottom span {
|
1629
|
-
background: #
|
1751
|
+
background: #D7DDE1; }
|
1630
1752
|
.form .checkbox.alt input[type="checkbox"]:checked + label, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label {
|
1631
1753
|
border: 1px solid #9aaab4; }
|
1632
1754
|
.form .checkbox.alt input[type="checkbox"]:checked + label .contain, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .contain {
|
1633
|
-
background: #
|
1755
|
+
background: #149A97; }
|
1634
1756
|
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--icon, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--icon {
|
1635
1757
|
border: none;
|
1636
1758
|
height: 20px;
|
@@ -1645,9 +1767,9 @@ select {
|
|
1645
1767
|
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--circle, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle {
|
1646
1768
|
left: 30px; }
|
1647
1769
|
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--circle .circle-top span, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-top span {
|
1648
|
-
background: #
|
1770
|
+
background: #22B9B0; }
|
1649
1771
|
.form .checkbox.alt input[type="checkbox"]:checked + label .checkbox--circle .circle-bottom span, .form .checkbox.alt.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle .circle-bottom span {
|
1650
|
-
background: #
|
1772
|
+
background: #149A97; }
|
1651
1773
|
.form .checkbox.alt.small input[type="checkbox"]:checked + label .checkbox--circle, .form .checkbox.alt.small.invert input[type="checkbox"]:not(:checked) + label .checkbox--circle {
|
1652
1774
|
left: 20px; }
|
1653
1775
|
.form .checkbox.alt.small {
|
@@ -1710,7 +1832,7 @@ select {
|
|
1710
1832
|
line-height: 30px; }
|
1711
1833
|
|
1712
1834
|
[data-checkable].is-hovered, [data-checkable]:hover {
|
1713
|
-
background: #
|
1835
|
+
background: #149A97 !important;
|
1714
1836
|
cursor: pointer; }
|
1715
1837
|
|
1716
1838
|
/* imports
|
@@ -1737,34 +1859,34 @@ select {
|
|
1737
1859
|
Colors - Grays
|
1738
1860
|
..................................... */
|
1739
1861
|
.white {
|
1740
|
-
background-color:
|
1862
|
+
background-color: #ffffff; }
|
1741
1863
|
|
1742
1864
|
.white-transparent {
|
1743
1865
|
background-color: rgba(255, 255, 255, 0.7); }
|
1744
1866
|
|
1745
1867
|
.black {
|
1746
|
-
background-color:
|
1868
|
+
background-color: #000000; }
|
1747
1869
|
|
1748
1870
|
.black-transparent {
|
1749
1871
|
background-color: rgba(0, 0, 0, 0.7); }
|
1750
1872
|
|
1751
1873
|
.gray-1 {
|
1752
|
-
background-color: #
|
1874
|
+
background-color: #F7F8F9; }
|
1753
1875
|
|
1754
1876
|
.gray-2 {
|
1755
|
-
background-color: #
|
1877
|
+
background-color: #F0F2F4; }
|
1756
1878
|
|
1757
1879
|
.gray-3 {
|
1758
|
-
background-color: #
|
1880
|
+
background-color: #D7DDE1; }
|
1759
1881
|
|
1760
1882
|
.gray-4 {
|
1761
|
-
background-color: #
|
1883
|
+
background-color: #AFBCC3; }
|
1762
1884
|
|
1763
1885
|
.gray-5 {
|
1764
|
-
background-color: #
|
1886
|
+
background-color: #869AA5; }
|
1765
1887
|
|
1766
1888
|
.gray-6 {
|
1767
|
-
background-color: #
|
1889
|
+
background-color: #5E7887; }
|
1768
1890
|
|
1769
1891
|
.gray-7 {
|
1770
1892
|
background-color: #375667; }
|
@@ -1776,25 +1898,25 @@ select {
|
|
1776
1898
|
Colors - Teals
|
1777
1899
|
..................................... */
|
1778
1900
|
.teal-1 {
|
1779
|
-
background-color: #
|
1901
|
+
background-color: #F2FBFB; }
|
1780
1902
|
|
1781
1903
|
.teal-2 {
|
1782
|
-
background-color: #
|
1904
|
+
background-color: #22B9B0; }
|
1783
1905
|
|
1784
1906
|
.teal-3 {
|
1785
|
-
background-color: #
|
1907
|
+
background-color: #149A97; }
|
1786
1908
|
|
1787
1909
|
/* .....................................
|
1788
1910
|
Colors - Red
|
1789
1911
|
..................................... */
|
1790
1912
|
.red {
|
1791
|
-
background-color: #
|
1913
|
+
background-color: #D3104A; }
|
1792
1914
|
|
1793
1915
|
/* .....................................
|
1794
1916
|
Colors - Navy
|
1795
1917
|
..................................... */
|
1796
1918
|
.navy {
|
1797
|
-
background-color: #
|
1919
|
+
background-color: #00142B; }
|
1798
1920
|
|
1799
1921
|
.navy-transparent {
|
1800
1922
|
background-color: rgba(0, 20, 43, 0.5); }
|
@@ -1803,46 +1925,46 @@ select {
|
|
1803
1925
|
Colors - Brand Palette
|
1804
1926
|
..................................... */
|
1805
1927
|
.vhx-orange {
|
1806
|
-
background-color: #
|
1928
|
+
background-color: #D06B5E; }
|
1807
1929
|
|
1808
1930
|
.vhx-debian {
|
1809
|
-
background-color: #
|
1931
|
+
background-color: #BA0F45; }
|
1810
1932
|
|
1811
1933
|
.vhx-purple {
|
1812
1934
|
background-color: #783479; }
|
1813
1935
|
|
1814
1936
|
.vhx-currant {
|
1815
|
-
background-color: #
|
1937
|
+
background-color: #2E064A; }
|
1816
1938
|
|
1817
1939
|
.vhx-blue {
|
1818
|
-
background-color: #
|
1940
|
+
background-color: #227F95; }
|
1819
1941
|
|
1820
1942
|
.vhx-teal {
|
1821
|
-
background-color: #
|
1943
|
+
background-color: #149A97; }
|
1822
1944
|
|
1823
1945
|
.vhx-green {
|
1824
|
-
background-color: #
|
1946
|
+
background-color: #7DA53E; }
|
1825
1947
|
|
1826
1948
|
.vhx-yellow {
|
1827
|
-
background-color: #
|
1949
|
+
background-color: #FFB567; }
|
1828
1950
|
|
1829
1951
|
/* .....................................
|
1830
1952
|
Colors - External Brands
|
1831
1953
|
..................................... */
|
1832
1954
|
.facebook-blue {
|
1833
|
-
background-color: #
|
1955
|
+
background-color: #3B5999; }
|
1834
1956
|
|
1835
1957
|
.twitter-blue {
|
1836
|
-
background-color: #
|
1958
|
+
background-color: #55ACEE; }
|
1837
1959
|
|
1838
1960
|
.tumblr-blue {
|
1839
|
-
background-color: #
|
1961
|
+
background-color: #34465D; }
|
1840
1962
|
|
1841
1963
|
.paypal-blue {
|
1842
|
-
background-color: #
|
1964
|
+
background-color: #00457C; }
|
1843
1965
|
|
1844
1966
|
.roku-purple {
|
1845
|
-
background-color: #
|
1967
|
+
background-color: #662C91; }
|
1846
1968
|
|
1847
1969
|
/* .....................................
|
1848
1970
|
Fonts
|
@@ -1925,35 +2047,35 @@ select {
|
|
1925
2047
|
border-top-right-color: #192b3d;
|
1926
2048
|
margin-left: -11px; }
|
1927
2049
|
.arrow.arrow-bottom-left.background-black, .arrow.arrow-bottom-middle.background-black, .arrow.arrow-bottom-right.background-black {
|
1928
|
-
background:
|
2050
|
+
background: #000000; }
|
1929
2051
|
.arrow.arrow-bottom-left.background-black:after, .arrow.arrow-bottom-middle.background-black:after, .arrow.arrow-bottom-right.background-black:after {
|
1930
|
-
border-top-color:
|
2052
|
+
border-top-color: #000000; }
|
1931
2053
|
.arrow.arrow-bottom-left.background-black:before, .arrow.arrow-bottom-middle.background-black:before, .arrow.arrow-bottom-right.background-black:before {
|
1932
|
-
border-top-color:
|
2054
|
+
border-top-color: #000000; }
|
1933
2055
|
.arrow.arrow-bottom-left.background-white, .arrow.arrow-bottom-middle.background-white, .arrow.arrow-bottom-right.background-white {
|
1934
|
-
background:
|
2056
|
+
background: #ffffff; }
|
1935
2057
|
.arrow.arrow-bottom-left.background-white:after, .arrow.arrow-bottom-middle.background-white:after, .arrow.arrow-bottom-right.background-white:after {
|
1936
|
-
border-top-color:
|
2058
|
+
border-top-color: #ffffff; }
|
1937
2059
|
.arrow.arrow-bottom-left.background-white:before, .arrow.arrow-bottom-middle.background-white:before, .arrow.arrow-bottom-right.background-white:before {
|
1938
|
-
border-top-color:
|
2060
|
+
border-top-color: #ffffff; }
|
1939
2061
|
.arrow.arrow-bottom-left.background-gray, .arrow.arrow-bottom-middle.background-gray, .arrow.arrow-bottom-right.background-gray {
|
1940
|
-
background: #
|
2062
|
+
background: #F7F8F9; }
|
1941
2063
|
.arrow.arrow-bottom-left.background-gray:after, .arrow.arrow-bottom-middle.background-gray:after, .arrow.arrow-bottom-right.background-gray:after {
|
1942
|
-
border-top-color: #
|
2064
|
+
border-top-color: #F7F8F9; }
|
1943
2065
|
.arrow.arrow-bottom-left.background-gray:before, .arrow.arrow-bottom-middle.background-gray:before, .arrow.arrow-bottom-right.background-gray:before {
|
1944
|
-
border-top-color: #
|
2066
|
+
border-top-color: #F7F8F9; }
|
1945
2067
|
.arrow.arrow-bottom-left.is-alert, .arrow.arrow-bottom-middle.is-alert, .arrow.arrow-bottom-right.is-alert {
|
1946
|
-
background: #
|
2068
|
+
background: #D3104A; }
|
1947
2069
|
.arrow.arrow-bottom-left.is-alert:after, .arrow.arrow-bottom-middle.is-alert:after, .arrow.arrow-bottom-right.is-alert:after {
|
1948
|
-
border-top-color: #
|
2070
|
+
border-top-color: #D3104A; }
|
1949
2071
|
.arrow.arrow-bottom-left.is-alert:before, .arrow.arrow-bottom-middle.is-alert:before, .arrow.arrow-bottom-right.is-alert:before {
|
1950
|
-
border-top-color: #
|
2072
|
+
border-top-color: #D3104A; }
|
1951
2073
|
.arrow.arrow-bottom-left.is-error, .arrow.arrow-bottom-middle.is-error, .arrow.arrow-bottom-right.is-error {
|
1952
|
-
background: #
|
2074
|
+
background: #22B9B0; }
|
1953
2075
|
.arrow.arrow-bottom-left.is-error:after, .arrow.arrow-bottom-middle.is-error:after, .arrow.arrow-bottom-right.is-error:after {
|
1954
|
-
border-top-color: #
|
2076
|
+
border-top-color: #22B9B0; }
|
1955
2077
|
.arrow.arrow-bottom-left.is-error:before, .arrow.arrow-bottom-middle.is-error:before, .arrow.arrow-bottom-right.is-error:before {
|
1956
|
-
border-top-color: #
|
2078
|
+
border-top-color: #22B9B0; }
|
1957
2079
|
.arrow.arrow-left-top:after, .arrow.arrow-left-top:before {
|
1958
2080
|
right: 100%;
|
1959
2081
|
top: 15%; }
|
@@ -1970,35 +2092,35 @@ select {
|
|
1970
2092
|
border-right-right-color: #192b3d;
|
1971
2093
|
margin-top: -11px; }
|
1972
2094
|
.arrow.arrow-left-top.background-black, .arrow.arrow-left-middle.background-black, .arrow.arrow-left-bottom.background-black {
|
1973
|
-
background:
|
2095
|
+
background: #000000; }
|
1974
2096
|
.arrow.arrow-left-top.background-black:after, .arrow.arrow-left-middle.background-black:after, .arrow.arrow-left-bottom.background-black:after {
|
1975
|
-
border-right-color:
|
2097
|
+
border-right-color: #000000; }
|
1976
2098
|
.arrow.arrow-left-top.background-black:before, .arrow.arrow-left-middle.background-black:before, .arrow.arrow-left-bottom.background-black:before {
|
1977
|
-
border-right-color:
|
2099
|
+
border-right-color: #000000; }
|
1978
2100
|
.arrow.arrow-left-top.background-white, .arrow.arrow-left-middle.background-white, .arrow.arrow-left-bottom.background-white {
|
1979
|
-
background:
|
2101
|
+
background: #ffffff; }
|
1980
2102
|
.arrow.arrow-left-top.background-white:after, .arrow.arrow-left-middle.background-white:after, .arrow.arrow-left-bottom.background-white:after {
|
1981
|
-
border-right-color:
|
2103
|
+
border-right-color: #ffffff; }
|
1982
2104
|
.arrow.arrow-left-top.background-white:before, .arrow.arrow-left-middle.background-white:before, .arrow.arrow-left-bottom.background-white:before {
|
1983
|
-
border-right-color:
|
2105
|
+
border-right-color: #ffffff; }
|
1984
2106
|
.arrow.arrow-left-top.background-gray, .arrow.arrow-left-middle.background-gray, .arrow.arrow-left-bottom.background-gray {
|
1985
|
-
background: #
|
2107
|
+
background: #F7F8F9; }
|
1986
2108
|
.arrow.arrow-left-top.background-gray:after, .arrow.arrow-left-middle.background-gray:after, .arrow.arrow-left-bottom.background-gray:after {
|
1987
|
-
border-right-color: #
|
2109
|
+
border-right-color: #F7F8F9; }
|
1988
2110
|
.arrow.arrow-left-top.background-gray:before, .arrow.arrow-left-middle.background-gray:before, .arrow.arrow-left-bottom.background-gray:before {
|
1989
|
-
border-right-color: #
|
2111
|
+
border-right-color: #F7F8F9; }
|
1990
2112
|
.arrow.arrow-left-top.is-alert, .arrow.arrow-left-middle.is-alert, .arrow.arrow-left-bottom.is-alert {
|
1991
|
-
background: #
|
2113
|
+
background: #D3104A; }
|
1992
2114
|
.arrow.arrow-left-top.is-alert:after, .arrow.arrow-left-middle.is-alert:after, .arrow.arrow-left-bottom.is-alert:after {
|
1993
|
-
border-right-color: #
|
2115
|
+
border-right-color: #D3104A; }
|
1994
2116
|
.arrow.arrow-left-top.is-alert:before, .arrow.arrow-left-middle.is-alert:before, .arrow.arrow-left-bottom.is-alert:before {
|
1995
|
-
border-right-color: #
|
2117
|
+
border-right-color: #D3104A; }
|
1996
2118
|
.arrow.arrow-left-top.is-error, .arrow.arrow-left-middle.is-error, .arrow.arrow-left-bottom.is-error {
|
1997
|
-
background: #
|
2119
|
+
background: #22B9B0; }
|
1998
2120
|
.arrow.arrow-left-top.is-error:after, .arrow.arrow-left-middle.is-error:after, .arrow.arrow-left-bottom.is-error:after {
|
1999
|
-
border-right-color: #
|
2121
|
+
border-right-color: #22B9B0; }
|
2000
2122
|
.arrow.arrow-left-top.is-error:before, .arrow.arrow-left-middle.is-error:before, .arrow.arrow-left-bottom.is-error:before {
|
2001
|
-
border-right-color: #
|
2123
|
+
border-right-color: #22B9B0; }
|
2002
2124
|
.arrow.arrow-right-top:after, .arrow.arrow-right-top:before {
|
2003
2125
|
left: 100%;
|
2004
2126
|
top: 15%; }
|
@@ -2015,35 +2137,35 @@ select {
|
|
2015
2137
|
border-left-right-color: #192b3d;
|
2016
2138
|
margin-bottom: -11px; }
|
2017
2139
|
.arrow.arrow-right-top.background-black, .arrow.arrow-right-middle.background-black, .arrow.arrow-right-bottom.background-black {
|
2018
|
-
background:
|
2140
|
+
background: #000000; }
|
2019
2141
|
.arrow.arrow-right-top.background-black:after, .arrow.arrow-right-middle.background-black:after, .arrow.arrow-right-bottom.background-black:after {
|
2020
|
-
border-left-color:
|
2142
|
+
border-left-color: #000000; }
|
2021
2143
|
.arrow.arrow-right-top.background-black:before, .arrow.arrow-right-middle.background-black:before, .arrow.arrow-right-bottom.background-black:before {
|
2022
|
-
border-left-color:
|
2144
|
+
border-left-color: #000000; }
|
2023
2145
|
.arrow.arrow-right-top.background-white, .arrow.arrow-right-middle.background-white, .arrow.arrow-right-bottom.background-white {
|
2024
|
-
background:
|
2146
|
+
background: #ffffff; }
|
2025
2147
|
.arrow.arrow-right-top.background-white:after, .arrow.arrow-right-middle.background-white:after, .arrow.arrow-right-bottom.background-white:after {
|
2026
|
-
border-left-color:
|
2148
|
+
border-left-color: #ffffff; }
|
2027
2149
|
.arrow.arrow-right-top.background-white:before, .arrow.arrow-right-middle.background-white:before, .arrow.arrow-right-bottom.background-white:before {
|
2028
|
-
border-left-color:
|
2150
|
+
border-left-color: #ffffff; }
|
2029
2151
|
.arrow.arrow-right-top.background-gray, .arrow.arrow-right-middle.background-gray, .arrow.arrow-right-bottom.background-gray {
|
2030
|
-
background: #
|
2152
|
+
background: #F7F8F9; }
|
2031
2153
|
.arrow.arrow-right-top.background-gray:after, .arrow.arrow-right-middle.background-gray:after, .arrow.arrow-right-bottom.background-gray:after {
|
2032
|
-
border-left-color: #
|
2154
|
+
border-left-color: #F7F8F9; }
|
2033
2155
|
.arrow.arrow-right-top.background-gray:before, .arrow.arrow-right-middle.background-gray:before, .arrow.arrow-right-bottom.background-gray:before {
|
2034
|
-
border-left-color: #
|
2156
|
+
border-left-color: #F7F8F9; }
|
2035
2157
|
.arrow.arrow-right-top.is-alert, .arrow.arrow-right-middle.is-alert, .arrow.arrow-right-bottom.is-alert {
|
2036
|
-
background: #
|
2158
|
+
background: #D3104A; }
|
2037
2159
|
.arrow.arrow-right-top.is-alert:after, .arrow.arrow-right-middle.is-alert:after, .arrow.arrow-right-bottom.is-alert:after {
|
2038
|
-
border-left-color: #
|
2160
|
+
border-left-color: #D3104A; }
|
2039
2161
|
.arrow.arrow-right-top.is-alert:before, .arrow.arrow-right-middle.is-alert:before, .arrow.arrow-right-bottom.is-alert:before {
|
2040
|
-
border-left-color: #
|
2162
|
+
border-left-color: #D3104A; }
|
2041
2163
|
.arrow.arrow-right-top.is-error, .arrow.arrow-right-middle.is-error, .arrow.arrow-right-bottom.is-error {
|
2042
|
-
background: #
|
2164
|
+
background: #22B9B0; }
|
2043
2165
|
.arrow.arrow-right-top.is-error:after, .arrow.arrow-right-middle.is-error:after, .arrow.arrow-right-bottom.is-error:after {
|
2044
|
-
border-left-color: #
|
2166
|
+
border-left-color: #22B9B0; }
|
2045
2167
|
.arrow.arrow-right-top.is-error:before, .arrow.arrow-right-middle.is-error:before, .arrow.arrow-right-bottom.is-error:before {
|
2046
|
-
border-left-color: #
|
2168
|
+
border-left-color: #22B9B0; }
|
2047
2169
|
.arrow.arrow-top-left:after, .arrow.arrow-top-left:before {
|
2048
2170
|
bottom: 100%;
|
2049
2171
|
left: 15%; }
|
@@ -2060,35 +2182,35 @@ select {
|
|
2060
2182
|
border-bottom-right-color: #192b3d;
|
2061
2183
|
margin-left: -11px; }
|
2062
2184
|
.arrow.arrow-top-left.background-black, .arrow.arrow-top-middle.background-black, .arrow.arrow-top-right.background-black {
|
2063
|
-
background:
|
2185
|
+
background: #000000; }
|
2064
2186
|
.arrow.arrow-top-left.background-black:after, .arrow.arrow-top-middle.background-black:after, .arrow.arrow-top-right.background-black:after {
|
2065
|
-
border-bottom-color:
|
2187
|
+
border-bottom-color: #000000; }
|
2066
2188
|
.arrow.arrow-top-left.background-black:before, .arrow.arrow-top-middle.background-black:before, .arrow.arrow-top-right.background-black:before {
|
2067
|
-
border-bottom-color:
|
2189
|
+
border-bottom-color: #000000; }
|
2068
2190
|
.arrow.arrow-top-left.background-white, .arrow.arrow-top-middle.background-white, .arrow.arrow-top-right.background-white {
|
2069
|
-
background:
|
2191
|
+
background: #ffffff; }
|
2070
2192
|
.arrow.arrow-top-left.background-white:after, .arrow.arrow-top-middle.background-white:after, .arrow.arrow-top-right.background-white:after {
|
2071
|
-
border-bottom-color:
|
2193
|
+
border-bottom-color: #ffffff; }
|
2072
2194
|
.arrow.arrow-top-left.background-white:before, .arrow.arrow-top-middle.background-white:before, .arrow.arrow-top-right.background-white:before {
|
2073
|
-
border-bottom-color:
|
2195
|
+
border-bottom-color: #ffffff; }
|
2074
2196
|
.arrow.arrow-top-left.background-gray, .arrow.arrow-top-middle.background-gray, .arrow.arrow-top-right.background-gray {
|
2075
|
-
background: #
|
2197
|
+
background: #F7F8F9; }
|
2076
2198
|
.arrow.arrow-top-left.background-gray:after, .arrow.arrow-top-middle.background-gray:after, .arrow.arrow-top-right.background-gray:after {
|
2077
|
-
border-bottom-color: #
|
2199
|
+
border-bottom-color: #F7F8F9; }
|
2078
2200
|
.arrow.arrow-top-left.background-gray:before, .arrow.arrow-top-middle.background-gray:before, .arrow.arrow-top-right.background-gray:before {
|
2079
|
-
border-bottom-color: #
|
2201
|
+
border-bottom-color: #F7F8F9; }
|
2080
2202
|
.arrow.arrow-top-left.is-alert, .arrow.arrow-top-middle.is-alert, .arrow.arrow-top-right.is-alert {
|
2081
|
-
background: #
|
2203
|
+
background: #D3104A; }
|
2082
2204
|
.arrow.arrow-top-left.is-alert:after, .arrow.arrow-top-middle.is-alert:after, .arrow.arrow-top-right.is-alert:after {
|
2083
|
-
border-bottom-color: #
|
2205
|
+
border-bottom-color: #D3104A; }
|
2084
2206
|
.arrow.arrow-top-left.is-alert:before, .arrow.arrow-top-middle.is-alert:before, .arrow.arrow-top-right.is-alert:before {
|
2085
|
-
border-bottom-color: #
|
2207
|
+
border-bottom-color: #D3104A; }
|
2086
2208
|
.arrow.arrow-top-left.is-error, .arrow.arrow-top-middle.is-error, .arrow.arrow-top-right.is-error {
|
2087
|
-
background: #
|
2209
|
+
background: #22B9B0; }
|
2088
2210
|
.arrow.arrow-top-left.is-error:after, .arrow.arrow-top-middle.is-error:after, .arrow.arrow-top-right.is-error:after {
|
2089
|
-
border-bottom-color: #
|
2211
|
+
border-bottom-color: #22B9B0; }
|
2090
2212
|
.arrow.arrow-top-left.is-error:before, .arrow.arrow-top-middle.is-error:before, .arrow.arrow-top-right.is-error:before {
|
2091
|
-
border-bottom-color: #
|
2213
|
+
border-bottom-color: #22B9B0; }
|
2092
2214
|
.arrow.border {
|
2093
2215
|
border: 1px solid #ddd !important; }
|
2094
2216
|
|
@@ -3212,7 +3334,7 @@ hr.column {
|
|
3212
3334
|
cursor: default; }
|
3213
3335
|
.form label {
|
3214
3336
|
display: block;
|
3215
|
-
color: #
|
3337
|
+
color: #5E7887;
|
3216
3338
|
font-size: 14px;
|
3217
3339
|
margin-bottom: 5px; }
|
3218
3340
|
.form input[type="text"],
|
@@ -3224,7 +3346,7 @@ hr.column {
|
|
3224
3346
|
height: 40;
|
3225
3347
|
width: 100%;
|
3226
3348
|
padding: 6px 15px;
|
3227
|
-
color: #
|
3349
|
+
color: #5E7887;
|
3228
3350
|
font-size: 14px;
|
3229
3351
|
background-color: #fff;
|
3230
3352
|
border: 1px solid #d1d9dc;
|
@@ -3293,8 +3415,8 @@ hr.column {
|
|
3293
3415
|
.form input[type="password"].is-error,
|
3294
3416
|
.form input[type="number"].is-error,
|
3295
3417
|
.form textarea.is-error {
|
3296
|
-
color: #
|
3297
|
-
border: 1px solid #
|
3418
|
+
color: #D3104A;
|
3419
|
+
border: 1px solid #D3104A; }
|
3298
3420
|
.form input[type="text"].is-error.is-selected,
|
3299
3421
|
.form input[type="email"].is-error.is-selected,
|
3300
3422
|
.form input[type="tel"].is-error.is-selected,
|
@@ -3309,14 +3431,14 @@ hr.column {
|
|
3309
3431
|
.form input[type="password"].is-error::-webkit-input-placeholder,
|
3310
3432
|
.form input[type="number"].is-error::-webkit-input-placeholder,
|
3311
3433
|
.form textarea.is-error::-webkit-input-placeholder {
|
3312
|
-
color: #
|
3434
|
+
color: #D3104A !important; }
|
3313
3435
|
.form input[type="text"].is-error:-moz-placeholder,
|
3314
3436
|
.form input[type="email"].is-error:-moz-placeholder,
|
3315
3437
|
.form input[type="tel"].is-error:-moz-placeholder,
|
3316
3438
|
.form input[type="password"].is-error:-moz-placeholder,
|
3317
3439
|
.form input[type="number"].is-error:-moz-placeholder,
|
3318
3440
|
.form textarea.is-error:-moz-placeholder {
|
3319
|
-
color: #
|
3441
|
+
color: #D3104A !important;
|
3320
3442
|
opacity: 1; }
|
3321
3443
|
.form input[type="text"].is-error::-moz-placeholder,
|
3322
3444
|
.form input[type="email"].is-error::-moz-placeholder,
|
@@ -3324,7 +3446,7 @@ hr.column {
|
|
3324
3446
|
.form input[type="password"].is-error::-moz-placeholder,
|
3325
3447
|
.form input[type="number"].is-error::-moz-placeholder,
|
3326
3448
|
.form textarea.is-error::-moz-placeholder {
|
3327
|
-
color: #
|
3449
|
+
color: #D3104A !important;
|
3328
3450
|
opacity: 1; }
|
3329
3451
|
.form input[type="text"].is-error:-ms-input-placeholder,
|
3330
3452
|
.form input[type="email"].is-error:-ms-input-placeholder,
|
@@ -3332,7 +3454,7 @@ hr.column {
|
|
3332
3454
|
.form input[type="password"].is-error:-ms-input-placeholder,
|
3333
3455
|
.form input[type="number"].is-error:-ms-input-placeholder,
|
3334
3456
|
.form textarea.is-error:-ms-input-placeholder {
|
3335
|
-
color: #
|
3457
|
+
color: #D3104A !important; }
|
3336
3458
|
.form input[type="text"]:focus,
|
3337
3459
|
.form input[type="email"]:focus,
|
3338
3460
|
.form input[type="tel"]:focus,
|
@@ -3340,7 +3462,7 @@ hr.column {
|
|
3340
3462
|
.form input[type="number"]:focus,
|
3341
3463
|
.form textarea:focus {
|
3342
3464
|
outline: none;
|
3343
|
-
color: #
|
3465
|
+
color: #5E7887;
|
3344
3466
|
border: 1px solid #9aaab4;
|
3345
3467
|
box-shadow: none;
|
3346
3468
|
/* on focus + has error
|
@@ -3381,8 +3503,8 @@ hr.column {
|
|
3381
3503
|
.form input[type="password"]:focus.is-error,
|
3382
3504
|
.form input[type="number"]:focus.is-error,
|
3383
3505
|
.form textarea:focus.is-error {
|
3384
|
-
color: #
|
3385
|
-
border: 1px solid #
|
3506
|
+
color: #D3104A;
|
3507
|
+
border: 1px solid #D3104A; }
|
3386
3508
|
.form input[type="text"]:focus.is-error.is-selected,
|
3387
3509
|
.form input[type="email"]:focus.is-error.is-selected,
|
3388
3510
|
.form input[type="tel"]:focus.is-error.is-selected,
|
@@ -3398,7 +3520,7 @@ hr.column {
|
|
3398
3520
|
.form input[type="number"]:focus.is-error::-webkit-input-placeholder,
|
3399
3521
|
.form textarea:focus.is-error::-webkit-input-placeholder {
|
3400
3522
|
transition: all .2s ease;
|
3401
|
-
color: #
|
3523
|
+
color: #D3104A !important; }
|
3402
3524
|
.form input[type="text"]:focus.is-error:-moz-placeholder,
|
3403
3525
|
.form input[type="email"]:focus.is-error:-moz-placeholder,
|
3404
3526
|
.form input[type="tel"]:focus.is-error:-moz-placeholder,
|
@@ -3406,7 +3528,7 @@ hr.column {
|
|
3406
3528
|
.form input[type="number"]:focus.is-error:-moz-placeholder,
|
3407
3529
|
.form textarea:focus.is-error:-moz-placeholder {
|
3408
3530
|
transition: all .2s ease;
|
3409
|
-
color: #
|
3531
|
+
color: #D3104A !important;
|
3410
3532
|
opacity: 1; }
|
3411
3533
|
.form input[type="text"]:focus.is-error::-moz-placeholder,
|
3412
3534
|
.form input[type="email"]:focus.is-error::-moz-placeholder,
|
@@ -3415,7 +3537,7 @@ hr.column {
|
|
3415
3537
|
.form input[type="number"]:focus.is-error::-moz-placeholder,
|
3416
3538
|
.form textarea:focus.is-error::-moz-placeholder {
|
3417
3539
|
transition: all .2s ease;
|
3418
|
-
color: #
|
3540
|
+
color: #D3104A !important;
|
3419
3541
|
opacity: 1; }
|
3420
3542
|
.form input[type="text"]:focus.is-error:-ms-input-placeholder,
|
3421
3543
|
.form input[type="email"]:focus.is-error:-ms-input-placeholder,
|
@@ -3424,7 +3546,7 @@ hr.column {
|
|
3424
3546
|
.form input[type="number"]:focus.is-error:-ms-input-placeholder,
|
3425
3547
|
.form textarea:focus.is-error:-ms-input-placeholder {
|
3426
3548
|
transition: all .2s ease;
|
3427
|
-
color: #
|
3549
|
+
color: #D3104A !important; }
|
3428
3550
|
.form input[type="text"].small,
|
3429
3551
|
.form input[type="email"].small,
|
3430
3552
|
.form input[type="tel"].small,
|
@@ -3512,7 +3634,7 @@ hr.column {
|
|
3512
3634
|
position: absolute;
|
3513
3635
|
top: 11px;
|
3514
3636
|
left: 15px;
|
3515
|
-
color: #
|
3637
|
+
color: #F0F2F4; }
|
3516
3638
|
|
3517
3639
|
/* .....................................
|
3518
3640
|
Fonts
|
@@ -3559,7 +3681,7 @@ hr.column {
|
|
3559
3681
|
width: 100%;
|
3560
3682
|
list-style: none;
|
3561
3683
|
margin-left: 0;
|
3562
|
-
color: #
|
3684
|
+
color: #5E7887;
|
3563
3685
|
font-size: 14px;
|
3564
3686
|
background: transparent;
|
3565
3687
|
-webkit-user-select: none;
|
@@ -3600,7 +3722,7 @@ hr.column {
|
|
3600
3722
|
height: 20px;
|
3601
3723
|
margin-right: 5px;
|
3602
3724
|
float: left;
|
3603
|
-
border: 1px solid #
|
3725
|
+
border: 1px solid #5E7887;
|
3604
3726
|
box-shadow: none;
|
3605
3727
|
box-sizing: border-box;
|
3606
3728
|
border-radius: 20px;
|
@@ -3618,7 +3740,7 @@ hr.column {
|
|
3618
3740
|
display: block;
|
3619
3741
|
width: 10px;
|
3620
3742
|
height: 10px;
|
3621
|
-
background: #
|
3743
|
+
background: #D7DDE1;
|
3622
3744
|
border-radius: 10px; }
|
3623
3745
|
.form .radio label .radio--icon .circle-bottom {
|
3624
3746
|
opacity: 0;
|
@@ -3635,7 +3757,7 @@ hr.column {
|
|
3635
3757
|
display: block;
|
3636
3758
|
width: 10px;
|
3637
3759
|
height: 10px;
|
3638
|
-
background: #
|
3760
|
+
background: #5E7887;
|
3639
3761
|
border-radius: 10px; }
|
3640
3762
|
.form .radio label .radio--label {
|
3641
3763
|
display: block;
|
@@ -3652,9 +3774,9 @@ hr.column {
|
|
3652
3774
|
margin-right: 0px;
|
3653
3775
|
margin-bottom: 10px; }
|
3654
3776
|
.form .radio.primary .circle-top span {
|
3655
|
-
background: #
|
3777
|
+
background: #22B9B0 !important; }
|
3656
3778
|
.form .radio.primary .circle-bottom span {
|
3657
|
-
background: #
|
3779
|
+
background: #149A97 !important; }
|
3658
3780
|
|
3659
3781
|
/* .....................................
|
3660
3782
|
Fonts
|
@@ -3701,13 +3823,13 @@ hr.column {
|
|
3701
3823
|
.form select[disabled] + .chosen-container {
|
3702
3824
|
opacity: 0.4; }
|
3703
3825
|
.form select[disabled] + .chosen-container:hover {
|
3704
|
-
color: #
|
3705
|
-
border: 1px solid #
|
3706
|
-
border-bottom: 3px solid #
|
3826
|
+
color: #869AA5;
|
3827
|
+
border: 1px solid #D7DDE1;
|
3828
|
+
border-bottom: 3px solid #D7DDE1;
|
3707
3829
|
cursor: default !important; }
|
3708
3830
|
|
3709
3831
|
.form .chosen-container {
|
3710
|
-
border: 1px solid #
|
3832
|
+
border: 1px solid #D7DDE1;
|
3711
3833
|
background-color: #fff;
|
3712
3834
|
outline: none;
|
3713
3835
|
margin-bottom: 0;
|
@@ -3716,15 +3838,15 @@ hr.column {
|
|
3716
3838
|
background-size: 15px 15px;
|
3717
3839
|
background-position: calc(100% - 10px) 50%;
|
3718
3840
|
font-size: 14px;
|
3719
|
-
color: #
|
3841
|
+
color: #869AA5; }
|
3720
3842
|
.form .chosen-container li.search-field input[type="text"] {
|
3721
3843
|
padding: 0; }
|
3722
3844
|
.form .chosen-container:hover {
|
3723
3845
|
cursor: pointer; }
|
3724
3846
|
.form .chosen-container[disabled]:hover {
|
3725
|
-
color: #
|
3726
|
-
border: 1px solid #
|
3727
|
-
border-bottom: 3px solid #
|
3847
|
+
color: #869AA5;
|
3848
|
+
border: 1px solid #D7DDE1;
|
3849
|
+
border-bottom: 3px solid #D7DDE1;
|
3728
3850
|
cursor: default !important; }
|
3729
3851
|
.form .chosen-container.chosen-with-drop {
|
3730
3852
|
background: none; }
|
@@ -3734,14 +3856,14 @@ hr.column {
|
|
3734
3856
|
min-height: 40 !important;
|
3735
3857
|
width: 90% !important;
|
3736
3858
|
padding: 6px 7px !important;
|
3737
|
-
color: #
|
3859
|
+
color: #5E7887 !important;
|
3738
3860
|
font-size: 14px !important;
|
3739
3861
|
background: transparent !important; }
|
3740
3862
|
.form .chosen-container.chosen-container-multi .chosen-choices:hover, .form .chosen-container.chosen-container-active .chosen-choices:hover {
|
3741
3863
|
cursor: pointer; }
|
3742
3864
|
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice {
|
3743
3865
|
border: none;
|
3744
|
-
color: #
|
3866
|
+
color: #D7DDE1; }
|
3745
3867
|
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
3746
3868
|
background-size: 12px;
|
3747
3869
|
background-position: 50% 50%; }
|
@@ -3749,14 +3871,14 @@ hr.column {
|
|
3749
3871
|
height: 28px;
|
3750
3872
|
width: 100% !important;
|
3751
3873
|
margin: 0;
|
3752
|
-
color: #
|
3874
|
+
color: #F0F2F4 !important; }
|
3753
3875
|
.form .chosen-container .chosen-drop {
|
3754
3876
|
border-radius: 0px 0 3px 3px;
|
3755
|
-
border-color: #
|
3877
|
+
border-color: #D7DDE1;
|
3756
3878
|
box-shadow: none; }
|
3757
3879
|
.form .chosen-container .chosen-results li.highlighted {
|
3758
3880
|
background-image: none;
|
3759
|
-
background: #
|
3881
|
+
background: #D7DDE1 !important; }
|
3760
3882
|
|
3761
3883
|
select + .select-decor, select:focus + .select-decor {
|
3762
3884
|
transition: background-color 300ms cubic-bezier(0.19, 1, 0.22, 1);
|
@@ -3875,43 +3997,65 @@ a.head-1:visited, a.head-2:link, a.head-2:visited, a.head-3:link, a.head-3:visit
|
|
3875
3997
|
a.head--navy:visited, a.head--navy:hover,
|
3876
3998
|
a.head-1:visited,
|
3877
3999
|
a.head-1:hover, a.head-2:visited, a.head-2:hover, a.head-3:visited, a.head-3:hover, a.head-4:visited, a.head-4:hover, a.head-5:visited, a.head-5:hover {
|
3878
|
-
color: #
|
4000
|
+
color: #869AA5;
|
3879
4001
|
text-decoration: none; }
|
3880
4002
|
|
3881
4003
|
/* header gray
|
3882
4004
|
......................................*/
|
3883
4005
|
.head--gray {
|
3884
|
-
color: #
|
4006
|
+
color: #869AA5; }
|
3885
4007
|
|
3886
4008
|
a.head--gray:link, a.head--gray:visited {
|
3887
|
-
color: #
|
4009
|
+
color: #869AA5;
|
3888
4010
|
text-decoration: none; }
|
3889
4011
|
a.head--gray:hover, a.head--gray:active {
|
3890
|
-
color: #
|
4012
|
+
color: #5E7887;
|
3891
4013
|
text-decoration: none; }
|
3892
4014
|
|
3893
4015
|
/* header teal
|
3894
4016
|
......................................*/
|
3895
4017
|
.head--teal {
|
3896
|
-
color: #
|
4018
|
+
color: #22B9B0; }
|
3897
4019
|
|
3898
4020
|
a.head--teal:link, a.head--teal:visited {
|
3899
|
-
color: #
|
4021
|
+
color: #22B9B0;
|
3900
4022
|
text-decoration: none; }
|
3901
4023
|
a.head--teal:hover, a.head--teal:active {
|
3902
|
-
color: #
|
4024
|
+
color: #149A97;
|
3903
4025
|
text-decoration: none; }
|
3904
4026
|
|
3905
4027
|
/* header white
|
3906
4028
|
......................................*/
|
3907
4029
|
.head--white {
|
3908
|
-
color:
|
4030
|
+
color: #ffffff; }
|
3909
4031
|
|
3910
4032
|
a.head--white:link, a.head--white:visited {
|
3911
|
-
color:
|
4033
|
+
color: #ffffff; }
|
3912
4034
|
a.head--white:hover, a.head--white:active {
|
3913
4035
|
color: rgba(255, 255, 255, 0.7); }
|
3914
4036
|
|
4037
|
+
.btn-dropdown-teal, .btn-dropdown-teal:hover {
|
4038
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
4039
|
+
background-repeat: no-repeat; }
|
4040
|
+
|
4041
|
+
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
|
4042
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
4043
|
+
background-repeat: no-repeat; }
|
4044
|
+
|
4045
|
+
.img.square.upload-placeholder,
|
4046
|
+
.embed.square.upload-placeholder,
|
4047
|
+
.responsive-video-container.square.upload-placeholder {
|
4048
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M8.5%201h6v21h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M1%208.5h21v6H1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
4049
|
+
background-repeat: no-repeat; }
|
4050
|
+
|
4051
|
+
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
4052
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M19.6%2017.5l-6-6%206-6c.3-.3.3-.8%200-1.1l-.9-.9c-.3-.3-.8-.3-1.1%200l-6%206-6-6c-.3-.3-.8-.3-1.1%200l-1.1.9c-.3.3-.3.8%200%201.1l6%206-6%206c-.3.3-.3.8%200%201.1l.9.9c.3.3.8.3%201.1%200l6-6%206%206c.3.3.8.3%201.1%200l.9-.9c.5-.3.5-.8.2-1.1z%22%20fill%3D%22%239baab2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
4053
|
+
background-repeat: no-repeat; }
|
4054
|
+
|
4055
|
+
.btn-search {
|
4056
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
4057
|
+
background-repeat: no-repeat; }
|
4058
|
+
|
3915
4059
|
.icon-activity-alt {
|
3916
4060
|
background-image: url("png-icons-output/activity-alt.png");
|
3917
4061
|
background-repeat: no-repeat; }
|
@@ -8652,6 +8796,28 @@ a.head--white:hover, a.head--white:active {
|
|
8652
8796
|
collection of prefixed flexbox properties
|
8653
8797
|
until we're using Compass 1.0+
|
8654
8798
|
..........................................*/
|
8799
|
+
.btn-dropdown-teal, .btn-dropdown-teal:hover {
|
8800
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
8801
|
+
background-repeat: no-repeat; }
|
8802
|
+
|
8803
|
+
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
|
8804
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
8805
|
+
background-repeat: no-repeat; }
|
8806
|
+
|
8807
|
+
.img.square.upload-placeholder,
|
8808
|
+
.embed.square.upload-placeholder,
|
8809
|
+
.responsive-video-container.square.upload-placeholder {
|
8810
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M8.5%201h6v21h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M1%208.5h21v6H1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
8811
|
+
background-repeat: no-repeat; }
|
8812
|
+
|
8813
|
+
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
8814
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M19.6%2017.5l-6-6%206-6c.3-.3.3-.8%200-1.1l-.9-.9c-.3-.3-.8-.3-1.1%200l-6%206-6-6c-.3-.3-.8-.3-1.1%200l-1.1.9c-.3.3-.3.8%200%201.1l6%206-6%206c-.3.3-.3.8%200%201.1l.9.9c.3.3.8.3%201.1%200l6-6%206%206c.3.3.8.3%201.1%200l.9-.9c.5-.3.5-.8.2-1.1z%22%20fill%3D%22%239baab2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
8815
|
+
background-repeat: no-repeat; }
|
8816
|
+
|
8817
|
+
.btn-search {
|
8818
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
8819
|
+
background-repeat: no-repeat; }
|
8820
|
+
|
8655
8821
|
/*.....................................
|
8656
8822
|
Icon Sizes
|
8657
8823
|
......................................*/
|
@@ -8660,8 +8826,8 @@ a.head--white:hover, a.head--white:active {
|
|
8660
8826
|
......................................*/
|
8661
8827
|
.icon-circle {
|
8662
8828
|
border-radius: 50%;
|
8663
|
-
border: 1px solid #
|
8664
|
-
background-color:
|
8829
|
+
border: 1px solid #D7DDE1;
|
8830
|
+
background-color: #ffffff;
|
8665
8831
|
box-sizing: content-box;
|
8666
8832
|
display: inline-block;
|
8667
8833
|
background-position: 50% 50% !important; }
|
@@ -11165,6 +11331,28 @@ a.head--white:hover, a.head--white:active {
|
|
11165
11331
|
collection of prefixed flexbox properties
|
11166
11332
|
until we're using Compass 1.0+
|
11167
11333
|
..........................................*/
|
11334
|
+
.btn-dropdown-teal, .btn-dropdown-teal:hover {
|
11335
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11336
|
+
background-repeat: no-repeat; }
|
11337
|
+
|
11338
|
+
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
|
11339
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11340
|
+
background-repeat: no-repeat; }
|
11341
|
+
|
11342
|
+
.img.square.upload-placeholder,
|
11343
|
+
.embed.square.upload-placeholder,
|
11344
|
+
.responsive-video-container.square.upload-placeholder {
|
11345
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M8.5%201h6v21h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M1%208.5h21v6H1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11346
|
+
background-repeat: no-repeat; }
|
11347
|
+
|
11348
|
+
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
11349
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M19.6%2017.5l-6-6%206-6c.3-.3.3-.8%200-1.1l-.9-.9c-.3-.3-.8-.3-1.1%200l-6%206-6-6c-.3-.3-.8-.3-1.1%200l-1.1.9c-.3.3-.3.8%200%201.1l6%206-6%206c-.3.3-.3.8%200%201.1l.9.9c.3.3.8.3%201.1%200l6-6%206%206c.3.3.8.3%201.1%200l.9-.9c.5-.3.5-.8.2-1.1z%22%20fill%3D%22%239baab2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11350
|
+
background-repeat: no-repeat; }
|
11351
|
+
|
11352
|
+
.btn-search {
|
11353
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11354
|
+
background-repeat: no-repeat; }
|
11355
|
+
|
11168
11356
|
/*.....................................
|
11169
11357
|
Icon Sizes
|
11170
11358
|
......................................*/
|
@@ -11207,6 +11395,28 @@ a.head--white:hover, a.head--white:active {
|
|
11207
11395
|
collection of prefixed flexbox properties
|
11208
11396
|
until we're using Compass 1.0+
|
11209
11397
|
..........................................*/
|
11398
|
+
.btn-dropdown-teal, .btn-dropdown-teal:hover {
|
11399
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11400
|
+
background-repeat: no-repeat; }
|
11401
|
+
|
11402
|
+
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
|
11403
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11404
|
+
background-repeat: no-repeat; }
|
11405
|
+
|
11406
|
+
.img.square.upload-placeholder,
|
11407
|
+
.embed.square.upload-placeholder,
|
11408
|
+
.responsive-video-container.square.upload-placeholder {
|
11409
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M8.5%201h6v21h-6z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2322b8af%22%20d%3D%22M1%208.5h21v6H1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11410
|
+
background-repeat: no-repeat; }
|
11411
|
+
|
11412
|
+
.form .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .form .chosen-container.chosen-container-active .chosen-choices li.search-choice .search-choice-close {
|
11413
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M19.6%2017.5l-6-6%206-6c.3-.3.3-.8%200-1.1l-.9-.9c-.3-.3-.8-.3-1.1%200l-6%206-6-6c-.3-.3-.8-.3-1.1%200l-1.1.9c-.3.3-.3.8%200%201.1l6%206-6%206c-.3.3-.3.8%200%201.1l.9.9c.3.3.8.3%201.1%200l6-6%206%206c.3.3.8.3%201.1%200l.9-.9c.5-.3.5-.8.2-1.1z%22%20fill%3D%22%239baab2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11414
|
+
background-repeat: no-repeat; }
|
11415
|
+
|
11416
|
+
.btn-search {
|
11417
|
+
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
|
11418
|
+
background-repeat: no-repeat; }
|
11419
|
+
|
11210
11420
|
/*.....................................
|
11211
11421
|
Icon Sizes
|
11212
11422
|
......................................*/
|
@@ -11273,7 +11483,7 @@ a.head--white:hover, a.head--white:active {
|
|
11273
11483
|
display: none; }
|
11274
11484
|
.pagination .current {
|
11275
11485
|
display: inline-block;
|
11276
|
-
background: #
|
11486
|
+
background: #D7DDE1;
|
11277
11487
|
padding: 5 10px;
|
11278
11488
|
border-radius: 5px;
|
11279
11489
|
color: #fff;
|
@@ -11286,12 +11496,12 @@ a.head--white:hover, a.head--white:active {
|
|
11286
11496
|
padding: 0 5px; }
|
11287
11497
|
.pagination a:link,
|
11288
11498
|
.pagination a:visited {
|
11289
|
-
color: #
|
11499
|
+
color: #5E7887; }
|
11290
11500
|
.pagination a:hover,
|
11291
11501
|
.pagination a:active {
|
11292
11502
|
font-weight: bold; }
|
11293
11503
|
.pagination .gap {
|
11294
|
-
color: #
|
11504
|
+
color: #5E7887; }
|
11295
11505
|
|
11296
11506
|
/* .....................................
|
11297
11507
|
Fonts
|
@@ -11334,18 +11544,18 @@ a.head--white:hover, a.head--white:active {
|
|
11334
11544
|
......................................*/
|
11335
11545
|
.tag {
|
11336
11546
|
display: inline-block;
|
11337
|
-
background-color: #
|
11338
|
-
border: 1px solid #
|
11547
|
+
background-color: #F7F8F9;
|
11548
|
+
border: 1px solid #D7DDE1;
|
11339
11549
|
padding: 0px 7px;
|
11340
11550
|
border-radius: 5px;
|
11341
11551
|
font-size: 12px; }
|
11342
11552
|
.tag:link, .tag:visited {
|
11343
|
-
color: #
|
11553
|
+
color: #F0F2F4; }
|
11344
11554
|
.tag:hover, .tag:active {
|
11345
|
-
color: #
|
11346
|
-
background-color: #
|
11555
|
+
color: #5E7887;
|
11556
|
+
background-color: #D7DDE1; }
|
11347
11557
|
.tag.is-selected {
|
11348
|
-
background-color: #
|
11558
|
+
background-color: #22B9B0;
|
11349
11559
|
color: #ffffff; }
|
11350
11560
|
.tag.tag-removable-small {
|
11351
11561
|
padding-left: 10px;
|
@@ -11673,7 +11883,7 @@ a.head--white:hover, a.head--white:active {
|
|
11673
11883
|
.user-avatar {
|
11674
11884
|
width: 60px;
|
11675
11885
|
height: 55px;
|
11676
|
-
border-bottom: 5px solid #
|
11886
|
+
border-bottom: 5px solid #5E7887;
|
11677
11887
|
position: relative;
|
11678
11888
|
background: #b4c2ca; }
|
11679
11889
|
.user-avatar .avatar-img {
|
@@ -11687,7 +11897,7 @@ a.head--white:hover, a.head--white:active {
|
|
11687
11897
|
.user-avatar .user-short-name {
|
11688
11898
|
width: 60px;
|
11689
11899
|
font-family: 'vinyl';
|
11690
|
-
color: #
|
11900
|
+
color: #5E7887;
|
11691
11901
|
font-size: 38px;
|
11692
11902
|
line-height: 60px;
|
11693
11903
|
text-align: center;
|
@@ -11696,7 +11906,7 @@ a.head--white:hover, a.head--white:active {
|
|
11696
11906
|
.user-avatar.size-small {
|
11697
11907
|
width: 20px;
|
11698
11908
|
height: 18px;
|
11699
|
-
border-bottom: 2px solid #
|
11909
|
+
border-bottom: 2px solid #5E7887;
|
11700
11910
|
position: relative;
|
11701
11911
|
background: #b4c2ca; }
|
11702
11912
|
.user-avatar.size-small .avatar-img {
|
@@ -11710,7 +11920,7 @@ a.head--white:hover, a.head--white:active {
|
|
11710
11920
|
.user-avatar.size-small .user-short-name {
|
11711
11921
|
width: 20px;
|
11712
11922
|
font-family: 'vinyl';
|
11713
|
-
color: #
|
11923
|
+
color: #5E7887;
|
11714
11924
|
font-size: 38px;
|
11715
11925
|
line-height: 20px;
|
11716
11926
|
text-align: center;
|
@@ -11721,7 +11931,7 @@ a.head--white:hover, a.head--white:active {
|
|
11721
11931
|
.user-avatar.size-medium {
|
11722
11932
|
width: 34px;
|
11723
11933
|
height: 32px;
|
11724
|
-
border-bottom: 2px solid #
|
11934
|
+
border-bottom: 2px solid #5E7887;
|
11725
11935
|
position: relative;
|
11726
11936
|
background: #b4c2ca;
|
11727
11937
|
width: 34px; }
|
@@ -11736,7 +11946,7 @@ a.head--white:hover, a.head--white:active {
|
|
11736
11946
|
.user-avatar.size-medium .user-short-name {
|
11737
11947
|
width: 34px;
|
11738
11948
|
font-family: 'vinyl';
|
11739
|
-
color: #
|
11949
|
+
color: #5E7887;
|
11740
11950
|
font-size: 38px;
|
11741
11951
|
line-height: 34px;
|
11742
11952
|
text-align: center;
|
@@ -11747,7 +11957,7 @@ a.head--white:hover, a.head--white:active {
|
|
11747
11957
|
.user-avatar.size-nav {
|
11748
11958
|
width: 46px;
|
11749
11959
|
height: 44px;
|
11750
|
-
border-bottom: 2px solid #
|
11960
|
+
border-bottom: 2px solid #5E7887;
|
11751
11961
|
position: relative;
|
11752
11962
|
background: #b4c2ca; }
|
11753
11963
|
.user-avatar.size-nav .avatar-img {
|
@@ -11761,7 +11971,7 @@ a.head--white:hover, a.head--white:active {
|
|
11761
11971
|
.user-avatar.size-nav .user-short-name {
|
11762
11972
|
width: 46px;
|
11763
11973
|
font-family: 'vinyl';
|
11764
|
-
color: #
|
11974
|
+
color: #5E7887;
|
11765
11975
|
font-size: 38px;
|
11766
11976
|
line-height: 46px;
|
11767
11977
|
text-align: center;
|
@@ -11855,18 +12065,18 @@ a.head--white:hover, a.head--white:active {
|
|
11855
12065
|
line-height: 31px;
|
11856
12066
|
font-size: 12px;
|
11857
12067
|
text-align: center;
|
11858
|
-
color: #
|
11859
|
-
background-color: #
|
12068
|
+
color: #22B9B0;
|
12069
|
+
background-color: #5E7887;
|
11860
12070
|
border-radius: 50%;
|
11861
12071
|
transition: background 200ms ease, border-color 200ms ease; }
|
11862
12072
|
.badge.badge-white {
|
11863
12073
|
background: #ffffff;
|
11864
|
-
color: #
|
12074
|
+
color: #22B9B0; }
|
11865
12075
|
.badge.badge-teal {
|
11866
|
-
background: #
|
12076
|
+
background: #22B9B0;
|
11867
12077
|
color: #fff; }
|
11868
12078
|
.badge.border {
|
11869
|
-
border: 1px solid #
|
12079
|
+
border: 1px solid #22B9B0; }
|
11870
12080
|
.badge.small, .badge.badge-small {
|
11871
12081
|
width: 20px;
|
11872
12082
|
height: 20px;
|
@@ -11915,11 +12125,11 @@ a.head--white:hover, a.head--white:active {
|
|
11915
12125
|
a.badge:link i, a.badge:visited i {
|
11916
12126
|
opacity: 1; }
|
11917
12127
|
a.badge:hover, a.badge:active {
|
11918
|
-
border-color: #
|
11919
|
-
background-color: #
|
12128
|
+
border-color: #149A97;
|
12129
|
+
background-color: #5E7887; }
|
11920
12130
|
|
11921
12131
|
.btn-teal .badge.badge-white, .btn-dropdown-teal .badge.badge-white {
|
11922
|
-
color: #
|
12132
|
+
color: #22B9B0; }
|
11923
12133
|
|
11924
12134
|
.badge-triangle {
|
11925
12135
|
overflow: hidden;
|
@@ -12251,7 +12461,7 @@ a.badge:hover, a.badge:active {
|
|
12251
12461
|
width: rem-calc(350) !important; }
|
12252
12462
|
.reveal-modal .bar {
|
12253
12463
|
background: #fff;
|
12254
|
-
border-bottom: 1px solid #
|
12464
|
+
border-bottom: 1px solid #F0F2F4;
|
12255
12465
|
position: absolute;
|
12256
12466
|
top: 0;
|
12257
12467
|
left: 0;
|
@@ -12374,7 +12584,7 @@ a.badge:hover, a.badge:active {
|
|
12374
12584
|
width: 100%;
|
12375
12585
|
list-style: none;
|
12376
12586
|
margin-left: 0;
|
12377
|
-
color: #
|
12587
|
+
color: #5E7887;
|
12378
12588
|
font-size: 14px;
|
12379
12589
|
background: transparent;
|
12380
12590
|
-webkit-user-select: none;
|
@@ -12422,7 +12632,7 @@ a.badge:hover, a.badge:active {
|
|
12422
12632
|
height: 20px;
|
12423
12633
|
margin-right: 5px;
|
12424
12634
|
float: left;
|
12425
|
-
border: 1px solid #
|
12635
|
+
border: 1px solid #5E7887;
|
12426
12636
|
box-shadow: none;
|
12427
12637
|
box-sizing: border-box;
|
12428
12638
|
border-radius: 20px;
|
@@ -12442,7 +12652,7 @@ a.badge:hover, a.badge:active {
|
|
12442
12652
|
display: block;
|
12443
12653
|
width: 10px;
|
12444
12654
|
height: 10px;
|
12445
|
-
background: #
|
12655
|
+
background: #869AA5;
|
12446
12656
|
border-radius: 10px; }
|
12447
12657
|
.form .radio-gray label .radio--icon .circle-bottom,
|
12448
12658
|
.form .radio-teal label .radio--icon .circle-bottom {
|
@@ -12461,7 +12671,7 @@ a.badge:hover, a.badge:active {
|
|
12461
12671
|
display: block;
|
12462
12672
|
width: 10px;
|
12463
12673
|
height: 10px;
|
12464
|
-
background: #
|
12674
|
+
background: #5E7887;
|
12465
12675
|
border-radius: 10px; }
|
12466
12676
|
.form .radio-gray label .radio--label,
|
12467
12677
|
.form .radio-teal label .radio--label {
|
@@ -12484,10 +12694,10 @@ a.badge:hover, a.badge:active {
|
|
12484
12694
|
margin-bottom: 10px; }
|
12485
12695
|
.form .radio-gray.radio-teal .circle-top span,
|
12486
12696
|
.form .radio-teal.radio-teal .circle-top span {
|
12487
|
-
background: #
|
12697
|
+
background: #22B9B0 !important; }
|
12488
12698
|
.form .radio-gray.radio-teal .circle-bottom span,
|
12489
12699
|
.form .radio-teal.radio-teal .circle-bottom span {
|
12490
|
-
background: #
|
12700
|
+
background: #149A97 !important; }
|
12491
12701
|
|
12492
12702
|
/* .....................................
|
12493
12703
|
Fonts
|
@@ -12580,11 +12790,11 @@ a.badge:hover, a.badge:active {
|
|
12580
12790
|
.table th, .table td {
|
12581
12791
|
box-sizing: border-box;
|
12582
12792
|
padding: 20px 15px;
|
12583
|
-
color: #
|
12793
|
+
color: #F0F2F4;
|
12584
12794
|
line-height: 20px;
|
12585
12795
|
vertical-align: top; }
|
12586
12796
|
.table th strong, .table td strong {
|
12587
|
-
color: #
|
12797
|
+
color: #5E7887; }
|
12588
12798
|
.table th.fill-row, .table td.fill-row {
|
12589
12799
|
padding: 20px 15px 0px 15px; }
|
12590
12800
|
.table tbody {
|
@@ -12594,7 +12804,7 @@ a.badge:hover, a.badge:active {
|
|
12594
12804
|
box-sizing: border-box;
|
12595
12805
|
transition: background 200ms ease-out;
|
12596
12806
|
background: #fff;
|
12597
|
-
border-bottom: 1px solid #
|
12807
|
+
border-bottom: 1px solid #F7F8F9; }
|
12598
12808
|
.table tr.is-disabled {
|
12599
12809
|
color: #f8f9fb !important;
|
12600
12810
|
background: #f1f3f4 !important; }
|
@@ -12603,7 +12813,7 @@ a.badge:hover, a.badge:active {
|
|
12603
12813
|
.table tr.sticky {
|
12604
12814
|
background: #5deae7 !important; }
|
12605
12815
|
.table tr.selected {
|
12606
|
-
background: #
|
12816
|
+
background: #149A97 !important; }
|
12607
12817
|
.table tr.clickable {
|
12608
12818
|
cursor: pointer; }
|
12609
12819
|
.table tr.clickable.is-active td {
|
@@ -12611,20 +12821,20 @@ a.badge:hover, a.badge:active {
|
|
12611
12821
|
padding-top: 0;
|
12612
12822
|
padding-bottom: 0; }
|
12613
12823
|
.table tr.clickable.is-hovered, .table tr.clickable:hover {
|
12614
|
-
background: #
|
12824
|
+
background: #149A97 !important; }
|
12615
12825
|
.table tr.clickable .clickable-trigger:link,
|
12616
12826
|
.table tr.clickable .clickable-trigger:visited {
|
12617
12827
|
vertical-align: middle;
|
12618
12828
|
padding: 20px 0;
|
12619
12829
|
min-height: 60px;
|
12620
|
-
color: #
|
12830
|
+
color: #F0F2F4;
|
12621
12831
|
text-decoration: none; }
|
12622
12832
|
.table tr.clickable .clickable-trigger:link strong,
|
12623
12833
|
.table tr.clickable .clickable-trigger:visited strong {
|
12624
12834
|
color: #375667; }
|
12625
12835
|
.table tr.clickable .clickable-trigger:hover,
|
12626
12836
|
.table tr.clickable .clickable-trigger:active {
|
12627
|
-
color: #
|
12837
|
+
color: #F0F2F4;
|
12628
12838
|
text-decoration: none; }
|
12629
12839
|
.table tr.clickable .clickable-trigger:hover strong,
|
12630
12840
|
.table tr.clickable .clickable-trigger:active strong {
|
@@ -12687,7 +12897,7 @@ a.badge:hover, a.badge:active {
|
|
12687
12897
|
.table.compact td.date {
|
12688
12898
|
white-space: nowrap; }
|
12689
12899
|
.table.text-inverse td {
|
12690
|
-
color: #
|
12900
|
+
color: #5E7887; }
|
12691
12901
|
.table.text-inverse td .light {
|
12692
12902
|
color: #8d9da6; }
|
12693
12903
|
|
@@ -12763,7 +12973,7 @@ a.badge:hover, a.badge:active {
|
|
12763
12973
|
......................................*/
|
12764
12974
|
body, ul, ol, dl, li, p, div, section, nav, table, h1, h2, h3, h4, h5, h6 {
|
12765
12975
|
font-family: "Helvetica", "Arial", sans-serif;
|
12766
|
-
color: #
|
12976
|
+
color: #5E7887;
|
12767
12977
|
font-size: 14px;
|
12768
12978
|
line-height: 22px;
|
12769
12979
|
-webkit-font-smoothing: antialiased;
|
@@ -12777,32 +12987,32 @@ strong {
|
|
12777
12987
|
a {
|
12778
12988
|
transition: color 200ms ease; }
|
12779
12989
|
a:link, a:visited {
|
12780
|
-
color: #
|
12990
|
+
color: #22B9B0;
|
12781
12991
|
text-decoration: none; }
|
12782
12992
|
a:hover, a:active {
|
12783
|
-
color: #
|
12993
|
+
color: #149A97;
|
12784
12994
|
text-decoration: none; }
|
12785
12995
|
a.is-disabled:link, a.is-disabled:visited, a.is-disabled:hover, a.is-disabled:active {
|
12786
12996
|
cursor: default;
|
12787
12997
|
opacity: .5;
|
12788
|
-
color: #
|
12998
|
+
color: #22B9B0; }
|
12789
12999
|
|
12790
13000
|
/* sizes
|
12791
13001
|
......................................*/
|
12792
13002
|
.text-1 {
|
12793
13003
|
font-size: 16px;
|
12794
13004
|
line-height: 24px;
|
12795
|
-
color: #
|
13005
|
+
color: #5E7887; }
|
12796
13006
|
|
12797
13007
|
.text-2 {
|
12798
13008
|
font-size: 14px;
|
12799
13009
|
line-height: 22px;
|
12800
|
-
color: #
|
13010
|
+
color: #5E7887; }
|
12801
13011
|
|
12802
13012
|
.text-3 {
|
12803
13013
|
font-size: 13px;
|
12804
13014
|
line-height: 18px;
|
12805
|
-
color: #
|
13015
|
+
color: #5E7887; }
|
12806
13016
|
|
12807
13017
|
/* colors
|
12808
13018
|
......................................*/
|
@@ -12815,18 +13025,18 @@ a.text--navy:link, a.text--navy:visited {
|
|
12815
13025
|
color: #233741;
|
12816
13026
|
text-decoration: none; }
|
12817
13027
|
a.text--navy:hover, a.text--navy:active {
|
12818
|
-
color: #
|
13028
|
+
color: #5E7887;
|
12819
13029
|
text-decoration: none; }
|
12820
13030
|
a.text--navy.is-disabled:link, a.text--navy.is-disabled:visited, a.text--navy.is-disabled:hover, a.text--navy.is-disabled:active {
|
12821
13031
|
color: #233741; }
|
12822
13032
|
|
12823
13033
|
.text--gray {
|
12824
|
-
color: #
|
13034
|
+
color: #5E7887; }
|
12825
13035
|
.text--gray.text--transparent {
|
12826
13036
|
color: rgba(94, 120, 135, 0.5); }
|
12827
13037
|
|
12828
13038
|
a.text--gray:link, a.text--gray:visited {
|
12829
|
-
color: #
|
13039
|
+
color: #5E7887;
|
12830
13040
|
text-decoration: none; }
|
12831
13041
|
a.text--gray:hover, a.text--gray:active {
|
12832
13042
|
color: #233741;
|
@@ -12834,47 +13044,47 @@ a.text--gray:hover, a.text--gray:active {
|
|
12834
13044
|
a.text--gray.is-disabled:link, a.text--gray.is-disabled:visited, a.text--gray.is-disabled:hover, a.text--gray.is-disabled:active {
|
12835
13045
|
color: #233741; }
|
12836
13046
|
|
12837
|
-
.text--light
|
12838
|
-
color: #
|
12839
|
-
.text--light
|
13047
|
+
.text--gray-light {
|
13048
|
+
color: #F0F2F4; }
|
13049
|
+
.text--gray-light.text--transparent {
|
12840
13050
|
color: rgba(240, 242, 244, 0.5); }
|
12841
13051
|
|
12842
|
-
a.text--light
|
12843
|
-
color: #
|
13052
|
+
a.text--gray-light:link, a.text--gray-light:visited {
|
13053
|
+
color: #F0F2F4;
|
12844
13054
|
text-decoration: none; }
|
12845
|
-
a.text--light
|
12846
|
-
color: #
|
13055
|
+
a.text--gray-light:hover, a.text--gray-light:active {
|
13056
|
+
color: #AFBCC3;
|
12847
13057
|
text-decoration: none; }
|
12848
|
-
a.text--light
|
12849
|
-
color: #
|
13058
|
+
a.text--gray-light.is-disabled:link, a.text--gray-light.is-disabled:visited, a.text--gray-light.is-disabled:hover, a.text--gray-light.is-disabled:active {
|
13059
|
+
color: #AFBCC3; }
|
12850
13060
|
|
12851
13061
|
.text--teal {
|
12852
|
-
color: #
|
13062
|
+
color: #22B9B0; }
|
12853
13063
|
.text--teal.text--transparent {
|
12854
13064
|
color: rgba(34, 185, 176, 0.5); }
|
12855
13065
|
|
12856
13066
|
a.text--teal:link, a.text--teal:visited {
|
12857
|
-
color: #
|
13067
|
+
color: #22B9B0;
|
12858
13068
|
text-decoration: none; }
|
12859
13069
|
a.text--teal:hover, a.text--teal:active {
|
12860
|
-
color: #
|
13070
|
+
color: #149A97;
|
12861
13071
|
text-decoration: none; }
|
12862
13072
|
a.text--teal.is-disabled:link, a.text--teal.is-disabled:visited, a.text--teal.is-disabled:hover, a.text--teal.is-disabled:active {
|
12863
|
-
color: #
|
13073
|
+
color: #149A97; }
|
12864
13074
|
|
12865
13075
|
.text--white {
|
12866
|
-
color:
|
13076
|
+
color: #ffffff; }
|
12867
13077
|
.text--white.text--transparent {
|
12868
13078
|
color: rgba(255, 255, 255, 0.7); }
|
12869
13079
|
|
12870
13080
|
a.text--white:link, a.text--white:visited {
|
12871
|
-
color:
|
13081
|
+
color: #ffffff;
|
12872
13082
|
text-decoration: none; }
|
12873
13083
|
a.text--white:hover, a.text--white:active {
|
12874
13084
|
color: rgba(255, 255, 255, 0.7);
|
12875
13085
|
text-decoration: none; }
|
12876
13086
|
a.text--white.is-disabled:link, a.text--white.is-disabled:visited, a.text--white.is-disabled:hover, a.text--white.is-disabled:active {
|
12877
|
-
color:
|
13087
|
+
color: #ffffff; }
|
12878
13088
|
|
12879
13089
|
/* modifiers
|
12880
13090
|
......................................*/
|
@@ -12885,6 +13095,8 @@ a.text--white.is-disabled:link, a.text--white.is-disabled:visited, a.text--white
|
|
12885
13095
|
|
12886
13096
|
.text--italic {
|
12887
13097
|
font-style: italic; }
|
13098
|
+
.text--italic em {
|
13099
|
+
font-style: italic; }
|
12888
13100
|
|
12889
13101
|
.text--transparent {
|
12890
13102
|
color: rgba(94, 120, 135, 0.5); }
|
@@ -12895,3 +13107,5 @@ a.text--white.is-disabled:link, a.text--white.is-disabled:visited, a.text--white
|
|
12895
13107
|
margin-bottom: 22px; }
|
12896
13108
|
.text-contain.text-3 p {
|
12897
13109
|
margin-bottom: 18px; }
|
13110
|
+
|
13111
|
+
/*# sourceMappingURL=vhx-quartz.scss.map */
|