wj-elements 0.0.0

package/dist/style.css

@@ -0,0 +1,2366 @@
+@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600");@import url("https://keplerapis.com/fonts/css?family=Inter+UI:300,400,500,600");
+
+
+/*!
+* direction.scss
+*/
+/* Skeleton Variables */
+:root {
+  --wj-color: #212529;
+  --wj-font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --wj-font-family-secondary: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --wj-font-size: 14px;
+  --wj-line-height: 21px;
+  --wj-color-contrast: #212529;
+  --wj-border-radius: 8px;
+  --wj-border-color: rgba(0, 0, 0, 0.08) !important;
+  --wj-border-size: 0px;
+  --wj-border-style: solid;
+}
+/*------------------------------------------------------------------
+[5@mixin  Typography]
+*/
+/* Standard elements
+--------------------------------------------------
+*/
+html {
+  font-size: 100%;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  color: #4b4b4b;
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  letter-spacing: 0.01em;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+  -moz-font-feature-settings: "kern" 1;
+  margin: 0;
+  padding: 0 !important;
+}
+/* Headings
+------------------------------------
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 10px 0;
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  font-weight: 500;
+  color: inherit;
+  display: inline-block;
+}
+h1 {
+  font-size: 34px;
+  line-height: 44px;
+  letter-spacing: -0.0141279em;
+}
+h2 {
+  font-size: 26px;
+  line-height: 34px;
+  letter-spacing: -0.021em;
+}
+h3 {
+  font-size: 22px;
+  line-height: 28px;
+  letter-spacing: -0.0114923em;
+}
+h4 {
+  font-size: 20px;
+  line-height: 26px;
+  letter-spacing: -0.00865734em;
+}
+h5 {
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: -0.00630069em;
+}
+h3 small,
+h4 small,
+h5 small {
+  font-weight: 300;
+}
+h1.block,
+h2.block,
+h3.block,
+h4.block,
+h5.block,
+h6.block {
+  padding-bottom: 10px;
+}
+/* Lins and Others
+------------------------------------
+*/
+a {
+  text-shadow: none !important;
+  color: #4e37b6;
+  transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
+  font-weight: 500;
+}
+a:focus,
+a:hover,
+a:active {
+  color: #7252D3;
+}
+a,
+a:focus,
+a:hover,
+a:active {
+  outline: 0 !important;
+  text-decoration: none;
+}
+a[ng-click] {
+  cursor: pointer;
+}
+a.no-style {
+  color: inherit;
+  font-weight: normal;
+}
+br {
+  line-height: normal;
+  clear: both;
+}
+p {
+  display: block;
+  color: inherit;
+  font-size: 14px;
+  font-weight: normal;
+  letter-spacing: 0.00177646em;
+  line-height: 21px;
+  margin: 0px 0px 10px 0px;
+  font-style: normal;
+  white-space: normal;
+}
+small,
+.small {
+  line-height: 18px;
+  font-size: 85.714%;
+}
+label.inline {
+  display: inline-block;
+  position: relative;
+  top: 0px;
+  font-size: 13px;
+}
+ul,
+ol {
+  margin-bottom: 10px;
+}
+ul > li,
+ol > li {
+  padding-left: 3px;
+  line-height: 24px;
+}
+ul.lg-icon > li,
+ol.lg-icon > li {
+  font-size: 21px;
+}
+ul.lg-icon > li span,
+ol.lg-icon > li span {
+  font-size: 14px;
+}
+ul.no-style,
+ol.no-style {
+  list-style: none;
+  padding-left: 5px;
+}
+address {
+  margin-bottom: 0px;
+}
+address a {
+  color: #4b4b4b;
+}
+blockquote {
+  padding: 4px 0 0 18px;
+  border-left: 0;
+}
+blockquote:before {
+  content: "\e95d";
+  font-family: "pages-icon";
+  font-size: 20px;
+  margin-right: 6px;
+  float: left;
+  position: relative;
+  top: -12px;
+}
+blockquote p {
+  font-size: 16px;
+  margin-bottom: 4px;
+}
+blockquote small {
+  line-height: 29px;
+  color: #4b4b4b;
+}
+blockquote small:before {
+  content: "—";
+  margin-right: 6px;
+}
+blockquote.pull-right {
+  border-right: 0;
+}
+blockquote.pull-right:before {
+  float: right;
+  font-family: "pages-icon";
+  content: "\e95d";
+  margin-left: 6px;
+  margin-right: 0;
+}
+blockquote.pull-right small {
+  padding-right: 30px;
+}
+blockquote.pull-right small:after {
+  content: "";
+}
+hr {
+  border-color: #e0e0e0;
+}
+hr.double {
+  border-width: 2px;
+}
+hr.dotted {
+  border-style: dotted none none;
+}
+.ff-sup {
+  font-feature-settings: "kern" 1, "sups" 1;
+  -webkit-font-feature-settings: "kern" 1, "sups" 1;
+  -ms-font-feature-settings: "kern" 1, "sups" 1;
+  -moz-font-feature-settings: "kern" 1, "sups" 1;
+}
+.ff-sub {
+  font-feature-settings: "kern" 1, "subs" 1;
+  -webkit-font-feature-settings: "kern" 1, "subs" 1;
+  -ms-font-feature-settings: "kern" 1, "subs" 1;
+  -moz-font-feature-settings: "kern" 1, "subs" 1;
+}
+/* Standard HTML Typography tags
+------------------------------------
+*/
+code {
+  color: #757575;
+  background-color: rgba(33, 33, 33, 0.05);
+  font-size: 97%;
+  position: relative;
+  line-height: inherit;
+  border-radius: 3px;
+  padding: 5px 7px;
+  margin: 0;
+}
+code:hover {
+  color: #0072EC;
+}
+code.code-sm {
+  padding: 3px 6px;
+}
+figcaption {
+  font-size: 13px;
+  margin-top: 10px;
+  font-weight: 400;
+  display: block;
+  letter-spacing: 0.008em;
+  text-align: center;
+  color: #757575;
+  line-height: 1.46;
+}
+em {
+  font-style: italic !important;
+  font-family: inherit;
+  font-weight: inherit;
+}
+ins {
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  border-bottom: 1px solid #d0d0d0;
+  text-decoration: none;
+  color: #4b4b4b;
+  font-weight: normal;
+  font-size: 94%;
+}
+cite {
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 300;
+  color: #757575;
+  text-decoration: none;
+  font-style: normal;
+  hanging-punctuation: first;
+}
+sup {
+  top: -0.28em;
+  font-size: 70%;
+}
+sub {
+  bottom: 0.03em;
+}
+var {
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-feature-settings: "calt" 1, "tnum" 1, "frac" 1, "case" 1, "ss01" 1, "cv11" 1;
+}
+abbr {
+  text-decoration: none;
+  letter-spacing: 0.01em;
+  background-color: transparent;
+  border-bottom: 2px solid #ffba5a;
+  transition-property: color, background, border;
+  transition-duration: 0.15s;
+  transition-timing-function: linear;
+  text-decoration: none;
+  color: #4b4b4b;
+  border-bottom-color: #ffba5a;
+  -webkit-text-stroke: 0.18px;
+}
+q {
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 500;
+  font-size: 20px;
+  hanging-punctuation: first;
+}
+q:before {
+  content: "“";
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 35px;
+}
+q:after {
+  content: "”";
+  font-size: 35px;
+  color: rgba(0, 0, 0, 0.44);
+}
+audio {
+  margin-top: 42px;
+}
+hr {
+  clear: both;
+  margin-bottom: 42px;
+  margin-top: 42px;
+  border: 0;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
+}
+address {
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-style: normal;
+  margin: 0 0 1.75em;
+  font-size: 14px;
+  line-height: 24px;
+  margin-top: 24px;
+}
+abbr {
+  text-decoration: none;
+  letter-spacing: 0.01em;
+  background-color: transparent;
+  border-bottom: 2px solid #ffba5a;
+  transition-property: color, background, border;
+  transition-duration: 0.15s;
+  transition-timing-function: linear;
+  text-decoration: none;
+  color: #4b4b4b;
+  border-bottom-color: #ffba5a;
+  -webkit-text-stroke: 0.18px;
+}
+acronym {
+  text-decoration: none;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  background-color: transparent;
+  border-bottom: 2px solid #ffba5a;
+  transition-property: color, background, border;
+  transition-duration: 0.15s;
+  transition-timing-function: linear;
+  text-decoration: none;
+  color: #4b4b4b;
+  border-bottom-color: #ffba5a;
+  -webkit-text-stroke: 0.2px;
+}
+pre {
+  tab-size: 4;
+  font-size: 85.714%;
+  overflow-x: auto;
+  font-family: monospace, monospace;
+  line-height: 1.7;
+  counter-reset: line;
+  background-color: #f4f4f4;
+  color: #4b4b4b;
+  margin: 0px;
+  counter-reset: line;
+  padding: 17px 20px;
+  border-radius: 3px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+dt {
+  font-weight: 700;
+  margin-bottom: 5px;
+}
+dd {
+  margin: 0 0 1.75em;
+}
+kbd {
+  font-size: 85.714%;
+  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  position: relative;
+  line-height: 34px;
+  top: -3px;
+  letter-spacing: 0.01em;
+  padding: 5px 7px;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.53);
+  background-color: #fff;
+  border-radius: 3px;
+  box-shadow: 0px 2px 0px 1px #c7c7c7, 0px 1px 0px 1px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #ececec;
+}
+/* Types
+------------------------------------
+*/
+.overline {
+  text-transform: uppercase;
+  display: inline-block;
+  letter-spacing: 0.06em;
+  font-size: 11px;
+}
+/* Font Sizes
+------------------------------------
+*/
+.small-text {
+  font-size: 12px !important;
+  letter-spacing: 0.00849077em;
+  line-height: 18px;
+}
+.small-text a {
+  text-decoration: underline;
+}
+.normal-text {
+  font-size: 13px !important;
+}
+.large-text {
+  font-size: 15px !important;
+}
+/* Font Weights
+------------------------------------
+ */
+.normal {
+  font-weight: normal !important;
+}
+.semi-bold {
+  font-weight: 500 !important;
+}
+.bold {
+  font-weight: 600 !important;
+}
+.light {
+  font-weight: 300 !important;
+}
+/* Misc
+------------------------------------
+*/
+.logo {
+  margin: 18px 14px;
+}
+.all-caps {
+  text-transform: uppercase;
+  letter-spacing: 0.07em !important;
+}
+.text-uppercase {
+  text-transform: uppercase !important;
+  letter-spacing: 0.07em !important;
+}
+.muted {
+  color: #757575;
+}
+.hint-text {
+  opacity: 0.76 !important;
+}
+.no-decoration {
+  text-decoration: none !important;
+}
+.text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/* Monochrome Colors
+------------------------------------
+ */
+.bg-contrast-higher {
+  background-color: #212121 !important;
+  color: #fff;
+}
+.bg-contrast-high {
+  background-color: #4b4b4b !important;
+  color: #fff;
+}
+.bg-contrast-medium {
+  background-color: #757575 !important;
+  color: #fff;
+}
+.bg-contrast-low {
+  background-color: #e0e0e0 !important;
+  color: #4b4b4b;
+}
+.bg-contrast-lower {
+  background-color: #f4f4f4 !important;
+  color: #4b4b4b;
+}
+.bg-contrast-lowest {
+  background-color: #fff !important;
+  color: #4b4b4b;
+}
+/* Primary
+------------------------------------
+*/
+.bg-primary {
+  background-color: #7252D3 !important;
+  color: #fff;
+}
+.bg-primary-dark {
+  background-color: #4e37b6 !important;
+  color: #fff;
+}
+.bg-primary-darker {
+  background-color: #2d218f !important;
+  color: #fff;
+}
+.bg-primary-light {
+  background-color: #845ae0 !important;
+  color: #fff;
+}
+.bg-primary-lighter {
+  background-color: #eae0fb !important;
+  color: #4b4b4b;
+}
+/* Complete
+------------------------------------
+*/
+.bg-complete {
+  background-color: #0072EC !important;
+  color: #fff;
+}
+.bg-complete-dark {
+  background-color: #004fbf !important;
+  color: #fff;
+}
+.bg-complete-darker {
+  background-color: #00318e !important;
+  color: #fff;
+}
+.bg-complete-light {
+  background-color: #0f8ff9 !important;
+  color: #fff;
+}
+.bg-complete-lighter {
+  background-color: #d3eeff !important;
+  color: #4b4b4b;
+}
+/* Success
+------------------------------------
+*/
+.bg-success {
+  background-color: #19AD79 !important;
+  color: #fff;
+}
+.bg-success-dark {
+  background-color: #0d935b !important;
+  color: #fff;
+}
+.bg-success-darker {
+  background-color: #04733e !important;
+  color: #fff;
+}
+.bg-success-light {
+  background-color: #26bf93 !important;
+  color: #4b4b4b;
+}
+.bg-success-lighter {
+  background-color: #d6f7f0 !important;
+  color: #4b4b4b;
+}
+/* Info
+------------------------------------
+*/
+.bg-info {
+  background-color: #3B4752 !important;
+  color: #fff;
+}
+.bg-info-dark {
+  background-color: #2b3947;
+  color: #fff;
+}
+.bg-info-darker {
+  background-color: #1b2839;
+  color: #fff;
+}
+.bg-info-light {
+  background-color: #475b6b;
+  color: #fff;
+}
+.bg-info-lighter {
+  background-color: #dbe6e8;
+  color: #4b4b4b;
+}
+/* Danger
+------------------------------------
+*/
+.bg-danger {
+  background-color: #D83C31 !important;
+  color: #fff;
+}
+.bg-danger-dark {
+  background-color: #b91e1e;
+  color: #fff;
+}
+.bg-danger-darker {
+  background-color: #900f17;
+  color: #fff;
+}
+.bg-danger-light {
+  background-color: #e6533c;
+  color: #4b4b4b;
+}
+.bg-danger-lighter {
+  background-color: #fde2da;
+  color: #4b4b4b;
+}
+/* Warning
+------------------------------------
+ */
+.bg-warning {
+  background-color: #FFd945 !important;
+  color: #4b4b4b;
+}
+.bg-warning-dark {
+  background-color: #daab2d;
+  color: #4b4b4b;
+}
+.bg-warning-darker {
+  background-color: #aa7918;
+  color: #4b4b4b;
+}
+.bg-warning-light {
+  background-color: #ffe858;
+  color: #4b4b4b;
+}
+.bg-warning-lighter {
+  background-color: #fffde1;
+  color: #4b4b4b;
+}
+/* Menu
+------------------------------------
+*/
+.bg-menu-dark {
+  background-color: #21252d;
+  color: #fff;
+}
+.bg-menu {
+  background-color: #2b303b;
+  color: #fff;
+}
+.bg-menu-light {
+  background-color: rgb(146, 154, 172);
+  color: #4b4b4b;
+}
+/* Gradients
+------------------------------------
+*/
+.gradient-grey {
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
+}
+.gradient-black {
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
+}
+/* Other Colors
+------------------------------------
+*/
+.bg-black {
+  background-color: #000 !important;
+  color: #fff;
+}
+.bg-white {
+  background-color: #fff !important;
+  color: #4b4b4b;
+}
+.bg-transparent {
+  background-color: transparent !important;
+}
+/* Text Colors */
+.link {
+  opacity: 0.7;
+}
+.link:hover {
+  opacity: 1;
+}
+.text-dark {
+  color: #212121 !important;
+}
+.text-color {
+  color: #4b4b4b !important;
+}
+.text-primary {
+  color: #45289c !important;
+}
+.text-primary-lighter {
+  color: #eae0fb !important;
+}
+.text-complete {
+  color: #0054af !important;
+}
+.text-complete-lighter {
+  color: #d3eeff !important;
+}
+.text-success {
+  color: #148e63 !important;
+}
+.text-success-lighter {
+  color: #d6f7f0 !important;
+}
+.text-info {
+  color: #3B4752 !important;
+}
+.text-info-lighter {
+  color: #dbe6e8 !important;
+}
+.text-warning {
+  color: #927400 !important;
+}
+.text-warning-lighter {
+  color: #fffde1 !important;
+}
+.text-danger {
+  color: #b82d23 !important;
+}
+.text-danger-lighter {
+  color: #fde2da !important;
+}
+.text-black {
+  color: #000 !important;
+}
+.text-white {
+  color: #fff !important;
+}
+/* Text Aligngments
+------------------------------------
+*/
+.text-right {
+  text-align: right !important;
+}
+.text-left {
+  text-align: left !important;
+}
+.text-center {
+  text-align: center !important;
+}
+/* Labels
+------------------------------------
+*/
+.label {
+  padding: 0px 5px;
+  font-size: 11px;
+  line-height: 21px;
+  text-shadow: none;
+  background-color: #e0e0e0;
+  font-weight: 600;
+  color: #4b4b4b;
+  border-radius: 3px;
+  text-transform: uppercase;
+  display: inline-block;
+}
+.label-primary {
+  background-color: #7252D3;
+  color: #fff;
+}
+.label-primary-lighter {
+  background-color: #eae0fb;
+  color: #4e37b6;
+}
+.label-success {
+  background-color: #19AD79;
+  color: #fff;
+}
+.label-success-lighter {
+  background-color: #d6f7f0;
+  color: #0d935b;
+}
+.label-warning {
+  background-color: #FFd945;
+  color: #4b4b4b;
+}
+.label-warning-lighter {
+  background-color: #fffde1;
+  color: #daab2d;
+}
+.label-important,
+.label-danger {
+  background-color: #D83C31;
+  color: #fff;
+}
+.label-danger-lighter {
+  background-color: #fde2da;
+  color: #b91e1e;
+}
+.label-info {
+  background-color: #0072EC;
+  color: #fff;
+}
+.label-info-lighter {
+  background-color: #dbe6e8;
+  color: #2b3947;
+}
+.label-inverse {
+  background-color: #004fbf;
+  color: #fff;
+}
+.label-complete-lighter {
+  background-color: #d3eeff;
+  color: #004fbf;
+}
+.label-white {
+  background-color: #fff;
+  color: #4b4b4b;
+}
+/* Strokes
+------------------------------------
+*/
+.stroke-primary {
+  stroke: #7252D3 !important;
+}
+.stroke-complete {
+  stroke: #0072EC !important;
+}
+.stroke-success {
+  stroke: #19AD79 !important;
+}
+.stroke-info {
+  stroke: #3B4752 !important;
+}
+.stroke-warning {
+  stroke: #FFd945 !important;
+}
+.stroke-danger {
+  stroke: #D83C31 !important;
+}
+/* Font Sizes
+------------------------------------
+tracking =a+b×e(c × z)
+
+a, b and c are constants
+a = -0.0223
+b = 0.185
+c = -0.1745
+z = font size
+
+*/
+.fs-10 {
+  font-size: 10px !important;
+  letter-spacing: 0.0180093em;
+  line-height: 15px;
+}
+.fs-11 {
+  font-size: 10.5px !important;
+  letter-spacing: 0.0128359em;
+  line-height: 16px;
+}
+.fs-12 {
+  font-size: 12px !important;
+  letter-spacing: 0.00849077em;
+  line-height: 18px;
+}
+.fs-13 {
+  font-size: 13px !important;
+  letter-spacing: 0.00484144em;
+  line-height: 19px;
+}
+.fs-14 {
+  font-size: 14px !important;
+  letter-spacing: 0.00177646em;
+  line-height: 22px;
+}
+.fs-15 {
+  font-size: 15px !important;
+  letter-spacing: -0.000797757em;
+  line-height: 23px;
+}
+.fs-16 {
+  font-size: 16px !important;
+  letter-spacing: -0.00295978em;
+  line-height: 24px;
+}
+/* Line-heights
+------------------------------------
+*/
+.lh-normal {
+  line-height: normal;
+}
+.lh-10 {
+  line-height: 10px;
+}
+.lh-11 {
+  line-height: 11px;
+}
+.lh-12 {
+  line-height: 12px;
+}
+.lh-13 {
+  line-height: 13px;
+}
+.lh-14 {
+  line-height: 14px;
+}
+.lh-15 {
+  line-height: 15px;
+}
+.lh-16 {
+  line-height: 16px;
+}
+/* Font Faces
+------------------------------------
+*/
+.font-arial {
+  font-family: Arial, sans-serif !important;
+}
+.font-montserrat {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
+}
+.font-georgia {
+  font-family: Georgia !important;
+}
+.font-heading {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+.font-secondary {
+  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+/* Wells
+------------------------------------
+*/
+.well {
+  background-color: #e0e0e0;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: none !important;
+  -moz-box-shadow: none !important;
+  box-shadow: none !important;
+  border: none;
+  background-image: none;
+}
+.well.well-large {
+  padding: 24px;
+  width: auto;
+}
+.well.well-small {
+  padding: 13px;
+  width: auto;
+}
+.well.green {
+  background-color: #0072EC;
+  color: #fff;
+  border: none;
+}
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.jumbotron {
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+}
+.jumbotron p {
+  font-size: 14px;
+  font-weight: normal;
+  margin-bottom: inherit;
+}
+.jumbotron p.small {
+  font-size: 85.714%;
+}
+/* Responsive Handlers : Typo
+------------------------------------
+*/
+@media (max-width: 1400px) {
+  body,
+  p {
+    font-size: 13px;
+    line-height: 20px;
+  }
+  h1 {
+    font-size: 33px;
+    line-height: 44px;
+    letter-spacing: -0.08px;
+  }
+  h2 {
+    font-size: 28px;
+    line-height: 40px;
+  }
+  h3 {
+    font-size: 24px;
+    line-height: 35.88px;
+  }
+  h4 {
+    font-size: 18px;
+    line-height: 33.88px;
+  }
+  h5 {
+    font-size: 16px;
+    line-height: 25.88px;
+  }
+  small,
+  .small {
+    font-size: 89%;
+    line-height: 17px;
+  }
+}
+.alert > p, .alert > ul {
+  margin-bottom: 0;
+}
+.table > tbody > tr > td, .table > tbody > tr > th {
+  line-height: 1.42857143;
+}
+.table > tfoot > tr > td, .table > tfoot > tr > th {
+  line-height: 1.42857143;
+}
+.table > thead > tr > td, .table > thead > tr > th {
+  line-height: 1.42857143;
+}
+/* For Windows : Fixes
+------------------------------------
+*/
+.windows .small-text, .windows small, .windows .small {
+  -webkit-text-stroke: 0.028px;
+}
+.line-clamp-2 {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.line-clamp-3 {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.line-clamp-5 {
+  display: -webkit-box;
+  -webkit-line-clamp: 5;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.text-separator {
+  display: block;
+  text-align: center;
+  margin: 1.5rem 0;
+  width: 100%;
+  background: linear-gradient(to top, transparent 0%, transparent calc(50% - 1px), var(--color-contrast-low) calc(50% - 1px), var(--color-contrast-low) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
+}
+.text-separator::before {
+  background: #fff;
+  content: attr(data-text);
+  padding: 0 1rem;
+  text-transform: uppercase;
+}
+.visible-xlg {
+  display: none;
+}
+.hidden-xlg {
+  display: block;
+}
+/*** Large screens ***/
+@media (min-width: 1824px) {
+  .visible-xlg {
+    display: block !important;
+  }
+  .hidden-xlg {
+    display: none !important;
+  }
+  .quickview-wrapper .tab-content #quickview-notes > .inner {
+    width: 570px;
+  }
+  .container-fluid.container-fixed-lg {
+    width: 1700px;
+    margin-right: auto;
+    margin-left: auto;
+  }
+  .menu-pin .container-fluid.container-fixed-lg {
+    width: 1450px;
+  }
+  /*.visible-xlg {
+        display: block !important;
+    }
+    .hidden-xlg {
+        display: none !important;
+    }*/
+  .col-xlg-1,
+  .col-xlg-2,
+  .col-xlg-3,
+  .col-xlg-4,
+  .col-xlg-5,
+  .col-xlg-6,
+  .col-xlg-7,
+  .col-xlg-8,
+  .col-xlg-9,
+  .col-xlg-10,
+  .col-xlg-11 {
+    min-height: 1px;
+    padding-left: 15px;
+    padding-right: 15px;
+    position: relative;
+  }
+  .col-xlg-12 {
+    min-height: 1px;
+    padding-left: 15px;
+    padding-right: 15px;
+    position: relative;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .col-xlg-11 {
+    flex: 0 0 91.6667%;
+    max-width: 91.6667%;
+  }
+  .col-xlg-10 {
+    width: 83.3333%;
+    flex: 0 0 83.3333%;
+    max-width: 83.3333%;
+  }
+  .col-xlg-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-xlg-8 {
+    flex: 0 0 66.6667%;
+    max-width: 66.6667%;
+  }
+  .col-xlg-7 {
+    flex: 0 0 58.3333%;
+    max-width: 58.3333%;
+  }
+  .col-xlg-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-xlg-5 {
+    flex: 0 0 41.6667%;
+    max-width: 41.6667%;
+  }
+  .col-xlg-4 {
+    flex: 0 0 33.3333%;
+    max-width: 33.3333%;
+  }
+  .col-xlg-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-xlg-2 {
+    flex: 0 0 16.6667%;
+    max-width: 16.6667%;
+  }
+  .col-xlg-1 {
+    flex: 0 0 8.33333%;
+    max-width: 8.33333%;
+  }
+  .col-xlg-pull-12 {
+    right: 100%;
+  }
+  .col-xlg-pull-11 {
+    right: 91.6667%;
+  }
+  .col-xlg-pull-10 {
+    right: 83.3333%;
+  }
+  .col-xlg-pull-9 {
+    right: 75%;
+  }
+  .col-xlg-pull-8 {
+    right: 66.6667%;
+  }
+  .col-xlg-pull-7 {
+    right: 58.3333%;
+  }
+  .col-xlg-pull-6 {
+    right: 50%;
+  }
+  .col-xlg-pull-5 {
+    right: 41.6667%;
+  }
+  .col-xlg-pull-4 {
+    right: 33.3333%;
+  }
+  .col-xlg-pull-3 {
+    right: 25%;
+  }
+  .col-xlg-pull-2 {
+    right: 16.6667%;
+  }
+  .col-xlg-pull-1 {
+    right: 8.33333%;
+  }
+  .col-xlg-pull-0 {
+    right: 0;
+  }
+  .col-xlg-push-12 {
+    left: 100%;
+  }
+  .col-xlg-push-11 {
+    left: 91.6667%;
+  }
+  .col-xlg-push-10 {
+    left: 83.3333%;
+  }
+  .col-xlg-push-9 {
+    left: 75%;
+  }
+  .col-xlg-push-8 {
+    left: 66.6667%;
+  }
+  .col-xlg-push-7 {
+    left: 58.3333%;
+  }
+  .col-xlg-push-6 {
+    left: 50%;
+  }
+  .col-xlg-push-5 {
+    left: 41.6667%;
+  }
+  .col-xlg-push-4 {
+    left: 33.3333%;
+  }
+  .col-xlg-push-3 {
+    left: 25%;
+  }
+  .col-xlg-push-2 {
+    left: 16.6667%;
+  }
+  .col-xlg-push-1 {
+    left: 8.33333%;
+  }
+  .col-xlg-push-0 {
+    left: 0;
+  }
+  .col-xlg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-xlg-offset-11 {
+    margin-left: 91.6667%;
+  }
+  .col-xlg-offset-10 {
+    margin-left: 83.3333%;
+  }
+  .col-xlg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-xlg-offset-8 {
+    margin-left: 66.6667%;
+  }
+  .col-xlg-offset-7 {
+    margin-left: 58.3333%;
+  }
+  .col-xlg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-xlg-offset-5 {
+    margin-left: 41.6667%;
+  }
+  .col-xlg-offset-4 {
+    margin-left: 33.3333%;
+  }
+  .col-xlg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-xlg-offset-2 {
+    margin-left: 16.6667%;
+  }
+  .col-xlg-offset-1 {
+    margin-left: 8.33333%;
+  }
+  .col-xlg-offset-0 {
+    margin-left: 0;
+  }
+}
+/*** Desktops ***/
+/*** Medium Size Screen ***/
+@media only screen and (max-width: 1400px) {
+  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
+    bottom: 50px;
+  }
+  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets {
+    display: none;
+  }
+  .footer-widget {
+    padding: 11px 21px !important;
+  }
+}
+@media only screen and (max-width: 1199px) {
+  .visible-xl-down {
+    display: block !important;
+  }
+}
+/*** Desktops & Laptops ***/
+@media only screen and (min-width: 980px) {
+  body.ie9.menu-pin .page-sidebar {
+    transform: none !important;
+    -webkit-transform: none !important;
+    -ms-transform: none !important;
+  }
+  body.menu-pin .header .brand {
+    width: 245px;
+  }
+  body.menu-pin .page-container {
+    padding-left: 0;
+  }
+  body.menu-pin .page-container .page-content-wrapper .content {
+    padding-left: 250px;
+  }
+  body.menu-pin .page-container .page-content-wrapper .footer {
+    left: 250px;
+  }
+  body.menu-pin [data-toggle-pin=sidebar] > i:before {
+    content: "\e9a2";
+  }
+  body.menu-pin .page-sidebar {
+    transform: translate(210px, 0) !important;
+    -webkit-transform: translate(210px, 0) !important;
+    -ms-transform: translate(210px, 0) !important;
+    width: 250px;
+  }
+  body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
+    transform: translateX(21px);
+    -webkit-transform: translateX(21px);
+  }
+  body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
+    transform: translate3d(-14px, 0, 0);
+    -webkit-transform: -webkit-translate3d(-14px, 0, 0);
+  }
+  body.menu-behind .page-sidebar {
+    z-index: 799;
+  }
+  body.menu-behind .header .brand {
+    width: 200px;
+    text-align: left;
+    padding-left: 20px;
+  }
+  body.box-layout {
+    background-color: #fff;
+  }
+  body.box-layout > .container, body.box-layout > .full-height > .container {
+    height: 100%;
+    padding: 0;
+    background-color: #fff;
+  }
+  body.box-layout .header {
+    background-color: transparent;
+    border: 0;
+    padding: 0;
+  }
+  body.box-layout .header > .container {
+    background-color: #fff;
+    border-bottom: 1px solid rgba(230, 230, 230, 0.7);
+    padding: 0 20px 0 0;
+    height: 100%;
+  }
+  body.box-layout .page-sidebar {
+    left: auto;
+    transform: none !important;
+    -webkit-transform: none !important;
+  }
+  body.box-layout .page-container .page-content-wrapper .footer {
+    width: auto;
+  }
+  .header .brand {
+    position: relative;
+  }
+  .header .user-info-wrapper .user-details .user-name {
+    font-size: 16px;
+  }
+  .header .user-info-wrapper .user-details .user-other {
+    font-size: 10px;
+  }
+  .header .user-info-wrapper .user-pic {
+    position: relative;
+    top: -6px;
+  }
+  .notification-panel {
+    width: 400px;
+  }
+}
+/*** General Small Screen Desktops ***/
+/*** General tablets and phones ***/
+@media (max-width: 991px) {
+  .container-fluid {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .hidden-lg-down {
+    display: none !important;
+  }
+  .page-container {
+    padding-left: 0;
+  }
+  .d-flex-lg-down {
+    display: flex;
+  }
+  .justify-between-lg-down {
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+  body.sidebar-open .page-container {
+    -webkit-transform: translate3d(250px, 0, 0);
+    transform: translate3d(250px, 0, 0);
+    -ms-transform: translate(250px, 0);
+    overflow: hidden;
+    position: fixed;
+  }
+  body.sidebar-open .push-on-sidebar-open {
+    -webkit-transform: translate3d(250px, 0, 0);
+    transform: translate3d(250px, 0, 0);
+    -ms-transform: translate(250px, 0);
+    overflow: hidden;
+  }
+  body.box-layout > .container {
+    padding: 0;
+    height: 100%;
+  }
+  body.box-layout .header > .container {
+    padding: 0;
+  }
+  body.box-layout .header > .container .pull-right .sm-action-bar {
+    right: 0;
+  }
+  body.horizontal-app-menu .header > .container {
+    padding: 0;
+  }
+  body.horizontal-app-menu .secondary-sidebar {
+    margin-left: 0;
+  }
+  .sm-action-bar {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 10;
+  }
+  .sm-action-bar > a {
+    padding: 10px;
+    display: inline-block;
+  }
+  .pace .pace-activity {
+    top: 60px;
+  }
+  .page-sidebar {
+    width: 250px;
+    z-index: auto;
+    left: 0 !important;
+    -webkit-transform: translate3d(0, 0px, 0px) !important;
+    transform: translate3d(0, 0px, 0px) !important;
+  }
+  .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
+    padding: 0px 30px 0 36px;
+  }
+  .page-container {
+    padding-left: 0;
+    position: relative;
+    transition: transform 0.25s ease;
+    -webkit-transition: -webkit-transform 0.25s ease;
+  }
+  .page-container .page-content-wrapper .content {
+    overflow-x: hidden;
+    height: auto;
+    padding-top: 48px !important;
+  }
+  .icon-thumbnail {
+    margin-right: 24px;
+  }
+  .page-sidebar {
+    display: none;
+    z-index: auto;
+  }
+  .page-sidebar.visible {
+    display: block;
+  }
+  .page-sidebar .page-sidebar-inner {
+    z-index: 1;
+    left: 0 !important;
+    width: 260px;
+  }
+  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu {
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+    top: 40px;
+    bottom: 0;
+  }
+  .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge {
+    display: inline-block;
+  }
+  .secondary-sidebar .btn-compose {
+    display: none;
+  }
+  .inner-content,
+  .horizontal-app-menu .inner-content {
+    margin: 0;
+  }
+  .breadcrumb {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  .copyright {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  body > .pgn-wrapper[data-position=top] {
+    top: 48px;
+    left: 0;
+  }
+  body > .pgn-wrapper[data-position=bottom] {
+    left: 0;
+  }
+  body > .pgn-wrapper[data-position$=-left] {
+    left: 20px;
+    right: auto;
+  }
+  .sm-table {
+    display: table;
+    width: 100%;
+  }
+  .user-profile-wrapper {
+    position: absolute;
+    right: 50px;
+    top: -9px;
+  }
+  .container {
+    width: 100%;
+  }
+  .table-responsive-block table,
+  .table-responsive-block thead,
+  .table-responsive-block tbody,
+  .table-responsive-block th,
+  .table-responsive-block td,
+  .table-responsive-block tr {
+    display: block;
+  }
+  .table-responsive-block thead tr {
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+  }
+  .table-responsive-block tr {
+    border: 1px solid rgba(230, 230, 230, 0.7);
+    border-right: 0;
+    border-left: 0;
+    margin-bottom: 15px;
+  }
+  .table-responsive-block td {
+    /* Behave  like a "row" */
+    border: none;
+    border-bottom: 1px solid #eee;
+    position: relative;
+    padding-left: 50%;
+    white-space: normal;
+    text-align: left;
+  }
+  .table-responsive-block td:last-child {
+    border-bottom: 0;
+  }
+  .table-responsive-block td:before {
+    /* Now like a table header */
+    position: absolute;
+    /* Top/left values mimic padding */
+    top: 6px;
+    left: 6px;
+    width: 45%;
+    padding-right: 10px;
+    white-space: nowrap;
+    text-align: left;
+    font-weight: bold;
+  }
+  .table-responsive-block td:before {
+    content: attr(data-title);
+  }
+  .kill-pull-md-down {
+    position: relative;
+    display: block;
+    width: inherit;
+  }
+  .kill-pull-md-down .toggle-secondary-sidebar {
+    display: inline-block;
+    font-size: 18px;
+  }
+  .nav-tabs-header.nav-tabs-linetriangle {
+    height: 61px;
+  }
+  .overlay {
+    padding-left: 15px;
+  }
+}
+/* Landscape view of all tablet devices */
+@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
+  .page-sidebar .sidebar-menu .menu-items ul {
+    -webkit-transform: translateZ(0);
+    -webkit-backface-visibility: hidden;
+    -webkit-perspective: 1000;
+  }
+  .page-container .page-content-wrapper .content {
+    padding-top: 60px;
+  }
+  body.box-layout > .container {
+    width: 100%;
+  }
+  .inner-content {
+    margin-left: 0;
+  }
+  .secondary-sidebar {
+    float: none;
+    height: auto;
+    left: 50%;
+    margin-left: -155px;
+    padding: 20px;
+    padding-left: 0;
+    position: absolute;
+    right: 0;
+    top: 60px;
+    z-index: 9999;
+    display: none;
+    border-radius: 10px;
+    box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
+  }
+  .secondary-sidebar .btn-compose {
+    display: none;
+  }
+  .mark-email {
+    margin-left: 25px;
+  }
+  .horizontal-app-menu .secondary-sidebar {
+    display: inline-block;
+    position: relative;
+    top: inherit;
+    left: inherit;
+    right: inherit;
+    padding: 20px 0;
+    border-radius: 0;
+    float: left;
+    height: 100%;
+  }
+  .split-details {
+    margin-left: 0;
+  }
+  .toggle-secondary-sidebar {
+    font-size: 18px;
+    display: block;
+    font-size: 18px;
+    left: 50%;
+    margin-left: -36px;
+    position: absolute;
+  }
+  .toggle-secondary-sidebar ~ .brand {
+    display: none !important;
+  }
+}
+@media (max-width: 991px) {
+  .sm-b-r,
+  .sm-b-l,
+  .sm-b-t,
+  .sm-b-b {
+    border-width: 0;
+  }
+  .sm-b-r {
+    border-right-width: 1px;
+  }
+  .sm-b-l {
+    border-left-width: 1px;
+  }
+  .sm-b-t {
+    border-top-width: 1px;
+  }
+  .sm-b-b {
+    border-bottom-width: 1px;
+  }
+  .sidebar-menu .icon-thumbnail {
+    margin-right: 15px;
+  }
+}
+@media (min-width: 1200px) {
+  .row-same-height {
+    overflow: hidden;
+  }
+  .row-same-height > [class*=col-lg] {
+    margin-bottom: -99999px;
+    padding-bottom: 99999px;
+  }
+}
+@media (max-width: 1199px) and (min-width: 992px) {
+  .visible-md {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) {
+  .row-same-height {
+    overflow: hidden;
+  }
+  .row-same-height > [class*=col-md] {
+    margin-bottom: -99999px;
+    padding-bottom: 99999px;
+  }
+}
+@media (min-width: 768px) {
+  .row-same-height {
+    overflow: hidden;
+  }
+  .row-same-height > [class*=col-sm] {
+    margin-bottom: -99999px;
+    padding-bottom: 99999px;
+  }
+  .box-layout .container .jumbotron,
+  .container-fluid .jumbotron {
+    padding: 0;
+  }
+  .d-flex-md-up {
+    display: flex;
+  }
+  .navbar-toggle {
+    display: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+  }
+  .dataTables_wrapper.form-inline .checkbox input[type=checkbox],
+  .form-inline .radio input[type=radio] {
+    position: absolute;
+  }
+  .justify-end-md-up {
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+  }
+}
+@media (min-width: 700px) {
+  .dd {
+    float: none;
+  }
+}
+/* Portrait view of all tablet devices */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
+  .page-sidebar .sidebar-menu .menu-items > li > a {
+    padding-left: 27px;
+  }
+  .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
+    padding: 0px 27px 0 31px;
+  }
+  .icon-thumbnail {
+    margin-right: 21px;
+  }
+}
+@media (max-width: 991px) and (min-width: 768px) {
+  .visible-sm {
+    display: block;
+  }
+  .hidden-sm {
+    display: none;
+  }
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+  .md-p-t-0 {
+    margin-top: 0px !important;
+  }
+  .md-p-r-0 {
+    margin-right: 0px !important;
+  }
+  .md-p-l-0 {
+    margin-left: 0px !important;
+  }
+  .md-p-b-0 {
+    margin-bottom: 0px !important;
+  }
+  .md-p-t-5 {
+    margin-top: 5px !important;
+  }
+  .md-p-r-5 {
+    margin-right: 5px !important;
+  }
+  .md-p-l-5 {
+    margin-left: 5px !important;
+  }
+  .md-p-b-5 {
+    margin-bottom: 5px !important;
+  }
+  .md-p-t-10 {
+    margin-top: 10px !important;
+  }
+  .md-p-r-10 {
+    margin-right: 10px !important;
+  }
+  .md-p-l-10 {
+    margin-left: 10px !important;
+  }
+  .md-p-b-10 {
+    margin-bottom: 10px !important;
+  }
+  .md-p-t-15 {
+    margin-top: 15px !important;
+  }
+  .md-p-r-15 {
+    margin-right: 15px !important;
+  }
+  .md-p-l-15 {
+    margin-left: 15px !important;
+  }
+  .md-p-b-15 {
+    margin-bottom: 15px !important;
+  }
+  .md-p-t-0 {
+    margin-top: 0px !important;
+  }
+  .md-p-r-0 {
+    margin-right: 0px !important;
+  }
+  .md-p-l-0 {
+    margin-left: 0px !important;
+  }
+  .md-p-b-0 {
+    margin-bottom: 0px !important;
+  }
+  .md-p-t-5 {
+    margin-top: 5px !important;
+  }
+  .md-p-r-5 {
+    margin-right: 5px !important;
+  }
+  .md-p-l-5 {
+    margin-left: 5px !important;
+  }
+  .md-p-b-5 {
+    margin-bottom: 5px !important;
+  }
+  .md-p-t-10 {
+    margin-top: 10px !important;
+  }
+  .md-p-r-10 {
+    margin-right: 10px !important;
+  }
+  .md-p-l-10 {
+    margin-left: 10px !important;
+  }
+  .md-p-b-10 {
+    margin-bottom: 10px !important;
+  }
+  .md-p-t-15 {
+    margin-top: 15px !important;
+  }
+  .md-p-r-15 {
+    margin-right: 15px !important;
+  }
+  .md-p-l-15 {
+    margin-left: 15px !important;
+  }
+  .md-p-b-15 {
+    margin-bottom: 15px !important;
+  }
+}
+@media (max-width: 979px) {
+  .toggle-secondary-sidebar {
+    font-size: 18px;
+    position: static;
+    display: block;
+  }
+  .toggle-secondary-sidebar ~ .brand {
+    display: none !important;
+  }
+  .secondary-sidebar .btn-compose {
+    display: none;
+  }
+  .split-view .split-list {
+    width: 100%;
+    height: auto;
+    bottom: 50px;
+    left: 0;
+    top: 0;
+    position: absolute;
+    z-index: 700;
+    float: none;
+  }
+  .split-view .split-list .item {
+    padding: 8px;
+  }
+  .split-view .split-list .item .inline {
+    width: 188px;
+  }
+  .split-view .split-details {
+    margin-left: 0;
+    width: 100%;
+  }
+  .split-view .split-details .email-content-wrapper {
+    overflow: auto;
+    padding: 0;
+    height: calc(100% - 50px);
+  }
+  .split-view .split-details .email-content-wrapper .email-content {
+    width: 90%;
+  }
+  .compose-wrapper {
+    display: block !important;
+  }
+  .compose-wrapper .btn-compose {
+    display: block !important;
+  }
+}
+@media (max-width: 767px) {
+  .container-fluid {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+  .page-container .page-content-wrapper .content {
+    padding-top: 48px;
+    padding-bottom: 100px;
+  }
+  .page-sidebar .sidebar-header {
+    padding: 0 12px;
+  }
+  .page-sidebar .sidebar-menu .menu-items > li > a {
+    padding-left: 20px;
+  }
+  .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
+    padding: 0px 25px 0 28px;
+  }
+  .icon-thumbnail {
+    margin-right: 20px;
+  }
+  .split-details {
+    margin-left: 0;
+  }
+  .email-composer {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+  .sm-pull-bottom,
+  .sm-pull-up {
+    position: relative !important;
+  }
+  .sm-p-t-0 {
+    margin-top: 0px !important;
+  }
+  .sm-p-r-0 {
+    margin-right: 0px !important;
+  }
+  .sm-p-l-0 {
+    margin-left: 0px !important;
+  }
+  .sm-p-b-0 {
+    margin-bottom: 0px !important;
+  }
+  .sm-p-t-5 {
+    margin-top: 5px !important;
+  }
+  .sm-p-r-5 {
+    margin-right: 5px !important;
+  }
+  .sm-p-l-5 {
+    margin-left: 5px !important;
+  }
+  .sm-p-b-5 {
+    margin-bottom: 5px !important;
+  }
+  .sm-p-t-10 {
+    margin-top: 10px !important;
+  }
+  .sm-p-r-10 {
+    margin-right: 10px !important;
+  }
+  .sm-p-l-10 {
+    margin-left: 10px !important;
+  }
+  .sm-p-b-10 {
+    margin-bottom: 10px !important;
+  }
+  .sm-p-t-15 {
+    margin-top: 15px !important;
+  }
+  .sm-p-r-15 {
+    margin-right: 15px !important;
+  }
+  .sm-p-l-15 {
+    margin-left: 15px !important;
+  }
+  .sm-p-b-15 {
+    margin-bottom: 15px !important;
+  }
+  .sm-p-t-20 {
+    margin-top: 20px !important;
+  }
+  .sm-p-r-20 {
+    margin-right: 20px !important;
+  }
+  .sm-p-l-20 {
+    margin-left: 20px !important;
+  }
+  .sm-p-b-20 {
+    margin-bottom: 20px !important;
+  }
+  .sm-p-t-25 {
+    margin-top: 25px !important;
+  }
+  .sm-p-r-25 {
+    margin-right: 25px !important;
+  }
+  .sm-p-l-25 {
+    margin-left: 25px !important;
+  }
+  .sm-p-b-25 {
+    margin-bottom: 25px !important;
+  }
+  .sm-p-t-30 {
+    margin-top: 30px !important;
+  }
+  .sm-p-r-30 {
+    margin-right: 30px !important;
+  }
+  .sm-p-l-30 {
+    margin-left: 30px !important;
+  }
+  .sm-p-b-30 {
+    margin-bottom: 30px !important;
+  }
+  .sm-p-t-35 {
+    margin-top: 35px !important;
+  }
+  .sm-p-r-35 {
+    margin-right: 35px !important;
+  }
+  .sm-p-l-35 {
+    margin-left: 35px !important;
+  }
+  .sm-p-b-35 {
+    margin-bottom: 35px !important;
+  }
+  .sm-p-t-40 {
+    margin-top: 40px !important;
+  }
+  .sm-p-r-40 {
+    margin-right: 40px !important;
+  }
+  .sm-p-l-40 {
+    margin-left: 40px !important;
+  }
+  .sm-p-b-40 {
+    margin-bottom: 40px !important;
+  }
+  .sm-p-t-45 {
+    margin-top: 45px !important;
+  }
+  .sm-p-r-45 {
+    margin-right: 45px !important;
+  }
+  .sm-p-l-45 {
+    margin-left: 45px !important;
+  }
+  .sm-p-b-45 {
+    margin-bottom: 45px !important;
+  }
+  .sm-p-t-50 {
+    margin-top: 50px !important;
+  }
+  .sm-p-r-50 {
+    margin-right: 50px !important;
+  }
+  .sm-p-l-50 {
+    margin-left: 50px !important;
+  }
+  .sm-p-b-50 {
+    margin-bottom: 50px !important;
+  }
+  .sm-p-t-0 {
+    margin-top: 0px !important;
+  }
+  .sm-p-r-0 {
+    margin-right: 0px !important;
+  }
+  .sm-p-l-0 {
+    margin-left: 0px !important;
+  }
+  .sm-p-b-0 {
+    margin-bottom: 0px !important;
+  }
+  .sm-p-t-5 {
+    margin-top: 5px !important;
+  }
+  .sm-p-r-5 {
+    margin-right: 5px !important;
+  }
+  .sm-p-l-5 {
+    margin-left: 5px !important;
+  }
+  .sm-p-b-5 {
+    margin-bottom: 5px !important;
+  }
+  .sm-p-t-10 {
+    margin-top: 10px !important;
+  }
+  .sm-p-r-10 {
+    margin-right: 10px !important;
+  }
+  .sm-p-l-10 {
+    margin-left: 10px !important;
+  }
+  .sm-p-b-10 {
+    margin-bottom: 10px !important;
+  }
+  .sm-p-t-15 {
+    margin-top: 15px !important;
+  }
+  .sm-p-r-15 {
+    margin-right: 15px !important;
+  }
+  .sm-p-l-15 {
+    margin-left: 15px !important;
+  }
+  .sm-p-b-15 {
+    margin-bottom: 15px !important;
+  }
+  .sm-p-t-20 {
+    margin-top: 20px !important;
+  }
+  .sm-p-r-20 {
+    margin-right: 20px !important;
+  }
+  .sm-p-l-20 {
+    margin-left: 20px !important;
+  }
+  .sm-p-b-20 {
+    margin-bottom: 20px !important;
+  }
+  .sm-p-t-25 {
+    margin-top: 25px !important;
+  }
+  .sm-p-r-25 {
+    margin-right: 25px !important;
+  }
+  .sm-p-l-25 {
+    margin-left: 25px !important;
+  }
+  .sm-p-b-25 {
+    margin-bottom: 25px !important;
+  }
+  .sm-p-t-30 {
+    margin-top: 30px !important;
+  }
+  .sm-p-r-30 {
+    margin-right: 30px !important;
+  }
+  .sm-p-l-30 {
+    margin-left: 30px !important;
+  }
+  .sm-p-b-30 {
+    margin-bottom: 30px !important;
+  }
+  .sm-p-t-35 {
+    margin-top: 35px !important;
+  }
+  .sm-p-r-35 {
+    margin-right: 35px !important;
+  }
+  .sm-p-l-35 {
+    margin-left: 35px !important;
+  }
+  .sm-p-b-35 {
+    margin-bottom: 35px !important;
+  }
+  .sm-p-t-40 {
+    margin-top: 40px !important;
+  }
+  .sm-p-r-40 {
+    margin-right: 40px !important;
+  }
+  .sm-p-l-40 {
+    margin-left: 40px !important;
+  }
+  .sm-p-b-40 {
+    margin-bottom: 40px !important;
+  }
+  .sm-p-t-45 {
+    margin-top: 45px !important;
+  }
+  .sm-p-r-45 {
+    margin-right: 45px !important;
+  }
+  .sm-p-l-45 {
+    margin-left: 45px !important;
+  }
+  .sm-p-b-45 {
+    margin-bottom: 45px !important;
+  }
+  .sm-p-t-50 {
+    margin-top: 50px !important;
+  }
+  .sm-p-r-50 {
+    margin-right: 50px !important;
+  }
+  .sm-p-l-50 {
+    margin-left: 50px !important;
+  }
+  .sm-p-b-50 {
+    margin-bottom: 50px !important;
+  }
+  .sm-no-margin {
+    margin: 0px;
+  }
+  .sm-no-padding {
+    padding: 0px;
+  }
+  .sm-text-right {
+    text-align: right !important;
+  }
+  .sm-text-left {
+    text-align: left !important;
+  }
+  .sm-text-center {
+    text-align: center !important;
+  }
+  .sm-pull-right {
+    float: right !important;
+  }
+  .sm-pull-left {
+    float: left !important;
+  }
+  .sm-pull-reset {
+    float: none !important;
+  }
+  .sm-block {
+    display: block;
+  }
+  .sm-image-responsive-height {
+    width: 100%;
+    height: auto;
+  }
+  .email-composer {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+  .sm-padding-10 {
+    padding: 10px !important;
+  }
+  .lock-box {
+    align-items: flex-start;
+    height: auto;
+  }
+  .login-box {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+  .sm-padding-10 {
+    padding: 10px !important;
+  }
+  .lock-box {
+    align-items: flex-start;
+    height: auto;
+  }
+  .login-box {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+  .nav-tabs-linetriangle.nav-cust {
+    flex-direction: column;
+  }
+  .nav-tabs-linetriangle li a.active:after,
+  .nav-tabs-linetriangle li a.active:before {
+    display: none;
+  }
+  .sm-vh-25 {
+    height: 25vh;
+  }
+  .sm-vh-50 {
+    height: 50vh;
+  }
+  .sm-vh-75 {
+    height: 75vh;
+  }
+  .sm-vh-100 {
+    height: 100vh;
+  }
+  .horizontal-app-menu .page-container .page-content-wrapper .content > .container {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .summernote-wrapper .btn-group {
+    -ms-flex-flow: wrap;
+    flex-flow: wrap;
+  }
+}
+/*** Phones ***/
+@media (max-width: 480px) {
+  body {
+    width: 100%;
+  }
+  body #overlay-search {
+    font-size: 48px;
+    height: 118px;
+    line-height: 46px;
+  }
+  .page-sidebar .sidebar-header {
+    height: 48px;
+    line-height: 48px;
+  }
+  .panel .panel-heading {
+    padding-left: 15px;
+  }
+  .panel .panel-body {
+    padding: 15px;
+    padding-top: 0;
+  }
+  .map-controls {
+    left: 10px;
+  }
+  .register-container {
+    height: auto !important;
+  }
+}
+/*** Retina Display Images **/
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2) {
+  .editor-icon {
+    background-image: url("../../img/editor_tray_2x.png");
+    background-size: 480px 40px;
+  }
+  .alert .close {
+    background: url("../../img/icons/noti-cross-2x.png") no-repeat scroll 0 0 transparent;
+    background-position: -9px -10px;
+    width: 10px;
+    height: 9px;
+    position: relative;
+    opacity: 0.8;
+    background-size: 114px 29px;
+  }
+}
+.hidden {
+  display: none !important;
+}
+.visible-sm,
+.visible-xs {
+  display: none;
+}
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block;
+  }
+  .hidden-xs {
+    display: none;
+  }
+}
+@media (min-width: 768px) {
+  ul[data-init-reponsive-tabs=dropdownfx] li span.hide-text {
+    display: none !important;
+  }
+}