initial commit

webroot/css/blueimp/css/demo-ie8.css

@@ -0,0 +1,21 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload Demo CSS Fixes for IE<9
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.navigation {
+  list-style: none;
+  padding: 0;
+  margin: 1em 0;
+}
+.navigation li {
+  display: inline;
+  margin-right: 10px;
+}

webroot/css/blueimp/css/demo.css

@@ -0,0 +1,67 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload Demo CSS
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+body {
+  max-width: 750px;
+  margin: 0 auto;
+  padding: 1em;
+  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
+  font-size: 1em;
+  line-height: 1.4em;
+  background: #222;
+  color: #fff;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+a {
+  color: orange;
+  text-decoration: none;
+}
+img {
+  border: 0;
+  vertical-align: middle;
+}
+h1 {
+  line-height: 1em;
+}
+blockquote {
+  padding: 0 0 0 15px;
+  margin: 0 0 20px;
+  border-left: 5px solid #eee;
+}
+table {
+  width: 100%;
+  margin: 10px 0;
+}
+
+.fileupload-progress {
+	margin: 10px 0;
+}
+.fileupload-progress .progress-extended {
+	margin-top: 5px;
+}
+.error {
+  color: red;
+}
+
+@media (min-width: 481px) {
+  .navigation {
+    list-style: none;
+    padding: 0;
+  }
+  .navigation li {
+    display: inline-block;
+  }
+  .navigation li:not(:first-child):before {
+    content: "| ";
+  }
+}

webroot/css/blueimp/css/jquery.fileupload-noscript.css

@@ -0,0 +1,22 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload Plugin NoScript CSS
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileinput-button input {
+  position: static;
+  opacity: 1;
+  filter: none;
+  font-size: inherit;
+  direction: inherit;
+}
+.fileinput-button span {
+  display: none;
+}

webroot/css/blueimp/css/jquery.fileupload-ui-noscript.css

@@ -0,0 +1,17 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload UI Plugin NoScript CSS
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2012, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileinput-button i,
+.fileupload-buttonbar .delete,
+.fileupload-buttonbar .toggle {
+  display: none;
+}

webroot/css/blueimp/css/jquery.fileupload-ui.css

@@ -0,0 +1,57 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload UI Plugin CSS
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2010, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileupload-buttonbar .btn,
+.fileupload-buttonbar .toggle {
+  margin-bottom: 5px;
+}
+.progress-animated .progress-bar,
+.progress-animated .bar {
+  background: url("../img/progressbar.gif") !important;
+  filter: none;
+}
+.fileupload-process {
+  float: right;
+  display: none;
+}
+.fileupload-processing .fileupload-process,
+.files .processing .preview {
+  display: block;
+  width: 32px;
+  height: 32px;
+  background: url("../img/loading.gif") center no-repeat;
+  background-size: contain;
+}
+.files audio,
+.files video {
+  max-width: 300px;
+}
+
+@media (max-width: 767px) {
+  .fileupload-buttonbar .toggle,
+  .files .toggle,
+  .files .btn span {
+    display: none;
+  }
+  .files .name {
+    width: 80px;
+    word-wrap: break-word;
+  }
+  .files audio,
+  .files video {
+    max-width: 80px;
+  }
+  .files img,
+  .files canvas {
+    max-width: 100%;
+  }
+}

webroot/css/blueimp/css/jquery.fileupload.css

@@ -0,0 +1,37 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload Plugin CSS
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.fileinput-button {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+}
+.fileinput-button input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  opacity: 0;
+  -ms-filter: 'alpha(opacity=0)';
+  font-size: 200px !important;
+  direction: ltr;
+  cursor: pointer;
+}
+
+/* Fixes for IE < 8 */
+@media screen\9 {
+  .fileinput-button input {
+    filter: alpha(opacity=0);
+    font-size: 100%;
+    height: 100%;
+  }
+}

webroot/css/blueimp/css/style.css

@@ -0,0 +1,15 @@
+@charset "UTF-8";
+/*
+ * jQuery File Upload Plugin CSS Example
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+body {
+  padding-top: 60px;
+}

webroot/css/bootstrap-theme.css

@@ -0,0 +1,587 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+.btn-default.disabled,
+.btn-primary.disabled,
+.btn-success.disabled,
+.btn-info.disabled,
+.btn-warning.disabled,
+.btn-danger.disabled,
+.btn-default[disabled],
+.btn-primary[disabled],
+.btn-success[disabled],
+.btn-info[disabled],
+.btn-warning[disabled],
+.btn-danger[disabled],
+fieldset[disabled] .btn-default,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-success,
+fieldset[disabled] .btn-info,
+fieldset[disabled] .btn-warning,
+fieldset[disabled] .btn-danger {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.btn-default .badge,
+.btn-primary .badge,
+.btn-success .badge,
+.btn-info .badge,
+.btn-warning .badge,
+.btn-danger .badge {
+  text-shadow: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+}
+.btn-default {
+  text-shadow: 0 1px 0 #fff;
+  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
+  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+.btn-primary {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #245580;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #265a88;
+  background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #265a88;
+  border-color: #245580;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #265a88;
+  background-image: none;
+}
+.btn-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+  background-color: #419641;
+  background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #419641;
+  border-color: #3e8f3e;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #419641;
+  background-image: none;
+}
+.btn-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+  background-color: #2aabd2;
+  background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #2aabd2;
+  border-color: #28a4c9;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #2aabd2;
+  background-image: none;
+}
+.btn-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+  background-color: #eb9316;
+  background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #eb9316;
+  border-color: #e38d13;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #eb9316;
+  background-image: none;
+}
+.btn-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+  background-color: #c12e2a;
+  background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #c12e2a;
+  border-color: #b92c28;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #c12e2a;
+  background-image: none;
+}
+.thumbnail,
+.img-thumbnail {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-color: #e8e8e8;
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-repeat: repeat-x;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-color: #2e6da4;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  background-repeat: repeat-x;
+}
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
+  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
+  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
+  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
+}
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
+  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
+  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-radius: 4px;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
+  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
+  background-repeat: repeat-x;
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  border-radius: 0;
+}
+@media (max-width: 767px) {
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+    background-repeat: repeat-x;
+  }
+}
+.alert {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
+}
+.alert-success {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #b2dba1;
+}
+.alert-info {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #9acfea;
+}
+.alert-warning {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #f5e79e;
+}
+.alert-danger {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #dca7a7;
+}
+.progress {
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
+  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
+  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
+  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
+  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
+  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
+  background-repeat: repeat-x;
+}
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+}
+.list-group {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  text-shadow: 0 -1px 0 #286090;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #2b669a;
+}
+.list-group-item.active .badge,
+.list-group-item.active:hover .badge,
+.list-group-item.active:focus .badge {
+  text-shadow: none;
+}
+.panel {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
+}
+.panel-default > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-primary > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-success > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
+  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-info > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
+  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-warning > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
+  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
+  background-repeat: repeat-x;
+}
+.panel-danger > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
+  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
+  background-repeat: repeat-x;
+}
+.well {
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
+  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+  background-repeat: repeat-x;
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
+}
+/*# sourceMappingURL=bootstrap-theme.css.map */

webroot/css/cake.css

@@ -0,0 +1,565 @@
+.disabled a,
+a.disabled {
+  pointer-events: none;
+}
+
+a:hover {
+  color: #15848F;
+}
+
+a {
+  color: #1798A5;
+}
+
+.side-nav li a:not(.button) {
+  color: #15848F;
+}
+
+.side-nav li a:not(.button):hover {
+  color: #15848F;
+}
+
+header {
+  background-color: #15848F;
+  color: #ffffff;
+  font-size: 30px;
+  height: 84px;
+  line-height: 64px;
+  padding: 16px 0px;
+  box-shadow: 0px 1px rgba(0, 0, 0, 0.24);
+}
+
+header .header-title {
+  padding-left:80px
+}
+
+
+legend {
+  color:#15848F;
+}
+
+.row {
+  max-width: 80rem;
+}
+
+.actions.columns {
+  margin-top:1rem;
+  border-left: 5px solid #15848F;
+  padding-left: 15px;
+  padding: 32px 20px;
+}
+
+.actions.columns h3 {
+  color:#15848F;
+}
+
+.index table {
+  margin-top: 2rem;
+  border: 0;
+  width: 100%;
+  table-layout: fixed;
+}
+
+.related table {
+  border: 0;
+  width: 100%;
+  table-layout: fixed;
+}
+
+.index table thead {
+  height: 3.5rem;
+}
+
+.header-help {
+  float: right;
+  margin-right:2rem;
+  margin-top: -80px;
+  font-size:16px;
+}
+
+.header-help span {
+  font-weight: normal;
+  text-align: center;
+  text-decoration: none;
+  line-height: 1;
+  white-space: nowrap;
+  display: inline-block;
+  padding: 0.25rem 0.5rem 0.375rem;
+  font-size: 0.8rem;
+  background-color: #0097a7;
+  color: #FFF;
+  border-radius: 1000px;
+}
+
+.header-help a {
+  color: #fff;
+}
+
+ul.pagination li a {
+  color: rgba(0, 0 ,0 , 0.54);
+}
+
+ul.pagination li.active a {
+  background-color: #DCE47E;
+  color: #FFF;
+  font-weight: bold;
+  cursor: default;
+}
+ul.pagination .disabled:hover a {
+  background: none;
+}
+
+.paginator {
+  text-align: center;
+}
+
+.paginator ul.pagination li {
+  float: none;
+  display: inline-block;
+}
+
+.paginator p {
+  text-align: right;
+  color: rgba(0, 0 ,0 , 0.54);
+}
+
+.asc:after {
+  content: " \2193";
+}
+.desc:after {
+  content: " \2191";
+}
+
+button {
+  background: #8D6E65;
+}
+
+.form button:hover, .form button:focus {
+  background: #7A6058;
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.26) !important;
+}
+
+.form button[type="submit"] {
+  float: right;
+  text-transform: uppercase;
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
+}
+
+.form .error-message {
+  display: block;
+  padding: 0.375rem 0.5625rem 0.5625rem;
+  margin-top: -1px;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: normal;
+  font-style: italic;
+  color: rgba(0, 0, 0, 0.54);
+}
+
+.required > label {
+  font-weight: bold;
+}
+.required > label:after {
+  content: ' *';
+  color: #C3232D;
+}
+
+select[multiple] {
+  min-height:150px;
+  background: none;
+}
+input[type=checkbox],
+input[type=radio] {
+  margin-right: 0.5em;
+}
+
+.date select,
+.time select,
+.datetime select {
+  display: inline;
+  width: auto;
+  margin-right: 10px;
+}
+
+.error label,
+.error label.error {
+  color: #C3232D;
+}
+
+.view h2 {
+  color: #6F6F6F;
+}
+
+.view .columns.strings {
+  border-radius: 3px;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+  margin-right:0.7rem;
+}
+
+.view .numbers {
+  background-color: #B7E3EC;
+  color: #FFF;
+  border-radius: 3px;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+  margin-right: 0.7rem;
+}
+
+.view .columns.dates {
+  border-radius: 3px;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+  margin-right:0.7rem;
+  background-color:#DCE47E;
+  color: #fff;
+}
+
+.view .columns.booleans {
+  border-radius: 3px;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+  margin-right:0.7rem;
+  background-color: #8D6E65;
+  color: #fff;
+}
+
+.view .strings p {
+  border-bottom: 1px solid #eee;
+}
+.view .numbers .subheader, .view .dates .subheader {
+  color:#747474;
+}
+.view .booleans .subheader {
+  color: #E9E9E9
+}
+
+.view .texts .columns {
+  margin-top:1.2rem;
+  border-bottom: 1px solid #eee;
+}
+
+
+/** Notices and Errors **/
+.cake-error,
+.cake-debug,
+.notice,
+p.error,
+p.notice {
+  display: block;
+  clear: both;
+  background-repeat: repeat-x;
+  margin-bottom: 18px;
+  padding: 7px 14px;
+  border-radius: 3px;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+}
+
+.cake-debug,
+.notice,
+p.notice {
+  color: #000000;
+  background: #ffcc00;
+}
+
+.cake-error,
+p.error {
+  color: #fff;
+  background: #C3232D;
+}
+
+pre {
+  background: none repeat scroll 0% 0% #FFF;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+  margin: 15px 0px;
+  color: rgba(0, 0 ,0 , 0.74);
+  padding:5px;
+}
+
+.cake-error .cake-stack-trace {
+  margin-top:10px;
+}
+
+.cake-stack-trace code {
+  background: inherit;
+  border:0;
+}
+
+.cake-code-dump .code-highlight {
+  display: block;
+  background-color: #FFC600;
+}
+
+.cake-error a,
+.cake-error a:hover {
+  color:#fff;
+  text-decoration: underline;
+}
+
+.home header {
+  width: 100%;
+  height: 85%;
+  position: relative;
+  display: table;
+}
+
+.home h1 {
+  font-family: "Gill Sans MT", Calibri, sans-serif;
+}
+
+.home header .header-image {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+}
+
+.home header h1 {
+  color: #fff;
+}
+
+.home .checks {
+  padding:30px;
+  color: #626262;
+  border-radius: 3px;
+  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
+  margin-top:50px;
+}
+
+.checks.url-rewriting {
+    background-color: #F0F0F0;
+    display: none;
+}
+
+.checks.platform {
+  background-color: #B7E3EC;
+}
+
+.checks.filesystem {
+  background: #DCE47E;
+}
+
+.checks.database {
+  background-color: #DFF0D8;
+  padding-bottom: 10px;
+  margin-bottom: 30px;
+}
+
+.home .checks .success:before, .home .checks .problem:before {
+  line-height: 0px;
+  font-size: 28px;
+  height: 12px;
+  width: 12px;
+  border-radius: 15px;
+  text-align: center;
+  vertical-align: middle;
+  display: inline-block;
+  position: relative;
+  left: -11px;
+}
+
+.home .checks .success:before {
+  content: "✓";
+  color: green;
+  margin-right: 9px;
+}
+
+.home .checks .problem:before {
+  content: "✘";
+  color: red;
+  margin-right: 9px;
+}
+
+.top-bar.expanded .title-area {
+  background: #01545b;
+}
+
+.top-bar.expanded, .top-bar,.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button) {
+  background: #116d76;
+}
+
+.top-bar-section li:not(.has-form) a:not(.button):hover {
+  background-color: #308e97;
+  background: #308e97;
+}
+
+.side-nav li.heading {
+  color: #1798A5;
+  font-size: 0.875rem;
+  font-weight: bold;
+  text-transform: uppercase;
+  padding: 0.4375rem 0.875rem;
+}
+
+#actions-sidebar {
+  background: #fafafa;
+}
+
+.index table {
+  margin-top: 0rem;
+  border: 0;
+}
+
+table {
+  background: #fff;
+  margin-bottom: 1.25rem;
+  border: none;
+  table-layout: fixed;
+  width: 100%;
+}
+
+table thead {
+  background: none;
+}
+
+table tr {
+  border-bottom: 1px solid #ebebec;
+}
+
+table thead tr {
+  border-bottom: 1px solid #1798A5;
+}
+
+table tr th {
+  padding: 0.5625rem 0.625rem;
+  font-size: 0.875rem;
+  color: #1798A5;
+  text-align: left;
+  border-bottom: 2px solid #1798A5;
+}
+
+table tr:nth-of-type(even) {
+  background: none;
+}
+
+fieldset {
+  border: none;
+  padding: 1.25rem;
+  margin: 1.125rem 0;
+}
+
+fieldset legend {
+  border-bottom: 2px solid #1798A5;
+  width: 100%;
+  line-height: 2rem;
+}
+
+.form button[type="submit"] {
+  float: right;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+
+.form button:hover, .form button:focus {
+  background: #BE840B;
+  box-shadow: none;
+}
+
+button {
+  background: #966600;
+}
+
+div.message {
+  cursor: pointer;
+  display: block;
+  font-weight: normal;
+  padding: 0 1.5rem 0 1.5rem;
+  transition: height 300ms ease-out 0s;
+  background-color: #a0d3e8;
+  color: #626262;
+  position: fixed;
+  top: 15px;
+  right: 15px;
+  z-index: 999;
+  overflow: hidden;
+  height: 50px;
+  line-height: 2.5em;
+}
+
+div.message:before {
+  line-height: 0px;
+  font-size: 20px;
+  height: 12px;
+  width: 12px;
+  border-radius: 15px;
+  text-align: center;
+  vertical-align: middle;
+  display: inline-block;
+  position: relative;
+  left: -11px;
+  background-color: #FFF;
+  padding: 12px 14px 12px 10px;
+  content: "i";
+  color: #a0d3e8;
+}
+
+div.message.error {
+  background-color: #C3232D;
+  color: #FFF;
+}
+
+div.message.error:before {
+  padding: 11px 16px 14px 7px;
+  color: #C3232D;
+  content: "x";
+}
+div.message.hidden {
+  height: 0;
+}
+
+
+.vertical-table th {
+  padding: 0.5625rem 0.625rem;
+  font-size: 0.875rem;
+  color: #1798A5;
+  border: none;
+  text-align: left;
+}
+
+.vertical-table {
+  vertical-align: middle;
+}
+
+.vertical-table td {
+  text-align: right;
+}
+
+
+.content {
+  padding: 2rem;
+}
+
+/* Use 'one true layout' methods to get equal height columns */
+.container {
+  overflow: hidden;
+  min-height: 92%; /* full height almost always */
+}
+
+/* Force equal height by overflowing */
+.content,
+#actions-sidebar {
+  margin-bottom: -99999px;
+  padding-bottom: 99999px;
+}
+@media(max-width: 640px) {
+    #actions-sidebar {
+        padding-bottom: 2rem;
+        margin-bottom: 0;
+    }
+}
+
+.content h3 {
+  color: #be140b;
+  padding-bottom: 0.5rem;
+  margin-bottom: 20px;
+}
+
+.content h4 {
+  color: #be140b;
+  padding-bottom: 0.5rem;
+  margin-bottom: 20px;
+  border-bottom: 2px solid #be140b;
+}
+
+.content .related h4 {
+  color: #ebaa20;
+  padding-bottom: 0.5rem;
+  margin-top: 20px;
+  margin-bottom: 10px;
+  border-bottom: 0px;
+}

webroot/css/clientpanel/client_modal.css

@@ -0,0 +1,229 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Oct 28, 2020, 1:50:35 PM
+    Author     : USER
+*/
+
+.box-text-area{
+    padding: 15px;
+    border: 1px solid gray;
+    margin-top: 24px;
+}
+
+.box-text-area p{
+    text-align: justify;
+}
+.image-credit-report{
+    border: 2px solid brown;
+    padding: 10px;
+    height: 190px;
+}
+.modal-header{
+    background: #3c8dbc
+}
+#heading {
+    text-transform: uppercase;
+    color: #673AB7;
+    font-weight: normal
+}
+
+#msform {
+    text-align: center;
+    position: relative;
+    margin-top: 20px
+}
+
+#msform fieldset {
+    background: white;
+    border: 0 none;
+    border-radius: 0.5rem;
+    box-sizing: border-box;
+    width: 100%;
+    margin: 0;
+    position: relative
+}
+
+.form-card {
+    text-align: left
+}
+
+#msform fieldset:not(:first-of-type) {
+    display: none
+}
+
+#msform input,
+#msform textarea {
+    padding: 8px 15px 8px 15px;
+    
+    border-radius: 0px;
+    width: 100%;
+    box-sizing: border-box;
+    color: #2C3E50;
+    letter-spacing: 1px
+}
+
+#msform input:focus,
+#msform textarea:focus {
+    -moz-box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border: 1px solid #673AB7;
+    outline-width: 0
+}
+
+#msform .action-button {
+    width: 87px;
+    background: #673AB7;
+    font-weight: bold;
+    color: white;
+    border: 0 none;
+    border-radius: 0px;
+    cursor: pointer;
+    padding: 10px 5px;
+    margin: 10px 0px 10px 0px;
+    float: right
+}
+
+#msform .action-button:hover,
+#msform .action-button:focus {
+    background-color: #311B92
+}
+
+#msform .action-button-previous {
+    width: 87px;
+    background: #616161;
+    font-weight: bold;
+    color: white;
+    border: 0 none;
+    border-radius: 0px;
+    cursor: pointer;
+    padding: 10px 5px;
+    margin: 10px 0px 10px 0px;
+    float: right
+}
+
+#msform .action-button-previous:hover,
+#msform .action-button-previous:focus {
+    background-color: #000000
+}
+
+.card {
+    z-index: 0;
+    border: none;
+    position: relative
+}
+
+.fs-title {
+    font-size: 25px;
+    color: #673AB7;
+    margin-bottom: 15px;
+    font-weight: normal;
+    text-align: left
+}
+
+.purple-text {
+    color: #673AB7;
+    font-weight: normal
+}
+
+.steps {
+    font-size: 25px;
+    color: gray;
+    margin-bottom: 10px;
+    font-weight: normal;
+    text-align: right
+}
+
+.fieldlabels {
+    color: gray;
+    text-align: left
+}
+
+#progressbar {
+    margin-bottom: 30px;
+    overflow: hidden;
+    color: lightgrey
+}
+
+#progressbar .active {
+    color: #673AB7
+}
+
+#progressbar li {
+    list-style-type: none;
+    font-size: 15px;
+    width: 25%;
+    float: left;
+    position: relative;
+    font-weight: 400
+}
+
+#progressbar #account:before {
+    font-family: FontAwesome;
+    content: "\f13e"
+}
+
+#progressbar #personal:before {
+    font-family: FontAwesome;
+    content: "\f007"
+}
+
+#progressbar #payment:before {
+    font-family: FontAwesome;
+    content: "\f030"
+}
+
+#progressbar #confirm:before {
+    font-family: FontAwesome;
+    content: "\f00c"
+}
+
+#progressbar li:before {
+    width: 50px;
+    height: 50px;
+    line-height: 45px;
+    display: block;
+    font-size: 20px;
+    color: #ffffff;
+    background: lightgray;
+    border-radius: 50%;
+    margin: 0 auto 10px auto;
+    padding: 2px
+}
+
+#progressbar li:after {
+    content: '';
+    width: 100%;
+    height: 2px;
+    background: lightgray;
+    position: absolute;
+    left: 0;
+    top: 25px;
+    z-index: -1
+}
+
+#progressbar li.active:before,
+#progressbar li.active:after {
+    background: #673AB7
+}
+
+.progress {
+    height: 20px
+}
+
+.progress-bar {
+    background-color: #FF440A
+}
+
+.fit-image {
+    width: 100%;
+    object-fit: cover
+}
+
+.add-report-button-area{
+    padding: 20px 0;
+}

webroot/css/clientpanel/clientdashboard.css

@@ -0,0 +1,88 @@
+.chart-container h2, .credit-report-container h2 {margin-bottom: 20px;}
+    #pieChart, #barChart, #lineChart {display: inline-block;}
+    .chartArea {
+        margin-bottom: 10px; 
+        text-align: center;
+        overflow-x: auto;
+        overflow-y: hidden;
+    }
+    .chartArea .chartFilter {text-align: center;}
+    .chartFilter {margin-bottom: 30px;}
+    .clearfix {display: block;}
+    .credit-report-container table {margin-bottom: 20px; width: 100%; border-collapse: collapse;}
+    .credit-report-container table td, .credit-report-container table th {padding: 5px; border: 1px solid silver; text-align: center;}
+    .transunion {
+        color: #fff;
+        text-shadow: 0 1px 1px #000;
+        background: #b7e3bd;
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top, #b7e3bd 0%, #39b34a 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7e3bd), color-stop(100%,#39b34a));
+        background: -webkit-linear-gradient(top, #b7e3bd 0%,#39b34a 100%);
+        background: -o-linear-gradient(top, #b7e3bd 0%,#39b34a 100%);
+        background: -ms-linear-gradient(top, #b7e3bd 0%,#39b34a 100%);
+        background: linear-gradient(to bottom, #b7e3bd 0%,#39b34a 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7e3bd', endColorstr='#39b34a',GradientType=0 );
+    }
+    .experian {
+        color: #fff;
+        text-shadow: 0 1px 1px #000;
+        background: #94C7FF;
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top, #94C7FF 0%, #367BD9 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94C7FF), color-stop(100%,#367BD9));
+        background: -webkit-linear-gradient(top, #94C7FF 0%,#367BD9 100%);
+        background: -o-linear-gradient(top, #94C7FF 0%,#367BD9 100%);
+        background: -ms-linear-gradient(top, #94C7FF 0%,#367BD9 100%);
+        background: linear-gradient(to bottom, #94C7FF 0%,#367BD9 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c7ff', endColorstr='#367bd9',GradientType=0 );
+    }
+    .equifax {
+        color: #fff;
+        text-shadow: 0 1px 1px #000;
+        background: #F68D8D;
+        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+        background: -moz-linear-gradient(top, #F68D8D 0%, #E05252 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F68D8D), color-stop(100%,#E05252));
+        background: -webkit-linear-gradient(top, #F68D8D 0%,#E05252 100%);
+        background: -o-linear-gradient(top, #F68D8D 0%,#E05252 100%);
+        background: -ms-linear-gradient(top, #F68D8D 0%,#E05252 100%);
+        background: linear-gradient(to bottom, #F68D8D 0%,#E05252 100%);
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68d8d', endColorstr='#e05252',GradientType=0 );
+    }
+    .credit-scores-container > div, .credit-scores-container > h2 {
+        width: 100%;
+        margin-bottom: 20px;
+    }
+    .credit-scores-container > div > div {
+        margin: 0 1%;
+        padding-bottom: 20px;
+        width: 30%;
+        border: 1px solid silver;
+        display: inline-block;
+    }
+    .credit-scores-container > div > div > h4 {
+        margin: 0;
+        padding: 5px;
+    }
+    .credit-scores-container > div > div > strong {
+        margin: 0;
+        padding: 15px;
+        display: block;
+    }
+    .credit-scores-container > div > div > h2 {
+        margin: 0;
+        color: #10447f;
+        font-weight: bold;
+    }
+    
+    .btn-orange-color{
+        background: #FF440A !important;
+    }
+    
+    .reminder-text{
+        display: inline;
+        position: absolute;
+    }
+    .reminder-text span{}
+    

webroot/css/clientpanel/dashboardcontact.css

@@ -0,0 +1,53 @@
+    #light{
+        background-color: #3c8dbc;
+        height: 50px;
+        width: 55px;
+        border-radius: 10px;
+        font-size: 22px;
+        box-sizing: border-box;
+        padding-top: 10px;
+        margin-top: 9px;
+    }
+    #submit{
+        margin: 10px 10px 20px 0px;
+    }
+    #default-btn{
+        margin: 10px 0px 20px 5px;
+
+    }
+    .required{
+        color: red;
+    }
+    .ui-widget-header {
+        border: 1px solid #b52626;
+        background: #3c8dbc;
+        font-weight: bold;
+    }
+
+    table {
+        table-layout: fixed ;
+        width: 100% ;
+    }
+
+    .contacts-container > div, .contacts-container > h2 {
+        width: 100%;
+    }
+    .contacts-container > h2 {
+        margin-bottom: 20px;
+    }
+
+    .contacts-container > div > div {
+        margin: 0 1%;
+        padding-bottom: 20px;
+        width: 100%;
+        display: inline-block;
+    }
+
+    .contacts-container > div > div > strong, .contacts-container > div > div > span {
+        display: block;
+    }
+
+    .contacts-container > div > div > img {
+        margin: 10px 0;
+    }
+

webroot/css/cms_style.css

@@ -0,0 +1,32 @@
+/* add sorting icons to pagination sort links */
+a.asc:after, a.desc:after {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    padding-left: 5px;
+}
+
+a.asc:after {
+    content: /*"\e113"*/ /*"\e155"*/ "\e151";
+}
+
+a.desc:after {
+    content: /*"\e114"*/ /*"\e156"*/ "\e152";
+}
+
+
+.btn-primary-custom{
+	border: 0px;
+    padding: 13px 16px
+}
+.btn-primary-custom:hover{
+	border: 0px;
+}
+
+.btn-primary-custom:active{
+	border: 0px;
+}

webroot/css/color_bank.css

@@ -0,0 +1,118 @@
+input[type="radio"] {
+    display: none;
+}
+
+input[type="radio"]:checked+label span {
+    transform: scale(1.25);
+}
+
+input[type="radio"]:checked+label .red {
+    border: 2px solid #711313;
+}
+
+input[type="radio"]:checked+label .orange {
+    border: 2px solid #873a08;
+}
+
+input[type="radio"]:checked+label .yellow {
+    border: 2px solid #816102;
+}
+
+input[type="radio"]:checked+label .olive {
+    border: 2px solid #505a0b;
+}
+
+input[type="radio"]:checked+label .green {
+    border: 2px solid #0e4e1d;
+}
+
+input[type="radio"]:checked+label .teal {
+    border: 2px solid #003633;
+}
+
+input[type="radio"]:checked+label .blue {
+    border: 2px solid #103f62;
+}
+
+input[type="radio"]:checked+label .violet {
+    border: 2px solid #321a64;
+}
+
+input[type="radio"]:checked+label .purple {
+    border: 2px solid #501962;
+}
+
+input[type="radio"]:checked+label .pink {
+    border: 2px solid #851554;
+}
+
+.border-add {
+    border: 2px solid #321a64;
+}
+
+#createEventForm .form-group {
+    margin: 0px;
+}
+
+#createEventForm label {
+    margin-top: -20px;
+}
+
+#color-box label {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    margin-right: 10px;
+    cursor: pointer;
+}
+
+#color-box label:hover span {
+    transform: scale(1.25);
+}
+
+#color-box label span {
+    display: block;
+    width: 100%;
+    height: 100%;
+    transition: transform .2s ease-in-out;
+}
+
+#color-box label span.red {
+    background: red;
+}
+
+#color-box label span.orange {
+    background: orange;
+}
+
+#color-box label span.yellow {
+    background: yellow;
+}
+
+#color-box label span.olive {
+    background: olive;
+}
+
+#color-box label span.green {
+    background: green;
+}
+
+#color-box label span.teal {
+    background: teal;
+}
+
+#color-box label span.blue {
+    background: blue;
+}
+
+#color-box label span.violet {
+    background: violet;
+}
+
+#color-box label span.purple {
+    background: purple;
+}
+
+#color-box label span.pink {
+    background: pink;
+}

webroot/css/content.css

@@ -0,0 +1,10 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Jul 23, 2021, 4:09:30 PM
+    Author     : USER
+*/
+

webroot/css/custom.css

@@ -0,0 +1,228 @@
+.CredentialsBlk1 .message.error {
+    background: #fe0000 none repeat scroll 0 0;
+    color: #ffffff;
+    line-height: 28px;
+	font-family:"ProximaNovaSbold";
+	font-size:15px;
+	text-align:center;
+    margin-bottom: 25px !important;
+}
+
+.CredentialsBlk1 .message.success {
+    background: #337ab7 none repeat scroll 0 0;
+    color: #ffffff;
+	font-family:"ProximaNovaSbold";
+	font-size:15px;
+    line-height: 28px;
+	text-align:center;
+    margin-bottom: 25px !important;
+}
+.content_list_wrapper
+{
+    position:relative;
+}
+.overlay
+{
+    position:fixed;
+    left:0px;
+    top:0px;
+    width:100%;
+    height:100%;
+    background:url('../images/loading.gif') no-repeat #000;
+    opacity: 0.7;
+    z-index: 9999;
+    background-position: center;
+    display:none;
+}
+.overlay.active
+{
+    display:block;
+}
+
+.preview_img img
+{
+    max-width:150px !important;
+    max-height: 150px !important;
+    
+}
+.preview_img_small img
+{
+    max-width:80px !important; max-height:80px !important; float: right;
+}
+.prev_img_small img
+{
+    max-width:89px !important;
+    max-height: 83px !important;
+    
+}
+
+.enter_tags
+{
+    width:100%;
+}
+
+.editor div
+    {
+        width:100% !important;
+    }
+    .editor .nicEdit-main  
+    {
+        background-color: #e1e1e1;
+        background-image: none;
+        border: 1px solid #b1b1b1;
+        border-radius: 4px;
+        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
+        color: #999999;
+        font-size: 14px;
+        height: 100px;
+        line-height: 28px;
+        margin-bottom: 10px;
+        padding: 6px 12px;
+        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
+    }
+    .not-active {
+        pointer-events: none;
+        cursor: default;
+        background:#999 !important;
+    }
+    .select_groups_artists
+    {
+        display:none;
+        margin-top:25px;
+        border-top: 1px solid #979797;
+        padding-top:25px;
+    }
+    .select_groups_artists.active
+    {
+        display:block;
+    }
+    .thumbnail.active
+    {
+        border:solid 1px #FF3030;
+    }
+    .delete_media
+    {
+        cursor:pointer;
+        margin-top:-3px;
+    }
+    #TabInfo1Part2 ul.list-unstyled li.img
+    {
+        background: transparent url("<?php echo $this->Url->build('/images/Page%201/image_icon.png'); ?>") no-repeat scroll left 3px;
+    }
+    #TabInfo1Part2 ul.list-unstyled li.vid
+    {
+        background: transparent url("<?php echo $this->Url->build('/images/Page%201/video_icon.png'); ?>") no-repeat scroll left 3px;
+    }
+    #TabInfo1Part2 ul.list-unstyled li.aud
+    {
+        background: transparent url("<?php echo $this->Url->build('/images/Page%201/media_icon.png'); ?>") no-repeat scroll left 3px;
+    }
+    .error
+    {
+        color:#dd4b39;
+    }
+    .local_media, .cloud_media
+    { display:none; }
+    .local_media.active, .cloud_media.active
+    { display:block; }
+    input.error, .jcf-select.error
+    {
+        border: solid 1px #ff0000 !important;
+    }
+
+ #TabInfo1Part2 ul.list-unstyled li.img
+    {
+        background: transparent url("<?php echo $this->Url->build('/images/Page%201/image_icon.png'); ?>") no-repeat scroll left 3px;
+    }
+  
+    .not-active {
+        pointer-events: none;
+        cursor: default;
+        background:#999 !important;
+    }
+    .loading_icon_for_grp{
+    position: absolute;
+    margin: auto;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;   
+}
+
+/*Added by Dipankar*/
+.content .container{
+	width: 100%;
+}
+
+/*Added by Ashish*/
+label.required:after {content: " *"; color: red;}
+
+
+td .btn-group .dropdown-menu {
+  left: auto;
+  right: 100%;
+  top: -50%;
+  box-shadow: 0 0 5px;
+}
+
+.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
+  white-space:normal;
+}
+
+.btn-orange{
+    background: #FF440A;
+    border-color: #FF440A;
+    color: #fff;
+    font-weight: bold;
+    border-radius: 25px;
+}
+.large-text{
+  font-size: 3rem;
+  padding: 15px 0;
+}
+.btn-orange:hover{
+    background: #FF440A;
+    border-color: #FF440A;
+    color: #fff;
+}
+
+.btn-orange-color,.btn-orange-color:hover,.btn-orange-color:focus,.btn-orange-color:active{
+    background: #FF440A !important;
+    border-color: #FF440A !important;
+    color: #fff !important;
+    font-weight: bold !important;
+    
+}
+@media only screen and (min-width: 1201px) {
+    .large-text{
+        font-size: 2.6rem
+    }
+}
+@media only screen and (max-width: 1200px) and (min-width:992px){
+    .large-text{
+        font-size: 2rem
+    }
+}
+@media only screen and (max-width:991px) {
+    .large-text{
+        font-size: 1.5rem;
+        padding: 10px 0;
+    }
+}
+
+@media only screen and (max-width:480px) {
+    .large-text{
+        font-size: 2rem;
+        padding: 10px 0;
+    }
+}
+
+.has-error label {
+    color: #dd4b39;
+}
+
+.has-error .select2-selection--single:not([class*=bg-]):not([class*=border-]), 
+.has-error .form-control {
+    border-color: #dd4b39;
+    box-shadow: none;
+}

webroot/css/everything.css

@@ -0,0 +1,161 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Jan 26, 2021, 5:45:54 PM
+    Author     : USER
+*/
+.time-line-row{
+    max-height: 500px;
+    overflow-y: auto;
+    min-height: 500px;
+    overflow-x: hidden;
+}
+#timeline {
+  list-style: none;
+  position: relative;
+  padding-top: 10px;
+}
+#timeline:before {
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  content: " ";
+  width: 2px;
+  background-color: #4997cd;
+  left: 50%;
+  margin-left: -1.5px;
+}
+#timeline .clearFix {
+  clear: both;
+  height: 0;
+}
+#timeline .timeline-badge {
+  color: #fff;
+  width: 50px;
+  height: 50px;
+  font-size: 1.2em;
+  text-align: center;
+  position: absolute;
+  top: 20px;
+  left: 50%;
+  margin-left: -25px;
+  background-color: #4997cd;
+  z-index: 100;
+  border-top-right-radius: 50%;
+  border-top-left-radius: 50%;
+  border-bottom-right-radius: 50%;
+  border-bottom-left-radius: 50%;
+}
+#timeline .timeline-badge span.timeline-balloon-date-day {
+  font-size: 1.4em;
+  display: block;
+}
+#timeline .timeline-badge span.timeline-balloon-date-month {
+  font-size: .7em;
+  position: relative;
+  top: -10px;
+}
+#timeline .timeline-badge.timeline-filter-movement {
+  background-color: #ffffff;
+  font-size: 1.7em;
+  height: 35px;
+  margin-left: -18px;
+  width: 35px;
+  top: 40px;
+}
+#timeline .timeline-badge.timeline-filter-movement a span {
+  color: #4997cd;
+  font-size: 1.3em;
+  top: -1px;
+}
+#timeline .timeline-badge.timeline-future-movement {
+  background-color: #ffffff;
+  height: 35px;
+  width: 35px;
+  font-size: 1.7em;
+  top: -16px;
+  margin-left: -18px;
+}
+#timeline .timeline-badge.timeline-future-movement a span {
+  color: #4997cd;
+  font-size: .9em;
+  top: 2px;
+  left: 1px;
+}
+#timeline .timeline-movement {
+  border-bottom: dashed 1px #4997cd;
+  position: relative;
+}
+#timeline .timeline-movement.timeline-movement-top {
+  height: 60px;
+}
+#timeline .timeline-movement .timeline-item {
+  padding: 20px 0;
+}
+#timeline .timeline-movement .timeline-item .timeline-panel {
+  border: 1px solid #d4d4d4;
+  border-radius: 3px;
+  background-color: #FFFFFF;
+  color: #666;
+  padding: 10px;
+  position: relative;
+  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
+}
+#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
+  text-align: right;
+}
+#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
+  color: #666;
+}
+#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
+  color: #468c1f;
+  font-size: 1.3em;
+}
+#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
+  text-align: left;
+}
+#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
+  color: #e2001a;
+  font-size: 1.3em;
+}
+
+@media (min-width: 1200px){
+    .everything.container {
+        width: 100%;
+    }
+}
+
+
+#timeline .today {
+    font-size: 12px !important;
+    display: block;
+    font-weight: bold;
+}
+
+#timeline .timeline-badge span{
+    line-height: 28px;
+}
+
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+  background: none;
+  background-position: right -22px;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
+   .select2-container--default .select2-search--dropdown .select2-search__field {
+      background-image: url(select2x2.png);
+      background-repeat: no-repeat;
+      background-size: 60px 40px;
+      background-position: 100% -21px;
+   }
+}

webroot/css/fullcalendar-2.0.0/fullcalendar.css

@@ -0,0 +1,667 @@
+/*!
+ * FullCalendar v2.0.0 Stylesheet
+ * Docs & License: http://arshaw.com/fullcalendar/
+ * (c) 2013 Adam Shaw
+ */
+
+#calendar{
+	padding:15px;
+	background-color:#e1e1e1;
+}
+.fc {
+	direction: ltr;
+	text-align: left;
+	}
+	
+.fc table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	}
+	
+html .fc,
+.fc table {
+	font-size: 1em;
+	}
+	
+.fc td,
+.fc th {
+	padding: 0;
+	vertical-align: top;
+	}
+
+
+
+/* Header
+------------------------------------------------------------------------*/
+.top-header{
+	margin-bottom:35px;
+}
+.fc-header td {
+	white-space: nowrap;
+	}
+.fc-header{
+	margin-top:35px;
+	margin-bottom:50px;
+	
+}
+.fc-header-left {
+	width: 25%;
+	text-align: left;
+	}
+	
+.fc-header-center {
+	text-align: center;
+	}
+	
+.fc-header-right {
+	width: 25%;
+	text-align: right;
+	}
+	
+.fc-header-title {
+	display: inline-block;
+	vertical-align: top;
+	}
+	
+.fc-header-title h2 {
+	margin-top: 0;
+	white-space: nowrap;
+	font-family:"ProximaNovaSbold";
+	font-size:33px;
+	padding:0px 35px;
+	line-height:31px;
+	vertical-align:top;
+	color:#4d4d4d;
+	}
+	
+.fc .fc-header-space {
+	padding-left: 10px;
+	}
+	
+.fc-header .fc-button {
+	margin-bottom: 0;
+	vertical-align: bottom;
+	}
+.fc-header-right span.fc-button {
+	margin-bottom: 0;
+	vertical-align: bottom;
+}
+.fc-event-inner div{
+	cursor:pointer;
+}
+.fc-day{
+	color:#333333 ;
+	cursor:pointer;
+}
+.fc-day:hover{
+	background-color:#696c71;
+	color:#FFF !important;
+}
+.fc-day p:hover{
+	color:#FFF !important;
+}
+/* buttons edges butting together */
+
+.fc-header .fc-button {
+	margin-right: -1px;
+	}
+	
+.fc-header .fc-corner-right,  /* non-theme */
+.fc-header .ui-corner-right { /* theme */
+	margin-right: 0; /* back to normal */
+	}
+	
+/* button layering (for border precedence) */
+	
+.fc-header .fc-state-hover,
+.fc-header .ui-state-hover {
+	z-index: 2;
+	}
+	
+.fc-header .fc-state-down {
+	z-index: 3;
+	}
+
+.fc-header .fc-state-active,
+.fc-header .ui-state-active {
+	z-index: 4;
+	}
+	
+	
+	
+/* Content
+------------------------------------------------------------------------*/
+	
+.fc-content {
+	position: relative;
+	z-index: 1; /* scopes all other z-index's to be inside this container */
+	clear: both;
+	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
+	}
+	
+.fc-view {
+	position: relative;
+	width: 100%;
+	overflow: hidden;
+	}
+	
+
+
+/* Cell Styles
+------------------------------------------------------------------------*/
+
+.fc-widget-header,    /* <th>, usually */
+.fc-widget-content {  /* <td>, usually */
+	border: 1px solid #cecece;
+	}
+	
+
+	
+.fc-cell-overlay { /* semi-transparent rectangle while dragging */
+	background: #bce8f1;
+	opacity: .3;
+	filter: alpha(opacity=30); /* for IE */
+	}
+	
+
+
+/* Buttons
+------------------------------------------------------------------------*/
+
+.fc-button {
+	position: relative;
+	display: inline-block;
+	padding: 0 .6em;
+	overflow: hidden;
+	height: 1.9em;
+	line-height: 1.9em;
+	white-space: nowrap;
+	cursor: pointer;
+	}
+	
+.fc-state-default { /* non-theme */
+	border: 1px solid;
+	}
+
+
+/*
+	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
+	and we'll try to make them look good cross-browser.
+*/
+
+.fc-button .fc-icon {
+	margin: 0 .1em;
+	font-size: 2em;
+	font-family: "Courier New", Courier, monospace;
+	vertical-align: baseline; /* for IE7 */
+	}
+
+.fc-button-prev{
+	background-image:url(../../images/previous.png) !important;
+	height:31px !important;
+	width:31px !important;
+	background-color:transparent !important;
+	border:none;
+	}
+.fc-button-next{
+	background-image:url(../../images/next.png) !important;
+	height:31px !important;
+	width:31px !important;
+	background-color:transparent !important;
+	border:none;
+	}
+	
+/* icon (for jquery ui) */
+
+.fc-button .ui-icon {
+	position: relative;
+	top: 50%;
+	float: left;
+	margin-top: -8px; /* we know jqui icons are always 16px tall */
+	}
+	
+/*
+  button states
+  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
+*/
+
+.fc-state-default {
+	background-color: #f5f5f5;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	color: #333;
+	}
+
+.fc-state-hover,
+.fc-state-down,
+.fc-state-active,
+.fc-state-disabled {
+	color: #333333;
+	background-color: #e6e6e6;
+	}
+
+.fc-state-hover {
+	color: #333333;
+	text-decoration: none;
+	
+	}
+
+.fc-state-down,
+.fc-state-active {
+	background-color: #cccccc;
+	background-image: none;
+	outline: 0;
+	
+	}
+
+.fc-state-disabled {
+	cursor: default;
+	background-image: none;
+	opacity: 0.65;
+	filter: alpha(opacity=65);
+	box-shadow: none;
+	}
+
+	
+
+/* Global Event Styles
+------------------------------------------------------------------------*/
+
+.fc-event-container > * {
+	z-index: 8;
+	}
+
+.fc-event-container > .ui-draggable-dragging,
+.fc-event-container > .ui-resizable-resizing {
+	z-index: 9;
+	}
+	 
+.fc-event {
+	
+	background-color: #eaeaea; /* default BACKGROUND color */
+	color: #fff;               /* default TEXT color */
+	font-size: .85em;
+	cursor: default;
+	}
+
+a.fc-event {
+	text-decoration: none;
+	}
+	
+a.fc-event,
+.fc-event-draggable {
+	cursor: pointer;
+	}
+	
+.fc-rtl .fc-event {
+	text-align: right;
+	}
+
+.fc-event-inner {
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	}
+.title-border{
+    background-color: red !important;
+    float: left;
+    height: 31px;
+    margin-right: 18px;
+    width: 5px;
+	}	
+
+.fc-event-title p{
+	padding: 0 1px;
+	color:#828282;
+	font-size:12px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-weight:bold;
+	}
+
+.fc-event-des p{
+	padding: 0 1px;
+	color:#828282;
+	font-size:12px;
+	font-family:Verdana, Geneva, sans-serif;
+	font-weight:300;
+	}
+	
+.fc .ui-resizable-handle {
+	display: block;
+	position: absolute;
+	z-index: 99999;
+	overflow: hidden; /* hacky spaces (IE6/7) */
+	font-size: 300%;  /* */
+	line-height: 50%; /* */
+	}
+	
+	
+	
+/* Horizontal Events
+------------------------------------------------------------------------*/
+
+.fc-event-hori {
+	border-width: 1px 0;
+	margin-bottom: 1px;
+	}
+
+
+	
+/* resizable */
+	
+.fc-event-hori .ui-resizable-e {
+	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
+	right: -3px      !important;
+	width: 7px       !important;
+	height: 100%     !important;
+	cursor: e-resize;
+	}
+	
+.fc-event-hori .ui-resizable-w {
+	top: 0           !important;
+	left: -3px       !important;
+	width: 7px       !important;
+	height: 100%     !important;
+	cursor: w-resize;
+	}
+	
+.fc-event-hori .ui-resizable-handle {
+	_padding-bottom: 14px; /* IE6 had 0 height */
+	}
+	
+	
+	
+/* Reusable Separate-border Table
+------------------------------------------------------------*/
+
+table.fc-border-separate {
+	border-collapse: separate;
+	}
+	
+.fc-border-separate th,
+.fc-border-separate td {
+	border-width: 1px 0 0 1px;
+	}
+	
+.fc-border-separate th.fc-last,
+.fc-border-separate td.fc-last {
+	border-right-width: 1px;
+	}
+	
+.fc-border-separate tr.fc-last th,
+.fc-border-separate tr.fc-last td {
+	border-bottom-width: 1px;
+	}
+	
+.fc-border-separate tbody tr.fc-first td,
+.fc-border-separate tbody tr.fc-first th {
+	border-top-width: 0;
+	}
+	
+	
+
+/* Month View, Basic Week View, Basic Day View
+------------------------------------------------------------------------*/
+
+.fc-grid th {
+	text-align: center;
+	padding:10px 0px;
+	}
+
+.fc .fc-week-number {
+	width: 22px;
+	text-align: center;
+	}
+
+.fc .fc-week-number div {
+	padding: 0 2px;
+	}
+	
+.fc-grid .fc-day-number {
+	float: left;
+	padding: 7px;
+	color:#4d4d4d;
+	}
+	
+.fc-grid .fc-other-month .fc-day-number {
+	opacity: 0.3;
+	filter: alpha(opacity=30); /* for IE */
+	/* opacity with small font can sometimes look too faded
+	   might want to set the 'color' property instead
+	   making day-numbers bold also fixes the problem */
+	}
+	
+.fc-grid .fc-day-content {
+	clear: both;
+	padding: 2px 2px 1px; /* distance between events and day edges */
+	}
+	
+/* event styles */
+	
+.fc-grid .fc-event-time {
+	font-weight: bold;
+	}
+	
+/* right-to-left */
+	
+.fc-rtl .fc-grid .fc-day-number {
+	float: left;
+	}
+	
+.fc-rtl .fc-grid .fc-event-time {
+	float: right;
+	}
+	
+	
+
+/* Agenda Week View, Agenda Day View
+------------------------------------------------------------------------*/
+
+.fc-agenda table {
+	border-collapse: separate;
+	}
+	
+.fc-agenda-days th {
+	text-align: center;
+	padding:10px 0;
+	}
+	
+.fc-agenda .fc-agenda-axis {
+	width: 50px;
+	padding: 0 4px;
+	vertical-align: middle;
+	text-align: right;
+	font-weight: normal;
+	}
+
+.fc-agenda-slots .fc-agenda-axis {
+	white-space: nowrap;
+	}
+
+.fc-agenda .fc-week-number {
+	font-weight: bold;
+	}
+	
+.fc-agenda .fc-day-content {
+	padding: 2px 2px 1px;
+	}
+	
+/* make axis border take precedence */
+	
+.fc-agenda-days .fc-agenda-axis {
+	border-right-width: 1px;
+	}
+	
+.fc-agenda-days .fc-col0 {
+	border-left-width: 0;
+	}
+	
+/* all-day area */
+	
+.fc-agenda-allday th {
+	border-width: 0 1px;
+	}
+	
+.fc-agenda-allday .fc-day-content {
+	min-height: 34px; /* TODO: doesnt work well in quirksmode */
+	_height: 34px;
+	}
+	
+/* divider (between all-day and slots) */
+	
+.fc-agenda-divider-inner {
+	height: 2px;
+	overflow: hidden;
+	}
+	
+.fc-widget-header .fc-agenda-divider-inner {
+	background: #eee;
+	}
+	
+/* slot rows */
+	
+.fc-agenda-slots th {
+	border-width: 1px 1px 0;
+	}
+	
+.fc-agenda-slots td {
+	border-width: 1px 0 0;
+	background: none;
+	}
+	
+.fc-agenda-slots td div {
+	height: 20px;
+	}
+	
+.fc-agenda-slots tr.fc-slot0 th,
+.fc-agenda-slots tr.fc-slot0 td {
+	border-top-width: 0;
+	}
+
+.fc-agenda-slots tr.fc-minor th,
+.fc-agenda-slots tr.fc-minor td {
+	border-top-style: dotted;
+	}
+	
+.fc-agenda-slots tr.fc-minor th.ui-widget-header {
+	*border-top-style: solid; /* doesn't work with background in IE6/7 */
+	}
+	
+
+
+/* Vertical Events
+------------------------------------------------------------------------*/
+
+.fc-event-vert {
+	border-width: 0 1px;
+	}
+
+.fc-event-vert.fc-event-start {
+	border-top-width: 1px;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+	}
+
+.fc-event-vert.fc-event-end {
+	border-bottom-width: 1px;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	}
+	
+.fc-event-vert .fc-event-time {
+	white-space: nowrap;
+	font-size: 10px;
+	}
+
+.fc-event-vert .fc-event-inner {
+	position: relative;
+	z-index: 2;
+	}
+	
+.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
+	position: absolute;
+	z-index: 1;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #fff;
+	opacity: .25;
+	filter: alpha(opacity=25);
+	}
+	
+.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
+.fc-select-helper .fc-event-bg {
+	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
+	}
+	
+/* resizable */
+	
+.fc-event-vert .ui-resizable-s {
+	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
+	width: 100%      !important;
+	height: 8px      !important;
+	overflow: hidden !important;
+	line-height: 8px !important;
+	font-size: 11px  !important;
+	font-family: monospace;
+	text-align: center;
+	cursor: s-resize;
+	}
+	
+.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
+	_overflow: hidden;
+	}
+	
+	
+
+
+@media all and (max-width: 767px){
+
+
+html .fc,
+.fc table {
+	font-size: 13px;
+}
+
+.fc-header-left {
+	width: 100%;
+	text-align: left;
+	float:left;
+	display:none;
+}
+
+.fc-header-center {
+	width: 100%;
+	text-align: center;
+	float:left;
+}
+
+.fc-header-right {
+	width: 100%;
+	text-align: center;
+	float:left;
+}
+
+.fc-header-title h2 {
+	font-size:20px;
+}
+.fc-header-center{
+	margin-bottom:30px;
+}
+
+
+}
+
+@media all and (max-width: 480px){
+
+
+
+.fc-header-title h2 {
+	font-size:20px;
+	padding: 0 10px
+}
+.fc-header-center{
+	margin-bottom:30px;
+}
+
+}

webroot/css/iconarea.css

@@ -0,0 +1,372 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/*
+    Created on : Mar 2, 2020, 2:49:12 PM
+    Author     : CHTL
+*/
+.top-icon-area{
+    background-color: #FF440A;
+/*    background-image: -moz-linear-gradient(#E0DFDB, #A6A6A6);
+    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E0DFDB),color-stop(1, #A6A6A6));
+    background-image: -webkit-linear-gradient(#E0DFDB, #A6A6A6);
+    background-image: -o-linear-gradient(#E0DFDB, #A6A6A6);
+    background-image: linear-gradient(top, #E0DFDB, #A6A6A6);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0DFDB', EndColorStr='#A6A6A6');*/
+    margin: 5px;
+    margin-left: 1px;
+    margin-right: 1px;
+    margin-top: 0;
+    border-radius: 10px;
+    padding: 10px 0;
+    padding-left: 0;
+}
+.top-icon-area ul.newTopMenu{
+    margin: 0;
+    padding: 0;
+}
+.top-icon-area ul.newTopMenu > li{
+    list-style: none;
+    float: left;
+    margin: 5px 4px 5px 0;
+    text-align: center;
+    /* width: calc(7.69230769231% - 4px); */
+    width: calc(7% - 4px);
+}
+
+.top-icon-area ul.newTopMenu > li.extra-space-li{
+    width: calc(8.8% - 4px);
+}
+
+.top-icon-area ul.newTopMenu > li a{
+    text-decoration: none;
+    color:#FF440A;
+    padding: 10px;
+    display: block;
+    border-radius: 4px;
+    text-shadow: 0 1px 1px #EEEEEE;
+    background-color: #EEEEEE;
+/*    background-color: #EEEEEE;
+    background-image: -moz-linear-gradient(#EEEEEE, #CCCCCC);
+    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EEEEEE),color-stop(1, #CCCCCC));
+    background-image: -webkit-linear-gradient(#EEEEEE, #CCCCCC);
+    background-image: -o-linear-gradient(#EEEEEE, #CCCCCC);
+    background-image: linear-gradient(top, #EEEEEE, #CCCCCC);*/
+    height: 100px;
+    word-break: break-word
+}
+.top-icon-area ul.newTopMenu > li a:hover,.top-icon-area ul.newTopMenu > li a:hover i,.top-icon-area ul.newTopMenu > li a.active{
+    background: #FFFFFF;
+    color:#FF440A;
+}
+.top-icon-area ul.newTopMenu > li a.active i{
+     color:#FF440A;
+}
+.top-icon-area ul.newTopMenu > li a i{
+    color:black
+}
+/*.top-icon-area ul.newTopMenu > li a i:hover{
+    color:#FF440A;
+}*/
+
+.top-icon-area ul.newTopMenu > li a span{
+    display: block;
+    line-height: 17px;
+    word-break: break-word;
+}
+
+.top-icon-area ul.newTopMenu > li a span:nth-child(4){
+    font-size: 11px;
+}
+
+i.input-note-icon {
+    position: absolute;
+    top: 9px;
+    right: 60px;
+    z-index: 1000;
+    display: none;
+}
+
+.ulMoreSubMenu, .moreSubMenu, .moreSubMenu > li {
+    display: none;
+}
+
+@media screen and (max-width: 1671px) and (min-width: 1406px) {
+    .top-icon-area ul.newTopMenu > li{
+        width: calc(8% - 4px);
+    }
+    .top-icon-area ul.newTopMenu > li.extra-space-li{
+        width: calc(11% - 4px);
+    }
+    .ulMoreSubMenu, .moreSubMenu, .moreSubMenu > li:nth-child(n+9) {
+        display: block;
+    }
+    .newtopmenu2 > li:nth-child(10), .newtopmenu2 > li:nth-child(11), .newtopmenu2 > li:nth-child(12) {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 1405px) and (min-width: 1139px) {
+    .top-icon-area ul.newTopMenu > li{
+        width: calc(12% - 4px);
+    }
+    .top-icon-area ul.newTopMenu > li.extra-space-li{
+        width: calc(16% - 4px);
+    }
+    .ulMoreSubMenu, .moreSubMenu, .moreSubMenu > li:nth-child(n+6) {
+        display: block;
+    }
+    .newtopmenu2 > li:nth-child(7), .newtopmenu2 > li:nth-child(8), .newtopmenu2 > li:nth-child(9), 
+    .newtopmenu2 > li:nth-child(10), .newtopmenu2 > li:nth-child(11), .newtopmenu2 > li:nth-child(12) {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 1138px) and (min-width: 891px) {
+    .top-icon-area ul.newTopMenu > li{
+        width: calc(20% - 4px);
+    }
+    .ulMoreSubMenu, .moreSubMenu, .moreSubMenu > li:nth-child(n+3) {
+        display: block;
+    }
+    .newtopmenu2 > li:nth-child(4), .newtopmenu2 > li:nth-child(5), .newtopmenu2 > li:nth-child(6), 
+    .newtopmenu2 > li:nth-child(7), .newtopmenu2 > li:nth-child(8), .newtopmenu2 > li:nth-child(9), 
+    .newtopmenu2 > li:nth-child(10), .newtopmenu2 > li:nth-child(11), .newtopmenu2 > li:nth-child(12) {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 890px) {
+    .top-icon-area ul.newTopMenu > li{
+        width: calc(33.33% - 4px);
+    }
+    .ulMoreSubMenu, .moreSubMenu, .moreSubMenu > li:nth-child(n+1) {
+        display: block;
+    }
+    .newtopmenu2 > li:nth-child(2), .newtopmenu2 > li:nth-child(3), 
+    .newtopmenu2 > li:nth-child(4), .newtopmenu2 > li:nth-child(5), .newtopmenu2 > li:nth-child(6), 
+    .newtopmenu2 > li:nth-child(7), .newtopmenu2 > li:nth-child(8), .newtopmenu2 > li:nth-child(9), 
+    .newtopmenu2 > li:nth-child(10), .newtopmenu2 > li:nth-child(11), .newtopmenu2 > li:nth-child(12) {
+        display: none;
+    }
+}
+
+
+@media only screen and (max-width: 320px) {
+
+    .top-icon-area ul.newTopMenu > li a span{
+        font-size: 11px;
+    }
+}
+.from-backend i{
+    font-size: 2em;
+}
+
+.top-icon-area ul.newTopMenu li ul.subMenu, .top-icon-area ul.newTopMenu li ul.moreSubMenu {
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    background-color: #FF440A;
+    top: 100%;
+    right: 0;
+    z-index: 999;
+    width: 218px;
+    list-style: none;
+    border: 5px solid #FF440A;
+    border-top: 0;
+    border-radius: 4px;
+    box-shadow: 0 0 5px rgba(0,0,0,0.5);
+    display: none;
+    visibility: hidden;
+}
+
+.top-icon-area ul.newTopMenu li ul.subMenu:after, .top-icon-area ul.newTopMenu li ul.moreSubMenu:after {
+    position: absolute;
+    top: -10px;
+    right: 0;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    content: '';
+    border-left: 15px solid transparent;
+    border-right: 15px solid transparent;
+    border-bottom: 15px solid #FF440A;
+    z-index: -1;
+  }
+
+.top-icon-area ul.newTopMenu li ul.subMenu li, .top-icon-area ul.newTopMenu li ul.moreSubMenu li {
+    float: none;
+    margin: 0;
+    padding: 0;
+    border-radius: 4px;
+}
+
+.top-icon-area ul.newTopMenu li ul.subMenu li a, .top-icon-area ul.newTopMenu li ul.moreSubMenu li a {
+    margin-top: 5px;
+    padding: 10px;
+    background-color: #EEEEEE;
+    text-align: left;
+    color: #FF440A;
+    display: block;
+    height: auto;
+    line-height: 1;
+}
+
+.top-icon-area ul.newTopMenu li ul.moreSubMenu li a i, .top-icon-area ul.newTopMenu li ul.moreSubMenu li a span {
+    display: inline;
+}
+
+.top-icon-area ul.newTopMenu li ul.subMenu li a:hover, .top-icon-area ul.newTopMenu li ul.subMenu li a.active, .top-icon-area ul.newTopMenu li ul.moreSubMenu li a:hover, .top-icon-area ul.newTopMenu li ul.moreSubMenu li a.active  {
+    background-color: #FFFFFF;
+}
+
+.top-icon-area ul.newTopMenu > li:hover > ul.subMenu, .top-icon-area ul.newTopMenu > li:hover > ul.moreSubMenu {
+    display: block;
+    visibility: visible;
+}
+
+.from-backend-client{
+    width: calc(11.1111111111% - 4px) !important;
+}
+
+.client-portal-li {
+    width: calc(33.3333333333% - 4px) !important;
+}
+
+.client-portal-li > label {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 42px;
+    color: white;
+    line-height: 200%;
+}
+
+.from-backend-client span{
+    display: block;
+    margin-top: 5px;
+}
+
+.responsiveImg p {
+    margin: 0;
+    padding: 0;
+}
+.responsiveImg img {
+    max-width: 764px;
+    height: auto;
+}
+
+@media screen and (max-width: 1142px) {
+    .responsiveImg img {
+        max-width: 100%;
+    }
+}
+
+.dd-wrapper {
+    position: absolute !important;
+    padding-left: 3px !important;
+    border: none !important;
+}
+
+@media screen and (max-width: 768px) {
+    .dd-wrapper {
+        position: relative !important;
+        padding-left: 8px !important;
+    }
+    .table-responsive, .dataTables_scrollBody {
+        overflow-y: visible !important;
+    }
+}
+
+
+
+#new-top-navbar {
+    margin-top: 0;
+    margin-bottom: 10px;
+    background-color: white;
+    border-radius: 0 0 10px 10px;
+}
+#new-top-navbar p {
+    margin: 0;
+    padding: 10px;
+}
+.ntn-first-p img {
+    margin-right: 10px;
+    float: left;
+    min-width: 100px;
+    max-width: 100px;
+    height: 64px;
+    padding-bottom: 8px;
+}
+.ntn-last-p img {
+    margin-left: 10px;
+    float: right;
+}
+
+.employee-top-link ul.newTopMenu > li{
+    width: calc(8.33333333333% - 4px);
+}
+
+ .disabled-link{
+    background: gray;
+}
+.disabled-link a{
+    pointer-events: none;
+    color: #ccc;
+}
+
+@media only screen and (max-width: 600px){
+    .top-icon-area{
+        margin-top:15px;
+        /*margin-left: 15px;*/
+    }
+    /* .top-icon-area ul.newTopMenu > li {
+        width: 100% !important;
+    } */
+}
+
+
+@media only screen and (max-width: 767px){
+    .top-icon-area, .ka-main-content{
+        margin-top:15px;
+        margin-left: 15px;
+    }
+}
+
+
+@media only screen and (max-width: 480px){
+    .top-icon-area ul.newTopMenu li ul.moreSubMenu{
+        left: 0 !important;
+    }
+    .top-icon-area ul.newTopMenu li ul.moreSubMenu:after{
+        left: 0 !important;
+        transform: translateX(50%);
+    }
+}
+
+@media only screen and (min-width: 601px) and (max-width: 1100px){
+    .from-backend-client{
+        width: calc(20% - 4px) !important;
+    }
+    .client-portal-li {
+        width: calc(80% - 4px) !important;
+    }
+}
+@media only screen and (max-width: 600px){
+    .from-backend-client{
+        width: calc(33.3333333333% - 4px) !important;
+    }
+    .client-portal-li {
+        width: calc(100% - 4px) !important;
+    }
+}
+
+.top-icon-area ul.newTopMenu li ul.subMenuClient {
+    width: 200px !important;
+    left: 0 !important;
+}
+
+.top-icon-area ul.newTopMenu li ul.subMenuClient:after {
+    left: 0 !important;
+    transform: translateX(50%) !important;
+}

webroot/css/inventory.css

@@ -0,0 +1,89 @@
+.item{
+    background: #fff;
+    box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
+    padding-top: 15px;
+    margin: 10px;
+}
+.item-body{
+    padding: 10px 40px 40px;
+}
+.item-body img{
+    width: 200px;
+    height: 150px;
+}
+.item-notes{
+    min-height: 40px;
+    padding-top: 10px;
+}
+#new_item_form .control-label{
+    font-weight: normal;
+}
+
+#new_item_form .form-group{
+/*    margin: 10px;
+    background: red;*/
+}
+.form-section-one{
+    min-height: 88px;
+    margin: 0 -20px;
+    padding: 28px 20px 20px;
+    background-color: #FBFAFA;
+    
+}
+.color-text{
+    color:#df6869;
+    
+}
+
+
+#dropzone {
+  position: relative;
+  border: 2px dashed #b0c0d6;
+  border-radius: 20px;
+  color: gray;
+  font: bold 14px/200px arial;
+  height: 160px;
+/*  margin: 30px auto;*/
+margin-left: 20px;
+  text-align: center;
+  width: 250px;
+}
+
+#dropzone.hover {
+  border: 10px solid #FE5;
+  color: #FE5;
+}
+
+#dropzone.dropped {
+  background: #FBFAFA;
+  border: 2px dashed #b0c0d6;
+}
+
+#dropzone div {
+  position: absolute;
+  top: -24px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+#dropzone img {
+  border-radius: 10px;
+  vertical-align: middle;
+  max-width: 240px;
+  max-height: 150px;
+}
+
+#dropzone [type="file"] {
+  cursor: pointer;
+  position: absolute;
+  opacity: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.cancel-btn{
+    margin-left: 10px;
+}

webroot/css/letter_steps.css

@@ -0,0 +1,72 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Sep 2, 2021, 12:26:51 PM
+    Author     : USER
+*/
+.stt-pi-area{
+    padding: 35px;
+    margin: 10px 0;
+    border-radius: 5px 5px 5px 5px;
+    margin-bottom: 20px;
+}
+#stt-info .stt-pi-area{
+    padding: 15px;
+}
+.stt-pi-area ul{
+    list-style: none;
+    padding-left: 0;
+    margin: 0;
+    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
+}
+.stt-pi-area ul li{
+    display: inline-block;
+    padding: 10px;
+    background: linear-gradient(to bottom, #fffff2 0%,#f9f9f9 100%);
+    margin-right: 10px;
+    font-weight: 600;
+    color: darkslategray;
+    text-shadow: 0 1px 1px #000;
+    box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
+    width: 60px;
+}
+
+
+#stt-info .stt-pi-area ul li{
+    line-height: 3;
+    width: 67px;
+    float: left;
+    margin-bottom: 12px;
+    text-align: center;
+}
+
+.stt-pi-area ul li.green{
+    background: linear-gradient(to bottom, #7dd588 0%,#1e7d2b 100%);
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}
+
+.stt-pi-area ul li.yellow{
+    background: yellow;
+    text-shadow: 0 1px 1px #000;
+    color: darkslategray;
+}
+.stt-pi-area ul li.red{
+    background: linear-gradient(to bottom, #dd4b39 0%,#ff0000 100%);
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}
+
+.stt-pi-area ul li.gray{
+    background: linear-gradient(to bottom, #d9c9c9 0%,#434040 100%);
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}
+.stt-pi-area ul li.blue{
+    background: #337ab7;
+    text-shadow: 0 1px 1px #000;
+    color: white;
+}

webroot/css/member_dashboard.css

@@ -0,0 +1,451 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Jul 10, 2020, 11:12:29 AM
+    Author     : CHTL
+*/
+
+.btn-blinking-off{
+    background: green !important;
+}
+.add-notification{
+    display: none;
+}
+
+.bubble-hide{
+    display: none;
+}
+
+.notif-icon{
+    padding: 4px;
+}
+.notif-icon a{}
+.notif-icon a i{
+    font-size: 18px;
+}
+
+.client-transaction-area{}
+.client-transaction-area .badge{
+    background-color: #777;
+}
+
+
+.client-transaction-area a{
+    text-decoration: none;
+}
+
+.client-transaction-area h3.member-name{
+    text-align: center;
+    font-weight: bold;
+    word-break: break-all;
+}
+
+
+.client-transaction-area .transaction-label, .transaction-list-footer{
+    padding: 20px;
+    padding-bottom: 0;
+    padding-left: 10px;
+    padding-right: 0;
+}
+
+.client-transaction-area ul.transaction-list{
+    padding-top: 0px;
+    max-height: 250px;
+    border-bottom: 1px solid lightgray;
+    padding-left: 10px;
+    padding-bottom: 0;
+}
+
+.client-transaction-area h3.table-head{
+    font-size: initial;
+    padding-left: 0;
+    font-size: 20px;
+    font-weight: bold;
+
+}
+.table-head{
+    color: #337ab7;
+    text-align: center;
+
+}
+.client-transaction-area .transaction-list-footer{
+    padding-top: 10px;
+    font-weight: bold;
+}
+
+.mid-container{}
+.mid-container h4.quick-link{
+    padding-bottom:30px;
+    text-transform: uppercase;
+    font-weight: bold;
+}
+.mid-container a.setup-profile-btn{}
+.mid-container a.mid-btn-link{
+    text-transform: uppercase;
+    font-weight: bold;
+    margin: 0 10px;
+    width: 100%;
+    padding: 6px;
+
+}
+
+.mid-container .withborder{
+    border-left: 1px solid lightgray;
+    border-right: 1px solid lightgray;
+}
+
+
+.welcome-box-area{
+    margin-top: 40px;
+    border: 2px solid lightgray;
+    padding-bottom: 28px;
+}
+.welcome-box-area .icon-area{
+    text-align: center;
+}
+.welcome-box-area .icon-area img{
+    max-width: 220px;
+}
+
+.welcome-box-area .first-part{
+    padding: 10px;
+}
+
+.next-step-link-area{}
+.next-step-link-area a{
+
+}
+.next-step-link-area a span{
+    font-weight: bold;
+}
+.media-heading span.text-normal{
+    font-weight:normal;
+    color: gray;
+}
+
+.client-transaction-area .media-heading span.text-normal,.client-transaction-area .media-heading span.badge{
+    margin-left: 5px;
+}
+
+.total-client-text{}
+.total-client-text p{}
+.total-client-text p.label-text{
+    margin-bottom: 0;
+    font-size: 12px;
+}
+.total-client-text p.value{
+    font-weight: bold;
+    font-size:20px;
+}
+
+.media-heading .media-annotation{
+    margin-top: 3px;
+}
+.next-step-link-area a{}
+.next-step-link-area a i{
+    color: #008d4c;
+}
+.next-step-link-area a span{
+    color:#337ab7;
+}
+
+.label-orange{
+    color:#FF440A !important
+}
+
+.btn-gray,.btn-gray:hover{
+    background: darkgray;
+    color:white;
+    border-bottom-color: white;
+}
+
+.quick-button{}
+.quick-button a{
+    font-size: 12px;
+    margin: 0 !important;
+}
+
+.client-insystem{
+    text-align: center;
+}
+.client-insystem .col-md-3{
+    padding: 0 !important
+}
+
+.right-list-dashboard{
+    border-bottom: none !important;
+}
+
+.right-label-dashboard{
+    text-align: center;
+}
+
+.right-dashboar-area{}
+.right-dashboar-area .table-head{
+    border-bottom: none !important;
+}
+
+.right-dashboar-area .dropdown-content-body{
+    overflow-y: unset !important;
+}
+
+.right-dashboar-list-area{
+    max-height: 300px;
+    overflow-y: auto;
+    margin-bottom: 50px;
+}
+.right-dashboar-list-area ul{}
+
+
+/* 
+    circle css
+*/
+
+.circle-area {
+    margin: 30px 0px;
+    padding-bottom: 0;
+    z-index: 10000;
+}
+
+.circle-area ul {
+    list-style: none !important;
+    margin-left: 0;
+    padding-left: 0;
+    text-align: center;
+}
+
+.circle-area ul li {
+    background: lightgray;
+    position: relative !important;
+    display: inline-block;
+    padding: 2px !important;
+    border-radius: 50% !important;
+    margin: 0 5px !important;
+    font-size: 23px !important;
+    width: 35px !important;
+    text-align: center !important;
+    color: white !important;
+    font-weight: bold !important;
+/*    z-index: 10000 !important;*/
+    margin-left: 0;
+}
+
+
+.circle-green{
+    background: green !important;
+}
+.circle-blue{
+    background: #337ab7 !important;
+}
+
+.day-date{
+    color:black;
+
+}
+.calender-noti td a{
+    display: block;
+}
+td.btn-orange-color {
+    border-color: #ffff !important;
+}
+td.btn-orange-color span.day-date{
+    color: white !important;
+
+}
+
+.circle-area ul li.r::after{
+    background: green !important;
+    position: absolute !important;
+    border-top: .5rem solid lightgrey;
+    content: "";
+    width: 37px !important;
+    margin: 0 1rem !important;
+    transform: translateY(-1rem) !important;
+    top: 27px !important;
+    z-index: 0 !important;
+    left: 25px;
+
+}
+
+.circle-area ul li.v::after{
+    background: green !important;
+    position: absolute !important;
+    border-top: .5rem solid lightgrey;
+    content: "";
+    width: 37px !important;
+    margin: 0 1rem !important;
+    transform: translateY(-1rem) !important;
+    top: 27px !important;
+    z-index: 0 !important;
+    left: 25px;
+
+}
+
+/*
+blinking & bubble
+*/
+@-webkit-keyframes blinkingBg {
+    0% { background-color: green; }
+    49% { background-color: green; }
+    50% { background-color: grey; }
+    99% { background-color: grey; }
+    100% { background-color: green; }
+}
+@-moz-keyframes blinkingBg {
+    0% { background-color: green; }
+    49% { background-color: green; }
+    50% { background-color: grey; }
+    99% { background-color: grey; }
+    100% { background-color: green; }
+}
+@-ms-keyframes blinkingBg {
+    0% { background-color: green; }
+    49% { background-color: green; }
+    50% { background-color: grey; }
+    99% { background-color: grey; }
+    100% { background-color: green; }
+}
+@-o-keyframes blinkingBg {
+    0% { background-color: green; }
+    49% { background-color: green; }
+    50% { background-color: grey; }
+    99% { background-color: grey; }
+    100% { background-color: green; }
+}
+@keyframes blinkingBg {
+    0% { background-color: green; }
+    49% { background-color: green; }
+    50% { background-color: grey; }
+    99% { background-color: grey; }
+    100% { background-color: green; }
+}
+.blinkingBtn {
+    -webkit-animation: blinkingBg 0.5s linear infinite;
+    -moz-animation: blinkingBg 0.5s linear infinite;
+    -ms-animation: blinkingBg 0.5s linear infinite;
+    -o-animation: blinkingBg 0.5s linear infinite;
+    animation: blinkingBg 0.5s linear infinite;
+    color: white !important;
+}
+
+.wrap-btn-bbl {
+    background-color: silver;
+    position: relative;
+}
+.bubble {
+    position: absolute;
+    bottom: 8px;
+    left: 350%;
+}
+
+.fbubble {
+    position: absolute;
+    bottom: 5px;
+    right: 20% !important;
+    left: auto;
+}
+.talk-bubble {
+    display: inline-block;
+    position: relative;
+    height: auto;
+    background-color: #289AD9;
+    color: white;
+}
+.round{
+    border-radius: 30px;
+    -webkit-border-radius: 30px;
+    -moz-border-radius: 30px;
+}
+.tri-right.btm-left:after{
+    content: ' ';
+    position: absolute;
+    width: 0;
+    height: 0;
+    left: 15px;
+    right: auto;
+    top: auto;
+    bottom: -9px;
+    border: 10px solid;
+    border-color: transparent transparent transparent #289AD9;
+}
+
+.fantastic.btm-left:after{
+    content: ' ';
+    position: absolute;
+    width: 0;
+    height: 0;
+    left: auto;
+    right: 8px;
+    top: auto;
+    bottom: -10px;
+    border: 10px solid;
+    border-color: transparent transparent transparent #289AD9;
+    transform: rotate(180deg);
+}
+.talktext{
+    padding: 2.2rem 1rem;
+    text-align: left;
+    line-height: 1.5rem;
+}
+.talktext p{
+    -webkit-margin-before: 0em;
+    -webkit-margin-after: 0em;
+    padding: 2px 0;
+}
+
+@media only screen and (max-width: 767px) {
+    .mid-container a.mid-btn-link{
+        width: 100%;
+        margin-bottom: 10px !important;
+    }
+    .first-part{
+        text-align: center;
+    }
+    .member-progress-area h4{
+        text-align: center;
+    }
+    .mid-container .withborder{
+        border: none;
+    }
+    .quick-button{
+        padding-right: 20px;
+    }
+
+    .circle-area{
+        text-align: center;
+    }
+
+    .circle-area ul li{
+        margin: 0 24px !important;
+    }
+    .circle-area ul li.r::after, .circle-area ul li.v::after{
+        width: 59px !important;
+    }
+
+    .bubble{
+        left:48%;
+    }
+}
+
+.soft-video-label-area{}
+.soft-video-label-area li{}
+.soft-video-label-area li i{
+    padding: 10px;
+    padding-left: 0;
+}
+.soft-video-label-area li a{
+    font-weight: bold !important;
+}
+
+.software-version-main-area{
+    height: 310px;
+    overflow-y: auto;
+}
+
+.new-label{
+    opacity: 0.7;
+    font-size: 13px;
+}

webroot/css/modal_custom.css

@@ -0,0 +1,247 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Jan 21, 2021, 11:36:05 AM
+    Author     : USER
+*/
+.acct-cb-img{
+    width: 100% !important
+}
+
+.content-data table{
+    width:100% !important
+}
+p.reminder-footer,p.note-footer{
+    text-align: center;
+    margin: 0;
+    border: 1px solid lightgray;
+}
+p.reminder-footer a, p.note-footer a{
+    font-weight: bold;
+    padding: 5px 0 5px;
+    background: #EEEEEE;
+    display: block;
+    color:#009cf9;
+}
+.reminder-row-hide,.note-row-hide{
+    display:none !important;
+}
+
+.dropdown-content-body {
+    max-height: 360px !important;
+    overflow-y: auto !important;
+}
+/*.reminder-row-show{
+    display:none !important;
+}*/
+@media (min-width: 768px){
+    #emp-emp-messaging .modal-dialog,
+    #member-reminder-modal .modal-dialog,
+    #member-reminder-modal-edit .modal-dialog,
+    #member-note-modal .modal-dialog,
+    #member-note-modal-edit .modal-dialog,
+    #send-client-email-modal .modal-dialog,
+    #stt-info .modal-dialog,
+    #employee-member-message .modal-dialog,
+    #affiliate-member-message .modal-dialog,
+    #note-edit-modal .modal-dialog,
+    #message-edit-modal .modal-dialog,
+    #member-note-modal .modal-dialog,
+    #all-note-modal .modal-dialog,
+    #client-member-message .modal-dialog,
+    #member-reminder-modal-edit .modal-dialog, 
+    #all-reminder-modal .modal-dialog, 
+    #member-reminder-modal .modal-dialog, 
+    #member-reminder-dashboard .modal-dialog,
+    #reply-modal .modal-dialog,
+    #modify-image .modal-dialog,
+    #no-of-customer-modal .modal-dialog,
+    #no-of-employee-modal .modal-dialog
+    {
+        width: 600px !important;
+        margin: 30px auto !important;
+    }
+    
+    #emp-emp-messaging .modal-header,
+    #member-reminder-modal .modal-header,
+    #member-reminder-modal-edit .modal-header,
+    #member-note-modal .modal-header,
+    #member-note-modal-edit .modal-header,
+    #send-client-email-modal .modal-header,
+    #stt-info .modal-header,
+    #employee-member-message .modal-header,
+    #affiliate-member-message .modal-header,
+    #note-edit-modal .modal-header,
+    #message-edit-modal .modal-header,
+    #member-note-modal .modal-header,
+    #all-note-modal .modal-header,
+    #credit-report-content-modal .modal-header, 
+    #no-of-employee-modal .modal-header,
+    #credit-analyzer2 .modal-header, 
+    #credit-analaysis .modal-header,
+    #show-credit-report-modal .modal-header, 
+    #client-member-message .modal-header, 
+    #member-reminder-modal-edit .modal-header, 
+    #all-reminder-modal .modal-header, 
+    #member-reminder-dashboard .modal-header, 
+    #member-reminder-modal .modal-header,
+    #member-note-modal-edit .modal-header,
+    #reply-modal .modal-header,
+    #send-client-email-modal .modal-header,
+    #no-of-employee-modal .modal-header,
+    #no-of-customer-modal .modal-header,
+    #certificate_list_modal .modal-header,
+    #tshirt_list_modal .modal-header
+    {
+        background: #3c8dbc !important;
+        color: white !important;
+    }
+    #stt-info .modal-content,
+    #send-client-email-modal .modal-content,
+    #reply-modal .modal-content,
+    #no-of-employee-modal .modal-content,#client-member-message .modal-content, #member-reminder-modal-edit .modal-content, #all-reminder-modal .modal-content, #member-reminder-dashboard .modal-content, #member-reminder-modal .modal-content{
+        width:100% !important;
+    }
+    
+    .reminder-notification-list{} 
+    .note-notification-list .media-right, .reminder-notification-list .media-right{
+        padding:0;
+        width: 47%;
+        text-align: right;
+    } 
+    .note-notification-list .media-right span.media-annotation,
+    .reminder-notification-list .media-right span.media-annotation{
+        line-height: 3;
+        padding-right: 10px;
+        border: 1px solid silver;
+        border-radius: 12px;
+        padding: 2px 10px;
+    } 
+    
+    .note-notification-list .media-right img, 
+    .reminder-notification-list .media-right img{
+        float: none;
+    }
+    
+    
+   
+    
+}
+@media only screen and (max-width: 600px){
+    
+     .stt-pi-area ul li{
+        width: 100% !important;
+        margin-bottom: 10px !important;
+        display: inline-block !important;
+        text-align: center !important;
+    }
+    
+    #emp-emp-messaging .modal-dialog,
+    #member-reminder-modal .modal-dialog,
+    #member-reminder-modal-edit .modal-dialog,
+    #member-note-modal .modal-dialog,
+    #member-note-modal-edit .modal-dialog,
+    #send-client-email-modal .modal-dialog,
+    #employee-member-message .modal-dialog,
+    #stt-info .modal-dialog,
+    #affiliate-member-message .modal-dialog,
+    #note-edit-modal .modal-dialog, 
+    #message-edit-modal .modal-dialog, 
+    #member-note-modal .modal-dialog, 
+    #all-note-modal .modal-dialog,
+    #no-of-employee-modal .modal-dialog,
+    #client-member-message .modal-dialog, 
+    #member-reminder-modal-edit .modal-dialog, 
+    #all-reminder-modal .modal-dialog, 
+    #member-reminder-modal .modal-dialog, 
+    #member-reminder-dashboard .modal-dialog,
+    #reply-modal .modal-dialog
+    {
+        width: 100% !important;
+        margin: 0 !important;
+        padding: 10px !important;
+    }
+    
+    #emp-emp-messaging .modal-header,
+    #member-reminder-modal .modal-header,
+    #member-reminder-modal-edit .modal-header,
+    #member-note-modal .modal-header,
+    #member-note-modal-edit .modal-header,
+    #send-client-email-modal .modal-header,
+    #stt-info .modal-header,
+    #employee-member-message .modal-header,
+    #affiliate-member-message .modal-header,
+    #note-edit-modal .modal-header,
+    #message-edit-modal .modal-header,
+    #no-of-employee-modal .modal-header, 
+    #credit-analyzer2 .modal-header,
+    #credit-analaysis .modal-header,
+    #show-credit-report-modal .modal-header,
+    #client-member-message .modal-header, 
+    #member-reminder-modal-edit .modal-header, 
+    #all-reminder-modal .modal-header, 
+    #member-reminder-dashboard .modal-header, 
+    #member-reminder-modal .modal-header,
+    #member-note-modal-edit .modal-header,
+    #reply-modal .modal-header,
+    #send-client-email-modal .modal-header
+    {
+        background: #3c8dbc !important;
+        color: white !important;
+    }
+    
+    #stt-info .modal-content,
+    #reply-modal .modal-content,
+    #send-client-email-modal .modal-content,
+    #no-of-employee-modal .modal-content,#client-member-message .modal-content, #member-reminder-modal-edit .modal-content, #all-reminder-modal .modal-content, #member-reminder-dashboard .modal-content, #member-reminder-modal .modal-content{
+        width:100% !important;
+    }
+    
+    .width-350.dropdown-menu {
+        min-width: 280px;
+    }
+    
+    .media-left, .media-right, .media-body {
+        text-align: left;
+    }
+    
+    .reminder-notification-list{} 
+    
+    .note-notification-list .media-right,
+    .reminder-notification-list .media-right{
+        padding-left: 0;
+        width: 24%;
+        text-align: right;
+    }
+    
+    .note-notification-list .media-right span.media-annotation,
+    .reminder-notification-list .media-right span.media-annotation{
+        
+    }
+    
+    .note-notification-list .media-right img,
+    .reminder-notification-list .media-right img{
+        float: none;
+    }
+    
+    
+}
+
+
+.reminder-due{
+/*    background-color: yellow !important;*/
+    color: green !important;
+    padding: 5px !important;
+}
+    
+    
+.reminder-over{
+/*    background-color: red !important;*/
+    color: red !important;
+    padding: 5px !important;
+}
+
+

webroot/css/multi-select.css

@@ -0,0 +1,94 @@
+.ms-container{
+  background: transparent url('../img/switch.png') no-repeat 50% 50%;
+ 
+}
+
+.ms-container:after{
+  content: ".";
+  display: block;
+  height: 0;
+  line-height: 0;
+  font-size: 0;
+  clear: both;
+  min-height: 0;
+  visibility: hidden;
+}
+
+.ms-container .ms-selectable, .ms-container .ms-selection{
+  color: #555555;
+}
+.ms-container .ms-selection{
+
+}
+
+.ms-container .ms-list{
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  position: relative;
+  height: 200px;
+  padding: 0;
+  overflow-y: auto;
+}
+
+.ms-container .ms-list.ms-focus{
+  border-color: rgba(82, 168, 236, 0.8);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  outline: 0;
+  outline: thin dotted \9;
+}
+
+.ms-container ul{
+  margin: 0;
+  list-style-type: none;
+  padding: 0;
+}
+
+.ms-container .ms-optgroup-container{
+  width: 100%;
+}
+
+.ms-container {
+  cursor: pointer;
+  color: #999;
+}
+.ms-optgroup-label{
+  margin: 0;
+  padding: 5px 0px 0px 5px;
+  cursor: pointer;
+  color: #999;
+}
+
+.ms-container .ms-selectable li.ms-elem-selectable,
+.ms-container .ms-selection li.ms-elem-selection{
+  border-bottom: 1px #eee solid;
+  padding: 2px 10px;
+  color: #555;
+  font-size: 14px;
+}
+
+.ms-container .ms-selectable li.ms-hover,
+.ms-container .ms-selection li.ms-hover{
+  cursor: pointer;
+  color: #fff;
+  text-decoration: none;
+  background-color: #08c;
+}
+
+.ms-container .ms-selectable li.disabled,
+.ms-container .ms-selection li.disabled{
+  background-color: #eee;
+  color: #aaa;
+  cursor: text;
+}

webroot/css/multiselect.css

@@ -0,0 +1,26 @@
+.github.ribbon {
+	position: fixed;
+	display: block;
+	top: 40px;
+	right: 0;
+	border: 0;
+	z-index: 1001;
+}
+
+.prettyprint {
+	padding: 10px!important;
+}
+
+#wrap {
+	padding-top: 70px;
+}
+
+#home h1 {
+	margin-bottom: 30px;
+}
+#demo,
+#examples,
+#support,
+#download {
+	padding-top: 40px;
+}

webroot/css/reminder-task.css

@@ -0,0 +1,28 @@
+.name-separte-part{
+    color: #FF440A;
+    font-weight: bold;
+    margin-top: 12px;
+}
+.border-bottom-separate{
+    margin-top:0px;
+    margin-bottom:0px;
+    border: 1px solid lightgray;
+}
+.reminder-today{
+    color: red !important;
+}
+.reminder-others{
+    color: green !important;
+}
+.border-top-others{
+    margin-top:0px;
+    margin-bottom:0px;
+}
+
+.text-reminders{
+    display: inline !important;
+    margin-left: 5px;
+}
+.title-part{
+    margin-left: 20px;
+}

webroot/css/rtg_popup.css

@@ -0,0 +1,302 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Jul 29, 2020, 7:59:27 PM
+    Author     : CHTL
+*/
+
+
+.dropdown-x {
+    /* position: absolute; */
+    /* top: 50%; */
+    /* transform: translateY(-50%); */
+    width: 100%;
+    margin-right: 31px;
+    z-index: 99;
+}
+
+.dropdown-x dd,
+.dropdown-x dt {
+    margin: 0px;
+    padding: 0px;
+}
+
+.dropdown-x ul {
+    margin: -1px 0 0 0;
+}
+
+.dropdown-x dd {
+    position: relative;
+    width: 100%;
+    z-index: 999 !important;
+}
+
+.dropdown-x a,
+.dropdown-x a:visited {
+    color: #333;
+    text-decoration: none;
+    outline: none;
+    font-size: 12px;
+}
+
+.dropdown-x dt a {
+    background-color: #fff;
+    display: block;
+    padding: 6px;
+    min-height: 34px;
+    overflow: hidden;
+    width: 100%;
+    border: 1px solid #d2d6de;
+}
+
+.hida {
+    cursor: pointer;
+    display: inline-block;
+    padding: 0 3px 2px 0;
+    background: #3c8dbc;
+    color: #fff;
+    margin-left: 2px;
+    margin-bottom: 2px;
+    border-radius: 4px;
+    padding: 0 5px;
+    font-weight: normal;
+    font-size: 14px;
+}
+
+.dropdown-x dd ul {
+    background-color: #fff;
+    border: 0;
+    color: #333;
+    display: none;
+    left: 0px;
+    padding: 2px 15px 2px 5px;
+    position: absolute;
+    top: 2px;
+    width: 100%;
+    list-style: none;
+    max-height: 300px;
+    height: auto;
+    overflow-y: auto;
+    border: 1px solid black;
+    overflow-x: hidden;
+}
+
+.dropdown-x span.value {
+    display: none;
+}
+
+.dropdown-x dd ul li a {
+    padding: 5px;
+    display: block;
+}
+
+.dropdown-x dd ul li a:hover {
+    background-color: #fff;
+}
+
+dl {
+    margin-bottom: 0;
+}
+
+.choose-dest {
+    font-size: 14px;
+    font-weight: normal;
+    color: #a9a9a9;
+}
+
+.multiSel {
+    margin-bottom: 0;
+}
+
+.view-img img {
+    width: auto;
+    margin: 0 auto;
+    display: block;
+    padding: 15px;
+    height: 100px;
+}
+
+.disable-elem {
+    background-color: #eee !important;
+    opacity: 1;
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
+.disable-elem-download {
+    background-color: #eee !important;
+    opacity: 1;
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
+img#client-file-load {
+    position: absolute;
+    z-index: 99999999;
+    left: 50%;
+    width: 120px;
+    top: 20rem;
+    margin-left: -60px;
+    display: none;
+}
+
+.rebuttal-class {
+    margin-top: 120px;
+    text-align: right;
+    width: 100%;
+}
+
+.rebuttal-class1 {
+    margin-top: 112px;
+}
+
+.rebuttal-class3 {
+    margin-top: 100px;
+    text-align: right;
+    width: 100%;
+}
+
+.rebuttal-class4 {
+    margin-top: 100px;
+}
+
+.client-status img {
+    display: none;
+    position: absolute;
+    top: 8px;
+    right: -6px;
+    height: 18px;
+}
+
+.affiliate-hide {
+    display: none;
+}
+
+.inquries-modal-area input{
+    /*    height:177px;*/
+}
+.inquries-modal-area textarea{
+    height:177px;
+}
+
+.latepays-modal-area input{
+    /*    height:177px;*/
+}
+.latepays-modal-area textarea{
+    height:177px;
+}
+
+.negative-modal-area input{
+    /*    height:177px;*/
+}
+.negative-modal-area textarea{
+    height:177px;
+}
+
+.public-record-modal-area input{
+    /*    height:177px;*/
+}
+.public-record-modal-area textarea{
+    height:177px;
+}
+
+/*for rtg letterstream/fax popup*/
+
+#rtg-before-saving-modal .modal-dialog {
+    width: 670px;
+}
+
+@media only screen and (max-width: 600px){
+    #rtg-before-saving-modal{
+        padding: 0 !important;
+    }
+    #rtg-before-saving-modal .modal-dialog {
+        width:100%;
+        margin:0;
+        padding: 10px;
+    }
+}
+
+#rtg-before-saving-modal .modal-header {
+    min-height: 44px !important;
+    background: #3c8dbc;
+}
+
+#rtg-before-saving-modal .modal-header .modal-title {
+    color: white;
+    line-height: 125%;
+    padding-right: 50px;
+    padding-bottom: 10px;
+}
+
+#rtg-before-saving-modal .radio label{
+    font-weight: bold;
+}
+
+.download-area{
+    text-align: left;
+}
+
+.duplex-hide{
+    display: none;
+}
+
+.padding_left_0{
+    text-align: left;
+}
+
+.rtg-automation-checkbox{
+    margin-top: 0;
+}
+
+.padding_left_0 label{
+    padding-left: 0;
+}
+
+#rtg-letter-stream-modal .modal-dialog {
+
+}
+
+.dataTable thead .sorting:before,
+    .dataTable thead .sorting:after,
+    .dataTable thead .sorting:after,
+    .dataTable thead .sorting_asc:after,
+    .dataTables_filter>label:after {
+        content: '';
+        margin: 0;
+        padding: 0;
+    }
+
+.rtg-date-time-picker .bootstrap-datetimepicker-widget {
+    width: 315px !important;
+}
+
+.date-time-picker .bootstrap-datetimepicker-widget {
+    width: 315px !important;
+}
+.dataTable{
+    font-size: 14px;
+}
+@media (min-width: 768px){
+    #rtg-letter-stream-modal  .modal-dialog {
+        width: 1000px;
+        margin: 30px auto;
+    }
+    
+    #rtg-formModal .modal-dialog{
+        width: 1000px;
+        margin: 30px auto;
+    }
+
+    .letter-stream-content.table-responsive{
+        overflow-x: hidden;
+    }
+    .letter-stream-content table{
+        text-align: left;
+    }
+
+}
+

webroot/css/sc/combined.css

@@ -0,0 +1,730 @@
+.pageHeaderNoMargin {
+    FONT-SIZE: 24px;
+    LINE-HEIGHT: 24px;
+    vertical-align: bottom;
+    COLOR: #009966;
+    FONT-STYLE: normal;
+    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
+    font-weight: normal;
+    border: 0px;
+    margin: 0px;
+    padding: 0px;
+}
+
+.disclaimerSmall {
+    FONT-SIZE: 10px;
+    COLOR: #666666;
+    FONT-FAMILY: Arial, Helvetica, sans-serif;
+}
+
+.disclaimerSmallColour {
+    FONT-SIZE: 10px;
+    COLOR: #043737;
+    FONT-FAMILY: Arial, Helvetica, sans-serif;
+}
+
+.disclaimer {
+    FONT-WEIGHT: normal;
+    FONT-SIZE: 10px;
+    FONT-STYLE: normal;
+    FONT-FAMILY: Verdana, arial, geneva, sans-serif;
+    COLOR: #333333;
+}
+
+.errorText {
+    FONT-SIZE: 11px;
+    COLOR: #CC0000;
+    FONT-WEIGHT: bold;
+    FONT-FAMILY: Arial, Helvetica, sans-serif;
+}
+
+.header {
+    background-color: #009966;
+}
+
+.progressHeader {
+    background-color: #009966;
+}
+
+.firstNav {
+    color: #666666;
+    background-color: #FFFFFF;
+}
+
+.firstNavLink:visited {
+    color: #666666;
+}
+
+.contentBorder {
+    background-color: #CCCCCC;
+}
+
+.faqHeader {
+    color: #000000;
+    background-color: #DDDDDD;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.faqBody {
+    color: #006633;
+    background-color: #EEEEEE;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 11px;
+}
+
+.formHeader {
+    font-size: 10px;
+    color: #FFFFFF;
+    background-color: #818286;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    padding: 2px;
+}
+
+.formBody {
+    font-size: 11px;
+    color: #000000;
+    background-color: #DDDDDD;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.receiptTotal {
+    font-size: 11px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.submitBody {
+    font-size: 11px;
+    color: #000000;
+    background-color: #CBCBCB;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.bodyText {
+    font-size: 12px;
+    color: #000000;
+    background-color: #FFFFFF;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.bodyTextScore {
+    font-size: 8.3pt;
+    color: #000000;
+    background-color: #FFFFFF;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.homeBody {
+    font-size: 12px;
+    color: #009966;
+    background-color: #E4EFE4;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.darkGreyComment {
+    font-size: 11px;
+    color: #818286;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.lightGreyComment {
+    font-size: 11px;
+    color: #CBCBCB;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.darkGreyCommentOnBlue {
+    color: #818286;
+    background-color: #D1E6F2;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    font-size: 11px;
+    padding: 0px;
+}
+
+.darkBlueHeaderOnBlue {
+    color: #003366;
+    background-color: #D1E6F2;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    padding: 0px;
+}
+
+.subH1Comment {
+    color: #009966;
+    background-color: #FFFFFF;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+    font-size: 11px;
+}
+
+.suberrH1Comment {
+    color: #009966;
+    background-color: #FFFFFF;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+    font-size: 11px;
+}
+
+.crTableBackground {
+    background-color: #EEEEEE;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.crTableBackgroundLight {
+    background-color: #EEEEEE;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.contentLarge {
+    color: #333333;
+    font-family: Arial;
+    font-size: 10pt;
+}
+
+.reportAvailableText {
+    font-family: Arial;
+    font-size: 13px;
+}
+
+.pageHeading1GreyScale {
+    color: #818286;
+    font-family: Arial;
+    font-size: 12pt;
+    font-weight: bold;
+}
+
+.crGrantedTradelineHeader {
+    color: #003498;
+    background-color: #DDDDDD;
+    font-family: Arial;
+    font-size: 11px;
+    font-weight: bold;
+}
+
+.crTradelineHeader {
+    background-color: #EEEEEE;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.crTradelineGroupHeader {
+    font-family: Arial;
+    color: #000000;
+    font-size: 13px;
+    padding: 5px;
+    background-color: #fefeda width:550px
+}
+
+.crTableBackgroundSmall {
+    background-color: #DDDDDD;
+    font-size: 10px;
+    font-family: Arial;
+}
+
+.crTableBackgroundVerySmall {
+    background-color: #DDDDDD;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.crDarkGreenText {
+    color: #006633;
+    font-family: Arial;
+}
+
+.crDarkGreenText:visited {
+    color: #006633;
+}
+
+.crDarkGreenText:active {
+    color: #006633;
+}
+
+.crDarkGreenText:link {
+    color: #006633;
+}
+
+.crTableHeader {
+    background-color: #eeeeee;
+    color: #FFFFFF;
+    font-family: Arial;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.alertTableHeader {
+    background-color: #868686;
+    color: #FFFFFF;
+    font-family: Arial;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.scoreTableHeader {
+    background-color: #4884da;
+    color: #FFFFFF;
+    font-family: Verdana;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.singleScoreTableHeader {
+    background-color: #4a86de;
+    color: #FFFFFF;
+    font-family: Verdana;
+    font-weight: bold;
+    font-size: 10px;
+}
+
+.crTab {
+    background-color: #DDDDDD;
+    color: #000000;
+    font-family: Arial;
+    font-size: 12px;
+}
+
+.crTabScore {
+    background-color: #ffffff;
+    color: #2765bf;
+    font-family: Verdana;
+    font-size: 11px;
+}
+
+.bodyTextDesc {
+    font-size: 10px;
+    color: #000000;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    padding: 0px;
+}
+
+.bodyTextBoldAlertDesc {
+    font-size: 10px;
+    color: #000000;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    padding: 0px;
+}
+
+.crLightTableBackground {
+    background-color: #FFFFFF;
+    font-size: 11px;
+    font-family: Arial;
+}
+
+.alertLightTableBackground {
+    background-color: #EEEEEE;
+    font-size: 11px;
+    font-family: Arial;
+}
+
+.scoreLightTableBackground {
+    background-color: #EEEEEE;
+    font-size: 11px;
+    font-family: Verdana;
+}
+
+.crRoseLightTableBackground {
+    background-color: #F7F3F7;
+    font-size: 11px;
+    font-family: Arial;
+}
+
+.largeMaintenanceText {
+    FONT-SIZE: 24px;
+    LINE-HEIGHT: 24px;
+    COLOR: #000000;
+    FONT-STYLE: normal;
+    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
+    font-weight: bold;
+    border: 0px;
+    margin: 0px;
+    padding: 0px;
+    padding-bottom: 5px;
+}
+
+.bodyTextU {
+    FONT-WEIGHT: normal;
+    FONT-SIZE: 75%;
+    BORDER-BOTTOM: black 1px solid
+}
+
+.topHeaderGreyComment {
+    PADDING-LEFT: 14px;
+    FONT-WEIGHT: bold;
+    FONT-SIZE: 1.25em;
+    COLOR: #9c9c9c
+}
+
+.topHeaderGreyComment1 {
+    FONT-WEIGHT: bold;
+    FONT-SIZE: 1.00em;
+    COLOR: #9c9c9c
+}
+
+.borderColor {
+    border-color: #9c9c9c
+}
+
+.crNameText {
+    color: #5280b1;
+    font-size: 18px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+.crThreeScoreBottomText {
+    font-size: 12px;
+    color: #999999;
+    background-color: #FFFFFF;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 0px;
+}
+
+.bottomBodyText {
+    font-size: 12px;
+    color: #000000;
+    background-color: #FFFFFF;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: normal;
+    padding: 6px;
+}
+
+A.bcLinkAlert:active {
+    COLOR: #5280b1;
+    TEXT-DECORATION: underline;
+    FONT-SIZE: 4px;
+}
+
+.bodyTextBoldAlert {
+    FONT-WEIGHT: bold;
+    FONT-SIZE: 75%;
+    PADDING-LEFT: 5px
+}
+
+.pageTitleAlertPopup {
+    FONT-WEIGHT: bold;
+    FONT-SIZE: 1.25em;
+    COLOR: #999999
+}
+
+.logOutHeading {
+    font-family: Arial;
+    font-size: 18px;
+}
+
+.logOutText {
+    font-family: Arial;
+    font-size: 12px;
+}
+
+.crTableBackgroundForPrint {
+    background-color: #FFFFFF;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.crLightTableBackgroundForPrint {
+    background-color: #FFFFFF;
+    font-size: 11px;
+    font-family: Arial;
+}
+
+.crTableBackgroundLightForPrint {
+    background-color: #FFFFFF;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.crTradelineHeaderForPrint {
+    background-color: #FFFFFF;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.crTradelineGroupHeaderForPrint {
+    font-family: verdana;
+    font-size: 12px;
+    color: #000000;
+    padding: 5px;
+}
+
+.RmediumForPrint {
+    background-color: #FFFFFF;
+    font-family: Arial;
+    FONT-WEIGHT: bold;
+    font-size: 11px;
+}
+
+.RSmallForPrint {
+    background-color: #FFFFFF;
+    font-family: Arial;
+    font-size: 11px;
+}
+
+.reportSubTitle {
+    font-family: Arial;
+    font-size: 28px;
+}
+
+.idLikeTo {
+    font-family: arial;
+    font-size: 11px;
+    list-style: none;
+    margin: 0;
+    padding: 0 0 0 0;
+}
+
+.tranunionHeaderColum {
+    color: #FFFFFF;
+    font-size: 11px;
+    font-weight: bold;
+    background-color: #00a6ca;
+    padding-left: 5px;
+}
+
+.experianHeaderColum {
+    color: #FFFFFF;
+    font-size: 11px;
+    font-weight: bold;
+    background-color: #044993;
+    padding-left: 5px;
+}
+
+.equifaxHeaderColum {
+    color: #FFFFFF;
+    font-size: 11px;
+    font-weight: bold;
+    background-color: #971d31;
+    padding-left: 5px;
+}
+
+.whiteText {
+    color: #FFFFFF;
+    font-weight: bold;
+}
+
+.tranUnionText {
+    color: #00a6ca;
+    font-weight: bold;
+    font-size: 12px;
+    font-family: Arial;
+}
+
+.experianText {
+    color: #044993;
+    font-weight: bold;
+    font-size: 12px;
+    font-family: Arial;
+}
+
+.equifaxText {
+    color: #971D31;
+    font-weight: bold;
+    font-size: 12px;
+    font-family: Arial;
+}
+
+.sectionHeader {
+    font-size: 17px;
+    color: #000000;
+    font-family: Arial;
+    padding: 2px 4px 8px;
+}
+
+.accountHeader {
+    color: #0066FF;
+    font-weight: bold;
+    font-size: 12px;
+}
+
+.moreAboutLink {
+    float: right;
+    font-size: 11px;
+    font-family: Arial;
+}
+
+tr.table_headers {
+    background: white url(https://www.smartcredit.com/resources/images/shared/tui/table_headers_bg.gif) bottom left repeat-x;
+    color: #FFFFFF;
+    margin: 0 0 0 0;
+    padding: 0;
+    font-size: 17px;
+    font-weight: bold;
+}
+
+.tableborder {
+    border: 2px solid green;
+}
+
+.inquiriesHeader {
+    background-color: #cccccc;
+    font-family: Arial;
+    font-weight: bold;
+    font-size: 11px;
+    color: #000000;
+}
+
+.accountHistoryColorRow {
+    background-color: #eeeeee;
+    color: #000000;
+    font-family: Arial;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.alertColHeader {
+    color: #0066FF;
+    font-weight: bold;
+    font-size: 10px;
+    font-family: Verdana;
+}
+
+.crNoTableBackground {
+    font-size: 12px;
+    font-family: Arial;
+}
+
+.backtoTopText {
+    float: right;
+    font-size: 11px;
+    font-family: Arial;
+    color: #000000;
+}
+
+.score_table_headers {
+    background: white url(https://www.smartcredit.com/resources/images/shared/tui/table_headers_bg.gif) bottom left repeat-x;
+    color: #FFFFFF;
+    margin: 0 0 0 0;
+    padding: 0;
+    font-weight: bold;
+    font-family: Arial;
+}
+
+.score_sectionHeader {
+    color: #369BCD;
+    font-weight: bold;
+    font-size: 12px;
+}
+
+.crWhiteTradelineHeader {
+    color: #000000;
+    background: white url(https://www.smartcredit.com/resources/images/shared/tui/table_headers_bg.gif) bottom left repeat-x;
+    background-color: #FFFFFF;
+    font-family: Arial;
+    font-size: 11px;
+    font-weight: bold;
+    margin: 0 0 0 0;
+    padding: 0 0 6px;
+}
+
+.paymenttranUnionText {
+    color: #00a6ca;
+    font-weight: bold;
+    font-size: 10px;
+}
+
+.paymentexperianText {
+    color: #044993;
+    font-weight: bold;
+    font-size: 10px;
+}
+
+.paymentequifaxText {
+    color: #971D31;
+    font-weight: bold;
+    font-size: 10px;
+}
+
+.crNoColorTableHeader {
+    background-color: #eeeeee;
+    font-family: Arial;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.bodyTextBoldCSm {
+    font-family: Arial;
+    font-weight: bold;
+    font-size: 11px;
+}
+
+.expHeader {
+    background-color: #191970;
+    COLOR: #FFFFFF;
+    font-weight: bold;
+    font-size: 17px;
+    font-family: Arial;
+}
+
+.eqfHeader {
+    background-color: #8B0000;
+    COLOR: #FFFFFF;
+    font-weight: bold;
+    font-size: 17px;
+    font-family: Arial;
+}
+
+.tuHeader {
+    background-color: #4d917b;
+    COLOR: #FFFFFF;
+    font-weight: bold;
+    font-size: 17px;
+    font-family: Arial;
+}
+
+.tuAlertHearder {
+    color: #000000;
+    font-weight: bold;
+    background-color: #eee3c5;
+    font-family: Arial;
+    font-size: 12px;
+    padding: 5px;
+}
+
+.tuAlertText {
+    color: #000000;
+    background-color: #f6f3e2;
+    font-family: Arial;
+    font-size: 12px;
+}
+
+.contentMedium {
+    color: #000000;
+    font-weight: bold;
+    font-family: Arial;
+    font-size: 12px;
+}
+
+.contentSmall {
+    color: #000000;
+    font-family: Arial;
+    font-size: 12px;
+}
+
+#company-name {
+    display: none;
+}

webroot/css/select2.custom.css

@@ -0,0 +1,22 @@
+.select2-container{
+    width:100% !important;
+}
+.select2-container--open .select2-dropdown--above{
+    border-radius: 0;
+}
+.select2-container--default .select2-search--dropdown .select2-search__field{
+    border-radius: 0;
+}
+.select2-container--default .select2-selection--single{
+    height: 35px;
+    border-radius: 0;
+}
+.select2-selection--single .select2-selection__arrow:after{
+    content: '' !important;
+}
+.select2-container--open .select2-selection--single .select2-selection__arrow:after{
+    content: '' !important;
+}
+.select2-search--dropdown:after{
+    content: '' !important;
+}

webroot/css/smart-menu.css

@@ -0,0 +1,122 @@
+/*
+ You probably do not need to edit this at all.
+
+ Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
+ These are theme independent and should work with any Bootstrap 3 theme mod.
+*/
+/* sub menus arrows on desktop */
+.navbar-nav:not(.sm-collapsible) ul .caret {
+	position: absolute;
+	right: 0;
+	margin-top: 6px;
+	margin-right: 15px;
+	border-top: 4px solid transparent;
+	border-bottom: 4px solid transparent;
+	border-left: 4px dashed;
+}
+.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
+	padding-right: 30px;
+}
+/* make sub menu arrows look like +/- buttons in collapsible mode */
+.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
+	position: absolute;
+	right: 0;
+	margin: -3px 15px 0 0;
+	padding: 0;
+	width: 32px;
+	height: 26px;
+	line-height: 24px;
+	text-align: center;
+	border-width: 1px;
+ 	border-style: solid;
+}
+.navbar-nav.sm-collapsible .caret:before {
+	content: '+';
+	font-family: monospace;
+	font-weight: bold;
+}
+.navbar-nav.sm-collapsible .open > a > .caret:before {
+	content: '-';
+}
+.navbar-nav.sm-collapsible a.has-submenu {
+	padding-right: 50px;
+}
+/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
+.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
+	position: static;
+	margin: 0 0 0 2px;
+	padding: 0;
+	width: 0;
+	height: 0;
+	border-top: 4px dashed;
+	border-right: 4px solid transparent;
+	border-bottom: 0;
+	border-left: 4px solid transparent;
+}
+.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
+	content: '' !important;
+}
+.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
+	padding-right: 15px;
+}
+/* scrolling arrows for tall menus */
+.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
+	position: absolute;
+	display: none;
+	visibility: hidden;
+	height: 20px;
+	overflow: hidden;
+	text-align: center;
+}
+.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
+	position: absolute;
+	top: -2px;
+	left: 50%;
+	margin-left: -8px;
+	width: 0;
+	height: 0;
+	overflow: hidden;
+	border-top: 7px dashed transparent;
+	border-right: 7px dashed transparent;
+	border-bottom: 7px solid;
+	border-left: 7px dashed transparent;
+}
+.navbar-nav span.scroll-down-arrow {
+	top: 6px;
+	border-top: 7px solid;
+	border-right: 7px dashed transparent;
+	border-bottom: 7px dashed transparent;
+	border-left: 7px dashed transparent;
+}
+/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
+.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
+.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
+	padding-left: 35px;
+}
+.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
+.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
+	padding-left: 45px;
+}
+.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
+.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
+	padding-left: 55px;
+}
+.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
+.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
+	padding-left: 65px;
+}
+/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
+.navbar-nav .dropdown-menu > li > a {
+	white-space: normal;
+}
+.navbar-nav ul.sm-nowrap > li > a {
+	white-space: nowrap;
+}
+.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
+	white-space: normal;
+}
+/* fix .navbar-right subs alignment */
+.navbar-right ul.dropdown-menu {
+	left: 0;
+	right: auto;
+}

webroot/css/switch.css

@@ -0,0 +1,717 @@
+.onoffswitch {
+    position: relative;
+    width: 90px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.onoffswitch-checkbox {
+    display: none;
+}
+
+.onoffswitch-label {
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    border: 2px solid #999999;
+    border-radius: 20px;
+}
+
+.onoffswitch-inner {
+    display: block;
+    width: 200%;
+    margin-left: -100%;
+    -moz-transition: margin 0.3s ease-in 0s;
+    -webkit-transition: margin 0.3s ease-in 0s;
+    -o-transition: margin 0.3s ease-in 0s;
+    transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch-inner:before, .onoffswitch-inner:after {
+    display: block;
+    float: left;
+    width: 50%;
+    height: 30px;
+    padding: 0;
+    line-height: 30px;
+    font-size: 14px;
+    color: white;
+    font-family: Trebuchet, Arial, sans-serif;
+    font-weight: bold;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.onoffswitch-inner:before {
+    content: "YES";
+    padding-left: 10px;
+    background-color: #2FCCFF;
+    color: #FFFFFF;
+}
+
+.onoffswitch-inner:after {
+    content: "NO";
+    padding-right: 10px;
+    background-color: #EEEEEE;
+    color: #999999;
+    text-align: right;
+}
+
+.onoffswitch-switch {
+    display: block;
+    width: 18px;
+    margin: 6px;
+    background: #FFFFFF;
+    border: 2px solid #999999;
+    border-radius: 20px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 56px;
+    -moz-transition: all 0.3s ease-in 0s;
+    -webkit-transition: all 0.3s ease-in 0s;
+    -o-transition: all 0.3s ease-in 0s;
+    transition: all 0.3s ease-in 0s;
+}
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
+    margin-left: 0;
+}
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
+    right: 0px;
+}
+
+
+.onoffswitch1 {
+    position: relative;
+    width: 90px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.onoffswitch1-checkbox {
+    display: none;
+}
+
+.onoffswitch1-label {
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    border: 2px solid #999999;
+    border-radius: 30px;
+}
+
+.onoffswitch1-inner {
+    display: block;
+    width: 200%;
+    margin-left: -100%;
+    -moz-transition: margin 0.3s ease-in 0s;
+    -webkit-transition: margin 0.3s ease-in 0s;
+    -o-transition: margin 0.3s ease-in 0s;
+    transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch1-inner:before, .onoffswitch1-inner:after {
+    display: block;
+    float: left;
+    width: 50%;
+    height: 30px;
+    padding: 0;
+    line-height: 30px;
+    font-size: 14px;
+    color: white;
+    font-family: Trebuchet, Arial, sans-serif;
+    font-weight: bold;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border-radius: 30px;
+    box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset;
+}
+
+.onoffswitch1-inner:before {
+    content: "On";
+    padding-right: 20px;
+    background-color: green;
+    color: #FFFFFF;
+    border-radius: 30px 0 0 30px;
+}
+
+.onoffswitch1-inner:after {
+    content: "Off";
+    padding-left: 20px;
+    background-color: red;
+    color: #FFFFFF;
+    text-align: center;
+    border-radius: 0 30px 30px 0;
+}
+
+.onoffswitch1-switch {
+    display: block;
+    width: 34px;
+    margin: 0px;
+    background: #FFFFFF;
+    border: 2px solid #999999;
+    border-radius: 30px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 59px;
+    -moz-transition: all 0.3s ease-in 0s;
+    -webkit-transition: all 0.3s ease-in 0s;
+    -o-transition: all 0.3s ease-in 0s;
+    transition: all 0.3s ease-in 0s;
+    background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
+    background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
+    background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
+    background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
+    box-shadow: 0 1px 1px white inset;
+}
+
+.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
+    margin-left: 0;
+}
+
+.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
+    right: 0px;
+}
+
+.onoffswitch2 {
+    position: relative;
+    width: 90px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.onoffswitch2-checkbox {
+    display: none;
+}
+
+.onoffswitch2-label {
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    border: 2px solid #999999;
+    border-radius: 5px;
+}
+
+.onoffswitch2-inner {
+    display: block;
+    width: 200%;
+    margin-left: -100%;
+    -moz-transition: margin 0.3s ease-in 0s;
+    -webkit-transition: margin 0.3s ease-in 0s;
+    -o-transition: margin 0.3s ease-in 0s;
+    transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch2-inner:before, .onoffswitch2-inner:after {
+    display: block;
+    float: left;
+    width: 50%;
+    height: 30px;
+    padding: 0;
+    line-height: 30px;
+    font-size: 14px;
+    color: white;
+    font-family: Trebuchet, Arial, sans-serif;
+    font-weight: bold;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.onoffswitch2-inner:before {
+    content: "YES";
+    padding-left: 10px;
+    background-color: #2FCCFF;
+    color: #FFFFFF;
+}
+
+.onoffswitch2-inner:after {
+    content: "NO";
+    padding-right: 10px;
+    background-color: #EEEEEE;
+    color: #999999;
+    text-align: right;
+}
+
+.onoffswitch2-switch {
+    display: block;
+    width: 18px;
+    margin: 0px;
+    background: #FFFFFF;
+    border: 2px solid #999999;
+    border-radius: 5px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 68px;
+    -moz-transition: all 0.3s ease-in 0s;
+    -webkit-transition: all 0.3s ease-in 0s;
+    -o-transition: all 0.3s ease-in 0s;
+    transition: all 0.3s ease-in 0s;
+    background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
+    background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
+    background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
+    background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
+}
+
+.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
+    margin-left: 0;
+}
+
+.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
+    right: 0px;
+}
+
+.onoffswitch3 {
+    position: relative;
+    width: 90px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.onoffswitch3-checkbox {
+    display: none;
+}
+
+.onoffswitch3-label {
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    border: 0px solid #999999;
+    border-radius: 0px;
+}
+
+.onoffswitch3-inner {
+    display: block;
+    width: 200%;
+    margin-left: -100%;
+    -moz-transition: margin 0.3s ease-in 0s;
+    -webkit-transition: margin 0.3s ease-in 0s;
+    -o-transition: margin 0.3s ease-in 0s;
+    transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch3-inner > span {
+    display: block;
+    float: left;
+    position: relative;
+    width: 50%;
+    height: 30px;
+    padding: 0;
+    line-height: 30px;
+    font-size: 14px;
+    color: white;
+    font-family: Trebuchet, Arial, sans-serif;
+    font-weight: bold;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.onoffswitch3-inner .onoffswitch3-active {
+    padding-left: 10px;
+    background-color: #EEEEEE;
+    color: #FFFFFF;
+}
+
+.onoffswitch3-inner .onoffswitch3-inactive {
+    padding-right: 10px;
+    background-color: #EEEEEE;
+    color: #FFFFFF;
+    text-align: right;
+}
+
+.onoffswitch3-switch {
+    display: block;
+    width: 18px;
+    margin: 0px;
+    text-align: center;
+    border: 0px solid #999999;
+    border-radius: 0px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+}
+
+.onoffswitch3-active .onoffswitch3-switch {
+    background: #27A1CA;
+    left: 0;
+}
+
+.onoffswitch3-inactive .onoffswitch3-switch {
+    background: #A1A1A1;
+    right: 0;
+}
+
+.onoffswitch3-active .onoffswitch3-switch:before {
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 18px;
+    border-style: solid;
+    border-color: #27A1CA transparent transparent #27A1CA;
+    border-width: 15px 9px;
+}
+
+
+.onoffswitch3-inactive .onoffswitch3-switch:before {
+    content: " ";
+    position: absolute;
+    top: 0;
+    right: 18px;
+    border-style: solid;
+    border-color: transparent #A1A1A1 #A1A1A1 transparent;
+    border-width: 15px 9px;
+}
+
+
+.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
+    margin-left: 0;
+}
+
+.onoffswitch4 {
+    position: relative;
+    width: 90px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+.onoffswitch4-checkbox {
+    display: none;
+}
+
+.onoffswitch4-label {
+    display: block;
+    overflow: hidden;
+    cursor: pointer;
+    border: 2px solid #27A1CA;
+    border-radius: 0px;
+}
+
+.onoffswitch4-inner {
+    display: block;
+    width: 200%;
+    margin-left: -100%;
+    -moz-transition: margin 0.3s ease-in 0s;
+    -webkit-transition: margin 0.3s ease-in 0s;
+    -o-transition: margin 0.3s ease-in 0s;
+    transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch4-inner:before, .onoffswitch4-inner:after {
+    display: block;
+    float: left;
+    width: 50%;
+    height: 30px;
+    padding: 0;
+    line-height: 26px;
+    font-size: 14px;
+    color: white;
+    font-family: Trebuchet, Arial, sans-serif;
+    font-weight: bold;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+}
+
+.onoffswitch4-inner:before {
+    content: "Yes";
+    padding-left: 10px;
+    background-color: #FFFFFF;
+    color: #27A1CA;
+}
+
+.onoffswitch4-inner:after {
+    content: "No";
+    padding-right: 10px;
+    background-color: #FFFFFF;
+    color: #666666;
+    text-align: right;
+}
+
+.onoffswitch4-switch {
+    display: block;
+    width: 25px;
+    margin: 0px;
+    background: #27A1CA;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 65px;
+    -moz-transition: all 0.3s ease-in 0s;
+    -webkit-transition: all 0.3s ease-in 0s;
+    -o-transition: all 0.3s ease-in 0s;
+    transition: all 0.3s ease-in 0s;
+}
+
+.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-inner {
+    margin-left: 0;
+}
+
+.onoffswitch4-checkbox:checked + .onoffswitch4-label .onoffswitch4-switch {
+    right: 0px;
+}
+
+
+.cmn-toggle {
+    position: absolute;
+    margin-left: -9999px;
+    visibility: hidden;
+}
+
+.cmn-toggle + label {
+    display: block;
+    position: relative;
+    cursor: pointer;
+    outline: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+input.cmn-toggle-round-flat + label {
+    padding: 2px;
+    width: 75px;
+    height: 30px;
+    background-color: #dddddd;
+    -webkit-border-radius: 60px;
+    -moz-border-radius: 60px;
+    -ms-border-radius: 60px;
+    -o-border-radius: 60px;
+    border-radius: 60px;
+    -webkit-transition: background 0.4s;
+    -moz-transition: background 0.4s;
+    -o-transition: background 0.4s;
+    transition: background 0.4s;
+}
+
+input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
+    display: block;
+    position: absolute;
+    content: "";
+}
+
+input.cmn-toggle-round-flat + label:before {
+    top: 2px;
+    left: 2px;
+    bottom: 2px;
+    right: 2px;
+    background-color: #fff;
+    -webkit-border-radius: 60px;
+    -moz-border-radius: 60px;
+    -ms-border-radius: 60px;
+    -o-border-radius: 60px;
+    border-radius: 60px;
+    -webkit-transition: background 0.4s;
+    -moz-transition: background 0.4s;
+    -o-transition: background 0.4s;
+    transition: background 0.4s;
+}
+
+input.cmn-toggle-round-flat + label:after {
+    top: 4px;
+    left: 4px;
+    bottom: 4px;
+    width: 22px;
+    background-color: #dddddd;
+    -webkit-border-radius: 52px;
+    -moz-border-radius: 52px;
+    -ms-border-radius: 52px;
+    -o-border-radius: 52px;
+    border-radius: 52px;
+    -webkit-transition: margin 0.4s, background 0.4s;
+    -moz-transition: margin 0.4s, background 0.4s;
+    -o-transition: margin 0.4s, background 0.4s;
+    transition: margin 0.4s, background 0.4s;
+}
+
+input.cmn-toggle-round-flat:checked + label {
+    background-color: #27A1CA;
+}
+
+input.cmn-toggle-round-flat:checked + label:after {
+    margin-left: 45px;
+    background-color: #27A1CA;
+}
+
+div.switch5 {
+    clear: both;
+    margin: 0px 0px;
+}
+
+div.switch5 > input.switch:empty {
+    margin-left: -999px;
+}
+
+div.switch5 > input.switch:empty ~ label {
+    position: relative;
+    float: left;
+    line-height: 1.6em;
+    text-indent: 4em;
+    margin: 0.2em 0px;
+    cursor: pointer;
+    -moz-user-select: none;
+}
+
+div.switch5 > input.switch:empty ~ label:before, input.switch:empty ~ label:after {
+    position: absolute;
+    display: block;
+    top: 0px;
+    bottom: 0px;
+    left: 0px;
+    content: "off";
+    width: 3.6em;
+    height: 1.5em;
+    text-indent: 2.4em;
+    color: rgb(153, 0, 0);
+    background-color: rgb(204, 51, 51);
+    border-radius: 0.3em;
+    box-shadow: 0px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
+}
+
+div.switch5 > input.switch:empty ~ label:after {
+    content: " ";
+    width: 1.4em;
+    height: 1.5em;
+    top: 0.1em;
+    bottom: 0.1em;
+    text-align: center;
+    text-indent: 0px;
+    margin-left: 0.1em;
+    color: rgb(255, 136, 136);
+    background-color: rgb(255, 255, 255);
+    border-radius: 0.15em;
+    box-shadow: 0px -0.2em 0px rgba(0, 0, 0, 0.2) inset;
+    transition: all 100ms ease-in 0s;
+}
+
+div.switch5 > input.switch:checked ~ label:before {
+    content: "on";
+    text-indent: 0.5em;
+    color: rgb(102, 255, 102);
+    background-color: rgb(51, 153, 51);
+}
+
+div.switch5 > input.switch:checked ~ label:after {
+    margin-left: 2.1em;
+    color: rgb(102, 204, 102);
+}
+
+div.switch5 > input.switch:focus ~ label {
+    color: rgb(0, 0, 0);
+}
+
+div.switch5 > input.switch:focus ~ label:before {
+    box-shadow: 0px 0px 0px 3px rgb(153, 153, 153);
+}
+
+
+.switch6 {
+    max-width: 17em;
+    margin: 0 auto;
+}
+
+.switch6-light > span, .switch-toggle > span {
+    color: #000000;
+}
+
+.switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label {
+    color: #2b2b2b;
+}
+
+.switch-toggle a,
+.switch6-light span span {
+    display: none;
+}
+
+.switch6-light {
+    display: block;
+    height: 30px;
+    position: relative;
+    overflow: visible;
+    padding: 0px;
+    margin-left: 0px;
+}
+
+.switch6-light * {
+    box-sizing: border-box;
+}
+
+.switch6-light a {
+    display: block;
+    transition: all 0.3s ease-out 0s;
+}
+
+.switch6-light label,
+.switch6-light > span {
+    line-height: 30px;
+    vertical-align: middle;
+}
+
+.switch6-light label {
+    font-weight: 700;
+    margin-bottom: px;
+    max-width: 100%;
+}
+
+.switch6-light input:focus ~ a, .switch6-light input:focus + label {
+    outline: 1px dotted rgb(136, 136, 136);
+}
+
+.switch6-light input {
+    position: absolute;
+    opacity: 0;
+    z-index: 5;
+}
+
+.switch6-light input:checked ~ a {
+    right: 0%;
+}
+
+.switch6-light > span {
+    position: absolute;
+    left: -100px;
+    width: 100%;
+    margin: 0px;
+    padding-right: 100px;
+    text-align: left;
+}
+
+.switch6-light > span span {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 5;
+    display: block;
+    width: 50%;
+    margin-left: 100px;
+    text-align: center;
+}
+
+.switch6-light > span span:last-child {
+    left: 50%;
+}
+
+.switch6-light a {
+    position: absolute;
+    right: 50%;
+    top: 0px;
+    z-index: 4;
+    display: block;
+    width: 50%;
+    height: 100%;
+    padding: 0px;
+}

webroot/css/timepick.css

@@ -0,0 +1,110 @@
+
+/* 
+Created on: 17 Sep, 2014, 4:29:37 PM
+Author: senthil
+*/
+
+.ti_tx,
+.mi_tx,
+.mer_tx {
+	width: 100%;
+	text-align: center;
+	margin: 10px 0;
+}
+
+.time,
+.mins,
+.meridian {
+	width: 60px;
+	float: left;
+	margin: 0 10px;
+	font-size: 20px;
+	color: #2d2e2e;
+	font-family: arial;
+	font-weight: 700;
+}
+
+.timepicker_wrap .prev,
+.timepicker_wrap .next {
+	cursor: pointer;
+	padding: 18px;
+	width: 28%;
+	border: 1px solid #ccc;
+	margin: auto;
+	background: url(../images/arrow.png) no-repeat;
+	border-radius: 5px;
+}
+
+.timepicker_wrap .prev:hover,
+.timepicker_wrap .next:hover {
+	background-color: #ccc;
+}
+
+.timepicker_wrap .next {
+	background-position: 50% 150%;
+}
+
+.timepicker_wrap .prev {
+	background-position: 50% -50%;
+}
+
+.time_pick {
+	position: relative;
+}
+
+.timepicker_wrap {
+	padding: 10px;
+	border-radius: 5px;
+	z-index: 998;
+	display: none;
+	box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
+	background: #f6f6f6;
+	border: 1px solid #ccc;
+	float: left;
+	position: absolute;
+	top: 27px;
+	width:265px;
+	left:-172px !important;
+	left: 0;
+}
+
+.arrow_top {
+	position: absolute;
+	top: -10px;
+	left: 215px;
+	background: url(../images/top_arr.png) no-repeat;
+	width: 18px;
+	height: 10px;
+	z-index: 999;
+}
+input.timepicki-input {
+	background: none repeat scroll 0 0 #FFFFFF;
+    	border: 1px solid #CCCCCC;
+    	border-radius: 5px 5px 5px 5px;
+    	float: none;
+    	margin: 0;
+    	text-align: center;
+    	width: 70%;
+}
+a.reset_time {
+	float: left;
+	margin-top: 5px;
+	color: #000;
+}
+@media screen and (max-width: 767px){
+	.timepicker_wrap {
+	padding: 10px;
+	border-radius: 5px;
+	z-index: 998;
+	display: none;
+	box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
+	background: #f6f6f6;
+	border: 1px solid #ccc;
+	float: left;
+	position: absolute;
+	top: 27px;
+	width:265px;
+	left:0px !important;
+	left: 0;
+}
+}

webroot/css/tinymce.css

@@ -0,0 +1,9 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Nov 18, 2020, 2:28:20 PM
+    Author     : USER
+*/

webroot/css/velocity.css

@@ -0,0 +1,409 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Sep 2, 2020, 11:50:08 AM
+    Author     : CHTL
+*/
+
+.df-loader {
+    display: none;
+    top: 26px;
+    position: absolute;
+    z-index: 1000;
+    height: 35px;
+    right: -40px;
+}
+
+.content {
+    position: relative !important;
+}
+
+.client-status img {
+    display: none;
+    position: absolute;
+    top: 8px;
+    right: -6px;
+    height: 18px;
+}
+
+.letter-stream-content .checkbox {
+    padding-top: 0 !important;
+}
+
+.letter-stream-content .form-control {
+    height: 27px;
+    padding: 3px 10px;
+}
+
+.dataTable thead .sorting_desc:after {
+    content: '' !important;
+}
+
+#date-time-picker .datepicker .table-condensed td,
+.datepicker .table-condensed th {
+    padding: 5px 8px !important;
+}
+
+.datepicker {
+    position: relative;
+    z-index: 10000 !important;
+}
+
+.select2-container {
+    width: 100% !important;
+}
+
+.select2-container--open .select2-dropdown--above {
+    border-radius: 0;
+}
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+    border-radius: 0;
+}
+
+.select2-container--default .select2-selection--single {
+    height: 35px;
+    border-radius: 0;
+}
+
+.select2-selection--single .select2-selection__arrow:after {
+    content: '' !important;
+}
+
+.select2-container--open .select2-selection--single .select2-selection__arrow:after {
+    content: '' !important;
+}
+
+.select2-search--dropdown:after {
+    content: '' !important;
+}
+
+.dload label {
+    font-weight: bold;
+}
+
+.not-allowed {
+    cursor: not-allowed;
+}
+
+#before-saving-modal .modal-dialog {
+    width: 670px;
+}
+
+.dataTable thead .sorting:before,
+.dataTable thead .sorting:after,
+.dataTable thead .sorting:after,
+.dataTable thead .sorting_asc:after,
+.dataTables_filter > label:after {
+    content: '';
+    margin: 0;
+    padding: 0;
+}
+
+.ka-main-content {
+    text-align: left !important;
+}
+
+swal-overlay {
+    overflow-y: auto !important;
+}
+
+.swal-button--defeat {
+    color: #fff !important;
+    background-color: #ff4545 !important;
+}
+
+.swal-button--cancel {
+    color: #fff !important;
+    background-color: #5dbd72 !important;
+}
+
+.swal-button {
+    background-color: #5dbd72;
+    color: #fff;
+}
+
+.swal-title:first-child {
+    margin-top: 0;
+}
+
+.swal-title {
+    margin: 0px;
+    font-size: 16px;
+    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.21);
+    margin-bottom: 28px;
+    background: #3c8dbc;
+    color: #f7f7f7;
+    border-radius: 5px 5px 0 0;
+}
+
+.acc-issues-div {
+    margin-top: -15px;
+}
+
+li.select2-selection__choice {
+    background-color: #3c8dbc !important;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+    color: black;
+}
+
+.select2-container--default .select2-selection--multiple {
+    border: 1px solid #d2d6de;
+    border-radius: 0;
+}
+
+.select2-container .select2-search--inline .select2-search__field {
+    margin-left: 5px;
+}
+
+.acc-other-type {
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    width: 105px;
+    height: 20px;
+    padding: 0;
+    padding-left: 5px;
+}
+
+.dest-checkbox {
+}
+
+.dest-checkbox ul,
+.att-checkbox ul {
+    margin: 0;
+    padding: 0;
+}
+
+.dest-checkbox ul li,
+.att-checkbox ul li {
+    float: left;
+    padding: 10px;
+}
+
+.modal-dialog {
+    width: 1000px;
+}
+
+@media only screen and (max-width: 600px) {
+    .modal-dialog {
+        width: 100%;
+    }
+}
+
+.velocity-user-hide {
+    display: none !important;
+}
+
+#dropbox-authorize-modal .modal-dialog {
+    width: 600px !important;
+    margin: 30px auto !important;
+}
+
+#before-saving-modal .modal-header, #dropbox-authorize-modal .modal-header {
+    min-height: 44px !important;
+    background: #3c8dbc;
+    color: white;
+}
+
+#before-saving-modal .modal-header .modal-title {
+    color: white;
+    line-height: 125%;
+    padding-right: 50px;
+    padding-bottom: 10px;
+}
+
+.letter-stream-content {
+    max-height: 500px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+@media only screen and (max-width: 767px) {
+    .modal-dialog {
+        width: auto !important;
+    }
+
+    .letter-stream-content {
+        overflow-x: auto;
+    }
+}
+
+.padding_left_0 {
+    padding-left: 0 !important;
+}
+
+.dataTables_length {
+    margin-left: 0
+}
+
+.dropdown-x {
+    /* position: absolute; */
+    /* top: 50%; */
+    /* transform: translateY(-50%); */
+    width: 100%;
+    margin-right: 31px;
+    z-index: 99;
+}
+
+.dropdown-x dd,
+.dropdown-x dt {
+    margin: 0px;
+    padding: 0px;
+}
+
+.dropdown-x ul {
+    margin: -1px 0 0 0;
+}
+
+.dropdown-x dd {
+    position: relative;
+    width: 100%;
+    z-index: 999 !important;
+}
+
+.dropdown-x a,
+.dropdown-x a:visited {
+    color: #333;
+    text-decoration: none;
+    outline: none;
+    font-size: 12px;
+}
+
+.dropdown-x dt a {
+    background-color: #fff;
+    display: block;
+    padding: 6px;
+    min-height: 34px;
+    overflow: hidden;
+    width: 100%;
+    border: 1px solid #d2d6de;
+}
+
+.hida {
+    cursor: pointer;
+    display: inline-block;
+    padding: 0 3px 2px 0;
+    background: #3c8dbc;
+    color: #fff;
+    margin-left: 2px;
+    margin-bottom: 2px;
+    border-radius: 4px;
+    padding: 0 5px;
+    font-weight: normal;
+    font-size: 14px;
+}
+
+.dropdown-x dd ul {
+    background-color: #fff;
+    border: 0;
+    color: #333;
+    display: none;
+    left: 0px;
+    padding: 2px 15px 2px 5px;
+    position: absolute;
+    top: 2px;
+    width: 100%;
+    list-style: none;
+    max-height: 300px;
+    height: auto;
+    overflow-y: auto;
+    border: 1px solid black;
+    overflow-x: hidden;
+}
+
+.dropdown-x span.value {
+    display: none;
+}
+
+.dropdown-x dd ul li a {
+    padding: 5px;
+    display: block;
+}
+
+.dropdown-x dd ul li a:hover {
+    background-color: #fff;
+}
+
+dl {
+    margin-bottom: 0;
+}
+
+.choose-dest {
+    font-size: 14px;
+    font-weight: normal;
+    color: #a9a9a9;
+}
+
+.multiSel {
+    margin-bottom: 0;
+}
+
+.view-img img {
+    width: auto;
+    margin: 0 auto;
+    display: block;
+    padding: 15px;
+    height: 100px;
+}
+
+.disable-elem {
+    background-color: #eee !important;
+    opacity: 1;
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
+.disable-elem-download {
+    background-color: #eee !important;
+    opacity: 1;
+    cursor: not-allowed;
+    pointer-events: none;
+}
+
+img#client-file-load {
+    position: absolute;
+    z-index: 99999999;
+    left: 50%;
+    width: 120px;
+    top: 20rem;
+    margin-left: -60px;
+    display: none;
+}
+
+.rebuttal-class {
+    margin-top: 120px;
+    text-align: right;
+    width: 100%;
+}
+
+.rebuttal-class1 {
+    margin-top: 112px;
+}
+
+.rebuttal-class3 {
+    margin-top: 100px;
+    text-align: right;
+    width: 100%;
+}
+
+.rebuttal-class4 {
+    margin-top: 100px;
+}
+
+.client-status img {
+    display: none;
+    position: absolute;
+    top: 8px;
+    right: -6px;
+    height: 18px;
+}
+
+.affiliate-hide {
+    display: none;
+}

webroot/css/youtube.css

@@ -0,0 +1,32 @@
+
+.hytPlayerWrap.ended::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    cursor: pointer;
+    background-color: black;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 128px 128px;
+     background-image: url("https://cdn1.iconfinder.com/data/icons/pointed-edge-web-navigation/107/redo-512.png");
+    }
+
+.hytPlayerWrap.paused::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: calc(100%);
+    height: auto;
+    cursor: pointer;
+    background-color: black;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 128px 128px;
+    background-image: url("https://i.ya-webdesign.com/images/play-button-png-16.png");  
+}