vhx-quartz 0.2.0 → 0.2.1
Sign up to get free protection for your applications and to get access to all the features.
@@ -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 */
|