uniform-ui 0.6 → 1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +27 -0
  3. data/CNAME +1 -0
  4. data/Gemfile +0 -4
  5. data/Gemfile.lock +1 -11
  6. data/README.md +2 -3
  7. data/Rakefile +34 -24
  8. data/index.html +240 -1160
  9. data/preview/{_tables.html.erb → alerts.html.erb} +0 -0
  10. data/preview/buttons.html.erb +62 -0
  11. data/preview/cards.html.erb +23 -0
  12. data/preview/colors.html.erb +22 -0
  13. data/preview/{_tabs.html.erb → dropdown.html.erb} +0 -0
  14. data/preview/form.html.erb +233 -0
  15. data/preview/grid.html.erb +304 -0
  16. data/preview/helpers.html.erb +225 -0
  17. data/preview/index.html.erb +74 -50
  18. data/preview/{_tiles.html.erb → labels.html.erb} +0 -0
  19. data/preview/layout.html.erb +63 -0
  20. data/preview/loaders.html.erb +83 -0
  21. data/preview/modal.html.erb +1 -0
  22. data/preview/nav.html.erb +77 -0
  23. data/preview/preview.scss +39 -10
  24. data/preview/rows.html.erb +36 -0
  25. data/preview/select.html.erb +1 -0
  26. data/preview/tables.html.erb +1 -0
  27. data/preview/tabs.html.erb +17 -0
  28. data/preview/tiles.html.erb +1 -0
  29. data/preview/tooltip.erb +1 -0
  30. data/site/alerts.html +157 -0
  31. data/site/alerts.html copy +133 -0
  32. data/site/buttons.html +286 -0
  33. data/site/cards.html +177 -0
  34. data/site/colors.html +275 -0
  35. data/site/dropdown.html +157 -0
  36. data/site/dropdown.html copy +141 -0
  37. data/site/form.html +369 -0
  38. data/site/grid.html +716 -0
  39. data/site/helpers.html +1008 -0
  40. data/site/index.html +208 -617
  41. data/site/labels.html +157 -0
  42. data/site/layout.html +313 -0
  43. data/site/loaders.html +233 -0
  44. data/site/modal.html +157 -0
  45. data/site/nav.html +229 -0
  46. data/site/preview.css +1 -1
  47. data/site/preview.js +59 -0
  48. data/site/rows.html +190 -0
  49. data/site/select.html +157 -0
  50. data/site/tables.html +157 -0
  51. data/site/tabs.html +171 -0
  52. data/site/tiles.html +157 -0
  53. data/site/tiles.html copy +109 -0
  54. data/site/tooltip +157 -0
  55. data/site/uniform.css +1 -1
  56. data/uniform.gemspec +2 -8
  57. data/vendor/assets/stylesheets/uniform.scss +4 -4
  58. data/vendor/assets/stylesheets/uniform/base.scss +2 -0
  59. data/vendor/assets/stylesheets/uniform/components/alert.scss +27 -0
  60. data/vendor/assets/stylesheets/uniform/components/buttons.scss +135 -86
  61. data/vendor/assets/stylesheets/uniform/components/card.scss +69 -67
  62. data/vendor/assets/stylesheets/uniform/components/dropdown.scss +69 -0
  63. data/vendor/assets/stylesheets/uniform/components/form.scss +268 -85
  64. data/vendor/assets/stylesheets/uniform/components/grid.scss +214 -72
  65. data/vendor/assets/stylesheets/uniform/components/label.scss +63 -0
  66. data/vendor/assets/stylesheets/uniform/components/loaders.scss +38 -18
  67. data/vendor/assets/stylesheets/uniform/components/modal.scss +51 -0
  68. data/vendor/assets/stylesheets/uniform/components/nav.scss +171 -54
  69. data/vendor/assets/stylesheets/uniform/components/row.scss +69 -101
  70. data/vendor/assets/stylesheets/uniform/components/select.scss +98 -0
  71. data/vendor/assets/stylesheets/uniform/components/table.scss +83 -0
  72. data/vendor/assets/stylesheets/uniform/components/tabs.scss +39 -26
  73. data/vendor/assets/stylesheets/uniform/components/tile.scss +15 -27
  74. data/vendor/assets/stylesheets/uniform/components/tooltip.scss +46 -0
  75. data/vendor/assets/stylesheets/uniform/defaults.scss +85 -19
  76. data/vendor/assets/stylesheets/uniform/helpers.scss +82 -81
  77. data/vendor/assets/stylesheets/uniform/helpers/colors.scss +37 -0
  78. data/vendor/assets/stylesheets/uniform/helpers/margin.scss +44 -0
  79. data/vendor/assets/stylesheets/uniform/helpers/padding.scss +74 -0
  80. data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +31 -0
  81. data/vendor/assets/stylesheets/uniform/helpers/text.scss +121 -0
  82. data/vendor/assets/stylesheets/uniform/mixins.scss +25 -48
  83. data/vendor/assets/stylesheets/uniform/variables.scss +10 -28
  84. metadata +61 -85
  85. data/preview/_buttons.html.erb +0 -59
  86. data/preview/_cards.html.erb +0 -82
  87. data/preview/_colors.html.erb +0 -12
  88. data/preview/_forms.html.erb +0 -196
  89. data/preview/_grid.html.erb +0 -49
  90. data/preview/_helpers.html.erb +0 -158
  91. data/preview/_inputs.html.erb +0 -93
  92. data/preview/_installation.html.erb +0 -4
  93. data/preview/_lists.html.erb +0 -53
  94. data/preview/_loaders.html.erb +0 -72
  95. data/preview/_nav.html.erb +0 -46
  96. data/preview/_philosophy.html.erb +0 -33
  97. data/preview/_rows.html.erb +0 -35
  98. data/preview/_uniform.html.erb +0 -4
  99. data/site/site/logo.png +0 -0
  100. data/site/site/preview.css +0 -1
  101. data/site/site/uniform.css +0 -1
  102. data/vendor/assets/stylesheets/uniform/components/inputs.scss +0 -131
  103. data/vendor/assets/stylesheets/uniform/components/lists.scss +0 -62
  104. data/vendor/assets/stylesheets/uniform/components/table-container.scss +0 -44
  105. data/vendor/assets/stylesheets/uniform/components/table-form.scss +0 -159
  106. data/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss +0 -142
@@ -1,93 +0,0 @@
1
- <h3>Uniform Input</h3>
2
- <div class="row">
3
- <div class="col-sm-6">
4
- <p><input type="text" class="uniform-input" /></p>
5
- <p><input type="text" class="uniform-input large" /></p>
6
- </div>
7
- <div class="col-sm-6">
8
- <pre><xmp><input type="text" class="uniform-input" /></xmp></pre>
9
- <pre><xmp><input type="text" class="uniform-input large" /></xmp></pre>
10
- </div>
11
- </div>
12
-
13
- <h3>Custom Inputs</h3>
14
- <div class="row">
15
- <div class="col-sm-6">
16
- <p>Styled Select Box</p>
17
- <p><span class="uniform-select"><select><option>An Option</option></select></span></p>
18
- </div>
19
- <div class="col-sm-6">
20
- <pre><xmp><span class='uniform-select'>
21
- <select>
22
- <option>An Option</option>
23
- </select>
24
- </span></xmp></pre>
25
- </div>
26
- </div>
27
-
28
- <h3>Inline Inputs</h3>
29
- <p>Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like inline-input.</p>
30
- <div class="row">
31
- <div class="col-sm-6">
32
- <div class="inline-input">
33
- <span class="label">
34
- <label for="rate">$</label>
35
- </span>
36
- <span>
37
- <input id="rate">
38
- </span>
39
- <span class="units">
40
- <label for="rate">/hour</label>
41
- </span>
42
- </div>
43
- </div>
44
- <div class="col-sm-6">
45
- <pre><xmp><div class="inline-input">
46
- <span class="label">$</span>
47
- <span>
48
- <input id="name" placeholder="Jonathan Doe">
49
- </span>
50
- <span class="units">/hour</span>
51
- </div></xmp></pre>
52
- </div>
53
- </div>
54
- <div class="row">
55
- <div class="col-sm-6">
56
- <div class="inline-input">
57
- <span class="label"><label for="car">Car Preference</label></span>
58
- <span class="select"><select id="car"><option>Tesla</option></select></span>
59
- </div>
60
- </div>
61
- <div class="col-sm-6">
62
- <pre><xmp><div class="inline-input">
63
- <span class="label">
64
- <label for="car">Car Preference</label>
65
- </span>
66
- <span>
67
- <select id="car"><option>Tesla</option></select>
68
- </span>
69
- </div></xmp></pre>
70
- </div>
71
- </div>
72
- <div class="row">
73
- <div class="col-sm-6">
74
- <div class="inline-input block">
75
- <span class="label">
76
- <label for="car">Car Preference</label>
77
- </span>
78
- <span>
79
- <input id="name" value="Jonathan Doe" disabled>
80
- </span>
81
- </div>
82
- </div>
83
- <div class="col-sm-6">
84
- <pre><xmp><div class="inline-input block">
85
- <span class="label">
86
- <label for="car">Car Preference</label>
87
- </span>
88
- <span>
89
- <input id="name" value="Jonathan Doe" disabled>
90
- </span>
91
- </div></xmp></pre>
92
- </div>
93
- </div>
@@ -1,4 +0,0 @@
1
- <p>Add to your gem file<br/><code>gem 'uniform-ui'</code></p>
2
- <p>Execute:<br/><code>$ bundle</code></p>
3
- <p>Or install it yourself:<br/><code>$ gem install uniform-ui</code></p>
4
- <p>Include the css library in your asset pipeline.<br/><code>@import 'uniform';</code></p>
@@ -1,53 +0,0 @@
1
- <div class="row">
2
- <div class="col-sm-6">
3
- <ol class="uniform-step">
4
- <li>Fill out the form</li>
5
- <li>Join the club</li>
6
- <li>Chill</li>
7
- </ol>
8
- </div>
9
- <div class="col-sm-6">
10
- <pre><xmp>
11
- <ol class="uniform-step">
12
- <li>Fill out the form</li>
13
- <li>Join the club</li>
14
- <li>Chill</li>
15
- </ol></xmp></pre>
16
- </div>
17
- </div>
18
-
19
- <div class="row">
20
- <div class="col-sm-6">
21
- <ul class="uniform-checks">
22
- <li>Fill out the form</li>
23
- <li>Join the club</li>
24
- <li>Chill</li>
25
- </ul>
26
- </div>
27
- <div class="col-sm-6">
28
- <pre><xmp>
29
- <ul class="uniform-checks">
30
- <li>Fill out the form</li>
31
- <li>Join the club</li>
32
- <li>Chill</li>
33
- </ul></xmp></pre>
34
- </div>
35
- </div>
36
-
37
- <div class="row">
38
- <div class="col-sm-6">
39
- <ul class="uniform-icons">
40
- <li data-icon="&#xf18b">Fill out the form</li>
41
- <li data-icon="&#xf113">Join the club</li>
42
- <li data-icon="&#xf121">Chill</li>
43
- </ul>
44
- </div>
45
- <div class="col-sm-6">
46
- <pre><xmp>
47
- <ul class="uniform-icons">
48
- <li data-icon="&#xf18b">Fill out the form</li>
49
- <li data-icon="&#xf113">Join the club</li>
50
- <li data-icon="&#xf121">Chill</li>
51
- </ul></xmp></pre>
52
- </div>
53
- </div>
@@ -1,72 +0,0 @@
1
- <div class="row">
2
- <div class="col-sm-6">
3
- <div class="uniform-loader">
4
- <div class="uniform-loader-container">
5
- <span>&bull;</span>
6
- <span>&bull;</span>
7
- <span>&bull;</span>
8
- </div>
9
- </div>
10
- </div>
11
- <div class="col-sm-6">
12
- <pre><xmp><div class="uniform-loader">
13
- <div class="uniform-loader-container">
14
- <span>&bull;</span>
15
- <span>&bull;</span>
16
- <span>&bull;</span>
17
- </div>
18
- </div></xmp></pre>
19
- </div>
20
- </div>
21
- <div class="row">
22
- <div class="col-sm-6">
23
- <span style="position:relative; display:inline-block">
24
- <img src="https://unsplash.it/150/100/?random" style="display:block;" width="150" height="100">
25
- <div class="uniform-loader cover">
26
- <div class="uniform-loader-container">
27
- <span>&bull;</span>
28
- <span>&bull;</span>
29
- <span>&bull;</span>
30
- </div>
31
- </div>
32
- </span>
33
- </div>
34
- <div class="col-sm-6">
35
- <pre><xmp><span style="position:relative; display:inline-block">
36
- <img src="https://unsplash.it/150/100/?random" style="display:block;">
37
- <div class="uniform-loader cover">
38
- <div class="uniform-loader-container">
39
- <span>&bull;</span>
40
- <span>&bull;</span>
41
- <span>&bull;</span>
42
- </div>
43
- </div>
44
- </span></xmp></pre>
45
- </div>
46
- </div>
47
- <div class="row">
48
- <div class="col-sm-6">
49
- <span style="position:relative; display:inline-block">
50
- <img src="https://unsplash.it/150/100/?random" style="display:block;" width="150" height="100">
51
- <div class="uniform-loader cover light">
52
- <div class="uniform-loader-container">
53
- <span>&bull;</span>
54
- <span>&bull;</span>
55
- <span>&bull;</span>
56
- </div>
57
- </div>
58
- </span>
59
- </div>
60
- <div class="col-sm-6">
61
- <pre><xmp><span style="position:relative; display:inline-block">
62
- <img src="https://unsplash.it/150/100/?random" style="display:block;">
63
- <div class="uniform-loader cover light">
64
- <div class="uniform-loader-container">
65
- <span>&bull;</span>
66
- <span>&bull;</span>
67
- <span>&bull;</span>
68
- </div>
69
- </div>
70
- </span></xmp></pre>
71
- </div>
72
- </div>
@@ -1,46 +0,0 @@
1
- <div class="uniform-nav">
2
- <div class="brand">
3
- <img src="site/logo.png" height="31" width="137">
4
- </div>
5
- <ul>
6
- <li><a href="#">Home</a></li>
7
- <li><a href="#">About</a></li>
8
- <li><a href="#">Contact</a></li>
9
- </ul>
10
- <ul class="uniform-nav-right">
11
- <li><a href="#">Login</a></li>
12
- </ul>
13
- </div>
14
- <div class="uniform-nav uniform-nav-subnav">
15
- <ul>
16
- <li><a href="#">Home</a></li>
17
- <li><span style="font-family: 'fortycons'">&#xf113;</span></li>
18
- <li><a href="#">Nav</a></li>
19
- <li><span style="font-family: 'fortycons'">&#xf113;</span></li>
20
- <li><a href="#">Preview</a></li>
21
- </ul>
22
- </div>
23
-
24
- <br><br>
25
- <pre><xmp><div class="uniform-nav">
26
- <div class="brand">
27
- <img src="site/logo.png" height="31" width="137">
28
- </div>
29
- <ul>
30
- <li><a href="#">Home</a></li>
31
- <li><a href="#">About</a></li>
32
- <li><a href="#">Contact</a></li>
33
- </ul>
34
- <ul class="uniform-nav-right">
35
- <li><a href="#">Login</a></li>
36
- </ul>
37
- </div>
38
- <div class="uniform-nav uniform-nav-subnav">
39
- <ul>
40
- <li><a href="#">Home</a></li>
41
- <li><span style="font-family: 'fortycons'">&#xf113;</span></li>
42
- <li><a href="#">Nav</a></li>
43
- <li><span style="font-family: 'fortycons'">&#xf113;</span></li>
44
- <li><a href="#">Preview</a></li>
45
- </ul>
46
- </div></xmp></pre>
@@ -1,33 +0,0 @@
1
- <h3>Don't use ID's</h3>
2
- <p>Unless you have to, and even then, think twice. HTML Id's make things not reusable. There should only be one instance of an id in a document</p>
3
-
4
- <h3>Use Semanitc Classes Presentationaly :)</h3>
5
- <p>Here's a decent post on OOCSS (Object Oriented CSS) as it relates to semantic vs presentational classes: <a href="http://blackfalcon.roughdraft.io/5255648-oocss-v-ooscss-sasscast-show-notes">OOCSS v OOSCSS</a>
6
- <p><strong>TL;DR:</strong> Semantic classes explain what that element is. Presentational classes explain what the shoud look like.</p>
7
- <p><code>class="property-list"</code> vs <code>class="ul-list col-sm-4"</code>
8
- <p>Some of us don't want to touch css files (preference: presentational), and some of us live there (preference: semantic). Honestly, the art of good ui development is balancing semantic and presentational classes. Each taken to their extreme is bad.</p>
9
- <p>Structure html so that the semantic class is first and presentational classes follow.</p>
10
- <p><code>class="property-list ul-list col-sm-4"</code></p>
11
-
12
- <h3>Save the Namespace, save the world</h3>
13
- <p>Don't make presentational classes that will clash with elements that could mean something else. I'm looking at you Bootsrap!</p>
14
- <p><code>class="label"</code> should be <code>class="text-label"</code></p>
15
-
16
- <h3>Train-case</h3>
17
- <p>Use train-case for class names, not camelCase or snake_case. It's quicker to type and honestly just conventional.</p>
18
-
19
- <div class="row">
20
- <div class="col-sm-6">
21
- <h3>Wrappers and Containers</h3>
22
- <p>The order of nesting should go Wrapper > Element > Container. Sometimes you have to have an inside layer to do advanced css things, and the container should be that layer. This is not a suggestion for every object; use wrapper and/or container as needed.</p>
23
- </div>
24
- <div class="col-sm-6">
25
- <h3>&nbsp;</h3>
26
- <pre><xmp><div class="property-wrapper">
27
- <div class="property">
28
- <div class="property-container">
29
- </div>
30
- </div>
31
- </div></xmp></pre>
32
- </div>
33
- </div>
@@ -1,35 +0,0 @@
1
- <a class="uniform-row" href="#rows">
2
- <span class="uniform-row-avatar">
3
- <img src="https://unsplash.it/63/47/?random" width="63" height="47">
4
- </span>
5
- <span class="uniform-row-container">
6
- <span class="col-sm-6">
7
- John Doe
8
- <span class="uniform-row-secondary">ABC Designs</span>
9
- </span>
10
- <span class="col-sm-3">
11
- Garland, TX
12
- </span>
13
- <span class="col-sm-3">
14
- Texas Ranger Fan
15
- </span>
16
- </span>
17
- </a>
18
- <br><br>
19
- <pre><xmp><a class="uniform-row" href="#rows">
20
- <span class="uniform-row-avatar">
21
- <img src="https://unsplash.it/63/47/?random" width="63" height="47">
22
- </span>
23
- <span class="uniform-row-container">
24
- <span class="col-sm-6">
25
- John Doe
26
- <span class="uniform-row-secondary">ABC Designs</span>
27
- </span>
28
- <span class="col-sm-3">
29
- Garland, TX
30
- </span>
31
- <span class="col-sm-3">
32
- Texas Ranger Fan
33
- </span>
34
- </span>
35
- </a></xmp></pre>
@@ -1,4 +0,0 @@
1
- <div class="center">
2
- <img src="site/logo.png" width="451" height="101">
3
- <p class="large">Sass components and defaults for building a UI that's on fleak.</p>
4
- </div>
data/site/site/logo.png DELETED
Binary file
@@ -1 +0,0 @@
1
- *{box-sizing:border-box}html,body{font-family:Helvetica, sans-serif}.section{width:100%;padding:100px 50px;border-bottom:1px solid #cccccc}.section pre:first-of-type{margin-top:0}.side-nav{position:fixed;overflow-y:scroll;width:250px;height:100%;border-right:1px solid #cccccc}.side-nav a{color:black}.main-content{margin-left:250px}.swatch{height:1em;width:4em;margin-right:5px;background:gray;display:inline-block;vertical-align:middle}.table{width:100%}.table td{padding:5px}
@@ -1 +0,0 @@
1
- html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}@font-face{font-family:"fortycons";src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAa0AA0AAAAACegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGmAAAABoAAAAcejGAE09TLzIAAAGgAAAASQAAAGBP8V2PY21hcAAAAhgAAABjAAABasT8+NNjdnQgAAACfAAAAAQAAAAEABEBRGdhc3AAAAaQAAAACAAAAAj//wADZ2x5ZgAAAqQAAAJgAAADgKSJlBZoZWFkAAABMAAAAC4AAAA2CTBYU2hoZWEAAAFgAAAAHQAAACQD5gHLaG10eAAAAewAAAAqAAAALAURAXVsb2NhAAACgAAAACQAAAAkBnIHWm1heHAAAAGAAAAAHwAAACAAVwBRbmFtZQAABQQAAAEtAAACH1PcdXNwb3N0AAAGNAAAAFsAAACs9304oXjaY2BkYGAA4pQC8+/x/DZfGbiZGEDgCjf3awT9/yjjb8bdQC4HA1gaACXyCuEAAHjaY2BkYGDc/f8ogx4TAwgw/mZgZEAFrABjGAO0AAAAeNpjYGRgYBBkUGBgYQABJiBmZACJOTDogQQACGYAqQB42mNgYXzJOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD42M144P8BBj3G3QzWIDVIShQYGAFROAwjAAAAeNpj2M0gyAACq4D4BAMDEwODMkMXECoD+UJgGRUGBQZjBlaGBAB0WASJAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxqDwUeSj7EfFj1Ufu///B4orfBT8KPVRAcjv+v///2O+z3zv+N7wTeFrhZqDBBjZGOCCjExAggldAcQJwxkAAJf1F34AABEBRAAAACoAKgAqACoASgBqAIgAqgDEAOAA+gEUATQBagGCAawBwHjaZZLPaxNBFMff2+2brZm4221rAjZQ8zsXW8ymiYfQivaiIILSi4fQivQgXrxUyEFyKCIqNhAQRISC9GQvidA9iIsKIhYK+QPqSRAPij0pWNk4bze1LcLsMvtmPt/v980OaGADwBOcAx0MmGgjTFY7xgB8L7YFbVc7uqam0Na5TFzuGAL/VDvIdcd27Lxjp+17txcXcc5/YaOj1BDScAE/YRmGAEbilXIxNmqhSE1irlQunvU8siK0KUyxSRELT7kuSZM+khqmhIC/3/uMS/iM+WxsNCRnMNTBWwe2k6sdFCPvP34G8+w6jmGGXGnlkJ92OE2Q/XyQfVh55w0Tc/nQmxVECj3P049EdPqHXHJdXdN0sd8CqgzXMYsROAqQ2W/dSRYxKxpkqUcaCIO+RQ1Sw2JmGE6Ci1eYGbEP9uxKtU0wJ/FMDwypvkyWCHsFxa2FXDlsccoOGl4LEIY/mH1HZkPmMmbhV5hPpJOpvRYxKwf7Foq7GeLKWzEZOI7buAiWEogpH5VPMeNYKcexK+XvqFyRMhWVC1syiqejclfKpoympLy2JaW6XSd6O/gGm4qPwzj/18MauSIfb64UK5ZLuZQYxYtES0TnhBgimpgX9Hy9Xl+vP1qu1ZZrO4LXZomGhJhYIGrWefFnjRcBNHB6X/ELPg3uNIxU0EjmMe4k8HHCv8tvvJPwbyR4xmc4ANR7j7v4KtjP+aDCN3sqeYyTcKJMP923wkucnt1oNDYa/utuq9VtJXHaf/egUPjR4Opqi4vAGeZhDFfxaphhTy/gx3DGf/uwUFDb/gKY8a9XeNqFj89qwkAYxGf9V3IpxUNvhe9SUDBhjSAoPSnm0KMFD71JSJOgZmWN0LxBj32SPlEfppO47algYPl+Ozs7OwFwiy8oXL4HPDlW8FA4buEGH47beMS34w48de+4izu1cNyjntKpOh538+ZWzQp9vDpu8d13x20849NxB33VctyFKHHco/6CJQyOqGCRI0WGEoIBYgw5Q2iMMcWIvEDC9oIVPQfsuMPSHCubp1kpg3gooR5PR7JIClllhx2P35hsmVcxzfDuiZKxZRWbgrhmQooz9tjShXWSnvdbQtR4y2ZaOpKmR8Amwv+Wf1IveogJfMy4flsjMkUZGZsmEgZa5vL3Ojmc+DO/rnyt54YNLLW8ORNm1+lBM+tO2CT2lJtCtB4HWmu5EvgDhrVU0QAAAHjabcw9DkBAFATgN7tY/4nSLeyS0FriLhqd+7kZwuhMMvmayYiSJ+chtfylugtRoqGgESBEBIMYCVJkyFGgNPu2LtZa6mhLOzpSTyc6v7qG8qfnfvj0F1PpHzUAAAAAAf//AAJ42mNgYGBkAIJL0hk2IPoKN/drGA0ANXYFPQAA") format("woff");font-weight:normal;font-style:normal}vr{height:30px;border-left:1px solid #d9d9d9;margin:0 10px;display:inline-block;vertical-align:middle}.rounded,.round{border-radius:50%}.pointer{cursor:pointer !important}.handle{cursor:hand}.honeypot{position:absolute !important;left:-999999px !important;width:1px !important;display:block !important}.hide,.hidden{display:none}.right{float:right}.text-right{text-align:right}.center{text-align:center}.clear{clear:both}.bleed-fix{position:static;overflow:hidden}.no-gutter{padding-left:0;padding-right:0}.no-pad{padding-left:0;padding-right:0}.less-pad{padding-left:5px;padding-right:5px}.pad{padding:10px}.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strong,strong,.bold{font-weight:700}.light,.text-light{font-weight:300}.text-normal{font-weight:normal}.italic{font-style:italic}.required{color:#E1563E}.warn{color:#828487}.warn:hover{color:#E1563E}h1.no-margin,h2.no-margin,h3.no-margin,h4.no-margin,h5.no-margin,h6.no-margin{margin:0;margin-top:10px}h1.no-margin-top,h2.no-margin-top,h3.no-margin-top,h4.no-margin-top,h5.no-margin-top,h6.no-margin-top{margin-top:0}.green{color:#97C848}.green-light{color:#BBFF00}.blue{color:#0994E2}.blue-light{color:#A7CDF2}p.large{font-size:1.5em;font-weight:300;margin-bottom:20px}.nowrap{white-space:nowrap;overflow:hidden}.green{color:#97C848}.green-light{color:#BBFF00}.green-dark{color:#BBFF00}.green-bg{background-color:#97C848}.green-light-bg{background-color:#BBFF00}.green-dark-bg{background-color:#709239}.blue{color:#0994E2}.blue-light{color:#A7CDF2}.blue-dark{color:#A7CDF2}.blue-bg{background-color:#0994E2}.blue-light-bg{background-color:#A7CDF2}.blue-dark-bg{background-color:#167DBA}.red{color:#E1563E}.red-light{color:#E5766C}.red-dark{color:#E5766C}.red-bg{background-color:#E1563E}.red-light-bg{background-color:#E5766C}.red-dark-bg{background-color:#971710}.gray{color:#505153}.gray-light{color:#d9d9d9}.gray-dark{color:#d9d9d9}.gray-bg{background-color:#505153}.gray-light-bg{background-color:#d9d9d9}.gray-dark-bg{background-color:#373839}.yellow{color:#D7E542}.yellow-light{color:#E9F75A}.yellow-dark{color:#E9F75A}.yellow-bg{background-color:#D7E542}.yellow-light-bg{background-color:#E9F75A}.yellow-dark-bg{background-color:#BBC02C}a{color:#0994E2}a:hover{color:#167DBA}blockquote{border-left-color:#c4e096}mark{background:#e4ff99}code{border-radius:4px;padding:2px 4px;font-size:90%;background:#ebffb3;color:#709239;font-weight:normal}pre{display:block;background:#e6e6e6;border:1px solid #dedede;padding:15px 10px;overflow:auto}pre xmp{margin:0}.uniform-btn{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:white;background-image:-webkit-linear-gradient(#fff, #f7f7f7);background-image:linear-gradient(#fff, #f7f7f7);border:1px solid #d9d9d9;border-radius:3pt;padding:6px 12px;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;line-height:1;color:#505153}.uniform-btn .fortycon{line-height:1em;vertical-align:-2px;font-size:1.2em;margin-right:3px}.uniform-btn .subtext{display:block;font-weight:300;text-transform:none}.uniform-btn:visited{color:#505153}.uniform-btn:hover,.uniform-btn.hover,.uniform-btn:focus{outline:none;color:#709239;border-color:#97C848;background-image:none !important}.uniform-btn:active,.uniform-btn.active{box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);background-image:none !important;outline:none}.uniform-btn:disabled,.uniform-btn.disabled{color:#505153;background-image:none !important;background:#f2f2f2}.uniform-btn.outline{background:none !important;text-shadow:none !important}.uniform-btn.outline.dashed{border-style:dashed}.uniform-btn.dashed{border-style:dashed}.uniform-btn.circle{border-radius:2em}.uniform-btn.subtle,.uniform-btn.uniform-btn-xs{padding:0.05em 0.5em}.uniform-btn.small,.uniform-btn.uniform-btn-sm{padding:0.1em 0.5em;font-size:0.8em;vertical-align:top;display:inline-block}.uniform-btn.large,.uniform-btn.uniform-btn-lg{padding:1.2em 2.4em;text-transform:uppercase;letter-spacing:1px;font-weight:bold;font-size:110%}.uniform-btn.large.form-control,.uniform-btn.uniform-btn-lg.form-control{padding-top:0;padding-bottom:0}.uniform-btn.large .fortycon,.uniform-btn.uniform-btn-lg .fortycon{line-height:0.5em;vertical-align:-6px;font-size:2em;margin-right:7px;font-weight:normal}.uniform-btn.warn:hover{border-color:#E1563E;background:#E1563E}.uniform-btn.warn:hover.outline{color:#E1563E}.uniform-btn.block,.uniform-btn.uniform-btn-block{padding-left:5px !important;padding-right:5px !important;display:block;width:100%}.uniform-btn.green,.uniform-btn.uniform-btn-primary{background-color:#a2ce5c;background-image:-webkit-linear-gradient(#a2ce5c, #90c43c);background-image:linear-gradient(#a2ce5c, #90c43c);border-color:#8bbe39;color:white;text-shadow:0 -1px 0 rgba(112,146,57,0.5)}.uniform-btn.green.outline,.uniform-btn.uniform-btn-primary.outline{color:#709239}.uniform-btn.green.outline.inv,.uniform-btn.uniform-btn-primary.outline.inv{color:#BBFF00}.uniform-btn.green:hover,.uniform-btn.green.hover,.uniform-btn.uniform-btn-primary:hover,.uniform-btn.uniform-btn-primary.hover{background:#709239;border-color:#628032}.uniform-btn.green:hover.inv,.uniform-btn.green.hover.inv,.uniform-btn.uniform-btn-primary:hover.inv,.uniform-btn.uniform-btn-primary.hover.inv{border-color:#BBFF00}.uniform-btn.red,.uniform-btn.uniform-btn-danger{background-color:#E1563E;background-image:-webkit-linear-gradient(#E1563E, #df4a31);background-image:linear-gradient(#E1563E, #df4a31);border-color:#de4328;color:white}.uniform-btn.red.outline,.uniform-btn.uniform-btn-danger.outline{color:#971710}.uniform-btn.blue,.uniform-btn.uniform-btn-danger{background-color:#0994E2;background-image:-webkit-linear-gradient(#0994E2, #088ad3);background-image:linear-gradient(#0994E2, #088ad3);border-color:#0994E2;color:white}.uniform-btn.blue.outline,.uniform-btn.uniform-btn-danger.outline{color:#0994E2}.uniform-btn.white.outline{color:white;border-color:white}.uniform-btn.warning.outline:hover{color:#E1563E;border-color:#E1563E}span.uniform-btn{cursor:auto}.uniform-card{overflow:hidden;background:white;border:1px solid #d8d8d9;border-bottom-color:#bebfc0;border-right-color:#bebfc0;border-radius:3px;margin:10px 0}.uniform-card.selected{border-color:#0994E2;box-shadow:0 0 3px #0994E2}.uniform-card .uniform-card-actions .fortycon{margin-right:0}.uniform-card .uniform-card-actions .delete{margin-left:20px}.uniform-card .uniform-card-actions .delete .fortycon{width:14px}.uniform-card .uniform-card-actions .select{margin-bottom:0}.uniform-card .uniform-card-actions .select input{font-size:2em}.uniform-card .uniform-card-avatar{float:left}.uniform-card .uniform-card-container{overflow:hidden}.uniform-card .uniform-card-title{display:table;width:100%;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-title>*{display:table-cell;padding:10px 20px}.uniform-card .uniform-card-title .type{text-transform:uppercase;font-weight:bold;color:#828487}.uniform-card .uniform-card-title .actions{text-align:right}.uniform-card .uniform-card-title .actions .uniform-btn{margin-top:-5px;margin-bottom:-5px}.uniform-card .uniform-card-body{padding:10px 20px}.uniform-card .uniform-card-attributes{display:table}.uniform-card .uniform-card-attributes>*{display:table-row}.uniform-card .uniform-card-attributes>*>*{display:table-cell;padding:7px 0;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-attributes>*:last-child>*{border-bottom:none}.uniform-card .uniform-card-attributes>*>*:first-child{font-weight:bold;font-size:0.8em;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uniform-card .uniform-card-attributes>*>*:last-child{width:100%}.uniformBigInput{width:100%;display:block;padding:10px 15px;font-size:1.3em;font-weight:300;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;box-shadow:none;border:1px solid #d9d9d9}.uniformBigInput:focus{border-color:#0994E2}.uniform-form.viking-dialog{padding:0}.uniform-form .section{background:white;border:1px solid #d8d8d9;display:block;overflow:hidden;margin-bottom:20px}.uniform-form .section-head{background:#f7f7f7;overflow:hidden;padding:10px 15px;border-bottom:1px solid #d8d8d9}.uniform-form .section-head>*{margin:0}.uniform-form .section-head h1,.uniform-form .section-head h2,.uniform-form .section-head h3,.uniform-form .section-head h4,.uniform-form .section-head h5,.uniform-form .section-head h6{margin:0;display:inline-block}.uniform-form .section-head .nav-tabs{border-bottom:none;margin-bottom:-10px}.uniform-form .section-head .action{float:right;color:#97C848;text-decoration:none}.uniform-form .section-head .action a{text-decoration:none}.uniform-form .section-head .action .fortycon{font-size:1.2em;vertical-align:middle}.uniform-form .section-foot{background:#f7f7f7;border-top:1px solid #d8d8d9;text-align:center;padding:10px 15px}.uniform-form .row .form-group{margin-top:10px;margin-bottom:10px}.uniform-form .checkbox-group label{font-weight:normal;display:block}.uniform-form .checkbox-group input{margin-right:3px}.uniform-form .show-more{color:#c3c4c5;font-size:0.8em;margin-top:10px;margin-bottom:10px;padding:0 15px;padding-top:8px;min-height:53px;display:inline-block;padding-left:25px;cursor:pointer;border:1px solid transparent;text-decoration:none}.uniform-form .show-more>span{font-size:1.2em;display:block;font-weight:bold;margin-bottom:2px;margin-left:-18px}.uniform-form .show-more>span:before{font-family:"fortycons";display:inline-block;content:"";margin-right:5px}.uniform-form .show-more .indicator{display:inline-block;width:6px;height:6px;border-radius:50%;margin:1px 3px;border:1px solid #c3c4c5}.uniform-form .show-more .indicator.full{background:#c3c4c5}.uniform-form .show-more:hover{border-color:#0994E2;color:#0994E2}.uniform-form .show-more:hover .indicator{border-color:#0994E2}.uniform-form .show-more:hover .indicator.full{background:#0994E2}.uniform-form .form-group{margin-bottom:0}.uniform-form .form-group .has-error>label,.uniform-form .form-group>label{display:block}.uniform-form .form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .form-group textarea,.uniform-form .form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .form-group textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;box-shadow:none;width:100%;padding:5px;border:1px solid #d9d9d9}.uniform-form .form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .form-group textarea:focus,.uniform-form .form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .form-group textarea:focus{border-color:#0994E2}.uniform-form .form-group .has-error>select,.uniform-form .form-group>select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #d9d9d9;margin:0;padding:5px;padding-right:20px;line-height:1.2;min-height:30px;background:white;border-radius:0;background:url(asset_path("arrow_down_large.svg")) no-repeat;background-size:10px 10px;background-position:right 5px center;width:100%}.uniform-form .form-group .has-error>select:focus,.uniform-form .form-group>select:focus{border-color:#0994E2}.uniform-form .form-group .inline-input{width:100%}.uniform-form .form-group .inline-input select{background:none}.uniform-form .form-group .inline-input.active{box-shadow:none;border-color:#0994E2}.uniform-form .form-group .inline-input .add-on{width:30px;border-right:none}.uniform-form .form-group select.select2{max-height:30px}.uniform-form .form-group .select2{width:100%}.uniform-form .form-group .select2 .select2-selection{border-radius:0;border-color:#d9d9d9;min-height:30px}.uniform-form .form-group .select2 .select2-selection .select2-selection__arrow{height:30px}.uniform-form .form-group .select2 .select2-selection--multiple{line-height:1}.uniform-form .form-group .select2 .select2-selection__choice{margin-top:3px;line-height:1.4}.uniform-form .form-group .select2 .select2-selection--single{height:30px}.uniform-form .form-group .select2 .select2-selection--single .select2-selection__rendered{line-height:30px}.uniform-form .has-error label{color:#E1563E !important}.uniform-form .has-error input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .has-error textarea{border-color:#E1563E !important}.uniform-form .has-error .select2 .select2-selection{border-color:#E1563E !important}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}@media screen and (min-width: 768px){.container{width:750px}}@media screen and (min-width: 992px){.container{width:970px}}@media screen and (min-width: 1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-12{margin-left:100%}@media screen and (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-12{margin-left:100%}}@media screen and (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-12{margin-left:100%}}@media screen and (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-12{margin-left:100%}}.uniform-select{position:relative}.uniform-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;z-index:1;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #828487;padding:0.3em 0.5em;padding-right:1.7em;background:white;border-radius:0;background:none}.uniform-select:after{color:#828487;font-size:1em;font-family:"fortycons";content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0.3em;z-index:0}.uniform-select:focus{border-color:#0994E2}.inline-input{display:table;background:white;overflow:hidden;border:1px solid #d9d9d9;border-top-color:#cccccc}.inline-input.block>*{width:100%}.inline-input>*{display:table-cell;vertical-align:middle;float:none}.inline-input>*.top{vertical-align:top}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.inline-input .textbox,.inline-input textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;padding:10px;box-shadow:none;border:none;width:100%}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):disabled,.inline-input textarea:disabled,.inline-input .textbox:disabled,.inline-input select:disabled{color:#828487;font-style:italic}.inline-input select{width:100%;border:none;margin:0;margin-top:1px;height:37px;line-height:37px;background:none}.inline-input label{margin:0;font-weight:bold;padding:5px;width:100%;font-size:0.8em}.inline-input .label,.inline-input .add-on,.inline-input .units{white-space:nowrap;width:auto;padding-left:7px;padding-right:7px;color:gray}.inline-input.active{box-shadow:0 0 3px 1px #97C848;border-color:#97C848}.inline-input.error{border-color:#E1563E}li[data-step]{list-style:none;margin:0.5em 0;position:relative}li[data-step]:before{content:attr(data-step);color:#97C848;font-size:1em;vertical-align:-2px;border-radius:50%;border:2px solid #97C848;width:1.3em;height:1.3em;font-weight:normal;line-height:1.1;text-align:center;position:absolute;left:-1.5em}li[data-number]{list-style:none;margin:0.5em 0;position:relative}li[data-number]:before{content:attr(data-number);font-size:1em;width:1.5em;height:1.3em;font-weight:bold;line-height:1.3;text-align:center;position:absolute;left:-1.5em}ul.custom li,ul.checks li,li[data-fortycon],li[data-icon]{position:relative}ul.custom li:before,ul.checks li:before,li[data-fortycon]:before,li[data-icon]:before{content:"c";font-size:1.2em;position:absolute;left:-1.5em;line-height:1}li[data-fortycon]:before,li[data-icon]:before{content:attr(data-fortycon)}ul.checks li:before{color:#97C848}.uniform-loader{display:inline-block}.uniform-loader .uniform-loader-container{letter-spacing:-.05em;white-space:nowrap}.uniform-loader .uniform-loader-container span{font-size:2em;line-height:1em;color:black;-webkit-animation:uniform-loader 1s infinite linear;-moz-animation:uniform-loader 1s infinite linear;animation:uniform-loader 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.light .uniform-loader-container span{color:white;-webkit-animation:uniform-loader-light 1s infinite linear;-moz-animation:uniform-loader-light 1s infinite linear;animation:uniform-loader-light 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader.light .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader.light .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.cover{display:block;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999999}.uniform-loader.cover .uniform-loader-container{position:absolute;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.uniform-loader.cover.light{background:rgba(0,0,0,0.5)}@-webkit-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-moz-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-webkit-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@-moz-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}.uniform-nav{list-style:none;margin:0;padding:0}.uniform-nav ul{list-style:none;margin:0;padding:0}.uniform-nav li{display:block}.uniform-nav li>*{display:block;padding:10px 20px;text-decoration:none}.uniform-nav li>*:hover{color:black;background:rgba(187,255,0,0.3)}.uniform-nav.horizontal .uniform-nav-container{display:table}.uniform-nav.horizontal .uniform-nav-container>*{display:table-cell;vertical-align:middle}.uniform-nav.horizontal .right{text-align:right;float:none}.uniform-nav.main{border-bottom:1px solid #d9d9d9}.uniform-nav.main .uniform-nav-container{width:100%}.uniform-row{line-height:1.3;font-size:13px;border-bottom:1px solid #d9d9d9;min-height:49px;position:relative;overflow:hidden}.uniform-row:hover{background-color:#eaf3fc}.uniform-row.archived{color:#9c9da0}.uniform-row.archived a{color:#9c9da0}.uniform-row a:visited{color:#6738e4}.uniform-row .uniform-btn.outline{background:white !important}.uniform-row time{display:none}.uniform-row .highlight{position:absolute;right:0;top:0;bottom:0;width:10px;background:#97C848}.uniform-row .details{overflow:hidden}.uniform-row .details>div{padding:0;overflow:hidden}.uniform-row .details>div>.pad{display:block;padding:8px 0}.uniform-row .details>div>a:not(.uniform-btn){display:block;padding:8px 12px;text-decoration:none}.uniform-row .secondary{font-weight:normal;display:block;font-size:0.9em;color:#9c9da0}.uniform-row .actions{padding-right:10px}.uniform-row .actions a:visited{color:inherit}.uniform-row .title{font-weight:bold}.uniform-row .avatar{vertical-align:top;text-align:center;position:relative;color:#a4a5a7;background-color:#a4a5a7}.uniform-row .avatar a{padding:0}.uniform-row .avatar img{min-width:70px;background-color:#505153;display:inline-block}.uniform-row .avatar .label{min-width:70px;min-height:63px;display:block;padding-top:26px;color:white !important;font-size:10px}@media screen and (max-width: 767px){.uniform-row .details>div>a{padding-top:0;padding-bottom:8px}.uniform-row .details .title a{padding-top:8px}.uniform-row .details .address .unit{display:block}.uniform-row .avatar{width:33%}.uniform-row .avatar img{width:100%;height:auto}}.uniform-row-header{position:relative;overflow:visible !important;line-height:1em;font-size:0.85em;padding:3px !important;font-weight:normal;border-bottom:2px solid #d9d9d9}.uniform-row-header .sort-label{text-align:right;padding:7px 10px;padding-bottom:3px;text-transform:uppercase;color:#9c9da0;vertical-align:bottom;white-space:nowrap}.uniform-row-header .col-label{font-weight:bold;text-transform:uppercase;color:#505153}.uniform-row-header .fortycon{margin-top:-2px;margin-right:2px;color:#bebfc0;font-size:1.2em}.uniform-row-header .details{overflow:hidden}.uniform-row-header .details>div{padding:0}.uniform-row-header .details>div>*{text-decoration:none;display:block;padding:7px 6px;white-space:nowrap;border-radius:3px}.uniform-row-header .details>div>a:hover{background:#d3e6f9}.uniform-row-header .details>.active{background:none !important}.uniform-row-header .details>.active .fortycon{color:black}.uniform-row-header .details>.active>*{color:black;background:#e6e6e6}.table-container{display:table;width:100%}.table-container>*,.table-container .table-row>*{display:table-cell;float:none}.table-container>*.top,.table-container .table-row>*.top{vertical-align:top}.table-container>*.middle>*,.table-container .table-row>*.middle>*{vertical-align:middle}.table-container .table-row{display:table-row}.table-container.middle>*,.table-container .middle{vertical-align:middle}.table-container.top>*,.table-container .top{vertical-align:top}@media screen and (max-width: 767px){.table-container.break-xs>*,.table-container.break-xs .table-row>*{display:block;float:inherit}.table-container.break-xs .table-row{display:block}}@media screen and (max-width: 767px){.block-xs{display:block}}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-table-form .textbox,.uniform-table-form textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;font-size:1.3em;font-weight:300;border:1px solid #d8d8d9;display:inline-block;width:100%;padding:10px;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-table-form .textbox:focus,.uniform-table-form textarea:focus{box-shadow:inset 0 -3px 0 #97C848}.uniform-table-form select:focus{box-shadow:inset 0 -3px 0 #97C848}.uniform-table-form .inline-input .split{font-size:1.6em;text-align:center;font-weight:300}.uniform-table-form .inline-input select{font-size:1.3em;font-weight:300}.uniform-table-form .select2-container{font-weight:300;font-size:1.3em}.uniform-table-form select{font-size:17px;font-weight:300;background:none;color:#505153}.uniform-table-form .dropzone{border:dashed 2px #828487;margin:5px}.uniform-table-form .dropzone .dz-message{font-size:17px;font-weight:300}.uniform-table-form{position:relative;display:block}.uniform-table-form.bordered{border:1px solid #cccccc}.uniform-table-form .uniform-table-form-container{display:table;width:100%;border-radius:3px;border:1px solid #cccccc;background:white;overflow:hidden}.uniform-table-form .uniform-table-form-container .form-group{display:table-row}.uniform-table-form label{font-weight:bold;display:block;padding:10px;width:100%;text-transform:uppercase;color:#9c9da0}.uniform-table-form label .hint{text-transform:none;font-weight:normal}.uniform-table-form label.no-pad{padding:0}.uniform-table-form label.input{padding:5px !important;font-size:1em;font-weight:normal;padding-left:25px !important;text-indent:-20px}.uniform-table-form label.input input[type="checkbox"]{margin-right:5px}.uniform-table-form [class^=select2]{border:none !important;border-radius:0}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-table-form textarea{border:none !important;display:block !important}.uniform-table-form textarea{width:100%;max-width:100%;min-width:100%}.uniform-table-form .inline-input{display:table;width:100%;margin:0;border:none}.uniform-table-form .inline-input>*{border:none !important;padding:0 !important}.uniform-table-form .inline-input label{font-size:1em;font-weight:normal}.uniform-table-form .inline-input select{padding-left:5px;font-size:13px;font-weight:normal}.uniform-table-form .form-group{display:table;width:100%;margin:0;border:none}.uniform-table-form .form-group label{padding-bottom:0}.uniform-table-form .form-group>div:not([class^="col-"]){width:auto}.uniform-table-form .form-group>*{background:none;border-left:none !important;border-bottom:1px solid #cccccc}.uniform-table-form .form-group>*:not(:last-of-type){border-right:1px solid #cccccc}.uniform-table-form .form-group:last-of-type>div{border-bottom-style:none}.uniform-table-form .form-group.bordered>div{border-bottom-style:solid}.uniform-table-form .form-group.has-error label,.uniform-table-form .form-group .has-error label{color:#E1563E}.uniform-table-form .form-group.has-error input,.uniform-table-form .form-group.has-error textarea,.uniform-table-form .form-group.has-error select,.uniform-table-form .form-group .has-error input,.uniform-table-form .form-group .has-error textarea,.uniform-table-form .form-group .has-error select{box-shadow:inset 0 -3px 0 #E1563E !important}.uniform-table-form .form-group input[type="checkbox"]{font-size:14px}.uniform-table-form .form-group a.action{display:block;width:100%;padding:10px 0;text-decoration:none}.uniform-table-form .form-group a.action.red{color:#E1563E}.uniform-table-form .form-group a.action.disabled{color:#d9d9d9;cursor:help}.uniform-table-form.no-align{display:block}.uniform-table-form.no-align .form-group{display:table;width:100%}.uniform-table-form .error{white-space:nowrap}.uniform-table-form .submit{text-align:center;margin-top:10px}.uniform-table-form .submit2{text-align:center;padding:5px}.uniform-table-form .footer{border-top:1px solid #cccccc;background:white;padding:10px;text-align:center}.uniform-table-form .control-label{white-space:normal;text-align:center}.uniform-table-form input.has-error{box-shadow:inset 0 -3px 0 #E1563E !important}.uniform-table-form .section-head{background:#f7f7f7;padding:5px 7px;font-size:1.4em;font-weight:300}.uniform-table-form .form-group .section-head .action{display:inline-block;width:auto;padding:0;font-size:12px;color:#97C848}.uniform-table-form .radio-table{width:100%}.uniform-table-form .radio-table .label{background:none;font-weight:normal;color:#505153;border:none;text-align:left}.uniform-table-form .radio-table td,.uniform-table-form .radio-table th{padding:0 3px;text-align:center;vertical-align:middle}.uniform-table-form .alert{border-left:0;border-right:0;border-radius:0;margin:0}.uniform-table-form .alert.alert-danger{border-color:#E1563E;color:#E1563E;background-color:#FFEBEE}.uniform-table-form .select2-container{width:100% !important}.uniformTabs{border:none}.uniformTabs>li{margin-left:10px;margin-right:10px}.uniformTabs>li>a{border:none;padding-left:0;padding-right:0;border-bottom:3px solid transparent;color:#828487}.uniformTabs>li>a:hover{background:none}.uniformTabs>li:first-of-type{margin-left:0}.uniformTabs>li:last-of-type{margin-right:0}.uniformTabs>li.active>a,.uniformTabs>li.active>a:hover,.uniformTabs>li.active>a:focus{color:#709239;border:none;background:none;border-bottom:3px solid #97C848}.uniformTile{border:1px solid #cbcccd;border-radius:3px;margin-top:20px;margin-bottom:20px;overflow:hidden}.uniformTile .avatar img{width:100%;height:auto}.uniformTile a{color:#505153;text-decoration:none}.uniformTile .title{vertical-align:middle;font-size:12px;padding-top:10px;padding-bottom:10px}.uniformTile .title .name{font-size:16px;margin-bottom:5px}.uniformTile .title .company{font-weight:bold}
@@ -1,131 +0,0 @@
1
- @mixin uniform-select {
2
- position:relative;
3
- select{
4
- @include appearance(none);
5
- position:relative;
6
- z-index:1;
7
- outline: 1px;
8
- cursor:pointer;
9
- text-indent: 1px;
10
- text-overflow: ellipsis;
11
- font-family:$helvetica;
12
- border:1px solid lighten($gray, 20);
13
- padding: 0.3em 0.5em;
14
- padding-right:1.7em;
15
- background: white;
16
- border-radius:0;
17
- background:none;
18
- }
19
- &:after{
20
- color:lighten($gray, 20);
21
- font-size:1em;
22
- font-family: $fortycons;
23
- content:$fortycon-arrow-down-large;
24
- @include vertical-middle();
25
- right:0.3em;
26
- z-index:0;
27
- }
28
- &:focus{
29
- border-color: $blue;
30
- }
31
- }
32
- .uniform-select{
33
- @include uniform-select;
34
- }
35
-
36
- @mixin uniform-input {
37
- @include appearance(none);
38
- outline:none;
39
- border:1px solid darken($background, 10);
40
- display:inline-block;
41
- padding:7px;
42
- @include transition(box-shadow 0.2s ease-in);
43
- &:focus{
44
- border-color: $green;
45
- box-shadow:inset 0 -3px 0 $green;
46
- }
47
- &.large{
48
- padding: 10px;
49
- font-size:1.3em;
50
- font-weight:300;
51
- }
52
- }
53
- .uniform-input{
54
- @include uniform-input;
55
- }
56
-
57
- //----------------------------------------------------------------
58
- // inline-input
59
- //----------------------------------------------------------------
60
- .inline-input{
61
- display:table;
62
- background:white;
63
- overflow:hidden;
64
- border:1px solid darken(white, 15);
65
- border-top-color:darken(white, 20);
66
- &.block{
67
- &>*{
68
- width: 100%;
69
- }
70
- }
71
- &>*{
72
- display:table-cell;
73
- vertical-align:middle;
74
- float:none;
75
- &.top{
76
- vertical-align:top;
77
- }
78
- }
79
-
80
- #{$text-inputs},
81
- .textbox,
82
- textarea {
83
- @include appearance(none);
84
- outline: none;
85
- padding:10px;
86
- box-shadow: none;
87
- border:none;
88
- width:100%;
89
- }
90
- #{$text-inputs},
91
- textarea,
92
- .textbox,
93
- select{
94
- &:disabled{
95
- color:lighten($gray, 20);
96
- font-style:italic;
97
- }
98
- }
99
- select{
100
- width:100%;
101
- border:none;
102
- margin:0;
103
- margin-top:1px;
104
- height:37px;
105
- line-height:37px;
106
- background:none;
107
- }
108
- label{
109
- margin:0;
110
- font-weight:bold;
111
- padding:5px;
112
- width:100%;
113
- font-size:0.8em;
114
- }
115
- .label,
116
- .add-on,
117
- .units{
118
- white-space:nowrap;
119
- width:auto;
120
- padding-left: 7px;
121
- padding-right: 7px;
122
- color:lighten(black, 50);
123
- }
124
- &.active{
125
- box-shadow: 0 0 3px 1px $green;
126
- border-color:$green;
127
- }
128
- &.error{
129
- border-color:$red;
130
- }
131
- }