kuppayam 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a7a18048da51c416e84bb1d9d7c1f30c936556d2
+  data.tar.gz: e405c447b4d8f9081f19c240689656057bf10a87
+SHA512:
+  metadata.gz: 6fe6f0ab12ce1ec2d2ce217cbab6dbd7369d4ff0e1dead3659ec673e05068f8040ad7f23d70eec277ffc39339f3638449335b2a5ea148456e2d2e8cf44bf1ace
+  data.tar.gz: 2916d5371221e8078e92a24a62ca0023c58cbd1e7082a3d1628397bc29616fce7d12b3f2ffe584fcce0fa946be3d78e779ae972b26a3dd1657bd5cf1abdc74c0

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 Prasad V
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# Kuppayam
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'kuppayam'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install kuppayam
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Kuppayam'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/jquery_with_ujs.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery-1.11.1.min.js
+//= require jquery-validate/jquery.validate.min.js
+//= require jquery_ujs

data/app/assets/javascripts/kuppayam.js

@@ -0,0 +1,21 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require kuppayam/utilities.js
+//= require bootstrap.min.js
+//= require TweenMax.min.js
+//= require resizeable.js
+//= require joinable.js
+//= require xenon-api.js
+//= require xenon-toggles.js
+//= require xenon-custom.js
+

data/app/assets/javascripts/kuppayam/utilities.js

@@ -0,0 +1,68 @@
+// loadANewPage will accept a url and will load a new page
+// It can be tuned to show a lightbox showing a loading, please wait message.
+function loadANewPage(url){
+  // showLightBoxLoading();
+  window.location.href=url;
+}
+
+// sendAjaxRequest is used to send an xml http request using javascript to a url using a method / get, put, post, delete
+function sendAjaxRequest(url, mType){
+  methodType = mType || "GET";
+  jQuery.ajax({type: methodType, dataType:"script", url:url});
+}
+
+var genericModalId = "div_modal_generic";
+var largeModalId = "div_modal_large";
+var messageModalId = "div_modal_message";
+
+// Call this function by passing  model Id, heading and a bodyContent.
+// it will pop up bootstrap 3 modal.
+function showGenericModal(heading, bodyContent){
+  $('#' + genericModalId + ' .modal-header .modal-title').text(heading);
+  $('#' + genericModalId + ' div.modal-body-main').html(bodyContent);
+  $('#' + genericModalId).modal({show: true, backdrop: 'static', keyboard: false});
+}
+
+// Call this function by passing  model Id, heading and a bodyContent.
+// it will pop up bootstrap 3 modal.
+function showLargeModal(heading, bodyContent){
+  $('#' + largeModalId + ' .modal-header .modal-title').text(heading);
+  $('#' + largeModalId + ' div.modal-body-main').html(bodyContent);
+  $('#' + largeModalId).modal({show: true, backdrop: 'static', keyboard: false});
+}
+
+// Call this function by passing  heading and a message.
+// it will pop up bootstrap 3 modal which shows the heading and message as content body.
+function showMessageModal(heading, message, modalId){
+  if(modalId==null){
+    var modalId = messageModalId;
+  }
+  var bodyContent = "<p>"+ message +"</p>";
+  //$('#' + modalId + ' .modal-body').html("<p>"+ message +"</p>");
+  $('#' + modalId + ' .modal-header h4.modal-title').text(heading);
+  $('#' + modalId + ' div.modal-body').html(bodyContent);
+  $('#' + modalId).modal({show: true, backdrop: 'static', keyboard: false});
+  //$('#' + modalId + ' .modal-footer button.btn-primary').button('reset');
+}
+
+function closeGenericModal(modalId){
+  $('#' + genericModalId).modal('hide');  
+}
+
+function closeLargeModal(modalId){
+  $('#' + largeModalId).modal('hide');  
+}
+
+function closeMessageModal(modalId){
+  $('#' + messageModalId).modal('hide');  
+}
+
+// function initPopovers(){
+//   $('[data-toggle="popover"]').popover()
+// }
+// initPopovers();
+
+// function initTooltip(){
+//   $('[data-toggle="tooltip"]').tooltip()
+// }
+// initTooltip();

data/app/assets/stylesheets/kuppayam.css

@@ -0,0 +1,23 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require linecons/css/linecons.css
+ *= require fontawesome/css/font-awesome.min.css
+ *= require bootstrap.css
+ *= require xenon-core.css
+ *= require xenon-forms.css
+ *= require xenon-components.css
+ *= require xenon-skins.css
+ *= require kuppayam/handycss.css
+ *= require kuppayam/custom.css
+
+ */

data/app/assets/stylesheets/kuppayam/custom.css

@@ -0,0 +1,8 @@
+.login-page { padding-top: 100px !important;}
+.login-page footer { color: #4b4b4b; !important;}
+
+// Alerts were showing text in dark colors.
+// Overriding it to white
+.alert {color: #fff !important}
+.alert p {color: #fff !important}
+.alert .close {color: #fff !important}

data/app/assets/stylesheets/kuppayam/handycss.css

@@ -0,0 +1,996 @@
+/* ========================================================
+ * handycss.backdrops.css v0.0.1
+ * https://github.com/kpvarma/handyCSS
+ * ========================================================
+ * Copyright 2013 VarmaLabs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================== */
+/* pull classes */
+.float-left, .pull-left {
+  float: left;
+}
+
+.float-right, .pull-right {
+  float: right;
+}
+
+/* Clear Both Classes */
+.cl {
+  clear: both;
+  display: block;
+}
+
+.cl-2 {
+  clear: both;
+  display: block;
+  height: 2px;
+}
+
+.cl-3 {
+  clear: both;
+  display: block;
+  height: 3px;
+}
+
+.cl-4 {
+  clear: both;
+  display: block;
+  height: 4px;
+}
+
+.cl-5 {
+  clear: both;
+  display: block;
+  height: 5px;
+}
+
+.cl-10 {
+  clear: both;
+  display: block;
+  height: 10px;
+}
+
+.cl-15 {
+  clear: both;
+  display: block;
+  height: 15px;
+}
+
+.cl-20 {
+  clear: both;
+  display: block;
+  height: 20px;
+}
+
+.cl-25 {
+  clear: both;
+  display: block;
+  height: 25px;
+}
+
+.cl-30 {
+  clear: both;
+  display: block;
+  height: 30px;
+}
+
+.cl-40 {
+  clear: both;
+  display: block;
+  height: 40px;
+}
+
+.cl-50 {
+  clear: both;
+  display: block;
+  height: 50px;
+}
+
+.cl-60 {
+  clear: both;
+  display: block;
+  height: 60px;
+}
+
+.cl-70 {
+  clear: both;
+  display: block;
+  height: 70px;
+}
+
+.cl-80 {
+  clear: both;
+  display: block;
+  height: 80px;
+}
+
+.cl-90 {
+  clear: both;
+  display: block;
+  height: 90px;
+}
+
+.cl-100 {
+  clear: both;
+  display: block;
+  height: 100px;
+}
+
+.cl-200 {
+  clear: both;
+  display: block;
+  height: 200px;
+}
+
+/* Margin and Padding Class */
+/* ------------------------ */
+/* e.g: ma */
+.ma {
+  margin: 0px auto !important;
+}
+
+/* margin - e.g: m-10 */
+.m-2 {
+  margin: 2px !important;
+}
+
+.m-3 {
+  margin: 3px !important;
+}
+
+.m-4 {
+  margin: 4px !important;
+}
+
+.m-5 {
+  margin: 5px !important;
+}
+
+.m-10 {
+  margin: 10px !important;
+}
+
+.m-15 {
+  margin: 15px !important;
+}
+
+.m-20 {
+  margin: 20px !important;
+}
+
+.m-25 {
+  margin: 25px !important;
+}
+
+.m-30 {
+  margin: 30px !important;
+}
+
+.m-40 {
+  margin: 40px !important;
+}
+
+.m-50 {
+  margin: 50px !important;
+}
+
+.m-60 {
+  margin: 60px !important;
+}
+
+.m-70 {
+  margin: 70px !important;
+}
+
+.m-80 {
+  margin: 80px !important;
+}
+
+.m-90 {
+  margin: 90px !important;
+}
+
+.m-100 {
+  margin: 100px !important;
+}
+
+.m-200 {
+  margin: 200px !important;
+}
+
+/* margin-top - e.g: mt-10 */
+.mt-2 {
+  margin-top: 2px !important;
+}
+
+.mt-3 {
+  margin-top: 3px !important;
+}
+
+.mt-4 {
+  margin-top: 4px !important;
+}
+
+.mt-5 {
+  margin-top: 5px !important;
+}
+
+.mt-10 {
+  margin-top: 10px !important;
+}
+
+.mt-15 {
+  margin-top: 15px !important;
+}
+
+.mt-20 {
+  margin-top: 20px !important;
+}
+
+.mt-25 {
+  margin-top: 25px !important;
+}
+
+.mt-30 {
+  margin-top: 30px !important;
+}
+
+.mt-40 {
+  margin-top: 40px !important;
+}
+
+.mt-50 {
+  margin-top: 50px !important;
+}
+
+.mt-60 {
+  margin-top: 60px !important;
+}
+
+.mt-70 {
+  margin-top: 70px !important;
+}
+
+.mt-80 {
+  margin-top: 80px !important;
+}
+
+.mt-90 {
+  margin-top: 90px !important;
+}
+
+.mt-100 {
+  margin-top: 100px !important;
+}
+
+.mt-200 {
+  margin-top: 200px !important;
+}
+
+/* margin-right - e.g: mr-10 */
+.mr-2 {
+  margin-right: 2px !important;
+}
+
+.mr-3 {
+  margin-right: 3px !important;
+}
+
+.mr-4 {
+  margin-right: 4px !important;
+}
+
+.mr-5 {
+  margin-right: 5px !important;
+}
+
+.mr-10 {
+  margin-right: 10px !important;
+}
+
+.mr-15 {
+  margin-right: 15px !important;
+}
+
+.mr-20 {
+  margin-right: 20px !important;
+}
+
+.mr-25 {
+  margin-right: 25px !important;
+}
+
+.mr-30 {
+  margin-right: 30px !important;
+}
+
+.mr-40 {
+  margin-right: 40px !important;
+}
+
+.mr-50 {
+  margin-right: 50px !important;
+}
+
+.mr-60 {
+  margin-right: 60px !important;
+}
+
+.mr-70 {
+  margin-right: 70px !important;
+}
+
+.mr-80 {
+  margin-right: 80px !important;
+}
+
+.mr-90 {
+  margin-right: 90px !important;
+}
+
+.mr-100 {
+  margin-right: 100px !important;
+}
+
+.mr-200 {
+  margin-right: 200px !important;
+}
+
+/* margin-bottom - e.g: mb-10 */
+.mb-2 {
+  margin-bottom: 2px !important;
+}
+
+.mb-3 {
+  margin-bottom: 3px !important;
+}
+
+.mb-4 {
+  margin-bottom: 4px !important;
+}
+
+.mb-5 {
+  margin-bottom: 5px !important;
+}
+
+.mb-10 {
+  margin-bottom: 10px !important;
+}
+
+.mb-15 {
+  margin-bottom: 15px !important;
+}
+
+.mb-20 {
+  margin-bottom: 20px !important;
+}
+
+.mb-25 {
+  margin-bottom: 25px !important;
+}
+
+.mb-30 {
+  margin-bottom: 30px !important;
+}
+
+.mb-40 {
+  margin-bottom: 40px !important;
+}
+
+.mb-50 {
+  margin-bottom: 50px !important;
+}
+
+.mb-60 {
+  margin-bottom: 60px !important;
+}
+
+.mb-70 {
+  margin-bottom: 70px !important;
+}
+
+.mb-80 {
+  margin-bottom: 80px !important;
+}
+
+.mb-90 {
+  margin-bottom: 90px !important;
+}
+
+.mb-100 {
+  margin-bottom: 100px !important;
+}
+
+.mb-200 {
+  margin-bottom: 200px !important;
+}
+
+/* magin-left - e.g: ml-10 */
+.ml-2 {
+  margin-left: 2px !important;
+}
+
+.ml-3 {
+  margin-left: 3px !important;
+}
+
+.ml-4 {
+  margin-left: 4px !important;
+}
+
+.ml-5 {
+  margin-left: 5px !important;
+}
+
+.ml-10 {
+  margin-left: 10px !important;
+}
+
+.ml-15 {
+  margin-left: 15px !important;
+}
+
+.ml-20 {
+  margin-left: 20px !important;
+}
+
+.ml-25 {
+  margin-left: 25px !important;
+}
+
+.ml-30 {
+  margin-left: 30px !important;
+}
+
+.ml-40 {
+  margin-left: 40px !important;
+}
+
+.ml-50 {
+  margin-left: 50px !important;
+}
+
+.ml-60 {
+  margin-left: 60px !important;
+}
+
+.ml-70 {
+  margin-left: 70px !important;
+}
+
+.ml-80 {
+  margin-left: 80px !important;
+}
+
+.ml-90 {
+  margin-left: 90px !important;
+}
+
+.ml-100 {
+  margin-left: 100px !important;
+}
+
+.ml-200 {
+  margin-left: 200px !important;
+}
+
+/* padding - e.g: p-10 */
+.p-2 {
+  padding: 2px !important;
+}
+
+.p-3 {
+  padding: 3px !important;
+}
+
+.p-4 {
+  padding: 4px !important;
+}
+
+.p-5 {
+  padding: 5px !important;
+}
+
+.p-10 {
+  padding: 10px !important;
+}
+
+.p-15 {
+  padding: 15px !important;
+}
+
+.p-20 {
+  padding: 20px !important;
+}
+
+.p-25 {
+  padding: 25px !important;
+}
+
+.p-30 {
+  padding: 30px !important;
+}
+
+.p-40 {
+  padding: 40px !important;
+}
+
+.p-50 {
+  padding: 50px !important;
+}
+
+.p-60 {
+  padding: 60px !important;
+}
+
+.p-70 {
+  padding: 70px !important;
+}
+
+.p-80 {
+  padding: 80px !important;
+}
+
+.p-90 {
+  padding: 90px !important;
+}
+
+.p-100 {
+  padding: 100px !important;
+}
+
+.p-200 {
+  padding: 200px !important;
+}
+
+/* padding-top - e.g: pt-10 */
+.pt-2 {
+  padding-top: 2px !important;
+}
+
+.pt-3 {
+  padding-top: 3px !important;
+}
+
+.pt-4 {
+  padding-top: 4px !important;
+}
+
+.pt-5 {
+  padding-top: 5px !important;
+}
+
+.pt-10 {
+  padding-top: 10px !important;
+}
+
+.pt-15 {
+  padding-top: 15px !important;
+}
+
+.pt-20 {
+  padding-top: 20px !important;
+}
+
+.pt-25 {
+  padding-top: 25px !important;
+}
+
+.pt-30 {
+  padding-top: 30px !important;
+}
+
+.pt-40 {
+  padding-top: 40px !important;
+}
+
+.pt-50 {
+  padding-top: 50px !important;
+}
+
+.pt-60 {
+  padding-top: 60px !important;
+}
+
+.pt-70 {
+  padding-top: 70px !important;
+}
+
+.pt-80 {
+  padding-top: 80px !important;
+}
+
+.pt-90 {
+  padding-top: 90px !important;
+}
+
+.pt-100 {
+  padding-top: 100px !important;
+}
+
+.pt-200 {
+  padding-top: 200px !important;
+}
+
+/* padding-right - e.g: pr-10 */
+.pr-2 {
+  padding-right: 2px !important;
+}
+
+.pr-3 {
+  padding-right: 3px !important;
+}
+
+.pr-4 {
+  padding-right: 4px !important;
+}
+
+.pr-5 {
+  padding-right: 5px !important;
+}
+
+.pr-10 {
+  padding-right: 10px !important;
+}
+
+.pr-15 {
+  padding-right: 15px !important;
+}
+
+.pr-20 {
+  padding-right: 20px !important;
+}
+
+.pr-25 {
+  padding-right: 25px !important;
+}
+
+.pr-30 {
+  padding-right: 30px !important;
+}
+
+.pr-40 {
+  padding-right: 40px !important;
+}
+
+.pr-50 {
+  padding-right: 50px !important;
+}
+
+.pr-60 {
+  padding-right: 60px !important;
+}
+
+.pr-70 {
+  padding-right: 70px !important;
+}
+
+.pr-80 {
+  padding-right: 80px !important;
+}
+
+.pr-90 {
+  padding-right: 90px !important;
+}
+
+.pr-100 {
+  padding-right: 100px !important;
+}
+
+.pr-200 {
+  padding-right: 200px !important;
+}
+
+/* padding-bottom - e.g: pb-10 */
+.pb-2 {
+  padding-bottom: 2px !important;
+}
+
+.pb-3 {
+  padding-bottom: 3px !important;
+}
+
+.pb-4 {
+  padding-bottom: 4px !important;
+}
+
+.pb-5 {
+  padding-bottom: 5px !important;
+}
+
+.pb-10 {
+  padding-bottom: 10px !important;
+}
+
+.pb-15 {
+  padding-bottom: 15px !important;
+}
+
+.pb-20 {
+  padding-bottom: 20px !important;
+}
+
+.pb-25 {
+  padding-bottom: 25px !important;
+}
+
+.pb-30 {
+  padding-bottom: 30px !important;
+}
+
+.pb-40 {
+  padding-bottom: 40px !important;
+}
+
+.pb-50 {
+  padding-bottom: 50px !important;
+}
+
+.pb-60 {
+  padding-bottom: 60px !important;
+}
+
+.pb-70 {
+  padding-bottom: 70px !important;
+}
+
+.pb-80 {
+  padding-bottom: 80px !important;
+}
+
+.pb-90 {
+  padding-bottom: 90px !important;
+}
+
+.pb-100 {
+  padding-bottom: 100px !important;
+}
+
+.pb-200 {
+  padding-bottom: 200px !important;
+}
+
+/* padding-left - e.g: pl-10 */
+.pl-2 {
+  padding-left: 2px !important;
+}
+
+.pl-3 {
+  padding-left: 3px !important;
+}
+
+.pl-4 {
+  padding-left: 4px !important;
+}
+
+.pl-5 {
+  padding-left: 5px !important;
+}
+
+.pl-10 {
+  padding-left: 10px !important;
+}
+
+.pl-15 {
+  padding-left: 15px !important;
+}
+
+.pl-20 {
+  padding-left: 20px !important;
+}
+
+.pl-25 {
+  padding-left: 25px !important;
+}
+
+.pl-30 {
+  padding-left: 30px !important;
+}
+
+.pl-40 {
+  padding-left: 40px !important;
+}
+
+.pl-50 {
+  padding-left: 50px !important;
+}
+
+.pl-60 {
+  padding-left: 60px !important;
+}
+
+.pl-70 {
+  padding-left: 70px !important;
+}
+
+.pl-80 {
+  padding-left: 80px !important;
+}
+
+.pl-90 {
+  padding-left: 90px !important;
+}
+
+.pl-100 {
+  padding-left: 100px !important;
+}
+
+.pl-200 {
+  padding-left: 200px !important;
+}
+
+/*  To align text to Right / Left  */
+.text-align-center {
+  text-align: center !important;
+}
+
+.text-align-left {
+  text-align: left !important;
+}
+
+.text-align-right {
+  text-align: right !important;
+}
+
+/* text styles */
+.text-color-red {
+  color: darkred;
+}
+
+.text-color-blue {
+  color: #24a9e1;
+}
+
+.text-color-dark-grey {
+  color: #4b4b4b;
+}
+
+.text-color-gray {
+  color: #898989;
+}
+
+.text-color-dark-gray {
+  color: #4b4b4b;
+}
+
+.text-color-light-grey {
+  color: #999999;
+}
+
+.text-color-white {
+  color: #FFF;
+}
+
+.text-color-green {
+  color: green;
+}
+
+.fs-10 {
+  font-size: 10px !important;
+}
+
+.fs-11 {
+  font-size: 11px !important;
+}
+
+.fs-12 {
+  font-size: 12px !important;
+}
+
+.fs-13 {
+  font-size: 13px !important;
+}
+
+.fs-14 {
+  font-size: 14px !important;
+}
+
+.fs-15 {
+  font-size: 15px !important;
+}
+
+.fs-16 {
+  font-size: 16px !important;
+}
+
+.fs-18 {
+  font-size: 18px !important;
+}
+
+.fs-20 {
+  font-size: 20px !important;
+}
+
+.fs-22 {
+  font-size: 22px !important;
+}
+
+.fs-24 {
+  font-size: 24px !important;
+}
+
+.fs-28 {
+  font-size: 28px !important;
+}
+
+.fs-30 {
+  font-size: 30px !important;
+}
+
+.fs-32 {
+  font-size: 32px !important;
+}
+
+.fs-34 {
+  font-size: 34px !important;
+}
+
+.fs-36 {
+  font-size: 36px !important;
+}
+
+.fs-40 {
+  font-size: 40px !important;
+}
+
+.fs-48 {
+  font-size: 48px !important;
+}
+
+.fs-56 {
+  font-size: 56px !important;
+}
+
+.lh-10 {
+  line-height: 10px !important;
+}
+
+.lh-20 {
+  line-height: 20px !important;
+}
+
+.lh-30 {
+  line-height: 30px !important;
+}
+
+.lh-40 {
+  line-height: 40px !important;
+}
+
+h1.heading {
+  font-size: 2em;
+}
+
+h2.heading {
+  font-size: 1.5em;
+  color: #4b4b4b;
+}
+
+h3.heading {
+  font-size: 1.17em;
+}
+
+h4.heading {
+  font-size: 1em;
+  color: #4b4b4b;
+}
+
+h5.heading {
+  font-size: .90em;
+}
+
+h6.heading {
+  font-size: .85em;
+  color: #4b4b4b;
+}