/* font families classes */
/*.loop(40,5,test,padding);*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
form {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
h2,
h3,
h4 {
  font-size: 1.7em;
  color: #454545;
  font-weight: 600;
  padding-bottom: 15px;
}
.h1 {
  font-size: 1.6em;
}
.h2 {
  font-size: 1.5em;
}
h3,
.h3 {
  font-size: 1.4em;
}
h4,
.h4 {
  font-size: 1.3em;
}
h5,
.h5 {
  font-size: 1.2em;
}
h6,
.h6 {
  font-size: 1.1em;
}
p {
  font-size: 1.3em;
}
.text-large-20 {
  font-size: 2em;
}
.small-txt {
  font-size: 85%;
}
.text-color-black-40 {
  color: #666666;
}
.text-color-black-20 {
  color: #333333;
}
ul,
ol,
li {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #454545;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  /*vertical-align: baseline;*/
  vertical-align: middle;
  *vertical-align: middle;
  text-overflow: clip;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  display: inline-block;
  width: 100%;
}
.micro-col-1,
.micro-col-2,
.micro-col-3,
.micro-col-4,
.micro-col-5,
.micro-col-6,
.micro-col-7,
.micro-col-8,
.micro-col-9,
.micro-col-10,
.micro-col-11,
.micro-col-12,
.micro-col-13,
.micro-col-14,
.micro-col-15,
.micro-col-16,
.micro-col-17,
.micro-col-18,
.micro-col-19,
.micro-col-20,
.micro-col-21,
.micro-col-22,
.micro-col-23,
.micro-col-24,
.micro-col-25,
.micro-col-26,
.micro-col-27,
.micro-col-28,
.micro-col-29,
.micro-col-30,
.micro-col-31,
.micro-col-32,
.micro-col-33,
.micro-col-34,
.micro-col-35,
.micro-col-36 {
  display: inline-block;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.font-uppercase {
  text-transform: uppercase;
}
.font-lowercase {
  text-transform: lowercase;
}
.font-light {
  font-weight: 300;
}
.font-regular {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-default {
  cursor: default !important;
}
.remove-fontsize {
  font-size: inherit !important;
}
.width-auto {
  width: auto !important;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed;
}
.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-overflow-tooltip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  float: left;
  width: auto;
  word-wrap: break-word;
}
.float-l {
  float: left !important;
}
.float-r {
  float: right !important;
}
.clear {
  clear: both;
}
.float-none {
  float: none !important;
}
.display-inlineblock {
  display: inline-block;
}
.display-block {
  display: block;
}
.display-inline {
  display: inline;
}
.display-flex {
  display: flex !important;
  align-items: center;
}
.overflow-hidden {
  overflow: hidden;
}
.sap-h {
  border-bottom: 1px solid #e5e5e5;
}
.sap-v {
  border-right: 1px solid #e5e5e5;
}
.sap-v + div {
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
}
@media screen and (max-width: 768px) {
  .sap-v {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .sap-v + div {
    border-left: none;
    margin-left: inherit;
  }
}
.container-md {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}
.container-xmd {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
.container-lg {
  width: 100%;
}
.container-sm {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    float: left;
    position: relative;
  }
  .col-12 {
    width: 100%;
    display: inline-block;
  }
  .col-11 {
    width: 91.66666667%;
  }
  .col-10 {
    width: 83.33333333%;
  }
  .col-9 {
    width: 75%;
  }
  .col-8 {
    width: 66.66666667%;
  }
  .col-7 {
    width: 58.33333333%;
  }
  .col-6 {
    width: 50%;
  }
  .col-5 {
    width: 41.66666667%;
  }
  .col-4 {
    width: 33.33333333%;
  }
  .col-3 {
    width: 25%;
  }
  .col-2 {
    width: 16.66666667%;
  }
  .col-1 {
    width: 8.33333333%;
  }
  .col-pull-12 {
    right: 100%;
  }
  .col-pull-11 {
    right: 91.66666667%;
  }
  .col-pull-10 {
    right: 83.33333333%;
  }
  .col-pull-9 {
    right: 75%;
  }
  .col-pull-8 {
    right: 66.66666667%;
  }
  .col-pull-7 {
    right: 58.33333333%;
  }
  .col-pull-6 {
    right: 50%;
  }
  .col-pull-5 {
    right: 41.66666667%;
  }
  .col-pull-4 {
    right: 33.33333333%;
  }
  .col-pull-3 {
    right: 25%;
  }
  .col-pull-2 {
    right: 16.66666667%;
  }
  .col-pull-1 {
    right: 8.33333333%;
  }
  .col-pull-0 {
    right: 0;
  }
  .col-push-12 {
    left: 100%;
  }
  .col-push-11 {
    left: 91.66666667%;
  }
  .col-push-10 {
    left: 83.33333333%;
  }
  .col-push-9 {
    left: 75%;
  }
  .col-push-8 {
    left: 66.66666667%;
  }
  .col-push-7 {
    left: 58.33333333%;
  }
  .col-push-6 {
    left: 50%;
  }
  .col-push-5 {
    left: 41.66666667%;
  }
  .col-push-4 {
    left: 33.33333333%;
  }
  .col-push-3 {
    left: 25%;
  }
  .col-push-2 {
    left: 16.66666667%;
  }
  .col-push-1 {
    left: 8.33333333%;
  }
  .col-push-0 {
    left: 0;
  }
  .col-offset-12 {
    margin-left: 100%;
  }
  .col-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-offset-9 {
    margin-left: 75%;
  }
  .col-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-offset-6 {
    margin-left: 50%;
  }
  .col-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-offset-3 {
    margin-left: 25%;
  }
  .col-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-offset-0 {
    margin-left: 0;
  }
  .micro-col-1 {
    width: 2.777777778%;
  }
  .micro-col-2 {
    width: 5.555555556%;
  }
  .micro-col-3 {
    width: 8.333333333%;
  }
  .micro-col-4 {
    width: 11.111111111%;
  }
  .micro-col-5 {
    width: 13.888888889%;
  }
  .micro-col-6 {
    width: 16.666666667%;
  }
  .micro-col-7 {
    width: 19.444444444%;
  }
  .micro-col-8 {
    width: 22.222222222%;
  }
  .micro-col-9 {
    width: 25%;
  }
  .micro-col-10 {
    width: 27.777777778%;
  }
  .micro-col-11 {
    width: 30.555555556%;
  }
  .micro-col-12 {
    width: 33.333333333%;
  }
  .micro-col-13 {
    width: 36.111111111%;
  }
  .micro-col-14 {
    width: 38.888888889%;
  }
  .micro-col-15 {
    width: 41.666666667%;
  }
  .micro-col-16 {
    width: 44.444444444%;
  }
  .micro-col-17 {
    width: 47.222222222%;
  }
  .micro-col-18 {
    width: 50%;
  }
  .micro-col-19 {
    width: 52.777777778%;
  }
  .micro-col-20 {
    width: 55.555555556%;
  }
  .micro-col-21 {
    width: 58.333333333%;
  }
  .micro-col-22 {
    width: 61.111111111%;
  }
  .micro-col-23 {
    width: 63.888888889%;
  }
  .micro-col-24 {
    width: 66.666666667%;
  }
  .micro-col-25 {
    width: 69.444444444%;
  }
  .micro-col-26 {
    width: 72.222222222%;
  }
  .micro-col-27 {
    width: 75%;
  }
  .micro-col-28 {
    width: 77.777777778%;
  }
  .micro-col-29 {
    width: 80.555555556%;
  }
  .micro-col-30 {
    width: 83.333333333%;
  }
  .micro-col-31 {
    width: 86.111111111%;
  }
  .micro-col-32 {
    width: 88.888888889%;
  }
  .micro-col-33 {
    width: 91.666666667%;
  }
  .micro-col-34 {
    width: 94.444444444%;
  }
  .micro-col-35 {
    width: 97.222222222%;
  }
  .micro-col-36 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
    margin-bottom: 0px !important;
  }
  .col-sm-auto {
    width: auto !important;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-1.align-center,
  .col-sm-2.align-center,
  .col-sm-3.align-center,
  .col-sm-4.align-center,
  .col-sm-5.align-center,
  .col-sm-6.align-center,
  .col-sm-7.align-center,
  .col-sm-8.align-center,
  .col-sm-9.align-center,
  .col-sm-10.align-center,
  .col-sm-11.align-center,
  .col-sm-12.align-center {
    text-align: center !important;
  }
  .col-sm-1.align-right,
  .col-sm-2.align-right,
  .col-sm-3.align-right,
  .col-sm-4.align-right,
  .col-sm-5.align-right,
  .col-sm-6.align-right,
  .col-sm-7.align-right,
  .col-sm-8.align-right,
  .col-sm-9.align-right,
  .col-sm-10.align-right,
  .col-sm-11.align-right,
  .col-sm-12.align-right {
    text-align: right !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    margin-bottom: 0px;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-1.align-center,
  .col-md-2.align-center,
  .col-md-3.align-center,
  .col-md-4.align-center,
  .col-md-5.align-center,
  .col-md-6.align-center,
  .col-md-7.align-center,
  .col-md-8.align-center,
  .col-md-9.align-center,
  .col-md-10.align-center,
  .col-md-11.align-center,
  .col-md-12.align-center {
    text-align: center !important;
  }
  .col-md-1.align-right,
  .col-md-2.align-right,
  .col-md-3.align-right,
  .col-md-4.align-right,
  .col-md-5.align-right,
  .col-md-6.align-right,
  .col-md-7.align-right,
  .col-md-8.align-right,
  .col-md-9.align-right,
  .col-md-10.align-right,
  .col-md-11.align-right,
  .col-md-12.align-right {
    text-align: right !important;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-1.align-center,
  .col-lg-2.align-center,
  .col-lg-3.align-center,
  .col-lg-4.align-center,
  .col-lg-5.align-center,
  .col-lg-6.align-center,
  .col-lg-7.align-center,
  .col-lg-8.align-center,
  .col-lg-9.align-center,
  .col-lg-10.align-center,
  .col-lg-11.align-center,
  .col-lg-12.align-center {
    text-align: center !important;
  }
  .col-lg-1.align-right,
  .col-lg-2.align-right,
  .col-lg-3.align-right,
  .col-lg-4.align-right,
  .col-lg-5.align-right,
  .col-lg-6.align-right,
  .col-lg-7.align-right,
  .col-lg-8.align-right,
  .col-lg-9.align-right,
  .col-lg-10.align-right,
  .col-lg-11.align-right,
  .col-lg-12.align-right {
    text-align: right !important;
  }
}
@media screen and (max-width: 1490px) and (min-width: 1281px) {
  .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,
  .col-xlg-12 {
    float: left;
    margin-bottom: 0px;
  }
  .col-xlg-12 {
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.66666667%;
  }
  .col-xlg-10 {
    width: 83.33333333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.66666667%;
  }
  .col-xlg-7 {
    width: 58.33333333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.66666667%;
  }
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.66666667%;
  }
  .col-xlg-1 {
    width: 8.33333333%;
  }
  .col-xlg-1.align-center,
  .col-xlg-2.align-center,
  .col-xlg-3.align-center,
  .col-xlg-4.align-center,
  .col-xlg-5.align-center,
  .col-xlg-6.align-center,
  .col-xlg-7.align-center,
  .col-xlg-8.align-center,
  .col-xlg-9.align-center,
  .col-xlg-10.align-center,
  .col-xlg-11.align-center,
  .col-xlg-12.align-center {
    text-align: center !important;
  }
  .col-xlg-1.align-right,
  .col-xlg-2.align-right,
  .col-xlg-3.align-right,
  .col-xlg-4.align-right,
  .col-xlg-5.align-right,
  .col-xlg-6.align-right,
  .col-xlg-7.align-right,
  .col-xlg-8.align-right,
  .col-xlg-9.align-right,
  .col-xlg-10.align-right,
  .col-xlg-11.align-right,
  .col-xlg-12.align-right {
    text-align: right !important;
  }
}
@media screen and (max-width: 1024px) {
  .hide-1024 {
    display: none !important;
  }
  .show-1024 {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1025px) {
  .show-1024 {
    display: none !important;
  }
}
@media screen and (max-width: 980px) {
  .hide-980 {
    display: none !important;
  }
  .show-980 {
    display: inline-block !important;
  }
}
@media screen and (min-width: 981px) {
  .show-980 {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .hide-768 {
    display: none !important;
  }
  .show-768 {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) {
  .show-768 {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .hide-480 {
    display: none !important;
  }
  .show-480 {
    display: inline-block;
  }
}
@media screen and (min-width: 481px) {
  .show-480 {
    display: none;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .float-l-md {
    float: left !important;
  }
  .float-r-md {
    float: right !important;
  }
}
@media screen and (max-width: 768px) {
  .float-l-sm {
    float: left !important;
  }
  .float-r-sm {
    float: right !important;
  }
}
.powered-by {
  font-size: 1.4em;
  color: #999999;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.powered-by img {
  height: 30px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
[class*="col-grid-"] {
  float: left;
}
@media screen and (max-width: 768px) {
  [class*="col-grid-"] {
    width: 100%;
  }
}
@media screen and (min-width: 0px) {
  .col-grid-sm-1 {
    width: 4.16%;
  }
  .col-grid-sm-2 {
    width: 8.32%;
  }
  .col-grid-sm-3 {
    width: 12.48%;
  }
  .col-grid-sm-4 {
    width: 16.64%;
  }
  .col-grid-sm-5 {
    width: 20.8%;
  }
  .col-grid-sm-6 {
    width: 25%;
  }
  .col-grid-sm-7 {
    width: 29.16%;
  }
  .col-grid-sm-8 {
    width: 33.32%;
  }
  .col-grid-sm-9 {
    width: 37.48%;
  }
  .col-grid-sm-10 {
    width: 41.64%;
  }
  .col-grid-sm-11 {
    width: 45.8%;
  }
  .col-grid-sm-12 {
    width: 50%;
  }
  .col-grid-sm-13 {
    width: 54.16%;
  }
  .col-grid-sm-14 {
    width: 58.32%;
  }
  .col-grid-sm-15 {
    width: 62.48%;
  }
  .col-grid-sm-16 {
    width: 66.64%;
  }
  .col-grid-sm-17 {
    width: 70.8%;
  }
  .col-grid-sm-18 {
    width: 75%;
  }
  .col-grid-sm-19 {
    width: 79.16%;
  }
  .col-grid-sm-20 {
    width: 83.32%;
  }
  .col-grid-sm-21 {
    width: 87.48%;
  }
  .col-grid-sm-22 {
    width: 91.64%;
  }
  .col-grid-sm-23 {
    width: 95.8%;
  }
  .col-grid-sm-24 {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .col-grid-1 {
    width: 4.16%;
  }
  .col-grid-2 {
    width: 8.32%;
  }
  .col-grid-3 {
    width: 12.48%;
  }
  .col-grid-4 {
    width: 16.64%;
  }
  .col-grid-5 {
    width: 20.8%;
  }
  .col-grid-6 {
    width: 25%;
  }
  .col-grid-7 {
    width: 29.16%;
  }
  .col-grid-8 {
    width: 33.32%;
  }
  .col-grid-9 {
    width: 37.48%;
  }
  .col-grid-10 {
    width: 41.64%;
  }
  .col-grid-11 {
    width: 45.8%;
  }
  .col-grid-12 {
    width: 50%;
  }
  .col-grid-13 {
    width: 54.16%;
  }
  .col-grid-14 {
    width: 58.32%;
  }
  .col-grid-15 {
    width: 62.48%;
  }
  .col-grid-16 {
    width: 66.64%;
  }
  .col-grid-17 {
    width: 70.8%;
  }
  .col-grid-18 {
    width: 75%;
  }
  .col-grid-19 {
    width: 79.16%;
  }
  .col-grid-20 {
    width: 83.32%;
  }
  .col-grid-21 {
    width: 87.48%;
  }
  .col-grid-22 {
    width: 91.64%;
  }
  .col-grid-23 {
    width: 95.8%;
  }
  .col-grid-24 {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .col-grid-md-1 {
    width: 4.16%;
  }
  .col-grid-md-2 {
    width: 8.32%;
  }
  .col-grid-md-3 {
    width: 12.48%;
  }
  .col-grid-md-4 {
    width: 16.64%;
  }
  .col-grid-md-5 {
    width: 20.8%;
  }
  .col-grid-md-6 {
    width: 25%;
  }
  .col-grid-md-7 {
    width: 29.16%;
  }
  .col-grid-md-8 {
    width: 33.32%;
  }
  .col-grid-md-9 {
    width: 37.48%;
  }
  .col-grid-md-10 {
    width: 41.64%;
  }
  .col-grid-md-11 {
    width: 45.8%;
  }
  .col-grid-md-12 {
    width: 50%;
  }
  .col-grid-md-13 {
    width: 54.16%;
  }
  .col-grid-md-14 {
    width: 58.32%;
  }
  .col-grid-md-15 {
    width: 62.48%;
  }
  .col-grid-md-16 {
    width: 66.64%;
  }
  .col-grid-md-17 {
    width: 70.8%;
  }
  .col-grid-md-18 {
    width: 75%;
  }
  .col-grid-md-19 {
    width: 79.16%;
  }
  .col-grid-md-20 {
    width: 83.32%;
  }
  .col-grid-md-21 {
    width: 87.48%;
  }
  .col-grid-md-22 {
    width: 91.64%;
  }
  .col-grid-md-23 {
    width: 95.8%;
  }
  .col-grid-md-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .col-grid-lg-1 {
    width: 4.16%;
  }
  .col-grid-lg-2 {
    width: 8.32%;
  }
  .col-grid-lg-3 {
    width: 12.48%;
  }
  .col-grid-lg-4 {
    width: 16.64%;
  }
  .col-grid-lg-5 {
    width: 20.8%;
  }
  .col-grid-lg-6 {
    width: 25%;
  }
  .col-grid-lg-7 {
    width: 29.16%;
  }
  .col-grid-lg-8 {
    width: 33.32%;
  }
  .col-grid-lg-9 {
    width: 37.48%;
  }
  .col-grid-lg-10 {
    width: 41.64%;
  }
  .col-grid-lg-11 {
    width: 45.8%;
  }
  .col-grid-lg-12 {
    width: 50%;
  }
  .col-grid-lg-13 {
    width: 54.16%;
  }
  .col-grid-lg-14 {
    width: 58.32%;
  }
  .col-grid-lg-15 {
    width: 62.48%;
  }
  .col-grid-lg-16 {
    width: 66.64%;
  }
  .col-grid-lg-17 {
    width: 70.8%;
  }
  .col-grid-lg-18 {
    width: 75%;
  }
  .col-grid-lg-19 {
    width: 79.16%;
  }
  .col-grid-lg-20 {
    width: 83.32%;
  }
  .col-grid-lg-21 {
    width: 87.48%;
  }
  .col-grid-lg-22 {
    width: 91.64%;
  }
  .col-grid-lg-23 {
    width: 95.8%;
  }
  .col-grid-lg-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1281px) {
  .col-grid-xlg-1 {
    width: 4.16%;
  }
  .col-grid-xlg-2 {
    width: 8.32%;
  }
  .col-grid-xlg-3 {
    width: 12.48%;
  }
  .col-grid-xlg-4 {
    width: 16.64%;
  }
  .col-grid-xlg-5 {
    width: 20.8%;
  }
  .col-grid-xlg-6 {
    width: 25%;
  }
  .col-grid-xlg-7 {
    width: 29.16%;
  }
  .col-grid-xlg-8 {
    width: 33.32%;
  }
  .col-grid-xlg-9 {
    width: 37.48%;
  }
  .col-grid-xlg-10 {
    width: 41.64%;
  }
  .col-grid-xlg-11 {
    width: 45.8%;
  }
  .col-grid-xlg-12 {
    width: 50%;
  }
  .col-grid-xlg-13 {
    width: 54.16%;
  }
  .col-grid-xlg-14 {
    width: 58.32%;
  }
  .col-grid-xlg-15 {
    width: 62.48%;
  }
  .col-grid-xlg-16 {
    width: 66.64%;
  }
  .col-grid-xlg-17 {
    width: 70.8%;
  }
  .col-grid-xlg-18 {
    width: 75%;
  }
  .col-grid-xlg-19 {
    width: 79.16%;
  }
  .col-grid-xlg-20 {
    width: 83.32%;
  }
  .col-grid-xlg-21 {
    width: 87.48%;
  }
  .col-grid-xlg-22 {
    width: 91.64%;
  }
  .col-grid-xlg-23 {
    width: 95.8%;
  }
  .col-grid-xlg-24 {
    width: 100%;
  }
  .align-right-lg {
    text-align: right;
  }
}
/*---------- start padding classese here-----------------*/

/*extra class*/

.pad-0,
.no-pad {
  padding: 0 !important;
}
.pad-t-12 {
  padding-top: 12px;
}
.pad-l-60 {
  padding-left: 60px;
}
.pad-0 {
  padding: 0px;
}
.pad-5 {
  padding: 5px;
}
.pad-10 {
  padding: 10px;
}
.pad-15 {
  padding: 15px;
}
.pad-20 {
  padding: 20px;
}
.pad-25 {
  padding: 25px;
}
.pad-30 {
  padding: 30px;
}
.pad-35 {
  padding: 35px;
}
.pad-40 {
  padding: 40px;
}
.pad-45 {
  padding: 45px;
}
.pad-50 {
  padding: 50px;
}
.pad-55 {
  padding: 55px;
}
.pad-60 {
  padding: 60px;
}
.pad-l-0 {
  padding-left: 0px;
}
.pad-l-5 {
  padding-left: 5px;
}
.pad-l-10 {
  padding-left: 10px;
}
.pad-l-15 {
  padding-left: 15px;
}
.pad-l-20 {
  padding-left: 20px;
}
.pad-l-25 {
  padding-left: 25px;
}
.pad-l-30 {
  padding-left: 30px;
}
.pad-l-35 {
  padding-left: 35px;
}
.pad-l-40 {
  padding-left: 40px;
}
.pad-l-45 {
  padding-left: 45px;
}
.pad-l-50 {
  padding-left: 50px;
}
.pad-l-55 {
  padding-left: 55px;
}
.pad-l-60 {
  padding-left: 60px;
}
.pad-r-0 {
  padding-right: 0px;
}
.pad-r-5 {
  padding-right: 5px;
}
.pad-r-10 {
  padding-right: 10px;
}
.pad-r-15 {
  padding-right: 15px;
}
.pad-r-20 {
  padding-right: 20px;
}
.pad-r-25 {
  padding-right: 25px;
}
.pad-r-30 {
  padding-right: 30px;
}
.pad-r-35 {
  padding-right: 35px;
}
.pad-r-40 {
  padding-right: 40px;
}
.pad-r-45 {
  padding-right: 45px;
}
.pad-r-50 {
  padding-right: 50px;
}
.pad-r-55 {
  padding-right: 55px;
}
.pad-r-60 {
  padding-right: 60px;
}
.pad-t-0 {
  padding-top: 0px;
}
.pad-t-5 {
  padding-top: 5px;
}
.pad-t-10 {
  padding-top: 10px;
}
.pad-t-15 {
  padding-top: 15px;
}
.pad-t-20 {
  padding-top: 20px;
}
.pad-t-25 {
  padding-top: 25px;
}
.pad-t-30 {
  padding-top: 30px;
}
.pad-t-35 {
  padding-top: 35px;
}
.pad-t-40 {
  padding-top: 40px;
}
.pad-t-45 {
  padding-top: 45px;
}
.pad-t-50 {
  padding-top: 50px;
}
.pad-t-55 {
  padding-top: 55px;
}
.pad-t-60 {
  padding-top: 60px;
}
.pad-b-0 {
  padding-bottom: 0px;
}
.pad-b-5 {
  padding-bottom: 5px;
}
.pad-b-10 {
  padding-bottom: 10px;
}
.pad-b-15 {
  padding-bottom: 15px;
}
.pad-b-20 {
  padding-bottom: 20px;
}
.pad-b-25 {
  padding-bottom: 25px;
}
.pad-b-30 {
  padding-bottom: 30px;
}
.pad-b-35 {
  padding-bottom: 35px;
}
.pad-b-40 {
  padding-bottom: 40px;
}
.pad-b-45 {
  padding-bottom: 45px;
}
.pad-b-50 {
  padding-bottom: 50px;
}
.pad-b-55 {
  padding-bottom: 55px;
}
.pad-b-60 {
  padding-bottom: 60px;
}
.pad-lr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.pad-lr-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.pad-lr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.pad-lr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.pad-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.pad-lr-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.pad-lr-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.pad-lr-35 {
  padding-left: 35px;
  padding-right: 35px;
}
.pad-lr-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.pad-lr-45 {
  padding-left: 45px;
  padding-right: 45px;
}
.pad-lr-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.pad-lr-55 {
  padding-left: 55px;
  padding-right: 55px;
}
.pad-lr-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.pad-tb-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.pad-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pad-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pad-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pad-tb-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pad-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pad-tb-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.pad-tb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pad-tb-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.pad-tb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pad-tb-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}
.pad-tb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.top-space-0 {
  top: 0px;
}
.top-space-10 {
  top: 10px;
}
.top-space-20 {
  top: 20px;
}
.top-space-30 {
  top: 30px;
}
.top-space-40 {
  top: 40px;
}
.top-space-50 {
  top: 50px;
}
.top-space-60 {
  top: 60px;
}
.top-space-70 {
  top: 70px;
}
.top-space-80 {
  top: 80px;
}
.top-space-90 {
  top: 90px;
}
.top-space-100 {
  top: 100px;
}
.left-space-0 {
  left: 0px;
}
.left-space-10 {
  left: 10px;
}
.left-space-20 {
  left: 20px;
}
.left-space-30 {
  left: 30px;
}
.left-space-40 {
  left: 40px;
}
.left-space-50 {
  left: 50px;
}
.left-space-60 {
  left: 60px;
}
.left-space-70 {
  left: 70px;
}
.left-space-80 {
  left: 80px;
}
.left-space-90 {
  left: 90px;
}
.left-space-100 {
  left: 100px;
}
@media screen and (min-width: 769px) {
  .pc-pad-0 {
    padding: 0px;
  }
  .pc-pad-5 {
    padding: 5px;
  }
  .pc-pad-10 {
    padding: 10px;
  }
  .pc-pad-15 {
    padding: 15px;
  }
  .pc-pad-20 {
    padding: 20px;
  }
  .pc-pad-25 {
    padding: 25px;
  }
  .pc-pad-30 {
    padding: 30px;
  }
  .pc-pad-35 {
    padding: 35px;
  }
  .pc-pad-40 {
    padding: 40px;
  }
  .pc-pad-45 {
    padding: 45px;
  }
  .pc-pad-50 {
    padding: 50px;
  }
  .pc-pad-55 {
    padding: 55px;
  }
  .pc-pad-60 {
    padding: 60px;
  }
  .pc-pad-l-0 {
    padding-left: 0px;
  }
  .pc-pad-l-5 {
    padding-left: 5px;
  }
  .pc-pad-l-10 {
    padding-left: 10px;
  }
  .pc-pad-l-15 {
    padding-left: 15px;
  }
  .pc-pad-l-20 {
    padding-left: 20px;
  }
  .pc-pad-l-25 {
    padding-left: 25px;
  }
  .pc-pad-l-30 {
    padding-left: 30px;
  }
  .pc-pad-l-35 {
    padding-left: 35px;
  }
  .pc-pad-l-40 {
    padding-left: 40px;
  }
  .pc-pad-l-45 {
    padding-left: 45px;
  }
  .pc-pad-l-50 {
    padding-left: 50px;
  }
  .pc-pad-l-55 {
    padding-left: 55px;
  }
  .pc-pad-l-60 {
    padding-left: 60px;
  }
  .pc-pad-r-0 {
    padding-right: 0px;
  }
  .pc-pad-r-5 {
    padding-right: 5px;
  }
  .pc-pad-r-10 {
    padding-right: 10px;
  }
  .pc-pad-r-15 {
    padding-right: 15px;
  }
  .pc-pad-r-20 {
    padding-right: 20px;
  }
  .pc-pad-r-25 {
    padding-right: 25px;
  }
  .pc-pad-r-30 {
    padding-right: 30px;
  }
  .pc-pad-r-35 {
    padding-right: 35px;
  }
  .pc-pad-r-40 {
    padding-right: 40px;
  }
  .pc-pad-r-45 {
    padding-right: 45px;
  }
  .pc-pad-r-50 {
    padding-right: 50px;
  }
  .pc-pad-r-55 {
    padding-right: 55px;
  }
  .pc-pad-r-60 {
    padding-right: 60px;
  }
  .pc-pad-t-0 {
    padding-top: 0px;
  }
  .pc-pad-t-5 {
    padding-top: 5px;
  }
  .pc-pad-t-10 {
    padding-top: 10px;
  }
  .pc-pad-t-15 {
    padding-top: 15px;
  }
  .pc-pad-t-20 {
    padding-top: 20px;
  }
  .pc-pad-t-25 {
    padding-top: 25px;
  }
  .pc-pad-t-30 {
    padding-top: 30px;
  }
  .pc-pad-t-35 {
    padding-top: 35px;
  }
  .pc-pad-t-40 {
    padding-top: 40px;
  }
  .pc-pad-t-45 {
    padding-top: 45px;
  }
  .pc-pad-t-50 {
    padding-top: 50px;
  }
  .pc-pad-t-55 {
    padding-top: 55px;
  }
  .pc-pad-t-60 {
    padding-top: 60px;
  }
  .pc-pad-b-0 {
    padding-bottom: 0px;
  }
  .pc-pad-b-5 {
    padding-bottom: 5px;
  }
  .pc-pad-b-10 {
    padding-bottom: 10px;
  }
  .pc-pad-b-15 {
    padding-bottom: 15px;
  }
  .pc-pad-b-20 {
    padding-bottom: 20px;
  }
  .pc-pad-b-25 {
    padding-bottom: 25px;
  }
  .pc-pad-b-30 {
    padding-bottom: 30px;
  }
  .pc-pad-b-35 {
    padding-bottom: 35px;
  }
  .pc-pad-b-40 {
    padding-bottom: 40px;
  }
  .pc-pad-b-45 {
    padding-bottom: 45px;
  }
  .pc-pad-b-50 {
    padding-bottom: 50px;
  }
  .pc-pad-b-55 {
    padding-bottom: 55px;
  }
  .pc-pad-b-60 {
    padding-bottom: 60px;
  }
  .pc-pad-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pc-pad-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .pc-pad-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pc-pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pc-pad-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pc-pad-lr-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .pc-pad-lr-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .pc-pad-lr-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .pc-pad-lr-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .pc-pad-lr-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .pc-pad-lr-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .pc-pad-lr-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .pc-pad-lr-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .pc-pad-tb-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .pc-pad-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pc-pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pc-pad-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .pc-pad-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pc-pad-tb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .pc-pad-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pc-pad-tb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .pc-pad-tb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pc-pad-tb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .pc-pad-tb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pc-pad-tb-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .pc-pad-tb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pc-float-l {
    float: left;
  }
  .pc-float-r {
    float: right;
  }
}
@media screen and (max-width: 768px) {
  .ipad-pad-0 {
    padding: 0px;
  }
  .ipad-pad-5 {
    padding: 5px;
  }
  .ipad-pad-10 {
    padding: 10px;
  }
  .ipad-pad-15 {
    padding: 15px;
  }
  .ipad-pad-20 {
    padding: 20px;
  }
  .ipad-pad-25 {
    padding: 25px;
  }
  .ipad-pad-30 {
    padding: 30px;
  }
  .ipad-pad-35 {
    padding: 35px;
  }
  .ipad-pad-40 {
    padding: 40px;
  }
  .ipad-pad-45 {
    padding: 45px;
  }
  .ipad-pad-50 {
    padding: 50px;
  }
  .ipad-pad-55 {
    padding: 55px;
  }
  .ipad-pad-60 {
    padding: 60px;
  }
  .ipad-pad-l-0 {
    padding-left: 0px;
  }
  .ipad-pad-l-5 {
    padding-left: 5px;
  }
  .ipad-pad-l-10 {
    padding-left: 10px;
  }
  .ipad-pad-l-15 {
    padding-left: 15px;
  }
  .ipad-pad-l-20 {
    padding-left: 20px;
  }
  .ipad-pad-l-25 {
    padding-left: 25px;
  }
  .ipad-pad-l-30 {
    padding-left: 30px;
  }
  .ipad-pad-l-35 {
    padding-left: 35px;
  }
  .ipad-pad-l-40 {
    padding-left: 40px;
  }
  .ipad-pad-l-45 {
    padding-left: 45px;
  }
  .ipad-pad-l-50 {
    padding-left: 50px;
  }
  .ipad-pad-l-55 {
    padding-left: 55px;
  }
  .ipad-pad-l-60 {
    padding-left: 60px;
  }
  .ipad-pad-r-0 {
    padding-right: 0px;
  }
  .ipad-pad-r-5 {
    padding-right: 5px;
  }
  .ipad-pad-r-10 {
    padding-right: 10px;
  }
  .ipad-pad-r-15 {
    padding-right: 15px;
  }
  .ipad-pad-r-20 {
    padding-right: 20px;
  }
  .ipad-pad-r-25 {
    padding-right: 25px;
  }
  .ipad-pad-r-30 {
    padding-right: 30px;
  }
  .ipad-pad-r-35 {
    padding-right: 35px;
  }
  .ipad-pad-r-40 {
    padding-right: 40px;
  }
  .ipad-pad-r-45 {
    padding-right: 45px;
  }
  .ipad-pad-r-50 {
    padding-right: 50px;
  }
  .ipad-pad-r-55 {
    padding-right: 55px;
  }
  .ipad-pad-r-60 {
    padding-right: 60px;
  }
  .ipad-pad-t-0 {
    padding-top: 0px;
  }
  .ipad-pad-t-5 {
    padding-top: 5px;
  }
  .ipad-pad-t-10 {
    padding-top: 10px;
  }
  .ipad-pad-t-15 {
    padding-top: 15px;
  }
  .ipad-pad-t-20 {
    padding-top: 20px;
  }
  .ipad-pad-t-25 {
    padding-top: 25px;
  }
  .ipad-pad-t-30 {
    padding-top: 30px;
  }
  .ipad-pad-t-35 {
    padding-top: 35px;
  }
  .ipad-pad-t-40 {
    padding-top: 40px;
  }
  .ipad-pad-t-45 {
    padding-top: 45px;
  }
  .ipad-pad-t-50 {
    padding-top: 50px;
  }
  .ipad-pad-t-55 {
    padding-top: 55px;
  }
  .ipad-pad-t-60 {
    padding-top: 60px;
  }
  .ipad-pad-b-0 {
    padding-bottom: 0px;
  }
  .ipad-pad-b-5 {
    padding-bottom: 5px;
  }
  .ipad-pad-b-10 {
    padding-bottom: 10px;
  }
  .ipad-pad-b-15 {
    padding-bottom: 15px;
  }
  .ipad-pad-b-20 {
    padding-bottom: 20px;
  }
  .ipad-pad-b-25 {
    padding-bottom: 25px;
  }
  .ipad-pad-b-30 {
    padding-bottom: 30px;
  }
  .ipad-pad-b-35 {
    padding-bottom: 35px;
  }
  .ipad-pad-b-40 {
    padding-bottom: 40px;
  }
  .ipad-pad-b-45 {
    padding-bottom: 45px;
  }
  .ipad-pad-b-50 {
    padding-bottom: 50px;
  }
  .ipad-pad-b-55 {
    padding-bottom: 55px;
  }
  .ipad-pad-b-60 {
    padding-bottom: 60px;
  }
  .ipad-pad-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .ipad-pad-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .ipad-pad-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ipad-pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ipad-pad-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ipad-pad-lr-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .ipad-pad-lr-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .ipad-pad-lr-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .ipad-pad-lr-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ipad-pad-lr-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .ipad-pad-lr-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .ipad-pad-lr-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .ipad-pad-lr-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .ipad-pad-tb-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ipad-pad-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .ipad-pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .ipad-pad-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .ipad-pad-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ipad-pad-tb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .ipad-pad-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .ipad-pad-tb-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .ipad-pad-tb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .ipad-pad-tb-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .ipad-pad-tb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ipad-pad-tb-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .ipad-pad-tb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ipad-float-l {
    float: left;
  }
  .ipad-float-r {
    float: right;
  }
}
@media screen and (max-width: 1490px) and (min-width: 1281px) {
  .mar-xlg-0 {
    margin: 0;
  }
  .mar-xlg-b-10 {
    margin-bottom: 10px;
  }
  .mar-xlg-t-10 {
    margin-top: 10px;
  }
  .mar-xlg-l-10 {
    margin-left: 10px;
  }
  .mar-xlg-r-10 {
    margin-right: 10px;
  }
  .pad-xlg-0 {
    padding: 0;
  }
  .pad-xlg-b-10 {
    padding-bottom: 10px;
  }
  .pad-xlg-t-10 {
    padding-top: 10px;
  }
  .pad-xlg-l-10 {
    padding-left: 10px;
  }
  .pad-xlg-r-10 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .mar-lg-0 {
    margin: 0;
  }
  .mar-lg-b-10 {
    margin-bottom: 10px;
  }
  .mar-lg-t-10 {
    margin-top: 10px;
  }
  .mar-lg-l-10 {
    margin-left: 10px;
  }
  .mar-lg-r-10 {
    margin-right: 10px;
  }
  .pad-lg-0 {
    padding: 0;
  }
  .pad-lg-l-0 {
    padding-left: 0;
  }
  .pad-lg-b-10 {
    padding-bottom: 10px;
  }
  .pad-lg-t-10 {
    padding-top: 10px;
  }
  .pad-lg-l-10 {
    padding-left: 10px;
  }
  .pad-lg-r-10 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mar-md-0 {
    margin: 0px;
  }
  .mar-md-b-10 {
    margin-bottom: 10px;
  }
  .mar-md-t-10 {
    margin-top: 10px;
  }
  .mar-md-l-10 {
    margin-left: 10px;
  }
  .mar-md-r-10 {
    margin-right: 10px;
  }
  .pad-md-0 {
    padding: 0;
  }
  .pad-md-b-10 {
    padding-bottom: 10px;
  }
  .pad-md-t-10 {
    padding-top: 10px;
  }
  .pad-md-l-10 {
    padding-left: 10px;
  }
  .pad-md-l-5 {
    padding-left: 5px;
  }
  .pad-md-l-0 {
    padding-left: 0;
  }
  .pad-md-r-10 {
    padding-right: 10px;
  }
}
/*---------- start margin classese here-----------------*/

.no-mar,
.mar-0 {
  margin: 0 !important;
}
.mar-5 {
  margin: 5px;
}
.mar-10 {
  margin: 10px;
}
.mar-15 {
  margin: 15px;
}
.mar-20 {
  margin: 20px;
}
.mar-25 {
  margin: 25px;
}
.mar-30 {
  margin: 30px;
}
.mar-35 {
  margin: 35px;
}
.mar-40 {
  margin: 40px;
}
.mar-45 {
  margin: 45px;
}
.mar-l-5 {
  margin-left: 5px;
}
.mar-r-5 {
  margin-right: 5px;
}
.mar-t-5 {
  margin-top: 5px;
}
.mar-b-5 {
  margin-bottom: 5px;
}
.mar-lr-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mar-tb-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mar-l-10 {
  margin-left: 10px;
}
.mar-l-auto {
  margin-left: auto;
}
.mar-r-10 {
  margin-right: 10px;
}
.mar-t-10 {
  margin-top: 10px;
}
.mar-b-10 {
  margin-bottom: 10px;
}
.mar-lr-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mar-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mar-l-15 {
  margin-left: 15px;
}
.mar-r-15 {
  margin-right: 15px;
}
.mar-t-15 {
  margin-top: 15px;
}
.mar-b-15 {
  margin-bottom: 15px;
}
.mar-lr-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mar-tb-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mar-l-20 {
  margin-left: 20px;
}
.mar-r-20 {
  margin-right: 20px;
}
.mar-t-20 {
  margin-top: 20px;
}
.mar-b-20 {
  margin-bottom: 20px;
}
.mar-lr-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.mar-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mar-l-25 {
  margin-left: 25px;
}
.mar-r-25 {
  margin-right: 25px;
}
.mar-t-25 {
  margin-top: 25px;
}
.mar-b-25 {
  margin-bottom: 25px;
}
.mar-lr-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.mar-tb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.mar-l-30 {
  margin-left: 30px;
}
.mar-r-30 {
  margin-right: 30px;
}
.mar-t-30 {
  margin-top: 30px;
}
.mar-b-30 {
  margin-bottom: 30px;
}
.mar-lr-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.mar-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mar-l-35 {
  margin-left: 35px;
}
.mar-r-35 {
  margin-right: 35px;
}
.mar-t-35 {
  margin-top: 35px;
}
.mar-b-35 {
  margin-bottom: 35px;
}
.mar-lr-35 {
  margin-left: 35px;
  margin-right: 35px;
}
.mar-tb-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.mar-l-40 {
  margin-left: 40px;
}
.mar-r-40 {
  margin-right: 40px;
}
.mar-t-40 {
  margin-top: 40px;
}
.mar-b-40 {
  margin-bottom: 40px;
}
.mar-lr-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.mar-tb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.mar-l-45 {
  margin-left: 45px;
}
.mar-r-45 {
  margin-right: 45px;
}
.mar-t-45 {
  margin-top: 45px;
}
.mar-b-45 {
  margin-bottom: 45px;
}
.mar-lr-45 {
  margin-left: 45px;
  margin-right: 45px;
}
.mar-tb-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
/*Extra Class for Margin*/

.mar-t-2 {
  margin-top: 2px;
}
.mar-t-12 {
  margin-top: 12px;
}
/*pull top start here*/

.pull-t-5 {
  margin-top: -5px;
}
.pull-t-10 {
  margin-top: -10px;
}
.pull-t-15 {
  margin-top: -15px;
}
.pull-t-20 {
  margin-top: -20px;
}
.pull-t-25 {
  margin-top: -25px;
}
@media screen and (min-width: 769px) {
  .pc-pull-t-0 {
    margin-top: 0px;
  }
  .pc-pull-t-5 {
    margin-top: -5px;
  }
  .pc-pull-t-10 {
    margin-top: -10px;
  }
  .pc-pull-t-15 {
    margin-top: -15px;
  }
  .pc-pull-t-20 {
    margin-top: -20px;
  }
  .pc-pull-t-25 {
    margin-top: -25px;
  }
}
@media screen and (max-width: 768px) {
  .ipad-pull-t-0 {
    margin-top: 0px;
  }
  .ipad-pull-t-5 {
    margin-top: -5px;
  }
  .ipad-pull-t-10 {
    margin-top: -10px;
  }
  .ipad-pull-t-15 {
    margin-top: -15px;
  }
  .ipad-pull-t-20 {
    margin-top: -20px;
  }
  .ipad-pull-t-25 {
    margin-top: -25px;
  }
}
@media screen and (min-width: 769px) {
  .pc-mar-0 {
    margin: 0px !important;
  }
  .pc-mar-t-0 {
    margin-top: 0px !important;
  }
  .pc-mar-b-0 {
    margin-bottom: 0px !important;
  }
  .pc-mar-l-0 {
    margin-left: 0px !important;
  }
  .pc-mar-r-0 {
    margin-right: 0px !important;
  }
  .pc-mar-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .pc-mar-tb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .pc-mar-t-5 {
    margin-top: 5px;
  }
  .pc-mar-b-5 {
    margin-bottom: 5px;
  }
  .pc-mar-l-5 {
    margin-left: 5px;
  }
  .pc-mar-r-5 {
    margin-right: 5px;
  }
  .pc-mar-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .pc-mar-tb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .pc-mar-t-10 {
    margin-top: 10px;
  }
  .pc-mar-b-10 {
    margin-bottom: 10px;
  }
  .pc-mar-l-10 {
    margin-left: 10px;
  }
  .pc-mar-r-10 {
    margin-right: 10px;
  }
  .pc-mar-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .pc-mar-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pc-mar-t-15 {
    margin-top: 15px;
  }
  .pc-mar-b-15 {
    margin-bottom: 15px;
  }
  .pc-mar-l-15 {
    margin-left: 15px;
  }
  .pc-mar-r-15 {
    margin-right: 15px;
  }
  .pc-mar-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .pc-mar-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .pc-mar-t-20 {
    margin-top: 20px;
  }
  .pc-mar-b-20 {
    margin-bottom: 20px;
  }
  .pc-mar-l-20 {
    margin-left: 20px;
  }
  .pc-mar-r-20 {
    margin-right: 20px;
  }
  .pc-mar-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .pc-mar-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  [class*="pull-t-"] {
    margin-top: 0;
  }
  .ipad-mar-0 {
    margin: 0px !important;
  }
  .ipad-mar-t-0 {
    margin-top: 0px !important;
  }
  .ipad-mar-b-0 {
    margin-bottom: 0px !important;
  }
  .ipad-mar-l-0 {
    margin-left: 0px !important;
  }
  .ipad-mar-r-0 {
    margin-right: 0px !important;
  }
  .ipad-mar-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .ipad-mar-tb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .ipad-mar-t-5 {
    margin-top: 5px;
  }
  .ipad-mar-b-5 {
    margin-bottom: 5px;
  }
  .ipad-mar-l-5 {
    margin-left: 5px;
  }
  .ipad-mar-r-5 {
    margin-right: 5px;
  }
  .ipad-mar-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .ipad-mar-tb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .ipad-mar-t-10 {
    margin-top: 10px;
  }
  .ipad-mar-b-10 {
    margin-bottom: 10px;
  }
  .ipad-mar-l-10 {
    margin-left: 10px;
  }
  .ipad-mar-r-10 {
    margin-right: 10px;
  }
  .ipad-mar-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .ipad-mar-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ipad-mar-t-15 {
    margin-top: 15px;
  }
  .ipad-mar-b-15 {
    margin-bottom: 15px;
  }
  .ipad-mar-l-15 {
    margin-left: 15px;
  }
  .ipad-mar-r-15 {
    margin-right: 15px;
  }
  .ipad-mar-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .ipad-mar-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .ipad-mar-t-20 {
    margin-top: 20px;
  }
  .ipad-mar-b-20 {
    margin-bottom: 20px;
  }
  .ipad-mar-l-20 {
    margin-left: 20px;
  }
  .ipad-mar-r-20 {
    margin-right: 20px;
  }
  .ipad-mar-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .ipad-mar-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
/*---------------------------------------------------------------------------------------------------------*/

/*------------------------ START MAIN LAYOUT STRUCTURAL PROPERTIES HERE -----------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*--------------- start mobile header classes here -------------------------------------------------------*/

html.mobile body.overflow-hide {
  overflow: hidden;
}
html.mobile body aside#m-left {
  display: none;
}
html.mobile body #m-quick-action {
  background: #2d333b;
}
html.mobile body #m-top {
  width: 100%;
  background: #3f4752;
}
html.mobile body #m-main-navigation #m-main-nav-section {
  top: 100px;
}
html.mobile body.open-main-nav {
  overflow: hidden;
}
html.mobile header {
  background-color: #2d333b;
  position: relative;
  z-index: 6;
}
html.mobile header,
html.mobile header #m-top,
html.mobile header .provider-info {
  float: left;
  display: inline-block;
  width: 100%;
}
html.mobile header #m-top #m-quick-action span > [class*="icon-"] {
  background: none transparent;
}
html.mobile header #m-top #m-quick-action span.active .action-popup-btn > span {
  border-width: 10px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: 4px;
  border-style: solid;
  border-color: transparent transparent #26c281;
}
html.mobile header #m-top #m-quick-action span .add-action-popup {
  /*position:fixed;
                    left:12px;
                    top:98px;
                    right:12px;
                    font-size:1.2em;*/
  z-index: auto;
  top: 46px;
}
html.mobile header #m-top #m-quick-action span .add-action-popup:before {
  display: none;
}
html.mobile header #m-top #m-quick-action span #adv-search-popup {
  width: 100%;
  padding: 10px;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html.mobile header .provider-info {
  background-color: #010101;
  position: relative;
  z-index: 1;
}
html.mobile header .provider-info div.logo {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 10px;
}
html.mobile header .provider-info div.logo img {
  height: 27px;
}
html.mobile header #m-main-navigation-mobile {
  float: right;
  text-align: center;
  font-size: 1.2em;
}
html.mobile header #m-main-navigation-mobile > span#m-current-nav {
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 50px;
  color: white;
  height: 50px;
  padding: 0 7px;
  background-color: #26c281;
  position: absolute;
  z-index: 1001;
  cursor: pointer;
  vertical-align: middle;
  text-indent: 0.4em;
  left: 100%;
  top: 0;
  margin-left: -51px;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  -ms-transition: left 0.3s;
  transition: left 0.3s;
}
html.mobile header #m-main-navigation-mobile > span#m-current-nav:before {
  content: "\e028";
  font-family: "npe_icons_v1regular";
  font-size: 2.3em;
  vertical-align: middle;
  margin-right: 5px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section {
  width: 100%;
  background-color: #2d333b;
  text-align: left;
  position: fixed;
  left: 100%;
  top: 0;
  bottom: 0;
  z-index: 1;
  overflow: auto;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  -ms-transition: left 0.3s;
  transition: left 0.3s;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll {
  width: 100%;
  display: inline-block;
  background: #4d5966;
  overflow-y: auto;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab {
  width: 350px;
  display: inline-block;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li {
  width: 100px;
  float: left;
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 7px 14px;
  color: #767f8b;
  cursor: pointer;
  text-align: center;
  border-left: 1px solid #4d5966;
  min-height: 50px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li.integrationNav > b,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li.addonsNav > b {
  padding-top: 8px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li > span {
  display: none;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li > b {
  display: inline-block;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li.activeNav {
  background-color: #4d5966;
  color: #2d333b;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li.activeNav > span {
  border-color: white;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section .tab-scroll #m-main-nav-tab > li > b {
  color: white;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container {
  display: inline-block;
  width: 100%;
  background: #525f6d;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div {
  display: none;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div.activeNav {
  display: block;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul {
  display: inline-block;
  width: 100%;
  float: left;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li {
  display: inline-block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #2d333b;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li > a,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li > a {
  font-weight: normal;
  display: block;
  padding: 5px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li a,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li a {
  color: white;
  font-size: 1.25em;
  text-decoration: none;
  line-height: 1.8em;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li > ul,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li > ul {
  display: none;
  padding: 10px 0;
  background-color: #2d333b;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li > ul > li,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li > ul > li {
  display: inline-block;
  width: 100%;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li > ul > li > a,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li > ul > li > a {
  display: block;
  padding: 4px 8px 4px 18px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li.submenu > a:after,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li.submenu > a:after {
  font-family: 'npe_icons_v1regular';
  content: '\e803';
  font-size: 1.8em;
  line-height: 0;
  vertical-align: middle;
  color: #dadada;
  float: right;
  margin-right: 42px;
  margin-top: 15px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li.max > ul,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li.max > ul {
  display: block;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li.max > a:after,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li.max > a:after {
  content: '\e804' !important;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li > .main-icon-block,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li > .main-icon-block {
  display: none;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div > ul > li .icon-other,
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container > div .navigation-grid > ul > li .icon-other {
  display: none;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container {
  padding: 30px;
  width: 100%;
  display: inline-block;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col {
  width: 33.33%;
  padding: 10px;
  float: left;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col > .module-block {
  width: 100%;
  background: #262b32;
  padding: 20px;
  display: table;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col > .module-block .module-grid {
  display: table-row-group;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col > .module-block .module-grid > .module-row {
  display: table-row;
  text-decoration: none;
  color: inherit;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col > .module-block .module-grid > .module-row > .module-col-grid {
  display: table-cell;
  vertical-align: middle;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col .module-icon {
  width: 60px;
  height: 80px;
  text-align: center;
  padding: 0 0px 0 0px;
  font-size: 9em;
  color: #454f5b;
  line-height: 0px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col .module-icon > span[class*="icon-"] {
  width: 60px;
  line-height: 0;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col .module-text {
  text-align: right;
  padding: 0 20px 0 10px;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col .module-text h2 {
  font-size: 2em;
  width: 100%;
  color: white;
  text-transform: uppercase;
  padding-bottom: 0px;
  font-weight: normal;
  word-wrap: break-word;
}
html.mobile header #m-main-navigation-mobile > #m-main-nav-section #m-main-nav-container .module-container .module-col .module-text span {
  font-size: 1.4em;
  width: 100%;
  color: #26c281;
  word-wrap: break-word;
}
html.mobile header #m-profile-mobile {
  font-size: 1.6em;
}
html.mobile header #m-profile-mobile.open #m-profile-name {
  background-color: #384049;
}
html.mobile header #m-profile-mobile.open #m-profile-nav {
  display: inline-block;
  height: 210px;
}
html.mobile header #m-profile-mobile.animation #m-profile-nav {
  display: inline-block;
}
html.mobile header #m-profile-mobile #m-profile-name {
  float: right;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 54px;
  width: 50px;
  height: 50px;
  text-indent: 60px;
  overflow: hidden;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #384049;
}
html.mobile header #m-profile-mobile #m-profile-name > span {
  text-indent: 0;
  float: left;
  font-size: 3.2em;
  line-height: 1em;
}
html.mobile header #m-profile-mobile #m-profile-nav {
  display: block;
  width: 100%;
  height: 0;
  float: left;
  overflow: hidden;
  background-color: #384049;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -ms-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
html.mobile header #m-profile-mobile #m-profile-nav > ul li {
  border-bottom: 1px solid #2d333b;
}
html.mobile header #m-profile-mobile #m-profile-nav > ul li > a {
  display: inline-block;
  width: 100%;
  line-height: 2.6em;
  vertical-align: middle;
  color: white;
}
html.mobile header #m-profile-mobile #m-profile-nav > ul li > a > span {
  float: left;
  color: #6a7a8c;
}
html.mobile header #m-profile-mobile #m-profile-nav > ul li:hover,
html.mobile header #m-profile-mobile #m-profile-nav > ul li:focus {
  background-color: #26c281;
  color: #2d333b;
}
html.mobile header #m-profile-mobile #m-profile-nav > ul li:hover > span,
html.mobile header #m-profile-mobile #m-profile-nav > ul li:focus > span {
  color: #2d333b;
}
html.mobile header #m-sub-links {
  float: left;
  width: 100%;
  display: inline-block;
  background-color: #22ad73;
}
html.mobile header #m-sub-links > .menuBar {
  width: 100%;
  float: left;
  display: inline-block;
}
html.mobile header #m-sub-links > .menuBar > a {
  width: 100%;
  float: left;
  display: inline-block;
  background-color: #26c281;
  font-size: 1.5em;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}
html.mobile header #m-sub-links > .menuBar > a:after {
  font-family: 'npe_icons_v1regular';
  content: "\e004";
  font-size: 1.5em;
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
html.mobile header #m-sub-links > .menuBar > ul {
  display: none;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html.mobile header #m-sub-links > .menuBar > ul > li {
  display: inline-block;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
html.mobile header #m-sub-links > .menuBar > ul > li > ul {
  display: inline-block;
  width: 100%;
  float: left;
  background-color: rgba(0, 0, 0, 0.1);
}
html.mobile header #m-sub-links > .menuBar > ul > li.submenu > a:after {
  font-family: 'npe_icons_v1regular';
  content: '\e803';
  font-size: 2em;
  line-height: 0;
  vertical-align: middle;
  color: white;
  float: right;
  margin-right: 0px;
  margin-top: 10px;
}
html.mobile header #m-sub-links > .menuBar > ul > li.submenu.active > a:after {
  content: '\e804';
}
html.mobile header #m-sub-links > .menuBar > ul > li.submenu.active > ul {
  display: block;
}
html.mobile header #m-sub-links > .menuBar > ul > li.submenu > ul {
  display: none;
}
html.mobile header #m-sub-links > .menuBar > ul > li.submenu > ul > .back-menu {
  display: none;
}
html.mobile header #m-sub-links > .menuBar > ul a {
  display: inline-block;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: white;
  font-size: 1.4em;
  padding: 10px;
}
html.mobile header #m-sub-links.max > .menuBar > a:after {
  content: "\e005";
}
html.mobile header #m-sub-links.max > .menuBar > ul {
  display: block;
}
/* apply display block propery to below tags */

aside,
nav {
  display: inline-block;
}
/* apply box-sizing propery to below tags */

aside,
nav,
div,
section,
input,
select,
textarea,
ul,
ol,
li {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.hide-scroll {
  z-index: 0 !important;
}
/* --------- START LEFT SIDE MAIN PANEL CLASSES HERE -------------------- */

aside#m-left {
  position: fixed !important;
  left: 0;
  top: 0;
  bottom: 0;
  width: 233px;
  z-index: 8;
  overflow: hidden;
  /*background:url(images/npe_logo_watermark.png) no-repeat center 100% @base-color-1-l8;*/
  background: #3f4752;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
.nav-min aside#m-left {
  left: -183px;
  overflow: visible !important;
  -webkit-transition: left 0.3s ease-in;
  -moz-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
  -ms-transition: left 0.3s ease-in;
  transition: left 0.3s ease-in;
}
aside#m-left > #m-logo-section {
  background-color: #2d333b;
  height: 50px;
  border-bottom: 1px solid #262b32;
  padding-left: 8px;
  display: inline-block;
  width: 100%;
  float: left;
  position: relative;
}
aside#m-left > #m-logo-section > span.logo-image {
  padding-top: 8px;
  display: inline-block;
  padding-left: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  padding-right: 50px;
}
aside#m-left > #m-logo-section > span.logo-image img {
  max-width: 100%;
  max-height: 35px;
}
.provider-logo {
  position: fixed;
  bottom: 0px;
  padding: 10px 10px;
  width: 233px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  background: #3f4752;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  -ms-transition: left 0.3s;
  transition: left 0.3s;
}
.provider-logo img {
  max-width: 100%;
  max-height: 35px;
}
.nav-max .provider-logo {
  left: 0px;
}
.nav-min .provider-logo {
  left: -130px;
}
aside#m-left > #m-logo-section > #m-logo {
  float: left;
  overflow: hidden;
  height: 50px;
}
aside#m-left > #m-logo-section > #m-logo:after {
  content: "\e029";
  font-family: "npe_icons_v1regular";
  font-size: 9em;
  line-height: 0.6em;
  color: #b6b8bb;
}
aside#m-left > #m-logo-section > #m-menu-icon {
  float: right;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
aside#m-left > #m-logo-section > #m-menu-icon:after {
  overflow: hidden;
  height: 50px;
  padding: 0 12px 0 10px;
}
aside#m-left > #m-logo-section > #m-menu-icon:after {
  content: "\e011";
  font-family: "npe_icons_v1regular";
  font-size: 28px;
  line-height: 50px;
  color: #4d5966;
  text-shadow: 1px 1px 1px #0b0d0f;
}
.nav-min aside#m-left > #m-logo-section > #m-menu-icon:after {
  content: "\e013";
}
/* -------------------- START ACTIVITIES SECTION CLASSES HERE ------------------------ */

aside#m-left > #m-activities {
  display: inline-block;
  width: 100%;
  float: left;
}
aside#m-left > #m-activities .m-a-count-cnt {
  background-color: #ff4d4d;
  display: inline-block;
  padding: 4px 8px;
  float: right;
  color: white;
  font-size: 0.8em;
  font-weight: 600;
  margin: -3px -5px 0 0;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
aside#m-left > #m-activities > .m-a-count-cnt {
  display: none;
}
aside#m-left > #m-activities .m-a-count-cnt .loading {
  background: url("/content/images/spiner.gif") no-repeat center center;
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  content: "";
}
aside#m-left > #m-activities .m-a-count-cnt .m-a-count span {
  min-height: 24px;
  min-width: 24px;
  line-height: 24px;
  float: left;
}
aside#m-left > #m-activities > .menuBar > h2 > .add-interaction > .icon-add {
  font-size: 2.2em;
  line-height: 0.7em;
  cursor: pointer;
  float: right;
}
aside#m-left > #m-activities .search-bx > input[type="search"] {
  background-color: #2d333b;
  border: 0px;
  font-size: 1.2em;
  color: #a5abb2;
  background-position: right -162px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
aside#m-left > #m-activities:hover > .menuBar > ul,
aside#m-left > #m-activities.open > .menuBar > ul {
  height: 120px;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -ms-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
aside#m-left > #m-activities > .menuBar > ul {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}
aside#m-left > #m-activities > .menuBar > ul > li {
  font-weight: 600;
  padding: 10px;
}
aside#m-left > #m-activities > .menuBar > ul > li a {
  color: #a5abb2;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.2em;
}
aside#m-left > #m-activities > .menuBar > ul > li span.icon-switch {
  float: left;
  padding-right: 10px;
  font-size: 2em;
}
aside#m-left > #m-activities > .menuBar > ul > li a label {
  font-size: 1em;
  color: #a5abb2;
}
/* -------------------- START TAKE ACTION SECTION CLASSES HERE ----------------------- */

aside#m-left > #m-take-action {
  display: inline-block;
  width: 100%;
  float: left;
}
aside#m-left > #m-take-action > .menuBar > h2,
aside#m-left > #m-activities > .menuBar > h2 {
  font-weight: 300;
  color: #a5abb2;
  font-size: 1.8em;
  padding: 12px 16px;
}
aside#m-left > #m-take-action > .menuBar > h2:after {
  content: "\e009";
  font-family: "npe_icons_v1regular";
  float: right;
  margin-top: 5px;
}
aside#m-left > #m-take-action:hover > .menuBar > h2:after {
  content: "\e010";
}
aside#m-left > #m-take-action {
  font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
  background-color: #4d5966;
}
aside#m-left > #m-take-action > .menuBar > ul {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -ms-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
aside#m-left > #m-take-action > .menuBar > ul > li {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.2em;
  padding: 10px;
}
aside#m-left > #m-take-action > .menuBar > ul > li > a {
  color: #a5abb2;
  text-decoration: none;
}
aside#m-left > #m-take-action > .menuBar > ul > li > span {
  float: left;
  padding-right: 10px;
}
.nav-max aside#m-left > #m-take-action:hover > .menuBar > ul {
  height: 150px;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -ms-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
.nav-min aside#m-left > #m-take-action > .menuBar > ul {
  height: auto;
}
/* -------------------- START MAX-MIN NAV CLASSES HERE -------------------------- */

.nav-min aside#m-left #m-activities,
.nav-min aside#m-left #m-take-action {
  cursor: pointer;
}
.nav-min aside#m-left .menuBar {
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  position: fixed;
  z-index: 1;
  left: 50px;
  overflow: hidden;
  width: 0px;
  top: 0;
  -webkit-transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  -ms-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}
.nav-min aside#m-left .menuBar ul {
  width: 233px;
}
.nav-min aside#m-left .menuBar > h2 {
  width: 233px;
}
.nav-min aside#m-left #m-activities.open .menuBar,
.nav-min aside#m-left #m-take-action.open .menuBar {
  width: 233px;
  -webkit-transition: width 0.3s ease-in;
  -moz-transition: width 0.3s ease-in;
  -o-transition: width 0.3s ease-in;
  -ms-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
}
.nav-min aside#m-left #m-activities:after,
.nav-min aside#m-left #m-take-action:after {
  content: "";
  font-size: 3.8em;
  letter-spacing: 5px;
  line-height: 1.4em;
  font-family: 'npe_icons_v1regular' !important;
  background-color: #3f4752;
  display: inline-block;
  height: 50px;
  width: 233px;
  text-align: right;
  color: #999999;
}
.nav-min aside#m-left #m-activities > .m-a-count-cnt {
  display: inline-block;
  font-size: 1.42em;
  position: absolute;
  right: 10px;
  top: 62px;
}
.nav-min aside#m-left #m-take-action:after {
  content: "\e042";
}
.nav-min aside#m-left #m-activities.open:after,
.nav-min aside#m-left #m-take-action.open:after {
  background-color: rgba(0, 0, 0, 0.9);
}
/* -------------------- START SUB SECTION CLASSES HERE ----------------------- */

html:not(.mobile) .nav-max aside#m-left .menuBar {
  overflow: inherit !important;
}
html:not(.mobile) .nav-min #m-sub-links {
  cursor: pointer;
  position: relative;
}
html:not(.mobile) .nav-min #m-sub-links .bind-click-event {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  display: inline-block;
}
html:not(.mobile) .nav-min #m-sub-links:after {
  content: "";
  font-size: 3.8em;
  letter-spacing: 5px;
  line-height: 1.4em;
  font-family: 'npe_icons_v1regular' !important;
  background-color: #3f4752;
  display: inline-block;
  height: 50px;
  width: 233px;
  text-align: right;
  color: #999999;
}
html:not(.mobile) .nav-min #m-sub-links.open:after {
  background-color: rgba(0, 0, 0, 0.9);
}
html:not(.mobile) .nav-min #m-sub-links.open .menuBar {
  width: 233px;
  -webkit-transition: width 0.3s ease-in;
  -moz-transition: width 0.3s ease-in;
  -o-transition: width 0.3s ease-in;
  -ms-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
}
html:not(.mobile) .nav-min #m-sub-links.contactmanagement:after {
  content: "\e034";
}
html:not(.mobile) .nav-min #m-sub-links.configuration:after {
  content: "\e033";
}
html:not(.mobile) .nav-min #m-sub-links.eventmanagement:after {
  content: "\e044";
}
html:not(.mobile) .nav-min #m-sub-links.donationmanagement:after {
  content: "~";
}
html:not(.mobile) .nav-min #m-sub-links.dm:after {
  content: "\e020";
}
html:not(.mobile) .nav-min #m-sub-links.membershipmanagement:after {
  content: "\e058";
}
html:not(.mobile) .nav-min #m-sub-links.volunteermanagement:after {
  content: "\e034";
}
html:not(.mobile) .nav-min #m-sub-links.otherstuff:after {
  content: "\e034";
}
html:not(.mobile) .nav-min #m-sub-links.setting:after {
  content: "\e032";
}
html:not(.mobile) .nav-min #m-sub-links.financial:after {
  content: "\e049";
}
html:not(.mobile) .nav-min #m-sub-links.reports:after {
  content: "\e022";
}
html:not(.mobile) #m-sub-links {
  display: inline-block;
  width: 100%;
  float: left;
  margin-bottom: 65px;
  /*background-color: @base-color-1;*/

}
html:not(.mobile) #m-sub-links > .menuBar > a,
html:not(.mobile) #m-sub-links li,
html:not(.mobile) #m-sub-links a {
  font-weight: 400;
  color: #a5abb2;
}
html:not(.mobile) #m-sub-links > .menuBar > a,
html:not(.mobile) #m-sub-links a {
  font-size: 1.5em;
}
html:not(.mobile) #m-sub-links > .menuBar > a,
html:not(.mobile) #m-sub-links ul {
  display: block;
}
html:not(.mobile) #m-sub-links .menuBar > a {
  padding: 12px 16px;
  margin-bottom: 0px;
  font-size: 1.8em;
  font-weight: 400;
  background-color: #26c281;
  color: white;
}
html:not(.mobile) #m-sub-links ul.side-nav {
  position: relative;
  left: 0px;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -ms-transition: left 0.5s;
  transition: left 0.5s;
}
html:not(.mobile) #m-sub-links ul.side-nav > li > ul {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 180px;
}
html:not(.mobile) #m-sub-links ul.side-nav > li > ul > li.back-menu {
  background: #4d5966;
}
html:not(.mobile) #m-sub-links ul.side-nav > li > ul > li.back-menu a {
  padding: 0px;
  line-height: 40px;
}
html:not(.mobile) #m-sub-links ul.side-nav > li > ul > li.back-menu a:before {
  content: "\e011";
  vertical-align: middle;
  font-family: "npe_icons_v1regular";
  font-size: 18px;
  line-height: 40px;
  display: inline-block;
  margin-top: -2px;
  width: 20px;
  margin-left: 10px;
}
html:not(.mobile) #m-sub-links ul.side-nav > li.active > ul {
  display: block;
}
html:not(.mobile) #m-sub-links ul.side-nav > li.submenu > a:after {
  content: "\e013";
  vertical-align: middle;
  font-family: "npe_icons_v1regular";
  font-size: 18px;
  float: right;
  width: 5px;
  line-height: 20px;
}
html:not(.mobile) #m-sub-links ul.side-nav > li.submenu.active:after {
  display: none;
}
html:not(.mobile) #m-sub-links ul.side-nav.open {
  left: -180px;
}
html:not(.mobile) #m-sub-links ul {
  padding: 0 0 0 0;
}
html:not(.mobile) #m-sub-links li {
  display: block;
  border-bottom: 1px solid #2d333b;
}
html:not(.mobile) #m-sub-links li:hover {
  background-color: #48515d;
}
html:not(.mobile) #m-sub-links li.active > a {
  color: white;
  border-left: 5px solid white;
  padding-left: 12px;
}
html:not(.mobile) #m-sub-links li.active {
  background-color: #2d333b;
}
html:not(.mobile) #m-sub-links li > a:focus {
  outline: none;
}
html:not(.mobile) #m-sub-links li a {
  display: block;
}
html:not(.mobile) #m-sub-links li.mainactive {
  background-color: #2d333b;
}
html:not(.mobile) #m-sub-links li.mainactive > a {
  border-left: 5px solid white;
  color: white;
}
html:not(.mobile) #m-sub-links li.act > a,
html:not(.mobile) #m-sub-links li:hover > a {
  color: white;
}
html:not(.mobile) #m-sub-links a {
  text-decoration: none;
  display: block;
  padding: 10px 17px;
}
html:not(.mobile) .nav-min #m-sub-links li:hover {
  background-color: black;
}
html:not(.mobile) .nav-min #m-sub-links li.active > a {
  color: white;
  border-left: 5px solid white;
  padding-left: 12px;
}
html:not(.mobile) .nav-min #m-sub-links li.active {
  background-color: #666666;
}
html:not(.mobile) .nav-min #m-sub-links li.mainactive {
  background-color: #666666;
}
html:not(.mobile) .nav-min #m-sub-links li.mainactive > a {
  border-left: 5px solid white;
  color: white;
}
/* --------- START RIGHT SIDE MAIN PANEL CLASSES HERE --------------------*/

div#m-right {
  display: inline-block;
  width: 100%;
  min-height: 100%;
  -webkit-transition: padding 0.3s ease-out;
  -moz-transition: padding 0.3s ease-out;
  -o-transition: padding 0.3s ease-out;
  -ms-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
  float: left;
  margin-bottom: -50px;
}
html:not(.mobile) div#m-right {
  padding-top: 50px;
  padding-left: 233px;
}
html:not(.mobile) .volunteer-profile div#m-right {
  padding-left: 0;
}
html:not(.mobile) .nav-min div#m-right {
  padding-left: 50px;
  -webkit-transition: padding 0.3s ease-in;
  -moz-transition: padding 0.3s ease-in;
  -o-transition: padding 0.3s ease-in;
  -ms-transition: padding 0.3s ease-in;
  transition: padding 0.3s ease-in;
}
html:not(.mobile) .nav-min.volunteer-profile div#m-right {
  padding-left: 0;
}
html:not(.mobile) div#m-right > #m-gray-strip {
  display: inline-block;
  height: 50px;
  background-color: #343b44;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
}
/* --------- START TOP NAVIGATION BAR CLASSES HERE --------------------*/

html:not(.mobile) nav#m-top {
  height: 50px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #2d333b;
  -webkit-transition: padding 0.3s ease-out;
  -moz-transition: padding 0.3s ease-out;
  -o-transition: padding 0.3s ease-out;
  -ms-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
  padding-left: 233px;
  position: fixed;
  top: 0;
  z-index: 7;
  left: 0px;
}
nav#m-top > span#current {
  display: inline-block;
  font-size: 1.2em;
}
[data-icon]:before {
  font-family: "npe_icons_v1regular";
  /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none;
  /* Not to be trusted, but hey. */

}
.screen-reader-position {
  position: relative;
}
.screen-reader-text {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
}
@-moz-document url-prefix() {
  body {
    overflow-x: hidden;
  }
  
  .screen-reader-text {
    overflow: unset;
  }
}
#m-main-navigation {
  float: right;
  text-align: center;
}
#m-main-navigation > span#m-current-nav {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 50px;
  color: white;
  height: 50px;
  padding: 0 16px;
  background-color: #26c281;
  position: relative;
  z-index: 1001;
  cursor: pointer;
  vertical-align: middle;
  text-indent: 0.4em;
}
#m-main-navigation > span#m-current-nav:before {
  content: "\e028";
  font-family: "npe_icons_v1regular";
  font-size: 2.3em;
  vertical-align: middle;
  margin-right: 5px;
}
#m-main-navigation > #m-main-nav-section {
  position: absolute;
  left: 0;
  top: 49px;
  z-index: 1000;
  width: 100%;
  background-color: #2d333b;
  overflow: hidden;
  text-align: left;
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
#m-main-navigation #m-main-nav-tab {
  width: 100px;
  display: inline-block;
}
#m-main-navigation #m-main-nav-tab > li {
  width: 100px;
  float: left;
  display: inline-block;
  background: #2d333b;
  font-size: 1.4em;
  padding: 12px 0;
  color: #767f8b;
  cursor: pointer;
  text-align: center;
  border-bottom: 1px solid #525f6d;
}
#m-main-navigation #m-main-nav-tab > li > span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 5px solid #767f8b;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#m-main-navigation #m-main-nav-tab > li > b {
  display: inline-block;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
#m-main-navigation #m-main-nav-tab > li.activeNav {
  border-color: #26c281;
  background-color: #4d5966;
  color: #2d333b;
}
#m-main-navigation #m-main-nav-tab > li.activeNav > span {
  border-color: white;
}
#m-main-navigation #m-main-nav-tab > li > b {
  color: white;
}
#m-main-navigation #m-main-nav-container {
  display: inline-block;
  max-height: 500px;
  overflow: auto;
  padding: 20px 20px 10px;
  width: 100%;
  background: #525f6d;
}
#m-main-navigation #m-main-nav-container > div {
  display: none;
}
#m-main-navigation #m-main-nav-container > div.activeNav {
  display: block;
}
#m-main-navigation #m-main-nav-container > div .navigation-grid {
  border-right: 1px solid #414d5a;
  width: 25%;
  float: left;
  padding-bottom: 15px;
  min-height: 290px;
}
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul {
  padding-bottom: 30px;
  width: 100%;
}
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul:last-child {
  padding-bottom: 0px;
}
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li {
  width: 100%;
}
#m-main-navigation #m-main-nav-container > div .publicsiteurl-link span {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
#m-main-navigation #m-main-nav-container > div .publicsiteurl-link a {
  color: white;
}
#m-main-navigation #m-main-nav-container > div > ul,
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul {
  display: inline-block;
  width: 100%;
}
#m-main-navigation #m-main-nav-container > div > ul > li,
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li {
  display: inline-block;
  width: 100%;
  /*border-right: 1px solid #414D5A;*/
  padding-left: 20px;
  padding-right: 50px;
  position: relative;
}
#m-main-navigation #m-main-nav-container > div > ul > li a,
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li a {
  color: white;
  font-size: 1.4em;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 8px;
}
#m-main-navigation #m-main-nav-container > div > ul > li > a,
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li > a {
  color: #26c281;
  font-size: 1.5em;
  font-weight: 600;
}
#m-main-navigation #m-main-nav-container > div > ul > li a.inactive,
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li a.inactive {
  color: #ababab;
}
#m-main-navigation #m-main-nav-container > div > ul > li > .main-icon-block,
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li > .main-icon-block {
  position: absolute;
  top: 0;
  right: 0px;
  width: 50px;
  color: #3f4752;
  vertical-align: middle;
  text-align: center;
}
#m-main-navigation #m-main-nav-container > div > ul > li > .main-icon-block > span[class*="icon-"],
#m-main-navigation #m-main-nav-container > div .navigation-grid > ul > li > .main-icon-block > span[class*="icon-"] {
  vertical-align: middle;
  font-size: 4.6em;
}
#m-main-navigation #m-main-nav-container .module-container {
  padding: 30px;
  width: 100%;
  display: inline-block;
}
#m-main-navigation #m-main-nav-container .module-container .module-col {
  width: 33.33%;
  padding: 10px;
  float: left;
}
#m-main-navigation #m-main-nav-container .module-container .module-col > .module-block {
  width: 100%;
  background: #262b32;
  padding: 20px;
  display: table;
}
#m-main-navigation #m-main-nav-container .module-container .module-col > .module-block .module-grid {
  display: table-row-group;
}
#m-main-navigation #m-main-nav-container .module-container .module-col > .module-block .module-grid > .module-row {
  display: table-row;
  text-decoration: none;
  color: inherit;
}
#m-main-navigation #m-main-nav-container .module-container .module-col > .module-block .module-grid > .module-row > .module-col-grid {
  display: table-cell;
  vertical-align: middle;
}
#m-main-navigation #m-main-nav-container .module-container .module-col .module-icon {
  width: 60px;
  height: 80px;
  text-align: center;
  padding: 0 0px 0 0px;
  font-size: 9em;
  color: #454f5b;
  line-height: 0px;
}
#m-main-navigation #m-main-nav-container .module-container .module-col .module-icon > span[class*="icon-"] {
  width: 60px;
  line-height: 0;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
}
#m-main-navigation #m-main-nav-container .module-container .module-col .module-text {
  text-align: right;
  padding: 0 20px 0 10px;
}
#m-main-navigation #m-main-nav-container .module-container .module-col .module-text h2 {
  font-size: 2em;
  width: 100%;
  color: white;
  text-transform: uppercase;
  padding-bottom: 0px;
  font-weight: normal;
  word-wrap: break-word;
}
#m-main-navigation #m-main-nav-container .module-container .module-col .module-text span {
  font-size: 1.4em;
  width: 100%;
  color: #26c281;
  word-wrap: break-word;
}
#m-main-navigation .icon-other {
  width: 22px;
  height: 22px;
  margin-top: 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 5px solid #3f4752;
  display: inline-block;
}
.m-open > #m-main-navigation > #m-main-nav-section {
  max-height: 500px;
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  border-top: 5px solid #26c281;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section {
  width: 300px;
  left: auto;
  right: 0;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section #m-main-nav-container {
  height: auto;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section #m-main-nav-container > div .navigation-grid {
  border: 0;
  width: auto;
  min-height: auto;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section #m-main-nav-container > div .navigation-grid ul.looklikemain > li > a {
  color: #26c281;
  font-size: 1.5em;
  font-weight: 600;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section #m-main-nav-container > div .navigation-grid ul li {
  padding: 0;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section #m-main-nav-container > div .navigation-grid ul li a {
  border-bottom: solid 1px #434b56;
  padding: 5px;
}
.volunteer-profile #m-main-navigation > #m-main-nav-section #m-main-nav-container > div .navigation-grid .main-icon-block {
  display: none;
}
/* Start Main Navigation style here */

#m-main-navigation.aria-nav {
  position: relative;
}
#m-main-navigation.aria-nav > button#m-current-nav {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 50px;
  color: white;
  height: 50px;
  padding: 0 16px;
  background-color: #26c281;
  position: relative;
  z-index: 1001;
  cursor: pointer;
  vertical-align: middle;
  text-indent: 0.4em;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
#m-main-navigation.aria-nav > button#m-current-nav:before {
  content: "\e028";
  font-family: "npe_icons_v1regular";
  font-size: 2.3em;
  vertical-align: middle;
  margin-right: 5px;
}
#m-main-navigation.aria-nav > #m-main-nav-section {
  background: #525f6d;
  border-bottom: solid 3px #2d333b;
  padding: 10px 0;
}
#m-main-navigation.aria-nav > #m-main-nav-section.widthmore {
  width: 450px;
}
#m-main-navigation.aria-nav > #m-main-nav-section.widthmore > li {
  width: 47%;
}
#m-main-navigation.aria-nav > #m-main-nav-section > li {
  display: inline-block;
  width: 95%;
  padding: 0 10px;
  margin: 0 5px;
}
#m-main-navigation.aria-nav > #m-main-nav-section > li > a {
  color: #26c281;
  font-size: 1.5em;
  font-weight: 600;
  border-bottom: solid 1px #434b56;
  padding: 9px 5px;
  display: inline-block;
  width: 100%;
}
#m-main-navigation.aria-nav > #m-main-nav-section > li.menu-title {
  width: 100%;
}
#m-main-navigation.aria-nav > #m-main-nav-section > li.menu-title > a {
  color: white;
  padding-bottom: 5px;
  border-bottom: 0;
}
#m-main-navigation.aria-nav > #m-current-nav[aria-expanded="true"] + ul {
  max-height: 500px;
}
@media screen and (max-width: 1024px) {
  #m-main-nav-container .module-container .module-col {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #m-top #m-quick-action span.action-popup-container > span.add-action-popup:before {
    left: 16px;
  }
  nav#m-top > #m-quick-action {
    position: relative;
    width: auto;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  aside#m-left {
    display: none;
  }
  nav#m-top {
    padding-left: 5px !important;
  }
  div#m-right {
    padding-left: 0 !important;
  }
  .button-bar.freeze-bottom {
    left: 0 !important;
  }
  #m-main-navigation #m-main-nav-container .module-container .module-col {
    width: 100%;
  }
  #m-main-navigation #m-main-nav-container > div .navigation-grid {
    width: 50%;
    margin-bottom: 20px;
  }
}
/* End Main Navigation style here */

html:not(.mobile) #m-quick-action {
  position: absolute;
  left: 0;
  top: 0;
}
#m-quick-action {
  width: 100%;
  text-align: center;
}
#m-quick-action > section {
  display: inline-block;
  height: 50px;
  text-align: left;
}
#m-quick-action > section > span {
  float: left;
  color: #a5abb2;
  text-decoration: none;
  display: inline-block;
  margin-right: 1px;
  position: relative;
}
#m-quick-action > section > span.active,
#m-quick-action > section > span > [class*="icon-"]:hover {
  color: #26c281;
  background-color: #262b32;
}
#m-quick-action > section > span > [class*="icon-"] {
  color: #a5abb2;
  text-decoration: none;
  line-height: 1.4em;
  font-size: 3.4em;
  cursor: pointer;
  height: 50px;
  display: inline-block;
  padding: 0 2px;
  background-color: #4d5966;
}
#m-quick-action > section > span > [class*="icon-fa-"] {
  font-size: 2.4em;
  line-height: 2.2em;
  padding: 0 10px;
}
#m-quick-action span.action-popup-container {
  position: relative;
}
#m-quick-action span.action-popup-container #adv-search-popup {
  width: 400px;
  padding: 10px;
  display: inline-block;
}
#m-quick-action span.action-popup-container > span.add-action-popup {
  position: absolute;
  display: inline-block;
  top: 56px;
  z-index: 1;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  min-width: 260px;
  display: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top-width: 3px;
  border-top-color: #26c281;
}
#m-quick-action span.action-popup-container > span.add-action-popup:before {
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #26c281;
  display: inline-block;
  content: "";
  position: absolute;
  margin-left: -7px;
  left: 50%;
  top: -23px;
}
#m-quick-action span.action-popup-container > span.add-action-popup a.add-action-link {
  padding: 7px 10px;
  cursor: pointer;
  border-bottom: 1px solid #d9d9d9;
  display: block;
  font-size: 1.3em;
  color: #666666;
  text-decoration: none;
  text-transform: uppercase;
}
#m-quick-action span.action-popup-container > span.add-action-popup a.add-action-link:hover,
#m-quick-action span.action-popup-container > span.add-action-popup a.add-action-link.active {
  background: #2d333b;
  color: white;
}
#m-quick-action span.action-popup-container > span.add-action-popup a.add-action-link > .fa {
  padding-right: 5px;
}
#m-quick-action span.action-popup-container.active > span.add-action-popup {
  display: block;
  -webkit-animation: flipInY 0.5s both;
  -moz-animation: flipInY 0.5s both;
  -o-animation: flipInY 0.5s both;
  animation: flipInY 0.5s both;
}
#m-overnight-process {
  cursor: pointer;
  position: relative;
  float: right;
  padding: 0 14px;
  border-left: 1px solid #4d5966;
}
#m-overnight-process .icon-overnight {
  line-height: 47px;
  display: inline-block;
  padding-top: 3px;
}
#m-overnight-process .icon-overnight i {
  color: white;
  font-size: 1.8em;
  border: solid 1px white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 4px 10px;
}
#m-overnight-process #overnight-popup {
  position: absolute;
  display: none;
  min-width: 420px;
  left: -186px;
  z-index: 1;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  /*top:70px; opacity:0;.transition(all 0.3s ease-in);*/

}
#m-overnight-process #overnight-popup:before {
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid white;
  display: inline-block;
  content: "";
  position: absolute;
  margin-left: -7px;
  left: 50%;
  top: -20px;
}
#m-overnight-process #overnight-popup .nav-tabs > li > a {
  font-size: 1.4em;
  color: #333333;
}
#m-overnight-process #overnight-popup .tab-content {
  background: #f4f4f4;
  padding: 20px;
  display: inline-block;
  width: 100%;
}
#m-overnight-process #overnight-popup .tab-content li {
  padding-bottom: 10px;
  font-size: 1.3em;
  color: #454545;
  padding-left: 15px;
}
#m-overnight-process #overnight-popup .tab-content li:before {
  content: "\f0da";
  font-family: 'FontAwesome';
  padding-right: 10px;
  margin-left: -15px;
}
#m-overnight-process.active #overnight-popup {
  /*display: block; top: 50px; opacity:1;
            .transition(all 0.3s ease-in);*/
  display: block;
  -webkit-animation: fadeInUp 0.3s ease-out;
  -moz-animation: fadeInUp 0.3s ease-out;
  -o-animation: fadeInUp 0.3s ease-out;
  animation: fadeInUp 0.3s ease-out;
}
nav#m-top > #m-quick-action span.action-popup-container.quick-recent-contacts > span.add-action-popup {
  min-width: 250px;
}
nav#m-top > #m-quick-action span.action-popup-container.quick-recent-contacts > span.add-action-popup .recent-container {
  overflow: auto;
  max-height: 350px;
  display: inline-block;
  width: 100%;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a {
  color: inherit;
  font-size: inherit;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  float: left;
  padding: 10px;
  text-decoration: none;
  width: 100%;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a:hover {
  background: #f4f4f4;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a > img {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border: solid 1px #e5e5e5;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a > span.contact-details-container {
  float: left;
  width: 70%;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a .title-text {
  color: #26c281;
  display: block;
  font-size: 1.4em;
  font-weight: 600;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a .sub-text {
  color: #999999;
  display: block;
  font-size: 1.2em;
  padding-top: 2px;
}
#m-quick-action .quick-recent-contacts > .add-action-popup .recent-container > a .sub-text > b {
  color: #666666;
  font-weight: normal;
}
#m-quick-action #invoice-count > a {
  text-align: center;
}
#m-quick-action #invoice-count > a > span {
  font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #262b32 !important;
  position: absolute;
  left: 9px;
  top: 2px;
  width: 21px;
  text-align: center;
}
@media screen and (min-width: 1201px) {
  #m-profile #m-profile-name .name-txt {
    max-width: 180px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 1200px) {
  #m-profile #m-profile-name .name-txt {
    max-width: 140px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 1024px) {
  #m-profile #m-profile-name {
    min-width: initial;
  }
  #m-profile #m-profile-name .name-txt {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .volunteer-profile #m-quick-action {
    text-align: left;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  #m-profile #m-profile-name .name-txt {
    display: none;
  }
}
/*---------------START BREADCRUMB CLASSES HERE ----------------------------*/

section#m-breadcrumb {
  position: fixed;
  left: 180px;
  right: 0;
  top: 50px;
  z-index: 2;
}
div#m-right.m-breadcrumb-hide {
  padding-top: 50px;
  -webkit-transition: padding 0.3s ease-in;
  -moz-transition: padding 0.3s ease-in;
  -o-transition: padding 0.3s ease-in;
  -ms-transition: padding 0.3s ease-in;
  transition: padding 0.3s ease-in;
}
.nav-min div#m-right > section#m-breadcrumb {
  left: 50px;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
section#m-breadcrumb > #m-breadcrumb-drawer {
  width: 100%;
  height: 50px;
  background-color: #343b44;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  -ms-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}
section#m-breadcrumb.m-hide > #m-breadcrumb-drawer {
  height: 0px;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -ms-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
section#m-breadcrumb > span#m-breadcrumb-showhide {
  position: absolute;
  left: 48%;
  left: -webkit-calc(19%);
  left: -moz-calc(19%);
  left: calc(19%);
  bottom: -12px;
  width: 31px;
  height: 7px;
  background-image: url("/content/images/npe-sprite.png");
  background-position: left -60px;
  cursor: pointer;
}
section#m-breadcrumb.m-hide > span#m-breadcrumb-showhide {
  background-position: left -49px;
}
section#m-breadcrumb > #m-breadcrumb-drawer > table {
  width: 100%;
  text-align: center;
}
section#m-breadcrumb > #m-breadcrumb-drawer > table > tbody > tr > td > span {
  display: block;
  background-image: url("/content/images/npe-sprite.png");
  background-position: center 4px;
  height: 26px;
}
section#m-breadcrumb > #m-breadcrumb-drawer > table > tbody > tr > td:first-child > span {
  background-position: left 4px;
  width: 54%;
  float: right;
}
section#m-breadcrumb > #m-breadcrumb-drawer > table > tbody > tr > td:last-child > span {
  background-position: right -18px;
  width: 54%;
  float: left;
}
section#m-breadcrumb > #m-breadcrumb-drawer > table a {
  display: block;
  width: 100%;
  height: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.2em;
  color: #a5abb2;
  text-decoration: none;
  clear: both;
}
/*---------------START ROOT CONTRAINER CLASSES HERE ----------------------------*/

#m-right > #m-container {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 0px;
  float: left;
}
/* view contact section classes here */

.view-contact-container {
  display: inline-block;
  padding: 10px;
  width: 100%;
  float: left;
}
dashboard-chart-widget-container {
  background: none repeat scroll 0 0 #ebebeb;
  display: inline-block;
  width: 100%;
  float: left;
}
dashboard-chart-widget-container .ui-sortable-placeholder {
  background: #999999;
}
dashboard-chart-widget-container #dashboard-widget {
  display: inline-block;
  padding: 5px;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
dashboard-chart-widget-container #dashboard-widget-configuration {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  padding: 0px;
  position: fixed;
  top: 50px;
  left: 0px;
  bottom: 0;
  display: none;
  z-index: 1000;
  width: 180px;
  overflow-y: auto;
}
dashboard-chart-widget-container #dashboard-widget-configuration label {
  color: white;
  font-weight: 600;
  font-size: 1.3em;
}
dashboard-chart-widget-container #dashboard-widget-configuration h3 {
  color: #ebebeb;
  background: #26c281;
  margin-bottom: 20px;
  min-height: 50px;
  padding: 15px 10px 5px;
}
dashboard-chart-widget-container #dashboard-widget-configuration h4 {
  color: #26c281;
  padding: 0 5px 2px;
  margin-bottom: 5px;
}
dashboard-chart-widget-container #dashboard-widget-configuration ul {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
dashboard-chart-widget-container #dashboard-widget-configuration ul > li {
  display: inline-block;
  width: 100%;
  float: left;
  padding: 4px 6px;
  border-top: 1px solid #4d4d4d;
}
dashboard-chart-widget-container #dashboard-widget-configuration ul > li > label {
  font-size: 1.1em;
  width: 112px;
  display: inline-block;
  float: left;
}
dashboard-chart-widget-container #dashboard-widget-configuration ul > li > .chk-btn > label {
  font-size: 1.1em;
}
dashboard-chart-widget-container.animate-start #dashboard-widget-configuration {
  display: block;
}
dashboard-chart-widget-container.sorting-off.animate-start #dashboard-widget-configuration {
  -webkit-animation: fadeOutLeft 0.5s forwards;
  -moz-animation: fadeOutLeft 0.5s forwards;
  -o-animation: fadeOutLeft 0.5s forwards;
  animation: fadeOutLeft 0.5s forwards;
}
dashboard-chart-widget-container.sorting-on #dashboard-widget-configuration {
  display: block;
  -webkit-animation: fadeInRight 0.5s forwards;
  -moz-animation: fadeInRight 0.5s forwards;
  -o-animation: fadeInRight 0.5s forwards;
  animation: fadeInRight 0.5s forwards;
}
dashboard-chart-widget-container.sorting-on .chart-widget {
  cursor: move;
}
dashboard-chart-widget-container.sorting-on .chart-widget .floating-div {
  display: inline-block;
}
dashboard-chart-widget-container .chart-widget {
  float: left;
  display: inline-block;
  padding: 5px;
  position: relative;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  -ms-transition: width 0.5s;
  transition: width 0.5s;
}
dashboard-chart-widget-container .chart-widget .floating-div {
  display: none;
  position: absolute;
  z-index: 1;
  left: 5px;
  right: 5px;
  bottom: 5px;
  text-align: right;
}
dashboard-chart-widget-container .chart-widget .floating-div > span {
  display: inline-block;
  width: 30px;
  height: 25px;
  background-color: #c9ccd1;
  font-size: 1.8em;
  text-align: center;
  cursor: pointer;
  margin-left: 1px;
  padding-top: 5px;
}
dashboard-chart-widget-container .chart-widget .floating-div > span:hover {
  background-color: #2d333b;
  color: white;
}
dashboard-chart-widget-container .chart-widget.chart-width-L {
  width: 100%;
}
dashboard-chart-widget-container .chart-widget.chart-width-M {
  width: 75%;
}
dashboard-chart-widget-container .chart-widget.chart-width-S {
  width: 50%;
}
dashboard-chart-widget-container .chart-widget.chart-width-XS {
  width: 25%;
}
dashboard-chart-widget-container .chart-widget.chart-height-L .bx-s3 {
  height: 610px;
}
dashboard-chart-widget-container .chart-widget.chart-height-M .bx-s3 {
  height: 300px;
}
/*@media (min-width:1024px) {
    dashboard-chart-widget-container {
        #dashboard-widget-configuration {
            & ul {
                & > li {
                    width: 33.33%;
                    float: left;
                }
            }
        }
    }
}*/

.bx-s3 {
  display: inline-block;
  width: 100%;
  float: left;
  padding: 20px;
  background-color: white;
  overflow: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
  position: relative;
  z-index: 1;
}
.bx-s3 .bx-s3-header {
  display: inline-block;
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
.bx-s3 .bx-s3-header > .bx-s3-title {
  width: 100%;
  display: inline-block;
  float: left;
}
.bx-s3 .bx-s3-header > .bx-s3-title > h4 {
  font-size: 1.6em;
  font-weight: normal;
  float: left;
  padding-bottom: 0px;
  width: 100%;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 30px;
}
.bx-s3 .bx-s3-header > .bx-s3-title > h4 > span.fa {
  float: right;
  margin-right: -30px;
  cursor: pointer;
  font-size: 1.4em;
  color: #8fa0b3;
}
.bx-s3 .bx-s3-header > .bx-s3-filter {
  width: 100%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 30px;
}
.bx-s3 .bx-s3-header > .bx-s3-filter > span.fa {
  float: right;
  margin-right: -30px;
  cursor: pointer;
  font-size: 2.2em;
  color: #8fa0b3;
}
.bx-s3 .bx-s3-header > .bx-s3-filter .fs {
  margin-top: -5px;
}
.bx-s3 .bx-s3-header > .bx-s3-filter .fs select {
  width: 120px;
}
.bx-s3 .bx-s3-header > .bx-s3-filter .fs .dropdown-menu {
  min-width: 190px;
}
.bx-s3 .bx-s3-header > .bx-s3-filter .fs .dropdown-menu > ul {
  max-height: 160px;
}
.bx-s3 .bx-s3-container {
  display: inline-block;
  width: 100%;
  float: left;
}
.bx-s3 .bx-s3-container .list-1 > .lst-header label {
  padding-top: 0px;
}
.bx-s3 .bx-s3-container .list-1 > .lst-body > .lst-item > div,
.bx-s3 .bx-s3-container .list-1 > .lst-header > .lst-item > div {
  padding: 8px 0;
}
.view-contact-container .bx-s1-body {
  overflow: auto;
}
.full-size {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  z-index: 1000;
  background-color: white;
  overflow: auto;
}
.full-size .scrollable-box,
.full-size .scrollable-body-big {
  max-height: none;
}
.full-size .scrollable-body-medium {
  max-height: 92%;
}
.view-contact-item .full-size .bx-s1 {
  height: 100%;
}
.view-contact-item .full-size .bx-s1 > .bx-s1-body {
  overflow: auto;
}
.view-contact-item .full-size .bx-s1 > div:last-child {
  border: 0;
}
@media (min-width: 1365px) {
  .view-contact-container .view-contact-item {
    float: left;
    width: 49.5%;
    display: inline-block;
  }
  .view-contact-container .view-contact-item {
    margin-right: 0.5%;
  }
  .view-contact-container .bx-s1-body {
    min-height: 202px;
  }
}
.modal-dialog .popup-autocomplete > ul,
.modal-dialog .popup-autocomplete ul.dropdown-menu {
  position: fixed;
  left: inherit !important;
  top: inherit !important;
  width: auto !important;
  max-height: 180px !important;
}
.modal-dialog .popup-autocomplete multiselect .dropdown-menu,
.modal-dialog .popup-autocomplete .selectactive .dropdown-menu {
  max-height: 256px !important;
  position: fixed;
  width: auto !important;
}
.modal-dialog .popup-autocomplete multiselect ul,
.modal-dialog .popup-autocomplete .selectactive ul {
  position: relative !important;
}
.modal-dialog .resize-popup {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 3;
  cursor: pointer;
  color: #999999;
  font-size: 3em;
}
.modal-dialog .resize-popup:hover {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 3;
  cursor: pointer;
  color: #26c281;
}
ul.email-template-view {
  width: 100%;
  padding: 20px 15px;
  display: inline-block;
}
ul.email-template-view li {
  width: 33.33%;
  float: left;
  padding: 5px;
  cursor: pointer;
}
ul.email-template-view li img {
  width: 100%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#nav-other-stuff.outer-menu-stuff a {
  display: inline-block;
  width: 100%;
}
/* Schedule Week Table classes */

.schedule-week {
  width: 100%;
}
.schedule-week th,
.schedule-week td {
  text-align: center;
  padding: 10px;
  border-left: solid 1px #e5e5e5;
  font-size: 1.3em;
  font-weight: normal;
}
.schedule-week input[type="checkbox"] + label,
.schedule-week input[type="checkbox"] + label::before {
  margin: 0;
}
/* Issue Area classes */

.issueArea-section .block-list-item {
  margin: 0;
  font-weight: 600;
}
.issueArea-section .block-list-item label {
  vertical-align: middle;
  margin-right: 10px;
  border: solid 1px #e1e1e1;
  padding: 5px;
  font-size: 1.4em;
  color: #333333;
  text-align: center;
  height: 115px;
  width: 100%;
  word-break: break-word;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
}
.issueArea-section .block-list-item label:before {
  min-height: 100%;
  vertical-align: middle;
  content: "";
  display: inline-block;
  margin: 0;
}
.issueArea-section .block-list-item label span {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}
.issueArea-section .block-list-item label span.fa {
  font-size: 2em;
  color: #b0b0b0;
  cursor: pointer;
}
.scroll-bar-width {
  padding-right: 18px;
}
/* Meal module classes */

.meal-wizard {
  text-align: center;
}
.meal-wizard i {
  font-size: 5em;
  color: #54606e;
  padding-bottom: 10px;
}
.meal-wizard h3 {
  font-size: 1.6em;
  color: #54606e;
  padding-bottom: 5px;
}
/* Left Right Panel */

.leftright-panel .left-panel {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  border-right: 4px solid #b9bec4;
  background: #e5e7ea;
  width: 290px;
  z-index: 3;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  -ms-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}
.leftright-panel .left-panel .hdr-1 {
  font-weight: bold;
  font-size: 1.7em;
  color: #02c38a;
  padding: 12px 32px 12px 16px;
  background: #3f4752;
  border: solid 1px #babec4;
  border-left: 0;
  border-right: 0;
}
.leftright-panel .left-panel .hdr-1 .menu-collapse {
  position: absolute;
  right: 0;
  top: 1px;
  width: 40px;
  cursor: pointer;
  background: #2e343c;
  text-align: center;
}
.leftright-panel .left-panel .hdr-1 .menu-collapse:after {
  color: #bbbbbb;
  content: "\e011";
  font-family: "npe_icons_v1regular";
  font-size: 28px;
  line-height: 46px;
}
.leftright-panel .left-panel .hdr-1 .menu-collapse:hover {
  background: #21252b;
}
.leftright-panel .left-panel .hdr-2 {
  font-weight: 600;
  font-size: 1.6em;
  color: #ff4d4d;
  padding: 12px 16px;
  text-transform: uppercase;
  border-top: solid 1px #b9bec4;
}
.leftright-panel .left-panel ul {
  width: 100%;
  float: left;
  border-top: 1px solid #cbcfd4;
}
.leftright-panel .left-panel ul li {
  border-bottom: 1px solid #cbcfd4;
  font-size: 1.4em;
  line-height: 18px;
  padding: 10px 15px 10px 30px;
  display: inline-block;
  width: 100%;
  color: #343b44;
  cursor: pointer;
}
.leftright-panel .left-panel ul li:before {
  content: "\f105";
  font-family: 'FontAwesome';
  position: absolute;
  left: 15px;
}
.leftright-panel .left-panel ul li:hover {
  background: white;
}
.leftright-panel .left-panel ul li.active {
  background: #c9cbce;
  font-weight: 600;
}
.leftright-panel .left-panel ul li.active:hover {
  background: #c9cbce;
  font-weight: 600;
}
.leftright-panel .right-panel {
  -webkit-transition: padding 0.3s ease-out;
  -moz-transition: padding 0.3s ease-out;
  -o-transition: padding 0.3s ease-out;
  -ms-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
  padding-left: 290px;
}
html:not(.mobile) .collapse-left-panel .leftright-panel .left-panel {
  left: -290px;
  overflow: visible !important;
  -webkit-transition: left 0.3s ease-in;
  -moz-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
  -ms-transition: left 0.3s ease-in;
  transition: left 0.3s ease-in;
}
html:not(.mobile) .collapse-left-panel .leftright-panel .left-panel .menu-collapse {
  right: -40px;
  bottom: 0;
}
html:not(.mobile) .collapse-left-panel .leftright-panel .left-panel .menu-collapse:after {
  content: "\e013";
}
html:not(.mobile) .collapse-left-panel .leftright-panel .right-panel {
  padding-left: 36px;
  -webkit-transition: padding 0.3s ease-in;
  -moz-transition: padding 0.3s ease-in;
  -o-transition: padding 0.3s ease-in;
  -ms-transition: padding 0.3s ease-in;
  transition: padding 0.3s ease-in;
}
html:not(.mobile) .collapse-left-panel .leftright-panel .right-panel .freeze-bottom {
  left: 36px;
}
html:not(.mobile) .nav-max .leftright-panel .right-panel .freeze-bottom {
  left: 290px;
}
.sort-order .lst-item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #cdcdcd;
  padding: 5px 20px 5px 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 1.4em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
}
.sort-order .lst-item span {
  font-weight: 600;
  float: left;
  display: inline-block;
}
.sort-order .lst-item span:before {
  content: "\f047";
  color: #b0b0b0;
  font-family: 'FontAwesome';
  padding-right: 15px;
  font-weight: normal;
}
.sort-order .lst-item.ui-sortable-helper span:before {
  color: white;
}
.givingtuesday {
  line-height: 24px;
}
.givingtuesday .banner {
  position: relative;
  line-height: 0;
}
.givingtuesday .banner .banner-text {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 15px;
  text-align: center;
  font-size: 16px;
  color: white;
  width: 100%;
  line-height: 26px;
}
.givingtuesday .banner .banner-text .highlgt-link {
  color: #c3c82b;
}
.givingtuesday .banner .banner-text .highlgt-link:hover {
  text-decoration: underline;
}
@media screen and (max-width: 900px) {
  .givingtuesday .banner .banner-text {
    position: relative;
    background: rgba(0, 0, 0, 0.8);
  }
}
.givingtuesday img {
  max-width: 100%;
}
.givingtuesday .sprt-ln {
  width: 230px;
  height: 3px;
  background: #4a4710;
  margin: auto;
}
.givingtuesday .slick-slider {
  margin: 40px 20px;
  background: none;
}
.givingtuesday .slick-slider .slick-prev,
.givingtuesday .slick-slider .slick-next {
  text-shadow: none;
  left: 0;
  top: 40%;
  overflow: visible;
}
.givingtuesday .slick-slider .slick-prev:before,
.givingtuesday .slick-slider .slick-next:before {
  color: #838649;
}
.givingtuesday .slick-slider .slick-next {
  right: 0;
  left: auto;
}
.givingtuesday .slick-slider .slick-list {
  margin: 0 auto;
  background: none;
  width: 80%;
  outline: none;
}
.givingtuesday .slick-slider .slick-list .slick-slide {
  text-align: left;
  outline: none;
}
.givingtuesday .slick-slider .slick-list .slick-slide h2 {
  font-size: 18px;
  font-weight: bold;
  color: #5f5b0d;
}
.givingtuesday .slick-slider .slick-list .slick-slide p {
  font-size: 1.4em;
}
.givingtuesday .bx-red-start {
  background: #ae1812;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .givingtuesday .bx-red-start {
    display: block;
  }
  .givingtuesday .bx-red-start div {
    padding-bottom: 10px;
  }
}
.givingtuesday .bx-red-start .btn-lg {
  border-radius: 10px;
  padding: 13px 30px;
  font-size: 1.8em;
  font-weight: bold;
  color: #ae1812;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  border: 0;
}
.givingtuesday .bx-red-start .btn-lg:hover {
  background: #f2f2f2;
  color: #5f5b0d;
}
.givingtuesday .underline-link {
  text-decoration: none !important;
  border-bottom: dotted 1px;
  color: #ae1812;
  font-weight: bold;
}
.givingtuesday .underline-link:hover {
  border-bottom-style: solid;
}
.givingtuesday .cont-bul li {
  font-size: 1.4em;
  list-style-type: disc;
  margin-left: 20px;
  padding-bottom: 3px;
}
.upload-logo img {
  max-height: 70px;
  max-width: 140px;
  width: auto;
}
/*********   Opportunity Scheduling classes   *********/

.scheduleRecurrenceType {
  text-align: center;
  padding: 30px 10px;
}
.scheduleRecurrenceType input[type="radio"] + label {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  margin: 0 40px 0 0;
  font-size: 1.6em;
}
.scheduleRecurrenceType input[type="radio"] + label:hover {
  color: #cdcdcd;
}
.scheduleRecurrenceType input[type="radio"] + label:before {
  display: block;
  content: '';
  border: 0;
  background: url(/Content/images/scheduling_img.gif) left top no-repeat;
  width: 58px;
  height: 43px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 auto 7px;
}
.scheduleRecurrenceType input[type="radio"]#Weeklyradio + label:before {
  background-position: left -43px;
}
.scheduleRecurrenceType input[type="radio"]#Monthlyradio + label:before {
  background-position: left -86px;
}
.scheduleRecurrenceType input[type="radio"]#Ongoingradio + label:before {
  background-position: left -129px;
}
.scheduleRecurrenceType input[type="radio"]#Otherradio + label:before {
  background-position: left -172px;
}
.scheduleRecurrenceType input[type="radio"]:checked + label {
  color: #3896ff;
}
.scheduleRecurrenceType input[type="radio"]:checked + label:before {
  background-color: none;
}
.scheduleRecurrenceType input[type="radio"]:checked + label:after {
  content: '';
  border: solid #e5e5e5;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 15px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  position: absolute;
  bottom: -46px;
  background: white;
  left: 23%;
}
.scheduleRecurrenceContent {
  text-align: center;
  max-width: 800px;
  padding: 30px 10px;
  margin: 0 auto;
}
.newListview.list-1 > .lst-header label {
  font-size: 1.2em !important;
  padding-bottom: 7px;
}
.newListview.list-1 .innerList {
  border-bottom: dashed 1px #e5e5e5;
  margin-bottom: 10px;
}
.newListview.list-1 .innerList:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('/fonts/myriad-set-pro_thin-webfont.woff') format('woff'), url('/fonts/myriad-set-pro_thin-webfont.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('/fonts/myriad-set-pro_text-webfont.woff') format('woff'), url('/fonts/myriad-set-pro_text-webfont.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('/fonts/myriad-set-pro_semibold-webfont.woff') format('woff'), url('/fonts/myriad-set-pro_semibold-webfont.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'myriad-pro';
  src: url('/fonts/myriad-set-pro_bold-webfont.woff') format('woff'), url('/fonts/myriad-set-pro_bold-webfont.ttf') format('truetype');
  font-weight: 700;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-size: 66%;
  font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #454545;
  letter-spacing: 0.2px;
}
/*input, button, textarea, select {
    font-family: 'Open Sans', sans-serif;
}*/

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
}
/**:focus { outline:none;}*/

.editable-section {
  font-size: 14px;
}
.editable-section p {
  font-size: 14px;
  padding-bottom: 15px;
}
.editable-section ul li {
  list-style-type: disc;
  font-size: 14px;
  margin-left: 30px;
  padding-bottom: 7px;
  padding-left: 8px;
}
.editable-section ol li {
  list-style-type: decimal;
  font-size: 14px;
  margin-left: 30px;
  padding-bottom: 7px;
  padding-left: 8px;
}
.editable-section img {
  max-width: 100%;
  height: auto;
}
/*NICE Scroll Start Here*/

/*---------------------------------------------------------------------------------------------------------*/

/*------------------------------ START NICE SCROLL CLASS HERE ---------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

.nicescroll-rails {
  background: #20242a;
  z-index: 9 !important;
  position: fixed !important;
  bottom: 0 !important;
}
.nicescroll-rails.hide-scroll {
  display: none !important;
}
.nicescroll-rails > div {
  border: 0 none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  margin-right: 0;
  background-color: #6a7a8c !important;
}
.nicescroll-rails > div:after {
  display: none;
  /*background: none repeat scroll 0 0 @color-green;
            .borderRadius(20px);
            color: @color-white;
            content: "\e016";
            display: inline-block;
            font-family: @icon-font-npe !important;
            font-size: 35px;
            height: 50px;
            line-height: 50px;
            margin-left: -7px;
            margin-top: -25px;
            position: absolute;
            text-indent: -7px;
            top: 50%;
            width: 19px;*/

}
/*---------------------------------------------------------------------------------------------------------*/

/*------------------------------ END NICE SCROLL CLASS HERE ---------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*------------------------------ START GLOBLE PROPERTIES HERE ---------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, input[type="search"], input[type="url"] {
    height:32px !important;
}*/

[required],
multiselect[required] .btn-group > button,
file-select[required] .drop-box span.min-text {
  border-right: solid 3px #ff4d4d !important;
}
multiselect[required],
file-select[required] {
  border: none !important;
}
.common-paregraph p {
  font-size: 1.3em;
  padding-bottom: 15px;
}
.overflow-auto {
  overflow: auto;
}
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
multiselect .btn-group {
  width: 100%;
}
multiselect .btn-group > button.btn {
  text-align: left;
  width: 100%;
  padding: 7px 30px 7px 7px;
  overflow: hidden;
  height: 35px;
}
multiselect .btn-group > button.btn .icon-down-arrow {
  float: right;
  margin-top: 10px;
  padding: 0;
  position: absolute;
  right: 5px;
}
.selectactive.btn-group {
  width: 100%;
}
.selectactive.btn-group > button.btn {
  text-align: left;
  width: 100%;
  padding: 7px 30px 7px 7px;
  overflow: hidden;
  height: 35px;
}
.selectactive.btn-group > button.btn .icon-down-arrow {
  float: right;
  position: absolute;
  right: 5px;
  margin-top: 10px;
  padding: 0;
}
.selectactive.btn-group .dropdown-menu a {
  padding-right: 25px;
}
.selectactive.btn-group .clear-btn {
  right: 10px;
  top: 5px;
  font-size: 1.4em;
  cursor: pointer;
}
.selectactive.btn-group .active {
  background: #fffce7;
}
.btn-group.open-top .dropdown-menu {
  top: inherit;
  bottom: 100%;
}
.btn-group button.btn {
  margin-left: 0px;
  margin-right: 0px;
}
button {
  white-space: nowrap;
  vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
label {
  font-size: 1.3em;
  color: #666666;
}
input[type="search"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #fafafa !important;
  border-color: #cdcdcd !important;
  cursor: not-allowed !important;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea,
input[type="Button"],
button,
input[type="search"],
input[type="url"],
.textboxReadonly {
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input[type="text"]:focus,
input[type="tel"]:foucs,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus,
input[type="search"]:focus,
select:focus,
multiselect > .btn-group > button:focus {
  outline: none;
  background-color: #fffef5;
}
.bootstrap-tagsinput.tag > input:focus {
  background: white;
}
.bootstrap-tagsinput .dropdown-menu {
  max-height: 350px;
}
.hight-light-btn {
  font-size: 15px;
  margin-right: 5px;
}
.mail-spacer-panel {
  overflow: auto;
  max-height: 202px;
}
.mail-spacer-panel .email-body {
  padding-top: 3px !important;
}
.mail-spacer-panel .text-width-spacer p {
  word-wrap: normal;
}
.mail-spacer-panel:last-child {
  border-bottom: none !important;
}
.spacer-top-h {
  padding-top: 0 !important;
}
.mail-full-view-panel {
  width: 100%;
  float: left;
  padding: 15px 15px 0 15px;
}
.mail-full-view-panel .inner-mail-box {
  width: 100%;
  float: left;
  border: solid 1px #e5e5e5;
  padding: 15px;
}
.mail-full-view-panel .inner-mail-box a {
  color: #02c38a;
}
.mail-full-view-panel .inner-mail-box .scrollable-box {
  max-height: 500px;
}
.mail-full-view-panel .inner-mail-box ol,
.mail-full-view-panel .inner-mail-box ol li {
  list-style: decimal;
  margin-left: 6px;
}
.mail-full-view-panel .inner-mail-box ul,
.mail-full-view-panel .inner-mail-box ul li {
  list-style: disc;
  margin-left: 6px;
}
.mail-full-view-panel:last-child {
  padding-bottom: 15px;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea,
input[type="search"],
input[type="url"],
.textboxReadonly {
  font-family: inherit;
  padding: 6px 8px 7px;
  width: 100%;
  font-size: 1.4em;
  color: #454545;
  outline: none;
  -webkit-transition: border-color ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
  -webkit-transition: -webkit-box-shadow ease-in-out 0.15s;
  -moz-transition: -moz-box-shadow ease-in-out 0.15s;
  -o-transition: -o-box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  height: 35px;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
  height: auto;
}
input[type="Button"],
button {
  padding: 7px 20px;
  margin: 0 3px;
  outline: none;
  background-color: white;
  color: #666666;
  font-size: 1.4em;
  text-overflow: ellipsis;
  font-family: inherit;
}
input[type="Button"].btn-xxlg,
button.btn-xxlg {
  padding: 15px 30px;
  font-size: 20px;
  font-weight: 400;
}
input[type="Button"].small,
button.small {
  padding: 6px 10px;
  font-size: 1.2em;
}
input[type="Button"].xsmall,
button.xsmall {
  padding: 3px 8px;
  font-size: 1.1em;
}
input[type="Button"]:hover,
button:hover {
  background: #525f6d;
  color: white;
  border-color: #525f6d;
}
.btn-group input[type="Button"]:hover,
.btn-group button:hover {
  outline: none;
  background-color: #fffef5;
  color: inherit;
  border-color: #cdcdcd;
}
input[type="Button"]:active,
button:active {
  background: #525f6d;
  color: white;
  border-color: #525f6d;
}
/*Cutomized buttons*/

input.blue-btn[type="Button"],
button.blue-btn {
  background: #3896ff;
  color: white;
  border-color: #3896ff;
}
input.blue-btn[type="Button"]:hover,
button.blue-btn:hover {
  background: #175fb1;
  border-color: #175fb1;
}
input.red-btn[type="Button"],
button.red-btn {
  background: #ff4d4d;
  color: white;
  border-color: #ff4d4d;
}
input.red-btn[type="Button"]:hover,
button.red-btn:hover {
  background: #d92727;
  border-color: #d92727;
}
button[disabled] {
  cursor: not-allowed;
  background: #999999 !important;
  color: white !important;
  border-color: #999999;
}
button[disabled].progress-btn:before {
  content: "\f110";
  font-family: 'FontAwesome';
  color: white;
  display: inline-block;
  animation: Rotate 1s linear infinite;
  margin: 0 7px 0 -7px;
}
button[disabled]:hover {
  cursor: not-allowed;
  border-color: #999999;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
button[disabled]:focus {
  cursor: not-allowed;
  border-color: #999999;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
input[type="Button"].active,
button.active {
  background: #3896ff;
  color: white;
  border-color: #3896ff;
}
input.green-btn[type="Button"],
button.green-btn {
  background: #02c38a;
  color: white;
  border: 1px solid #02c38a;
}
input.green-btn[type="Button"]:hover,
button.green-btn:hover {
  background: #1faa70;
  border-color: #1faa70;
}
input.orange-btn[type="Button"],
button.orange-btn {
  background: #ff7048;
  color: white;
  border: 1px solid #ff7048;
}
input.orange-btn[type="Button"]:hover,
button.orange-btn:hover {
  background: #ff5829;
  border-color: #ff5829;
}
input.red-btn[type="Button"],
button.red-btn {
  background: #ff4d4d;
  color: white;
  border: 1px solid #ff4d4d;
}
input.red-btn[type="Button"]:hover,
button.red-btn:hover {
  background: #ff2e2e;
  border-color: #ff2e2e;
}
.radius-btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 2px 10px;
  text-transform: uppercase;
  font-size: 1.2em;
}
.btn-icon input[type="Button"].button-size-big,
button.button-size-big {
  padding: 10px 15px;
}
input.black-btn[type="Button"],
button.black-btn {
  background: #454545;
  color: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 5px 15px;
  font-size: 1.4em;
  border: none;
}
input.black-btn[type="Button"]:hover,
button.black-btn:hover {
  box-shadow: 0px 0px 6px black inset;
  -moz-box-shadow: 0px 0px 6px black inset;
  -webkit-box-shadow: 0px 0px 6px black inset;
}
input.loading {
  background-image: url("/content/images/loading.gif");
  background-position: 98% 7px;
  background-repeat: no-repeat;
}
.mainBtns {
  text-align: center;
  padding: 10px;
}
.mainBtns button {
  margin: 0 3px;
}
/* CSS for Global Input file*/

/*.file-uploader.file-uploader-default {
    position: relative;
    z-index: 0;
    min-width: 250px;
}

    .file-uploader.file-uploader-default button.file-uploader-btn {
        .borderRadius(0px 3px 3px 0px);
        background: @color-white;
        cursor: pointer;
        height: 32px;
        font-size: 1.3em;
        border-left: 1px solid @color-black-80;
        padding: 2px 18px 0;
        position: absolute;
        right: -1px;
        top: -1px;
        margin: 0px;
        z-index: 1;
    }

        .file-uploader.file-uploader-default button.file-uploader-btn:hover {
            color: @color-black-40;
            border: inherit;
        }

    .file-uploader.file-uploader-default > .file-uploader-btn:hover {
        .boxShadow(0px 0px 6px @color-black-80 inset);
        .transition(box-shadow 0.3s ease 0s, true);
    }

.file-uploader.file-uploader-default {
    background: @color-white;
    border: 1px solid @color-black-80;
    height: 32px;
    .borderRadius(3px);
    position: relative;
}

.file-uploader.file-uploader-button-only {
    width: auto;
    height: auto;
    float: left;

    & input[type="file"] {
        display:none;
    }
}

.file-uploader.file-uploader-default input {
    opacity: 0;
    width: 100%;
    height: 32px;
    position: absolute;
    z-index: 0;
    left: 0px;
}

.file-uploader.file-uploader-default > span.File-Info {
    line-height: 29px;
    font-size: 1.2em;
    padding: 0 30% 0 10px;
    color: @color-black-60;
    text-overflow: ellipsis;
    overflow: hidden;
    .boxSizing(border-box);
    height: 32px;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 0;
    cursor: pointer;
}*/

.file-uploader .file-uploader-btn {
  display: none;
}
.file-uploader .File-Info {
  display: none;
}
.file-uploader-button-only {
  float: left;
}
/*CSS for Global Checkbox*/

input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
  display: inline-block;
  font-size: 1.3em;
  color: #454545;
  margin: 0 20px 10px 0;
  cursor: pointer;
  padding-top: 2px;
}
input[type="checkbox"] + label > h4,
input[type="radio"] + label > h4 {
  padding-bottom: 0px;
  display: inline-block;
  margin-top: -2px;
}
input[type="checkbox"]:checked + label:before {
  border-color: #525f6d;
  background: #525f6d;
  color: white;
}
input[type="checkbox"] + label:before {
  font-family: FontAwesome;
  content: "\f00c";
  display: inline-block;
  color: #f9f9f9;
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
  font-size: 13px;
  margin-right: 7px;
  background: white;
  margin-top: -2px;
}
input[type="checkbox"][disabled="disabled"] + label:before {
  background-position: -444px -473px;
  cursor: not-allowed;
}
input[type="checkbox"][disabled="disabled"]:checked + label:before {
  background-position: -470px -473px;
  cursor: not-allowed;
}
input[type="checkbox"][disabled="disabled"] + label::before {
  background-color: #eaeaea;
  color: #d7d7d7;
  border: solid 1px #c4c4c4;
}
/*CSS for Global Checkbox*/

.chk-btn input[type="checkbox"] + label:before {
  content: none;
}
.chk-btn {
  display: inline-block;
}
.chk-btn input[type="checkbox"]:checked + label span:first-child + span > span {
  margin: 8% 49%;
}
.chk-btn input[type="checkbox"] + label {
  background: none;
  display: inline-block;
  height: auto;
  width: auto;
  color: #666666;
  margin: 0;
}
.chk-btn input[type="checkbox"] + label > span {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  margin-left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.chk-btn input[type="checkbox"] + label > span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.chk-btn input[type="checkbox"] + label > span:first-child {
  padding-left: 0;
}
.chk-btn input[type="checkbox"] + label > span:first-child + span {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  height: 100%;
}
.chk-btn input[type="checkbox"] + label > span:first-child + span > span {
  display: inline-block;
  float: right;
  margin: 8% 7%;
  background-color: white;
  width: 45%;
  height: 73%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  -ms-transition: margin 0.2s;
  transition: margin 0.2s;
}
.chk-btn input[type="checkbox"] + label > span:last-child {
  padding-right: 0;
}
.chk-btn > label > span:first-child + span {
  background-color: #cdcdcd;
}
.chk-btn[data-style="choice"] > label > span:first-child + span {
  background-color: #3896ff;
}
.chk-btn input[type="checkbox"]:checked + label span:first-child + span {
  background-color: #02c38a;
}
/* checkbox sizing classes */

.chk-btn > input[type="checkbox"] + label {
  height: 30px;
}
.chk-btn > input[type="checkbox"] + label > span:first-child + span {
  width: 50px;
}
.chk-btn.small > input[type="checkbox"] + label {
  height: 18px;
}
.chk-btn.small > input[type="checkbox"] + label > span:first-child + span {
  width: 30px;
}
.chk-btn > label > span:first-child + span {
  background-color: #cdcdcd;
}
.chk-btn[data-style="choice"] > label > span:first-child + span {
  background-color: #3896ff;
}
.chk-btn input[type="checkbox"]:checked + label span:first-child + span {
  background-color: #02c38a;
}
/* checkbox sizing classes */

.chk-btn > input[type="checkbox"] + label {
  height: 30px;
}
.chk-btn > input[type="checkbox"] + label > span:first-child + span {
  width: 50px;
}
.chk-btn.small > input[type="checkbox"] + label {
  height: 18px;
}
.chk-btn.small > input[type="checkbox"] + label > span:first-child + span {
  width: 30px;
}
.list-1 .chk-btn > input[type="checkbox"] + label {
  height: 24px;
}
.list-1 .chk-btn > input[type="checkbox"] + label > span:first-child + span {
  width: 40px;
}
.list-1 button {
  font-size: 1.3em;
}
/* Css for Radio Button control*/

.radio-btn input[type="radio"] + label:before {
  content: none;
}
.radio-btn {
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #cdcdcd;
  background-color: white;
}
.radio-btn input[type="radio"] + label {
  background: none;
  display: inline-block;
  height: auto;
  width: auto;
  color: #666666;
  margin: 0 !important;
  padding: 0 !important;
  float: left;
}
.radio-btn input[type="radio"] + label > span {
  display: inline-block;
  padding: 10px 22px;
  vertical-align: middle;
  margin-left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
}
.radio-btn input[type="radio"]:checked + label {
  background: #26c281;
  color: white;
}
.radio-btn input[type="radio"]:checked + label.red {
  background-color: #ff4d4d !important;
  color: white;
}
.radio-btn > label:not(:first-of-type) {
  border-left: solid 1px #cdcdcd;
}
.small input[type="radio"] + label > span {
  padding: 5px 10px;
  font-size: 12px;
}
/*Global CSS for Radio Control*/

input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  display: inline-block;
  cursor: pointer;
  color: #454545;
  font-size: 1.2em;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
input[type="radio"] + label:before {
  font-family: FontAwesome;
  content: "\f111";
  display: inline-block;
  color: #e5e5e5;
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  font-size: 11px;
  text-align: center;
  margin-right: 7px;
  width: 24px;
  height: 24px;
  line-height: 23px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
  margin-top: -2px;
}
input[type="radio"]:checked + label:before {
  border-color: #525f6d;
  background-color: #525f6d;
  color: white;
}
.chk-btn input[type="checkbox"] + label,
.chk-btn input[type="radio"] + label {
  padding-left: inherit !important;
}
.chk-btn input[type="checkbox"] + label:before,
.chk-btn input[type="radio"] + label:before {
  margin-left: inherit !important;
}
.vertical-tab input[type="checkbox"] + label,
.vertical-tab input[type="radio"] + label {
  padding-left: inherit !important;
}
.vertical-tab input[type="checkbox"] + label:before,
.vertical-tab input[type="radio"] + label:before {
  margin-left: inherit !important;
}
/*Global Select*/

select {
  background-image: url("/content/images/npe-sprite.png");
  background-position: right -70px;
  background-repeat: no-repeat;
  background-color: white;
  cursor: pointer;
  padding: 6px 30px 8px 6px;
  width: 100%;
  text-indent: 0.01px;
  text-overflow: "";
  border: 1px solid #cdcdcd;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  background: none;
}
/*global Send Email*/

.btn-field {
  display: inline-block;
  width: 100%;
  position: relative;
  height: 31px;
}
.btn-field .btn-field-send {
  float: right;
  position: relative;
  /*top: -32px;*/
  top: -34px;
}
.btn-field .btn-field-send > button {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  border: none;
  border-left: solid 1px #cdcdcd;
  background: transparent;
  color: #666666;
  padding: 7px 20px 7px 20px;
  margin: 0 0 0 0px;
}
.btn-field .btn-field-send > button.icon-add {
  padding: 0px !important;
  width: 50px !important;
  text-align: center !important;
}
.btn-field .btn-field-send > button.icon-add::after {
  padding-left: 5px;
}
.btn-field > select + .btn-field-send {
  background: white;
  border-right: 1px solid #cdcdcd;
  margin-right: 0;
  position: absolute;
  margin-top: 0px;
  top: 1px;
  right: 0px;
  bottom: 1px;
}
.btn-field > select + .btn-field-send:before {
  background-image: url("/content/images/npe-sprite.png");
  background-position: right -85px;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  left: -20px;
  margin-left: 0;
  position: absolute;
  top: 13px;
  width: 20px;
  height: 7px;
}
.btn-field > input {
  padding-right: 91px;
  color: #454545;
}
/*Global Search */

input[type="search"],
input.SearchField {
  background-image: url("/content/images/npe-sprite.png");
  background-position: right -158px;
  background-repeat: no-repeat;
  padding: 7px 28px 7px 8px;
}
/*---------------------------------------------------------------------------------------------------------*/

/*------------------ END GLOBAL PROPERTIES HERE -----------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*Dynamic Layout Structure Start Here*/

/*---------------------------------------------------------------------------------------------------------*/

/*------------------ START Dynamic LAYOUT STRUCTURAL PROPERTIES HERE -------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

.no-radius {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.color-green {
  color: #02c38a !important;
}
.color-blue {
  color: #3896ff !important;
}
.color-orange {
  color: #ff7048 !important;
}
.color-lightGray {
  color: #999999 !important;
}
.color-darkGray {
  color: #111111 !important;
}
.color-white {
  color: white !important;
}
.color-red {
  color: #ff4d4d !important;
}
.color-orange {
  color: #ff7048 !important;
}
.color-vacationDate {
  color: #ffe189 !important;
}
.color-purple {
  color: #ac6cff !important;
}
.remove-after:after {
  display: none;
  padding: 0;
  margin: 0;
}
.remove-before:before {
  display: none;
  padding: 0;
  margin: 0;
}
.label-behavior {
  font-size: 1.1em !important;
  color: #666666 !important;
}
.no-colon:after {
  content: "" !important;
}
.label-info {
  font-size: 1.1em !important;
  color: #999999 !important;
}
.round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #cdcdcd;
  color: white;
  display: inline-block;
}
.round-style1 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #e5e5e5;
  color: #454545;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.label-header {
  font-weight: normal;
}
.label-header label {
  color: #999999 !important;
  font-size: inherit !important;
}
.width-min {
  width: 120px !important;
}
.font-size-md {
  font-size: 1.5em;
  font-weight: 400;
}
.font-size-sm {
  font-size: 1.3em;
  font-weight: 400;
}
.font-size-lg {
  font-size: 1.8em;
  font-weight: 400;
}
.word-wrap-normal {
  word-wrap: normal !important;
}
.bx-gray {
  background-color: #efefef !important;
}
.bx-darkgray {
  background-color: #d9d9d9 !important;
}
.bx-green {
  background-color: #02c38a !important;
  color: white;
}
.bx-white-green {
  background: white;
  border: 1px solid #e5e5e5;
  color: #02c38a;
}
.bx-red {
  background-color: #ff4d4d !important;
  color: white;
}
.bx-vacationDate {
  background-color: #ffe189 !important;
}
.bx-orange {
  background-color: #ff7048 !important;
  color: white;
}
.bx-white {
  background-color: white !important;
}
.bx-light-gray {
  background: #fafafa !important;
}
.bx-blue {
  background: #3896ff !important;
  color: white;
}
.bx-gray-blue {
  background: #e3ebf3 !important;
}
.bx-purple {
  background-color: #ac6cff !important;
  color: white;
}
.bx-black {
  background-color: #3f4752 !important;
  color: white;
}
.bx-light-blue {
  background: #f5f8fa !important;
}
.bx-darkgray-blue {
  background: #b9c9db !important;
}
.bx-dark-blue {
  background: #3f4752 !important;
}
.bx-vacationDate {
  background: #ffe189;
}
.border-s2 {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
}
.border-s2-top {
  border-top: 1px solid #dadada;
}
.border-s2-bottom {
  border-bottom: 1px solid #dadada;
}
.border-s2-left {
  border-left: 1px solid #dadada;
}
.border-s2-right {
  border-right: 1px solid #dadada;
}
.border-white {
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}
.border-white-top {
  border-top: 1px solid white;
}
.border-white-bottom {
  border-bottom: 1px solid white;
}
.border-white-left {
  border-left: 1px solid white;
}
.border-white-right {
  border-right: 1px solid white;
}
.border-white-right + section {
  border-left: 1px solid white;
  margin-left: -1px;
}
.border-s3 {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}
.border-s3-top {
  border-top: 1px solid #e1e1e1;
}
.border-s3-bottom {
  border-bottom: 1px solid #e1e1e1;
}
.border-s3-left {
  border-left: 1px solid #e1e1e1;
}
.border-s3-right {
  border-right: 1px solid #e1e1e1;
}
.fetch-dropdown + ul {
  font-size: inherit;
}
.fetch-dropdown-parent .fetch-dropdown + ul {
  width: 100%;
  min-width: 300px;
}
[data-dropdown-fetch] {
  position: relative;
  display: inline-block;
  width: 100%;
}
[data-dropdown-fetch] input + ul {
  width: 100%;
  min-width: 300px;
  font-size: inherit;
}
.fetch-dropdown-parent {
  position: relative;
}
.border-l-5-green {
  border-left: 5px solid #02c38a;
}
.border-l-5-red {
  border-left: 5px solid #ff4d4d;
}
.border-l-5-orange {
  border-left: 5px solid #ff7048;
}
.border-s1 {
  border: 1px solid #e5e5e5;
}
.border-5 {
  border-width: 5px;
}
.border-s1-top {
  border-top-color: #e5e5e5;
  border-top-style: solid;
  border-top-width: 1px;
}
.border-s1-bottom {
  border-bottom-color: #e5e5e5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-s1-left {
  border-left-color: #e5e5e5;
  border-left-style: solid;
  border-left-width: 1px;
}
.border-s1-right {
  border-right-color: #e5e5e5;
  border-right-style: solid;
  border-right-width: 1px;
}
.no-border-top {
  border-top: none !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-border {
  border: none !important;
}
@media screen and (max-width: 768px) {
  .ipad-border-s1 {
    border: 1px solid #e5e5e5;
  }
  .ipad-border-s1-top {
    border-top-color: #e5e5e5;
    border-top-style: solid;
    border-top-width: 1px;
  }
  .ipad-border-s1-bottom {
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .ipad-border-s1-left {
    border-left-color: #e5e5e5;
    border-left-style: solid;
    border-left-width: 1px;
  }
  .ipad-border-s1-right {
    border-right-color: #e5e5e5;
    border-right-style: solid;
    border-right-width: 1px;
  }
  .ipad-no-border {
    border: none !important;
  }
  .ipad-no-border-s1-left {
    border-left: none !important;
  }
  .ipad-no-border-s1-right {
    border-right: none !important;
  }
  .ipad-no-border-s1-bottom {
    border-bottom: none !important;
  }
  .ipad-no-border-s1-top {
    border-top: none !important;
  }
}
@media screen and (min-width: 769px) {
  .pc-border-s1 {
    border: 1px solid #e5e5e5;
  }
  .pc-border-s1-top {
    border-top-color: #e5e5e5;
    border-top-style: solid;
    border-top-width: 1px;
  }
  .pc-border-s1-bottom {
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .pc-border-s1-left {
    border-left-color: #e5e5e5;
    border-left-style: solid;
    border-left-width: 1px;
  }
  .pc-border-s1-right {
    border-right-color: #e5e5e5;
    border-right-style: solid;
    border-right-width: 1px;
  }
  .pc-no-border {
    border: none !important;
  }
  .pc-no-border-s1-left {
    border-left: none !important;
  }
  .pc-no-border-s1-right {
    border-right: none !important;
  }
  .pc-no-border-s1-bottom {
    border-bottom: none !important;
  }
  .pc-no-border-s1-top {
    border-top: none !important;
  }
}
/*---------- start layout classese here-----------------*/

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.row {
  width: 100%;
  display: inline-block;
  padding: 20px 20px 0;
}
.default-col {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.or-box > span {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  padding: 10px;
}
/*---------------------------------------------------------------------------------------------------------*/

/*------------------ END Dynamic LAYOUT STRUCTURAL PROPERTIES HERE -------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*------------------------------------START ICON CLASSES HERE  ---------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

.icon-size-xsmall {
  font-size: 1.5em;
}
.icon-size-small {
  font-size: 2.2em;
}
.icon-size-mid {
  font-size: 4.4em;
}
.icon-size-large {
  font-size: 8.8em;
}
.icon-size-standard {
  font-size: 3.4em;
}
.icon-color-silver {
  color: #b0b0b0;
}
.icon-color-dark-gray {
  color: #3f4752;
}
/*---------------------------------------------------------------------------------------------------------*/

/*------------------------------------END ICON CLASSES HERE  ---------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*Interaction Popup Start Here*/

/*---------------- Start interaction classes --------------------------------*/

#interaction-list,
#interaction-data {
  overflow: auto;
  height: 100%;
  float: left;
}
#interaction-list {
  width: 25%;
}
#interaction-data {
  width: 75%;
}
#interaction-data .hdr {
  display: inline-block;
  width: 100%;
  padding: 10px;
  position: relative;
}
#interaction-data .hdr span[data-interaction-status] {
  position: absolute;
}
#interaction-data .hdr h1 {
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1em;
  color: #454545;
  padding-left: 60px;
}
#interaction-data .hdr h1 .icon-edit {
  line-height: 0;
  vertical-align: middle;
  color: #999999;
  cursor: pointer;
}
#interaction-data .hdr h1 .icon-edit:hover {
  color: #333333;
}
#interaction-data .hdr h6 {
  color: #b0b0b0;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 6px;
  padding-left: 60px;
}
#interaction-data .hdr h6 b {
  font-weight: normal;
  color: #454545;
}
#interaction-data span[data-status="Open"] {
  color: #ff4d4d;
}
#interaction-data span[data-status="In Progress"] {
  color: #02c38a;
}
#interaction-data span[data-status="On Hold"] {
  color: #ff7048;
}
#interaction-data span[data-status="Completed"] {
  color: #cdcdcd;
}
#interaction-list .list-1.middleAlign .lst-item > div {
  padding: 8px 5px;
}
#interaction-list .list-1.middleAlign .lst-item p {
  font-size: 1.1em;
  line-height: 1.1em;
}
#interaction-list .list-1.middleAlign .lst-item h3 {
  margin-bottom: 0px;
}
#interaction-list .list-1 span[data-status] {
  display: inline-block;
  text-align: center;
}
span[data-interaction-status]:after {
  color: white;
  display: inline-block;
  font-size: 4.6em;
  width: 50px;
  height: 50px;
  line-height: 1em;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
span[data-interaction-status="Open"]:after {
  content: "O";
  background-color: #ff4d4d;
}
span[data-interaction-status="In Progress"]:after {
  content: "P";
  background-color: #02c38a;
}
span[data-interaction-status="On Hold"]:after {
  content: "H";
  background-color: #ff7048;
}
span[data-interaction-status="Completed"]:after {
  content: "C";
  background-color: #cdcdcd;
}
.list-1 .interaction-list [class*="icon-"] {
  color: #999999;
  font-size: 2.4em;
  cursor: pointer;
}
/*-------- Communication History interaction popup classes starts here  ---------------*/

#interaction-data.communication-interaction {
  width: 100%;
}
/*-------- Communication History interaction popup classes ends here  ---------------*/

@media only screen and (max-width: 1024px) {
  #interaction-list .list-1.middleAlign .lst-item > div {
    padding: 5px;
  }
  #interaction-list .list-1.middleAlign .lst-item h3 {
    font-size: 1.3em;
  }
  #interaction-data .hdr h1 {
    font-size: 2em;
  }
  #interaction-data .hdr h6 {
    font-size: 1.1em;
  }
  #interaction-data .hdr > .col-6 {
    padding-top: 8px;
  }
  span[data-interaction-status]:after {
    font-size: 3.3em;
    height: 35px;
    width: 35px;
  }
}
@media only screen and (max-width: 768px) {
  #interaction-data .hdr .col-2 {
    width: 32.33%;
    margin-top: 10px;
  }
  #interaction-list.sap-v {
    border-right: 1px solid #e5e5e5;
  }
}
/*@media only screen and (max-height: 1024px) {
    #interaction-list, #interaction-data { max-height: 705px; }
}

@media only screen and (max-height: 768px) {
    #interaction-list, #interaction-data { max-height: 475px; }
}*/

/*date time Start Here*/

/*---- Angular Date Picker https://rawgithub.com/g00fy-/angular-datepicker/master/app/index.html ---------*/

input[date-time] {
  background-image: url("/content/images/npe-sprite.png");
  background-color: white;
  background-position: right -228px;
  background-repeat: no-repeat;
  text-align: left;
  cursor: pointer;
  padding-right: 33px;
}
[date-picker-wrapper] > .dropdown-menu {
  min-width: 230px;
}
input[view="hours"],
input[min-view="minutes"] {
  background-position: right -278px;
}
.datePicker-container {
  width: 220px;
}
.datePicker-container .clear-date {
  padding: 5px;
  font-size: 13px;
  width: 100%;
  background: #e5e5e5;
  color: #666666;
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: -1px 0 0;
}
[date-picker-wrapper] {
  position: relative !important;
  display: block;
  /*z-index: 3;*/

}
[date-time-append] [date-picker] {
  position: relative;
  margin-right: -1000px;
  margin-bottom: -1000px;
}
[date-picker] {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
[date-picker] table {
  margin: 0;
}
[date-picker] td,
[date-picker] th {
  width: 20px;
  height: 20px;
  padding: 5px;
  text-align: center;
  border: none;
  font-size: 13px;
}
[date-picker] th {
  font-weight: 600;
}
.date-hdr-strip th {
  background-color: #4d5966;
  color: white;
}
.weekdays-strip th {
  background: #cdcdcd;
  padding: 3px;
}
[date-picker] span {
  display: inline-block;
  line-height: 22px;
  cursor: pointer;
}
[date-picker] span:hover {
  background: #efefef;
}
[date-picker] span.disabled,
[date-picker] span.disabled:hover {
  color: #999999;
  cursor: default;
  background: none;
}
[date-picker] .active {
  color: white;
  background-color: #02c38a;
}
[date-picker] .now {
  color: white;
  background-color: #ff7048;
}
[date-picker] .active:hover,
[date-picker] .now:hover,
[date-picker] .active:active,
[date-picker] .now:active,
[date-picker] .active.active,
[date-picker] .now.active,
[date-picker] .active.disabled,
[date-picker] .now.disabled,
[date-picker] .active[disabled],
[date-picker] .now[disabled] {
  color: white;
  background-color: #02c38a;
}
[date-picker] .now {
  color: white;
  background-color: #02c38a;
}
[date-picker] .now:hover,
[date-picker] .now:active,
[date-picker] .now.active,
[date-picker] .now.disabled,
[date-picker] .now[disabled] {
  color: white;
  background-color: #02c38a;
}
[date-picker] .disabled {
  color: #999999 !important;
  cursor: default;
  background: none;
}
[date-picker] [ng-switch-when="year"] span,
[date-picker] [ng-switch-when="month"] span {
  width: 25%;
  height: 54px;
  line-height: 54px;
  border-bottom: solid 1px #cdcdcd;
}
[date-picker] [ng-switch-when="hours"] span,
[date-picker] [ng-switch-when="minutes"] span {
  height: 25px;
  width: 25%;
  border-bottom: solid 1px #cdcdcd;
  float: left;
  line-height: 25px;
}
[date-picker] [ng-switch-when="date"] td {
  padding: 0;
  border-bottom: solid 1px #cdcdcd;
}
[date-picker] [ng-switch-when="date"] span {
  height: 22px;
  width: 22px;
  line-height: 22px;
}
[date-picker] th:hover,
[date-picker] [ng-switch-when="date"] td span:hover {
  cursor: pointer;
  background: #3f4752;
  color: white;
}
[date-picker] [ng-switch-when="month"] td,
[date-picker] [ng-switch-when="year"] td,
[date-picker] [ng-switch-when="hours"] td,
[date-picker] [ng-switch-when="minutes"] td {
  padding: 0;
}
[date-picker].dropdown-menu table tr > td > span:last-child:after {
  content: "";
}
[date-picker].dropdown-menu table tr > td > span:after {
  content: "";
}
[date-picker].dropdown-menu table tr > td > span:after {
  padding-left: 0px;
  padding-right: 0px;
}
/*Loader Start Here*/

/* ----------------- START LOADER CLASSES HERE -------------------------------------------*/

.spinnerContainer {
  position: relative;
  display: inline-block;
  width: 100%;
}
.spinnerContainer.fixPosition-spinner .spinner {
  position: fixed !important;
  z-index: 2 !important;
}
.spinnerContainer.extraLarge .spinner {
  top: 70px !important;
}
.spinnerContainerForParent {
  position: relative;
  display: inline-block;
  width: 100%;
}
.spinnerContainerForParent.extraLarge .spinner {
  top: 70px !important;
}
.spinnerContainerForParent > [spinner-key] > span[spinner-key] {
  background-color: rgba(235, 240, 245, 0.85);
}
.spinnerContainerForParent > [spinner-key],
.spinnerContainerForParent > [spinner-key] > div.spinner,
.spinnerContainerForParent > [spinner-key] > span[spinner-key] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.spinnerContainerForParent > [spinner-key] {
  z-index: 2;
}
.spinnerContainerForParent.fixPosition-spinner .spinner {
  position: fixed !important;
  z-index: 2 !important;
}
.spinnerContainerForParent.fixPosition-spinner > [spinner-key] {
  position: fixed;
}
.no-pad.spinnerContainer {
  padding: 20px !important;
}
.spinnerContainer div[spinner-key] > span[spinner-key] {
  background-color: rgba(235, 240, 245, 0.85);
}
.spinnerContainer div[spinner-key],
.spinnerContainer div[spinner-key] > div.spinner,
.spinnerContainer div[spinner-key] > span[spinner-key] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.spinnerContainer > div[spinner-key] {
  z-index: 2;
}
/*---------------------------------------------------------------------------------------------------------*/

/*--------------------------START CUSTOM CONTROL CLASSES HERE  -----------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

input.ng-dirty.ng-valid,
select.ng-dirty.ng-valid,
textarea.ng-dirty.ng-valid {
  box-shadow: 0px 2px 0px #02c38a;
  -moz-box-shadow: 0px 2px 0px #02c38a;
  -webkit-box-shadow: 0px 2px 0px #02c38a;
}
input.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid,
input.ng-invalid.aa-invalid-attempt,
select.ng-invalid.aa-invalid-attempt,
input.ng-invalid.aa-had-focus,
select.ng-invalid.aa-had-focus,
textarea.ng-invalid.aa-had-focus,
textarea.ng-dirty.ng-invalid,
textarea.ng-invalid.aa-invalid-attempt {
  box-shadow: 0px 2px 0px #ff4d4d;
  -moz-box-shadow: 0px 2px 0px #ff4d4d;
  -webkit-box-shadow: 0px 2px 0px #ff4d4d;
}
/*---------------------------------------------------------------------------------------------------------*/

/*--------------------------END CUSTOM CONTROL CLASSES HERE  -----------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*Custom Dataset Start Here*/

/*------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------- START CUSTOM DATASET CLASSES HERE------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/

.ds-main-container {
  display: inline-block;
  width: 100%;
}
.ds-main-container .nav.nav-tabs {
  background-color: #efefef;
}
.ds-main-container .nav > li > a {
  padding: 16px 0 12px;
}
.ds-main-container .ds-container,
.ds-main-container .ds-container > .ds-item {
  display: inline-block;
  width: 100%;
  float: left;
}
.ds-main-container .ds-fs-container {
  padding: 20px;
}
.ds-main-container .ds-fs-item-container > .ds-fs-item {
  display: inline-block;
  width: 50%;
  padding: 0 10px;
}
.ds-fs-container h2 {
  padding: 0 10px 15px;
}
.ds-main-container .ds-fs-item .lbl-booleanWithNA {
  font-size: 1.3em;
  padding-top: 10px;
  padding-bottom: 5px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix {
  width: 100%;
  padding: 10px;
  overflow: auto;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .fs-f {
  padding: 0;
  margin: 0;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 {
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #cdcdcd;
  background-color: #fafafa;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div {
  border-right: 1px solid #cdcdcd;
  vertical-align: top;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div:first-child label {
  width: 200px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Boolean .fs-f {
  width: 125px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Date .fs-f {
  width: 140px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-DateTime .fs-f {
  width: 180px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Dropdown .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Lookup .fs-f {
  width: 180px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Lookup ack-template .fs-f {
  width: 400px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Lookup ack-template .fs-f:first-child {
  padding-bottom: 5px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Email .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Contact .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Number .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-LongText .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Phone .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Text .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Currency .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Amount .fs-f,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Url .fs-f {
  min-width: 150px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Picture .fs-f {
  min-width: 190px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Checkbox input[type="checkbox"] + label,
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Radio input[type="Radio"] + label {
  white-space: nowrap;
  margin: 0px 20px 0px 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Boolean .fs-f.fs-only-checkbox .fs-f-i {
  text-align: center;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-Boolean .fs-f.fs-only-checkbox .fs-f-i label {
  margin: 0;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix .list-1 .lst-item > div.ds-LongText .fs-f textarea {
  height: 32px;
}
/*------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------- END CUSTOM DATASET CLASSES HERE--------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/

/*Contact List Start Here*/

/*------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------- START CONTACT LIST CLASSES HERE--------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/

.contact-list-upper .contact-lst-action {
  position: relative;
}
.contact-list-upper .contact-lst-action > div:first-child {
  padding-left: 50px;
  padding-right: 10px;
}
.contact-list-upper .contact-lst-action input[type="checkbox"] + label {
  margin: 8px 10px 0 10px;
  position: absolute;
  left: 0;
  top: 0px;
}
.contact-list-upper .search-based.popout-viewer {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.contact-list-upper .search-based.popout-viewer .popout-bx {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 10px;
  left: 0;
  top: 25px;
}
.contact-list-upper .search-based.popout-viewer .popout-bx:before {
  display: none;
}
.contact-list-upper .search-based p {
  padding-bottom: 0px;
  width: auto;
  vertical-align: middle;
}
.contact-list-upper .search-based p span[class*="icon-"] {
  vertical-align: middle;
}
.contact-list-upper .search-based.popout-viewer ul {
  margin-bottom: 10px;
}
.contact-list-upper .search-based.popout-viewer li {
  color: #454545;
  font-size: 1.2em;
}
.contact-list-l-push.info-col {
  padding-left: 53px;
  padding-bottom: 0px !important;
}
.contact-list-l-push {
  padding-left: 53px;
}
/*------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------- END CONTACT LIST CLASSES HERE ---------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*-------------------------- GENERAL CLASSES HERE  --------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/

/*------------ ask array --------------*/

.ask-array-section .add-ask {
  display: inline-block;
  white-space: nowrap;
  padding: 20px 20px 5px 20px;
}
.ask-array-section .add-ask label {
  display: inline-block;
  white-space: nowrap;
  font-size: 1.8em;
  color: #333333;
  vertical-align: middle;
  font-weight: bold;
}
.ask-array-section .add-ask .icon-add {
  display: inline-block;
  vertical-align: middle;
  line-height: 0px;
  font-size: 4.8em;
  color: #b0b0b0;
}
.ask-array-section .nav-tabs li.active a {
  border-bottom: none;
  font-weight: normal;
  line-height: 1.5em;
  font-size: 1.4em;
}
.ask-array-section .nav-tabs li.active a:hover {
  border-bottom: none;
}
.ask-array-section .col-4:nth-child(3n+1) {
  clear: both;
}
@media screen and (max-width: 980px) {
  .ask-array-section .from-amount {
    float: none;
    margin-bottom: 10px;
  }
  .ask-array-section .from-amount label {
    display: block;
  }
  .ask-array-section .col-4 {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .ask-array-section .col-4:nth-child(2n+1) {
    clear: both;
  }
  .ask-array-section .col-4:nth-child(3n+1) {
    clear: inherit;
  }
}
/*------------------------------------*/

/*------------ appeal ----------------*/

.rfa-section {
  padding: 0 20px 20px 20px;
  display: inline-block;
  width: 100%;
}
.rfa-section .rfa-section-field {
  white-space: nowrap;
  padding: 12px 0 12px 0;
}
.rfa-section .rfa-section-field label {
  display: inline-block;
  margin-right: 10px;
}
.rfa-section .rfa-section-field select {
  display: inline-block;
  width: auto;
}
.chk-list-coloum h4 {
  font-size: 1.2em;
  font-weight: normal;
  color: #666666;
  text-align: center;
  padding: 5px 0;
}
.chk-list-coloum .chk-coloum-container {
  padding: 15px;
  background: white;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  min-height: 395px;
}
.chk-list-coloum:last-child .chk-coloum-container {
  border-right: 1px solid #e5e5e5;
}
.chk-list-coloum:nth-of-type(1) h4 {
  border-bottom: 5px solid #02c38a;
}
.chk-list-coloum:nth-of-type(2) h4 {
  border-bottom: 5px solid #ff4d4d;
}
.chk-list-coloum:nth-of-type(3) h4 {
  border-bottom: 5px solid #3896ff;
}
.chk-list-coloum:nth-of-type(4) h4 {
  border-bottom: 5px solid #ff7048;
}
.chk-list-coloum:nth-of-type(5) h4 {
  border-bottom: 5px solid #ac6cff;
}
.package-table .package-action {
  min-width: 100px;
}
.newsletter-container {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 980px) {
  .chk-list-coloum {
    width: 100%;
  }
  .chk-list-coloum .chk-coloum-container {
    border-right: 1px solid #e5e5e5;
  }
}
.packages-content {
  width: 100%;
  display: inline-block;
}
.packages-content .package-section {
  padding: 20px;
  display: inline-block;
  width: 100%;
}
.packages-content .package-section h2 {
  font-size: 1.8em;
  color: #333333;
}
.package-section .package-header-control {
  display: inline-block;
  width: 100%;
}
.package-section .package-header-control .package-left-control {
  display: inline-block;
  white-space: nowrap;
  float: left;
  padding-right: 20px;
}
.package-section .package-header-control .package-left-control label {
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
}
.package-section .package-header-control .package-left-control select {
  display: inline-block;
  width: auto;
}
.package-section .package-header-control .package-right-control {
  display: inline-block;
  white-space: nowrap;
}
.editable-list {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  margin: 10px 0 0 0;
  display: inline-block;
  width: 100%;
  overflow: auto;
}
.editable-list p {
  color: #666666;
}
.editable-list h3 {
  margin-bottom: 0px !important;
}
.editable-list p strong {
  color: #454545;
}
.editable-list .lst-item > div {
  border-left: 1px solid #e5e5e5;
}
.editable-list .lst-item > div:first-child {
  border-left: none;
}
.editable-list .lst-header .lst-item > div > p {
  margin-bottom: 5px;
}
.editable-list .lst-body p {
  font-size: 1.3em !important;
}
.editable-list .lst-body p label {
  font-size: inherit !important;
}
.editable-list .list-1.middleAlign input[type="checkbox"] + label,
.editable-list .list-1.middleAlign input[type="radio"] + label {
  margin-right: 0px;
}
.email-container {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background: white;
  overflow-x: auto;
}
.editable-list .list-1.middleAlign .lst-header .lst-item > div.package-title {
  min-width: 150px;
}
.editable-list .list-1.middleAlign .lst-header .lst-item > div.package-field {
  min-width: 200px;
}
.editable-list .list-1.middleAlign .lst-header .lst-item > div.package-total {
  min-width: 150px;
}
.editable-emailtemplate {
  position: relative;
  display: block;
  float: left;
  width: 100%;
}
.editable-emailtemplate .editable-overlay {
  display: none;
  background: none repeat scroll 0 0 white;
  border: 1px dotted black;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  filter: alpha(opacity=50);
  cursor: pointer;
}
.editable-emailtemplate:hover > .editable-overlay {
  display: block;
}
@media screen and (max-width: 768px) {
  .editable-list .list-1.middleAlign {
    display: table;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-header {
    display: table-header-group;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-item {
    display: table-row;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-item > div {
    display: table-cell;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-body {
    display: table-row-group;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-footer {
    display: table-footer-group;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-header .lst-item > div {
    width: auto !important;
    float: none;
  }
  .editable-list .list-1.middleAlign .lst-item > div.align-center {
    text-align: center !important;
  }
  .editable-list .list-1.middleAlign .lst-body > .lst-item > div {
    border-top: 1px solid #e5e5e5;
  }
}
/*------------------------------------------*/

/*------------ user configuration ----------*/

.user-list-content {
  display: inline-block;
}
.user-list-content h2 {
  font-size: 1.8em;
  color: #333333;
  display: inline-block;
}
.user-list-content .search-user {
  white-space: nowrap;
  display: inline-block;
  float: right;
}
.user-list-content .search-user button {
  vertical-align: middle;
  display: inline-block;
}
.user-list-content .search-user input {
  vertical-align: middle;
  width: auto;
  display: inline-block;
}
.user-list-content .add-clint-email {
  padding: 10px 0px;
  display: inline-block;
  cursor: pointer;
}
.user-list-content .add-clint-email label {
  display: inline-block;
  vertical-align: middle;
}
.user-list-content .add-clint-email span {
  line-height: 0px;
  vertical-align: middle;
}
/*-----------------------------------------*/

/*----------- Contact Type ----------------*/

.fs .form-logo {
  vertical-align: middle;
  margin-right: 10px;
}
/*-----------------------------------------*/

/*----------- custom dataset --------------*/

.pull-on-handle-parent {
  position: relative;
}
.pull-on-handle .close-btn {
  font-size: 4.4em;
  display: none;
}
@media screen and (max-width: 768px) {
  .pull-on-handle.device-mode {
    position: absolute;
    left: 0;
    display: none;
  }
  .pull-on-handle .close-btn {
    display: inline-block;
  }
}
/*-----------------------------------------*/

/*----------- contact management type ---------*/

.icons-nav {
  padding: 10px 0;
  display: inline-block;
}
.icons-nav > li {
  float: left;
  margin-right: 10px;
}
.icons-nav > li img {
  width: 16px;
  height: 16px;
}
.icons-nav > li > span[class*="icon-"] {
  vertical-align: middle;
  font-size: 3.4em;
  line-height: 0px;
  color: #999999;
  cursor: pointer;
}
.icons-nav > li > img {
  width: 20px;
  height: 20px;
}
.icons-nav > li > button.icon-add {
  font-size: 3.5em;
}
.profile-section {
  display: inline-block;
  width: 100%;
  padding: 20px 20px 10px;
}
.profile-img-details,
.profile-section > .profile-img-details,
.profile-section > .profile-details,
.profile-section > .profile-socialmedia {
  float: left;
  margin-right: 10px;
}
.profile-section > .profile-details {
  padding-right: 30px;
  border-right: dotted 1px #cdcdcd;
}
.profile-socialmedia {
  padding-left: 30px;
  padding-top: 2px;
}
.profile-socialmedia .icons > span > span {
  margin-right: 5px;
  display: inline-block;
  float: left;
}
.profile-socialmedia .icons > span > span > span {
  width: 45px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #ebebeb;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
}
.profile-socialmedia .icons > span > span > span .fa {
  font-size: 3em;
  line-height: normal;
}
.profile-socialmedia .icons > span > span > span .fa-facebook {
  color: #3c5a98;
}
.profile-socialmedia .icons > span > span > span .fa-twitter {
  color: #33ccff;
}
.profile-socialmedia .icons > span > span > span .fa-linkedin {
  color: #007bb6;
}
.profile-socialmedia .icons > span > span > span .fa-instagram {
  color: #6d564c;
}
.profile-socialmedia .icons > span > span > span .fa-envelope {
  color: #fbb413;
}
.profile-socialmedia .icons > span > span > span .fa-google-plus {
  color: #d0422a;
}
.profile-img-details > .profile-image {
  border: 2px dotted #cdcdcd;
  padding: 10px;
  min-height: 50px;
  min-width: 45px;
  position: relative;
  display: inline-block;
}
.profile-section .file-uploader-btn {
  margin: 8px 0 0;
  padding: 2px 13px;
}
.profile-img-details > .profile-image span.mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  text-align: center;
}
.profile-img-details > .profile-image .icon-delete:after {
  font-size: 3.4em;
  display: inline-block;
  color: white;
  line-height: 3.4em;
  cursor: pointer;
}
.profile-img-details > .profile-image:hover span.mask {
  display: inline-block;
}
.profile-section .profile-uploader {
  padding: 5px 0 10px;
  width: 320px;
}
.auto-complete span {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.address-option label {
  font-size: 1.3em;
}
.address_option label b {
  color: black;
  font-weight: normal;
}
.address_option label span {
  color: #999999;
}
/*---------------------------------------------*/

/*-------- Event Management -------------*/

.list-1 .hide-accordion {
  background: white;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  position: absolute;
  bottom: -1px;
  right: 20px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.h2-style {
  color: #454545;
  font-size: 1.6em;
  font-weight: 700;
}
.colorpicker button {
  background: none;
  border: none;
  padding: 0px;
  margin: 0px 5px 0 0;
  float: right;
}
.colorpicker button:before {
  content: "Close";
  display: inline-block;
  font-size: 0.7em;
  margin-right: 5px;
  margin-top: -5px;
  vertical-align: middle;
}
.colorpicker button:hover {
  background: none;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/*---------------------------------------*/

/*-------- profile summery -------------*/

.profile-summery {
  position: relative;
}
.profile-summery .left-profle-summery {
  float: left;
  max-width: 135px;
  width: 50%;
}
.profile-summery .right-profile-summery {
  float: left;
  width: 50%;
  padding-left: 20px;
}
.profile-summery .profile-contact-type {
  margin-top: 10px;
  width: 100%;
  display: inline-block;
}
.profile-summery .profile-contact-type img {
  width: 20px;
  height: auto;
}
.profile-summery .profile-contact-type > div {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 25px;
  height: 25px;
}
.profile-summery .profile-image {
  width: 100%;
  display: inline-block;
}
.profile-summery .profile-image img {
  display: inline-block;
  border: 2px solid #cdcdcd;
  width: 100px;
  height: 100px;
  background: url("/content/images/no-image.jpg") center center no-repeat;
}
.profile-summery .basic-details > div {
  padding-bottom: 10px;
  display: block;
}
@media screen and (max-width: 980px) {
  .profile-summery .left-profle-summery {
    width: 60%;
  }
  .profile-summery .right-profile-summery {
    width: 40%;
  }
}
/*------ credit bar ---------*/

.credit-bar .credit-info {
  display: inline-block;
}
.credit-bar .credit-info h2 {
  display: inline-block;
  width: auto;
  font-weight: normal;
  font-size: 2em;
  margin-right: 20px;
  padding-bottom: 0px;
}
.credit-bar .credit-info label {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  font-size: 1.8em;
  color: #999999;
}
.credit-bar .credit-info label > span.amount-box {
  color: white;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 0px 15px;
  font-weight: 600;
  margin-right: 10px;
}
.credit-bar .credit-info label > span.credit {
  background: #02c38a;
}
.credit-bar .credit-info label > span.debit {
  background: #ff4d4d;
}
/*------ General Info ---------*/

.general-info {
  float: right;
  padding: 12px 20px 12px 0;
  font-size: 1.2em;
  color: #999999;
}
.general-info.info-color-lightdark {
  color: #8fa0b3;
}
/*------ Details Block ---------*/

.details-block {
  width: 100%;
  float: left;
}
.details-block .block-box {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 20px 10px 20px;
  float: left;
  width: 50%;
}
.details-block .block-box:nth-child(2n) {
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
  border-right: none;
}
.border-s1-bottom .details-block .block-box:nth-last-child(1) {
  border-bottom: none;
}
.border-s1-bottom .details-block .block-box:nth-last-child(2) {
  border-bottom: none;
}
@media screen and (max-width: 1170px) and (min-width: 769px) {
  .details-block .block-box {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px 10px 20px;
    float: left;
    width: 100%;
  }
  .details-block .block-box:nth-child(2n) {
    border-left: none;
    margin-left: inherit;
  }
  .border-s1-bottom .details-block .block-box:nth-last-child(1) {
    border-bottom: 1px solid inherit;
  }
  .border-s1-bottom .details-block .block-box:nth-last-child(2) {
    border-bottom: 1px solid #e5e5e5;
  }
}
.details-block > .block-box > p {
  font-size: 1.4em;
}
.details-block > .block-box > h3 {
  padding-bottom: 0px;
}
.details-block > .block-box > h3 > label {
  color: #b0b0b0;
  font-size: inherit;
}
.details-block > .block-box > h3 > label:before {
  content: "|";
  padding: 0 5px;
  display: inline-block;
}
.details-block > .block-box > h3 > span {
  font-size: inherit;
  color: #b0b0b0;
  font-weight: normal;
  padding-left: 5px;
}
.tab-box .tag > span {
  margin: 0 10px 10px 0;
}
.payment-details-popup {
  min-width: 400px;
  width: 100%;
}
.contact-type-icon img {
  width: 16px;
}
.min-height-250 {
  min-height: 250px;
}
/* freeze content part start here */

.content-freeze {
  overflow: hidden;
}
.content-freeze > .left-freeze {
  overflow: auto;
  height: 100%;
}
/*.content-freeze > .left-freeze:hover { overflow: auto; }*/

.content-freeze > .right-freeze {
  overflow: auto;
  height: 100%;
}
/*.content-freeze > .right-freeze:hover { overflow: auto; }*/

@media screen and (max-width: 768px) {
  .content-freeze {
    height: auto !important;
    overflow: auto;
  }
  .content-freeze > .left-freeze {
    overflow: auto;
    height: auto;
  }
  .content-freeze > .right-freeze {
    overflow: auto;
    height: auto;
  }
}
/* freeze content part end here */

/* Start Invoice Module classes here */

.sUnpaid,
.sPaid,
.sPartial {
  display: inline-block;
  padding: 5px 8px;
  min-width: 50px;
  color: white;
  font-weight: 600;
}
.sUnpaid {
  color: #ff4d4d !important;
}
.sPaid {
  color: #02c38a !important;
}
.sPartial {
  color: #ff7048 !important;
}
/* start view contact classes  here     */

#view-contact-header > #contact-info,
#view-contact-header > #contact-more-info {
  width: 100%;
  background-color: white;
  padding: 16px 0px 15px 15px;
}
#view-contact-header #contact-info .table {
  width: 100%;
}
#view-contact-header .contact-img {
  width: 1px;
}
#view-contact-header .contact-img img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #e5e5e5;
}
#view-contact-header #contact-info .contact-name {
  white-space: nowrap;
}
#view-contact-header #contact-info .contact-name h1 {
  padding-left: 10px;
  font-weight: 100;
  font-size: 2.4em;
  line-height: 0.9em;
  white-space: normal;
}
#view-contact-header #contact-info .contact-name h1 b {
  font-size: 0.57em;
  color: #999999;
  font-weight: normal;
}
#view-contact-header #contact-info .contact-name h1 label {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
#view-contact-header #contact-info .contact-name h1 b span {
  color: #333333;
}
#view-contact-header #contact-info .contact-name h1 p.relation-type {
  color: #ff7048;
  font-size: 0.57em;
  font-weight: 400;
  display: inline-block;
  width: 100%;
}
#view-contact-header #contact-info .contact-name h1 p.relation-type span,
#view-contact-header #contact-info .contact-name h1 p.relation-type a {
  color: #333333;
  text-decoration: none;
  font-size: inherit;
}
#view-contact-header #contact-info .credit-debit-info {
  background: #02c38a;
  padding: 10px;
  color: white;
  text-align: center;
  cursor: pointer;
}
#view-contact-header #contact-info .credit-debit-info.debit-amount {
  background: #ff4d4d;
}
#view-contact-header #contact-info .credit-debit-info > b {
  width: 100%;
  display: inline-block;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.2em;
}
#view-contact-header #contact-info .credit-debit-info > label {
  font-size: 1.4em;
  text-transform: uppercase;
  color: white;
  line-height: 1.2em;
}
#view-contact-header #contact-info .contact-other-info {
  padding: 10px 20px;
  white-space: nowrap;
}
#view-contact-header #contact-info .contact-other-info > span {
  font-size: 1.4em;
  font-weight: 100;
  display: block;
}
#view-contact-header #contact-info .contact-other-info > span .fa {
  vertical-align: middle;
  font-size: 16px;
  line-height: 1em;
  display: inline-block;
  padding-right: 5px;
}
#view-contact-header #contact-info .contact-other-info > span .fa-mobile {
  font-size: 18px;
}
#view-contact-header #contact-info .contact-other-info > label {
  font-size: 1.3em;
  padding-top: 5px;
  display: block;
}
#gf-section {
  background-color: #e5e5e5;
}
#gf-section .count-box.count-box-sm {
  min-height: 40px;
}
#gf-section .count-box.count-box-sm .count-num {
  line-height: 46px;
}
#gf-section .count-box.count-box-sm .count-container {
  height: auto;
}
#gf-section .count-box.count-box-sm .count-container b {
  padding-top: 5px;
  text-transform: capitalize;
  font-weight: normal;
}
#gf-section .list-1 {
  /*max-height:175px; overflow:auto;*/
  float: left;
}
#view-contact-header-bar {
  background-color: #efefef;
  padding: 5px 20px;
}
#view-contact-header-bar .profile-socialmedia {
  padding: 0;
}
#view-contact-header-bar .profile-socialmedia .icons > span {
  margin-right: 3px;
}
#view-contact-header-bar .profile-socialmedia .icons > span > span > span {
  width: 29px;
  height: 29px;
  border: solid 1px #ebebeb;
}
#view-contact-header-bar .profile-socialmedia .icons > span > span > span .fa {
  font-size: 2em;
  line-height: normal;
}
.view-contact-item {
  width: 100%;
  padding: 10px;
  float: left;
  display: inline-block;
}
.no-record-found {
  background-color: #faf4d2;
  padding: 10px;
  color: #ff4d4d;
  display: inline-block;
  width: 100%;
}
.no-record-found > p {
  font-size: 14px;
  text-align: center;
}
/*.view-contact-item .bx-s1-body{ min-height:200px; }*/

/*@media (max-width: 1300px) {

    .view-contact-item { width: 100%; }
    .view-contact-item:nth-child(odd) { padding-left: 0px; clear:both;}
    .view-contact-item:nth-child(even) { padding-right: 0px; clear:both;}
    .view-contact-item .bx-s1-body{ min-height:0; }
}*/

@media (min-width: 1300px) {
  #view-contact-header #contact-info .contact-name h1 {
    width: 500px;
  }
}
@media (max-width: 1299px) {
  #view-contact-header #contact-info .contact-name h1 {
    width: 400px;
  }
}
@media (max-width: 1200px) {
  #view-contact-header #contact-info .contact-name h1 {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  #view-contact-header #contact-info .contact-name h1 {
    width: 200px;
  }
}
@media (min-width: 961px) {
  #view-contact-header #contact-info .credit-debit-info {
    max-width: 170px;
  }
  #view-contact-header #contact-info .contact-other-info,
  #view-contact-header #contact-info .credit-debit-info {
    float: left;
  }
  #view-contact-header #contact-info .contact-address-bx {
    display: inline-block;
    float: right;
  }
}
@media (max-width: 960px) {
  #view-contact-header #contact-info .contact-name h1 {
    width: auto;
  }
  #view-contact-header #contact-info .table,
  #view-contact-header #contact-info .tbody,
  #view-contact-header #contact-info .tr,
  #view-contact-header #contact-info .td {
    display: inline-block;
    width: 100%;
  }
  #view-contact-header #contact-info .td,
  #view-contact-header #contact-info .contact-address-bx {
    text-align: center;
  }
  #view-contact-header > #contact-info,
  #view-contact-header > #contact-more-info {
    padding: 15px;
  }
  #view-contact-header #contact-info .credit-debit-info {
    width: auto;
    display: inline-block;
  }
  #view-contact-header .contact-other-info .coi-item {
    text-align: center;
  }
}
@media (min-width: 280px) {
  /*#view-contact-header > #contact-info,
      #view-contact-header > #contact-more-info {
          height: 100px;
      }
      #view-contact-header #contact-info .table { height: 90px; }
         .credit-debit-info,
      .contact-other-info { float:left;}
      .contact-address-bx { float:right; }*/
}
@media (max-width: 1200px) {
  #view-contact-header #contact-info .contact-name h1 {
    font-size: 1.8em;
  }
  #view-contact-header #contact-info .contact-name h1 p.relation-type {
    font-size: 0.7em;
  }
  #view-contact-header #contact-info .contact-name h1 b {
    font-size: 0.7em;
    line-height: normal;
  }
  #view-contact-header .contact-other-info .coi-item > span {
    font-size: 1.4em;
  }
  #view-contact-header .contact-other-info .coi-item {
    margin-left: 10px;
    padding-left: 10px;
    border-left-width: 0px;
  }
}
.invoice-profile .invoice-profile-name {
  padding-bottom: 20px;
  width: 100%;
  float: left;
}
.invoice-profile .invoice-profile-name > img {
  width: 50px;
  height: 50px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fafafa;
  border: 2px solid #e5e5e5;
}
.invoice-profile .invoice-profile-name > h2 {
  float: left;
  font-size: 2.2em;
  color: #666666;
  font-weight: 200;
  margin-left: 10px;
  line-height: 2.1em;
}
.invoice-profile .invoice-profile-details {
  width: 100%;
  background: white;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
}
.invoice-profile .invoice-profile-details h3 {
  padding-bottom: 0px;
  font-size: 1.3em;
  font-weight: 600;
  color: #333333;
}
.invoice-profile .invoice-profile-details p {
  padding-bottom: 10px;
  font-size: 1.3em;
  color: #666666;
}
.invoice-profile .invoice-profile-details p:last-child {
  padding-bottom: 0px;
}
p > span.count-min-width {
  min-width: 50px;
  display: inline-block;
  text-align: center;
}
.invoice-summary {
  width: 100%;
  float: left;
  padding: 20px;
  background: #fafafa;
}
.invoice-summary > .invoice-area-header {
  width: 100%;
  float: left;
  padding-bottom: 20px;
}
.invoice-summary > .invoice-area-header h2 {
  font-size: 3em;
  font-weight: 200;
  color: #666666;
  padding-bottom: 0;
  line-height: 1em;
  cursor: pointer;
}
.remove-invoice-link .invoice-area-header h2 {
  cursor: auto;
}
/*.invoice-summary > .invoice-area-header h2:hover {
    color:@color-green;
}*/

.invoice-summary > .invoice-area-header p {
  color: #999999;
  font-size: 1.4em;
  font-weight: 600;
}
.invoice-summary > .invoice-area-header p span {
  display: inline-block;
}
.invoice-summary > .invoice-area-header p span:after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}
.invoice-summary > .invoice-area-header p span:last-child:after {
  content: "";
  padding-left: 0px;
  padding-right: 0px;
}
.invoice-summary > .invoice-area-body {
  width: 100%;
  float: left;
}
.invoice-summary > .invoice-area-body > .invoice-area-row {
  background: white;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
}
.invoice-summary > .invoice-area-body > .invoice-area-row h3 {
  font-size: 1.6em;
  color: #666666;
  font-weight: 200;
  padding-bottom: 0px;
  line-height: 1.5em;
  cursor: pointer;
  word-wrap: break-word;
}
.invoice-area-subtotal .subtotal-row h3 {
  font-size: 1.6em;
  color: #666666;
  font-weight: 200;
  padding-bottom: 0px;
  line-height: 1.5em;
}
.invoice-summary > .invoice-area-body > .invoice-area-row p {
  font-size: 1.2em;
  color: #666666;
  font-weight: 600;
  /*cursor:pointer;*/

}
.invoice-summary > .invoice-area-body > .invoice-area-row p span {
  display: inline-block;
}
.invoice-summary > .invoice-area-body > .invoice-area-row p span:after {
  content: "|";
  padding-left: 5px;
  padding-right: 5px;
}
.invoice-summary > .invoice-area-body > .invoice-area-row p span:last-child:after {
  content: "";
  padding-left: 0px;
  padding-right: 0px;
}
.invoice-summary > .invoice-area-body > .invoice-area-row .amount {
  margin-top: 3px;
  margin-bottom: 3px;
  border-left: 3px solid #fafafa;
  text-align: right;
  font-size: 1.4em;
  color: #666666;
  line-height: 2.7em;
  padding-right: 10px;
}
.invoice-summary > .invoice-area-body > .invoice-area-row .amount > span[class*="icon-"] {
  vertical-align: middle;
  font-size: 1.8em;
  cursor: pointer;
  color: #cdcdcd;
  margin-left: 0px;
  width: 12px;
  display: inline-block;
  text-align: center;
}
.invoice-summary > .invoice-area-body > .invoice-area-row .amount > span[class*="icon-"]:hover {
  color: #666666;
}
.invoice-summary > .invoice-area-body > .invoice-area-row.active {
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.invoice-area-subtotal {
  width: 100%;
  float: left;
  background: white;
  padding: 15px;
  text-align: right;
}
.invoice-area-subtotal > div[class*="col-"] {
  border-right: 3px solid #fafafa;
  padding-right: 15px;
}
.invoice-area-subtotal > div[class*="col-"]:last-child {
  border-right: none;
  padding-right: 0;
}
.invoice-area-subtotal .subtotal-row {
  width: 100%;
  float: left;
  padding-bottom: 10px;
}
.invoice-area-subtotal .subtotal-row p {
  font-size: 1.4em;
  color: #666666;
  font-weight: 600;
}
.invoice-summary > .invoice-area-buttons {
  width: 100%;
  float: left;
  padding-top: 10px;
}
.invoice-summary > .invoice-area-buttons button {
  margin-bottom: 10px;
}
.invoice-summary > .invoice-area-body > .invoice-area-row h3 a {
  color: #666666;
  text-decoration: none;
}
.remove-invoice-link .invoice-area-row h3 {
  cursor: auto !important;
}
.big-button {
  padding: 10px 20px 10px 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.6em;
  border: none;
}
.snoozediv > button.small {
  margin-bottom: 6px;
}
.paid-animation {
  -webkit-animation: ZoomOpacity 1s forwards;
  -moz-animation: ZoomOpacity 1s forwards;
  -o-animation: ZoomOpacity 1s forwards;
  animation: ZoomOpacity 1s forwards;
}
@keyframes ZoomOpacity {
  from {
    transform: scale(2, 2);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes ZoomOpacity {
  from {
    transform: scale(2, 2);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.General-link {
  font-size: inherit;
  display: inline-block;
}
.common-link {
  cursor: pointer;
}
a.common-link {
  color: #333333 !important;
}
.custom-link {
  color: #02c38a !important;
  cursor: pointer;
}
.common-link:hover {
  color: #3896ff !important;
}
.common-link:hover * {
  color: #3896ff !important;
}
.underline-link {
  text-decoration: underline !important;
  text-decoration-style: dashed;
}
.underline-link:hover {
  text-decoration: none !important;
}
.General-link > a {
  font-size: 1.3em;
  text-decoration: none;
  /*color: @color-green;*/
  color: #3896ff;
}
.search-panel {
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  height: 0px;
  background: #efefef;
}
.search-panel .search-panel-container {
  display: none;
}
.search-panel .search-panel-arrow {
  width: 30px;
  display: inline-block;
  height: 20px;
  background: #dadada;
  color: white;
  position: absolute;
  bottom: -20px;
  right: 20px;
  text-align: center;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  cursor: pointer;
}
.search-panel .search-panel-arrow .search-icon:after {
  font-family: 'npe_icons_v1regular' !important;
  content: "\e054";
  display: inline-block;
  line-height: 20px;
  font-size: 2.2em;
}
.search-panel.search-show {
  height: auto;
}
.search-panel.search-show .search-panel-container {
  display: block;
}
.search-panel.search-show .search-panel-arrow .search-icon:after {
  content: ".";
}
.data-tag-control {
  float: left;
}
.data-tag-control > .data-tag > span {
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  float: left;
}
.data-tag-control > .data-tag label {
  background: #f5f8fa;
  color: #525f6d;
  padding: 6px 10px 6px 34px !important;
  margin-right: 0px !important;
}
.data-tag-control > .data-tag input[type="radio"]:checked + label,
.data-tag-control > .data-tag input[type="checkbox"]:checked + label {
  background: #e1e1e1;
  color: #3f4752;
}
.merge-contact-details {
  overflow: auto;
  width: 100%;
}
.merge-contact-details > .list-1 > .lst-body > .lst-item > div[class*="col-"] {
  vertical-align: top;
  border-right: 1px solid #e5e5e5;
}
.merge-contact-details > .list-1 > .lst-body > .lst-item > div[class*="col-"] input + label > span {
  margin-left: 0 !important;
}
.merge-contact-field {
  min-width: 250px;
  max-width: none !important;
}
.merge-contact-field-name {
  min-width: 250px;
  max-width: none !important;
}
#view-contact-header .contact-other-info-general {
  padding-right: 24px !important;
}
.count-box.red-block {
  background: #ff4d4d;
  min-height: 70px;
  cursor: auto;
}
.count-box.green-block {
  background: #02c38a;
  min-height: 70px;
  cursor: auto;
}
.count-box.orange-block {
  background: #ff7048;
  min-height: 70px;
  cursor: auto;
}
.count-box.red-block .count-container h2,
.count-box.red-block .count-container b,
.count-box.green-block .count-container h2,
.count-box.green-block .count-container b,
.count-box.orange-block .count-container h2,
.count-box.orange-block .count-container b {
  color: white !important;
  width: 100%;
  text-align: center;
}
.count-box.red-block .count-container,
.count-box.green-block .count-container,
.count-box.orange-block .count-container {
  width: 100%;
  text-align: center;
  padding: 0 !important;
}
#view-contact-header #contact-info .contact-other-info.invoice-profile {
  float: right;
}
#changeassignmentinteraction label {
  cursor: pointer;
}
.uploader-control {
  width: 100%;
  display: inline-block;
}
.uploader-control .sel-file {
  width: 100%;
  display: inline-block;
  padding: 0px 10px;
}
.uploader-control .progress {
  display: inline-block;
  width: 100px;
  border: 1px solid #e5e5e5;
}
.uploader-control .progress div {
  font-size: smaller;
  background: #02c38a;
  width: 0;
}
.uploader-control .sel-file {
  padding: 1px 5px;
  font-size: smaller;
  color: white;
}
.fs donationcontrol {
  width: 100%;
  display: inline-block;
}
.fs donationcontrol .fs-f {
  width: 100%;
  display: inline-block;
}
.fs donationcontrol .fs-f .fs-f-i {
  display: inline-block;
  width: 100%;
}
.contact-view-sperator {
  padding: 0 15px 0 15px;
  color: #333333;
}
.contact-view-sperator:before {
  content: "|";
  font-size: 1.4em;
  padding-right: 10px;
}
.contact-view-sperator label {
  display: inline-block;
}
.contact-view-sperator label b {
  font-size: 1.1em;
}
.invoice-container {
  max-width: 650px;
  width: 100%;
  overflow: auto;
  margin: 20px auto 0;
}
.invoice-container .invoice-doc {
  width: 650px;
  display: inline-block;
}
.merge-contact-field {
  display: inline-block;
  vertical-align: top;
}
.tab-content {
  display: block;
}
tabset {
  display: inline-block;
}
.tab-content .tab-pane {
  display: inline-block;
}
.icon-align-middle {
  vertical-align: middle;
  line-height: 0px;
  display: inline-block;
}
.quick-contact-container {
  display: inline-block;
  width: 100%;
}
.disable-area {
  position: relative;
}
.disable-area {
  position: relative;
}
.disable-overlay {
  display: none;
}
.disable-area .disable-overlay {
  position: absolute;
  top: 0;
  bottom: -60px;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 3;
  display: block;
}
.disable-area .button-bar.freeze-bottom {
  z-index: 1;
}
.add-template span.icon-add {
  vertical-align: middle;
  font-size: 2em;
}
.add-template label {
  cursor: pointer;
  font-size: 1.8em;
  vertical-align: middle;
  color: #666666;
}
.quick-add-popup {
  left: 0;
  position: fixed;
  top: 50px;
  z-index: 6;
  transition: top 1s;
  background: white;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 960px) {
  .gift-contact .contact-other-info {
    width: 100%;
    text-align: center;
  }
}
.color-picker-block {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.close-internal-section {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 3.4em;
  z-index: 3;
  cursor: pointer;
  color: #999999;
}
.close-internal-section:hover {
  color: #333333;
}
.appeal-template-block .fs-f:last-child .fs-f-i {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .appeal-template-block .fs-f:last-child .fs-f-i {
    margin-top: 0px;
  }
}
.acknowledgement-status {
  border-right: 1px solid #e5e5e5;
  margin-right: 20px;
}
@media screen and (max-width: 920px) {
  .acknowledgement-status {
    border-right: 20px;
  }
}
@media screen and (max-width: 750px) {
  .acknowledgement-status {
    border-right: none;
  }
}
.small-editor .cke_contents {
  height: 250px !important;
}
.headding-field {
  border-bottom: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%;
}
.headding-field h2 {
  display: inline-block;
  width: auto;
}
.headding-field input {
  display: inline-block;
  margin-top: -5px;
}
.headding-field .headding-2 {
  font-weight: normal;
}
.notification-box .bx-s1-body {
  min-height: 350px;
  overflow: auto;
  max-height: 350px;
}
.contact-remove-pad .col-12 {
  padding: 0 !important;
}
.switch-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 2;
  cursor: pointer;
}
.inner-switch-section {
  z-index: 3;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  display: inline-block;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 20px 20px 15px 20px;
  background: white;
}
.inner-switch-section .switch-btn {
  float: left;
  font-size: 1.4em;
  width: 100%;
  text-align: center;
}
.inner-switch-section .switch-link {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  float: right;
}
.thumb-box {
  display: inline-block;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
  border: 3px solid #e0e0e0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
}
.template-zoom-image {
  width: 100%;
  float: left;
  padding: 20px 20px 10px 20px;
}
.template-zoom-image img {
  width: 100%;
}
.template-zoom-icon {
  width: 100%;
  float: left;
  padding: 0 20px 0px 20px;
}
.template-zoom-icon [class*="icon-"] {
  font-size: 3em !important;
  cursor: pointer;
  color: #666666;
}
.template-zoom-icon [class*="icon-"]:hover {
  color: #333333;
}
.animate-scrollabel-area {
  min-height: 60px;
  max-height: 350px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  overflow: auto;
}
.animate-scrollabel-area:hover {
  min-height: 200px;
}
.add-box-lst-item {
  float: left;
  display: inline-block;
  background: #ededed;
  max-height: 111px;
  border-bottom: 1px solid #e5e5e5 !important;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.add-box-lst-item:hover {
  border-bottom-color: #cdcdcd !important;
}
.add-box-lst-item img {
  margin-top: -33px;
}
create-email {
  display: inline-block;
  position: relative;
}
create-email .fa {
  margin: 0 !important;
  line-height: normal !important;
}
create-email > span.email-value-section {
  position: relative;
  display: flex;
  align-items: center;
}
create-email > span.email-value-section .email-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}
create-email .copy-email {
  display: none;
}
create-email.email-overflow-contact .email-value-section .email-text {
  margin-top: 4px;
}
create-email:hover .copy-email {
  position: absolute;
  border: solid 2px #e5e5e5;
  height: 100%;
  display: block;
  left: -5px;
  top: -3px;
  padding-bottom: 5px;
  right: -30px;
  text-align: right;
  z-index: 1;
}
create-email:hover .copy-email .fa {
  background: #989898;
  cursor: pointer;
  font-size: 13px !important;
  color: white;
  padding: 6px 5px;
  margin-top: -2px !important;
}
create-email:hover .copy-email .fa:hover {
  background: #686868;
}
create-email.email-overflow-contact:hover .copy-email {
  padding-bottom: 0;
}
create-email.email-overflow-contact:hover .copy-email .fa {
  margin-top: 0 !important;
}
@font-face {
  font-family: 'npe_icons_v1regular';
  src: url('/fonts/npe/npe-icons-webfont.eot');
  src: url('/fonts/npe/npe-icons-webfont.woff2') format('woff2'), url('/fonts/npe/npe-icons-webfont.woff') format('woff'), url('/fonts/npe/npe-icons-webfont.ttf') format('truetype'), url('/fonts/npe/npe-icons-webfont.svg#npe_icons_v1regular') format('svg'), url('/fonts/npe/npe-icons-webfont.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
.icon-left-arrow,
.icon-right-arrow,
.icon-top-arrow,
.icon-bottom-arrow,
.icon-setting,
.icon-user,
.icon-monitor,
.icon-up-down,
.icon-comment,
.icon-logout,
.icon-dashboard,
.icon-cart,
.icon-close,
.icon-email,
.icon-edit,
.icon-add,
.icon-refund,
.icon-search,
.icon-switch,
.icon-globe,
.icon-down-arrow,
.icon-arrow-t,
.icon-Home-mail,
.icon-globe-email,
.icon-mail-email,
.icon-calendar,
.icon-copy,
.icon-save,
.icon-lock,
.icon-up-arrow2,
.icon-change-password,
.icon-help,
.icon-delete,
.icon-mobile,
.icon-location,
.icon-go-next,
.icon-note,
.icon-tools,
.icon-database,
.icon-contact-info,
.icon-dolor-currency,
.icon-dolor-bag,
.icon-bar,
.icon-three-dot,
.icon-down-sign,
.icon-up-sign,
.icon-print,
.icon-gift,
.icon-video,
.icon-picture,
.icon-ok-circle,
.icon-plus-circle,
.icon-minus-circle,
.icon-cancel-circle,
.icon-link,
.icon-attach,
.icon-lock-close,
.icon-lock-open,
.icon-tag,
.icon-reply,
.icon-reply-all,
.icon-code,
.icon-retweet,
.icon-folder,
.icon-archive,
.icon-cw-circle,
.icon-updown-circle,
.icon-youtube,
.icon-address-book,
.icon-book,
.icon-fire,
.icon-braille,
.icon-magnet,
.icon-credit-card,
.icon-tasks,
.icon-filter,
.icon-inbox,
.icon-play-circled2,
.icon-eject,
.icon-cw,
.icon-zoom-in,
.icon-resize-small,
.icon-resize-full,
.icon-zoom-out,
.icon-lightbulb,
.icon-phone,
.icon-mic,
.icon-clock,
.icon-embassy,
.icon-login,
.icon-logout2,
.icon-export,
.icon-flash,
.icon-star,
.icon-star-empty,
.icon-users,
.icon-user-female,
.icon-user-male,
.icon-print2,
.icon-chart-pie,
.icon-dollar,
.icon-grid,
.icon-squares,
.icon-th-list,
.icon-money,
.icon-layers,
.icon-split,
.icon-loop-alt,
.icon-share,
.icon-thumbs-up,
.icon-thumbs-down,
.icon-plus-squared,
.icon-minus-squared,
.icon-back,
.icon-camera,
.icon-download,
.icon-upload,
.icon-doc-text-inv,
.icon-fax,
.icon-active,
.icon-inactive,
.icon-down-arrow2,
.icon-true,
.icon-color-editor,
.icon-membership {
  font-family: 'npe_icons_v1regular' !important;
  text-transform: none !important;
  font-weight: normal !important;
}
.icon-left-arrow:after,
.icon-right-arrow:after,
.icon-top-arrow:after,
.icon-bottom-arrow:after,
.icon-setting:after,
.icon-user:after,
.icon-monitor:after,
.icon-up-down:after,
.icon-comment:after,
.icon-logout:after,
.icon-dashboard:after,
.icon-cart:after,
.icon-close:after,
.icon-email:after,
.icon-edit:after,
.icon-add:after,
.icon-refund:after,
.icon-search:after,
.icon-switch:after,
.icon-globe:after,
.icon-down-arrow:after,
.icon-arrow-t:after,
.icon-Home-mail:after,
.icon-globe-email:after,
.icon-mail-email:after,
.icon-calendar:after,
.icon-copy:after,
.icon-save:after,
.icon-lock:after,
.icon-up-arrow2:after,
.icon-change-password:after,
.icon-help:after,
.icon-delete:after,
.icon-mobile:after,
.icon-location:after,
.icon-go-next:after,
.icon-note:after,
.icon-tools:after,
.icon-database:after,
.icon-contact-info:after,
.icon-dolor-currency:after,
.icon-dolor-bag:after,
.icon-bar:after,
.icon-three-dot:after,
.icon-down-sign:after,
.icon-up-sign:after,
.icon-print:after,
.icon-gift:after,
.icon-video:after,
.icon-picture:after,
.icon-ok-circle:after,
.icon-plus-circle:after,
.icon-minus-circle:after,
.icon-cancel-circle:after,
.icon-link:after,
.icon-attach:after,
.icon-lock-close:after,
.icon-lock-open:after,
.icon-tag:after,
.icon-reply:after,
.icon-reply-all:after,
.icon-code:after,
.icon-retweet:after,
.icon-folder:after,
.icon-archive:after,
.icon-cw-circle:after,
.icon-updown-circle:after,
.icon-youtube:after,
.icon-address-book:after,
.icon-book:after,
.icon-fire:after,
.icon-braille:after,
.icon-magnet:after,
.icon-credit-card:after,
.icon-tasks:after,
.icon-filter:after,
.icon-inbox:after,
.icon-play-circled2:after,
.icon-eject:after,
.icon-cw:after,
.icon-zoom-in:after,
.icon-resize-small:after,
.icon-resize-full:after,
.icon-zoom-out:after,
.icon-lightbulb:after,
.icon-phone:after,
.icon-mic:after,
.icon-clock:after,
.icon-embassy:after,
.icon-login:after,
.icon-logout2:after,
.icon-export:after,
.icon-flash:after,
.icon-star:after,
.icon-star-empty:after,
.icon-users:after,
.icon-user-female:after,
.icon-user-male:after,
.icon-print2:after,
.icon-chart-pie:after,
.icon-dollar:after,
.icon-grid:after,
.icon-squares:after,
.icon-th-list:after,
.icon-money:after,
.icon-layers:after,
.icon-split:after,
.icon-loop-alt:after,
.icon-share:after,
.icon-thumbs-up:after,
.icon-thumbs-down:after,
.icon-plus-squared:after,
.icon-minus-squared:after,
.icon-back:after,
.icon-camera:after,
.icon-download:after,
.icon-upload:after,
.icon-doc-text-inv:after,
.icon-fax:after,
.icon-active:after,
.icon-inactive:after,
.icon-down-arrow2:after,
.icon-true:after,
.icon-color-editor:after,
.icon-membership:after {
  vertical-align: middle;
}
.icon-left-arrow:after {
  content: "\e011";
}
.icon-right-arrow:after {
  content: "\e013";
}
.icon-top-arrow:after {
  content: "\e005";
}
.icon-bottom-arrow:after {
  content: "\e004";
}
.icon-setting:after {
  content: "\e032";
}
.icon-user:after {
  content: "\e034";
}
.icon-monitor:after {
  content: "\e048";
}
.icon-up-down:after {
  content: "\e016";
}
.icon-comment:after {
  content: "\e035";
}
.icon-logout:after {
  content: "\e047";
}
.icon-dashboard:after {
  content: "\e019";
}
.icon-cart:after {
  content: "\e018";
}
.icon-close:after {
  content: "\e038";
}
.icon-email:after {
  content: "\e020";
}
.icon-edit:after {
  content: "\e040";
}
.icon-add:after {
  content: "\e036";
}
.icon-refund:after {
  content: "\e053";
}
.icon-search:after {
  content: "\e054";
}
.icon-switch:after {
  content: "\e012";
}
.icon-globe:after {
  content: "\e037";
}
.icon-down-arrow:after {
  content: "\e010";
}
.icon-arrow-t:after {
  content: "\e017";
}
.icon-Home-mail:after {
  content: "\e021";
}
.icon-globe-email:after {
  content: "\e041";
}
.icon-mail-email:after {
  content: "\e043";
}
.icon-calendar:after {
  content: "\e044";
}
.icon-copy:after {
  content: "\e024";
}
.icon-save:after {
  content: "\e045";
}
.icon-lock:after {
  content: "\e025";
}
.icon-up-arrow2:after {
  content: "\e005";
}
.icon-down-arrow2:after {
  content: "\e004";
}
.icon-change-password:after {
  content: "\e046";
}
.icon-help:after {
  content: "\e014";
}
.icon-delete:after {
  content: "\e039";
}
.icon-mobile:after {
  content: "\e001";
}
.icon-location:after {
  content: "\e015";
}
.icon-go-next:after {
  content: "\e003";
}
.icon-note:after {
  content: "\e049";
}
.icon-tools:after {
  content: "\e033";
}
.icon-database:after {
  content: "\e006";
}
.icon-contact-info:after {
  content: "\e051";
}
.icon-dolor-currency:after {
  content: "\e002";
}
.icon-dolor-bag:after {
  content: "\e061";
}
.icon-bar:after {
  content: "\e022";
}
.icon-three-dot:after {
  content: "\e023";
}
.icon-down-sign:after {
  content: "\e004";
}
.icon-up-sign:after {
  content: "\e005";
}
.icon-true:after {
  content: "\e050";
}
.icon-print2:after {
  content: "\e031";
}
.icon-gift:after {
  content: "\e057";
}
.icon-video:after {
  content: '\e063';
}
.icon-picture:after {
  content: '\e064';
}
.icon-ok-circle:after {
  content: '\e065';
}
.icon-plus-circle:after {
  content: '\e066';
}
.icon-minus-circle:after {
  content: '\e067';
}
.icon-cancel-circle:after {
  content: '\e068';
}
.icon-link:after {
  content: '\e069';
}
.icon-attach:after {
  content: '\e070';
}
.icon-lock-close:after {
  content: '\e071';
}
.icon-lock-open:after {
  content: '\e072';
}
.icon-tag:after {
  content: '\e073';
}
.icon-reply:after {
  content: '\e074';
}
.icon-reply-all:after {
  content: '\e075';
}
.icon-code:after {
  content: '\e076';
}
.icon-retweet:after {
  content: '\e077';
}
.icon-folder:after {
  content: '\e078';
}
.icon-archive:after {
  content: '\e079';
}
.icon-cw-circle:after {
  content: '\e080';
}
.icon-updown-circle:after {
  content: '\e081';
}
.icon-youtube:after {
  content: '\e082';
}
.icon-address-book:after {
  content: '\e083';
}
.icon-book:after {
  content: '\e084';
}
.icon-fire:after {
  content: '\e085';
}
.icon-braille:after {
  content: '\e086';
}
.icon-magnet:after {
  content: '\e087';
}
.icon-credit-card:after {
  content: '\e088';
}
.icon-tasks:after {
  content: '\e089';
}
.icon-filter:after {
  content: '\e090';
}
.icon-inbox:after {
  content: '\e091';
}
.icon-play-circled2:after {
  content: '\e092';
}
.icon-cw:after {
  content: '\e093';
}
.icon-zoom-in:after {
  content: '\e094';
}
.icon-resize-small:after {
  content: '\e095';
}
.icon-resize-full:after {
  content: '\e096';
}
.icon-zoom-out:after {
  content: '\e097';
}
.icon-lightbulb:after {
  content: '\e098';
}
.icon-phone:after {
  content: '\e099';
}
.icon-mic:after {
  content: '\e100';
}
.icon-embassy:after {
  content: '\e101';
}
.icon-login:after {
  content: '\e102';
}
.icon-logout2:after {
  content: '\e103';
}
.icon-export:after {
  content: '\e104';
}
.icon-flash:after {
  content: '\e105';
}
.icon-star:after {
  content: '\e106';
}
.icon-star-empty:after {
  content: '\e107';
}
.icon-users:after {
  content: '\e108';
}
.icon-user-female:after {
  content: '\e109';
}
.icon-print:after {
  content: '\e110';
}
.icon-chart-pie:after {
  content: '\e111';
}
.icon-dollar:after {
  content: '\e112';
}
.icon-grid:after {
  content: '\e113';
}
.icon-squares:after {
  content: '\e114';
}
.icon-th-list:after {
  content: '\e115';
}
.icon-money:after {
  content: '\e116';
}
.icon-layers:after {
  content: '\e117';
}
.icon-split:after {
  content: '\e118';
}
.icon-loop-alt:after {
  content: '\e119';
}
.icon-share:after {
  content: '\e120';
}
.icon-thumbs-up:after {
  content: '\e121';
}
.icon-thumbs-down:after {
  content: '\e122';
}
.icon-user-male:after {
  content: '\e123';
}
.icon-plus-squared:after {
  content: '\e124';
}
.icon-minus-squared:after {
  content: '\e125';
}
.icon-back:after {
  content: '\e126';
}
.icon-camera:after {
  content: '\e127';
}
.icon-download:after {
  content: '\e128';
}
.icon-upload:after {
  content: '\e129';
}
.icon-doc-text-inv:after {
  content: '\e130';
}
.icon-fax:after {
  content: '\e131';
}
.icon-color-editor:after {
  content: "\e026";
}
.icon-clock:after {
  content: "\e055";
}
.icon-membership:after {
  content: "\e058";
}
.icon-active {
  color: #02c38a !important;
}
.icon-inactive {
  color: #999999 !important;
}
.icon-active:after,
.icon-inactive:after {
  content: "\e065";
}
button > [class*='icon-'] {
  display: inline-block;
  font-size: 1.8em;
  height: 0.6em;
  line-height: 0.6em;
  margin-left: -5px;
  vertical-align: middle;
}
button > .only-icon {
  margin: 0 -10px;
}
button > .only-icon-text {
  margin: 0 0px 0 -10px;
}
button[class*="icon-"] {
  border: 0 none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #b0b0b0;
  font-size: 4.6em;
  height: 0.7em;
  line-height: 0.67em;
  margin: 0;
  padding: 0;
  text-indent: -0.18em;
  vertical-align: top;
  width: 0.66em;
  background: transparent;
}
button[class*="icon-"]:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
button[class*="icon-"]:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-group button > [class*="icon-"] {
  font-size: inherit;
  line-height: 0px;
  height: inherit;
  margin: inherit;
}
button.button-size-big span[class*="icon-"] {
  font-size: 2.8em;
  vertical-align: middle;
  line-height: 0px;
  margin-left: -9px;
  display: inline-block;
}
.btn-field .btn-field-send > button[class*="icon-"] {
  font-size: 2.6em;
  height: 30px;
  padding-left: 23px;
  color: #999999;
}
.btn-field .btn-field-send > button[class*="icon-"]:hover {
  color: #333333;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  /*vertical-align: -15%;*/

}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */

.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: white;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
@media screen and (max-width: 1370px) and (min-width: 961px) {
  .email-overflow-contact {
    display: inline-block;
    vertical-align: middle;
  }
  .email-overflow-contact .email-text {
    max-width: 225px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .contact-address-overflow {
    max-width: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    width: auto;
    word-wrap: normal;
    white-space: nowrap;
  }
}
@media screen and (min-width: 0px) {
  #view-contact-header #contact-info .contact-other-info {
    white-space: normal;
  }
  #view-contact-header #contact-info .contact-other-info create-email {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1401px) {
  .contact-address-overflow {
    max-width: 450px;
    word-wrap: break-word;
    white-space: normal;
  }
  .email-overflow-contact .email-text {
    max-width: 275px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1141px) {
  .contact-address-overflow {
    max-width: 342px;
  }
  #view-contact-header .contact-other-info .coi-item > span {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 1140px) and (min-width: 1025px) {
  .contact-address-overflow {
    max-width: 312px;
  }
  #view-contact-header .contact-other-info .coi-item {
    margin-left: 0px;
    padding-left: 0px;
  }
  #view-contact-header .contact-other-info .coi-item > span {
    font-size: 1.3em;
  }
}
/*.check-in-btn {
    min-width: 100px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.checked-in-btn {
    & .check-out-status {
        display: none;
    }

    & .checked-in-status {
        display: block;
    }

    &:hover {
        background: @color-red;
        border-color: @color-red;

        & .check-out-status {
            display: block;
        }

        & .checked-in-status {
            display: none;
        }
    }
}

.g-check-in-btn {
    min-width: 150px;
    margin-top: 2px;
    margin-bottom: 2px;
}*/

.dropdown-btn-icon .status-btn-small {
  min-width: 128px;
  text-align: left;
}
.dropdown-btn-icon .status-btn-big {
  min-width: 184px;
  text-align: left;
}
.fundraising-donation-box {
  min-height: 280px;
}
.fundraising-donation {
  min-height: 296px;
}
@media screen and (max-width: 1280px) {
  .fundraising-donation-box {
    min-height: 300px;
  }
  .fundraising-donation {
    min-height: 316px;
  }
}
.label-light {
  font-size: 1.2em !important;
  color: #999999 !important;
}
.upload-action .upload-action-input {
  display: none;
}
.check-action-btn {
  padding: 0 0 0 0;
  min-width: 180px;
  display: inline-block;
}
.check-action-label {
  display: inline-block;
  vertical-align: middle;
}
.check-action-btn-label {
  padding-left: 198px !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.check-action-btn-input {
  padding-left: 198px !important;
}
/*.disable-dropdown > .status-btn-small {
    min-width: 155px;
}*/

@media screen and (max-width: 980px) and (min-width: 769px) {
  .check-action-label {
    width: 100%;
    float: left;
    padding-top: 0px !important;
  }
  .check-action-btn-label {
    padding-left: 15px !important;
  }
  .check-header-label .status-label {
    display: none !important;
  }
  .check-shorting {
    display: none;
  }
  .check-action-btn-input {
    padding-left: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .check-action-btn {
    padding: 5px 0 5px 0;
    min-width: 180px;
    display: inline-block;
  }
  .check-action-btn-label {
    padding-left: 15px !important;
  }
  .check-action-label {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    float: left;
    padding-right: 20px !important;
  }
  .check-shorting {
    position: inherit !important;
    left: 0px !important;
    top: 0px !important;
    padding-bottom: 20px;
    float: left;
  }
  .check-action-btn-input {
    padding-left: 15px !important;
  }
}
.check-header-label .status-label {
  width: 181px !important;
  float: left;
}
.check-header-label label {
  float: left;
  width: auto !important;
}
.check-shorting {
  position: absolute;
  left: 15px;
  width: 180px;
  top: 10px;
}
.rounded-button {
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
}
.full-template > table {
  max-width: none;
}
.align-center-element {
  text-align: center;
}
.align-center-element * * {
  text-align: left;
}
/* override google address control classes here */

.pac-container {
  z-index: 1500;
}
.headding-with-icon [class*="icon-"] {
  font-size: 1.6em;
  cursor: pointer;
  margin-left: 5px;
  color: #999999;
  font-weight: normal;
}
.headding-with-icon [class*="icon-"]:hover {
  color: #333333;
}
.label-with-icon {
  padding: 7px 0 6px !important;
  display: inline-block !important;
}
.label-with-icon [class*="icon-"] {
  font-size: 1.6em;
  cursor: pointer;
  color: #999999;
  font-weight: normal;
  line-height: 0px;
  vertical-align: middle;
}
.googlemap {
  width: 100% !important;
  margin-left: 0px !important;
  margin-top: 10px !important;
}
.loadding-data {
  position: fixed;
  left: 180px;
  right: 0px;
  bottom: 60px;
  text-align: center;
}
.loadding-data .loadding-container {
  display: inline-block;
  background: white;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.loadding-data.loading-grayout {
  top: 0;
  bottom: 0;
}
.loadding-data.loading-grayout .loading-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(235, 240, 245, 0.85);
  z-index: 1;
}
.loadding-data.loading-grayout .loadding-container {
  position: absolute;
  bottom: 60px;
  z-index: 2;
}
.calc .loadding-data.loading-grayout .loadding-container {
  left: calc(50% - 52px);
}
.nav-min .loadding-data {
  left: 50px;
}
.modal-popup .loadding-data {
  left: 0px;
}
.opacity-hide {
  opacity: 0;
  filter: alpha(opacity=0);
}
.calculate-count {
  display: inline-block;
}
.calculate-count [class*="icon-"] {
  display: inline-block;
}
.calculate-count input {
  width: 60px;
  text-align: center;
  display: inline-block;
}
.ticketing-total {
  width: 100%;
  text-align: center;
}
.ticketing-total h2 {
  font-size: 40px;
  font-weight: bold;
  color: #02c38a;
}
.ticketing-total .ticketing-payment-process {
  width: 100%;
  max-width: 260px;
  display: inline-block;
}
.ticketing-total .ticketing-payment-process > [class*="col-"] {
  padding: 2px;
}
.ticketing-total .ticketing-payment-process > [class*="col-"] span {
  width: 100%;
  height: 50px;
  float: left;
  line-height: 50px;
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  cursor: pointer;
  background: white;
}
.gray-icon-strip {
  width: 100%;
  margin-bottom: 10px;
  background: #efefef;
  position: relative;
  padding: 15px 15px 15px 40px;
}
.gray-icon-strip h3 {
  font-size: 1.5em;
  font-weight: 600;
  color: #333333;
  padding-bottom: 0px;
}
.gray-icon-strip p {
  font-size: 1.3em;
  font-weight: 400;
  color: #999999;
  padding-bottom: 0px;
}
.gray-icon-strip [class*="icon-"] {
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 4em;
  color: #666666;
}
.multiselect-info {
  font-size: 11px;
  color: #999999;
}
.multiselect-info .multiselect-info-highlight {
  font-weight: 600;
  color: #333333;
}
.scane-barcode {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.scane-barcode .scane-barcode-row {
  display: inline-block;
  padding-bottom: 20px;
}
.scane-barcode .scane-barcode-row h2 {
  font-size: 1.6em;
  font-weight: 700;
  color: #666666;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0px;
  padding-left: 15px;
}
[class*="scaner-icon-"] {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background: url("/content/images/scaner-status.png") no-repeat;
}
.scaner-icon-scane {
  background-position: 0px 0px;
}
.scaner-icon-success {
  background-position: 0px -60px;
}
.scaner-icon-failed {
  background-position: 0px -120px;
}
.red-contact-status {
  background: #ff4d4d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: auto;
  color: white;
  font-size: 11px;
  margin-left: 10px;
  padding: 0 10px;
  vertical-align: middle;
}
.deceased-trip {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("/content/images/deceased.png") no-repeat;
  background-size: 100% 100%;
}
.contact-interaction-details {
  display: inline-block;
  float: right;
  width: auto;
  padding-right: 15px;
}
.contact-interaction-details p {
  font-size: 1.3em;
  color: #666666;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}
.contact-interaction-details p b {
  font-weight: 600;
  color: black;
}
@media screen and (max-width: 960px) {
  
}
.change-amount-box {
  display: inline-block;
}
.change-amount-box .change-amount-section label {
  font-size: 1.3em;
  color: #999999;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.change-amount-box .change-amount-section span {
  font-size: 1.8em;
  font-weight: 600;
  color: #333333;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix contactselector [data-dropdown-fetch] {
  position: inherit !important;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix contactselector [data-dropdown-fetch] .contact-selector {
  position: inherit !important;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix contactselector [data-dropdown-fetch] .contact-selector .dropdown-menu {
  position: absolute !important;
  left: inherit !important;
  top: inherit !important;
  width: auto !important;
  max-width: none !important;
}
.ds-fs-container .ds-fs-item-container > .ds-fs-item.ds-Matrix contactselector [data-dropdown-fetch] .contact-selector .internal-popout {
  position: relative !important;
  left: inherit !important;
  top: inherit !important;
}
.nav-min .modal + .slider-backdrop + .modal-slider,
.nav-max .modal + .slider-backdrop + .modal-slider {
  left: 0px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.dataset-header h2 {
  padding-left: 0px;
}
.color-white {
  color: white !important;
}
.visibility-hidden {
  visibility: hidden !important;
}
.no-link * {
  color: #333333 !important;
}
.contact-information-box {
  width: 100%;
  display: inline-block;
  line-height: 20px;
  padding-left: 20px;
  padding-top: 5px;
}
.contact-information-box .common-link a {
  color: inherit !important;
}
.contact-information-box span[class*="icon-"] {
  font-size: 22px !important;
  position: absolute;
  left: 0px;
  top: 11px;
}
.contact-information-box .icon-up-down {
  position: inherit !important;
  vertical-align: middle;
  line-height: 0px;
  display: inline-block;
  top: 0px !important;
  left: 0px !important;
}
.contact-information-box .contact-info-row {
  display: inline-block;
  width: auto;
  padding: 0px 20px 0 22px;
  position: relative;
  min-height: 20px;
  vertical-align: middle;
}
.contact-information-box .contact-info-row span[class*="icon-"]:hover {
  color: #b0b0b0 !important;
}
.contact-information-box .contact-info-full-row {
  display: inline-block;
  width: 100%;
  padding: 0px 0 0 22px;
  position: relative;
  min-height: 20px;
  vertical-align: middle;
}
input[type="checkbox"] + label i {
  font-size: inherit;
  font-weight: 400;
  display: inline-block;
  color: #999999 !important;
  font-style: normal;
  font-size: 13px;
  padding: 0 0 0 5px;
}
/* start Ifram box classes here */

.iframeBox {
  display: inline-block;
  width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.iframeBox > iframe {
  height: 740px;
}
.modal-body .iframeBox > iframe {
  height: 430px !important;
}
@media screen and (max-height: 768px) {
  .iframeBox > iframe {
    height: 490px;
  }
}
@media screen and (max-height: 900px) {
  .iframeBox > iframe {
    height: 530px;
  }
}
/*------------------------------------ Newsletter Unsubscribe -------------------------------------*/

.unsubscribe-header {
  width: 100%;
  min-height: 100px;
  display: inline-block;
  text-align: center;
  background: #2d333b;
  padding: 28px 0 28px 0;
}
.unsubscribe-header img {
  text-align: center;
  height: 44px;
}
.unsubscribe-header .version-no {
  color: white;
}
.unsubscribe-newsletter {
  width: 100%;
  display: inline-block;
}
.unsubscribe-newsletter h1 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  width: 100%;
  padding: 30px 0;
}
.unsubscribe-newsletter h5 {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  text-align: center;
  width: 100%;
  padding-top: 30px;
}
.unsubscribe-newsletter .unsubscribe-content {
  background: #f3f6f9 url("/content/images/newsletter-image.png") no-repeat right center;
  border: 1px solid #e1e7ed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  text-align: left;
  padding: 0 20px 10px 20px;
}
.unsubscribe-newsletter .unsubscribe-content .unsubscribe-row {
  width: 100%;
}
.unsubscribe-newsletter .unsubscribe-content .unsubscribe-row input[type="checkbox"] + label:before {
  margin-top: 1px;
}
.unsubscribe-newsletter .unsubscribe-content .unsubscribe-row p,
.unsubscribe-newsletter .unsubscribe-content .unsubscribe-row label {
  font-size: 1.4em;
}
.unsubscribe-newsletter .unsubscribe-button-bar {
  text-align: center;
  padding: 20px 0;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .lg-float-none {
    float: none !important;
  }
  .lg-float-left {
    float: left !important;
  }
  .lg-float-right {
    float: right !important;
  }
}
@media screen and (max-width: 1024px) {
  .md-float-none {
    float: none !important;
  }
  .md-float-left {
    float: left !important;
  }
  .md-float-right {
    float: right !important;
  }
}
@media screen and (max-width: 980px) {
  .md-sm-float-none {
    float: none !important;
  }
  .md-sm-float-left {
    float: left !important;
  }
  .md-sm-float-right {
    float: right !important;
  }
}
@media screen and (max-width: 768px) {
  .sm-float-none {
    float: none !important;
  }
  .sm-float-left {
    float: left !important;
  }
  .sm-float-right {
    float: right !important;
  }
}
.rounded-label {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  font-size: 1.7em;
  font-weight: 600;
  padding: 2px 15px;
  vertical-align: middle;
}
.rounded-label-title {
  vertical-align: middle;
  display: inline-block;
  color: #333333;
  font-size: 1.7em;
  font-weight: 600;
  padding-right: 10px;
}
.title-b b {
  font-weight: 600;
}
#m-container > iframe {
  border: none;
}
.fly-section-body iframe {
  border: none;
}
/*--------------------------- User Guide -----------------------------*/

.user-guide-container {
  width: 100%;
  float: left;
  position: relative;
}
.user-guide-container .user-guide-image {
  width: 100%;
  float: left;
  min-height: 420px;
  background: #0d0e10;
}
.user-guide-container .user-guide-image img {
  width: 100%;
}
.user-guide-container .user-guide-text {
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 20px;
  padding: 0 20px;
}
.user-guide-container .user-guide-text .user-guide-text-box {
  max-width: 530px;
  width: 100%;
  background: white;
  min-height: 200px;
  display: inline-block;
  box-shadow: 0px 0px 10px black;
  -moz-box-shadow: 0px 0px 10px black;
  -webkit-box-shadow: 0px 0px 10px black;
  padding: 15px;
}
.user-guide-container .user-guide-text .user-guide-text-box p {
  font-size: 1.4em;
  line-height: 20px;
  color: #666666;
  padding-bottom: 10px;
}
.user-guide-container .user-guide-text .user-guide-text-box p span[class*="icon-"] {
  font-size: 25px;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.user-guide-container .user-guide-text .user-guide-text-box p a {
  color: #3896ff;
}
.user-guide-container .user-guide-text .user-guide-text-box p a:hover {
  text-decoration: underline;
}
.avpw_canvas_background {
  z-index: 9 !important;
}
.avpw_messaging_confirmation {
  z-index: 10 !important;
}
.current-plan {
  width: 100% !important;
  margin: 0px !important;
}
.item-modules {
  margin-right: 1%;
}
.item-user {
  clear: none !important;
  margin-right: 0px !important;
}
.newsletter-statistics {
  float: left;
  width: 100%;
}
.newsletter-statistics .newsletter-statistics-main-count {
  border-left: 3px solid #e5e5e5;
  float: left;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-transition: border-width 0.2s;
  -moz-transition: border-width 0.2s;
  -o-transition: border-width 0.2s;
  -ms-transition: border-width 0.2s;
  transition: border-width 0.2s;
}
.newsletter-statistics .newsletter-statistics-main-count:hover {
  border-width: 6px;
}
.newsletter-statistics .newsletter-statistics-main-count h1 {
  font-size: 2.5em;
  color: #666666;
  font-weight: 400;
}
.newsletter-statistics .newsletter-statistics-main-count h1 a {
  color: #02c38a;
  font-weight: 600;
}
.newsletter-statistics .search-defination {
  font-size: 15px !important;
  color: #999999 !important;
}
.newsletter-statistics .search-defination label {
  color: #999999 !important;
}
.newsletter-statistics .search-defination .popout-window:before {
  top: 15px !important;
}
.newsletter-statistics .search-defination * {
  font-size: inherit !important;
}
.newsletter-statistics .newsletter-info-item {
  border-bottom: 1px dashed #e5e5e5;
  padding: 7px 0;
}
.newsletter-statistics .newsletter-info-item label {
  font-size: 1.6em;
  color: #333333;
  font-weight: 400;
}
.newsletter-statistics .newsletter-info-item label span {
  font-size: 0.9em;
  color: #999999;
}
.newsletter-statistics .newsletter-info-item label span:after {
  content: " :";
  display: inline-block;
}
.newsletter-statistics .newsletter-info-item:first-child {
  border-top: 1px dashed #e5e5e5;
}
.communication-preferance-slide {
  padding-right: 10px;
}
.communication-preferance-slide label {
  color: #666666;
}
.communication-preferance-slide label:after {
  content: " : ";
}
.communication-preferance-slide b {
  font-size: 1.4em;
  font-weight: 600;
  width: auto;
  display: inline-block;
  color: #333333;
}
.dashed-list {
  width: 100%;
  display: inline-block;
  float: left;
  padding: 0 20px;
}
.dashed-list .dashed-list-item {
  width: 100%;
  display: inline-block;
  float: left;
  padding: 10px 0;
  border-bottom: 1px dashed #e0e0e0;
}
.dashed-list .dashed-list-item .search-defination {
  font-size: 15px;
  color: black !important;
}
.dashed-list .dashed-list-item .search-defination .popout-window {
  min-width: 300px;
}
.dashed-list .dashed-list-item .search-defination label {
  font-size: inherit !important;
}
.dashed-list .dashed-list-item .search-defination > span > label {
  color: inherit !important;
}
.dashed-list .dashed-list-item p {
  color: #666666;
  font-size: 1.5em;
}
.dashed-list .dashed-list-item p > span {
  color: black;
  font-weight: 600;
}
.dashed-list .dashed-list-item .dashed-font {
  font-size: 1.5em !important;
  color: #666666 !important;
  padding-top: 4px !important;
}
.dashed-list .dashed-list-item:last-child {
  border-bottom: none;
}
.contact-view-popup {
  min-width: 260px;
}
.shadow-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.managecard {
  font-size: 25px;
  height: 0;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  color: #4d5966;
}
.list-interaction-details {
  float: left;
  padding-right: 0px;
  margin-right: 0px;
}
.list-interaction-details p {
  padding-top: 0px;
  padding-bottom: 0px;
}
.list-interaction-details p b {
  border-bottom: 1px dashed #999999;
}
.change-fs-icon {
  font-size: 1.6em;
  margin-left: 7px;
  color: #999999;
  cursor: pointer;
  height: 24px;
}
.change-fs-icon:hover {
  color: #333333;
}
.btn-small {
  padding: 4px !important;
  height: 30px !important;
}
.btn-small:first-child {
  margin-left: 0 !important;
}
.btn-small:last-child {
  margin-right: 0 !important;
}
.btn-extra-small {
  padding: 0 8px !important;
}
.no-scroll > * {
  overflow: auto !important;
  min-height: inherit !important;
  max-height: none !important;
}
.template-center {
  display: inline-block;
  text-align: left;
}
.template-center .iframeBox {
  width: 1050px !important;
}
.template-center .iframeBox iframe {
  height: 510px !important;
}
.color-radius {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background: white;
  margin-left: 10px;
}
/*================================================================*/

/*---------------- Widget Start Here -----------------------------*/

.widget-container {
  width: 100%;
  float: left;
  border-width: 5px;
  border-style: solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 450px;
  padding: 10px 0px;
  position: relative;
}
.widget-container .opportunity-logo {
  padding-right: 5px;
}
.widget-container .opportunity-logo img {
  max-height: 80px;
  max-width: 100%;
}
.widget-container .encrypted-msg {
  width: 100%;
  position: absolute;
  bottom: 60px;
  left: 0px;
  right: 0px;
  font-size: 1.4em;
  color: #666666;
  vertical-align: middle;
  text-align: center;
}
.widget-container .encrypted-msg [class*="icon-"] {
  font-size: 2em;
  color: #999999;
  display: inline-block;
  vertical-align: middle;
  margin-top: -6px;
}
.widget-container .widget-footer {
  width: 100%;
  background: #f5f7fa;
  border-top: 1px solid #d7dee7;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 52px;
  padding: 10px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
.widget-container .widget-footer button {
  padding-left: 10px;
  padding-right: 10px;
}
.widget-container .widget-footer button.next-button {
  border: none;
  color: white;
  position: relative;
}
.widget-container .widget-footer button.next-button span {
  z-index: 3;
  position: relative;
}
.widget-container .widget-footer button.next-button span.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 2;
}
.widget-container .widget-footer button.next-button:hover span.overlay {
  display: inline-block;
}
.widget-container .card-details-screen {
  width: 100%;
  float: left;
  padding-bottom: 55px;
}
.widget-container .thank-you-screen {
  width: 100%;
  float: left;
  text-align: center;
}
.widget-container .thank-you-screen .thanks-section {
  margin-top: 70px;
}
.widget-container .thank-you-screen .success-msg {
  font-size: 1.3em;
  color: #02c38a;
  font-weight: normal;
}
.widget-container .thank-you-screen .client-logo-footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
}
.widget-container .thank-you-screen .client-logo {
  display: inline-block;
  /*width: 75px;*/
  height: 40px;
  /*background: #e0e0e0;*/
  margin-bottom: 15px;
  margin-top: 15px;
}
.widget-container .thank-you-screen .client-logo img {
  max-height: 40px;
}
.widget-container .thank-you-screen .dolor-bag {
  width: 60px;
  height: 75px;
  display: inline-block;
  overflow: hidden;
}
.widget-container .thank-you-screen .dolor-bag .icon-dolor-bag {
  font-size: 10em;
  color: #e5e5e5;
  position: relative;
  top: -18px;
  left: -16px;
}
.widget-container .thank-you-screen h2 {
  padding-bottom: 0px;
  font-size: 2.5em;
  font-weight: 600;
  color: #02c38a;
}
.widget-container .personal-details-screen {
  width: 100%;
  float: left;
  padding-bottom: 55px;
}
.widget-container .widget-form {
  width: 100%;
  float: left;
}
.widget-container .widget-form .fs-f {
  padding-bottom: 5px;
}
.widget-container .widget-form .fs .fs-f [class*="col-"] {
  padding-right: 5px;
}
.widget-container .widget-form .fs .fs-f [class*="col-"]:last-child {
  padding-right: 0px;
}
.widget-container .widget-form input,
.widget-container .widget-form select {
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 1.3em;
  min-height: 0px;
}
.widget-container .widget-form select {
  background-position: right -75px;
}
.widget-container .widget-form.customdataset-form .ds-fs-container h2 {
  padding-left: 0;
  padding-right: 0;
}
.widget-container .donation-screen {
  width: 100%;
  text-align: center;
  float: left;
  padding-bottom: 55px;
}
.widget-container .donation-screen .client-logo {
  display: inline-block;
  /*width: 200px;*/
  height: 40px;
  /*background: #e0e0e0;*/
  margin-bottom: 15px;
  margin-top: 15px;
}
.widget-container .donation-screen .client-logo img {
  max-height: 40px;
}
.widget-container .donation-screen h2 {
  text-align: center;
  padding-bottom: 15px;
}
.widget-container .donation-screen h4 {
  color: #02c38a;
  font-size: 1.6em;
  font-weight: 600;
}
.widget-container .donation-screen .donation-widget-list {
  width: 100%;
  float: left;
}
.widget-container .donation-screen .donation-widget-list .donation-widget-row {
  width: 100%;
  float: left;
  margin-bottom: 3px;
  border: 1px solid #d7dee7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: white;
  text-align: left;
  cursor: pointer;
  padding: 5px;
}
.widget-container .donation-screen .donation-widget-list .donation-widget-row input[type="text"] {
  padding-top: 0px;
  padding-bottom: 0px;
}
.widget-container .donation-screen .donation-widget-list .donation-widget-row p {
  color: #666666;
}
.widget-container .donation-screen .donation-widget-list .donation-widget-row label > b {
  font-size: 14px;
  font-weight: 600;
}
.widget-container .donation-screen .donation-widget-list .donation-widget-row:hover,
.widget-container .donation-screen .donation-widget-list .donation-widget-row.active {
  background: #f5f7fa;
}
.widget-container h2 {
  font-size: 1.8em;
  color: #333333;
  font-weight: 600;
  width: 100%;
  display: inline-block;
}
.iframe {
  width: 290px;
  height: 520px;
}
/*---------------- Widget End Here -------------------------------*/

/*================================================================*/

.widget-view {
  padding: 0 20px;
}
.payment-gateway-container {
  min-height: 200px;
  width: 100%;
  position: relative;
  float: left;
}
.payment-gateway {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: url("/content/images/gateway-bg.jpg") no-repeat top left;
  background-size: 100% 100%;
}
.payment-gateway .payment-action {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -28px;
}
.code-headding {
  color: #666666;
  font-size: 1.4em;
}
.yellow-box {
  background-color: #f2efe0;
  color: #666666;
  font-size: 1.4em;
  padding: 15px;
}
.supperAdmin-profile.open #m-profile-nav.removable-m-profile-nav {
  height: 118px !important;
}
.modal-dialog .email-log-preview > div {
  padding-top: 0px !important;
}
.modal-dialog .email-log-preview > div center > * {
  float: left;
}
/*================== logo-display start here====================*/

.logo-display {
  width: 100%;
  border: 1px dashed #cdcdcd;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 5px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.logo-display:hover .logo-display-hover {
  display: inline-block;
}
.logo-display .logo-display-hover {
  display: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.logo-display .logo-display-hover [class*="icon-"] {
  display: inline-block;
  font-size: 2.4em;
  cursor: pointer;
  color: #999999;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px;
  margin-left: -10px;
}
.logo-display .logo-display-hover [class*="icon-"]:hover {
  color: #333333;
}
.logo-display img {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}
.active-inactive-count {
  display: inline-block;
  width: auto;
  border: 1px solid #d9d9d9;
  background: #f4f4f4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px;
  font-size: 13px;
  padding-right: 5px;
}
.active-inactive-count .active-count-box {
  background: #02c38a;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  padding: 1px 5px;
  margin-right: 5px;
}
.input-small {
  max-width: 200px;
}
.modal-dialog .email-log-preview > div {
  padding-top: 0px !important;
}
.modal-dialog .email-log-preview > div center > * {
  float: left;
}
.cke_source {
  min-height: 140px !important;
}
.dashed-link {
  border-bottom: 1px dashed #cdcdcd;
  cursor: pointer;
}
.dashed-link:hover {
  color: #3896ff !important;
}
.dashed-link.default-color:hover {
  color: inherit !important;
}
/*============================== Date Picker Setting for Overflow Div ======================*/

.enable-fixed-date-picker [date-picker-wrapper] {
  position: fixed !important;
  z-index: 10;
}
.list-1 .lst-item > div:last-child.enable-fixed-date-picker [date-picker-wrapper] {
  right: 245px !important;
  left: inherit !important;
}
/*============================== Date Picker Setting for Overflow Div ======================*/

.total-record-bold-font {
  font-weight: 600;
  color: black !important;
}
.contact-type-icons {
  width: 100%;
  float: left;
}
.contact-type-icons h4 {
  float: left;
  font-weight: normal;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 30px;
  width: auto;
  margin-right: 10px;
  padding-bottom: 0px;
}
.contact-type-icons ul.list-icons {
  float: left;
  width: auto;
}
.contact-type-icons ul.list-icons li {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #e5e5e5;
  float: left;
  margin-right: 5px;
  text-align: center;
}
.contact-type-icons ul.list-icons li img {
  max-width: 100%;
  height: 16px;
  margin-top: 4px;
}
.contact-type-icons ul.list-icons li.list-icons-add:hover {
  border-color: #999999;
  cursor: pointer;
}
.contact-type-icons ul.list-icons li.list-icons-add:hover .fa-plus {
  color: #999999;
}
.contact-type-icons ul.list-icons li .fa-plus {
  font-size: 20px;
  color: #e5e5e5;
  margin-top: 4px;
  margin-left: 1px;
  font-weight: 100;
}
.green-msg {
  color: #02c38a !important;
  font-size: 13px !important;
}
.membeship-value {
  float: left;
  line-height: 20px;
  margin-top: -5px;
}
.green-link-content {
  font-size: 1.3em;
  display: inline-block;
  width: 100%;
}
.green-link-content .green-link {
  color: #02c38a;
  text-decoration: underline;
  cursor: pointer;
}
.green-link-content .green-link:hover {
  text-decoration: none;
}
.admin-dashboard-min-height {
  min-height: 380px !important;
}
.grid-5 {
  width: 20%;
  float: left;
}
@media screen and (max-width: 768px) {
  .grid-5 {
    width: 100%;
  }
}
.duplicate-contacts {
  width: 100%;
  float: left;
  padding: 20px;
}
.duplicate-contacts .duplicate-count {
  display: inline-block;
  width: auto;
  font-size: 30px;
  font-weight: 600;
  color: #02c38a;
  padding-right: 10px;
  border-right: 1px solid #e0e0e0;
  float: left;
}
.duplicate-contacts .duplicate-count-details {
  display: inline-block;
  width: auto;
  float: left;
  padding-left: 10px;
}
.duplicate-contacts .duplicate-count-details h2 {
  padding-bottom: 0px;
  color: #666666;
}
.duplicate-contacts .duplicate-count-details label {
  font-size: 1.2em;
  color: #999999;
}
.review-duplicate-data {
  padding-left: 10px;
  display: inline-block;
  float: left;
}
.review-duplicate-data span {
  font-size: 12px;
  color: #b0b0b0 !important;
}
.review-duplicate-data b {
  color: #666666;
  font-size: 14px;
  font-weight: 600;
}
.merge-process {
  text-align: center;
  width: 100%;
  float: left;
  padding: 0 20px 20px 20px;
}
.merge-process .fa {
  font-size: 80px;
  color: #999999;
  padding-top: 30px;
  padding-bottom: 30px;
}
.merge-process h2 {
  font-weight: 300;
  font-size: 30px;
  padding-bottom: 15px;
  color: #333333;
}
.merge-process p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.merge-process p b {
  font-weight: 600;
  color: #333333;
}
.bullet-list {
  width: 100%;
  display: inline-block;
}
.bullet-list li {
  float: left;
  list-style: disc;
  margin-left: 18px;
  padding: 0 30px 8px 0;
  font-size: 1.3em;
}
.number-list {
  width: 100%;
  display: inline-block;
}
.number-list li {
  list-style: decimal;
  margin-left: 18px;
  padding: 0 30px 8px 0;
  font-size: 1.3em;
  float: left;
}
.volsel-dropdown-right .dropdown-menu {
  right: 0;
  left: auto !important;
  max-height: 180px;
}
.socialmedia-bx > a {
  color: white;
  width: 45px;
  height: 45px;
  margin: 0 3px;
  text-align: center;
  line-height: 45px;
  font-size: 24px;
  font-weight: 400;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
}
.socialmedia-bx > a.facebook {
  background: #3b579d;
}
.socialmedia-bx > a.google-plus {
  background: #da4835;
}
.socialmedia-bx > a.twitter {
  background: #33bdfd;
}
.socialmedia-bx > a.linkedin {
  background: #006699;
}
.communication-mail .repeating-li li {
  margin-left: 8.3%;
  border-top-color: #e5e5e5;
  border-top-style: solid;
  border-top-width: 1px;
}
.communication-mail .repeating-li li > div {
  padding: 15px 0;
}
.communication-mail .repeating-li li .scrollable-box {
  max-height: 500px;
}
.communication-mail .tab-activerecords {
  background-color: #efefef !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #111111 !important;
  padding: 1px 5px 3px;
  font-weight: 600;
  margin-left: 5px;
}
.communication-mail .thumb-img img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #e5e5e5;
  margin-right: 15px;
}
.communication-mail .user-name {
  font-size: 1.4em;
  font-weight: 600;
  padding-bottom: 3px;
}
.communication-mail .email-body {
  padding-top: 10px;
  font-size: 1.3em;
  color: #454545;
}
.communication-mail .email-body p {
  font-size: inherit;
}
.communication-mail .email-sort {
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 400px;
}
.communication-mail .email-sort p {
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*copy legend class from calendar-control.less to make it global*/

.legend {
  float: left;
  margin-bottom: 10px;
}
.legend:not(:last-child) {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #dadada;
}
.legend span {
  display: inline-block;
  width: 18px;
  height: 13px;
  float: left;
  margin-top: 2px;
}
.legend span.vacation {
  background-color: #ffe189;
}
.legend span.green {
  background-color: #02c38a;
}
.legend span.blue {
  background-color: #3896ff;
}
.legend span.orange {
  background-color: #ff7048;
}
.legend span.red {
  background-color: #ff4d4d;
}
.legend span.purple {
  background-color: #ac6cff;
}
.legend span.black {
  background-color: #3f4752;
}
.legend label {
  float: left;
  padding-left: 7px;
}
.legend.legend-attendance span {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.7em;
  color: white;
  margin-top: -4px;
  line-height: 1.4em;
}
.lst-body .legend-attendance {
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  line-height: 1.4em;
}
.lst-body .legend-attendance.bx-green:after {
  content: "C";
}
.lst-body .legend-attendance.bx-blue:after {
  content: "O";
}
.lst-body .legend-attendance.bx-red:after {
  content: "NS";
}
.lst-body .legend-attendance.bx-vacationDate:after {
  content: "TO";
}
.lst-body .legend-attendance.bx-purple:after {
  content: "TO";
}
.lst-body .legend-attendance.bx-black:after {
  content: "A";
}
.lst-body .legend-attendance.bx-orange:after {
  content: "LP";
}
/* Organization page classes */

.organization-list {
  padding-right: 30px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.organization-list.resize {
  width: 50%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding-right: 0;
}
.detail-slider {
  background: white;
  right: 0px;
  width: 29px;
  position: absolute;
  display: flex;
  top: 0px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.detail-slider.open {
  width: 50%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.detail-slider .organization-details {
  width: 95%;
  overflow: auto;
}
.detail-slider .organization-details .thumb-img img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 3px #e5e5e5;
  margin-right: 15px;
}
.detail-slider .organization-details .buttons {
  margin-left: auto;
}
.detail-slider .organization-details .contact-info {
  /*word-wrap: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.detail-slider .organization-details .contact-info > div {
  padding-bottom: 10px;
  display: flex;
}
.detail-slider .organization-details .contact-info > div > span.fa {
  width: 20px;
  text-align: center;
  font-size: 1.4em;
  display: inline-table;
  margin-top: 2px;
}
.detail-slider .organization-details .contact-info > div label {
  padding-left: 10px;
  color: #454545;
}
.action-btn .btn-icon {
  border: solid 1px #cdcdcd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: inherit;
  padding: 0 4px 2px;
  width: 100%;
  font-size: 1em;
  color: #333333;
  background: white;
  outline: none;
  -webkit-transition: border-color ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s;
  -webkit-transition: -webkit-box-shadow ease-in-out 0.15s;
  -moz-transition: -moz-box-shadow ease-in-out 0.15s;
  -o-transition: -o-box-shadow ease-in-out 0.15s;
  -ms-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.disabled-section {
  position: relative;
}
.disabled-section .overlapping-bx {
  font-size: 1.3em;
  font-weight: 600;
  padding-top: 5px;
  color: #ff4410;
  text-shadow: 3px 3px 3px white, -3px -3px 3px white;
  z-index: 1;
  margin-top: -18px;
  margin-bottom: 5px;
}
.disabled-section .overlapping-bx p {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.disabled-section:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(223, 223, 223, 0.6);
}
/* New Navigation Bar classes here */

@font-face {
  font-family: 'fundly';
  src: url('/fonts/fundly.eot?95755956');
  src: url('/fonts/fundly.eot?95755956#iefix') format('embedded-opentype'), url('/fonts/fundly.woff2?95755956') format('woff2'), url('/fonts/fundly.woff?95755956') format('woff'), url('/fonts/fundly.ttf?95755956') format('truetype'), url('/fonts/fundly.svg?95755956#fundly') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="nav-icon-"]:before,
[class*=" nav-icon-"]:before {
  font-family: "fundly";
}
.nav-icon-glass:before {
  content: '\e800';
}
/* '' */

.nav-icon-music:before {
  content: '\e801';
}
/* '' */

.nav-icon-search:before {
  content: '\e802';
}
/* '' */

.nav-icon-mail:before {
  content: '\e803';
}
/* '' */

.nav-icon-heart:before {
  content: '\e804';
}
/* '' */

.nav-icon-heart-empty:before {
  content: '\e805';
}
/* '' */

.nav-icon-star:before {
  content: '\e806';
}
/* '' */

.nav-icon-star-empty:before {
  content: '\e807';
}
/* '' */

.nav-icon-star-half:before {
  content: '\e808';
}
/* '' */

.nav-icon-user:before {
  content: '\e809';
}
/* '' */

.nav-icon-users:before {
  content: '\e80a';
}
/* '' */

.nav-icon-video:before {
  content: '\e80b';
}
/* '' */

.nav-icon-videocam:before {
  content: '\e80c';
}
/* '' */

.nav-icon-picture:before {
  content: '\e80d';
}
/* '' */

.nav-icon-camera:before {
  content: '\e80e';
}
/* '' */

.nav-icon-camera-alt:before {
  content: '\e80f';
}
/* '' */

.nav-icon-th-large:before {
  content: '\e810';
}
/* '' */

.nav-icon-th:before {
  content: '\e811';
}
/* '' */

.nav-icon-th-list:before {
  content: '\e812';
}
/* '' */

.nav-icon-ok:before {
  content: '\e813';
}
/* '' */

.nav-icon-ok-circled:before {
  content: '\e814';
}
/* '' */

.nav-icon-ok-circled2:before {
  content: '\e815';
}
/* '' */

.nav-icon-cancel:before {
  content: '\e816';
}
/* '' */

.nav-icon-cancel-circled:before {
  content: '\e817';
}
/* '' */

.nav-icon-cancel-circled2:before {
  content: '\e818';
}
/* '' */

.nav-icon-plus:before {
  content: '\e819';
}
/* '' */

.nav-icon-plus-circled:before {
  content: '\e81a';
}
/* '' */

.nav-icon-minus:before {
  content: '\e81b';
}
/* '' */

.nav-icon-minus-circled:before {
  content: '\e81c';
}
/* '' */

.nav-icon-help-circled:before {
  content: '\e81d';
}
/* '' */

.nav-icon-info-circled:before {
  content: '\e81e';
}
/* '' */

.nav-icon-home:before {
  content: '\e81f';
}
/* '' */

.nav-icon-link:before {
  content: '\e820';
}
/* '' */

.nav-icon-attach:before {
  content: '\e821';
}
/* '' */

.nav-icon-lock:before {
  content: '\e822';
}
/* '' */

.nav-icon-lock-open:before {
  content: '\e823';
}
/* '' */

.nav-icon-pin:before {
  content: '\e824';
}
/* '' */

.nav-icon-eye:before {
  content: '\e825';
}
/* '' */

.nav-icon-eye-off:before {
  content: '\e826';
}
/* '' */

.nav-icon-tag:before {
  content: '\e827';
}
/* '' */

.nav-icon-tags:before {
  content: '\e828';
}
/* '' */

.nav-icon-bookmark:before {
  content: '\e829';
}
/* '' */

.nav-icon-flag:before {
  content: '\e82a';
}
/* '' */

.nav-icon-thumbs-up:before {
  content: '\e82b';
}
/* '' */

.nav-icon-thumbs-down:before {
  content: '\e82c';
}
/* '' */

.nav-icon-download:before {
  content: '\e82d';
}
/* '' */

.nav-icon-upload:before {
  content: '\e82e';
}
/* '' */

.nav-icon-forward:before {
  content: '\e82f';
}
/* '' */

.nav-icon-export:before {
  content: '\e830';
}
/* '' */

.nav-icon-pencil:before {
  content: '\e831';
}
/* '' */

.nav-icon-edit:before {
  content: '\e832';
}
/* '' */

.nav-icon-print:before {
  content: '\e833';
}
/* '' */

.nav-icon-retweet:before {
  content: '\e834';
}
/* '' */

.nav-icon-comment:before {
  content: '\e835';
}
/* '' */

.nav-icon-chat-1:before {
  content: '\e836';
}
/* '' */

.nav-icon-bell:before {
  content: '\e837';
}
/* '' */

.nav-icon-attention:before {
  content: '\e838';
}
/* '' */

.nav-icon-attention-circled:before {
  content: '\e839';
}
/* '' */

.nav-icon-location:before {
  content: '\e83a';
}
/* '' */

.nav-icon-trash-empty:before {
  content: '\e83b';
}
/* '' */

.nav-icon-doc:before {
  content: '\e83c';
}
/* '' */

.nav-icon-folder:before {
  content: '\e83d';
}
/* '' */

.nav-icon-folder-open:before {
  content: '\e83e';
}
/* '' */

.nav-icon-phone:before {
  content: '\e83f';
}
/* '' */

.nav-icon-cog:before {
  content: '\e840';
}
/* '' */

.nav-icon-cog-alt:before {
  content: '\e841';
}
/* '' */

.nav-icon-wrench:before {
  content: '\e842';
}
/* '' */

.nav-icon-basket:before {
  content: '\e843';
}
/* '' */

.nav-icon-calendar:before {
  content: '\e844';
}
/* '' */

.nav-icon-login:before {
  content: '\e845';
}
/* '' */

.nav-icon-logout:before {
  content: '\e846';
}
/* '' */

.nav-icon-volume-off:before {
  content: '\e847';
}
/* '' */

.nav-icon-volume-down:before {
  content: '\e848';
}
/* '' */

.nav-icon-volume-up:before {
  content: '\e849';
}
/* '' */

.nav-icon-headphones:before {
  content: '\e84a';
}
/* '' */

.nav-icon-clock:before {
  content: '\e84b';
}
/* '' */

.nav-icon-block:before {
  content: '\e84c';
}
/* '' */

.nav-icon-resize-full:before {
  content: '\e84d';
}
/* '' */

.nav-icon-resize-small:before {
  content: '\e84e';
}
/* '' */

.nav-icon-resize-vertical:before {
  content: '\e84f';
}
/* '' */

.nav-icon-resize-horizontal:before {
  content: '\e850';
}
/* '' */

.nav-icon-zoom-in:before {
  content: '\e851';
}
/* '' */

.nav-icon-zoom-out:before {
  content: '\e852';
}
/* '' */

.nav-icon-down-circled2:before {
  content: '\e853';
}
/* '' */

.nav-icon-up-circled2:before {
  content: '\e854';
}
/* '' */

.nav-icon-down-dir:before {
  content: '\e855';
}
/* '' */

.nav-icon-up-dir:before {
  content: '\e856';
}
/* '' */

.nav-icon-left-dir:before {
  content: '\e857';
}
/* '' */

.nav-icon-right-dir:before {
  content: '\e858';
}
/* '' */

.nav-icon-down-open:before {
  content: '\e859';
}
/* '' */

.nav-icon-left-open:before {
  content: '\e85a';
}
/* '' */

.nav-icon-right-open:before {
  content: '\e85b';
}
/* '' */

.nav-icon-up-open:before {
  content: '\e85c';
}
/* '' */

.nav-icon-down-big:before {
  content: '\e85d';
}
/* '' */

.nav-icon-left-big:before {
  content: '\e85e';
}
/* '' */

.nav-icon-right-big:before {
  content: '\e85f';
}
/* '' */

.nav-icon-up-big:before {
  content: '\e860';
}
/* '' */

.nav-icon-right-hand:before {
  content: '\e861';
}
/* '' */

.nav-icon-left-hand:before {
  content: '\e862';
}
/* '' */

.nav-icon-up-hand:before {
  content: '\e863';
}
/* '' */

.nav-icon-down-hand:before {
  content: '\e864';
}
/* '' */

.nav-icon-cw:before {
  content: '\e865';
}
/* '' */

.nav-icon-ccw:before {
  content: '\e866';
}
/* '' */

.nav-icon-arrows-cw:before {
  content: '\e867';
}
/* '' */

.nav-icon-shuffle:before {
  content: '\e868';
}
/* '' */

.nav-icon-play:before {
  content: '\e869';
}
/* '' */

.nav-icon-play-circled2:before {
  content: '\e86a';
}
/* '' */

.nav-icon-stop:before {
  content: '\e86b';
}
/* '' */

.nav-icon-pause:before {
  content: '\e86c';
}
/* '' */

.nav-icon-to-end:before {
  content: '\e86d';
}
/* '' */

.nav-icon-to-end-alt:before {
  content: '\e86e';
}
/* '' */

.nav-icon-to-start:before {
  content: '\e86f';
}
/* '' */

.nav-icon-to-start-alt:before {
  content: '\e870';
}
/* '' */

.nav-icon-fast-fw:before {
  content: '\e871';
}
/* '' */

.nav-icon-fast-bw:before {
  content: '\e872';
}
/* '' */

.nav-icon-eject:before {
  content: '\e873';
}
/* '' */

.nav-icon-target:before {
  content: '\e874';
}
/* '' */

.nav-icon-signal:before {
  content: '\e875';
}
/* '' */

.nav-icon-award:before {
  content: '\e876';
}
/* '' */

.nav-icon-inbox:before {
  content: '\e877';
}
/* '' */

.nav-icon-globe:before {
  content: '\e878';
}
/* '' */

.nav-icon-cloud:before {
  content: '\e879';
}
/* '' */

.nav-icon-flash:before {
  content: '\e87a';
}
/* '' */

.nav-icon-umbrella:before {
  content: '\e87b';
}
/* '' */

.nav-icon-flight:before {
  content: '\e87c';
}
/* '' */

.nav-icon-leaf:before {
  content: '\e87d';
}
/* '' */

.nav-icon-font:before {
  content: '\e87e';
}
/* '' */

.nav-icon-bold:before {
  content: '\e87f';
}
/* '' */

.nav-icon-italic:before {
  content: '\e880';
}
/* '' */

.nav-icon-text-height:before {
  content: '\e881';
}
/* '' */

.nav-icon-text-width:before {
  content: '\e882';
}
/* '' */

.nav-icon-align-left:before {
  content: '\e883';
}
/* '' */

.nav-icon-align-center:before {
  content: '\e884';
}
/* '' */

.nav-icon-align-right:before {
  content: '\e885';
}
/* '' */

.nav-icon-align-justify:before {
  content: '\e886';
}
/* '' */

.nav-icon-list:before {
  content: '\e887';
}
/* '' */

.nav-icon-indent-left:before {
  content: '\e888';
}
/* '' */

.nav-icon-indent-right:before {
  content: '\e889';
}
/* '' */

.nav-icon-scissors:before {
  content: '\e88a';
}
/* '' */

.nav-icon-briefcase:before {
  content: '\e88b';
}
/* '' */

.nav-icon-off:before {
  content: '\e88c';
}
/* '' */

.nav-icon-road:before {
  content: '\e88d';
}
/* '' */

.nav-icon-list-alt:before {
  content: '\e88e';
}
/* '' */

.nav-icon-qrcode:before {
  content: '\e88f';
}
/* '' */

.nav-icon-barcode:before {
  content: '\e890';
}
/* '' */

.nav-icon-book:before {
  content: '\e891';
}
/* '' */

.nav-icon-adjust:before {
  content: '\e892';
}
/* '' */

.nav-icon-tint:before {
  content: '\e893';
}
/* '' */

.nav-icon-check:before {
  content: '\e894';
}
/* '' */

.nav-icon-asterisk:before {
  content: '\e895';
}
/* '' */

.nav-icon-gift:before {
  content: '\e896';
}
/* '' */

.nav-icon-fire:before {
  content: '\e897';
}
/* '' */

.nav-icon-magnet:before {
  content: '\e898';
}
/* '' */

.nav-icon-chart-bar:before {
  content: '\e899';
}
/* '' */

.nav-icon-credit-card:before {
  content: '\e89a';
}
/* '' */

.nav-icon-floppy:before {
  content: '\e89b';
}
/* '' */

.nav-icon-megaphone:before {
  content: '\e89c';
}
/* '' */

.nav-icon-key:before {
  content: '\e89d';
}
/* '' */

.nav-icon-truck:before {
  content: '\e89e';
}
/* '' */

.nav-icon-hammer:before {
  content: '\e89f';
}
/* '' */

.nav-icon-lemon:before {
  content: '\e8a0';
}
/* '' */

.nav-icon-note:before {
  content: '\e8a1';
}
/* '' */

.nav-icon-note-beamed:before {
  content: '\e8a2';
}
/* '' */

.nav-icon-music-1:before {
  content: '\e8a3';
}
/* '' */

.nav-icon-search-1:before {
  content: '\e8a4';
}
/* '' */

.nav-icon-flashlight:before {
  content: '\e8a5';
}
/* '' */

.nav-icon-mail-1:before {
  content: '\e8a6';
}
/* '' */

.nav-icon-heart-1:before {
  content: '\e8a7';
}
/* '' */

.nav-icon-heart-empty-1:before {
  content: '\e8a8';
}
/* '' */

.nav-icon-star-1:before {
  content: '\e8a9';
}
/* '' */

.nav-icon-star-empty-1:before {
  content: '\e8aa';
}
/* '' */

.nav-icon-user-1:before {
  content: '\e8ab';
}
/* '' */

.nav-icon-users-1:before {
  content: '\e8ac';
}
/* '' */

.nav-icon-user-add:before {
  content: '\e8ad';
}
/* '' */

.nav-icon-video-1:before {
  content: '\e8ae';
}
/* '' */

.nav-icon-picture-1:before {
  content: '\e8af';
}
/* '' */

.nav-icon-camera-1:before {
  content: '\e8b0';
}
/* '' */

.nav-icon-layout:before {
  content: '\e8b1';
}
/* '' */

.nav-icon-menu-2:before {
  content: '\e8b2';
}
/* '' */

.nav-icon-check-1:before {
  content: '\e8b3';
}
/* '' */

.nav-icon-cancel-1:before {
  content: '\e8b4';
}
/* '' */

.nav-icon-cancel-circled-1:before {
  content: '\e8b5';
}
/* '' */

.nav-icon-cancel-squared:before {
  content: '\e8b6';
}
/* '' */

.nav-icon-plus-1:before {
  content: '\e8b7';
}
/* '' */

.nav-icon-plus-circled-1:before {
  content: '\e8b8';
}
/* '' */

.nav-icon-plus-squared-1:before {
  content: '\e8b9';
}
/* '' */

.nav-icon-minus-1:before {
  content: '\e8ba';
}
/* '' */

.nav-icon-minus-circled-1:before {
  content: '\e8bb';
}
/* '' */

.nav-icon-minus-squared-1:before {
  content: '\e8bc';
}
/* '' */

.nav-icon-help-2:before {
  content: '\e8bd';
}
/* '' */

.nav-icon-help-circled-1:before {
  content: '\e8be';
}
/* '' */

.nav-icon-info-2:before {
  content: '\e8bf';
}
/* '' */

.nav-icon-info-circled-1:before {
  content: '\e8c0';
}
/* '' */

.nav-icon-back:before {
  content: '\e8c1';
}
/* '' */

.nav-icon-home-1:before {
  content: '\e8c2';
}
/* '' */

.nav-icon-link-1:before {
  content: '\e8c3';
}
/* '' */

.nav-icon-attach-1:before {
  content: '\e8c4';
}
/* '' */

.nav-icon-lock-1:before {
  content: '\e8c5';
}
/* '' */

.nav-icon-lock-open-1:before {
  content: '\e8c6';
}
/* '' */

.nav-icon-eye-1:before {
  content: '\e8c7';
}
/* '' */

.nav-icon-tag-1:before {
  content: '\e8c8';
}
/* '' */

.nav-icon-bookmark-1:before {
  content: '\e8c9';
}
/* '' */

.nav-icon-bookmarks:before {
  content: '\e8ca';
}
/* '' */

.nav-icon-flag-1:before {
  content: '\e8cb';
}
/* '' */

.nav-icon-thumbs-up-1:before {
  content: '\e8cc';
}
/* '' */

.nav-icon-thumbs-down-1:before {
  content: '\e8cd';
}
/* '' */

.nav-icon-download-1:before {
  content: '\e8ce';
}
/* '' */

.nav-icon-upload-1:before {
  content: '\e8cf';
}
/* '' */

.nav-icon-upload-cloud-1:before {
  content: '\e8d0';
}
/* '' */

.nav-icon-reply-1:before {
  content: '\e8d1';
}
/* '' */

.nav-icon-reply-all-1:before {
  content: '\e8d2';
}
/* '' */

.nav-icon-forward-1:before {
  content: '\e8d3';
}
/* '' */

.nav-icon-quote:before {
  content: '\e8d4';
}
/* '' */

.nav-icon-code-1:before {
  content: '\e8d5';
}
/* '' */

.nav-icon-export-1:before {
  content: '\e8d6';
}
/* '' */

.nav-icon-pencil-1:before {
  content: '\e8d7';
}
/* '' */

.nav-icon-feather:before {
  content: '\e8d8';
}
/* '' */

.nav-icon-print-1:before {
  content: '\e8d9';
}
/* '' */

.nav-icon-retweet-1:before {
  content: '\e8da';
}
/* '' */

.nav-icon-keyboard-1:before {
  content: '\e8db';
}
/* '' */

.nav-icon-comment-1:before {
  content: '\e8dc';
}
/* '' */

.nav-icon-chat-2:before {
  content: '\e8dd';
}
/* '' */

.nav-icon-bell-1:before {
  content: '\e8de';
}
/* '' */

.nav-icon-attention-1:before {
  content: '\e8df';
}
/* '' */

.nav-icon-alert:before {
  content: '\e8e0';
}
/* '' */

.nav-icon-vcard:before {
  content: '\e8e1';
}
/* '' */

.nav-icon-address:before {
  content: '\e8e2';
}
/* '' */

.nav-icon-location-1:before {
  content: '\e8e3';
}
/* '' */

.nav-icon-map-1:before {
  content: '\e8e4';
}
/* '' */

.nav-icon-direction-1:before {
  content: '\e8e5';
}
/* '' */

.nav-icon-compass-1:before {
  content: '\e8e6';
}
/* '' */

.nav-icon-cup:before {
  content: '\e8e7';
}
/* '' */

.nav-icon-trash-1:before {
  content: '\e8e8';
}
/* '' */

.nav-icon-doc-1:before {
  content: '\e8e9';
}
/* '' */

.nav-icon-docs-1:before {
  content: '\e8ea';
}
/* '' */

.nav-icon-doc-landscape:before {
  content: '\e8eb';
}
/* '' */

.nav-icon-doc-text-1:before {
  content: '\e8ec';
}
/* '' */

.nav-icon-doc-text-inv-1:before {
  content: '\e8ed';
}
/* '' */

.nav-icon-newspaper-1:before {
  content: '\e8ee';
}
/* '' */

.nav-icon-book-open:before {
  content: '\e8ef';
}
/* '' */

.nav-icon-book-1:before {
  content: '\e8f0';
}
/* '' */

.nav-icon-folder-1:before {
  content: '\e8f1';
}
/* '' */

.nav-icon-archive:before {
  content: '\e8f2';
}
/* '' */

.nav-icon-box-1:before {
  content: '\e8f3';
}
/* '' */

.nav-icon-rss-1:before {
  content: '\e8f4';
}
/* '' */

.nav-icon-phone-1:before {
  content: '\e8f5';
}
/* '' */

.nav-icon-cog-1:before {
  content: '\e8f6';
}
/* '' */

.nav-icon-tools:before {
  content: '\e8f7';
}
/* '' */

.nav-icon-share-1:before {
  content: '\e8f8';
}
/* '' */

.nav-icon-shareable:before {
  content: '\e8f9';
}
/* '' */

.nav-icon-basket-1:before {
  content: '\e8fa';
}
/* '' */

.nav-icon-bag:before {
  content: '\e8fb';
}
/* '' */

.nav-icon-calendar-1:before {
  content: '\e8fc';
}
/* '' */

.nav-icon-login-1:before {
  content: '\e8fd';
}
/* '' */

.nav-icon-logout-1:before {
  content: '\e8fe';
}
/* '' */

.nav-icon-mic-1:before {
  content: '\e8ff';
}
/* '' */

.nav-icon-mute-1:before {
  content: '\e900';
}
/* '' */

.nav-icon-sound:before {
  content: '\e901';
}
/* '' */

.nav-icon-volume:before {
  content: '\e902';
}
/* '' */

.nav-icon-clock-1:before {
  content: '\e903';
}
/* '' */

.nav-icon-hourglass-4:before {
  content: '\e904';
}
/* '' */

.nav-icon-lamp:before {
  content: '\e905';
}
/* '' */

.nav-icon-light-down:before {
  content: '\e906';
}
/* '' */

.nav-icon-light-up:before {
  content: '\e907';
}
/* '' */

.nav-icon-adjust-1:before {
  content: '\e908';
}
/* '' */

.nav-icon-block-1:before {
  content: '\e909';
}
/* '' */

.nav-icon-resize-full-1:before {
  content: '\e90a';
}
/* '' */

.nav-icon-resize-small-1:before {
  content: '\e90b';
}
/* '' */

.nav-icon-popup:before {
  content: '\e90c';
}
/* '' */

.nav-icon-publish:before {
  content: '\e90d';
}
/* '' */

.nav-icon-window:before {
  content: '\e90e';
}
/* '' */

.nav-icon-arrow-combo:before {
  content: '\e90f';
}
/* '' */

.nav-icon-down-circled-1:before {
  content: '\e910';
}
/* '' */

.nav-icon-left-circled-1:before {
  content: '\e911';
}
/* '' */

.nav-icon-right-circled-1:before {
  content: '\e912';
}
/* '' */

.nav-icon-up-circled-1:before {
  content: '\e913';
}
/* '' */

.nav-icon-down-open-1:before {
  content: '\e914';
}
/* '' */

.nav-icon-left-open-1:before {
  content: '\e915';
}
/* '' */

.nav-icon-right-open-1:before {
  content: '\e916';
}
/* '' */

.nav-icon-up-open-1:before {
  content: '\e917';
}
/* '' */

.nav-icon-down-open-mini:before {
  content: '\e918';
}
/* '' */

.nav-icon-left-open-mini:before {
  content: '\e919';
}
/* '' */

.nav-icon-right-open-mini:before {
  content: '\e91a';
}
/* '' */

.nav-icon-up-open-mini:before {
  content: '\e91b';
}
/* '' */

.nav-icon-down-open-big:before {
  content: '\e91c';
}
/* '' */

.nav-icon-left-open-big:before {
  content: '\e91d';
}
/* '' */

.nav-icon-right-open-big:before {
  content: '\e91e';
}
/* '' */

.nav-icon-up-open-big:before {
  content: '\e91f';
}
/* '' */

.nav-icon-down-1:before {
  content: '\e920';
}
/* '' */

.nav-icon-left-1:before {
  content: '\e921';
}
/* '' */

.nav-icon-right-1:before {
  content: '\e922';
}
/* '' */

.nav-icon-up-1:before {
  content: '\e923';
}
/* '' */

.nav-icon-down-dir-1:before {
  content: '\e924';
}
/* '' */

.nav-icon-left-dir-1:before {
  content: '\e925';
}
/* '' */

.nav-icon-right-dir-1:before {
  content: '\e926';
}
/* '' */

.nav-icon-up-dir-1:before {
  content: '\e927';
}
/* '' */

.nav-icon-down-bold:before {
  content: '\e928';
}
/* '' */

.nav-icon-left-bold:before {
  content: '\e929';
}
/* '' */

.nav-icon-right-bold:before {
  content: '\e92a';
}
/* '' */

.nav-icon-up-bold:before {
  content: '\e92b';
}
/* '' */

.nav-icon-down-thin:before {
  content: '\e92c';
}
/* '' */

.nav-icon-left-thin:before {
  content: '\e92d';
}
/* '' */

.nav-icon-right-thin:before {
  content: '\e92e';
}
/* '' */

.nav-icon-up-thin:before {
  content: '\e92f';
}
/* '' */

.nav-icon-ccw-1:before {
  content: '\e930';
}
/* '' */

.nav-icon-cw-1:before {
  content: '\e931';
}
/* '' */

.nav-icon-arrows-ccw:before {
  content: '\e932';
}
/* '' */

.nav-icon-level-down-1:before {
  content: '\e933';
}
/* '' */

.nav-icon-level-up-1:before {
  content: '\e934';
}
/* '' */

.nav-icon-shuffle-1:before {
  content: '\e935';
}
/* '' */

.nav-icon-loop:before {
  content: '\e936';
}
/* '' */

.nav-icon-switch:before {
  content: '\e937';
}
/* '' */

.nav-icon-play-1:before {
  content: '\e938';
}
/* '' */

.nav-icon-stop-1:before {
  content: '\e939';
}
/* '' */

.nav-icon-pause-1:before {
  content: '\e93a';
}
/* '' */

.nav-icon-record:before {
  content: '\e93b';
}
/* '' */

.nav-icon-to-end-1:before {
  content: '\e93c';
}
/* '' */

.nav-icon-to-start-1:before {
  content: '\e93d';
}
/* '' */

.nav-icon-fast-forward:before {
  content: '\e93e';
}
/* '' */

.nav-icon-fast-backward:before {
  content: '\e93f';
}
/* '' */

.nav-icon-progress-0:before {
  content: '\e940';
}
/* '' */

.nav-icon-progress-1:before {
  content: '\e941';
}
/* '' */

.nav-icon-progress-2:before {
  content: '\e942';
}
/* '' */

.nav-icon-progress-3:before {
  content: '\e943';
}
/* '' */

.nav-icon-target-1:before {
  content: '\e944';
}
/* '' */

.nav-icon-palette:before {
  content: '\e945';
}
/* '' */

.nav-icon-list-1:before {
  content: '\e946';
}
/* '' */

.nav-icon-list-add:before {
  content: '\e947';
}
/* '' */

.nav-icon-signal-1:before {
  content: '\e948';
}
/* '' */

.nav-icon-trophy:before {
  content: '\e949';
}
/* '' */

.nav-icon-battery:before {
  content: '\e94a';
}
/* '' */

.nav-icon-back-in-time:before {
  content: '\e94b';
}
/* '' */

.nav-icon-monitor:before {
  content: '\e94c';
}
/* '' */

.nav-icon-mobile-1:before {
  content: '\e94d';
}
/* '' */

.nav-icon-network:before {
  content: '\e94e';
}
/* '' */

.nav-icon-cd:before {
  content: '\e94f';
}
/* '' */

.nav-icon-inbox-1:before {
  content: '\e950';
}
/* '' */

.nav-icon-install:before {
  content: '\e951';
}
/* '' */

.nav-icon-globe-1:before {
  content: '\e952';
}
/* '' */

.nav-icon-cloud-1:before {
  content: '\e953';
}
/* '' */

.nav-icon-cloud-thunder:before {
  content: '\e954';
}
/* '' */

.nav-icon-flash-1:before {
  content: '\e955';
}
/* '' */

.nav-icon-moon-1:before {
  content: '\e956';
}
/* '' */

.nav-icon-flight-1:before {
  content: '\e957';
}
/* '' */

.nav-icon-paper-plane-1:before {
  content: '\e958';
}
/* '' */

.nav-icon-leaf-1:before {
  content: '\e959';
}
/* '' */

.nav-icon-lifebuoy-1:before {
  content: '\e95a';
}
/* '' */

.nav-icon-mouse:before {
  content: '\e95b';
}
/* '' */

.nav-icon-briefcase-1:before {
  content: '\e95c';
}
/* '' */

.nav-icon-suitcase-1:before {
  content: '\e95d';
}
/* '' */

.nav-icon-dot:before {
  content: '\e95e';
}
/* '' */

.nav-icon-dot-2:before {
  content: '\e95f';
}
/* '' */

.nav-icon-dot-3:before {
  content: '\e960';
}
/* '' */

.nav-icon-brush-1:before {
  content: '\e961';
}
/* '' */

.nav-icon-magnet-1:before {
  content: '\e962';
}
/* '' */

.nav-icon-infinity:before {
  content: '\e963';
}
/* '' */

.nav-icon-erase:before {
  content: '\e964';
}
/* '' */

.nav-icon-chart-pie-1:before {
  content: '\e965';
}
/* '' */

.nav-icon-chart-line-1:before {
  content: '\e966';
}
/* '' */

.nav-icon-chart-bar-1:before {
  content: '\e967';
}
/* '' */

.nav-icon-chart-area-1:before {
  content: '\e968';
}
/* '' */

.nav-icon-tape:before {
  content: '\e969';
}
/* '' */

.nav-icon-graduation-cap-1:before {
  content: '\e96a';
}
/* '' */

.nav-icon-language-1:before {
  content: '\e96b';
}
/* '' */

.nav-icon-ticket-1:before {
  content: '\e96c';
}
/* '' */

.nav-icon-water:before {
  content: '\e96d';
}
/* '' */

.nav-icon-droplet:before {
  content: '\e96e';
}
/* '' */

.nav-icon-air:before {
  content: '\e96f';
}
/* '' */

.nav-icon-credit-card-1:before {
  content: '\e970';
}
/* '' */

.nav-icon-floppy-1:before {
  content: '\e971';
}
/* '' */

.nav-icon-clipboard:before {
  content: '\e972';
}
/* '' */

.nav-icon-megaphone-1:before {
  content: '\e973';
}
/* '' */

.nav-icon-database-1:before {
  content: '\e974';
}
/* '' */

.nav-icon-drive:before {
  content: '\e975';
}
/* '' */

.nav-icon-bucket:before {
  content: '\e976';
}
/* '' */

.nav-icon-thermometer-1:before {
  content: '\e977';
}
/* '' */

.nav-icon-key-1:before {
  content: '\e978';
}
/* '' */

.nav-icon-flow-cascade:before {
  content: '\e979';
}
/* '' */

.nav-icon-flow-branch:before {
  content: '\e97a';
}
/* '' */

.nav-icon-flow-tree:before {
  content: '\e97b';
}
/* '' */

.nav-icon-flow-line:before {
  content: '\e97c';
}
/* '' */

.nav-icon-flow-parallel:before {
  content: '\e97d';
}
/* '' */

.nav-icon-rocket-1:before {
  content: '\e97e';
}
/* '' */

.nav-icon-gauge-1:before {
  content: '\e97f';
}
/* '' */

.nav-icon-traffic-cone:before {
  content: '\e980';
}
/* '' */

.nav-icon-cc-1:before {
  content: '\e981';
}
/* '' */

.nav-icon-cc-by:before {
  content: '\e982';
}
/* '' */

.nav-icon-cc-nc:before {
  content: '\e983';
}
/* '' */

.nav-icon-cc-nc-eu:before {
  content: '\e984';
}
/* '' */

.nav-icon-cc-nc-jp:before {
  content: '\e985';
}
/* '' */

.nav-icon-cc-sa:before {
  content: '\e986';
}
/* '' */

.nav-icon-cc-nd:before {
  content: '\e987';
}
/* '' */

.nav-icon-cc-pd:before {
  content: '\e988';
}
/* '' */

.nav-icon-cc-zero:before {
  content: '\e989';
}
/* '' */

.nav-icon-cc-share:before {
  content: '\e98a';
}
/* '' */

.nav-icon-cc-remix:before {
  content: '\e98b';
}
/* '' */

.nav-icon-github-1:before {
  content: '\e98c';
}
/* '' */

.nav-icon-flickr-circled:before {
  content: '\e98d';
}
/* '' */

.nav-icon-facebook-1:before {
  content: '\e98e';
}
/* '' */

.nav-icon-music-outline:before {
  content: '\e98f';
}
/* '' */

.nav-icon-music-2:before {
  content: '\e990';
}
/* '' */

.nav-icon-search-outline:before {
  content: '\e991';
}
/* '' */

.nav-icon-search-2:before {
  content: '\e992';
}
/* '' */

.nav-icon-mail-2:before {
  content: '\e993';
}
/* '' */

.nav-icon-heart-2:before {
  content: '\e994';
}
/* '' */

.nav-icon-heart-filled:before {
  content: '\e995';
}
/* '' */

.nav-icon-star-2:before {
  content: '\e996';
}
/* '' */

.nav-icon-star-filled:before {
  content: '\e997';
}
/* '' */

.nav-icon-user-outline:before {
  content: '\e998';
}
/* '' */

.nav-icon-user-2:before {
  content: '\e999';
}
/* '' */

.nav-icon-users-outline:before {
  content: '\e99a';
}
/* '' */

.nav-icon-users-2:before {
  content: '\e99b';
}
/* '' */

.nav-icon-user-add-outline:before {
  content: '\e99c';
}
/* '' */

.nav-icon-user-add-1:before {
  content: '\e99d';
}
/* '' */

.nav-icon-user-delete-outline:before {
  content: '\e99e';
}
/* '' */

.nav-icon-user-delete:before {
  content: '\e99f';
}
/* '' */

.nav-icon-video-2:before {
  content: '\e9a0';
}
/* '' */

.nav-icon-videocam-outline:before {
  content: '\e9a1';
}
/* '' */

.nav-icon-videocam-1:before {
  content: '\e9a2';
}
/* '' */

.nav-icon-picture-outline:before {
  content: '\e9a3';
}
/* '' */

.nav-icon-picture-2:before {
  content: '\e9a4';
}
/* '' */

.nav-icon-camera-outline:before {
  content: '\e9a5';
}
/* '' */

.nav-icon-camera-2:before {
  content: '\e9a6';
}
/* '' */

.nav-icon-th-outline:before {
  content: '\e9a7';
}
/* '' */

.nav-icon-th-1:before {
  content: '\e9a8';
}
/* '' */

.nav-icon-th-large-outline:before {
  content: '\e9a9';
}
/* '' */

.nav-icon-th-large-1:before {
  content: '\e9aa';
}
/* '' */

.nav-icon-th-list-outline:before {
  content: '\e9ab';
}
/* '' */

.nav-icon-th-list-1:before {
  content: '\e9ac';
}
/* '' */

.nav-icon-ok-outline:before {
  content: '\e9ad';
}
/* '' */

.nav-icon-ok-1:before {
  content: '\e9ae';
}
/* '' */

.nav-icon-cancel-outline:before {
  content: '\e9af';
}
/* '' */

.nav-icon-cancel-2:before {
  content: '\e9b0';
}
/* '' */

.nav-icon-cancel-alt:before {
  content: '\e9b1';
}
/* '' */

.nav-icon-cancel-alt-filled:before {
  content: '\e9b2';
}
/* '' */

.nav-icon-cancel-circled-outline:before {
  content: '\e9b3';
}
/* '' */

.nav-icon-cancel-circled-2:before {
  content: '\e9b4';
}
/* '' */

.nav-icon-plus-outline:before {
  content: '\e9b5';
}
/* '' */

.nav-icon-plus-2:before {
  content: '\e9b6';
}
/* '' */

.nav-icon-minus-outline:before {
  content: '\e9b7';
}
/* '' */

.nav-icon-minus-2:before {
  content: '\e9b8';
}
/* '' */

.nav-icon-divide-outline:before {
  content: '\e9b9';
}
/* '' */

.nav-icon-divide:before {
  content: '\e9ba';
}
/* '' */

.nav-icon-eq-outline:before {
  content: '\e9bb';
}
/* '' */

.nav-icon-eq:before {
  content: '\e9bc';
}
/* '' */

.nav-icon-info-outline:before {
  content: '\e9bd';
}
/* '' */

.nav-icon-info-3:before {
  content: '\e9be';
}
/* '' */

.nav-icon-home-outline:before {
  content: '\e9bf';
}
/* '' */

.nav-icon-home-2:before {
  content: '\e9c0';
}
/* '' */

.nav-icon-link-outline:before {
  content: '\e9c1';
}
/* '' */

.nav-icon-link-2:before {
  content: '\e9c2';
}
/* '' */

.nav-icon-attach-outline:before {
  content: '\e9c3';
}
/* '' */

.nav-icon-attach-2:before {
  content: '\e9c4';
}
/* '' */

.nav-icon-lock-2:before {
  content: '\e9c5';
}
/* '' */

.nav-icon-lock-filled:before {
  content: '\e9c6';
}
/* '' */

.nav-icon-lock-open-2:before {
  content: '\e9c7';
}
/* '' */

.nav-icon-lock-open-filled:before {
  content: '\e9c8';
}
/* '' */

.nav-icon-pin-outline:before {
  content: '\e9c9';
}
/* '' */

.nav-icon-pin-1:before {
  content: '\e9ca';
}
/* '' */

.nav-icon-eye-outline:before {
  content: '\e9cb';
}
/* '' */

.nav-icon-eye-2:before {
  content: '\e9cc';
}
/* '' */

.nav-icon-tag-2:before {
  content: '\e9cd';
}
/* '' */

.nav-icon-tags-1:before {
  content: '\e9ce';
}
/* '' */

.nav-icon-bookmark-2:before {
  content: '\e9cf';
}
/* '' */

.nav-icon-flag-2:before {
  content: '\e9d0';
}
/* '' */

.nav-icon-flag-filled:before {
  content: '\e9d1';
}
/* '' */

.nav-icon-thumbs-up-2:before {
  content: '\e9d2';
}
/* '' */

.nav-icon-thumbs-down-2:before {
  content: '\e9d3';
}
/* '' */

.nav-icon-download-outline:before {
  content: '\e9d4';
}
/* '' */

.nav-icon-download-2:before {
  content: '\e9d5';
}
/* '' */

.nav-icon-upload-outline:before {
  content: '\e9d6';
}
/* '' */

.nav-icon-upload-2:before {
  content: '\e9d7';
}
/* '' */

.nav-icon-upload-cloud-outline:before {
  content: '\e9d8';
}
/* '' */

.nav-icon-upload-cloud-2:before {
  content: '\e9d9';
}
/* '' */

.nav-icon-reply-outline:before {
  content: '\e9da';
}
/* '' */

.nav-icon-reply-2:before {
  content: '\e9db';
}
/* '' */

.nav-icon-forward-outline:before {
  content: '\e9dc';
}
/* '' */

.nav-icon-forward-2:before {
  content: '\e9dd';
}
/* '' */

.nav-icon-code-outline:before {
  content: '\e9de';
}
/* '' */

.nav-icon-code-2:before {
  content: '\e9df';
}
/* '' */

.nav-icon-export-outline:before {
  content: '\e9e0';
}
/* '' */

.nav-icon-export-2:before {
  content: '\e9e1';
}
/* '' */

.nav-icon-pencil-2:before {
  content: '\e9e2';
}
/* '' */

.nav-icon-pen:before {
  content: '\e9e3';
}
/* '' */

.nav-icon-feather-1:before {
  content: '\e9e4';
}
/* '' */

.nav-icon-edit-1:before {
  content: '\e9e5';
}
/* '' */

.nav-icon-print-2:before {
  content: '\e9e6';
}
/* '' */

.nav-icon-comment-2:before {
  content: '\e9e7';
}
/* '' */

.nav-icon-chat-3:before {
  content: '\e9e8';
}
/* '' */

.nav-icon-chat-alt:before {
  content: '\e9e9';
}
/* '' */

.nav-icon-bell-2:before {
  content: '\e9ea';
}
/* '' */

.nav-icon-attention-2:before {
  content: '\e9eb';
}
/* '' */

.nav-icon-attention-filled:before {
  content: '\e9ec';
}
/* '' */

.nav-icon-warning-empty:before {
  content: '\e9ed';
}
/* '' */

.nav-icon-warning:before {
  content: '\e9ee';
}
/* '' */

.nav-icon-contacts:before {
  content: '\e9ef';
}
/* '' */

.nav-icon-vcard-1:before {
  content: '\e9f0';
}
/* '' */

.nav-icon-address-1:before {
  content: '\e9f1';
}
/* '' */

.nav-icon-location-outline:before {
  content: '\e9f2';
}
/* '' */

.nav-icon-location-2:before {
  content: '\e9f3';
}
/* '' */

.nav-icon-map-2:before {
  content: '\e9f4';
}
/* '' */

.nav-icon-direction-outline:before {
  content: '\e9f5';
}
/* '' */

.nav-icon-direction-2:before {
  content: '\e9f6';
}
/* '' */

.nav-icon-compass-2:before {
  content: '\e9f7';
}
/* '' */

.nav-icon-trash-2:before {
  content: '\e9f8';
}
/* '' */

.nav-icon-doc-2:before {
  content: '\e9f9';
}
/* '' */

.nav-icon-doc-text-2:before {
  content: '\e9fa';
}
/* '' */

.nav-icon-doc-add:before {
  content: '\e9fb';
}
/* '' */

.nav-icon-doc-remove:before {
  content: '\e9fc';
}
/* '' */

.nav-icon-news:before {
  content: '\e9fd';
}
/* '' */

.nav-icon-folder-2:before {
  content: '\e9fe';
}
/* '' */

.nav-icon-folder-add:before {
  content: '\e9ff';
}
/* '' */

.nav-icon-folder-delete:before {
  content: '\ea00';
}
/* '' */

.nav-icon-archive-1:before {
  content: '\ea01';
}
/* '' */

.nav-icon-box-2:before {
  content: '\ea02';
}
/* '' */

.nav-icon-rss-outline:before {
  content: '\ea03';
}
/* '' */

.nav-icon-rss-2:before {
  content: '\ea04';
}
/* '' */

.nav-icon-phone-outline:before {
  content: '\ea05';
}
/* '' */

.nav-icon-phone-2:before {
  content: '\ea06';
}
/* '' */

.nav-icon-menu-outline:before {
  content: '\ea07';
}
/* '' */

.nav-icon-menu-3:before {
  content: '\ea08';
}
/* '' */

.nav-icon-cog-outline:before {
  content: '\ea09';
}
/* '' */

.nav-icon-cog-2:before {
  content: '\ea0a';
}
/* '' */

.nav-icon-wrench-outline:before {
  content: '\ea0b';
}
/* '' */

.nav-icon-wrench-1:before {
  content: '\ea0c';
}
/* '' */

.nav-icon-basket-2:before {
  content: '\ea0d';
}
/* '' */

.nav-icon-calendar-outlilne:before {
  content: '\ea0e';
}
/* '' */

.nav-icon-calendar-2:before {
  content: '\ea0f';
}
/* '' */

.nav-icon-mic-outline:before {
  content: '\ea10';
}
/* '' */

.nav-icon-mic-2:before {
  content: '\ea11';
}
/* '' */

.nav-icon-volume-off-1:before {
  content: '\ea12';
}
/* '' */

.nav-icon-volume-low:before {
  content: '\ea13';
}
/* '' */

.nav-icon-volume-middle:before {
  content: '\ea14';
}
/* '' */

.nav-icon-volume-high:before {
  content: '\ea15';
}
/* '' */

.nav-icon-headphones-1:before {
  content: '\ea16';
}
/* '' */

.nav-icon-clock-2:before {
  content: '\ea17';
}
/* '' */

.nav-icon-wristwatch:before {
  content: '\ea18';
}
/* '' */

.nav-icon-stopwatch:before {
  content: '\ea19';
}
/* '' */

.nav-icon-lightbulb-1:before {
  content: '\ea1a';
}
/* '' */

.nav-icon-block-outline:before {
  content: '\ea1b';
}
/* '' */

.nav-icon-block-2:before {
  content: '\ea1c';
}
/* '' */

.nav-icon-resize-full-outline:before {
  content: '\ea1d';
}
/* '' */

.nav-icon-resize-full-2:before {
  content: '\ea1e';
}
/* '' */

.nav-icon-resize-normal-outline:before {
  content: '\ea1f';
}
/* '' */

.nav-icon-resize-normal:before {
  content: '\ea20';
}
/* '' */

.nav-icon-move-outline:before {
  content: '\ea21';
}
/* '' */

.nav-icon-move-1:before {
  content: '\ea22';
}
/* '' */

.nav-icon-popup-1:before {
  content: '\ea23';
}
/* '' */

.nav-icon-zoom-in-outline:before {
  content: '\ea24';
}
/* '' */

.nav-icon-zoom-in-1:before {
  content: '\ea25';
}
/* '' */

.nav-icon-zoom-out-outline:before {
  content: '\ea26';
}
/* '' */

.nav-icon-zoom-out-1:before {
  content: '\ea27';
}
/* '' */

.nav-icon-popup-2:before {
  content: '\ea28';
}
/* '' */

.nav-icon-left-open-outline:before {
  content: '\ea29';
}
/* '' */

.nav-icon-left-open-2:before {
  content: '\ea2a';
}
/* '' */

.nav-icon-right-open-outline:before {
  content: '\ea2b';
}
/* '' */

.nav-icon-right-open-2:before {
  content: '\ea2c';
}
/* '' */

.nav-icon-down-2:before {
  content: '\ea2d';
}
/* '' */

.nav-icon-left-2:before {
  content: '\ea2e';
}
/* '' */

.nav-icon-right-2:before {
  content: '\ea2f';
}
/* '' */

.nav-icon-up-2:before {
  content: '\ea30';
}
/* '' */

.nav-icon-down-outline:before {
  content: '\ea31';
}
/* '' */

.nav-icon-left-outline:before {
  content: '\ea32';
}
/* '' */

.nav-icon-right-outline:before {
  content: '\ea33';
}
/* '' */

.nav-icon-up-outline:before {
  content: '\ea34';
}
/* '' */

.nav-icon-down-small:before {
  content: '\ea35';
}
/* '' */

.nav-icon-left-small:before {
  content: '\ea36';
}
/* '' */

.nav-icon-right-small:before {
  content: '\ea37';
}
/* '' */

.nav-icon-up-small:before {
  content: '\ea38';
}
/* '' */

.nav-icon-cw-outline:before {
  content: '\ea39';
}
/* '' */

.nav-icon-cw-2:before {
  content: '\ea3a';
}
/* '' */

.nav-icon-arrows-cw-outline:before {
  content: '\ea3b';
}
/* '' */

.nav-icon-arrows-cw-1:before {
  content: '\ea3c';
}
/* '' */

.nav-icon-loop-outline:before {
  content: '\ea3d';
}
/* '' */

.nav-icon-loop-1:before {
  content: '\ea3e';
}
/* '' */

.nav-icon-loop-alt-outline:before {
  content: '\ea3f';
}
/* '' */

.nav-icon-loop-alt:before {
  content: '\ea40';
}
/* '' */

.nav-icon-shuffle-2:before {
  content: '\ea41';
}
/* '' */

.nav-icon-play-outline:before {
  content: '\ea42';
}
/* '' */

.nav-icon-play-2:before {
  content: '\ea43';
}
/* '' */

.nav-icon-stop-outline:before {
  content: '\ea44';
}
/* '' */

.nav-icon-stop-2:before {
  content: '\ea45';
}
/* '' */

.nav-icon-pause-outline:before {
  content: '\ea46';
}
/* '' */

.nav-icon-pause-2:before {
  content: '\ea47';
}
/* '' */

.nav-icon-fast-fw-outline:before {
  content: '\ea48';
}
/* '' */

.nav-icon-fast-fw-1:before {
  content: '\ea49';
}
/* '' */

.nav-icon-rewind-outline:before {
  content: '\ea4a';
}
/* '' */

.nav-icon-rewind:before {
  content: '\ea4b';
}
/* '' */

.nav-icon-record-outline:before {
  content: '\ea4c';
}
/* '' */

.nav-icon-record-1:before {
  content: '\ea4d';
}
/* '' */

.nav-icon-eject-outline:before {
  content: '\ea4e';
}
/* '' */

.nav-icon-eject-1:before {
  content: '\ea4f';
}
/* '' */

.nav-icon-eject-alt-outline:before {
  content: '\ea50';
}
/* '' */

.nav-icon-eject-alt:before {
  content: '\ea51';
}
/* '' */

.nav-icon-bat1:before {
  content: '\ea52';
}
/* '' */

.nav-icon-bat2:before {
  content: '\ea53';
}
/* '' */

.nav-icon-bat3:before {
  content: '\ea54';
}
/* '' */

.nav-icon-bat4:before {
  content: '\ea55';
}
/* '' */

.nav-icon-bat-charge:before {
  content: '\ea56';
}
/* '' */

.nav-icon-plug-1:before {
  content: '\ea57';
}
/* '' */

.nav-icon-target-outline:before {
  content: '\ea58';
}
/* '' */

.nav-icon-target-2:before {
  content: '\ea59';
}
/* '' */

.nav-icon-wifi-outline:before {
  content: '\ea5a';
}
/* '' */

.nav-icon-wifi-1:before {
  content: '\ea5b';
}
/* '' */

.nav-icon-desktop-1:before {
  content: '\ea5c';
}
/* '' */

.nav-icon-laptop-1:before {
  content: '\ea5d';
}
/* '' */

.nav-icon-tablet-1:before {
  content: '\ea5e';
}
/* '' */

.nav-icon-mobile-2:before {
  content: '\ea5f';
}
/* '' */

.nav-icon-contrast:before {
  content: '\ea60';
}
/* '' */

.nav-icon-globe-outline:before {
  content: '\ea61';
}
/* '' */

.nav-icon-globe-2:before {
  content: '\ea62';
}
/* '' */

.nav-icon-globe-alt-outline:before {
  content: '\ea63';
}
/* '' */

.nav-icon-globe-alt:before {
  content: '\ea64';
}
/* '' */

.nav-icon-sun-1:before {
  content: '\ea65';
}
/* '' */

.nav-icon-sun-filled:before {
  content: '\ea66';
}
/* '' */

.nav-icon-cloud-2:before {
  content: '\ea67';
}
/* '' */

.nav-icon-flash-outline:before {
  content: '\ea68';
}
/* '' */

.nav-icon-flash-2:before {
  content: '\ea69';
}
/* '' */

.nav-icon-moon-2:before {
  content: '\ea6a';
}
/* '' */

.nav-icon-waves-outline:before {
  content: '\ea6b';
}
/* '' */

.nav-icon-waves:before {
  content: '\ea6c';
}
/* '' */

.nav-icon-rain:before {
  content: '\ea6d';
}
/* '' */

.nav-icon-cloud-sun:before {
  content: '\ea6e';
}
/* '' */

.nav-icon-drizzle:before {
  content: '\ea6f';
}
/* '' */

.nav-icon-snow:before {
  content: '\ea70';
}
/* '' */

.nav-icon-cloud-flash:before {
  content: '\ea71';
}
/* '' */

.nav-icon-cloud-wind:before {
  content: '\ea72';
}
/* '' */

.nav-icon-wind:before {
  content: '\ea73';
}
/* '' */

.nav-icon-plane-outline:before {
  content: '\ea74';
}
/* '' */

.nav-icon-plane:before {
  content: '\ea75';
}
/* '' */

.nav-icon-leaf-2:before {
  content: '\ea76';
}
/* '' */

.nav-icon-lifebuoy-2:before {
  content: '\ea77';
}
/* '' */

.nav-icon-briefcase-2:before {
  content: '\ea78';
}
/* '' */

.nav-icon-brush-2:before {
  content: '\ea79';
}
/* '' */

.nav-icon-pipette:before {
  content: '\ea7a';
}
/* '' */

.nav-icon-power-outline:before {
  content: '\ea7b';
}
/* '' */

.nav-icon-power:before {
  content: '\ea7c';
}
/* '' */

.nav-icon-check-outline:before {
  content: '\ea7d';
}
/* '' */

.nav-icon-check-2:before {
  content: '\ea7e';
}
/* '' */

.nav-icon-gift-1:before {
  content: '\ea7f';
}
/* '' */

.nav-icon-temperatire:before {
  content: '\ea80';
}
/* '' */

.nav-icon-chart-outline:before {
  content: '\ea81';
}
/* '' */

.nav-icon-chart:before {
  content: '\ea82';
}
/* '' */

.nav-icon-chart-alt-outline:before {
  content: '\ea83';
}
/* '' */

.nav-icon-chart-alt:before {
  content: '\ea84';
}
/* '' */

.nav-icon-chart-bar-outline:before {
  content: '\ea85';
}
/* '' */

.nav-icon-chart-bar-2:before {
  content: '\ea86';
}
/* '' */

.nav-icon-chart-pie-outline:before {
  content: '\ea87';
}
/* '' */

.nav-icon-chart-pie-2:before {
  content: '\ea88';
}
/* '' */

.nav-icon-ticket-2:before {
  content: '\ea89';
}
/* '' */

.nav-icon-credit-card-2:before {
  content: '\ea8a';
}
/* '' */

.nav-icon-clipboard-1:before {
  content: '\ea8b';
}
/* '' */

.nav-icon-database-2:before {
  content: '\ea8c';
}
/* '' */

.nav-icon-key-outline:before {
  content: '\ea8d';
}
/* '' */

.nav-icon-key-2:before {
  content: '\ea8e';
}
/* '' */

.nav-icon-flow-split:before {
  content: '\ea8f';
}
/* '' */

.nav-icon-flow-merge:before {
  content: '\ea90';
}
/* '' */

.nav-icon-flow-parallel-1:before {
  content: '\ea91';
}
/* '' */

.nav-icon-flow-cross:before {
  content: '\ea92';
}
/* '' */

.nav-icon-certificate-outline:before {
  content: '\ea93';
}
/* '' */

.nav-icon-certificate-1:before {
  content: '\ea94';
}
/* '' */

.nav-icon-scissors-outline:before {
  content: '\ea95';
}
/* '' */

.nav-icon-scissors-1:before {
  content: '\ea96';
}
/* '' */

.nav-icon-flask:before {
  content: '\ea97';
}
/* '' */

.nav-icon-wine:before {
  content: '\ea98';
}
/* '' */

.nav-icon-coffee-1:before {
  content: '\ea99';
}
/* '' */

.nav-icon-beer-1:before {
  content: '\ea9a';
}
/* '' */

.nav-icon-anchor-outline:before {
  content: '\ea9b';
}
/* '' */

.nav-icon-anchor-1:before {
  content: '\ea9c';
}
/* '' */

.nav-icon-puzzle-outline:before {
  content: '\ea9d';
}
/* '' */

.nav-icon-puzzle-1:before {
  content: '\ea9e';
}
/* '' */

.nav-icon-tree-1:before {
  content: '\ea9f';
}
/* '' */

.nav-icon-calculator:before {
  content: '\eaa0';
}
/* '' */

.nav-icon-infinity-outline:before {
  content: '\eaa1';
}
/* '' */

.nav-icon-infinity-1:before {
  content: '\eaa2';
}
/* '' */

.nav-icon-pi-outline:before {
  content: '\eaa3';
}
/* '' */

.nav-icon-pi:before {
  content: '\eaa4';
}
/* '' */

.nav-icon-at-1:before {
  content: '\eaa5';
}
/* '' */

.nav-icon-at-circled:before {
  content: '\eaa6';
}
/* '' */

.nav-icon-looped-square-outline:before {
  content: '\eaa7';
}
/* '' */

.nav-icon-looped-square-interest:before {
  content: '\eaa8';
}
/* '' */

.nav-icon-sort-alphabet-outline:before {
  content: '\eaa9';
}
/* '' */

.nav-icon-sort-alphabet:before {
  content: '\eaaa';
}
/* '' */

.nav-icon-sort-numeric-outline:before {
  content: '\eaab';
}
/* '' */

.nav-icon-sort-numeric:before {
  content: '\eaac';
}
/* '' */

.nav-icon-dribbble-circled-1:before {
  content: '\eaad';
}
/* '' */

.nav-icon-dribbble-2:before {
  content: '\eaae';
}
/* '' */

.nav-icon-facebook-circled-1:before {
  content: '\eaaf';
}
/* '' */

.nav-icon-facebook-2:before {
  content: '\eab0';
}
/* '' */

.nav-icon-flickr-circled-1:before {
  content: '\eab1';
}
/* '' */

.nav-icon-flickr-2:before {
  content: '\eab2';
}
/* '' */

.nav-icon-github-circled-2:before {
  content: '\eab3';
}
/* '' */

.nav-icon-github-2:before {
  content: '\eab4';
}
/* '' */

.nav-icon-lastfm-circled-1:before {
  content: '\eab5';
}
/* '' */

.nav-icon-lastfm-2:before {
  content: '\eab6';
}
/* '' */

.nav-icon-linkedin-circled-1:before {
  content: '\eab7';
}
/* '' */

.nav-icon-linkedin-2:before {
  content: '\eab8';
}
/* '' */

.nav-icon-pinterest-circled-2:before {
  content: '\eab9';
}
/* '' */

.nav-icon-pinterest-2:before {
  content: '\eaba';
}
/* '' */

.nav-icon-skype-outline:before {
  content: '\eabb';
}
/* '' */

.nav-icon-skype-2:before {
  content: '\eabc';
}
/* '' */

.nav-icon-tumbler-circled:before {
  content: '\eabd';
}
/* '' */

.nav-icon-tumbler:before {
  content: '\eabe';
}
/* '' */

.nav-icon-twitter-circled-1:before {
  content: '\eabf';
}
/* '' */

.nav-icon-twitter-2:before {
  content: '\eac0';
}
/* '' */

.nav-icon-vimeo-circled-1:before {
  content: '\eac1';
}
/* '' */

.nav-icon-vimeo-2:before {
  content: '\eac2';
}
/* '' */

.nav-icon-search-3:before {
  content: '\eac3';
}
/* '' */

.nav-icon-mail-3:before {
  content: '\eac4';
}
/* '' */

.nav-icon-heart-3:before {
  content: '\eac5';
}
/* '' */

.nav-icon-heart-empty-2:before {
  content: '\eac6';
}
/* '' */

.nav-icon-star-3:before {
  content: '\eac7';
}
/* '' */

.nav-icon-user-3:before {
  content: '\eac8';
}
/* '' */

.nav-icon-video-3:before {
  content: '\eac9';
}
/* '' */

.nav-icon-picture-3:before {
  content: '\eaca';
}
/* '' */

.nav-icon-camera-3:before {
  content: '\eacb';
}
/* '' */

.nav-icon-ok-2:before {
  content: '\eacc';
}
/* '' */

.nav-icon-ok-circle:before {
  content: '\eacd';
}
/* '' */

.nav-icon-cancel-3:before {
  content: '\eace';
}
/* '' */

.nav-icon-cancel-circle:before {
  content: '\eacf';
}
/* '' */

.nav-icon-plus-3:before {
  content: '\ead0';
}
/* '' */

.nav-icon-plus-circle-1:before {
  content: '\ead1';
}
/* '' */

.nav-icon-minus-3:before {
  content: '\ead2';
}
/* '' */

.nav-icon-minus-circle:before {
  content: '\ead3';
}
/* '' */

.nav-icon-help-3:before {
  content: '\ead4';
}
/* '' */

.nav-icon-info-4:before {
  content: '\ead5';
}
/* '' */

.nav-icon-home-3:before {
  content: '\ead6';
}
/* '' */

.nav-icon-link-3:before {
  content: '\ead7';
}
/* '' */

.nav-icon-attach-3:before {
  content: '\ead8';
}
/* '' */

.nav-icon-lock-3:before {
  content: '\ead9';
}
/* '' */

.nav-icon-lock-empty:before {
  content: '\eada';
}
/* '' */

.nav-icon-lock-open-3:before {
  content: '\eadb';
}
/* '' */

.nav-icon-lock-open-empty:before {
  content: '\eadc';
}
/* '' */

.nav-icon-pin-2:before {
  content: '\eadd';
}
/* '' */

.nav-icon-eye-3:before {
  content: '\eade';
}
/* '' */

.nav-icon-tag-3:before {
  content: '\eadf';
}
/* '' */

.nav-icon-tag-empty:before {
  content: '\eae0';
}
/* '' */

.nav-icon-download-3:before {
  content: '\eae1';
}
/* '' */

.nav-icon-upload-3:before {
  content: '\eae2';
}
/* '' */

.nav-icon-download-cloud-1:before {
  content: '\eae3';
}
/* '' */

.nav-icon-upload-cloud-3:before {
  content: '\eae4';
}
/* '' */

.nav-icon-quote-left-1:before {
  content: '\eae5';
}
/* '' */

.nav-icon-quote-right-1:before {
  content: '\eae6';
}
/* '' */

.nav-icon-quote-left-alt:before {
  content: '\eae7';
}
/* '' */

.nav-icon-quote-right-alt:before {
  content: '\eae8';
}
/* '' */

.nav-icon-pencil-3:before {
  content: '\eae9';
}
/* '' */

.nav-icon-pencil-neg:before {
  content: '\eaea';
}
/* '' */

.nav-icon-pencil-alt:before {
  content: '\eaeb';
}
/* '' */

.nav-icon-undo:before {
  content: '\eaec';
}
/* '' */

.nav-icon-comment-3:before {
  content: '\eaed';
}
/* '' */

.nav-icon-comment-inv:before {
  content: '\eaee';
}
/* '' */

.nav-icon-comment-alt:before {
  content: '\eaef';
}
/* '' */

.nav-icon-comment-inv-alt:before {
  content: '\eaf0';
}
/* '' */

.nav-icon-comment-alt2:before {
  content: '\eaf1';
}
/* '' */

.nav-icon-comment-inv-alt2:before {
  content: '\eaf2';
}
/* '' */

.nav-icon-chat-4:before {
  content: '\eaf3';
}
/* '' */

.nav-icon-chat-inv:before {
  content: '\eaf4';
}
/* '' */

.nav-icon-location-3:before {
  content: '\eaf5';
}
/* '' */

.nav-icon-location-inv:before {
  content: '\eaf6';
}
/* '' */

.nav-icon-location-alt:before {
  content: '\eaf7';
}
/* '' */

.nav-icon-compass-3:before {
  content: '\eaf8';
}
/* '' */

.nav-icon-trash-3:before {
  content: '\eaf9';
}
/* '' */

.nav-icon-trash-empty-1:before {
  content: '\eafa';
}
/* '' */

.nav-icon-doc-3:before {
  content: '\eafb';
}
/* '' */

.nav-icon-doc-inv-1:before {
  content: '\eafc';
}
/* '' */

.nav-icon-doc-alt:before {
  content: '\eafd';
}
/* '' */

.nav-icon-doc-inv-alt:before {
  content: '\eafe';
}
/* '' */

.nav-icon-article:before {
  content: '\eaff';
}
/* '' */

.nav-icon-article-alt:before {
  content: '\eb00';
}
/* '' */

.nav-icon-book-open-1:before {
  content: '\eb01';
}
/* '' */

.nav-icon-folder-3:before {
  content: '\eb02';
}
/* '' */

.nav-icon-folder-empty-1:before {
  content: '\eb03';
}
/* '' */

.nav-icon-box-3:before {
  content: '\eb04';
}
/* '' */

.nav-icon-rss-3:before {
  content: '\eb05';
}
/* '' */

.nav-icon-rss-alt:before {
  content: '\eb06';
}
/* '' */

.nav-icon-cog-3:before {
  content: '\eb07';
}
/* '' */

.nav-icon-wrench-2:before {
  content: '\eb08';
}
/* '' */

.nav-icon-share-2:before {
  content: '\eb09';
}
/* '' */

.nav-icon-calendar-3:before {
  content: '\eb0a';
}
/* '' */

.nav-icon-calendar-inv:before {
  content: '\eb0b';
}
/* '' */

.nav-icon-calendar-alt:before {
  content: '\eb0c';
}
/* '' */

.nav-icon-mic-3:before {
  content: '\eb0d';
}
/* '' */

.nav-icon-volume-off-2:before {
  content: '\eb0e';
}
/* '' */

.nav-icon-volume-up-1:before {
  content: '\eb0f';
}
/* '' */

.nav-icon-headphones-2:before {
  content: '\eb10';
}
/* '' */

.nav-icon-clock-3:before {
  content: '\eb11';
}
/* '' */

.nav-icon-lamp-1:before {
  content: '\eb12';
}
/* '' */

.nav-icon-block-3:before {
  content: '\eb13';
}
/* '' */

.nav-icon-resize-full-3:before {
  content: '\eb14';
}
/* '' */

.nav-icon-resize-full-alt-1:before {
  content: '\eb15';
}
/* '' */

.nav-icon-resize-small-2:before {
  content: '\eb16';
}
/* '' */

.nav-icon-resize-small-alt:before {
  content: '\eb17';
}
/* '' */

.nav-icon-resize-vertical-1:before {
  content: '\eb18';
}
/* '' */

.nav-icon-resize-horizontal-1:before {
  content: '\eb19';
}
/* '' */

.nav-icon-move-2:before {
  content: '\eb1a';
}
/* '' */

.nav-icon-popup-3:before {
  content: '\eb1b';
}
/* '' */

.nav-icon-down-3:before {
  content: '\eb1c';
}
/* '' */

.nav-icon-left-3:before {
  content: '\eb1d';
}
/* '' */

.nav-icon-right-3:before {
  content: '\eb1e';
}
/* '' */

.nav-icon-up-3:before {
  content: '\eb1f';
}
/* '' */

.nav-icon-down-circle:before {
  content: '\eb20';
}
/* '' */

.nav-icon-left-circle:before {
  content: '\eb21';
}
/* '' */

.nav-icon-right-circle:before {
  content: '\eb22';
}
/* '' */

.nav-icon-up-circle:before {
  content: '\eb23';
}
/* '' */

.nav-icon-cw-3:before {
  content: '\eb24';
}
/* '' */

.nav-icon-loop-2:before {
  content: '\eb25';
}
/* '' */

.nav-icon-loop-alt-1:before {
  content: '\eb26';
}
/* '' */

.nav-icon-exchange-1:before {
  content: '\eb27';
}
/* '' */

.nav-icon-split:before {
  content: '\eb28';
}
/* '' */

.nav-icon-arrow-curved:before {
  content: '\eb29';
}
/* '' */

.nav-icon-play-3:before {
  content: '\eb2a';
}
/* '' */

.nav-icon-play-circle2:before {
  content: '\eb2b';
}
/* '' */

.nav-icon-stop-3:before {
  content: '\eb2c';
}
/* '' */

.nav-icon-pause-3:before {
  content: '\eb2d';
}
/* '' */

.nav-icon-to-start-2:before {
  content: '\eb2e';
}
/* '' */

.nav-icon-to-end-2:before {
  content: '\eb2f';
}
/* '' */

.nav-icon-eject-2:before {
  content: '\eb30';
}
/* '' */

.nav-icon-target-3:before {
  content: '\eb31';
}
/* '' */

.nav-icon-signal-2:before {
  content: '\eb32';
}
/* '' */

.nav-icon-award-1:before {
  content: '\eb33';
}
/* '' */

.nav-icon-award-empty:before {
  content: '\eb34';
}
/* '' */

.nav-icon-list-2:before {
  content: '\eb35';
}
/* '' */

.nav-icon-list-nested:before {
  content: '\eb36';
}
/* '' */

.nav-icon-bat-empty:before {
  content: '\eb37';
}
/* '' */

.nav-icon-bat-half:before {
  content: '\eb38';
}
/* '' */

.nav-icon-bat-full:before {
  content: '\eb39';
}
/* '' */

.nav-icon-bat-charge-1:before {
  content: '\eb3a';
}
/* '' */

.nav-icon-mobile-3:before {
  content: '\eb3b';
}
/* '' */

.nav-icon-cd-1:before {
  content: '\eb3c';
}
/* '' */

.nav-icon-equalizer:before {
  content: '\eb3d';
}
/* '' */

.nav-icon-cursor:before {
  content: '\eb3e';
}
/* '' */

.nav-icon-aperture:before {
  content: '\eb3f';
}
/* '' */

.nav-icon-aperture-alt:before {
  content: '\eb40';
}
/* '' */

.nav-icon-steering-wheel:before {
  content: '\eb41';
}
/* '' */

.nav-icon-book-2:before {
  content: '\eb42';
}
/* '' */

.nav-icon-book-alt:before {
  content: '\eb43';
}
/* '' */

.nav-icon-brush-3:before {
  content: '\eb44';
}
/* '' */

.nav-icon-brush-alt:before {
  content: '\eb45';
}
/* '' */

.nav-icon-eyedropper-1:before {
  content: '\eb46';
}
/* '' */

.nav-icon-layers:before {
  content: '\eb47';
}
/* '' */

.nav-icon-layers-alt:before {
  content: '\eb48';
}
/* '' */

.nav-icon-sun-2:before {
  content: '\eb49';
}
/* '' */

.nav-icon-sun-inv:before {
  content: '\eb4a';
}
/* '' */

.nav-icon-cloud-3:before {
  content: '\eb4b';
}
/* '' */

.nav-icon-rain-1:before {
  content: '\eb4c';
}
/* '' */

.nav-icon-flash-3:before {
  content: '\eb4d';
}
/* '' */

.nav-icon-moon-3:before {
  content: '\eb4e';
}
/* '' */

.nav-icon-moon-inv:before {
  content: '\eb4f';
}
/* '' */

.nav-icon-umbrella-1:before {
  content: '\eb50';
}
/* '' */

.nav-icon-chart-bar-3:before {
  content: '\eb51';
}
/* '' */

.nav-icon-chart-pie-3:before {
  content: '\eb52';
}
/* '' */

.nav-icon-chart-pie-alt:before {
  content: '\eb53';
}
/* '' */

.nav-icon-key-3:before {
  content: '\eb54';
}
/* '' */

.nav-icon-key-inv:before {
  content: '\eb55';
}
/* '' */

.nav-icon-hash:before {
  content: '\eb56';
}
/* '' */

.nav-icon-at-2:before {
  content: '\eb57';
}
/* '' */

.nav-icon-pilcrow:before {
  content: '\eb58';
}
/* '' */

.nav-icon-dial:before {
  content: '\eb59';
}
/* '' */

.nav-icon-search-4:before {
  content: '\eb5a';
}
/* '' */

.nav-icon-mail-4:before {
  content: '\eb5b';
}
/* '' */

.nav-icon-heart-4:before {
  content: '\eb5c';
}
/* '' */

.nav-icon-star-4:before {
  content: '\eb5d';
}
/* '' */

.nav-icon-user-4:before {
  content: '\eb5e';
}
/* '' */

.nav-icon-user-woman:before {
  content: '\eb5f';
}
/* '' */

.nav-icon-user-pair:before {
  content: '\eb60';
}
/* '' */

.nav-icon-video-alt:before {
  content: '\eb61';
}
/* '' */

.nav-icon-videocam-2:before {
  content: '\eb62';
}
/* '' */

.nav-icon-videocam-alt:before {
  content: '\eb63';
}
/* '' */

.nav-icon-camera-4:before {
  content: '\eb64';
}
/* '' */

.nav-icon-th-2:before {
  content: '\eb65';
}
/* '' */

.nav-icon-th-list-2:before {
  content: '\eb66';
}
/* '' */

.nav-icon-ok-3:before {
  content: '\eb67';
}
/* '' */

.nav-icon-cancel-4:before {
  content: '\eb68';
}
/* '' */

.nav-icon-cancel-circle-1:before {
  content: '\eb69';
}
/* '' */

.nav-icon-plus-4:before {
  content: '\eb6a';
}
/* '' */

.nav-icon-home-4:before {
  content: '\eb6b';
}
/* '' */

.nav-icon-lock-4:before {
  content: '\eb6c';
}
/* '' */

.nav-icon-lock-open-4:before {
  content: '\eb6d';
}
/* '' */

.nav-icon-eye-4:before {
  content: '\eb6e';
}
/* '' */

.nav-icon-tag-4:before {
  content: '\eb6f';
}
/* '' */

.nav-icon-thumbs-up-3:before {
  content: '\eb70';
}
/* '' */

.nav-icon-thumbs-down-3:before {
  content: '\eb71';
}
/* '' */

.nav-icon-download-4:before {
  content: '\eb72';
}
/* '' */

.nav-icon-export-3:before {
  content: '\eb73';
}
/* '' */

.nav-icon-pencil-4:before {
  content: '\eb74';
}
/* '' */

.nav-icon-pencil-alt-1:before {
  content: '\eb75';
}
/* '' */

.nav-icon-edit-2:before {
  content: '\eb76';
}
/* '' */

.nav-icon-chat-5:before {
  content: '\eb77';
}
/* '' */

.nav-icon-print-3:before {
  content: '\eb78';
}
/* '' */

.nav-icon-bell-3:before {
  content: '\eb79';
}
/* '' */

.nav-icon-attention-3:before {
  content: '\eb7a';
}
/* '' */

.nav-icon-info-5:before {
  content: '\eb7b';
}
/* '' */

.nav-icon-question:before {
  content: '\eb7c';
}
/* '' */

.nav-icon-location-4:before {
  content: '\eb7d';
}
/* '' */

.nav-icon-trash-4:before {
  content: '\eb7e';
}
/* '' */

.nav-icon-doc-4:before {
  content: '\eb7f';
}
/* '' */

.nav-icon-article-1:before {
  content: '\eb80';
}
/* '' */

.nav-icon-article-alt-1:before {
  content: '\eb81';
}
/* '' */

.nav-icon-rss-4:before {
  content: '\eb82';
}
/* '' */

.nav-icon-wrench-3:before {
  content: '\eb83';
}
/* '' */

.nav-icon-basket-3:before {
  content: '\eb84';
}
/* '' */

.nav-icon-basket-alt:before {
  content: '\eb85';
}
/* '' */

.nav-icon-calendar-4:before {
  content: '\eb86';
}
/* '' */

.nav-icon-calendar-alt-1:before {
  content: '\eb87';
}
/* '' */

.nav-icon-volume-off-3:before {
  content: '\eb88';
}
/* '' */

.nav-icon-volume-down-1:before {
  content: '\eb89';
}
/* '' */

.nav-icon-volume-up-2:before {
  content: '\eb8a';
}
/* '' */

.nav-icon-bullhorn:before {
  content: '\eb8b';
}
/* '' */

.nav-icon-clock-4:before {
  content: '\eb8c';
}
/* '' */

.nav-icon-clock-alt:before {
  content: '\eb8d';
}
/* '' */

.nav-icon-stop-4:before {
  content: '\eb8e';
}
/* '' */

.nav-icon-resize-full-4:before {
  content: '\eb8f';
}
/* '' */

.nav-icon-resize-small-3:before {
  content: '\eb90';
}
/* '' */

.nav-icon-zoom-in-2:before {
  content: '\eb91';
}
/* '' */

.nav-icon-zoom-out-2:before {
  content: '\eb92';
}
/* '' */

.nav-icon-popup-4:before {
  content: '\eb93';
}
/* '' */

.nav-icon-down-dir-2:before {
  content: '\eb94';
}
/* '' */

.nav-icon-left-dir-2:before {
  content: '\eb95';
}
/* '' */

.nav-icon-right-dir-2:before {
  content: '\eb96';
}
/* '' */

.nav-icon-up-dir-2:before {
  content: '\eb97';
}
/* '' */

.nav-icon-down-4:before {
  content: '\eb98';
}
/* '' */

.nav-icon-up-4:before {
  content: '\eb99';
}
/* '' */

.nav-icon-cw-4:before {
  content: '\eb9a';
}
/* '' */

.nav-icon-signal-3:before {
  content: '\eb9b';
}
/* '' */

.nav-icon-award-2:before {
  content: '\eb9c';
}
/* '' */

.nav-icon-mobile-4:before {
  content: '\eb9d';
}
/* '' */

.nav-icon-mobile-alt:before {
  content: '\eb9e';
}
/* '' */

.nav-icon-tablet-2:before {
  content: '\eb9f';
}
/* '' */

.nav-icon-ipod:before {
  content: '\eba0';
}
/* '' */

.nav-icon-cd-2:before {
  content: '\eba1';
}
/* '' */

.nav-icon-grid:before {
  content: '\eba2';
}
/* '' */

.nav-icon-book-3:before {
  content: '\eba3';
}
/* '' */

.nav-icon-easel:before {
  content: '\eba4';
}
/* '' */

.nav-icon-globe-3:before {
  content: '\eba5';
}
/* '' */

.nav-icon-chart-1:before {
  content: '\eba6';
}
/* '' */

.nav-icon-chart-bar-4:before {
  content: '\eba7';
}
/* '' */

.nav-icon-chart-pie-4:before {
  content: '\eba8';
}
/* '' */

.nav-icon-dollar-1:before {
  content: '\eba9';
}
/* '' */

.nav-icon-at-3:before {
  content: '\ebaa';
}
/* '' */

.nav-icon-colon:before {
  content: '\ebab';
}
/* '' */

.nav-icon-semicolon:before {
  content: '\ebac';
}
/* '' */

.nav-icon-squares:before {
  content: '\ebad';
}
/* '' */

.nav-icon-money-1:before {
  content: '\ebae';
}
/* '' */

.nav-icon-facebook-3:before {
  content: '\ebaf';
}
/* '' */

.nav-icon-facebook-rect:before {
  content: '\ebb0';
}
/* '' */

.nav-icon-twitter-bird:before {
  content: '\ebb1';
}
/* '' */

.nav-icon-youtube-1:before {
  content: '\ebb2';
}
/* '' */

.nav-icon-windy-rain-inv:before {
  content: '\ebb3';
}
/* '' */

.nav-icon-snow-inv:before {
  content: '\ebb4';
}
/* '' */

.nav-icon-snow-heavy-inv:before {
  content: '\ebb5';
}
/* '' */

.nav-icon-hail-inv:before {
  content: '\ebb6';
}
/* '' */

.nav-icon-clouds-inv:before {
  content: '\ebb7';
}
/* '' */

.nav-icon-clouds-flash-inv:before {
  content: '\ebb8';
}
/* '' */

.nav-icon-temperature:before {
  content: '\ebb9';
}
/* '' */

.nav-icon-compass-4:before {
  content: '\ebba';
}
/* '' */

.nav-icon-na:before {
  content: '\ebbb';
}
/* '' */

.nav-icon-celcius:before {
  content: '\ebbc';
}
/* '' */

.nav-icon-fahrenheit:before {
  content: '\ebbd';
}
/* '' */

.nav-icon-clouds-flash-alt:before {
  content: '\ebbe';
}
/* '' */

.nav-icon-sun-inv-1:before {
  content: '\ebbf';
}
/* '' */

.nav-icon-moon-inv-1:before {
  content: '\ebc0';
}
/* '' */

.nav-icon-cloud-sun-inv:before {
  content: '\ebc1';
}
/* '' */

.nav-icon-cloud-moon-inv:before {
  content: '\ebc2';
}
/* '' */

.nav-icon-cloud-inv:before {
  content: '\ebc3';
}
/* '' */

.nav-icon-cloud-flash-inv:before {
  content: '\ebc4';
}
/* '' */

.nav-icon-drizzle-inv:before {
  content: '\ebc5';
}
/* '' */

.nav-icon-rain-inv:before {
  content: '\ebc6';
}
/* '' */

.nav-icon-windy-inv:before {
  content: '\ebc7';
}
/* '' */

.nav-icon-sunrise:before {
  content: '\ebc8';
}
/* '' */

.nav-icon-sun-3:before {
  content: '\ebc9';
}
/* '' */

.nav-icon-moon-4:before {
  content: '\ebca';
}
/* '' */

.nav-icon-eclipse:before {
  content: '\ebcb';
}
/* '' */

.nav-icon-mist:before {
  content: '\ebcc';
}
/* '' */

.nav-icon-wind-1:before {
  content: '\ebcd';
}
/* '' */

.nav-icon-snowflake:before {
  content: '\ebce';
}
/* '' */

.nav-icon-cloud-sun-1:before {
  content: '\ebcf';
}
/* '' */

.nav-icon-cloud-moon:before {
  content: '\ebd0';
}
/* '' */

.nav-icon-fog-sun:before {
  content: '\ebd1';
}
/* '' */

.nav-icon-fog-moon:before {
  content: '\ebd2';
}
/* '' */

.nav-icon-fog-cloud:before {
  content: '\ebd3';
}
/* '' */

.nav-icon-fog:before {
  content: '\ebd4';
}
/* '' */

.nav-icon-cloud-4:before {
  content: '\ebd5';
}
/* '' */

.nav-icon-cloud-flash-1:before {
  content: '\ebd6';
}
/* '' */

.nav-icon-cloud-flash-alt:before {
  content: '\ebd7';
}
/* '' */

.nav-icon-drizzle-1:before {
  content: '\ebd8';
}
/* '' */

.nav-icon-rain-2:before {
  content: '\ebd9';
}
/* '' */

.nav-icon-windy:before {
  content: '\ebda';
}
/* '' */

.nav-icon-windy-rain:before {
  content: '\ebdb';
}
/* '' */

.nav-icon-snow-1:before {
  content: '\ebdc';
}
/* '' */

.nav-icon-snow-alt:before {
  content: '\ebdd';
}
/* '' */

.nav-icon-snow-heavy:before {
  content: '\ebde';
}
/* '' */

.nav-icon-hail:before {
  content: '\ebdf';
}
/* '' */

.nav-icon-clouds:before {
  content: '\ebe0';
}
/* '' */

.nav-icon-clouds-flash:before {
  content: '\ebe1';
}
/* '' */

.nav-icon-mail-5:before {
  content: '\ebe2';
}
/* '' */

.nav-icon-heart-5:before {
  content: '\ebe3';
}
/* '' */

.nav-icon-star-5:before {
  content: '\ebe4';
}
/* '' */

.nav-icon-star-empty-2:before {
  content: '\ebe5';
}
/* '' */

.nav-icon-star-half-1:before {
  content: '\ebe6';
}
/* '' */

.nav-icon-menu-4:before {
  content: '\ebe7';
}
/* '' */

.nav-icon-th-list-3:before {
  content: '\ebe8';
}
/* '' */

.nav-icon-ok-4:before {
  content: '\ebe9';
}
/* '' */

.nav-icon-cancel-5:before {
  content: '\ebea';
}
/* '' */

.nav-icon-plus-5:before {
  content: '\ebeb';
}
/* '' */

.nav-icon-help-circled-2:before {
  content: '\ebec';
}
/* '' */

.nav-icon-help-circled-alt:before {
  content: '\ebed';
}
/* '' */

.nav-icon-home-5:before {
  content: '\ebee';
}
/* '' */

.nav-icon-download-cloud-2:before {
  content: '\ebef';
}
/* '' */

.nav-icon-upload-cloud-4:before {
  content: '\ebf0';
}
/* '' */

.nav-icon-pencil-5:before {
  content: '\ebf1';
}
/* '' */

.nav-icon-attention-4:before {
  content: '\ebf2';
}
/* '' */

.nav-icon-attention-alt-1:before {
  content: '\ebf3';
}
/* '' */

.nav-icon-cog-4:before {
  content: '\ebf4';
}
/* '' */

.nav-icon-mic-off:before {
  content: '\ebf5';
}
/* '' */

.nav-icon-clock-5:before {
  content: '\ebf6';
}
/* '' */

.nav-icon-stopwatch-1:before {
  content: '\ebf7';
}
/* '' */

.nav-icon-hourglass-5:before {
  content: '\ebf8';
}
/* '' */

.nav-icon-down-open-2:before {
  content: '\ebf9';
}
/* '' */

.nav-icon-left-open-3:before {
  content: '\ebfa';
}
/* '' */

.nav-icon-right-open-3:before {
  content: '\ebfb';
}
/* '' */

.nav-icon-up-open-2:before {
  content: '\ebfc';
}
/* '' */

.nav-icon-down-5:before {
  content: '\ebfd';
}
/* '' */

.nav-icon-left-4:before {
  content: '\ebfe';
}
/* '' */

.nav-icon-right-4:before {
  content: '\ebff';
}
/* '' */

.nav-icon-up-5:before {
  content: '\ec00';
}
/* '' */

.nav-icon-down-bold-1:before {
  content: '\ec01';
}
/* '' */

.nav-icon-left-bold-1:before {
  content: '\ec02';
}
/* '' */

.nav-icon-right-bold-1:before {
  content: '\ec03';
}
/* '' */

.nav-icon-up-bold-1:before {
  content: '\ec04';
}
/* '' */

.nav-icon-down-fat:before {
  content: '\ec05';
}
/* '' */

.nav-icon-left-fat:before {
  content: '\ec06';
}
/* '' */

.nav-icon-right-fat:before {
  content: '\ec07';
}
/* '' */

.nav-icon-up-fat:before {
  content: '\ec08';
}
/* '' */

.nav-icon-to-end-3:before {
  content: '\ec09';
}
/* '' */

.nav-icon-to-start-3:before {
  content: '\ec0a';
}
/* '' */

.nav-icon-fast-forward-1:before {
  content: '\ec0b';
}
/* '' */

.nav-icon-fast-backward-1:before {
  content: '\ec0c';
}
/* '' */

.nav-icon-data-science:before {
  content: '\ec0d';
}
/* '' */

.nav-icon-data-science-inv:before {
  content: '\ec0e';
}
/* '' */

.nav-icon-globe-4:before {
  content: '\ec0f';
}
/* '' */

.nav-icon-globe-inv:before {
  content: '\ec10';
}
/* '' */

.nav-icon-flash-4:before {
  content: '\ec11';
}
/* '' */

.nav-icon-cloud-5:before {
  content: '\ec12';
}
/* '' */

.nav-icon-color-adjust:before {
  content: '\ec13';
}
/* '' */

.nav-icon-vector-pencil:before {
  content: '\ec14';
}
/* '' */

.nav-icon-at-4:before {
  content: '\ec15';
}
/* '' */

.nav-icon-female-1:before {
  content: '\ec16';
}
/* '' */

.nav-icon-male-1:before {
  content: '\ec17';
}
/* '' */

.nav-icon-king:before {
  content: '\ec18';
}
/* '' */

.nav-icon-anchor-2:before {
  content: '\ec19';
}
/* '' */

.nav-icon-aboveground-rail:before {
  content: '\ec1a';
}
/* '' */

.nav-icon-airfield:before {
  content: '\ec1b';
}
/* '' */

.nav-icon-airport:before {
  content: '\ec1c';
}
/* '' */

.nav-icon-art-gallery:before {
  content: '\ec1d';
}
/* '' */

.nav-icon-bar:before {
  content: '\ec1e';
}
/* '' */

.nav-icon-baseball:before {
  content: '\ec1f';
}
/* '' */

.nav-icon-basketball:before {
  content: '\ec20';
}
/* '' */

.nav-icon-beer-2:before {
  content: '\ec21';
}
/* '' */

.nav-icon-belowground-rail:before {
  content: '\ec22';
}
/* '' */

.nav-icon-bicycle-1:before {
  content: '\ec23';
}
/* '' */

.nav-icon-bus-1:before {
  content: '\ec24';
}
/* '' */

.nav-icon-cafe:before {
  content: '\ec25';
}
/* '' */

.nav-icon-campsite:before {
  content: '\ec26';
}
/* '' */

.nav-icon-cemetery:before {
  content: '\ec27';
}
/* '' */

.nav-icon-cinema:before {
  content: '\ec28';
}
/* '' */

.nav-icon-college:before {
  content: '\ec29';
}
/* '' */

.nav-icon-commerical-building:before {
  content: '\ec2a';
}
/* '' */

.nav-icon-credit-card-3:before {
  content: '\ec2b';
}
/* '' */

.nav-icon-cricket:before {
  content: '\ec2c';
}
/* '' */

.nav-icon-embassy:before {
  content: '\ec2d';
}
/* '' */

.nav-icon-fast-food:before {
  content: '\ec2e';
}
/* '' */

.nav-icon-ferry:before {
  content: '\ec2f';
}
/* '' */

.nav-icon-fire-station:before {
  content: '\ec30';
}
/* '' */

.nav-icon-football:before {
  content: '\ec31';
}
/* '' */

.nav-icon-fuel:before {
  content: '\ec32';
}
/* '' */

.nav-icon-garden:before {
  content: '\ec33';
}
/* '' */

.nav-icon-giraffe:before {
  content: '\ec34';
}
/* '' */

.nav-icon-golf:before {
  content: '\ec35';
}
/* '' */

.nav-icon-grocery-store:before {
  content: '\ec36';
}
/* '' */

.nav-icon-harbor:before {
  content: '\ec37';
}
/* '' */

.nav-icon-heliport:before {
  content: '\ec38';
}
/* '' */

.nav-icon-hospital-1:before {
  content: '\ec39';
}
/* '' */

.nav-icon-industrial-building:before {
  content: '\ec3a';
}
/* '' */

.nav-icon-library:before {
  content: '\ec3b';
}
/* '' */

.nav-icon-lodging:before {
  content: '\ec3c';
}
/* '' */

.nav-icon-london-underground:before {
  content: '\ec3d';
}
/* '' */

.nav-icon-minefield:before {
  content: '\ec3e';
}
/* '' */

.nav-icon-monument:before {
  content: '\ec3f';
}
/* '' */

.nav-icon-museum:before {
  content: '\ec40';
}
/* '' */

.nav-icon-pharmacy:before {
  content: '\ec41';
}
/* '' */

.nav-icon-pitch:before {
  content: '\ec42';
}
/* '' */

.nav-icon-police:before {
  content: '\ec43';
}
/* '' */

.nav-icon-post:before {
  content: '\ec44';
}
/* '' */

.nav-icon-prison:before {
  content: '\ec45';
}
/* '' */

.nav-icon-rail:before {
  content: '\ec46';
}
/* '' */

.nav-icon-religious-christian:before {
  content: '\ec47';
}
/* '' */

.nav-icon-religious-islam:before {
  content: '\ec48';
}
/* '' */

.nav-icon-religious-jewish:before {
  content: '\ec49';
}
/* '' */

.nav-icon-restaurant:before {
  content: '\ec4a';
}
/* '' */

.nav-icon-roadblock:before {
  content: '\ec4b';
}
/* '' */

.nav-icon-school:before {
  content: '\ec4c';
}
/* '' */

.nav-icon-shop:before {
  content: '\ec4d';
}
/* '' */

.nav-icon-skiing:before {
  content: '\ec4e';
}
/* '' */

.nav-icon-soccer:before {
  content: '\ec4f';
}
/* '' */

.nav-icon-swimming:before {
  content: '\ec50';
}
/* '' */

.nav-icon-tennis:before {
  content: '\ec51';
}
/* '' */

.nav-icon-theatre:before {
  content: '\ec52';
}
/* '' */

.nav-icon-toilet:before {
  content: '\ec53';
}
/* '' */

.nav-icon-town-hall:before {
  content: '\ec54';
}
/* '' */

.nav-icon-trash-6:before {
  content: '\ec55';
}
/* '' */

.nav-icon-tree-2:before {
  content: '\ec56';
}
/* '' */

.nav-icon-tree-3:before {
  content: '\ec57';
}
/* '' */

.nav-icon-warehouse:before {
  content: '\ec58';
}
/* '' */

.nav-icon-duckduckgo:before {
  content: '\ec59';
}
/* '' */

.nav-icon-aim:before {
  content: '\ec5a';
}
/* '' */

.nav-icon-delicious-1:before {
  content: '\ec5b';
}
/* '' */

.nav-icon-paypal-2:before {
  content: '\ec5c';
}
/* '' */

.nav-icon-flattr-1:before {
  content: '\ec5d';
}
/* '' */

.nav-icon-android-1:before {
  content: '\ec5e';
}
/* '' */

.nav-icon-eventful:before {
  content: '\ec5f';
}
/* '' */

.nav-icon-smashmag:before {
  content: '\ec60';
}
/* '' */

.nav-icon-gplus-3:before {
  content: '\ec61';
}
/* '' */

.nav-icon-wikipedia:before {
  content: '\ec62';
}
/* '' */

.nav-icon-lanyrd:before {
  content: '\ec63';
}
/* '' */

.nav-icon-calendar-6:before {
  content: '\ec64';
}
/* '' */

.nav-icon-stumbleupon-2:before {
  content: '\ec65';
}
/* '' */

.nav-icon-fivehundredpx:before {
  content: '\ec66';
}
/* '' */

.nav-icon-pinterest-3:before {
  content: '\ec67';
}
/* '' */

.nav-icon-bitcoin-1:before {
  content: '\ec68';
}
/* '' */

.nav-icon-w3c:before {
  content: '\ec69';
}
/* '' */

.nav-icon-foursquare-1:before {
  content: '\ec6a';
}
/* '' */

.nav-icon-html5-1:before {
  content: '\ec6b';
}
/* '' */

.nav-icon-ie:before {
  content: '\ec6c';
}
/* '' */

.nav-icon-call:before {
  content: '\ec6d';
}
/* '' */

.nav-icon-grooveshark:before {
  content: '\ec6e';
}
/* '' */

.nav-icon-ninetyninedesigns:before {
  content: '\ec6f';
}
/* '' */

.nav-icon-forrst:before {
  content: '\ec70';
}
/* '' */

.nav-icon-digg-1:before {
  content: '\ec71';
}
/* '' */

.nav-icon-spotify-2:before {
  content: '\ec72';
}
/* '' */

.nav-icon-reddit-1:before {
  content: '\ec73';
}
/* '' */

.nav-icon-guest:before {
  content: '\ec74';
}
/* '' */

.nav-icon-gowalla:before {
  content: '\ec75';
}
/* '' */

.nav-icon-appstore:before {
  content: '\ec76';
}
/* '' */

.nav-icon-blogger:before {
  content: '\ec77';
}
/* '' */

.nav-icon-cc-2:before {
  content: '\ec78';
}
/* '' */

.nav-icon-dribbble-4:before {
  content: '\ec79';
}
/* '' */

.nav-icon-evernote-1:before {
  content: '\ec7a';
}
/* '' */

.nav-icon-flickr-3:before {
  content: '\ec7b';
}
/* '' */

.nav-icon-google-1:before {
  content: '\ec7c';
}
/* '' */

.nav-icon-viadeo-1:before {
  content: '\ec7d';
}
/* '' */

.nav-icon-instapaper:before {
  content: '\ec7e';
}
/* '' */

.nav-icon-weibo-1:before {
  content: '\ec7f';
}
/* '' */

.nav-icon-klout:before {
  content: '\ec80';
}
/* '' */

.nav-icon-linkedin-4:before {
  content: '\ec81';
}
/* '' */

.nav-icon-meetup-1:before {
  content: '\ec82';
}
/* '' */

.nav-icon-vk:before {
  content: '\ec83';
}
/* '' */

.nav-icon-plancast:before {
  content: '\ec84';
}
/* '' */

.nav-icon-disqus:before {
  content: '\ec85';
}
/* '' */

.nav-icon-rss-5:before {
  content: '\ec86';
}
/* '' */

.nav-icon-skype-3:before {
  content: '\ec87';
}
/* '' */

.nav-icon-twitter-5:before {
  content: '\ec88';
}
/* '' */

.nav-icon-youtube-2:before {
  content: '\ec89';
}
/* '' */

.nav-icon-vimeo-3:before {
  content: '\ec8a';
}
/* '' */

.nav-icon-windows-1:before {
  content: '\ec8b';
}
/* '' */

.nav-icon-xing-1:before {
  content: '\ec8c';
}
/* '' */

.nav-icon-yahoo-1:before {
  content: '\ec8d';
}
/* '' */

.nav-icon-chrome-1:before {
  content: '\ec8e';
}
/* '' */

.nav-icon-email:before {
  content: '\ec8f';
}
/* '' */

.nav-icon-macstore:before {
  content: '\ec90';
}
/* '' */

.nav-icon-myspace:before {
  content: '\ec91';
}
/* '' */

.nav-icon-podcast-1:before {
  content: '\ec92';
}
/* '' */

.nav-icon-amazon-1:before {
  content: '\ec93';
}
/* '' */

.nav-icon-steam-1:before {
  content: '\ec94';
}
/* '' */

.nav-icon-cloudapp:before {
  content: '\ec95';
}
/* '' */

.nav-icon-dropbox-2:before {
  content: '\ec96';
}
/* '' */

.nav-icon-ebay:before {
  content: '\ec97';
}
/* '' */

.nav-icon-facebook-5:before {
  content: '\ec98';
}
/* '' */

.nav-icon-github-4:before {
  content: '\ec99';
}
/* '' */

.nav-icon-github-circled-4:before {
  content: '\ec9a';
}
/* '' */

.nav-icon-googleplay:before {
  content: '\ec9b';
}
/* '' */

.nav-icon-itunes:before {
  content: '\ec9c';
}
/* '' */

.nav-icon-plurk:before {
  content: '\ec9d';
}
/* '' */

.nav-icon-songkick:before {
  content: '\ec9e';
}
/* '' */

.nav-icon-lastfm-3:before {
  content: '\ec9f';
}
/* '' */

.nav-icon-gmail:before {
  content: '\eca0';
}
/* '' */

.nav-icon-pinboard:before {
  content: '\eca1';
}
/* '' */

.nav-icon-openid-1:before {
  content: '\eca2';
}
/* '' */

.nav-icon-quora-1:before {
  content: '\eca3';
}
/* '' */

.nav-icon-soundcloud-3:before {
  content: '\eca4';
}
/* '' */

.nav-icon-tumblr-2:before {
  content: '\eca5';
}
/* '' */

.nav-icon-eventasaurus:before {
  content: '\eca6';
}
/* '' */

.nav-icon-wordpress-1:before {
  content: '\eca7';
}
/* '' */

.nav-icon-yelp-1:before {
  content: '\eca8';
}
/* '' */

.nav-icon-intensedebate:before {
  content: '\eca9';
}
/* '' */

.nav-icon-eventbrite:before {
  content: '\ecaa';
}
/* '' */

.nav-icon-scribd-1:before {
  content: '\ecab';
}
/* '' */

.nav-icon-posterous:before {
  content: '\ecac';
}
/* '' */

.nav-icon-stripe:before {
  content: '\ecad';
}
/* '' */

.nav-icon-opentable:before {
  content: '\ecae';
}
/* '' */

.nav-icon-cart:before {
  content: '\ecaf';
}
/* '' */

.nav-icon-print-5:before {
  content: '\ecb0';
}
/* '' */

.nav-icon-angellist-1:before {
  content: '\ecb1';
}
/* '' */

.nav-icon-instagram-3:before {
  content: '\ecb2';
}
/* '' */

.nav-icon-dwolla:before {
  content: '\ecb3';
}
/* '' */

.nav-icon-appnet:before {
  content: '\ecb4';
}
/* '' */

.nav-icon-statusnet:before {
  content: '\ecb5';
}
/* '' */

.nav-icon-acrobat:before {
  content: '\ecb6';
}
/* '' */

.nav-icon-drupal-1:before {
  content: '\ecb7';
}
/* '' */

.nav-icon-buffer:before {
  content: '\ecb8';
}
/* '' */

.nav-icon-pocket:before {
  content: '\ecb9';
}
/* '' */

.nav-icon-bitbucket-1:before {
  content: '\ecba';
}
/* '' */

.nav-icon-lego:before {
  content: '\ecbb';
}
/* '' */

.nav-icon-login-3:before {
  content: '\ecbc';
}
/* '' */

.nav-icon-stackoverflow-1:before {
  content: '\ecbd';
}
/* '' */

.nav-icon-hackernews:before {
  content: '\ecbe';
}
/* '' */

.nav-icon-lkdto:before {
  content: '\ecbf';
}
/* '' */

.nav-icon-facebook-6:before {
  content: '\ecc0';
}
/* '' */

.nav-icon-facebook-rect-1:before {
  content: '\ecc1';
}
/* '' */

.nav-icon-twitter-6:before {
  content: '\ecc2';
}
/* '' */

.nav-icon-twitter-bird-1:before {
  content: '\ecc3';
}
/* '' */

.nav-icon-vimeo-4:before {
  content: '\ecc4';
}
/* '' */

.nav-icon-vimeo-rect:before {
  content: '\ecc5';
}
/* '' */

.nav-icon-tumblr-rect:before {
  content: '\ecc6';
}
/* '' */

.nav-icon-googleplus-rect:before {
  content: '\ecc7';
}
/* '' */

.nav-icon-github-text:before {
  content: '\ecc8';
}
/* '' */

.nav-icon-github-5:before {
  content: '\ecc9';
}
/* '' */

.nav-icon-icq:before {
  content: '\ecca';
}
/* '' */

.nav-icon-yandex-rect:before {
  content: '\eccb';
}
/* '' */

.nav-icon-vkontakte-rect:before {
  content: '\eccc';
}
/* '' */

.nav-icon-odnoklassniki-1:before {
  content: '\eccd';
}
/* '' */

.nav-icon-odnoklassniki-rect:before {
  content: '\ecce';
}
/* '' */

.nav-icon-friendfeed:before {
  content: '\eccf';
}
/* '' */

.nav-icon-friendfeed-rect:before {
  content: '\ecd0';
}
/* '' */

.nav-icon-blogger-1:before {
  content: '\ecd1';
}
/* '' */

.nav-icon-blogger-rect:before {
  content: '\ecd2';
}
/* '' */

.nav-icon-deviantart-1:before {
  content: '\ecd3';
}
/* '' */

.nav-icon-lastfm-4:before {
  content: '\ecd4';
}
/* '' */

.nav-icon-lastfm-rect:before {
  content: '\ecd5';
}
/* '' */

.nav-icon-linkedin-rect:before {
  content: '\ecd6';
}
/* '' */

.nav-icon-picasa-1:before {
  content: '\ecd7';
}
/* '' */

.nav-icon-instagram-4:before {
  content: '\ecd8';
}
/* '' */

.nav-icon-instagram-filled:before {
  content: '\ecd9';
}
/* '' */

.nav-icon-box-4:before {
  content: '\ecda';
}
/* '' */

.nav-icon-box-rect:before {
  content: '\ecdb';
}
/* '' */

.nav-icon-youku:before {
  content: '\ecdc';
}
/* '' */

.nav-icon-win8:before {
  content: '\ecdd';
}
/* '' */

.nav-icon-discover:before {
  content: '\ecde';
}
/* '' */

.nav-icon-visa:before {
  content: '\ecdf';
}
/* '' */

.nav-icon-houzz-1:before {
  content: '\ece0';
}
/* '' */

.nav-icon-glass-1:before {
  content: '\ece1';
}
/* '' */

.nav-icon-music-3:before {
  content: '\ece2';
}
/* '' */

.nav-icon-search-6:before {
  content: '\ece3';
}
/* '' */

.nav-icon-search-circled:before {
  content: '\ece4';
}
/* '' */

.nav-icon-mail-6:before {
  content: '\ece5';
}
/* '' */

.nav-icon-mail-circled:before {
  content: '\ece6';
}
/* '' */

.nav-icon-heart-6:before {
  content: '\ece7';
}
/* '' */

.nav-icon-heart-circled:before {
  content: '\ece8';
}
/* '' */

.nav-icon-heart-empty-3:before {
  content: '\ece9';
}
/* '' */

.nav-icon-star-6:before {
  content: '\ecea';
}
/* '' */

.nav-icon-star-circled:before {
  content: '\eceb';
}
/* '' */

.nav-icon-star-empty-3:before {
  content: '\ecec';
}
/* '' */

.nav-icon-user-6:before {
  content: '\eced';
}
/* '' */

.nav-icon-group:before {
  content: '\ecee';
}
/* '' */

.nav-icon-group-circled:before {
  content: '\ecef';
}
/* '' */

.nav-icon-torso:before {
  content: '\ecf0';
}
/* '' */

.nav-icon-video-4:before {
  content: '\ecf1';
}
/* '' */

.nav-icon-video-circled:before {
  content: '\ecf2';
}
/* '' */

.nav-icon-video-alt-1:before {
  content: '\ecf3';
}
/* '' */

.nav-icon-videocam-4:before {
  content: '\ecf4';
}
/* '' */

.nav-icon-video-chat:before {
  content: '\ecf5';
}
/* '' */

.nav-icon-picture-4:before {
  content: '\ecf6';
}
/* '' */

.nav-icon-camera-6:before {
  content: '\ecf7';
}
/* '' */

.nav-icon-photo:before {
  content: '\ecf8';
}
/* '' */

.nav-icon-photo-circled:before {
  content: '\ecf9';
}
/* '' */

.nav-icon-th-large-2:before {
  content: '\ecfa';
}
/* '' */

.nav-icon-th-3:before {
  content: '\ecfb';
}
/* '' */

.nav-icon-th-list-4:before {
  content: '\ecfc';
}
/* '' */

.nav-icon-view-mode:before {
  content: '\ecfd';
}
/* '' */

.nav-icon-ok-5:before {
  content: '\ecfe';
}
/* '' */

.nav-icon-ok-circled-2:before {
  content: '\ecff';
}
/* '' */

.nav-icon-ok-circled2-1:before {
  content: '\ed00';
}
/* '' */

.nav-icon-cancel-6:before {
  content: '\ed01';
}
/* '' */

.nav-icon-cancel-circled-4:before {
  content: '\ed02';
}
/* '' */

.nav-icon-cancel-circled2-1:before {
  content: '\ed03';
}
/* '' */

.nav-icon-plus-6:before {
  content: '\ed04';
}
/* '' */

.nav-icon-plus-circled-2:before {
  content: '\ed05';
}
/* '' */

.nav-icon-minus-4:before {
  content: '\ed06';
}
/* '' */

.nav-icon-minus-circled-2:before {
  content: '\ed07';
}
/* '' */

.nav-icon-help-4:before {
  content: '\ed08';
}
/* '' */

.nav-icon-help-circled-3:before {
  content: '\ed09';
}
/* '' */

.nav-icon-info-circled-3:before {
  content: '\ed0a';
}
/* '' */

.nav-icon-home-6:before {
  content: '\ed0b';
}
/* '' */

.nav-icon-home-circled:before {
  content: '\ed0c';
}
/* '' */

.nav-icon-website:before {
  content: '\ed0d';
}
/* '' */

.nav-icon-website-circled:before {
  content: '\ed0e';
}
/* '' */

.nav-icon-attach-5:before {
  content: '\ed0f';
}
/* '' */

.nav-icon-attach-circled:before {
  content: '\ed10';
}
/* '' */

.nav-icon-lock-6:before {
  content: '\ed11';
}
/* '' */

.nav-icon-lock-circled:before {
  content: '\ed12';
}
/* '' */

.nav-icon-lock-open-6:before {
  content: '\ed13';
}
/* '' */

.nav-icon-lock-open-alt-2:before {
  content: '\ed14';
}
/* '' */

.nav-icon-eye-6:before {
  content: '\ed15';
}
/* '' */

.nav-icon-eye-off-1:before {
  content: '\ed16';
}
/* '' */

.nav-icon-tag-5:before {
  content: '\ed17';
}
/* '' */

.nav-icon-tags-2:before {
  content: '\ed18';
}
/* '' */

.nav-icon-bookmark-3:before {
  content: '\ed19';
}
/* '' */

.nav-icon-bookmark-empty-1:before {
  content: '\ed1a';
}
/* '' */

.nav-icon-flag-3:before {
  content: '\ed1b';
}
/* '' */

.nav-icon-flag-circled:before {
  content: '\ed1c';
}
/* '' */

.nav-icon-thumbs-up-4:before {
  content: '\ed1d';
}
/* '' */

.nav-icon-thumbs-down-4:before {
  content: '\ed1e';
}
/* '' */

.nav-icon-download-6:before {
  content: '\ed1f';
}
/* '' */

.nav-icon-download-alt:before {
  content: '\ed20';
}
/* '' */

.nav-icon-upload-5:before {
  content: '\ed21';
}
/* '' */

.nav-icon-share-3:before {
  content: '\ed22';
}
/* '' */

.nav-icon-quote-1:before {
  content: '\ed23';
}
/* '' */

.nav-icon-quote-circled:before {
  content: '\ed24';
}
/* '' */

.nav-icon-export-5:before {
  content: '\ed25';
}
/* '' */

.nav-icon-pencil-6:before {
  content: '\ed26';
}
/* '' */

.nav-icon-pencil-circled:before {
  content: '\ed27';
}
/* '' */

.nav-icon-edit-3:before {
  content: '\ed28';
}
/* '' */

.nav-icon-edit-circled:before {
  content: '\ed29';
}
/* '' */

.nav-icon-edit-alt:before {
  content: '\ed2a';
}
/* '' */

.nav-icon-print-6:before {
  content: '\ed2b';
}
/* '' */

.nav-icon-retweet-3:before {
  content: '\ed2c';
}
/* '' */

.nav-icon-comment-5:before {
  content: '\ed2d';
}
/* '' */

.nav-icon-comment-alt-1:before {
  content: '\ed2e';
}
/* '' */

.nav-icon-bell-5:before {
  content: '\ed2f';
}
/* '' */

.nav-icon-warning-1:before {
  content: '\ed30';
}
/* '' */

.nav-icon-exclamation:before {
  content: '\ed31';
}
/* '' */

.nav-icon-error:before {
  content: '\ed32';
}
/* '' */

.nav-icon-error-alt:before {
  content: '\ed33';
}
/* '' */

.nav-icon-location-6:before {
  content: '\ed34';
}
/* '' */

.nav-icon-location-circled:before {
  content: '\ed35';
}
/* '' */

.nav-icon-compass-5:before {
  content: '\ed36';
}
/* '' */

.nav-icon-compass-circled:before {
  content: '\ed37';
}
/* '' */

.nav-icon-trash-7:before {
  content: '\ed38';
}
/* '' */

.nav-icon-trash-circled:before {
  content: '\ed39';
}
/* '' */

.nav-icon-doc-6:before {
  content: '\ed3a';
}
/* '' */

.nav-icon-doc-circled:before {
  content: '\ed3b';
}
/* '' */

.nav-icon-doc-new:before {
  content: '\ed3c';
}
/* '' */

.nav-icon-doc-new-circled:before {
  content: '\ed3d';
}
/* '' */

.nav-icon-folder-5:before {
  content: '\ed3e';
}
/* '' */

.nav-icon-folder-circled:before {
  content: '\ed3f';
}
/* '' */

.nav-icon-folder-close:before {
  content: '\ed40';
}
/* '' */

.nav-icon-folder-open-2:before {
  content: '\ed41';
}
/* '' */

.nav-icon-rss-6:before {
  content: '\ed42';
}
/* '' */

.nav-icon-phone-3:before {
  content: '\ed43';
}
/* '' */

.nav-icon-phone-circled:before {
  content: '\ed44';
}
/* '' */

.nav-icon-cog-5:before {
  content: '\ed45';
}
/* '' */

.nav-icon-cog-circled:before {
  content: '\ed46';
}
/* '' */

.nav-icon-cogs:before {
  content: '\ed47';
}
/* '' */

.nav-icon-wrench-4:before {
  content: '\ed48';
}
/* '' */

.nav-icon-wrench-circled:before {
  content: '\ed49';
}
/* '' */

.nav-icon-basket-4:before {
  content: '\ed4a';
}
/* '' */

.nav-icon-basket-circled:before {
  content: '\ed4b';
}
/* '' */

.nav-icon-calendar-7:before {
  content: '\ed4c';
}
/* '' */

.nav-icon-calendar-circled:before {
  content: '\ed4d';
}
/* '' */

.nav-icon-mic-5:before {
  content: '\ed4e';
}
/* '' */

.nav-icon-mic-circled:before {
  content: '\ed4f';
}
/* '' */

.nav-icon-volume-off-4:before {
  content: '\ed50';
}
/* '' */

.nav-icon-volume-down-2:before {
  content: '\ed51';
}
/* '' */

.nav-icon-volume-1:before {
  content: '\ed52';
}
/* '' */

.nav-icon-volume-up-3:before {
  content: '\ed53';
}
/* '' */

.nav-icon-headphones-3:before {
  content: '\ed54';
}
/* '' */

.nav-icon-clock-6:before {
  content: '\ed55';
}
/* '' */

.nav-icon-clock-circled:before {
  content: '\ed56';
}
/* '' */

.nav-icon-lightbulb-2:before {
  content: '\ed57';
}
/* '' */

.nav-icon-lightbulb-alt:before {
  content: '\ed58';
}
/* '' */

.nav-icon-block-4:before {
  content: '\ed59';
}
/* '' */

.nav-icon-resize-full-5:before {
  content: '\ed5a';
}
/* '' */

.nav-icon-resize-full-alt-2:before {
  content: '\ed5b';
}
/* '' */

.nav-icon-resize-small-4:before {
  content: '\ed5c';
}
/* '' */

.nav-icon-resize-vertical-2:before {
  content: '\ed5d';
}
/* '' */

.nav-icon-resize-horizontal-2:before {
  content: '\ed5e';
}
/* '' */

.nav-icon-move-3:before {
  content: '\ed5f';
}
/* '' */

.nav-icon-zoom-in-4:before {
  content: '\ed60';
}
/* '' */

.nav-icon-zoom-out-4:before {
  content: '\ed61';
}
/* '' */

.nav-icon-down-open-3:before {
  content: '\ed62';
}
/* '' */

.nav-icon-left-open-4:before {
  content: '\ed63';
}
/* '' */

.nav-icon-right-open-4:before {
  content: '\ed64';
}
/* '' */

.nav-icon-up-open-3:before {
  content: '\ed65';
}
/* '' */

.nav-icon-down-6:before {
  content: '\ed66';
}
/* '' */

.nav-icon-left-5:before {
  content: '\ed67';
}
/* '' */

.nav-icon-right-5:before {
  content: '\ed68';
}
/* '' */

.nav-icon-up-6:before {
  content: '\ed69';
}
/* '' */

.nav-icon-down-circled-2:before {
  content: '\ed6a';
}
/* '' */

.nav-icon-left-circled-2:before {
  content: '\ed6b';
}
/* '' */

.nav-icon-right-circled-2:before {
  content: '\ed6c';
}
/* '' */

.nav-icon-up-circled-2:before {
  content: '\ed6d';
}
/* '' */

.nav-icon-down-hand-1:before {
  content: '\ed6e';
}
/* '' */

.nav-icon-left-hand-1:before {
  content: '\ed6f';
}
/* '' */

.nav-icon-right-hand-1:before {
  content: '\ed70';
}
/* '' */

.nav-icon-up-hand-1:before {
  content: '\ed71';
}
/* '' */

.nav-icon-cw-5:before {
  content: '\ed72';
}
/* '' */

.nav-icon-cw-circled:before {
  content: '\ed73';
}
/* '' */

.nav-icon-arrows-cw-2:before {
  content: '\ed74';
}
/* '' */

.nav-icon-shuffle-4:before {
  content: '\ed75';
}
/* '' */

.nav-icon-play-5:before {
  content: '\ed76';
}
/* '' */

.nav-icon-play-circled-1:before {
  content: '\ed77';
}
/* '' */

.nav-icon-play-circled2-1:before {
  content: '\ed78';
}
/* '' */

.nav-icon-stop-6:before {
  content: '\ed79';
}
/* '' */

.nav-icon-stop-circled:before {
  content: '\ed7a';
}
/* '' */

.nav-icon-pause-5:before {
  content: '\ed7b';
}
/* '' */

.nav-icon-pause-circled:before {
  content: '\ed7c';
}
/* '' */

.nav-icon-record-2:before {
  content: '\ed7d';
}
/* '' */

.nav-icon-eject-3:before {
  content: '\ed7e';
}
/* '' */

.nav-icon-backward:before {
  content: '\ed7f';
}
/* '' */

.nav-icon-backward-circled:before {
  content: '\ed80';
}
/* '' */

.nav-icon-fast-backward-2:before {
  content: '\ed81';
}
/* '' */

.nav-icon-fast-forward-2:before {
  content: '\ed82';
}
/* '' */

.nav-icon-forward-3:before {
  content: '\ed83';
}
/* '' */

.nav-icon-forward-circled:before {
  content: '\ed84';
}
/* '' */

.nav-icon-step-backward:before {
  content: '\ed85';
}
/* '' */

.nav-icon-step-forward:before {
  content: '\ed86';
}
/* '' */

.nav-icon-target-4:before {
  content: '\ed87';
}
/* '' */

.nav-icon-signal-4:before {
  content: '\ed88';
}
/* '' */

.nav-icon-desktop-2:before {
  content: '\ed89';
}
/* '' */

.nav-icon-desktop-circled:before {
  content: '\ed8a';
}
/* '' */

.nav-icon-laptop-2:before {
  content: '\ed8b';
}
/* '' */

.nav-icon-laptop-circled:before {
  content: '\ed8c';
}
/* '' */

.nav-icon-network-1:before {
  content: '\ed8d';
}
/* '' */

.nav-icon-inbox-3:before {
  content: '\ed8e';
}
/* '' */

.nav-icon-inbox-circled:before {
  content: '\ed8f';
}
/* '' */

.nav-icon-inbox-alt:before {
  content: '\ed90';
}
/* '' */

.nav-icon-globe-5:before {
  content: '\ed91';
}
/* '' */

.nav-icon-globe-alt-1:before {
  content: '\ed92';
}
/* '' */

.nav-icon-cloud-6:before {
  content: '\ed93';
}
/* '' */

.nav-icon-cloud-circled:before {
  content: '\ed94';
}
/* '' */

.nav-icon-flight-2:before {
  content: '\ed95';
}
/* '' */

.nav-icon-leaf-3:before {
  content: '\ed96';
}
/* '' */

.nav-icon-font-1:before {
  content: '\ed97';
}
/* '' */

.nav-icon-fontsize-1:before {
  content: '\ed98';
}
/* '' */

.nav-icon-bold-1:before {
  content: '\ed99';
}
/* '' */

.nav-icon-italic-1:before {
  content: '\ed9a';
}
/* '' */

.nav-icon-text-height-1:before {
  content: '\ed9b';
}
/* '' */

.nav-icon-text-width-1:before {
  content: '\ed9c';
}
/* '' */

.nav-icon-align-left-1:before {
  content: '\ed9d';
}
/* '' */

.nav-icon-align-center-1:before {
  content: '\ed9e';
}
/* '' */

.nav-icon-align-right-1:before {
  content: '\ed9f';
}
/* '' */

.nav-icon-align-justify-1:before {
  content: '\eda0';
}
/* '' */

.nav-icon-list-3:before {
  content: '\eda1';
}
/* '' */

.nav-icon-indent-left-1:before {
  content: '\eda2';
}
/* '' */

.nav-icon-indent-right-1:before {
  content: '\eda3';
}
/* '' */

.nav-icon-briefcase-3:before {
  content: '\eda4';
}
/* '' */

.nav-icon-off-1:before {
  content: '\eda5';
}
/* '' */

.nav-icon-road-1:before {
  content: '\eda6';
}
/* '' */

.nav-icon-qrcode-1:before {
  content: '\eda7';
}
/* '' */

.nav-icon-barcode-1:before {
  content: '\eda8';
}
/* '' */

.nav-icon-braille-1:before {
  content: '\eda9';
}
/* '' */

.nav-icon-book-4:before {
  content: '\edaa';
}
/* '' */

.nav-icon-adjust-2:before {
  content: '\edab';
}
/* '' */

.nav-icon-tint-1:before {
  content: '\edac';
}
/* '' */

.nav-icon-check-3:before {
  content: '\edad';
}
/* '' */

.nav-icon-check-empty-1:before {
  content: '\edae';
}
/* '' */

.nav-icon-asterisk-1:before {
  content: '\edaf';
}
/* '' */

.nav-icon-gift-2:before {
  content: '\edb0';
}
/* '' */

.nav-icon-fire-2:before {
  content: '\edb1';
}
/* '' */

.nav-icon-magnet-2:before {
  content: '\edb2';
}
/* '' */

.nav-icon-chart-2:before {
  content: '\edb3';
}
/* '' */

.nav-icon-chart-circled:before {
  content: '\edb4';
}
/* '' */

.nav-icon-credit-card-4:before {
  content: '\edb5';
}
/* '' */

.nav-icon-megaphone-2:before {
  content: '\edb6';
}
/* '' */

.nav-icon-clipboard-2:before {
  content: '\edb7';
}
/* '' */

.nav-icon-hdd-2:before {
  content: '\edb8';
}
/* '' */

.nav-icon-key-4:before {
  content: '\edb9';
}
/* '' */

.nav-icon-certificate-2:before {
  content: '\edba';
}
/* '' */

.nav-icon-tasks-1:before {
  content: '\edbb';
}
/* '' */

.nav-icon-filter-1:before {
  content: '\edbc';
}
/* '' */

.nav-icon-gauge-2:before {
  content: '\edbd';
}
/* '' */

.nav-icon-smiley:before {
  content: '\edbe';
}
/* '' */

.nav-icon-smiley-circled:before {
  content: '\edbf';
}
/* '' */

.nav-icon-address-book-1:before {
  content: '\edc0';
}
/* '' */

.nav-icon-address-book-alt:before {
  content: '\edc1';
}
/* '' */

.nav-icon-asl:before {
  content: '\edc2';
}
/* '' */

.nav-icon-glasses:before {
  content: '\edc3';
}
/* '' */

.nav-icon-hearing-impaired:before {
  content: '\edc4';
}
/* '' */

.nav-icon-iphone-home:before {
  content: '\edc5';
}
/* '' */

.nav-icon-person:before {
  content: '\edc6';
}
/* '' */

.nav-icon-adult:before {
  content: '\edc7';
}
/* '' */

.nav-icon-child-1:before {
  content: '\edc8';
}
/* '' */

.nav-icon-blind-1:before {
  content: '\edc9';
}
/* '' */

.nav-icon-guidedog:before {
  content: '\edca';
}
/* '' */

.nav-icon-accessibility:before {
  content: '\edcb';
}
/* '' */

.nav-icon-universal-access-1:before {
  content: '\edcc';
}
/* '' */

.nav-icon-male-2:before {
  content: '\edcd';
}
/* '' */

.nav-icon-female-2:before {
  content: '\edce';
}
/* '' */

.nav-icon-behance-2:before {
  content: '\edcf';
}
/* '' */

.nav-icon-blogger-2:before {
  content: '\edd0';
}
/* '' */

.nav-icon-cc-3:before {
  content: '\edd1';
}
/* '' */

.nav-icon-css:before {
  content: '\edd2';
}
/* '' */

.nav-icon-delicious-2:before {
  content: '\edd3';
}
/* '' */

.nav-icon-deviantart-2:before {
  content: '\edd4';
}
/* '' */

.nav-icon-digg-2:before {
  content: '\edd5';
}
/* '' */

.nav-icon-dribbble-5:before {
  content: '\edd6';
}
/* '' */

.nav-icon-facebook-7:before {
  content: '\edd7';
}
/* '' */

.nav-icon-flickr-4:before {
  content: '\edd8';
}
/* '' */

.nav-icon-foursquare-2:before {
  content: '\edd9';
}
/* '' */

.nav-icon-friendfeed-1:before {
  content: '\edda';
}
/* '' */

.nav-icon-friendfeed-rect-1:before {
  content: '\eddb';
}
/* '' */

.nav-icon-github-6:before {
  content: '\eddc';
}
/* '' */

.nav-icon-github-text-1:before {
  content: '\eddd';
}
/* '' */

.nav-icon-googleplus:before {
  content: '\edde';
}
/* '' */

.nav-icon-instagram-5:before {
  content: '\eddf';
}
/* '' */

.nav-icon-linkedin-6:before {
  content: '\ede0';
}
/* '' */

.nav-icon-path:before {
  content: '\ede1';
}
/* '' */

.nav-icon-picasa-2:before {
  content: '\ede2';
}
/* '' */

.nav-icon-pinterest-4:before {
  content: '\ede3';
}
/* '' */

.nav-icon-reddit-2:before {
  content: '\ede4';
}
/* '' */

.nav-icon-skype-5:before {
  content: '\ede5';
}
/* '' */

.nav-icon-slideshare-1:before {
  content: '\ede6';
}
/* '' */

.nav-icon-stackoverflow-2:before {
  content: '\ede7';
}
/* '' */

.nav-icon-stumbleupon-3:before {
  content: '\ede8';
}
/* '' */

.nav-icon-twitter-7:before {
  content: '\ede9';
}
/* '' */

.nav-icon-tumblr-4:before {
  content: '\edea';
}
/* '' */

.nav-icon-vimeo-5:before {
  content: '\edeb';
}
/* '' */

.nav-icon-vkontakte-2:before {
  content: '\edec';
}
/* '' */

.nav-icon-w3c-1:before {
  content: '\eded';
}
/* '' */

.nav-icon-wordpress-3:before {
  content: '\edee';
}
/* '' */

.nav-icon-youtube-3:before {
  content: '\edef';
}
/* '' */

.nav-icon-music-4:before {
  content: '\edf0';
}
/* '' */

.nav-icon-search-7:before {
  content: '\edf1';
}
/* '' */

.nav-icon-mail-7:before {
  content: '\edf2';
}
/* '' */

.nav-icon-heart-7:before {
  content: '\edf3';
}
/* '' */

.nav-icon-star-7:before {
  content: '\edf4';
}
/* '' */

.nav-icon-user-7:before {
  content: '\edf5';
}
/* '' */

.nav-icon-videocam-5:before {
  content: '\edf6';
}
/* '' */

.nav-icon-camera-7:before {
  content: '\edf7';
}
/* '' */

.nav-icon-photo-1:before {
  content: '\edf8';
}
/* '' */

.nav-icon-attach-6:before {
  content: '\edf9';
}
/* '' */

.nav-icon-lock-7:before {
  content: '\edfa';
}
/* '' */

.nav-icon-eye-7:before {
  content: '\edfb';
}
/* '' */

.nav-icon-tag-6:before {
  content: '\edfc';
}
/* '' */

.nav-icon-thumbs-up-5:before {
  content: '\edfd';
}
/* '' */

.nav-icon-pencil-7:before {
  content: '\edfe';
}
/* '' */

.nav-icon-comment-6:before {
  content: '\edff';
}
/* '' */

.nav-icon-location-7:before {
  content: '\ee00';
}
/* '' */

.nav-icon-cup-1:before {
  content: '\ee01';
}
/* '' */

.nav-icon-trash-8:before {
  content: '\ee02';
}
/* '' */

.nav-icon-doc-7:before {
  content: '\ee03';
}
/* '' */

.nav-icon-note-1:before {
  content: '\ee04';
}
/* '' */

.nav-icon-cog-6:before {
  content: '\ee05';
}
/* '' */

.nav-icon-params:before {
  content: '\ee06';
}
/* '' */

.nav-icon-calendar-8:before {
  content: '\ee07';
}
/* '' */

.nav-icon-sound-1:before {
  content: '\ee08';
}
/* '' */

.nav-icon-clock-7:before {
  content: '\ee09';
}
/* '' */

.nav-icon-lightbulb-3:before {
  content: '\ee0a';
}
/* '' */

.nav-icon-tv:before {
  content: '\ee0b';
}
/* '' */

.nav-icon-desktop-3:before {
  content: '\ee0c';
}
/* '' */

.nav-icon-mobile-6:before {
  content: '\ee0d';
}
/* '' */

.nav-icon-cd-3:before {
  content: '\ee0e';
}
/* '' */

.nav-icon-inbox-4:before {
  content: '\ee0f';
}
/* '' */

.nav-icon-globe-6:before {
  content: '\ee10';
}
/* '' */

.nav-icon-cloud-7:before {
  content: '\ee11';
}
/* '' */

.nav-icon-paper-plane-3:before {
  content: '\ee12';
}
/* '' */

.nav-icon-fire-3:before {
  content: '\ee13';
}
/* '' */

.nav-icon-graduation-cap-2:before {
  content: '\ee14';
}
/* '' */

.nav-icon-megaphone-3:before {
  content: '\ee15';
}
/* '' */

.nav-icon-database-3:before {
  content: '\ee16';
}
/* '' */

.nav-icon-key-5:before {
  content: '\ee17';
}
/* '' */

.nav-icon-beaker-1:before {
  content: '\ee18';
}
/* '' */

.nav-icon-truck-1:before {
  content: '\ee19';
}
/* '' */

.nav-icon-money-2:before {
  content: '\ee1a';
}
/* '' */

.nav-icon-food-1:before {
  content: '\ee1b';
}
/* '' */

.nav-icon-shop-1:before {
  content: '\ee1c';
}
/* '' */

.nav-icon-diamond-1:before {
  content: '\ee1d';
}
/* '' */

.nav-icon-t-shirt:before {
  content: '\ee1e';
}
/* '' */

.nav-icon-wallet:before {
  content: '\ee1f';
}
/* '' */

.nav-icon-search-8:before {
  content: '\ee20';
}
/* '' */

.nav-icon-mail-8:before {
  content: '\ee21';
}
/* '' */

.nav-icon-heart-8:before {
  content: '\ee22';
}
/* '' */

.nav-icon-heart-empty-4:before {
  content: '\ee23';
}
/* '' */

.nav-icon-star-8:before {
  content: '\ee24';
}
/* '' */

.nav-icon-user-8:before {
  content: '\ee25';
}
/* '' */

.nav-icon-video-5:before {
  content: '\ee26';
}
/* '' */

.nav-icon-picture-5:before {
  content: '\ee27';
}
/* '' */

.nav-icon-th-large-3:before {
  content: '\ee28';
}
/* '' */

.nav-icon-th-4:before {
  content: '\ee29';
}
/* '' */

.nav-icon-th-list-5:before {
  content: '\ee2a';
}
/* '' */

.nav-icon-ok-6:before {
  content: '\ee2b';
}
/* '' */

.nav-icon-ok-circle-1:before {
  content: '\ee2c';
}
/* '' */

.nav-icon-cancel-7:before {
  content: '\ee2d';
}
/* '' */

.nav-icon-cancel-circle-2:before {
  content: '\ee2e';
}
/* '' */

.nav-icon-plus-circle-2:before {
  content: '\ee2f';
}
/* '' */

.nav-icon-minus-circle-1:before {
  content: '\ee30';
}
/* '' */

.nav-icon-link-5:before {
  content: '\ee31';
}
/* '' */

.nav-icon-attach-7:before {
  content: '\ee32';
}
/* '' */

.nav-icon-lock-8:before {
  content: '\ee33';
}
/* '' */

.nav-icon-lock-open-7:before {
  content: '\ee34';
}
/* '' */

.nav-icon-tag-7:before {
  content: '\ee35';
}
/* '' */

.nav-icon-reply-4:before {
  content: '\ee36';
}
/* '' */

.nav-icon-reply-all-2:before {
  content: '\ee37';
}
/* '' */

.nav-icon-forward-4:before {
  content: '\ee38';
}
/* '' */

.nav-icon-code-3:before {
  content: '\ee39';
}
/* '' */

.nav-icon-retweet-4:before {
  content: '\ee3a';
}
/* '' */

.nav-icon-comment-7:before {
  content: '\ee3b';
}
/* '' */

.nav-icon-comment-alt-2:before {
  content: '\ee3c';
}
/* '' */

.nav-icon-chat-7:before {
  content: '\ee3d';
}
/* '' */

.nav-icon-attention-5:before {
  content: '\ee3e';
}
/* '' */

.nav-icon-location-8:before {
  content: '\ee3f';
}
/* '' */

.nav-icon-doc-8:before {
  content: '\ee40';
}
/* '' */

.nav-icon-docs-landscape:before {
  content: '\ee41';
}
/* '' */

.nav-icon-folder-6:before {
  content: '\ee42';
}
/* '' */

.nav-icon-archive-2:before {
  content: '\ee43';
}
/* '' */

.nav-icon-rss-7:before {
  content: '\ee44';
}
/* '' */

.nav-icon-rss-alt-1:before {
  content: '\ee45';
}
/* '' */

.nav-icon-cog-7:before {
  content: '\ee46';
}
/* '' */

.nav-icon-logout-3:before {
  content: '\ee47';
}
/* '' */

.nav-icon-clock-8:before {
  content: '\ee48';
}
/* '' */

.nav-icon-block-5:before {
  content: '\ee49';
}
/* '' */

.nav-icon-resize-full-6:before {
  content: '\ee4a';
}
/* '' */

.nav-icon-resize-full-circle:before {
  content: '\ee4b';
}
/* '' */

.nav-icon-popup-5:before {
  content: '\ee4c';
}
/* '' */

.nav-icon-left-open-5:before {
  content: '\ee4d';
}
/* '' */

.nav-icon-right-open-5:before {
  content: '\ee4e';
}
/* '' */

.nav-icon-down-circle-1:before {
  content: '\ee4f';
}
/* '' */

.nav-icon-left-circle-1:before {
  content: '\ee50';
}
/* '' */

.nav-icon-right-circle-1:before {
  content: '\ee51';
}
/* '' */

.nav-icon-up-circle-1:before {
  content: '\ee52';
}
/* '' */

.nav-icon-down-dir-3:before {
  content: '\ee53';
}
/* '' */

.nav-icon-right-dir-3:before {
  content: '\ee54';
}
/* '' */

.nav-icon-down-micro:before {
  content: '\ee55';
}
/* '' */

.nav-icon-up-micro:before {
  content: '\ee56';
}
/* '' */

.nav-icon-cw-circle:before {
  content: '\ee57';
}
/* '' */

.nav-icon-arrows-cw-3:before {
  content: '\ee58';
}
/* '' */

.nav-icon-updown-circle:before {
  content: '\ee59';
}
/* '' */

.nav-icon-target-5:before {
  content: '\ee5a';
}
/* '' */

.nav-icon-signal-5:before {
  content: '\ee5b';
}
/* '' */

.nav-icon-progress-4:before {
  content: '\ee5c';
}
/* '' */

.nav-icon-progress-5:before {
  content: '\ee5d';
}
/* '' */

.nav-icon-progress-6:before {
  content: '\ee5e';
}
/* '' */

.nav-icon-progress-7:before {
  content: '\ee5f';
}
/* '' */

.nav-icon-progress-8:before {
  content: '\ee60';
}
/* '' */

.nav-icon-progress-9:before {
  content: '\ee61';
}
/* '' */

.nav-icon-progress-10:before {
  content: '\ee62';
}
/* '' */

.nav-icon-progress-11:before {
  content: '\ee63';
}
/* '' */

.nav-icon-font-2:before {
  content: '\ee64';
}
/* '' */

.nav-icon-list-4:before {
  content: '\ee65';
}
/* '' */

.nav-icon-list-numbered-1:before {
  content: '\ee66';
}
/* '' */

.nav-icon-indent-left-2:before {
  content: '\ee67';
}
/* '' */

.nav-icon-indent-right-2:before {
  content: '\ee68';
}
/* '' */

.nav-icon-cloud-8:before {
  content: '\ee69';
}
/* '' */

.nav-icon-terminal-1:before {
  content: '\ee6a';
}
/* '' */

.nav-icon-facebook-rect-2:before {
  content: '\ee6b';
}
/* '' */

.nav-icon-twitter-bird-2:before {
  content: '\ee6c';
}
/* '' */

.nav-icon-vimeo-rect-1:before {
  content: '\ee6d';
}
/* '' */

.nav-icon-tumblr-rect-1:before {
  content: '\ee6e';
}
/* '' */

.nav-icon-googleplus-rect-1:before {
  content: '\ee6f';
}
/* '' */

.nav-icon-linkedin-rect-1:before {
  content: '\ee70';
}
/* '' */

.nav-icon-skype-6:before {
  content: '\ee71';
}
/* '' */

.nav-icon-vkontakte-rect-1:before {
  content: '\ee72';
}
/* '' */

.nav-icon-youtube-4:before {
  content: '\ee73';
}
/* '' */

.nav-icon-odnoklassniki-rect-1:before {
  content: '\ee74';
}
/* '' */

.nav-icon-menu:before {
  content: '\f001';
}
/* '' */

.nav-icon-info:before {
  content: '\f002';
}
/* '' */

.nav-icon-help:before {
  content: '\f003';
}
/* '' */

.nav-icon-chat:before {
  content: '\f004';
}
/* '' */

.nav-icon-plus-circle:before {
  content: '\f005';
}
/* '' */

.nav-icon-contact:before {
  content: '\f006';
}
/* '' */

.nav-icon-fundraising:before {
  content: '\f007';
}
/* '' */

.nav-icon-event:before {
  content: '\f008';
}
/* '' */

.nav-icon-import:before {
  content: '\f009';
}
/* '' */

.nav-icon-th-thumb:before {
  content: '\f00a';
}
/* '' */

.nav-icon-th-thumb-empty:before {
  content: '\f00b';
}
/* '' */

.nav-icon-coverflow:before {
  content: '\f00c';
}
/* '' */

.nav-icon-coverflow-empty:before {
  content: '\f00d';
}
/* '' */

.nav-icon-pause-4:before {
  content: '\f00e';
}
/* '' */

.nav-icon-play-4:before {
  content: '\f00f';
}
/* '' */

.nav-icon-reports:before {
  content: '\f010';
}
/* '' */

.nav-icon-dataset:before {
  content: '\f011';
}
/* '' */

.nav-icon-financial:before {
  content: '\f012';
}
/* '' */

.nav-icon-membership:before {
  content: '\f013';
}
/* '' */

.nav-icon-recent:before {
  content: '\f014';
}
/* '' */

.nav-icon-pages:before {
  content: '\f015';
}
/* '' */

.nav-icon-dashboard:before {
  content: '\f016';
}
/* '' */

.nav-icon-communication:before {
  content: '\f017';
}
/* '' */

.nav-icon-close:before {
  content: '\f018';
}
/* '' */

.nav-icon-more:before {
  content: '\f019';
}
/* '' */

.nav-icon-math:before {
  content: '\f01a';
}
/* '' */

.nav-icon-math-circled-empty:before {
  content: '\f01b';
}
/* '' */

.nav-icon-math-circled:before {
  content: '\f01c';
}
/* '' */

.nav-icon-paper-plane-2:before {
  content: '\f01d';
}
/* '' */

.nav-icon-paper-plane-alt2:before {
  content: '\f01e';
}
/* '' */

.nav-icon-paper-plane-alt:before {
  content: '\f01f';
}
/* '' */

.nav-icon-mentormentee:before {
  content: '\f020';
}
/* '' */

.nav-icon-marketing:before {
  content: '\f021';
}
/* '' */

.nav-icon-chapter:before {
  content: '\f022';
}
/* '' */

.nav-icon-meal:before {
  content: '\f023';
}
/* '' */

.nav-icon-star-half_empty:before {
  content: '\f024';
}
/* '' */

.nav-icon-ccw-2:before {
  content: '\f025';
}
/* '' */

.nav-icon-heart-broken:before {
  content: '\f028';
}
/* '' */

.nav-icon-hash-1:before {
  content: '\f029';
}
/* '' */

.nav-icon-reply-3:before {
  content: '\f02a';
}
/* '' */

.nav-icon-retweet-2:before {
  content: '\f02b';
}
/* '' */

.nav-icon-login-2:before {
  content: '\f02c';
}
/* '' */

.nav-icon-logout-2:before {
  content: '\f02d';
}
/* '' */

.nav-icon-download-5:before {
  content: '\f02e';
}
/* '' */

.nav-icon-upload-4:before {
  content: '\f02f';
}
/* '' */

.nav-icon-location-5:before {
  content: '\f031';
}
/* '' */

.nav-icon-monitor-1:before {
  content: '\f032';
}
/* '' */

.nav-icon-tablet-3:before {
  content: '\f033';
}
/* '' */

.nav-icon-mobile-5:before {
  content: '\f034';
}
/* '' */

.nav-icon-connected-object:before {
  content: '\f035';
}
/* '' */

.nav-icon-isight:before {
  content: '\f039';
}
/* '' */

.nav-icon-videocam-3:before {
  content: '\f03a';
}
/* '' */

.nav-icon-shuffle-3:before {
  content: '\f03b';
}
/* '' */

.nav-icon-chat-6:before {
  content: '\f03d';
}
/* '' */

.nav-icon-bell-4:before {
  content: '\f03f';
}
/* '' */

.nav-icon-movie:before {
  content: '\f040';
}
/* '' */

.nav-icon-ruler:before {
  content: '\f044';
}
/* '' */

.nav-icon-vector:before {
  content: '\f045';
}
/* '' */

.nav-icon-move:before {
  content: '\f047';
}
/* '' */

.nav-icon-mic-4:before {
  content: '\f048';
}
/* '' */

.nav-icon-doc-5:before {
  content: '\f04a';
}
/* '' */

.nav-icon-dribbble-circled-2:before {
  content: '\f04f';
}
/* '' */

.nav-icon-dribbble-3:before {
  content: '\f050';
}
/* '' */

.nav-icon-facebook-circled-2:before {
  content: '\f051';
}
/* '' */

.nav-icon-facebook-4:before {
  content: '\f052';
}
/* '' */

.nav-icon-github-circled-alt:before {
  content: '\f053';
}
/* '' */

.nav-icon-github-circled-3:before {
  content: '\f054';
}
/* '' */

.nav-icon-github-3:before {
  content: '\f055';
}
/* '' */

.nav-icon-github-circled-alt2:before {
  content: '\f056';
}
/* '' */

.nav-icon-twitter-circled-2:before {
  content: '\f057';
}
/* '' */

.nav-icon-twitter-4:before {
  content: '\f058';
}
/* '' */

.nav-icon-gplus-circled-1:before {
  content: '\f059';
}
/* '' */

.nav-icon-gplus-2:before {
  content: '\f05a';
}
/* '' */

.nav-icon-linkedin-circled-2:before {
  content: '\f05b';
}
/* '' */

.nav-icon-linkedin-3:before {
  content: '\f05c';
}
/* '' */

.nav-icon-instagram-2:before {
  content: '\f05d';
}
/* '' */

.nav-icon-instagram-circled:before {
  content: '\f05e';
}
/* '' */

.nav-icon-mfg-logo:before {
  content: '\f05f';
}
/* '' */

.nav-icon-mfg-logo-circled:before {
  content: '\f060';
}
/* '' */

.nav-icon-user-5:before {
  content: '\f061';
}
/* '' */

.nav-icon-user-male:before {
  content: '\f062';
}
/* '' */

.nav-icon-user-female:before {
  content: '\f063';
}
/* '' */

.nav-icon-users-3:before {
  content: '\f064';
}
/* '' */

.nav-icon-folder-4:before {
  content: '\f067';
}
/* '' */

.nav-icon-folder-open-1:before {
  content: '\f068';
}
/* '' */

.nav-icon-folder-empty-2:before {
  content: '\f069';
}
/* '' */

.nav-icon-attach-4:before {
  content: '\f06a';
}
/* '' */

.nav-icon-ok-circled-1:before {
  content: '\f06d';
}
/* '' */

.nav-icon-cancel-circled-3:before {
  content: '\f06e';
}
/* '' */

.nav-icon-inbox-2:before {
  content: '\f070';
}
/* '' */

.nav-icon-trophy-1:before {
  content: '\f074';
}
/* '' */

.nav-icon-lock-open-alt-1:before {
  content: '\f075';
}
/* '' */

.nav-icon-link-4:before {
  content: '\f07b';
}
/* '' */

.nav-icon-zoom-in-3:before {
  content: '\f07e';
}
/* '' */

.nav-icon-zoom-out-3:before {
  content: '\f07f';
}
/* '' */

.nav-icon-stop-5:before {
  content: '\f080';
}
/* '' */

.nav-icon-export-4:before {
  content: '\f081';
}
/* '' */

.nav-icon-eye-5:before {
  content: '\f082';
}
/* '' */

.nav-icon-trash-5:before {
  content: '\f083';
}
/* '' */

.nav-icon-hdd-1:before {
  content: '\f084';
}
/* '' */

.nav-icon-info-circled-2:before {
  content: '\f085';
}
/* '' */

.nav-icon-info-circled-alt:before {
  content: '\f086';
}
/* '' */

.nav-icon-print-4:before {
  content: '\f087';
}
/* '' */

.nav-icon-fontsize:before {
  content: '\f088';
}
/* '' */

.nav-icon-soundcloud-2:before {
  content: '\f089';
}
/* '' */

.nav-icon-soundcloud-circled:before {
  content: '\f08a';
}
/* '' */

.nav-icon-link-ext:before {
  content: '\f08e';
}
/* '' */

.nav-icon-check-empty:before {
  content: '\f096';
}
/* '' */

.nav-icon-bookmark-empty:before {
  content: '\f097';
}
/* '' */

.nav-icon-phone-squared:before {
  content: '\f098';
}
/* '' */

.nav-icon-twitter:before {
  content: '\f099';
}
/* '' */

.nav-icon-facebook:before {
  content: '\f09a';
}
/* '' */

.nav-icon-github-circled:before {
  content: '\f09b';
}
/* '' */

.nav-icon-rss:before {
  content: '\f09e';
}
/* '' */

.nav-icon-hdd:before {
  content: '\f0a0';
}
/* '' */

.nav-icon-certificate:before {
  content: '\f0a3';
}
/* '' */

.nav-icon-left-circled:before {
  content: '\f0a8';
}
/* '' */

.nav-icon-right-circled:before {
  content: '\f0a9';
}
/* '' */

.nav-icon-up-circled:before {
  content: '\f0aa';
}
/* '' */

.nav-icon-down-circled:before {
  content: '\f0ab';
}
/* '' */

.nav-icon-tasks:before {
  content: '\f0ae';
}
/* '' */

.nav-icon-filter:before {
  content: '\f0b0';
}
/* '' */

.nav-icon-resize-full-alt:before {
  content: '\f0b2';
}
/* '' */

.nav-icon-beaker:before {
  content: '\f0c3';
}
/* '' */

.nav-icon-docs:before {
  content: '\f0c5';
}
/* '' */

.nav-icon-blank:before {
  content: '\f0c8';
}
/* '' */

.nav-icon-menu-1:before {
  content: '\f0c9';
}
/* '' */

.nav-icon-list-bullet:before {
  content: '\f0ca';
}
/* '' */

.nav-icon-list-numbered:before {
  content: '\f0cb';
}
/* '' */

.nav-icon-strike:before {
  content: '\f0cc';
}
/* '' */

.nav-icon-underline:before {
  content: '\f0cd';
}
/* '' */

.nav-icon-table:before {
  content: '\f0ce';
}
/* '' */

.nav-icon-magic:before {
  content: '\f0d0';
}
/* '' */

.nav-icon-pinterest-circled:before {
  content: '\f0d2';
}
/* '' */

.nav-icon-pinterest-squared:before {
  content: '\f0d3';
}
/* '' */

.nav-icon-gplus-squared:before {
  content: '\f0d4';
}
/* '' */

.nav-icon-gplus:before {
  content: '\f0d5';
}
/* '' */

.nav-icon-money:before {
  content: '\f0d6';
}
/* '' */

.nav-icon-columns:before {
  content: '\f0db';
}
/* '' */

.nav-icon-sort:before {
  content: '\f0dc';
}
/* '' */

.nav-icon-sort-down:before {
  content: '\f0dd';
}
/* '' */

.nav-icon-sort-up:before {
  content: '\f0de';
}
/* '' */

.nav-icon-mail-alt:before {
  content: '\f0e0';
}
/* '' */

.nav-icon-linkedin:before {
  content: '\f0e1';
}
/* '' */

.nav-icon-gauge:before {
  content: '\f0e4';
}
/* '' */

.nav-icon-comment-empty:before {
  content: '\f0e5';
}
/* '' */

.nav-icon-chat-empty:before {
  content: '\f0e6';
}
/* '' */

.nav-icon-sitemap:before {
  content: '\f0e8';
}
/* '' */

.nav-icon-paste:before {
  content: '\f0ea';
}
/* '' */

.nav-icon-lightbulb:before {
  content: '\f0eb';
}
/* '' */

.nav-icon-exchange:before {
  content: '\f0ec';
}
/* '' */

.nav-icon-download-cloud:before {
  content: '\f0ed';
}
/* '' */

.nav-icon-upload-cloud:before {
  content: '\f0ee';
}
/* '' */

.nav-icon-user-md:before {
  content: '\f0f0';
}
/* '' */

.nav-icon-stethoscope:before {
  content: '\f0f1';
}
/* '' */

.nav-icon-suitcase:before {
  content: '\f0f2';
}
/* '' */

.nav-icon-bell-alt:before {
  content: '\f0f3';
}
/* '' */

.nav-icon-coffee:before {
  content: '\f0f4';
}
/* '' */

.nav-icon-food:before {
  content: '\f0f5';
}
/* '' */

.nav-icon-doc-text:before {
  content: '\f0f6';
}
/* '' */

.nav-icon-building:before {
  content: '\f0f7';
}
/* '' */

.nav-icon-hospital:before {
  content: '\f0f8';
}
/* '' */

.nav-icon-ambulance:before {
  content: '\f0f9';
}
/* '' */

.nav-icon-medkit:before {
  content: '\f0fa';
}
/* '' */

.nav-icon-fighter-jet:before {
  content: '\f0fb';
}
/* '' */

.nav-icon-beer:before {
  content: '\f0fc';
}
/* '' */

.nav-icon-h-sigh:before {
  content: '\f0fd';
}
/* '' */

.nav-icon-plus-squared:before {
  content: '\f0fe';
}
/* '' */

.nav-icon-angle-double-left:before {
  content: '\f100';
}
/* '' */

.nav-icon-angle-double-right:before {
  content: '\f101';
}
/* '' */

.nav-icon-angle-double-up:before {
  content: '\f102';
}
/* '' */

.nav-icon-angle-double-down:before {
  content: '\f103';
}
/* '' */

.nav-icon-angle-left:before {
  content: '\f104';
}
/* '' */

.nav-icon-angle-right:before {
  content: '\f105';
}
/* '' */

.nav-icon-angle-up:before {
  content: '\f106';
}
/* '' */

.nav-icon-angle-down:before {
  content: '\f107';
}
/* '' */

.nav-icon-desktop:before {
  content: '\f108';
}
/* '' */

.nav-icon-laptop:before {
  content: '\f109';
}
/* '' */

.nav-icon-tablet:before {
  content: '\f10a';
}
/* '' */

.nav-icon-mobile:before {
  content: '\f10b';
}
/* '' */

.nav-icon-circle-empty:before {
  content: '\f10c';
}
/* '' */

.nav-icon-quote-left:before {
  content: '\f10d';
}
/* '' */

.nav-icon-quote-right:before {
  content: '\f10e';
}
/* '' */

.nav-icon-spinner:before {
  content: '\f110';
}
/* '' */

.nav-icon-circle:before {
  content: '\f111';
}
/* '' */

.nav-icon-reply:before {
  content: '\f112';
}
/* '' */

.nav-icon-github:before {
  content: '\f113';
}
/* '' */

.nav-icon-folder-empty:before {
  content: '\f114';
}
/* '' */

.nav-icon-folder-open-empty:before {
  content: '\f115';
}
/* '' */

.nav-icon-smile:before {
  content: '\f118';
}
/* '' */

.nav-icon-frown:before {
  content: '\f119';
}
/* '' */

.nav-icon-meh:before {
  content: '\f11a';
}
/* '' */

.nav-icon-gamepad:before {
  content: '\f11b';
}
/* '' */

.nav-icon-keyboard:before {
  content: '\f11c';
}
/* '' */

.nav-icon-flag-empty:before {
  content: '\f11d';
}
/* '' */

.nav-icon-flag-checkered:before {
  content: '\f11e';
}
/* '' */

.nav-icon-terminal:before {
  content: '\f120';
}
/* '' */

.nav-icon-code:before {
  content: '\f121';
}
/* '' */

.nav-icon-reply-all:before {
  content: '\f122';
}
/* '' */

.nav-icon-star-half-alt:before {
  content: '\f123';
}
/* '' */

.nav-icon-direction:before {
  content: '\f124';
}
/* '' */

.nav-icon-crop:before {
  content: '\f125';
}
/* '' */

.nav-icon-fork:before {
  content: '\f126';
}
/* '' */

.nav-icon-unlink:before {
  content: '\f127';
}
/* '' */

.nav-icon-help-1:before {
  content: '\f128';
}
/* '' */

.nav-icon-info-1:before {
  content: '\f129';
}
/* '' */

.nav-icon-attention-alt:before {
  content: '\f12a';
}
/* '' */

.nav-icon-superscript:before {
  content: '\f12b';
}
/* '' */

.nav-icon-subscript:before {
  content: '\f12c';
}
/* '' */

.nav-icon-eraser:before {
  content: '\f12d';
}
/* '' */

.nav-icon-puzzle:before {
  content: '\f12e';
}
/* '' */

.nav-icon-mic:before {
  content: '\f130';
}
/* '' */

.nav-icon-mute:before {
  content: '\f131';
}
/* '' */

.nav-icon-shield:before {
  content: '\f132';
}
/* '' */

.nav-icon-calendar-empty:before {
  content: '\f133';
}
/* '' */

.nav-icon-extinguisher:before {
  content: '\f134';
}
/* '' */

.nav-icon-rocket:before {
  content: '\f135';
}
/* '' */

.nav-icon-maxcdn:before {
  content: '\f136';
}
/* '' */

.nav-icon-angle-circled-left:before {
  content: '\f137';
}
/* '' */

.nav-icon-angle-circled-right:before {
  content: '\f138';
}
/* '' */

.nav-icon-angle-circled-up:before {
  content: '\f139';
}
/* '' */

.nav-icon-angle-circled-down:before {
  content: '\f13a';
}
/* '' */

.nav-icon-html5:before {
  content: '\f13b';
}
/* '' */

.nav-icon-css3:before {
  content: '\f13c';
}
/* '' */

.nav-icon-anchor:before {
  content: '\f13d';
}
/* '' */

.nav-icon-lock-open-alt:before {
  content: '\f13e';
}
/* '' */

.nav-icon-bullseye:before {
  content: '\f140';
}
/* '' */

.nav-icon-ellipsis:before {
  content: '\f141';
}
/* '' */

.nav-icon-ellipsis-vert:before {
  content: '\f142';
}
/* '' */

.nav-icon-rss-squared:before {
  content: '\f143';
}
/* '' */

.nav-icon-play-circled:before {
  content: '\f144';
}
/* '' */

.nav-icon-ticket:before {
  content: '\f145';
}
/* '' */

.nav-icon-minus-squared:before {
  content: '\f146';
}
/* '' */

.nav-icon-minus-squared-alt:before {
  content: '\f147';
}
/* '' */

.nav-icon-level-up:before {
  content: '\f148';
}
/* '' */

.nav-icon-level-down:before {
  content: '\f149';
}
/* '' */

.nav-icon-ok-squared:before {
  content: '\f14a';
}
/* '' */

.nav-icon-pencil-squared:before {
  content: '\f14b';
}
/* '' */

.nav-icon-link-ext-alt:before {
  content: '\f14c';
}
/* '' */

.nav-icon-export-alt:before {
  content: '\f14d';
}
/* '' */

.nav-icon-compass:before {
  content: '\f14e';
}
/* '' */

.nav-icon-expand:before {
  content: '\f150';
}
/* '' */

.nav-icon-collapse:before {
  content: '\f151';
}
/* '' */

.nav-icon-expand-right:before {
  content: '\f152';
}
/* '' */

.nav-icon-euro:before {
  content: '\f153';
}
/* '' */

.nav-icon-pound:before {
  content: '\f154';
}
/* '' */

.nav-icon-dollar:before {
  content: '\f155';
}
/* '' */

.nav-icon-rupee:before {
  content: '\f156';
}
/* '' */

.nav-icon-yen:before {
  content: '\f157';
}
/* '' */

.nav-icon-rouble:before {
  content: '\f158';
}
/* '' */

.nav-icon-won:before {
  content: '\f159';
}
/* '' */

.nav-icon-bitcoin:before {
  content: '\f15a';
}
/* '' */

.nav-icon-doc-inv:before {
  content: '\f15b';
}
/* '' */

.nav-icon-doc-text-inv:before {
  content: '\f15c';
}
/* '' */

.nav-icon-sort-name-up:before {
  content: '\f15d';
}
/* '' */

.nav-icon-sort-name-down:before {
  content: '\f15e';
}
/* '' */

.nav-icon-sort-alt-up:before {
  content: '\f160';
}
/* '' */

.nav-icon-sort-alt-down:before {
  content: '\f161';
}
/* '' */

.nav-icon-sort-number-up:before {
  content: '\f162';
}
/* '' */

.nav-icon-sort-number-down:before {
  content: '\f163';
}
/* '' */

.nav-icon-thumbs-up-alt:before {
  content: '\f164';
}
/* '' */

.nav-icon-thumbs-down-alt:before {
  content: '\f165';
}
/* '' */

.nav-icon-youtube-squared:before {
  content: '\f166';
}
/* '' */

.nav-icon-youtube:before {
  content: '\f167';
}
/* '' */

.nav-icon-xing:before {
  content: '\f168';
}
/* '' */

.nav-icon-xing-squared:before {
  content: '\f169';
}
/* '' */

.nav-icon-youtube-play:before {
  content: '\f16a';
}
/* '' */

.nav-icon-dropbox:before {
  content: '\f16b';
}
/* '' */

.nav-icon-stackoverflow:before {
  content: '\f16c';
}
/* '' */

.nav-icon-instagram:before {
  content: '\f16d';
}
/* '' */

.nav-icon-flickr:before {
  content: '\f16e';
}
/* '' */

.nav-icon-adn:before {
  content: '\f170';
}
/* '' */

.nav-icon-bitbucket:before {
  content: '\f171';
}
/* '' */

.nav-icon-bitbucket-squared:before {
  content: '\f172';
}
/* '' */

.nav-icon-tumblr:before {
  content: '\f173';
}
/* '' */

.nav-icon-tumblr-squared:before {
  content: '\f174';
}
/* '' */

.nav-icon-down:before {
  content: '\f175';
}
/* '' */

.nav-icon-up:before {
  content: '\f176';
}
/* '' */

.nav-icon-left:before {
  content: '\f177';
}
/* '' */

.nav-icon-right:before {
  content: '\f178';
}
/* '' */

.nav-icon-apple:before {
  content: '\f179';
}
/* '' */

.nav-icon-windows:before {
  content: '\f17a';
}
/* '' */

.nav-icon-android:before {
  content: '\f17b';
}
/* '' */

.nav-icon-linux:before {
  content: '\f17c';
}
/* '' */

.nav-icon-dribbble:before {
  content: '\f17d';
}
/* '' */

.nav-icon-skype:before {
  content: '\f17e';
}
/* '' */

.nav-icon-foursquare:before {
  content: '\f180';
}
/* '' */

.nav-icon-trello:before {
  content: '\f181';
}
/* '' */

.nav-icon-female:before {
  content: '\f182';
}
/* '' */

.nav-icon-male:before {
  content: '\f183';
}
/* '' */

.nav-icon-gittip:before {
  content: '\f184';
}
/* '' */

.nav-icon-sun:before {
  content: '\f185';
}
/* '' */

.nav-icon-moon:before {
  content: '\f186';
}
/* '' */

.nav-icon-box:before {
  content: '\f187';
}
/* '' */

.nav-icon-bug:before {
  content: '\f188';
}
/* '' */

.nav-icon-vkontakte:before {
  content: '\f189';
}
/* '' */

.nav-icon-weibo:before {
  content: '\f18a';
}
/* '' */

.nav-icon-renren:before {
  content: '\f18b';
}
/* '' */

.nav-icon-pagelines:before {
  content: '\f18c';
}
/* '' */

.nav-icon-stackexchange:before {
  content: '\f18d';
}
/* '' */

.nav-icon-right-circled2:before {
  content: '\f18e';
}
/* '' */

.nav-icon-left-circled2:before {
  content: '\f190';
}
/* '' */

.nav-icon-collapse-left:before {
  content: '\f191';
}
/* '' */

.nav-icon-dot-circled:before {
  content: '\f192';
}
/* '' */

.nav-icon-wheelchair:before {
  content: '\f193';
}
/* '' */

.nav-icon-vimeo-squared:before {
  content: '\f194';
}
/* '' */

.nav-icon-try:before {
  content: '\f195';
}
/* '' */

.nav-icon-plus-squared-alt:before {
  content: '\f196';
}
/* '' */

.nav-icon-space-shuttle:before {
  content: '\f197';
}
/* '' */

.nav-icon-slack:before {
  content: '\f198';
}
/* '' */

.nav-icon-mail-squared:before {
  content: '\f199';
}
/* '' */

.nav-icon-wordpress:before {
  content: '\f19a';
}
/* '' */

.nav-icon-openid:before {
  content: '\f19b';
}
/* '' */

.nav-icon-bank:before {
  content: '\f19c';
}
/* '' */

.nav-icon-graduation-cap:before {
  content: '\f19d';
}
/* '' */

.nav-icon-yahoo:before {
  content: '\f19e';
}
/* '' */

.nav-icon-google:before {
  content: '\f1a0';
}
/* '' */

.nav-icon-reddit:before {
  content: '\f1a1';
}
/* '' */

.nav-icon-reddit-squared:before {
  content: '\f1a2';
}
/* '' */

.nav-icon-stumbleupon-circled:before {
  content: '\f1a3';
}
/* '' */

.nav-icon-stumbleupon:before {
  content: '\f1a4';
}
/* '' */

.nav-icon-delicious:before {
  content: '\f1a5';
}
/* '' */

.nav-icon-digg:before {
  content: '\f1a6';
}
/* '' */

.nav-icon-pied-piper-squared:before {
  content: '\f1a7';
}
/* '' */

.nav-icon-pied-piper-alt:before {
  content: '\f1a8';
}
/* '' */

.nav-icon-drupal:before {
  content: '\f1a9';
}
/* '' */

.nav-icon-joomla:before {
  content: '\f1aa';
}
/* '' */

.nav-icon-language:before {
  content: '\f1ab';
}
/* '' */

.nav-icon-fax:before {
  content: '\f1ac';
}
/* '' */

.nav-icon-building-filled:before {
  content: '\f1ad';
}
/* '' */

.nav-icon-child:before {
  content: '\f1ae';
}
/* '' */

.nav-icon-paw:before {
  content: '\f1b0';
}
/* '' */

.nav-icon-spoon:before {
  content: '\f1b1';
}
/* '' */

.nav-icon-cube:before {
  content: '\f1b2';
}
/* '' */

.nav-icon-cubes:before {
  content: '\f1b3';
}
/* '' */

.nav-icon-behance:before {
  content: '\f1b4';
}
/* '' */

.nav-icon-behance-squared:before {
  content: '\f1b5';
}
/* '' */

.nav-icon-steam:before {
  content: '\f1b6';
}
/* '' */

.nav-icon-steam-squared:before {
  content: '\f1b7';
}
/* '' */

.nav-icon-recycle:before {
  content: '\f1b8';
}
/* '' */

.nav-icon-cab:before {
  content: '\f1b9';
}
/* '' */

.nav-icon-taxi:before {
  content: '\f1ba';
}
/* '' */

.nav-icon-tree:before {
  content: '\f1bb';
}
/* '' */

.nav-icon-spotify:before {
  content: '\f1bc';
}
/* '' */

.nav-icon-deviantart:before {
  content: '\f1bd';
}
/* '' */

.nav-icon-soundcloud:before {
  content: '\f1be';
}
/* '' */

.nav-icon-database:before {
  content: '\f1c0';
}
/* '' */

.nav-icon-file-pdf:before {
  content: '\f1c1';
}
/* '' */

.nav-icon-file-word:before {
  content: '\f1c2';
}
/* '' */

.nav-icon-file-excel:before {
  content: '\f1c3';
}
/* '' */

.nav-icon-file-powerpoint:before {
  content: '\f1c4';
}
/* '' */

.nav-icon-file-image:before {
  content: '\f1c5';
}
/* '' */

.nav-icon-file-archive:before {
  content: '\f1c6';
}
/* '' */

.nav-icon-file-audio:before {
  content: '\f1c7';
}
/* '' */

.nav-icon-file-video:before {
  content: '\f1c8';
}
/* '' */

.nav-icon-file-code:before {
  content: '\f1c9';
}
/* '' */

.nav-icon-vine:before {
  content: '\f1ca';
}
/* '' */

.nav-icon-codeopen:before {
  content: '\f1cb';
}
/* '' */

.nav-icon-jsfiddle:before {
  content: '\f1cc';
}
/* '' */

.nav-icon-lifebuoy:before {
  content: '\f1cd';
}
/* '' */

.nav-icon-circle-notch:before {
  content: '\f1ce';
}
/* '' */

.nav-icon-rebel:before {
  content: '\f1d0';
}
/* '' */

.nav-icon-empire:before {
  content: '\f1d1';
}
/* '' */

.nav-icon-git-squared:before {
  content: '\f1d2';
}
/* '' */

.nav-icon-git:before {
  content: '\f1d3';
}
/* '' */

.nav-icon-hacker-news:before {
  content: '\f1d4';
}
/* '' */

.nav-icon-tencent-weibo:before {
  content: '\f1d5';
}
/* '' */

.nav-icon-qq:before {
  content: '\f1d6';
}
/* '' */

.nav-icon-wechat:before {
  content: '\f1d7';
}
/* '' */

.nav-icon-paper-plane:before {
  content: '\f1d8';
}
/* '' */

.nav-icon-paper-plane-empty:before {
  content: '\f1d9';
}
/* '' */

.nav-icon-history:before {
  content: '\f1da';
}
/* '' */

.nav-icon-circle-thin:before {
  content: '\f1db';
}
/* '' */

.nav-icon-header:before {
  content: '\f1dc';
}
/* '' */

.nav-icon-paragraph:before {
  content: '\f1dd';
}
/* '' */

.nav-icon-sliders:before {
  content: '\f1de';
}
/* '' */

.nav-icon-share:before {
  content: '\f1e0';
}
/* '' */

.nav-icon-share-squared:before {
  content: '\f1e1';
}
/* '' */

.nav-icon-bomb:before {
  content: '\f1e2';
}
/* '' */

.nav-icon-soccer-ball:before {
  content: '\f1e3';
}
/* '' */

.nav-icon-tty:before {
  content: '\f1e4';
}
/* '' */

.nav-icon-binoculars:before {
  content: '\f1e5';
}
/* '' */

.nav-icon-plug:before {
  content: '\f1e6';
}
/* '' */

.nav-icon-slideshare:before {
  content: '\f1e7';
}
/* '' */

.nav-icon-twitch:before {
  content: '\f1e8';
}
/* '' */

.nav-icon-yelp:before {
  content: '\f1e9';
}
/* '' */

.nav-icon-newspaper:before {
  content: '\f1ea';
}
/* '' */

.nav-icon-wifi:before {
  content: '\f1eb';
}
/* '' */

.nav-icon-calc:before {
  content: '\f1ec';
}
/* '' */

.nav-icon-paypal:before {
  content: '\f1ed';
}
/* '' */

.nav-icon-gwallet:before {
  content: '\f1ee';
}
/* '' */

.nav-icon-cc-visa:before {
  content: '\f1f0';
}
/* '' */

.nav-icon-cc-mastercard:before {
  content: '\f1f1';
}
/* '' */

.nav-icon-cc-discover:before {
  content: '\f1f2';
}
/* '' */

.nav-icon-cc-amex:before {
  content: '\f1f3';
}
/* '' */

.nav-icon-cc-paypal:before {
  content: '\f1f4';
}
/* '' */

.nav-icon-cc-stripe:before {
  content: '\f1f5';
}
/* '' */

.nav-icon-bell-off:before {
  content: '\f1f6';
}
/* '' */

.nav-icon-bell-off-empty:before {
  content: '\f1f7';
}
/* '' */

.nav-icon-trash:before {
  content: '\f1f8';
}
/* '' */

.nav-icon-copyright:before {
  content: '\f1f9';
}
/* '' */

.nav-icon-at:before {
  content: '\f1fa';
}
/* '' */

.nav-icon-eyedropper:before {
  content: '\f1fb';
}
/* '' */

.nav-icon-brush:before {
  content: '\f1fc';
}
/* '' */

.nav-icon-birthday:before {
  content: '\f1fd';
}
/* '' */

.nav-icon-chart-area:before {
  content: '\f1fe';
}
/* '' */

.nav-icon-chart-pie:before {
  content: '\f200';
}
/* '' */

.nav-icon-chart-line:before {
  content: '\f201';
}
/* '' */

.nav-icon-lastfm:before {
  content: '\f202';
}
/* '' */

.nav-icon-lastfm-squared:before {
  content: '\f203';
}
/* '' */

.nav-icon-toggle-off:before {
  content: '\f204';
}
/* '' */

.nav-icon-toggle-on:before {
  content: '\f205';
}
/* '' */

.nav-icon-bicycle:before {
  content: '\f206';
}
/* '' */

.nav-icon-bus:before {
  content: '\f207';
}
/* '' */

.nav-icon-ioxhost:before {
  content: '\f208';
}
/* '' */

.nav-icon-angellist:before {
  content: '\f209';
}
/* '' */

.nav-icon-cc:before {
  content: '\f20a';
}
/* '' */

.nav-icon-shekel:before {
  content: '\f20b';
}
/* '' */

.nav-icon-meanpath:before {
  content: '\f20c';
}
/* '' */

.nav-icon-buysellads:before {
  content: '\f20d';
}
/* '' */

.nav-icon-connectdevelop:before {
  content: '\f20e';
}
/* '' */

.nav-icon-dashcube:before {
  content: '\f210';
}
/* '' */

.nav-icon-forumbee:before {
  content: '\f211';
}
/* '' */

.nav-icon-leanpub:before {
  content: '\f212';
}
/* '' */

.nav-icon-sellsy:before {
  content: '\f213';
}
/* '' */

.nav-icon-shirtsinbulk:before {
  content: '\f214';
}
/* '' */

.nav-icon-simplybuilt:before {
  content: '\f215';
}
/* '' */

.nav-icon-skyatlas:before {
  content: '\f216';
}
/* '' */

.nav-icon-cart-plus:before {
  content: '\f217';
}
/* '' */

.nav-icon-cart-arrow-down:before {
  content: '\f218';
}
/* '' */

.nav-icon-diamond:before {
  content: '\f219';
}
/* '' */

.nav-icon-ship:before {
  content: '\f21a';
}
/* '' */

.nav-icon-user-secret:before {
  content: '\f21b';
}
/* '' */

.nav-icon-motorcycle:before {
  content: '\f21c';
}
/* '' */

.nav-icon-street-view:before {
  content: '\f21d';
}
/* '' */

.nav-icon-heartbeat:before {
  content: '\f21e';
}
/* '' */

.nav-icon-venus:before {
  content: '\f221';
}
/* '' */

.nav-icon-mars:before {
  content: '\f222';
}
/* '' */

.nav-icon-mercury:before {
  content: '\f223';
}
/* '' */

.nav-icon-transgender:before {
  content: '\f224';
}
/* '' */

.nav-icon-transgender-alt:before {
  content: '\f225';
}
/* '' */

.nav-icon-venus-double:before {
  content: '\f226';
}
/* '' */

.nav-icon-mars-double:before {
  content: '\f227';
}
/* '' */

.nav-icon-venus-mars:before {
  content: '\f228';
}
/* '' */

.nav-icon-mars-stroke:before {
  content: '\f229';
}
/* '' */

.nav-icon-mars-stroke-v:before {
  content: '\f22a';
}
/* '' */

.nav-icon-mars-stroke-h:before {
  content: '\f22b';
}
/* '' */

.nav-icon-neuter:before {
  content: '\f22c';
}
/* '' */

.nav-icon-genderless:before {
  content: '\f22d';
}
/* '' */

.nav-icon-facebook-official:before {
  content: '\f230';
}
/* '' */

.nav-icon-pinterest:before {
  content: '\f231';
}
/* '' */

.nav-icon-whatsapp:before {
  content: '\f232';
}
/* '' */

.nav-icon-server:before {
  content: '\f233';
}
/* '' */

.nav-icon-user-plus:before {
  content: '\f234';
}
/* '' */

.nav-icon-user-times:before {
  content: '\f235';
}
/* '' */

.nav-icon-bed:before {
  content: '\f236';
}
/* '' */

.nav-icon-viacoin:before {
  content: '\f237';
}
/* '' */

.nav-icon-train:before {
  content: '\f238';
}
/* '' */

.nav-icon-subway:before {
  content: '\f239';
}
/* '' */

.nav-icon-medium:before {
  content: '\f23a';
}
/* '' */

.nav-icon-y-combinator:before {
  content: '\f23b';
}
/* '' */

.nav-icon-optin-monster:before {
  content: '\f23c';
}
/* '' */

.nav-icon-opencart:before {
  content: '\f23d';
}
/* '' */

.nav-icon-expeditedssl:before {
  content: '\f23e';
}
/* '' */

.nav-icon-battery-4:before {
  content: '\f240';
}
/* '' */

.nav-icon-battery-3:before {
  content: '\f241';
}
/* '' */

.nav-icon-battery-2:before {
  content: '\f242';
}
/* '' */

.nav-icon-battery-1:before {
  content: '\f243';
}
/* '' */

.nav-icon-battery-0:before {
  content: '\f244';
}
/* '' */

.nav-icon-mouse-pointer:before {
  content: '\f245';
}
/* '' */

.nav-icon-i-cursor:before {
  content: '\f246';
}
/* '' */

.nav-icon-object-group:before {
  content: '\f247';
}
/* '' */

.nav-icon-object-ungroup:before {
  content: '\f248';
}
/* '' */

.nav-icon-sticky-note:before {
  content: '\f249';
}
/* '' */

.nav-icon-sticky-note-o:before {
  content: '\f24a';
}
/* '' */

.nav-icon-cc-jcb:before {
  content: '\f24b';
}
/* '' */

.nav-icon-cc-diners-club:before {
  content: '\f24c';
}
/* '' */

.nav-icon-clone:before {
  content: '\f24d';
}
/* '' */

.nav-icon-balance-scale:before {
  content: '\f24e';
}
/* '' */

.nav-icon-hourglass-o:before {
  content: '\f250';
}
/* '' */

.nav-icon-hourglass-1:before {
  content: '\f251';
}
/* '' */

.nav-icon-hourglass-2:before {
  content: '\f252';
}
/* '' */

.nav-icon-hourglass-3:before {
  content: '\f253';
}
/* '' */

.nav-icon-hourglass:before {
  content: '\f254';
}
/* '' */

.nav-icon-hand-grab-o:before {
  content: '\f255';
}
/* '' */

.nav-icon-hand-paper-o:before {
  content: '\f256';
}
/* '' */

.nav-icon-hand-scissors-o:before {
  content: '\f257';
}
/* '' */

.nav-icon-hand-lizard-o:before {
  content: '\f258';
}
/* '' */

.nav-icon-hand-spock-o:before {
  content: '\f259';
}
/* '' */

.nav-icon-hand-pointer-o:before {
  content: '\f25a';
}
/* '' */

.nav-icon-hand-peace-o:before {
  content: '\f25b';
}
/* '' */

.nav-icon-trademark:before {
  content: '\f25c';
}
/* '' */

.nav-icon-registered:before {
  content: '\f25d';
}
/* '' */

.nav-icon-creative-commons:before {
  content: '\f25e';
}
/* '' */

.nav-icon-gg:before {
  content: '\f260';
}
/* '' */

.nav-icon-gg-circle:before {
  content: '\f261';
}
/* '' */

.nav-icon-tripadvisor:before {
  content: '\f262';
}
/* '' */

.nav-icon-odnoklassniki:before {
  content: '\f263';
}
/* '' */

.nav-icon-odnoklassniki-square:before {
  content: '\f264';
}
/* '' */

.nav-icon-get-pocket:before {
  content: '\f265';
}
/* '' */

.nav-icon-wikipedia-w:before {
  content: '\f266';
}
/* '' */

.nav-icon-safari:before {
  content: '\f267';
}
/* '' */

.nav-icon-chrome:before {
  content: '\f268';
}
/* '' */

.nav-icon-firefox:before {
  content: '\f269';
}
/* '' */

.nav-icon-opera:before {
  content: '\f26a';
}
/* '' */

.nav-icon-internet-explorer:before {
  content: '\f26b';
}
/* '' */

.nav-icon-television:before {
  content: '\f26c';
}
/* '' */

.nav-icon-contao:before {
  content: '\f26d';
}
/* '' */

.nav-icon-500px:before {
  content: '\f26e';
}
/* '' */

.nav-icon-amazon:before {
  content: '\f270';
}
/* '' */

.nav-icon-calendar-plus-o:before {
  content: '\f271';
}
/* '' */

.nav-icon-calendar-minus-o:before {
  content: '\f272';
}
/* '' */

.nav-icon-calendar-times-o:before {
  content: '\f273';
}
/* '' */

.nav-icon-calendar-check-o:before {
  content: '\f274';
}
/* '' */

.nav-icon-industry:before {
  content: '\f275';
}
/* '' */

.nav-icon-map-pin:before {
  content: '\f276';
}
/* '' */

.nav-icon-map-signs:before {
  content: '\f277';
}
/* '' */

.nav-icon-map-o:before {
  content: '\f278';
}
/* '' */

.nav-icon-map:before {
  content: '\f279';
}
/* '' */

.nav-icon-commenting:before {
  content: '\f27a';
}
/* '' */

.nav-icon-commenting-o:before {
  content: '\f27b';
}
/* '' */

.nav-icon-houzz:before {
  content: '\f27c';
}
/* '' */

.nav-icon-vimeo:before {
  content: '\f27d';
}
/* '' */

.nav-icon-black-tie:before {
  content: '\f27e';
}
/* '' */

.nav-icon-fonticons:before {
  content: '\f280';
}
/* '' */

.nav-icon-reddit-alien:before {
  content: '\f281';
}
/* '' */

.nav-icon-edge:before {
  content: '\f282';
}
/* '' */

.nav-icon-credit-card-alt:before {
  content: '\f283';
}
/* '' */

.nav-icon-codiepie:before {
  content: '\f284';
}
/* '' */

.nav-icon-modx:before {
  content: '\f285';
}
/* '' */

.nav-icon-fort-awesome:before {
  content: '\f286';
}
/* '' */

.nav-icon-usb:before {
  content: '\f287';
}
/* '' */

.nav-icon-product-hunt:before {
  content: '\f288';
}
/* '' */

.nav-icon-mixcloud:before {
  content: '\f289';
}
/* '' */

.nav-icon-scribd:before {
  content: '\f28a';
}
/* '' */

.nav-icon-pause-circle:before {
  content: '\f28b';
}
/* '' */

.nav-icon-pause-circle-o:before {
  content: '\f28c';
}
/* '' */

.nav-icon-stop-circle:before {
  content: '\f28d';
}
/* '' */

.nav-icon-stop-circle-o:before {
  content: '\f28e';
}
/* '' */

.nav-icon-shopping-bag:before {
  content: '\f290';
}
/* '' */

.nav-icon-shopping-basket:before {
  content: '\f291';
}
/* '' */

.nav-icon-hashtag:before {
  content: '\f292';
}
/* '' */

.nav-icon-bluetooth:before {
  content: '\f293';
}
/* '' */

.nav-icon-bluetooth-b:before {
  content: '\f294';
}
/* '' */

.nav-icon-percent:before {
  content: '\f295';
}
/* '' */

.nav-icon-gitlab:before {
  content: '\f296';
}
/* '' */

.nav-icon-wpbeginner:before {
  content: '\f297';
}
/* '' */

.nav-icon-wpforms:before {
  content: '\f298';
}
/* '' */

.nav-icon-envira:before {
  content: '\f299';
}
/* '' */

.nav-icon-universal-access:before {
  content: '\f29a';
}
/* '' */

.nav-icon-wheelchair-alt:before {
  content: '\f29b';
}
/* '' */

.nav-icon-question-circle-o:before {
  content: '\f29c';
}
/* '' */

.nav-icon-blind:before {
  content: '\f29d';
}
/* '' */

.nav-icon-audio-description:before {
  content: '\f29e';
}
/* '' */

.nav-icon-volume-control-phone:before {
  content: '\f2a0';
}
/* '' */

.nav-icon-braille:before {
  content: '\f2a1';
}
/* '' */

.nav-icon-assistive-listening-systems:before {
  content: '\f2a2';
}
/* '' */

.nav-icon-american-sign-language-interpreting:before {
  content: '\f2a3';
}
/* '' */

.nav-icon-asl-interpreting:before {
  content: '\f2a4';
}
/* '' */

.nav-icon-glide:before {
  content: '\f2a5';
}
/* '' */

.nav-icon-glide-g:before {
  content: '\f2a6';
}
/* '' */

.nav-icon-sign-language:before {
  content: '\f2a7';
}
/* '' */

.nav-icon-low-vision:before {
  content: '\f2a8';
}
/* '' */

.nav-icon-viadeo:before {
  content: '\f2a9';
}
/* '' */

.nav-icon-viadeo-square:before {
  content: '\f2aa';
}
/* '' */

.nav-icon-snapchat:before {
  content: '\f2ab';
}
/* '' */

.nav-icon-snapchat-ghost:before {
  content: '\f2ac';
}
/* '' */

.nav-icon-snapchat-square:before {
  content: '\f2ad';
}
/* '' */

.nav-icon-pied-piper:before {
  content: '\f2ae';
}
/* '' */

.nav-icon-first-order:before {
  content: '\f2b0';
}
/* '' */

.nav-icon-yoast:before {
  content: '\f2b1';
}
/* '' */

.nav-icon-themeisle:before {
  content: '\f2b2';
}
/* '' */

.nav-icon-google-plus-circle:before {
  content: '\f2b3';
}
/* '' */

.nav-icon-font-awesome:before {
  content: '\f2b4';
}
/* '' */

.nav-icon-handshake-o:before {
  content: '\f2b5';
}
/* '' */

.nav-icon-envelope-open:before {
  content: '\f2b6';
}
/* '' */

.nav-icon-envelope-open-o:before {
  content: '\f2b7';
}
/* '' */

.nav-icon-linode:before {
  content: '\f2b8';
}
/* '' */

.nav-icon-address-book:before {
  content: '\f2b9';
}
/* '' */

.nav-icon-address-book-o:before {
  content: '\f2ba';
}
/* '' */

.nav-icon-address-card:before {
  content: '\f2bb';
}
/* '' */

.nav-icon-address-card-o:before {
  content: '\f2bc';
}
/* '' */

.nav-icon-user-circle:before {
  content: '\f2bd';
}
/* '' */

.nav-icon-user-circle-o:before {
  content: '\f2be';
}
/* '' */

.nav-icon-user-o:before {
  content: '\f2c0';
}
/* '' */

.nav-icon-id-badge:before {
  content: '\f2c1';
}
/* '' */

.nav-icon-id-card:before {
  content: '\f2c2';
}
/* '' */

.nav-icon-id-card-o:before {
  content: '\f2c3';
}
/* '' */

.nav-icon-quora:before {
  content: '\f2c4';
}
/* '' */

.nav-icon-free-code-camp:before {
  content: '\f2c5';
}
/* '' */

.nav-icon-telegram:before {
  content: '\f2c6';
}
/* '' */

.nav-icon-thermometer:before {
  content: '\f2c7';
}
/* '' */

.nav-icon-thermometer-3:before {
  content: '\f2c8';
}
/* '' */

.nav-icon-thermometer-2:before {
  content: '\f2c9';
}
/* '' */

.nav-icon-thermometer-quarter:before {
  content: '\f2ca';
}
/* '' */

.nav-icon-thermometer-0:before {
  content: '\f2cb';
}
/* '' */

.nav-icon-shower:before {
  content: '\f2cc';
}
/* '' */

.nav-icon-bath:before {
  content: '\f2cd';
}
/* '' */

.nav-icon-podcast:before {
  content: '\f2ce';
}
/* '' */

.nav-icon-window-maximize:before {
  content: '\f2d0';
}
/* '' */

.nav-icon-window-minimize:before {
  content: '\f2d1';
}
/* '' */

.nav-icon-window-restore:before {
  content: '\f2d2';
}
/* '' */

.nav-icon-window-close:before {
  content: '\f2d3';
}
/* '' */

.nav-icon-window-close-o:before {
  content: '\f2d4';
}
/* '' */

.nav-icon-bandcamp:before {
  content: '\f2d5';
}
/* '' */

.nav-icon-grav:before {
  content: '\f2d6';
}
/* '' */

.nav-icon-etsy:before {
  content: '\f2d7';
}
/* '' */

.nav-icon-imdb:before {
  content: '\f2d8';
}
/* '' */

.nav-icon-ravelry:before {
  content: '\f2d9';
}
/* '' */

.nav-icon-eercast:before {
  content: '\f2da';
}
/* '' */

.nav-icon-microchip:before {
  content: '\f2db';
}
/* '' */

.nav-icon-snowflake-o:before {
  content: '\f2dc';
}
/* '' */

.nav-icon-superpowers:before {
  content: '\f2dd';
}
/* '' */

.nav-icon-wpexplorer:before {
  content: '\f2de';
}
/* '' */

.nav-icon-meetup:before {
  content: '\f2e0';
}
/* '' */

.nav-icon-github-squared:before {
  content: '\f300';
}
/* '' */

.nav-icon-github-circled-1:before {
  content: '\f301';
}
/* '' */

.nav-icon-twitter-3:before {
  content: '\f302';
}
/* '' */

.nav-icon-flickr-1:before {
  content: '\f303';
}
/* '' */

.nav-icon-twitter-squared:before {
  content: '\f304';
}
/* '' */

.nav-icon-yandex:before {
  content: '\f305';
}
/* '' */

.nav-icon-vimeo-1:before {
  content: '\f306';
}
/* '' */

.nav-icon-vimeo-circled:before {
  content: '\f307';
}
/* '' */

.nav-icon-facebook-squared:before {
  content: '\f308';
}
/* '' */

.nav-icon-twitter-1:before {
  content: '\f309';
}
/* '' */

.nav-icon-twitter-circled:before {
  content: '\f30a';
}
/* '' */

.nav-icon-skype-4:before {
  content: '\f30b';
}
/* '' */

.nav-icon-linkedin-squared:before {
  content: '\f30c';
}
/* '' */

.nav-icon-facebook-circled:before {
  content: '\f30d';
}
/* '' */

.nav-icon-facebook-squared-1:before {
  content: '\f30e';
}
/* '' */

.nav-icon-gplus-1:before {
  content: '\f30f';
}
/* '' */

.nav-icon-gplus-circled:before {
  content: '\f310';
}
/* '' */

.nav-icon-tumblr-3:before {
  content: '\f311';
}
/* '' */

.nav-icon-pinterest-1:before {
  content: '\f312';
}
/* '' */

.nav-icon-pinterest-circled-1:before {
  content: '\f313';
}
/* '' */

.nav-icon-twitter-rect:before {
  content: '\f314';
}
/* '' */

.nav-icon-tumblr-1:before {
  content: '\f315';
}
/* '' */

.nav-icon-tumblr-circled:before {
  content: '\f316';
}
/* '' */

.nav-icon-jabber:before {
  content: '\f317';
}
/* '' */

.nav-icon-linkedin-1:before {
  content: '\f318';
}
/* '' */

.nav-icon-linkedin-circled:before {
  content: '\f319';
}
/* '' */

.nav-icon-linkedin-5:before {
  content: '\f31a';
}
/* '' */

.nav-icon-dribbble-1:before {
  content: '\f31b';
}
/* '' */

.nav-icon-dribbble-circled:before {
  content: '\f31c';
}
/* '' */

.nav-icon-wordpress-2:before {
  content: '\f31d';
}
/* '' */

.nav-icon-stumbleupon-1:before {
  content: '\f31e';
}
/* '' */

.nav-icon-stumbleupon-circled-1:before {
  content: '\f31f';
}
/* '' */

.nav-icon-diigo:before {
  content: '\f320';
}
/* '' */

.nav-icon-lastfm-1:before {
  content: '\f321';
}
/* '' */

.nav-icon-lastfm-circled:before {
  content: '\f322';
}
/* '' */

.nav-icon-tudou:before {
  content: '\f323';
}
/* '' */

.nav-icon-rdio:before {
  content: '\f324';
}
/* '' */

.nav-icon-rdio-circled:before {
  content: '\f325';
}
/* '' */

.nav-icon-amex:before {
  content: '\f326';
}
/* '' */

.nav-icon-spotify-1:before {
  content: '\f327';
}
/* '' */

.nav-icon-spotify-circled:before {
  content: '\f328';
}
/* '' */

.nav-icon-mastercard:before {
  content: '\f329';
}
/* '' */

.nav-icon-qq-1:before {
  content: '\f32a';
}
/* '' */

.nav-icon-bandcamp-1:before {
  content: '\f32b';
}
/* '' */

.nav-icon-codepen:before {
  content: '\f32c';
}
/* '' */

.nav-icon-instagram-1:before {
  content: '\f32d';
}
/* '' */

.nav-icon-dropbox-1:before {
  content: '\f330';
}
/* '' */

.nav-icon-evernote:before {
  content: '\f333';
}
/* '' */

.nav-icon-flattr:before {
  content: '\f336';
}
/* '' */

.nav-icon-skype-1:before {
  content: '\f339';
}
/* '' */

.nav-icon-skype-circled:before {
  content: '\f33a';
}
/* '' */

.nav-icon-renren-1:before {
  content: '\f33c';
}
/* '' */

.nav-icon-sina-weibo:before {
  content: '\f33f';
}
/* '' */

.nav-icon-paypal-1:before {
  content: '\f342';
}
/* '' */

.nav-icon-picasa:before {
  content: '\f345';
}
/* '' */

.nav-icon-soundcloud-1:before {
  content: '\f348';
}
/* '' */

.nav-icon-mixi:before {
  content: '\f34b';
}
/* '' */

.nav-icon-behance-1:before {
  content: '\f34e';
}
/* '' */

.nav-icon-google-circles:before {
  content: '\f351';
}
/* '' */

.nav-icon-vkontakte-1:before {
  content: '\f354';
}
/* '' */

.nav-icon-smashing:before {
  content: '\f357';
}
/* '' */

.nav-icon-comment-4:before {
  content: '\f4ac';
}
/* '' */

.nav-icon-folder-open-empty-1:before {
  content: '\f4c2';
}
/* '' */

.nav-icon-calendar-5:before {
  content: '\f4c5';
}
/* '' */

.nav-icon-newspaper-2:before {
  content: '\f4f0';
}
/* '' */

.nav-icon-camera-5:before {
  content: '\f4f7';
}
/* '' */

.nav-icon-search-5:before {
  content: '\f50d';
}
/* '' */

.nav-icon-lock-alt:before {
  content: '\f510';
}
/* '' */

.nav-icon-lock-5:before {
  content: '\f512';
}
/* '' */

.nav-icon-lock-open-5:before {
  content: '\f513';
}
/* '' */

.nav-icon-joystick:before {
  content: '\f514';
}
/* '' */

.nav-icon-fire-1:before {
  content: '\f525';
}
/* '' */

.nav-icon-chart-bar-5:before {
  content: '\f526';
}
/* '' */

.nav-icon-spread:before {
  content: '\f527';
}
/* '' */

.nav-icon-spinner1:before {
  content: '\f528';
}
/* '' */

.nav-icon-spinner2:before {
  content: '\f529';
}
/* '' */

.nav-icon-db-shape:before {
  content: '\f600';
}
/* '' */

.nav-icon-sweden:before {
  content: '\f601';
}
/* '' */

.nav-icon-logo-db:before {
  content: '\f603';
}
/* '' */

/* top bar color theme */
/* Left nav classes */
/* nice scroll */
/* Volunteer login selection tab */
/* Volunteer Accordion */
/* Bottom Freeze panel*/
.bx-mid-light-gray {
  background: #f4f4f4;
}
#mainWrapper {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  /*background-color: red;*/
  -webkit-font-smoothing: antialiased;
}
#mainWrapper .fontHover {
  color: #4e5966;
  font-weight: 600;
}
#mainWrapper .navHover {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  z-index: -1;
}
#mainWrapper .navActive {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  z-index: -1;
}
#mainWrapper > #topNavigation {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  z-index: 1000;
  align-items: center;
}
#mainWrapper > #topNavigation .logo-section {
  width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  height: 40px;
}
#mainWrapper > #topNavigation .logo-section .menu-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  font-size: 21px;
  padding-left: 9px;
  padding-right: 9px;
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: red;
}
#mainWrapper > #topNavigation .logo-section .menu-nav.nav-icon-menu:before {
  content: '\f001';
}
#mainWrapper > #topNavigation .logo-section .logo-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
}
#mainWrapper > #topNavigation .logo-section .logo-image img {
  max-height: 40px;
  max-width: 125px;
}
#mainWrapper > #topNavigation > #quick-contact {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#mainWrapper > #topNavigation > #quick-contact > .category-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#mainWrapper > #topNavigation > #quick-contact > .category-selector.reverse {
  flex-direction: row-reverse;
}
#mainWrapper > #topNavigation > #quick-contact > .category-selector > span {
  font-size: 18px;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border-right: solid 1px black;
  width: 35px;
  justify-content: center;
}
#mainWrapper > #topNavigation > #quick-contact.open .recent-contact-popup {
  display: block;
}
#mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  font-size: 1.4em;
  min-width: 300px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup {
  display: none;
  position: absolute;
  top: 38px;
  z-index: 1;
  box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup.leftPosition {
  left: 35px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > div {
  width: 380px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: inherit;
  font-size: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  box-sizing: border-box;
  text-decoration: none;
  width: 100%;
  max-height: 350px;
  overflow: auto;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list:last-child {
  border: 0;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > img {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin: 10px;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-style: solid;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn {
  font-size: 2em;
  cursor: pointer;
  padding: 0 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  padding-left: 5px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .title-text {
  display: block;
  font-size: 1.5em;
  word-break: break-all;
  padding-bottom: 5px;
  font-weight: 600;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text {
  display: block;
  font-size: 1.2em;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text > b {
  font-weight: normal;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container {
  min-height: 349px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #e5e5e5;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn {
  padding: 10px 15px;
  border-right: 1px solid #e5e5e5;
  font-size: 1.6em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn:hover {
  background-color: #efefef !important;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  padding: 7px 10px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > img {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-width: 1px;
  border-style: solid;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .title-text {
  display: block;
  font-size: 1.4em;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text {
  display: block;
  font-size: 1.1em;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text > b {
  font-weight: normal;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 7px 10px 4px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip .contact-type-info {
  margin-right: auto;
  padding-right: 10px;
  white-space: nowrap;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip .contact-type-info .contact-type-icon img {
  width: auto;
  max-width: 22px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip .interaction-details {
  white-space: nowrap;
  padding-bottom: 7px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action {
  padding: 10px 15px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a {
  flex: 1;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  font-size: 1.4em;
  margin: 5px;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px 0 0;
  margin-bottom: 10px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or span {
  position: absolute;
  display: inline-block;
  text-align: center;
  margin-left: 42%;
  font-size: 1.6em;
  padding: 0 4%;
  top: -1px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  flex-wrap: nowrap;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  white-space: nowrap;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section h2 {
  margin-right: auto;
  padding-right: 15px;
  font-weight: normal;
  padding-bottom: 0;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .link-text {
  text-decoration: underline;
  font-size: 1.4em;
  margin: 0 5px;
  cursor: pointer;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .link-text:hover {
  text-decoration: none;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button {
  background: #f4f4f4;
  padding: 0px 10px;
  height: 27px;
}
#mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .nav-icon-close {
  font-size: 1rem;
  margin-left: 5px;
  cursor: pointer;
}
#mainWrapper > #topNavigation > .quick-links {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  height: 100%;
}
#mainWrapper > #topNavigation > .quick-links [class^="nav-icon-"]:before,
#mainWrapper > #topNavigation > .quick-links [class*=" nav-icon-"]:before {
  font-size: 1.4rem;
}
#mainWrapper > #topNavigation > .quick-links > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  flex-wrap: nowrap;
}
#mainWrapper > #topNavigation > .quick-links > ul > li {
  border-left-width: 1px;
  border-left-style: solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  position: relative;
}
#mainWrapper > #topNavigation > .quick-links > ul > li .bx-spacing {
  padding: 0 14px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text {
  font-size: 1.3em;
  text-transform: uppercase;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup {
  position: absolute;
  -webkit-animation: flipInY 0.5s both;
  -moz-animation: flipInY 0.5s both;
  -o-animation: flipInY 0.5s both;
  animation: flipInY 0.5s both;
  display: none;
  top: 56px;
  z-index: 1;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  min-width: 250px;
  left: -55px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top-width: 3px;
  border-top-color: #26c281;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup:before,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup:before {
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #26c281;
  display: inline-block;
  content: "";
  position: absolute;
  margin-left: -7px;
  left: 50%;
  top: -23px;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container {
  overflow: auto;
  max-height: 350px;
  display: inline-block;
  width: 100%;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item {
  color: #333333;
  font-size: 1em;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 7px 10px;
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item .fa,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item .fa {
  font-size: 1.8em;
  margin: 0 20px 0 10px;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item img,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item img {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid #e5e5e5;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item .name,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  width: 75%;
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item .name b,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item .name b {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item .name a,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item .name a {
  display: block;
  font-size: 0.85em;
  font-weight: normal;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item:hover,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item:hover {
  background: #2d333b;
  color: white;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association .myAssociation-popup .association-container .list-item:hover img,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text .myAssociation-popup .association-container .list-item:hover img {
  border-color: #2d333b;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-association.active .myAssociation-popup,
#mainWrapper > #topNavigation > .quick-links > ul > li .links-text.active .myAssociation-popup {
  display: block;
}
#mainWrapper > #topNavigation > .quick-links > ul > li > inboxheader {
  height: 100%;
}
#mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel {
  text-align: center;
}
#mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a {
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
#mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a .small-note {
  padding: 0px 5px;
  font-size: 1.2em;
  margin-bottom: 2px;
  display: inline-block;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .login-user,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .login-user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .login-user:after,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .login-user:after {
  content: "\e855";
  font-family: "fundly";
  padding-left: 5px;
  font-size: 1.4em;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .login-user .name,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .login-user .name {
  font-size: 1.3em;
  display: block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .login-user .date,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .login-user .date {
  font-size: 1em;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav {
  position: absolute;
  top: 50px;
  min-width: 200px;
  right: 6px;
  max-height: 0px;
  z-index: 1;
  overflow: hidden;
  background-color: white;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: max-height 0.3s ease-in;
  -moz-transition: max-height 0.3s ease-in;
  -o-transition: max-height 0.3s ease-in;
  -ms-transition: max-height 0.3s ease-in;
  transition: max-height 0.3s ease-in;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  display: block;
  left: auto;
  border: 0;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li {
  display: inline-block;
  width: 100%;
  max-height: none;
  overflow: unset;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li {
  border-width: 0 0 1px;
  border-color: #f4f4f4;
  border-style: solid;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li:last-child,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li:last-child,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li:last-child,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li:last-child {
  background-color: #ff4d4d;
  margin-top: 5px;
  border-width: 0;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li:last-child > a,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li:last-child > a,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li:last-child > a,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li:last-child > a {
  color: white;
  font-weight: 600;
  padding: 15px 5px;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li > a,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li > a,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li > a,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li > a {
  display: block;
  padding: 10px 5px;
  color: #4d4d4d;
  font-size: 1.2em;
  text-decoration: none;
  line-height: 1.2em;
  border: 0;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li > a > span,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li > a > span,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li > a > span,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li > a > span {
  float: left;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li.theme > .themebox,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li.theme > .themebox,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li.theme > .themebox,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li.theme > .themebox {
  display: inline-block;
  width: 100%;
  padding-left: 30px;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile #m-profile-nav > ul > li.theme > .themebox > span,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole #m-profile-nav > ul > li.theme > .themebox > span,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li.theme > .themebox > span,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li.theme > .themebox > span {
  display: inline-block;
  border: 3px solid #cccccc;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav {
  right: 0;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li:last-child,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li:last-child {
  background: none;
  border-top: solid 1px #f4f4f4;
  margin-top: 0;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li:last-child > a,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li:last-child > a {
  color: #4d4d4d;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .loginRole-nav > ul > li > a,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .loginRole-nav > ul > li > a {
  color: #4d4d4d !important;
  text-transform: uppercase;
  font-weight: 600;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile.open #m-profile-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole.open #m-profile-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile.open .loginRole-nav,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole.open .loginRole-nav {
  max-height: 320px;
  -webkit-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  -ms-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
  display: block;
}
#mainWrapper > #topNavigation > .quick-links > ul > li#m-profile .dropdown-backdrop,
#mainWrapper > #topNavigation > .quick-links > ul > li.LoginRole .dropdown-backdrop {
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
    min-width: auto;
  }
  #mainWrapper > #topNavigation > .quick-links .login-user > .username > span {
    display: none;
  }
  #mainWrapper > #topNavigation > .quick-links .login-user > .username:after {
    content: '\f006';
    font-family: fundly;
    font-size: 1.4em;
  }
  #mainWrapper > #topNavigation > .quick-links > ul > li {
    padding: 0 10px;
  }
}
#mainWrapper > #mainFrame {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin-top: 50px;
  flex-direction: row;
}
#mainWrapper > #mainFrame #leftNav {
  width: 180px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  border-right-width: 1px;
  border-right-style: solid;
  position: fixed;
  z-index: 3;
  top: 50px;
  bottom: 0;
}
#mainWrapper > #mainFrame #leftNav > ul,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu {
  overflow: hidden;
  flex: 1;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item.nav-seperator > a,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.nav-seperator > a {
  padding: 15px 10px 14px 10px;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  position: relative;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item > a,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span {
  padding: 0 6px;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  font-size: 1rem;
  min-width: 18px;
  text-align: center;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[data-sub] > span:last-child:after,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[data-sub] > span:last-child:after,
#mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[sub] > span:last-child:after,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[sub] > span:last-child:after {
  content: "\e91e";
  font-family: "fundly";
  padding-left: 8px;
  padding-top: 1px;
  position: absolute;
  font-size: 0.8em;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a > span:last-child,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a > span:last-child {
  color: #4e5966;
  font-weight: 600;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a:before,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  z-index: -1;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
  margin-left: -6px;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:last-child,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:last-child {
  padding-left: 12px;
  color: #4e5966;
  font-weight: 600;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  z-index: -1;
  width: 40px;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item .open:before,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  z-index: -1;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #4e5966;
  font-weight: 600;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > div,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > div {
  display: block;
}
#mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[data-sub] > span:last-child:after,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[data-sub] > span:last-child:after,
#mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[sub] > span:last-child:after,
#mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[sub] > span:last-child:after {
  font-weight: bold;
}
#mainWrapper > #mainFrame #leftNav > #accordion {
  overflow-x: hidden;
}
#mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header {
  padding: 14px 11px;
  font-size: 0.9rem;
  cursor: pointer;
}
#mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header > span {
  padding: 0 6px;
}
#mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header > span[class*="nav-icon"] {
  font-size: 1rem;
  min-width: 18px;
  text-align: center;
  display: inline-block;
}
#mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header > span.ui-accordion-header-icon {
  float: right;
  padding: 0;
}
#mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header > span.text {
  font-size: 0.95rem;
  text-transform: uppercase;
}
#mainWrapper > #mainFrame .leftSubNav {
  position: fixed;
  left: 180px;
  top: 50px;
  bottom: 0;
  z-index: 3;
}
#mainWrapper > #mainFrame .leftSubNav > div {
  display: none;
  width: 240px;
  z-index: 1000;
  font-size: 0.9rem;
  height: 100%;
  box-shadow: 5px 5px 10px gba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px gba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px gba(0, 0, 0, 0.3);
}
#mainWrapper > #mainFrame .leftSubNav > div.open {
  display: block;
}
#mainWrapper > #mainFrame .leftSubNav > div.divideHalf {
  width: 460px;
}
#mainWrapper > #mainFrame .leftSubNav > div.divideHalf > h3 {
  padding: 0 2%;
}
#mainWrapper > #mainFrame .leftSubNav > div.divideHalf > h4 {
  margin: 0 2%;
}
#mainWrapper > #mainFrame .leftSubNav > div.divideHalf > ul {
  flex-direction: row;
}
#mainWrapper > #mainFrame .leftSubNav > div.divideHalf > ul > li {
  flex-basis: 46%;
  margin: 0 2%;
}
#mainWrapper > #mainFrame .leftSubNav > div.divideHalf > ul > li:nth-last-child(2) {
  border: none;
}
#mainWrapper > #mainFrame .leftSubNav > div > h3 {
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 0.95rem;
  margin: 0;
  font-weight: bold;
  justify-content: space-between;
  padding: 0;
}
#mainWrapper > #mainFrame .leftSubNav > div > h3 > span {
  padding: 14px;
}
#mainWrapper > #mainFrame .leftSubNav > div > h3 > span.nav-close {
  cursor: pointer;
  font-size: 1rem;
}
#mainWrapper > #mainFrame .leftSubNav > div > h4 {
  font-size: 0.9rem;
  padding: 16px 16px 0;
  font-weight: bold;
}
#mainWrapper > #mainFrame .leftSubNav > div ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 10px 16px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
#mainWrapper > #mainFrame .leftSubNav > div ul:last-child {
  border: none;
}
#mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  cursor: pointer;
}
#mainWrapper > #mainFrame .leftSubNav > div ul > li:last-child {
  border: none;
}
#mainWrapper > #mainFrame .leftSubNav > div ul > li:hover {
  color: #4e5966;
  font-weight: 600;
}
#mainWrapper > #mainFrame .leftSubNav > div ul > li > a {
  display: flex;
  padding: 7px 2px;
}
#mainWrapper > #mainFrame > #mainContainer {
  padding-left: 180px;
  flex: 1;
}
body #mainWrapper .fontHover {
  color: #4e5966;
}
body #mainWrapper .navHover {
  background-color: #4e5966;
}
body #mainWrapper .navActive {
  background-color: #4e5966;
}
body #mainWrapper > #topNavigation {
  background-color: #343b44;
}
body #mainWrapper > #topNavigation .logo-section {
  color: white;
}
body #mainWrapper > #topNavigation .logo-section .menu-nav {
  color: white;
  background-color: #07080a;
}
body #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: #26c281;
}
body #mainWrapper > #topNavigation > #quick-contact > .category-selector > span {
  border-color: #343b44;
}
body #mainWrapper > #topNavigation > #quick-contact > .category-selector > span:hover {
  background-color: #1e2127;
  color: #26c281;
}
body #mainWrapper > #topNavigation > #quick-contact > .category-selector > span.active {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
body #mainWrapper > #topNavigation > #quick-contact > .category-selector.start > span:last-child {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
body #mainWrapper > #topNavigation > #quick-contact.open .contact-selector > input {
  background-color: white;
  color: #454545;
}
body #mainWrapper > #topNavigation > #quick-contact > .contact-selector:before {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
body #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
  background-color: #4e5966;
  color: white;
}
body #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
body #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
body #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
body #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup {
  background: white;
  box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section {
  border-bottom-color: #e5e5e5;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list:hover {
  background: #f4f4f4;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > img {
  border-color: #e5e5e5;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn {
  color: #3896ff;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn:hover {
  color: gray;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .title-text {
  color: #3896ff;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text {
  color: #999999;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text > b {
  color: #666666;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details:hover {
  background: #efefef;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn {
  color: #454545;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn:hover {
  background-color: #efefef !important;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > img {
  border-color: #e5e5e5;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .title-text {
  color: #3896ff;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text {
  color: #999999;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text > b {
  color: #666666;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip {
  background: #e5e5e5;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a {
  background: #f4f4f4;
  border-color: #e5e5e5;
  color: #666666;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a:hover {
  color: #4d4d4d;
  border-color: #cdcdcd;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or {
  border-bottom-color: #d9d9d9;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or span {
  background: white;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button {
  background: #f4f4f4;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button:hover {
  border-color: #b0b0b0;
  color: #4d4d4d;
}
body #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .nav-icon-close {
  color: #b0b0b0;
}
body #mainWrapper > #topNavigation > .quick-links > ul > li {
  border-left-color: #4e5966;
  color: #c0c7cf;
}
body #mainWrapper > #topNavigation > .quick-links > ul > li:hover {
  background-color: #1e2127;
  color: #26c281;
}
body #mainWrapper > #topNavigation > .quick-links > ul > li .links-text {
  color: white;
}
body #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a {
  color: white;
}
body #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a .small-note {
  background-color: #ff4d4d !important;
  color: white;
}
body #mainWrapper > #mainFrame #leftNav {
  background: white;
  border-right-color: #e6e6e6;
}
body #mainWrapper > #mainFrame #leftNav .volunteer-select {
  border-bottom: solid 1px #e6e6e6;
}
body #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label {
  margin: 0;
  padding: 17px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
body #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label:before {
  content: none;
}
body #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label [class*="nav-icon"] {
  display: none;
}
body #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"]:checked + label {
  background: #4e5966;
  color: white;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item.nav-seperator,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.nav-seperator {
  box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
  -moz-box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
  -webkit-box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a > span:last-child,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a > span:last-child {
  color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a:before,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a:before {
  background-color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open:before,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open:before {
  background-color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a {
  color: #454545;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[sub] > span:last-child:after,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[sub] > span:last-child:after {
  color: #999999;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:last-child,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:last-child {
  color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background-color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[data-sub] > span:last-child:after,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[data-sub] > span:last-child:after,
body #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[sub] > span:last-child:after,
body #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[sub] > span:last-child:after {
  color: #4e5966;
}
body #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header {
  background: #e5e5e5;
}
body #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header.ui-accordion-header-active {
  background: #1e2127;
  color: white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
body #mainWrapper > #mainFrame .leftSubNav > div {
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
body #mainWrapper > #mainFrame .leftSubNav > div > h3 {
  border-bottom-color: #e6e6e6;
}
body #mainWrapper > #mainFrame .leftSubNav > div > h3 > span.nav-close {
  color: #999999;
}
body #mainWrapper > #mainFrame .leftSubNav > div > h4 {
  color: #4e5966;
}
body #mainWrapper > #mainFrame .leftSubNav > div ul {
  border-bottom-color: #e6e6e6;
}
body #mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-bottom-color: #e6e6e6;
}
body #mainWrapper > #mainFrame .leftSubNav > div ul > li:hover {
  color: #4e5966;
}
body #mainWrapper .freeze-bottom {
  border-color: #343b44;
}
body .nicescroll-rails {
  background: #e5e5e5;
}
body .nicescroll-rails > div {
  background-color: #999999 !important;
}
body.darkTheme #mainWrapper .fontHover {
  color: white;
}
body.darkTheme #mainWrapper .navHover {
  background-color: white;
}
body.darkTheme #mainWrapper .navActive {
  background-color: white;
}
body.darkTheme #mainWrapper > #topNavigation {
  background-color: #343b44;
}
body.darkTheme #mainWrapper > #topNavigation .logo-section {
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation .logo-section .menu-nav {
  color: white;
  background-color: #07080a;
}
body.darkTheme #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: #26c281;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span {
  border-color: #343b44;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span:hover {
  background-color: #1e2127;
  color: #26c281;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span.active {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector.start > span:last-child {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact.open .contact-selector > input {
  background-color: white;
  color: #454545;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector:before {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
  background-color: #4e5966;
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup {
  background: white;
  box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section {
  border-bottom-color: #e5e5e5;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list:hover {
  background: #f4f4f4;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > img {
  border-color: #e5e5e5;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn {
  color: #3896ff;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn:hover {
  color: gray;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .title-text {
  color: #3896ff;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text {
  color: #999999;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text > b {
  color: #666666;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details:hover {
  background: #efefef;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn {
  color: #454545;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn:hover {
  background-color: #efefef !important;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > img {
  border-color: #e5e5e5;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .title-text {
  color: #3896ff;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text {
  color: #999999;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text > b {
  color: #666666;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip {
  background: #e5e5e5;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a {
  background: #f4f4f4;
  border-color: #e5e5e5;
  color: #666666;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a:hover {
  color: #4d4d4d;
  border-color: #cdcdcd;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or {
  border-bottom-color: #d9d9d9;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or span {
  background: white;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button {
  background: #f4f4f4;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button:hover {
  border-color: #b0b0b0;
  color: #4d4d4d;
}
body.darkTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .nav-icon-close {
  color: #b0b0b0;
}
body.darkTheme #mainWrapper > #topNavigation > .quick-links > ul > li {
  border-left-color: #4e5966;
  color: #c0c7cf;
}
body.darkTheme #mainWrapper > #topNavigation > .quick-links > ul > li:hover {
  background-color: #1e2127;
  color: #26c281;
}
body.darkTheme #mainWrapper > #topNavigation > .quick-links > ul > li .links-text {
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a {
  color: white;
}
body.darkTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a .small-note {
  background-color: #ff4d4d !important;
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav {
  background: #3f4752;
  border-right-color: #6b798c;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav .volunteer-select {
  border-bottom: solid 1px #292e35;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label {
  margin: 0;
  padding: 17px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label:before {
  content: none;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label [class*="nav-icon"] {
  display: none;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"]:checked + label {
  background: #4e5966;
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.nav-seperator,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.nav-seperator {
  box-shadow: 0px -1px 0px 0px #6b798c inset;
  -moz-box-shadow: 0px -1px 0px 0px #6b798c inset;
  -webkit-box-shadow: 0px -1px 0px 0px #6b798c inset;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a > span:last-child,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a > span:last-child {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a:before,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a:before {
  background-color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open:before,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open:before {
  background-color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a {
  color: #dde1e5;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[sub] > span:last-child:after,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[sub] > span:last-child:after {
  color: #999999;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:last-child,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:last-child {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background-color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[data-sub] > span:last-child:after,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[data-sub] > span:last-child:after,
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[sub] > span:last-child:after,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[sub] > span:last-child:after {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header {
  background: #e5e5e5;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header.ui-accordion-header-active {
  background: #292e35;
  color: white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div {
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 {
  border-bottom-color: #6b798c;
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 > span.nav-close {
  color: #a5abb2;
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div > h4 {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div ul {
  border-bottom-color: #6b798c;
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-bottom-color: #6b798c;
}
body.darkTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li:hover {
  color: white;
}
body.darkTheme #mainWrapper .freeze-bottom {
  border-color: #343b44;
}
body.darkTheme .nicescroll-rails {
  background: #131518;
}
body.darkTheme .nicescroll-rails > div {
  background-color: #6b798c !important;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background: #02c38a;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul .leftSubNav > div,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu .leftSubNav > div {
  background: #3f4752;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul .leftSubNav > div > h3,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu .leftSubNav > div > h3 {
  color: white;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul .leftSubNav > div ul > li,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu .leftSubNav > div ul > li {
  border-color: #6b798c;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul .leftSubNav > div ul > li > a,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu .leftSubNav > div ul > li > a {
  color: #dde1e5;
}
body.darkTheme #mainWrapper > #mainFrame #leftNav > ul .leftSubNav > div ul > li > a:hover,
body.darkTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu .leftSubNav > div ul > li > a:hover {
  color: white;
}
body.blueTheme #mainWrapper .fontHover {
  color: #2fbaff;
}
body.blueTheme #mainWrapper .navHover {
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper .navActive {
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #topNavigation {
  background-color: #00a1f1;
}
body.blueTheme #mainWrapper > #topNavigation .logo-section {
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation .logo-section .menu-nav {
  color: white;
  background-color: #005d8b;
}
body.blueTheme #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span {
  border-color: #00a1f1;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span:hover {
  background-color: #007fbe;
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span.active {
  color: white;
  border-right-color: #00a1f1;
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector.start > span:last-child {
  color: white;
  border-right-color: #00a1f1;
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact.open .contact-selector > input {
  background-color: white;
  color: #454545;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector:before {
  color: white;
  border-right-color: #00a1f1;
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
  background-color: #2fbaff;
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup {
  background: white;
  box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section {
  border-bottom-color: #e5e5e5;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list:hover {
  background: #f4f4f4;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > img {
  border-color: #e5e5e5;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn {
  color: #3896ff;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn:hover {
  color: gray;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .title-text {
  color: #3896ff;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text {
  color: #999999;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text > b {
  color: #666666;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details:hover {
  background: #efefef;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn {
  color: #454545;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn:hover {
  background-color: #efefef !important;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > img {
  border-color: #e5e5e5;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .title-text {
  color: #3896ff;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text {
  color: #999999;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text > b {
  color: #666666;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip {
  background: #e5e5e5;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a {
  background: #f4f4f4;
  border-color: #e5e5e5;
  color: #666666;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a:hover {
  color: #4d4d4d;
  border-color: #cdcdcd;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or {
  border-bottom-color: #d9d9d9;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or span {
  background: white;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button {
  background: #f4f4f4;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button:hover {
  border-color: #b0b0b0;
  color: #4d4d4d;
}
body.blueTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .nav-icon-close {
  color: #b0b0b0;
}
body.blueTheme #mainWrapper > #topNavigation > .quick-links > ul > li {
  border-left-color: #2fbaff;
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > .quick-links > ul > li:hover {
  background-color: #007fbe;
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > .quick-links > ul > li .links-text {
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a {
  color: white;
}
body.blueTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a .small-note {
  background-color: #ff4d4d !important;
  color: white;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav {
  background: white;
  border-right-color: #e6e6e6;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav .volunteer-select {
  border-bottom: solid 1px #e6e6e6;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label {
  margin: 0;
  padding: 17px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label:before {
  content: none;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label [class*="nav-icon"] {
  display: none;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"]:checked + label {
  background: #4e5966;
  color: white;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.nav-seperator,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.nav-seperator {
  box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
  -moz-box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
  -webkit-box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a > span:last-child,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a > span:last-child {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a:before,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a:before {
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open:before,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open:before {
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a {
  color: #454545;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[sub] > span:last-child:after,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[sub] > span:last-child:after {
  color: #999999;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:last-child,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:last-child {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background-color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[data-sub] > span:last-child:after,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[data-sub] > span:last-child:after,
body.blueTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[sub] > span:last-child:after,
body.blueTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[sub] > span:last-child:after {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header {
  background: #e5e5e5;
}
body.blueTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header.ui-accordion-header-active {
  background: #007fbe;
  color: white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div {
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 {
  border-bottom-color: #e6e6e6;
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 > span.nav-close {
  color: #999999;
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div > h4 {
  color: #2fbaff;
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div ul {
  border-bottom-color: #e6e6e6;
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-bottom-color: #e6e6e6;
}
body.blueTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li:hover {
  color: #2fbaff;
}
body.blueTheme #mainWrapper .freeze-bottom {
  border-color: #00a1f1;
}
body.blueTheme .nicescroll-rails {
  background: #e5e5e5;
}
body.blueTheme .nicescroll-rails > div {
  background-color: #999999 !important;
}
body.blueTheme #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: #2fbaff;
}
body.burgundyTheme #mainWrapper .fontHover {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper .navHover {
  background-color: #fd2a5e;
}
body.burgundyTheme #mainWrapper .navActive {
  background-color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #topNavigation {
  background-color: #830121;
}
body.burgundyTheme #mainWrapper > #topNavigation .logo-section {
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation .logo-section .menu-nav {
  color: white;
  background-color: #1e0007;
}
body.burgundyTheme #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span {
  border-color: #830121;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span:hover {
  background-color: #500114;
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span.active {
  color: white;
  border-right-color: #830121;
  background-color: #c00130;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector.start > span:last-child {
  color: white;
  border-right-color: #830121;
  background-color: #c00130;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact.open .contact-selector > input {
  background-color: white;
  color: #454545;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector:before {
  color: white;
  border-right-color: #830121;
  background-color: #c00130;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
  background-color: #c00130;
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup {
  background: white;
  box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section {
  border-bottom-color: #e5e5e5;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list:hover {
  background: #f4f4f4;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > img {
  border-color: #e5e5e5;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn {
  color: #3896ff;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn:hover {
  color: gray;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .title-text {
  color: #3896ff;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text {
  color: #999999;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text > b {
  color: #666666;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details:hover {
  background: #efefef;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn {
  color: #454545;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn:hover {
  background-color: #efefef !important;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > img {
  border-color: #e5e5e5;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .title-text {
  color: #3896ff;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text {
  color: #999999;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text > b {
  color: #666666;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip {
  background: #e5e5e5;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a {
  background: #f4f4f4;
  border-color: #e5e5e5;
  color: #666666;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a:hover {
  color: #4d4d4d;
  border-color: #cdcdcd;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or {
  border-bottom-color: #d9d9d9;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or span {
  background: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button {
  background: #f4f4f4;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button:hover {
  border-color: #b0b0b0;
  color: #4d4d4d;
}
body.burgundyTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .nav-icon-close {
  color: #b0b0b0;
}
body.burgundyTheme #mainWrapper > #topNavigation > .quick-links > ul > li {
  border-left-color: #c00130;
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > .quick-links > ul > li:hover {
  background-color: #500114;
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > .quick-links > ul > li .links-text {
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a {
  color: white;
}
body.burgundyTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a .small-note {
  background-color: #ff4d4d !important;
  color: white;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav {
  background: #231e1e;
  border-right-color: #080606;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .volunteer-select {
  border-bottom: solid 1px #080606;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label {
  margin: 0;
  padding: 17px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label:before {
  content: none;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label [class*="nav-icon"] {
  display: none;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"]:checked + label {
  background: #4e5966;
  color: white;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.nav-seperator,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.nav-seperator {
  box-shadow: 0px -1px 0px 0px #080606 inset;
  -moz-box-shadow: 0px -1px 0px 0px #080606 inset;
  -webkit-box-shadow: 0px -1px 0px 0px #080606 inset;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a > span:last-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a > span:last-child {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a:before,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a:before {
  background-color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open:before,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open:before {
  background-color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a {
  color: #cccccc;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[sub] > span:last-child:after,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[sub] > span:last-child:after {
  color: #999999;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:last-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:last-child {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background-color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[data-sub] > span:last-child:after,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[data-sub] > span:last-child:after,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[sub] > span:last-child:after,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[sub] > span:last-child:after {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header {
  background: #cdcdcd;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header.ui-accordion-header-active {
  background: #500114;
  color: white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div {
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 {
  border-bottom-color: #080606;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 > span.nav-close {
  color: #999999;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div > h4 {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div ul {
  border-bottom-color: #080606;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-bottom-color: #080606;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li:hover {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper .freeze-bottom {
  border-color: #830121;
}
body.burgundyTheme .nicescroll-rails {
  background: black;
}
body.burgundyTheme .nicescroll-rails > div {
  background-color: #830121 !important;
}
body.burgundyTheme #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: #fd2a5e;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  color: #cccccc;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background: #830121;
}
body.burgundyTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > span:first-child,
body.burgundyTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > span:first-child {
  color: white;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div {
  background: #231e1e;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 {
  color: white;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-color: #080606;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li > a {
  color: #cccccc;
}
body.burgundyTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li > a:hover {
  color: white;
}
.mainWrapperTheme #mainWrapper .fontHover {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper .navHover {
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper .navActive {
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #topNavigation {
  background-color: #343b44;
}
.mainWrapperTheme #mainWrapper > #topNavigation .logo-section {
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation .logo-section .menu-nav {
  color: white;
  background-color: #07080a;
}
.mainWrapperTheme #mainWrapper > #topNavigation .logo-section .menu-nav:hover {
  color: #26c281;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span {
  border-color: #343b44;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span:hover {
  background-color: #1e2127;
  color: #26c281;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector > span.active {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .category-selector.start > span:last-child {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact.open .contact-selector > input {
  background-color: white;
  color: #454545;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector:before {
  color: white;
  border-right-color: #343b44;
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input {
  background-color: #4e5966;
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .contact-selector > input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup {
  background: white;
  box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 18px 30px -2px rgba(0, 0, 0, 0.5);
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section {
  border-bottom-color: #e5e5e5;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list:hover {
  background: #f4f4f4;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > img {
  border-color: #e5e5e5;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn {
  color: #3896ff;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .more-btn:hover {
  color: gray;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .title-text {
  color: #3896ff;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text {
  color: #999999;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details .sub-text > b {
  color: #666666;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .recent-container > .list-section > .contact-list > .contact-details:hover {
  background: #efefef;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn {
  color: #454545;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .back-btn:hover {
  background-color: #efefef !important;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > img {
  border-color: #e5e5e5;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .title-text {
  color: #3896ff;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text {
  color: #999999;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-info-section .name-section > .contact-details .sub-text > b {
  color: #666666;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .contact-type-strip {
  background: #e5e5e5;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a {
  background: #f4f4f4;
  border-color: #e5e5e5;
  color: #666666;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .contact-detail-container .take-action .buttons > a:hover {
  color: #4d4d4d;
  border-color: #cdcdcd;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or {
  border-bottom-color: #d9d9d9;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup > .quick-search-container .quick-search-box .sprt-ln-or span {
  background: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button {
  background: #f4f4f4;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section button:hover {
  border-color: #b0b0b0;
  color: #4d4d4d;
}
.mainWrapperTheme #mainWrapper > #topNavigation > #quick-contact > .recent-contact-popup .top-section .nav-icon-close {
  color: #b0b0b0;
}
.mainWrapperTheme #mainWrapper > #topNavigation > .quick-links > ul > li {
  border-left-color: #4e5966;
  color: #c0c7cf;
}
.mainWrapperTheme #mainWrapper > #topNavigation > .quick-links > ul > li:hover {
  background-color: #1e2127;
  color: #26c281;
}
.mainWrapperTheme #mainWrapper > #topNavigation > .quick-links > ul > li .links-text {
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a {
  color: white;
}
.mainWrapperTheme #mainWrapper > #topNavigation > .quick-links > ul > li.inbox-header-panel a .small-note {
  background-color: #ff4d4d !important;
  color: white;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav {
  background: white;
  border-right-color: #e6e6e6;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .volunteer-select {
  border-bottom: solid 1px #e6e6e6;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label {
  margin: 0;
  padding: 17px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 49%;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label:before {
  content: none;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"] + label [class*="nav-icon"] {
  display: none;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .volunteer-select input[type="radio"]:checked + label {
  background: #4e5966;
  color: white;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.nav-seperator,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.nav-seperator {
  box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
  -moz-box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
  -webkit-box-shadow: 0px -1px 0px 0px #e6e6e6 inset;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a > span:last-child,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a > span:last-child {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item:hover > a:before,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item:hover > a:before {
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open:before,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open:before {
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a {
  color: #454545;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:first-child,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:first-child {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a[sub] > span:last-child:after,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a[sub] > span:last-child:after {
  color: #999999;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:last-child,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:last-child {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  background-color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .open > span:last-child,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .open > span:last-child {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[data-sub] > span:last-child:after,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[data-sub] > span:last-child:after,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > ul > .nav-item .opena[sub] > span:last-child:after,
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item .opena[sub] > span:last-child:after {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header {
  background: #e5e5e5;
}
.mainWrapperTheme #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header.ui-accordion-header-active {
  background: #1e2127;
  color: white;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div {
  background: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 {
  border-bottom-color: #e6e6e6;
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div > h3 > span.nav-close {
  color: #999999;
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div > h4 {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div ul {
  border-bottom-color: #e6e6e6;
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li {
  border-bottom-color: #e6e6e6;
}
.mainWrapperTheme #mainWrapper > #mainFrame .leftSubNav > div ul > li:hover {
  color: #4e5966;
}
.mainWrapperTheme #mainWrapper .freeze-bottom {
  border-color: #343b44;
}
.mainWrapperTheme .nicescroll-rails {
  background: #e5e5e5;
}
.mainWrapperTheme .nicescroll-rails > div {
  background-color: #999999 !important;
}
body.nav-max #mainWrapper > #mainFrame div.leftSubNav {
  left: 180px;
}
body.nav-max #mainWrapper > #mainFrame > #mainContainer {
  padding-left: 180px;
}
body.nav-min #mainWrapper > #mainFrame > #mainContainer {
  padding-left: 50px;
}
body.nav-min #mainWrapper > #mainFrame .leftSubNav {
  left: 50px;
}
body.nav-min #mainWrapper > #mainFrame #leftNav {
  width: 50px;
  overflow: hidden;
}
body.nav-min #mainWrapper > #mainFrame #leftNav > #accordion {
  width: 50px;
}
body.nav-min #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active:before,
body.nav-min #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active:before {
  width: 49px;
}
body.nav-min #mainWrapper > #mainFrame #leftNav > ul > .nav-item.active > a > span:first-child,
body.nav-min #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item.active > a > span:first-child {
  color: white;
  margin-left: 0px;
}
body.nav-min #mainWrapper > #mainFrame #leftNav > ul > .nav-item > a > span:last-child,
body.nav-min #mainWrapper > #mainFrame #leftNav .accessible-megamenu > .nav-item > a > span:last-child {
  /* removed display: none, so that reads during accessibility */
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
body.nav-min #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header .text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
body.nav-min #mainWrapper > #mainFrame #leftNav > #accordion > .ui-accordion-header .ui-icon {
  display: none;
}
/*FS Controll Here*/

.fs.compact-datafield .fs-f {
  padding-bottom: 0px;
}
.fs,
.fs > .fs-g,
.fs .fs-f {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fs,
.fs > .fs-g,
.fs .fs-f:not([class*="col-"]) {
  width: 100%;
}
.fs .fs-f[class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.fs .fs-f[class*="col-"].first {
  padding-left: 0px;
}
.fs .fs-f[class*="col-"].last {
  padding-right: 0px;
}
.fs .fs-f {
  padding-bottom: 12px;
}
.fs .fs-f > .fs-f-l,
.fs .fs-f > .fs-f-i {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}
.fs .fs-f > .fs-f-l,
.fs .fs-f > .fs-f-i .fs-f {
  padding-left: 0px;
}
.fs .fs-f > .fs-f-l {
  padding: 0 12px 0 0;
  display: block;
}
.fs .fs-f > .fs-f-l h3 label {
  font-size: inherit !important;
}
.fs .fs-f > .fs-f-i h3 label {
  font-size: inherit !important;
}
.fs .fs-f > .fs-f-i h3 input[type="checkbox"] + label:before,
.fs .fs-f > .fs-f-l h3 input[type="checkbox"] + label:before {
  margin-top: 1px;
}
.fs .fs-f > .fs-f-i .select:hover:after {
  background-position: center -19px;
}
.fs .fs-f > .fs-f-i input:focus,
.fs .fs-f > .fs-f-i .select > select:focus {
  outline: 0;
}
.fs h2,
.fs h3,
.fs h4,
.fs h5,
.fs h6 {
  padding-bottom: 0px;
}
.fs > .fs-g {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.fs > .fs-g:last-child {
  border-bottom: 0;
}
.fs .fs-f.fs-v input {
  background-color: #fcf4e7;
}
.fs .fs-f > .fs-f-l label {
  display: inline-block;
  padding: 6px 0 5px 0;
}
.fs .fs-f > .fs-f-l h3 {
  padding: 0 0 5px 0;
}
.fs.linear .fs-f > .fs-f-i label {
  padding: 0 0 5px 0;
  font-size: 1.3em;
  color: #454545;
}
.fs.linear .fs-f > .fs-f-i label b {
  font-weight: 700;
  font-size: 1.15em;
  display: inline-block;
  line-height: 14px;
}
.fs.linear .fs-f > .fs-f-i label.fs-info-label {
  font-size: 1.2em;
  padding-top: 5px;
}
.fs-multilevel {
  float: left;
  width: 100%;
}
.fs-multilevel > .fs-g {
  float: left;
  width: 100%;
}
.fs-multilevel > .fs-g .fs-g {
  padding: 0 0 0 30px;
  display: inline-block;
  width: 100%;
}
.fs-multilevel .fs-f {
  padding: 0px;
}
.fs.remove-group-pad > .fs-g {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.fs .fs-f > .fs-f-i > [class*="col-"] > span[class*="icon-"] {
  font-size: 2.6em;
  color: #b0b0b0;
  cursor: pointer;
  vertical-align: middle;
}
.fs .fs-f > .fs-f-i > button:first-child,
.fs .fs-f > .fs-f-i > input[type="button"]:first-child,
.fs .fs-f > .fs-f-i > input[type="submit"]:first-child {
  margin-left: 0px;
}
.fs .fs-f > .fs-f-i > [class*="col-"] > span[class*="icon-"]:hover {
  color: #454545;
}
/*additional style for fs in to list*/

.list-1 .fs .fs-f > .fs-f-l label {
  font-size: 1.3em;
  color: #666666;
}
.fs .fs-f > .fs-f-l label.lbl-bold {
  font-weight: bold;
}
.list-1.root-list.first-col-icon .lst-item > div:first-child > [class*="icon-"] {
  left: 15px;
}
.list-1.first-col-icon .lst-item .list-1 .lst-item > div:first-child {
  padding-left: 15px;
}
.list-1.first-col-icon .lst-item .list-1.root-list .lst-item > div:first-child {
  padding-left: 20px;
}
.list-1 .fs .fs-f > .fs-f-i label {
  font-size: 1.3em;
  color: #666666;
}
.list-1 input,
.list-1 select,
.list-1 textarea {
  font-size: 1.3em;
}
.root-list .fs input[type="radio"] + label,
.root-list .fs input[type="checkbox"] + label {
  margin-right: 10px !important;
}
[ng-controller="AdvanceSearchCtrl"] [data-ng-model="AdvanceSearch.group"] .fs.inline {
  padding-right: 60px;
}
[ng-controller="AdvanceSearchCtrl"] .rule .fs.linear > .fs-f:last-child {
  padding-bottom: 0;
}
.fs [class*="col-"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fs [class*="icon-"] {
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 769px) {
  .fs.linear-same-space .fs-f {
    padding-left: 10px;
  }
  .fs.fs-col-2 .fs-f {
    width: 48%;
    padding-left: 2%;
  }
  .fs.fs-col-2 .fs-f.fullwidth {
    width: 98%;
  }
  .fs.fs-col-2 .fs-f.fullwidth .fs-f-l {
    width: 12%;
  }
  .fs.fs-col-2 .fs-f.fullwidth .fs-f-i {
    width: 86%;
  }
  .fs.fs-col-3 .fs-f {
    width: 31%;
    padding-left: 2.33%;
  }
  .fs-col-2 .fs-col-1 .fs-f {
    width: 102%;
    margin-left: -2%;
  }
}
@media (max-width: 1024px) {
  .md-fs-col-1 .fs-f {
    width: 100%;
    padding-left: 0;
  }
  .md-fs-col-2 .fs-f {
    width: 48%;
    padding-left: 2%;
  }
}
@media (max-width: 768px) {
  .fs .fs-f {
    padding-left: 2%;
    padding-right: 2%;
  }
  .sm-fs-col-2 .fs-f {
    width: 48%;
    padding-left: 2%;
  }
  .sm-fs-col-2 .fs-f.fullwidth {
    width: 98%;
  }
  .sm-fs-col-2 .fs-f.fullwidth .fs-f-l {
    width: 12%;
  }
  .sm-fs-col-2 .fs-f.fullwidth .fs-f-i {
    width: 86%;
  }
  .sm-fs-col-3 .fs-f {
    width: 31%;
    padding-left: 2.33%;
  }
  .sm-fs-col-2 .fs-col-1 .fs-f {
    width: 102%;
    margin-left: -2%;
  }
}
@media (min-width: 768px) {
  .fs .fs-f > .fs-f-i label {
    padding: 9px 0 5px 0;
    display: inline-block;
  }
  .fs .fs-f > .fs-f-i label.label-info {
    padding-top: 6px;
  }
  .fs .fs-f > .fs-f-i .chk-btn input[type="checkbox"] + label {
    padding-top: 2px;
    padding-bottom: 0px;
  }
  .fs .fs-f > .fs-f-i input[type="checkbox"] + label {
    margin-bottom: 0px;
    padding-bottom: 7px;
    padding-top: 6px;
  }
  .fs .fs-f > .fs-f-l label {
    padding: 9px 0 5px 0;
  }
  /*.fs .fs-f > .fs-f-l label:after {
          content: ":";
      }*/
  
  .fs .fs-f > .fs-f-l,
  .fs .fs-f > .fs-f-i {
    display: inline-block;
    float: left;
  }
  .fs .fs-f > .fs-f-l {
    width: 25%;
    text-align: right;
  }
  .fs .fs-f > .fs-f-i {
    width: 75%;
  }
  .fs.inline .fs-f {
    padding: 5px;
  }
  .fs.inline .fs-f > .fs-f-l {
    width: auto;
    text-align: left;
  }
  .fs.inline .fs-f > .fs-f-i {
    width: auto;
  }
  .fs.inline.linear .fs-f {
    padding: 5px;
  }
  .fs.inline.linear .fs-f > .fs-f-l {
    width: 100%;
    text-align: left;
  }
  .fs.inline.linear .fs-f > .fs-f-i {
    width: 100%;
  }
  .fs-f.fs-f-inline > .fs-f-l {
    width: auto !important;
    text-align: left !important;
  }
  .fs-f.fs-f-inline > .fs-f-i {
    width: auto !important;
    text-align: left !important;
  }
  .fs.inline .fs-f {
    width: auto;
    float: left;
  }
  .linear .fs-f > .fs-f-l,
  .linear .fs-f > .fs-f-i {
    width: 100%;
  }
  .linear .fs-f > .fs-f-l {
    text-align: left;
  }
  .linear .fs-f.fullwidth {
    width: 96.2%;
  }
  .linear .fs-f.fullwidth .fs-f-l {
    width: 100%;
  }
  .linear .fs-f.fullwidth .fs-f-i {
    width: 100%;
  }
  .fs.fs-col-2.linear .fs-f.fullwidth .fs-f-l {
    width: 100%;
  }
  .fs.fs-col-2.linear .fs-f.fullwidth .fs-f-i {
    width: 98%;
  }
  .fs .fs-f [class*="col-"] {
    padding-right: 10px;
  }
  .fs .fs-f [class="col-12"] {
    padding-right: 0px;
  }
  .fs .fs-f [class*="col-"]:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 769px) {
  .fs.remove-group-pad > .fs-f,
  .fs.remove-group-pad > .fs-g > .fs-f {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .fs.sm-inline .fs-f {
    padding: 5px;
  }
  .fs.sm-inline .fs-f > .fs-f-l {
    width: auto !important;
    text-align: left;
  }
  .fs.sm-inline .fs-f > .fs-f-i {
    width: auto !important;
  }
  .fs.sm-inline .fs-f {
    width: auto !important;
    float: left;
  }
}
@media screen and (max-width: 1024px) {
  .fs-linear1024 .fs-f .fs-f-i,
  .fs-linear1024 .fs-f .fs-f-l {
    width: 100%;
    text-align: left;
  }
  .fs-linear1024.fs-col-2 .fs-f.fullwidth {
    width: 96%;
  }
  .fs-linear1024.fs-col-2 .fs-f.fullwidth .fs-f-l {
    width: 100%;
  }
  .fs-linear1024.fs-col-2 .fs-f.fullwidth .fs-f-i {
    width: 100%;
  }
  .fs-block1024 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .fs .fs-f > .fs-f-l,
  .fs .fs-f > .fs-f-i {
    width: 100%;
  }
  .fs .fs-f [class*="col-sm-"] {
    padding-right: 10px !important;
  }
  .fs-linear1024.fs-col-2 .fs-f.fullwidth {
    width: 100%;
  }
  .fs .fs-f [class*="col-sm-"]:last-child {
    padding-right: 0 !important;
  }
  .fs-block768 {
    width: 100%;
  }
  .fs-width-auto .fs-f {
    width: auto !important;
    padding-bottom: 0px;
  }
  .fs .fs-f div[class*="col-"],
  .fs .fs-f span[class*="col-"] {
    margin-bottom: 10px;
    padding: 0px;
  }
  .fs .fs-f div[class*="col-"]:last-child,
  .fs .fs-f span[class*="col-"]:last-child {
    margin-bottom: 0px;
    padding: 0px;
  }
  .fs .fs-f > .fs-f-l {
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .fs .col-sm-12 {
    padding-right: 0px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .fs .col-md-12 {
    padding-right: 0px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .fs .col-lg-12 {
    padding-right: 0px;
  }
}
.disable-form {
  position: relative;
}
.disable-form .disable-form-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.1);
  display: none;
}
.disable-form[disabled="disabled"] .disable-form-overlay {
  display: inline-block !important;
}
.fs.label-align-left {
  padding: 0px !important;
}
.fs.label-align-left .fs-f {
  padding: 0px !important;
}
.fs.label-align-left .fs-f-l {
  text-align: left;
  width: 30%;
}
.fs.label-align-left .fs-f-i {
  width: 70%;
}
.fs.inline-pad .fs-f {
  padding-right: 25px;
  padding-left: 0px;
}
.fs.inline-pad .fs-f.fs-sap {
  border-right: 1px solid #e0e0e0;
}
.fs.inline-pad .fs-f.fs-sap + .fs-f {
  padding-left: 20px;
}
.fs.fs-col-2-pad .fs-f {
  padding-left: 0px;
  padding-right: 20px;
}
/*List Controll Here*/

.list-1,
.multilevel-list-1 {
  display: inline-block;
  width: 100%;
}
.list-1 > .lst-header,
.multilevel-list-1 > .lst-header {
  display: inline-block;
  width: 100%;
  float: left;
  color: #999999;
  font-size: 1.2em;
}
.nobreak-word > .lst-header > .lst-item > [class*="col-"] label {
  word-wrap: normal;
}
.nobreak-word > .lst-body > .lst-item > [class*="col-"] label,
.nobreak-word > .lst-body > .lst-item > [class*="col-"] p {
  word-wrap: normal;
}
.list-1 > .lst-header h3 {
  font-size: 1.8em;
  color: #454545;
  font-weight: 600;
}
.list-1 h2 {
  font-size: 1.6em;
  color: #454545;
  font-weight: 600;
}
.list-2 > .lst-body .list-1-header,
.multilevel-list-1 .lst-body .list-1-header,
.list-1 > .lst-body .list-1-header,
.list-1 > .lst-header label,
.multilevel-list-1 > .lst-header label,
.multilevel-list-1 .list-1 > .lst-header label {
  font-size: 1.3em !important;
  display: inline-block;
  color: #999999 !important;
  /*word-wrap: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  width: 100%;
}
.lst-header label span[class*="icon-"] {
  display: inline-block;
  font-size: 1.8em;
  margin-left: -3px;
  margin-top: 1px;
}
.list-1 > .lst-header label,
.multilevel-list-1 > .lst-header label {
  padding-top: 8px;
}
.multilevel-list-1 .list-1 > .lst-header label {
  padding-top: 0px;
}
.list-2 > .lst-body .list-1-header,
.list-1 > .lst-body .list-1-header {
  padding-bottom: 3px;
}
.list-1 > .lst-body,
.multilevel-list-1 > .lst-body {
  border-bottom: 1px solid #e5e5e5;
  display: inline-block;
  width: 100%;
  float: left;
}
.multilevel-list-1 > .lst-body {
  padding-bottom: 8px;
}
.list-1.root-list .lst-item > .col-12 {
  padding-left: 20px !important;
}
.list-1 > .lst-header > .lst-item > div,
.list-1 > .lst-body > .lst-item > form > div,
.list-1 > .lst-body > .lst-item > div,
.list-1 > .lst-footer > .lst-item > div,
.multilevel-list-1 > .lst-body > .lst-item > div,
.multilevel-list-1 > .lst-footer > .lst-item > div,
.multilevel-list-1 > .lst-footer > div,
.multilevel-list-1 > .lst-header > .lst-item > div {
  padding: 10px 15px;
}
.lst-item > div[spinner-key] {
  padding: 0px !important;
}
.multilevel-list-1 > .lst-body > .lst-item > .list-1 {
  padding: 0px;
}
.list-1 > .lst-header > .lst-item > div > div[class*="col-"],
.list-1 > .lst-body > .lst-item > div > div[class*="col-"],
.list-1 > .lst-footer > .lst-item > div > div[class*="col-"] {
  padding-right: 10px;
  padding-bottom: 10px;
}
.list-1 > .lst-body > .lst-item,
.multilevel-list-1 > .lst-body > .lst-item {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  float: left;
}
.list-1.middleAlign > .lst-body > .lst-item {
  float: none;
}
.list-1.middleAlign > .lst-body > .lst-item > div[class*="col-"] {
  max-width: 0px;
}
.list-1 > .lst-body > .lst-item.selected,
.list-1 > .lst-body > .lst-item.selected:hover {
  background-color: #faf4d2;
}
.list-1 > .lst-body > .lst-item > div > .shorting-icon {
  float: left;
  margin-top: 10px;
  margin-left: -9px;
}
.list-1 > .lst-body > .lst-item > div > .shorting-icon + * {
  float: left;
  width: calc(80%);
  /*word-wrap: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.list-1 .list-seperator,
.multilevel-list-1 .list-seperator {
  display: inline-block;
  margin-right: 5px;
}
.list-1 .list-seperator > label,
.multilevel-list-1 .list-seperator > label {
  font-size: 1.2em !important;
  color: #999999 !important;
}
.list-1 .list-seperator > label:after,
.multilevel-list-1 .list-seperator > label:after {
  content: " :";
  padding-right: 3px;
}
.list-1 .list-seperator > span,
.multilevel-list-1 .list-seperator > span {
  font-size: 1.3em !important;
  color: #454545 !important;
}
.list-1 .list-seperator > span.color-red,
.multilevel-list-1 .list-seperator > span.color-red {
  color: #ff4d4d !important;
}
.list-1 .list-seperator > span *,
.multilevel-list-1 .list-seperator > span * {
  font-size: inherit !important;
}
.list-1 .list-seperator > span [class*="icon-"],
.multilevel-list-1 .list-seperator > span [class*="icon-"] {
  font-size: 2em !important;
  display: inline-block;
}
.list-1 .list-seperator:after,
.multilevel-list-1 .list-seperator:after {
  font-size: 1.3em;
  content: "|";
  color: #999999;
  margin-left: 8px;
  display: inline-block;
}
.list-1 .list-seperator:last-child:after,
.multilevel-list-1 .list-seperator:last-child:after {
  content: "";
}
.list-1 .list-seperator.remove-seperator:after,
.multilevel-list-1 .list-seperator.remove-seperator:after {
  display: none;
}
.list-1 file-select .drop-box span.min-text,
.multilevel-list-1 file-select .drop-box span.min-text {
  font-size: 1.1em;
  font-weight: 400;
  padding: 5px;
}
.list-1.middleAlign > .lst-body > .lst-item > div > .shorting-icon {
  float: none;
  display: inline-block;
  margin-top: -4px;
}
.list-1.middleAlign > .lst-body > .lst-item > div > .shorting-icon + * {
  float: none;
  display: inline-block;
}
.list-1 .lst-icon,
.multilevel-list-1 .lst-icon,
.list-4 .lst-icon,
.lst-icon-big {
  color: #999999;
  cursor: pointer;
}
.multilevel-list-1 h3 .btn-group {
  font-size: 0.6em;
}
.multilevel-list-1 .icon-active,
.multilevel-list-1 .icon-inactive {
  font-size: 2.6em;
  cursor: pointer;
}
.list-1 .lst-icon,
.multilevel-list-1 .lst-icon,
.list-4 .lst-icon {
  font-size: 2.25em;
}
.lst-icon-big {
  font-size: 4.9em;
}
.list-1 > .lst-footer {
  display: inline-block;
  width: 100%;
  float: left;
}
.list-1 > .lst-body h3,
.multilevel-list-1 > .lst-body h3 {
  font-weight: 600;
  font-size: 1.4em;
  margin-bottom: 10px;
  color: #454545;
  padding-bottom: 0px;
}
.list-1 > .lst-body h5,
.multilevel-list-1 > .lst-body h5 {
  font-weight: normal;
  font-size: 1.4em;
  margin-bottom: 0px;
  color: #454545;
  padding-bottom: 0px;
}
.list-1 input[type="checkbox"] + label,
.list-1 input[type="redio"] + label {
  margin-bottom: 0;
  padding-left: 30px;
  float: left;
  margin-right: 0;
}
.list-1 input[type="checkbox"] + label:before,
.list-1 input[type="redio"] + label:before {
  margin-left: -30px;
  float: left;
  margin-right: 6px;
}
.list-1 div[class*="col-"].align-center input[type="checkbox"] + label,
.list-1 div[class*="col-"].align-center input[type="redio"] + label {
  margin-right: 0px;
}
.list-1 h3 > span {
  color: #999999;
  float: right;
  font-size: 0.85em;
  font-weight: normal;
  padding-top: 1px;
}
.list-1 p,
.list-1 > .lst-body label,
.icon .multilevel-list-1 p,
.multilevel-list-1 > .lst-body label,
.multilevel-list-1 > .lst-body p {
  color: #454545;
  font-size: 1.3em;
  /*word-wrap: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.list-1 > .lst-body h4 {
  padding-bottom: 0;
  cursor: pointer;
}
.list-1 > .lst-body p i,
.list-1 > .lst-body i {
  color: #999999;
  display: inline-block;
  /*word-wrap: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.list-1 > .lst-body p i {
  font-size: 1em;
}
.list-1 > .lst-body p > b {
  font-weight: 500;
  font-size: 1.2em;
  margin-top: -2px;
}
.list-1 .lst-body p input[type="checkbox"] + label:before {
  margin-top: 2px;
}
.list-1 .lst-body p input[type="checkbox"] + label {
  font-size: 1.2em;
}
.multilevel-list-1 > .lst-body label > b,
.list-1 > .lst-body label > b {
  font-weight: 500;
  font-size: 1.2em;
  display: inline-block;
  margin-top: -2px;
}
.list-1 > .lst-body p > a.remove-link {
  color: inherit !important;
}
.list-1 > .lst-body p > a.remove-link > b {
  font-weight: 500;
  font-size: 1.2em;
  display: inline-block;
  margin-top: -2px;
}
.list-1 > .lst-body h5 > [class*="icon-"],
.multilevel-list-1 > .lst-body h5 > [class*="icon-"] {
  font-size: 1.8em !important;
}
.list-1 > .lst-body > .lst-item > div label + a[class*="icon-"] {
  margin-left: 10px;
}
.list-1 > .lst-body p a[class*="icon-"] {
  font-size: 2em !important;
}
.list-1 > .lst-body p a[class*="icon-"]:first-child {
  margin-left: 10px;
}
.list-1 h6 {
  color: #999999;
  margin-bottom: 3px;
}
.list-1 .lst-body .lst-item > div multiselect .btn-group > button.btn [class*="icon-"] {
  font-size: 1.1em;
}
.list-1 .lst-body .lst-item > div > button.icon-add {
  font-size: 4em;
  line-height: 0.8em;
  height: 32px;
}
.list-1 .lst-header .lst-item > div [class*="icon-"],
.list-1 .lst-body .lst-item > div [class*="icon-"] {
  color: #b0b0b0;
  font-size: 2.6em;
  cursor: pointer;
  line-height: 0;
  vertical-align: middle;
}
.list-1 [class*="icon-phone"],
.list-1 [class*="icon-email"],
.fa.fa-envelope,
.fa.fa-phone {
  cursor: default !important;
}
.list-1 .lst-body .lst-item > div .fa {
  /*color: @color-black-69;*/
  font-size: 1.3em;
  cursor: pointer;
  vertical-align: middle;
}
/*all icons inside list*/

.list-1 .lst-body .lst-item > div button [class*="icon-"] {
  font-size: inherit;
  color: #666666;
}
.list-1 .lst-body .lst-item > div > [class*="icon-"]:hover,
.multilevel-list-1 .lst-body .lst-item > div > [class*="icon-"]:hover,
.list-4 .lst-item > div > [class*="icon-"]:hover {
  color: #454545;
}
.list-1 .lst-body .lst-item > div [class*="icon-"]:hover {
  color: #454545;
}
/*all icons inside list*/

.list-1.middleAlign {
  display: table;
}
.list-1.middleAlign > .lst-header {
  display: table-header-group;
}
.list-1.middleAlign > .lst-body {
  display: table-row-group;
}
.list-1.middleAlign > .lst-footer {
  display: table-footer-group;
}
.list-1.middleAlign > .lst-header,
.list-1.middleAlign > .lst-body,
.list-1.middleAlign > .lst-footer {
  float: none;
}
.list-1.middleAlign .lst-item {
  display: table-row;
}
.list-1.middleAlign .lst-item > div {
  display: table-cell;
  float: none;
  vertical-align: middle;
  padding: 8px 15px;
}
.list-1.middleAlign > .lst-body > .lst-item > div,
.list-1.middleAlign > .lst-footer > .lst-item > div {
  border-top: 1px solid #e5e5e5;
}
.list-1.middleAlign input[type="checkbox"] + label,
.list-1.middleAlign input[type="radio"] + label {
  margin: 0px 20px 0px 0;
}
.list-1 .lst-body > .lst-item:hover {
  background: #fffce7;
}
.list-1 .lst-body > .lst-item.active {
  background: #fffce7;
}
.list-1 .lst-body > .lst-item:hover .list-1 .lst-body .lst-item {
  background: inherit;
}
.list-1 .lst-body > .lst-item:hover .list-1 .lst-body .lst-item:hover {
  background: white;
}
.list-1.remove-space-left .lst-body .lst-item:hover {
  background: none;
}
.root-list input[type="radio"] + label,
.root-list input[type="checkbox"] + label {
  margin-right: 10px;
}
.root-list .align-center input[type="radio"] + label,
.root-list .align-center input[type="checkbox"] + label {
  margin-right: 0px !important;
}
.list-1 .lst-item a {
  text-decoration: none;
  /*word-wrap: break-word;*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.list-1 .lst-body .lst-item > div > a:not([class*="icon-"]) {
  color: #02c38a;
}
/*------remove padding spacing class----------*/

.list-1.remove-pad .lst-item > div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.list-1.remove-space-left .lst-item > div:first-child {
  padding-left: 0px !important;
}
/* ---------- Tag control in list ------------------*/

.list-1 > .lst-body .tag label {
  font-size: 1em;
}
.list-1 .lst-body > .lst-item > div .tag > span > a {
  font-size: 0.85em;
}
.list-1 .lst-body > .lst-item > div .tag > span > span {
  font-size: 1em;
}
/*----------- START contact list using list 1---------------*/

.list-1 .lst-body > .lst-item.green-border {
  border-left: 5px solid #02c38a;
}
.list-1 .lst-body > .lst-item.gray-border {
  border-left: 5px solid #cdcdcd;
}
.list-1 .lst-body > .lst-item > div .cont-lst-header h4 {
  font-size: 1.8em;
  color: #454545;
  font-weight: normal;
  display: inline-block;
}
.list-1 .lst-body > .lst-item > div .cont-lst-header input[type="checkbox"] + label {
  margin-right: 10px;
  margin-left: 10px;
}
.list-1 .lst-body > .lst-item > div .cont-lst-header h4 em {
  font-size: 0.72em;
  color: #999999;
  font-style: normal;
}
.list-1 .lst-body > .lst-item > div .cont-lst-header h4 a {
  font-size: inherit;
  color: #333333;
}
.list-1 .lst-body > .lst-item > div a {
  color: #02c38a;
  font-size: 1.3em;
}
.list-1 .lst-body > .lst-item > div p a,
.list-1 .lst-body > .lst-item > div label a {
  font-size: inherit;
}
.list-1 .lst-body > .lst-item > div p contactview a {
  color: inherit;
}
.list-1 .lst-body > .lst-item > div a,
.multilevel-list-1 .lst-body > .lst-item > div a {
  text-decoration: none;
}
.list-1 .lst-body > .lst-item > div multiselect a {
  color: inherit;
}
.list-1 .lst-body > .lst-item .adjust-cont-icon {
  display: inline-block;
  padding-top: 5px;
  white-space: nowrap;
}
.list-1 .lst-body > .lst-item .adjust-cont-icon > [class*="icon-"]:first-child {
  margin-left: -5px;
}
.list-1 .lst-body > .lst-item .adjust-cont-icon + label {
  color: #999999;
  font-size: 1.3em;
  padding-left: 24px;
  display: block;
}
.bx-s1 .list-1 > div:last-child {
  border-bottom: none;
}
.bx-s1 .list-1 {
  float: left;
}
.bx-s1 .list-1.middleAlign {
  float: none;
}
.list-1 p.lst-num:before,
.list-1 span.lst-num:before,
.list-1 label.lst-num:before,
.list-1 div.lst-num:before {
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: white;
  border: 1px solid #999999;
  content: counter(section, decimal);
  display: block;
  min-height: 22px;
  min-width: 22px;
  padding: 1px;
  float: left;
  margin-right: 19px;
  text-align: center;
}
.list-1 > .lst-body > .cnt-inc {
  counter-increment: section;
}
.list-1 .lst-num {
  float: left;
}
.list-1 .lst-num > label {
  left: 7px;
  position: relative;
  top: -20px;
}
.root-list .lst-item > div[class*="col-"]:first-child {
  padding-left: 20px;
}
.root-list .lst-item > div[class*="col-"]:last-child {
  padding-right: 20px;
}
.root-list.first-col-icon .lst-item > div[class*="col-"]:nth-last-child(2) {
  padding-right: 20px;
}
.scrollable-body-big {
  max-height: 450px;
  overflow: auto;
}
.scrollable-body-medium {
  max-height: 300px;
  overflow: auto;
}
.scrollable-body-min-max {
  max-height: 300px;
  min-height: 300px;
  overflow: auto;
}
.scrollable-body-small {
  max-height: 200px;
  overflow: auto;
}
.scrollable-box {
  overflow: auto;
  max-height: 202px;
  min-height: 202px;
}
.list-1.first-col-icon .lst-item > div:first-child {
  position: relative;
  padding-left: 50px;
}
.list-1.first-col-icon .lst-item > div:first-child > [class*='icon-'] {
  position: absolute;
  left: 15px;
}
.list-1.first-col-icon .lst-header .lst-item > div:first-child > [class*='icon-'] {
  top: 16px;
  font-size: 2.5em;
}
.multilevel-list-1.first-col-icon .lst-item > div:first-child {
  padding-left: 35px;
}
.multilevel-list-1.first-col-icon .lst-item > div:first-child > [class*='icon-'] {
  font-size: 2.5em;
  position: absolute;
  left: 0px;
  top: 21px;
  cursor: pointer;
  color: #b0b0b0;
}
.multilevel-list-1.first-col-icon .lst-item > div:first-child > [class*='icon-']:hover {
  color: #454545;
}
.multilevel-list-1.first-col-icon .lst-header .lst-item > div:first-child > [class*='icon-'] {
  top: 27px;
  font-size: 2.5em;
}
.multilevel-list-1 .list-1.first-col-icon .lst-header .lst-item > div:first-child > [class*='icon-'] {
  top: 8px;
}
.list-1.first-col-icon .lst-item > div:first-child > [class*='icon-']:after {
  vertical-align: middle;
  line-height: 0.7em;
}
.lst-item input[type="checkbox"] + label > b {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: -3px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .list-1 .lst-body > .lst-item > div[class*="col-"] div[class*="col-"] {
    margin-bottom: 10px;
  }
  .list-1.middleAlign > .lst-body > .lst-item > div[class*="col-"] {
    max-width: none;
  }
  .list-1.middleAlign > .lst-body > .lst-item {
    float: left;
    width: 100%;
  }
  .list-1.remove-space-left .lst-item > div {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .list-1.first-col-icon .lst-item > div:first-child {
    padding-left: 10px;
  }
  .list-1.first-col-icon .lst-item > div:first-child > [class*='icon-'] {
    left: 5px;
  }
}
@media screen and (max-width: 480px) {
  .list-1 .lst-body > .lst-item > div[class*="col-"] div[class*="col-"] {
    margin-bottom: 10px;
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .list-1 > .lst-header:not([data-hide]),
  .list-1 > .lst-header:not([data-hide]) > div,
  .list-1 > .lst-header:not([data-hide]) > div * {
    display: none !important;
  }
  .list-1 > .lst-header > div:first-child,
  .list-1 > .lst-header > div:first-child h3 {
    display: inline-block;
  }
  .list-1 > .lst-header > div:first-child {
    width: 100%;
  }
  .list-1 > .lst-body > .lst-item {
    padding: 5px 0;
  }
  .list-1.root-list .lst-item > .col-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0px;
  }
  .list-1.first-col-icon .lst-item > div:first-child > [class*="icon-"],
  .list-1.root-list.first-col-icon .lst-item > div:first-child > [class*="icon-"] {
    right: 0px;
    left: inherit;
  }
  .multilevel-list-1 .align-center,
  .multilevel-list-1 .align-right,
  .list-1 .align-center,
  .list-1 .align-right {
    text-align: left;
  }
  .list-1 > .lst-body > .lst-item > div,
  .list-1 > .lst-body > .lst-item > form > div {
    padding: 5px 10px;
  }
  .list-1 > .lst-body > .lst-item > div .btn-group.action-btn {
    margin-left: 0;
    margin-right: 0;
  }
  .list-1 > .lst-header > .lst-item > div > div[class*="col-"],
  .list-1 > .lst-body > .lst-item > div > div[class*="col-"],
  .list-1 > .lst-footer > .lst-item > div > div[class*="col-"] {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .list-1 > .lst-header > .lst-item > div > div[class*="col-sm-"],
  .list-1 > .lst-body > .lst-item > div > div[class*="col-sm-"],
  .list-1 > .lst-footer > .lst-item > div > div[class*="col-sm-"] {
    padding-right: 10px;
    padding-bottom: 0px;
  }
  .list-1.middleAlign,
  .list-1.middleAlign > .lst-header,
  .list-1.middleAlign > .lst-body,
  .list-1.middleAlign > .lst-footer,
  .list-1.middleAlign .lst-item,
  .list-1.middleAlign .lst-item > div {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .list-1.middleAlign > .lst-body > .lst-item > div {
    border-top: 0;
  }
  .list-1.middleAlign,
  .list-1.middleAlign .lst-item {
    border-top: 1px solid #e5e5e5;
  }
  .list-1 .lst-item,
  .root-list .lst-item {
    padding: 5px 10px !important;
  }
  .root-list .lst-item > div[class*="col-"]:first-child {
    padding-left: 10px;
  }
  .root-list .lst-item > div[class*="col-"]:last-child {
    padding-left: 10px;
  }
  .editable-list .lst-item > div {
    border-left: none;
  }
  .editable-list .list-1.middleAlign > .lst-body > .lst-item {
    float: none;
  }
}
@media screen and (min-width: 769px) {
  .list-1-header {
    display: none;
  }
}
/*List Controls Multi Level List 1*/

.multilevel-list-1 > .lst-body > .lst-item,
.multilevel-list-1 > .lst-header > .lst-item {
  padding: 0 20px;
}
.multilevel-list-1 > .lst-body > .lst-item.haschild {
  padding-bottom: 20px;
}
.multilevel-list-1 .list-1 {
  background-color: #efefef;
  border: solid 1px #e5e5e5;
}
.multilevel-list-1 .list-1 > .lst-header {
  color: #666666;
}
.multilevel-list-1 .list-1 > .lst-body {
  padding-bottom: 0;
  border-bottom: 0;
}
.multilevel-list-1 > .lst-body h3 {
  font-size: 1.6em;
  display: inline-block;
  width: 100%;
}
.multilevel-list-1 > .lst-body h3 > .lst-h3-icn-btns {
  font-weight: 400;
  padding-left: 15px;
}
.multilevel-list-1 > .lst-body h3 > .lst-h3-icn-btns > .lst-icon {
  color: #999999;
  font-size: 1.5em;
}
.multilevel-list-1 .lst-item span[class*="icon-"] {
  line-height: 0;
  vertical-align: middle;
}
.list-1.list-cursor-pointer .lst-item {
  cursor: pointer;
}
.list-1.list-cursor-pointer .lst-item.selected {
  cursor: default;
}
.lst-loader {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  float: left;
  padding: 7px 15px;
}
.lst-loader .lst-loader-container {
  width: auto;
  display: inline-block;
  padding: 4px 10px 2px 10px;
  background: white;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
}
.lst-total-records {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0;
  float: left;
}
.lst-total-records .total-record-found {
  float: right;
  font-size: 1.6em;
  color: #333333;
}
.lst-total-records .total-record-found b {
  font-weight: 600;
  color: #02c38a;
  display: inline-block;
  vertical-align: middle;
}
.lst-total-records .total-record-found span[class*="icon-"] {
  font-size: 1.4em;
  display: none;
  vertical-align: middle;
  width: 18px;
}
.lst-total-records .total-record-found label {
  font-size: inherit !important;
  display: inline-block;
  vertical-align: middle;
}
.list-1 .lst-item > [class*="col-"].list-action-icon-right {
  padding-right: 30px;
  position: relative;
}
.list-1 .lst-item > [class*="col-"].list-action-icon-right [class*="icon-"] {
  position: absolute;
  right: 2px;
  top: 50%;
}
.list-1 .lst-item > [class*="col-"].list-action-icon-left {
  padding-left: 30px;
  position: relative;
}
.list-1 .lst-item > [class*="col-"].list-action-icon-left [class*="icon-"] {
  position: absolute;
  left: 2px;
  top: 50%;
}
.list-1 .active-row {
  background-color: #e3f4ef;
}
.list-1 .active-row > [class*="col-"]:first-child > [class*="icon-"] {
  color: #02c38a;
}
.list-1 .active-row > [class*="col-"]:first-child > [class*="icon-"]:hover {
  color: #02c38a;
}
/*List-2 Controll Here*/

.list-2.expandable .lst-item {
  position: relative;
}
.list-2.expandable .lst-item > [class*="col-"]:first-child {
  padding-left: 50px;
  position: relative;
}
.list-2.expandable .lst-item > [class*="col-"]:first-child [class*="icon-"] {
  left: 15px;
  top: 50%;
  position: absolute;
  color: #b0b0b0;
  cursor: pointer;
  font-size: 2.6em;
  line-height: 0;
  vertical-align: middle;
}
.list-2.expandable .expandable-content {
  position: absolute;
  top: 5px;
  left: 50px;
  right: 0px;
  bottom: 8px;
  background: white;
  z-index: 3;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  -o-transform: translate(100%);
  transform: translate(100%);
  -webkit-transition: transform 0.6s;
  -moz-transition: transform 0.6s;
  -o-transition: transform 0.6s;
  -ms-transition: transform 0.6s;
  transition: transform 0.6s;
}
.list-2.expandable .expandable-content.expand {
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  -o-transform: translate(0%);
  transform: translate(0%);
}
.list-2.expandable .expandable-content .expand-seperator {
  float: left;
  border-right: 1px solid #efefef;
  padding: 5px 15px;
}
.list-2.expandable .expandable-content .expand-seperator label {
  color: #999999;
  float: left;
  display: inline-block;
}
.list-2.expandable .expandable-content .expand-seperator label + span {
  color: #333333;
  font-size: 1.4em;
  display: inline-block;
  float: left;
  width: 100%;
}
.list-2 {
  width: 100%;
  display: table;
}
.list-2 .lst-header {
  width: 100%;
  display: table-header-group;
}
.list-2 .lst-header .lst-item {
  background: none;
}
.list-2 .lst-header .lst-item [class*="col-"] {
  height: auto;
}
.list-2 .lst-header [class*="col-"] > label,
.list-2 .lst-header [class*="col-"] span[class*="icon-"] {
  color: #999999;
  display: inline-block;
  font-size: 1.1em;
  width: 100%;
  word-wrap: break-word;
}
.list-2 .lst-body {
  width: 100%;
  display: table-row-group;
}
.list-2 .lst-body .lst-item:hover {
  background: #faf4d2;
}
.list-2 .lst-body [class*="col-"] span[class*="icon-"].rotate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.list-2 .lst-body [class*="col-"] span[class*="icon-"] {
  color: #666666;
  cursor: pointer;
  font-size: 2.6em;
  vertical-align: middle;
  display: inline-block;
  line-height: 0px;
}
.list-2 .lst-body [class*="col-"] span[class*="icon-"]:hover {
  color: #333333;
}
.list-2 .lst-body [class*="col-"] p,
.list-2 .lst-body [class*="col-"] label {
  color: #454545;
  font-size: 1.3em;
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}
.list-2 .lst-body [class*="col-"] h3 {
  padding-bottom: 0px;
  font-size: 1.5em;
}
.list-2 .lst-body .configerable-col {
  height: 100%;
}
.list-2 .lst-body .configerable-col [class*="config-"] {
  background: #cdcdcd;
  cursor: pointer;
  height: 100%;
}
.list-2 .lst-body .configerable-col [class*="config-"].green-active {
  background: #02c38a;
}
.list-2 .lst-body .configerable-col [class*="config-"].blue-active {
  background: #3896ff;
}
.list-2 .lst-body .configerable-col [class*="config-"] [class*="icon-"] {
  color: white;
  cursor: pointer;
}
.list-2 .lst-body .configerable-col [class*="config-"] [class*="icon-"]:hover {
  color: white;
}
.list-2 .lst-body .configerable-col [class*="config-"] label {
  color: white;
  cursor: pointer;
}
.list-2 .lst-footer {
  width: 100%;
  display: table-footer-group;
}
.list-2 .lst-item {
  width: 100%;
  display: table-row;
  background: #efefef;
}
.list-2 .lst-item [class="col-12"] {
  padding-left: 20px;
  padding-right: 20px;
}
.list-2 .lst-item [class*="col-"] {
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding: 5px 10px;
  border-bottom: 3px solid white;
}
.list-2 .lst-item [class*="col-"]:first-child {
  padding-left: 20px;
}
.list-2 .lst-item [class*="col-"]:last-child {
  padding-right: 20px;
}
.list-2 .lst-item [class*="col-"] .configerable-col {
  width: 150px;
  float: left;
}
.list-2 .lst-item [class*="col-"] .configerable-col [class*="config-"] {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  text-align: center;
  padding: 6px 0 4px 0px;
}
.list-2 .lst-item [class*="col-"] .configerable-col [class*="config-"] [class*="icon-"] {
  font-size: 2.8em;
  line-height: 0.7em;
  display: inline-block;
  vertical-align: middle;
}
.list-2 .lst-item [class*="col-"] .configerable-col [class*="config-"] label {
  width: 100%;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .multilevel-list-1 .lst-header {
    display: none;
  }
  .list-2 {
    float: left;
    display: inline-block;
  }
  .list-2 .lst-header {
    display: none;
  }
  .list-2 .lst-body,
  .list-2 .lst-footer {
    float: left;
    display: inline-block;
  }
  .list-2 .lst-item {
    float: left;
    display: inline-block;
    margin-bottom: 3px;
  }
  .list-2 .lst-item > [class*="col-"] {
    display: inline-block;
    width: 100%;
    border-bottom: none;
    padding: 7px 20px;
    text-align: left !important;
  }
  .list-2 .lst-item > [class*="col-"]:last-child {
    border-bottom: none;
  }
  .expandable-content .expand-seperator {
    margin: 10px 0;
    padding: 5px 15px;
  }
  .expandable-content .expand-seperator label {
    padding-right: 10px;
  }
  .expandable-content .expand-seperator label + span {
    width: auto !important;
  }
}
/*Table Grid Controll Here*/

.table-grid {
  display: table;
  width: 100%;
}
.table-grid .table-grid-header,
.table-grid .table-grid-body,
.table-grid .table-grid-footer,
.table-grid .table-grid-row {
  width: 100%;
}
.table-grid .table-grid-header {
  display: table-header-group;
}
.table-grid .table-grid-body {
  display: table-row-group;
}
.table-grid .table-grid-footer {
  display: table-footer-group;
}
.table-grid .table-grid-row {
  display: table-row;
  vertical-align: top;
}
.table-grid .table-grid-row > div {
  display: table-cell;
  float: none;
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  .table-grid .table-grid-row > div {
    display: inline-block;
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .table-grid .table-grid-row > div {
    display: inline-block;
    width: 100%;
  }
  .table-grid .table-grid-row > div[class*="col-sm-"] {
    float: left;
  }
  .table-grid .table-grid-row > div[class*="col-md-"] {
    float: left;
  }
}
/*Box Style 1 Controll Here*/

.bx-s1 {
  display: inline-block;
  width: 100%;
  background: white;
}
.bx-s1 > .bx-s1-header,
.bx-s1 > .bx-s1-body,
.bx-s1 > .bx-s1-footer,
.bx-s1 > .bx-s1-body > .bx-s1-info-bar {
  display: inline-block;
  width: 100%;
  float: left;
}
.bx-s1 > .bx-s1-header {
  background-color: #3f4752;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.bx-s1 > .bx-s1-header .bx-s1-header-icon {
  font-size: inherit;
}
.bx-s1 > .bx-s1-header .bx-s1-header-icon label {
  font-size: 1.4em;
  color: white;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.bx-s1 > .bx-s1-header .bx-s1-header-icon label span {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: -5px;
  cursor: pointer;
}
.bx-s1 > .bx-s1-footer {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.bx-s1 > .bx-s1-body {
  border-width: 0 1px;
  border-color: #cdcdcd;
  border-style: solid;
}
.bx-s1 > .bx-s1-footer {
  border-width: 0 1px 1px 1px;
  border-color: #cdcdcd;
  border-style: solid;
}
.bx-s1 > div:last-child {
  border-bottom: 1px solid #cdcdcd;
}
.bx-s1 > .bx-s1-header > .nav-tabs {
  float: left;
  color: white;
  width: auto;
  border-bottom: 0px;
}
.bx-s1 > .bx-s1-header > .nav-tabs a,
.bx-s1 > .bx-s1-header > .nav-tabs span {
  color: white;
}
.bx-s1 > .bx-s1-header > p {
  color: white;
  font-size: 1.3em;
  font-weight: 600;
  padding-bottom: 0px;
  display: inline-block;
  width: auto;
  padding: 12px 15px;
}
.bx-s1 > .bx-s1-header > .nav-tabs > li.active > a,
.bx-s1 > .bx-s1-header > .nav-tabs > li.active > a:hover,
.bx-s1 > .bx-s1-header > .nav-tabs > li.active > a:focus {
  color: white;
}
.bx-s1 > .bx-s1-header > .bx-s1-btn {
  float: right;
  display: inline-block;
  border-left: 1px solid #525f6d;
}
.bx-s1 > .bx-s1-header > .bx-s1-btn span.icon:after {
  float: left;
  display: inline-block;
  font-size: 3em;
  padding-top: 1px;
  color: #999999;
  cursor: pointer;
  line-height: 0px;
  padding: 21px 5px;
}
.bx-s1 > .bx-s1-header > .bx-s1-btn:hover span.icon:after,
.bx-s1 > .bx-s1-header > .bx-s1-btn span.active.icon:after {
  color: #02c38a;
}
.bx-s1 > .bx-s1-footer > .bx-s1-btn {
  float: right;
  display: inline-block;
  border-left: 1px solid #cdcdcd;
}
.bx-s1 > .bx-s1-footer > .bx-s1-btn span.icon:after {
  float: left;
  display: inline-block;
  font-size: 4em;
  padding-top: 1px;
  color: #999999;
  cursor: pointer;
}
.bx-s1 > .bx-s1-footer > .bx-s1-btn a {
  font-size: 1.3em;
  color: #666666;
  text-decoration: none;
  display: inline-block;
  padding: 12px;
}
.bx-s1 > .bx-s1-body > .bx-s1-info-bar {
  background-color: #fafafa;
  border-bottom: 2px solid #cdcdcd;
  padding: 10px;
}
.bx-s1 > .bx-s1-body > .bx-s1-info-bar label {
  color: #6a7a8c;
}
.bx-s1-header .count-info {
  background: #525f6d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #8fa0b3;
  font-size: 1.4em;
  padding: 3px 10px;
  text-transform: uppercase;
  float: right;
  margin-right: 15px;
  margin-top: 7px;
}
.bx-s1-header .count-info label {
  padding-right: 10px;
  font-size: 1.1em;
  color: #b9c9db;
}
.bx-s1-header .count-info label b {
  font-weight: 600;
  color: white;
}
/* BOX Style 2*/

.bx-s2 .bx-s2-header,
.bx-s2 .bx-s2-body,
.bx-s2 .bx-s2-footer {
  display: inline-block;
  width: 100%;
  float: left;
}
.bx-s2 .bx-s2-header {
  background-color: #efefef;
}
.bx-s2 .bx-s2-header .nav {
  float: left;
  border: 0;
}
.bx-s2 .bx-s2-footer {
  border-top: 1px solid #efefef;
  padding-top: 10px;
}
/*Advanced Search Controll Here*/

[ng-controller="AdvanceSearchCtrl"],
.advanced-search {
  display: inline-block;
  width: 100%;
  position: relative;
}
[ng-controller="AdvanceSearchCtrl"] [data-ng-model="AdvanceSearch.Search.Group"],
.advanced-search [data-ng-model="AdvanceSearch.Search.Group"] {
  background-color: #efefef;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
[ng-controller="AdvanceSearchCtrl"] [data-ng-model="AdvanceSearch.Search.Group"] .group-btn-section,
.advanced-search [data-ng-model="AdvanceSearch.Search.Group"] .group-btn-section {
  position: absolute;
  right: 24px;
  top: 18px;
}
[ng-controller="AdvanceSearchCtrl"] .rule,
[ng-controller="AdvanceSearchCtrl"] .sub-group,
.advanced-search .rule,
.advanced-search .sub-group {
  padding: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
  border: 1px solid #e5e5e5;
}
[ng-controller="AdvanceSearchCtrl"] .rule,
.advanced-search .rule,
[ng-controller="AdvanceSearchCtrl"] .sub-group,
.advanced-search .sub-group,
.bx-gray [ng-controller="AdvanceSearchCtrl"] [data-ng-model="AdvanceSearch.Search.Group"],
.bx-gray .advanced-search [data-ng-model="AdvanceSearch.Search.Group"],
.bx-gray [ng-controller="AdvanceSearchCtrl"] .sub-group .rule,
.bx-gray .advanced-search .sub-group .rule {
  background-color: white;
}
[ng-controller="AdvanceSearchCtrl"] .rule > .rule-field-section,
.advanced-search .rule > .rule-field-section {
  display: inline-block;
  padding-right: 60px;
  width: 100%;
}
[ng-controller="AdvanceSearchCtrl"] .rule > .rule-btn-section,
.advanced-search .rule > .rule-btn-section {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  text-align: center;
}
[ng-controller="AdvanceSearchCtrl"] .rule > .rule-btn-section,
.advanced-search .rule > .rule-btn-section,
.bx-gray [ng-controller="AdvanceSearchCtrl"] .sub-group .rule > .rule-btn-section,
.bx-gray .advanced-search .sub-group .rule > .rule-btn-section {
  border-left: 2px solid #efefef;
}
[ng-controller="AdvanceSearchCtrl"] .rule > .rule-btn-section > button,
.advanced-search .rule > .rule-btn-section > button {
  margin-top: 8px;
}
[ng-controller="AdvanceSearchCtrl"] .sub-group .rule,
.advanced-search .sub-group .rule,
.bx-gray [ng-controller="AdvanceSearchCtrl"] .sub-group,
.bx-gray .advanced-search .sub-group,
.bx-gray [ng-controller="AdvanceSearchCtrl"] .rule,
.bx-gray .advanced-search .rule {
  background-color: #efefef;
}
[ng-controller="AdvanceSearchCtrl"] .sub-group .rule > .rule-btn-section,
.advanced-search .sub-group .rule > .rule-btn-section,
.bx-gray [ng-controller="AdvanceSearchCtrl"] .rule > .rule-btn-section,
.bx-gray .advanced-search .rule > .rule-btn-section {
  border-left: 2px solid white;
}
/*Advanced Search Dorective Here*/

.customesearch,
.advanced-search {
  display: inline-block;
  width: 100%;
  position: relative;
}
.customesearch [data-ng-model="AdvanceSearch.Search.Group"],
.advanced-search [data-ng-model="AdvanceSearch.Search.Group"] {
  background-color: #efefef;
  display: inline-block;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
.customesearch [data-ng-model="AdvanceSearch.Search.Group"] .group-btn-section,
.advanced-search [data-ng-model="AdvanceSearch.Search.Group"] .group-btn-section {
  position: absolute;
  right: 24px;
  top: 18px;
}
.customesearch .rule,
.customesearch .sub-group,
.advanced-search .rule,
.advanced-search .sub-group {
  padding: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
  border: 1px solid #e5e5e5;
}
.customesearch .rule,
.advanced-search .rule,
.customesearch .sub-group,
.advanced-search .sub-group,
.bx-gray .customesearch [data-ng-model="AdvanceSearch.Search.Group"],
.bx-gray .advanced-search [data-ng-model="AdvanceSearch.Search.Group"],
.bx-gray .customesearch .sub-group .rule,
.bx-gray .advanced-search .sub-group .rule {
  background-color: white;
}
.customesearch .rule > .rule-field-section,
.advanced-search .rule > .rule-field-section {
  display: inline-block;
  padding-right: 60px;
  width: 100%;
}
.customesearch .rule > .rule-btn-section,
.advanced-search .rule > .rule-btn-section {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  text-align: center;
}
.customesearch .rule > .rule-btn-section,
.advanced-search .rule > .rule-btn-section,
.bx-gray .customesearch .sub-group .rule > .rule-btn-section,
.bx-gray .advanced-search .sub-group .rule > .rule-btn-section {
  border-left: 2px solid #efefef;
}
.customesearch .rule > .rule-btn-section > button,
.advanced-search .rule > .rule-btn-section > button {
  margin-top: 8px;
}
.customesearch .sub-group .rule,
.advanced-search .sub-group .rule,
.bx-gray .customesearch .sub-group,
.bx-gray .advanced-search .sub-group,
.bx-gray .customesearch .rule,
.bx-gray .advanced-search .rule {
  background-color: #efefef;
}
.customesearch .sub-group .rule > .rule-btn-section,
.advanced-search .sub-group .rule > .rule-btn-section,
.bx-gray .customesearch .rule > .rule-btn-section,
.bx-gray .advanced-search .rule > .rule-btn-section {
  border-left: 2px solid white;
}
/*Vertical Tab Controll Here*/

.vertical-tab {
  width: 13%;
  float: left;
  background: white;
  margin-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
.vertical-tab-content {
  width: 87%;
  float: left;
  padding: 20px 20px 20px 20px;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  margin-top: 20px;
}
.vertical-tab ul.tab {
  display: inline-block;
  width: 100%;
}
.vertical-tab ul.tab li {
  width: 100%;
  position: relative;
}
.vertical-tab ul.tab li label {
  margin: 0;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.vertical-tab ul.tab li label .tab-icon {
  margin: 0;
  line-height: 0;
  padding: 30px 0px;
  font-size: 7em;
  color: #6a7a8c;
}
.vertical-tab ul.tab li label:before,
.left-tab-bar ul.side-tab li input[type="radio"]:checked + label:before {
  display: none;
}
.vertical-tab ul.tab li input[type="radio"]:checked + label {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-right: 0px;
}
.vertical-tab ul.tab li input[type="radio"]:checked + label:after {
  background: #fafafa;
  width: 5px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0px;
  right: -3px;
}
.vertical-tab ul.tab li input[type="radio"] + label {
  border: 1px solid white;
  border-right: 0px;
}
@media screen and (max-width: 1024px) {
  .vertical-tab {
    width: 16%;
  }
  .vertical-tab-content {
    width: 84%;
  }
}
@media screen and (max-width: 768px) {
  .vertical-tab {
    width: 24%;
  }
  .vertical-tab-content {
    width: 76%;
  }
}
@media screen and (max-width: 767px) {
  .vertical-tab {
    width: 100%;
  }
  .vertical-tab-content {
    width: 100%;
  }
}
/*Selectable List Controll Here*/

.selectable-list {
  float: left;
  width: 100%;
}
.selectable-list .selectable-list-header,
.selectable-list .selectable-list-subheader,
.selectable-list .selectable-list-body,
.selectable-list .selectable-list-item {
  position: relative;
}
.selectable-list h3 {
  padding: 0;
}
.selectable-list .selectable-list-header {
  background: #6a7a8c;
  padding: 10px 10px;
  display: inline-block;
  width: 100%;
}
.selectable-list .selectable-list-header > h3 {
  font-size: 1.6em;
  cursor: pointer;
  color: white;
  font-weight: normal;
  font-size: 1.8em;
  vertical-align: middle;
}
.selectable-list .selectable-list-header > h3 span[class*="icon-"] {
  font-size: 2.4em;
  line-height: 0.6em;
  vertical-align: middle;
}
.selectable-list .selectable-list-header > h3 strong {
  line-height: 1em;
  font-weight: normal;
  vertical-align: middle;
}
.selectable-list .selectable-list-header-sub {
  background: #e1e1e1;
  padding: 10px 10px;
  display: inline-block;
  width: 100%;
}
.selectable-list [class*="selectable-list-header"] .multi-selectable label {
  font-size: 1.4em;
  color: #5c6b7a;
  font-weight: bold;
  vertical-align: middle;
  margin: 0;
}
.selectable-list [class*="selectable-list-header"] .multi-selectable {
  display: inline-block;
  vertical-align: middle;
  float: left;
  padding-top: 4px;
}
.selectable-list [class*="selectable-list-header"] .multi-selectable .multiselect {
  display: inline-block;
  text-align: center;
}
.selectable-list .selectable-list-header .multi-selectable label {
  color: white;
}
.selectable-list .selectable-list-item {
  padding: 10px 10px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d3dee9;
  position: relative;
}
.selectable-list .selectable-list-item > .item-link-area {
  cursor: pointer;
}
.selectable-list .selectable-list-item .item-control {
  display: inline-block;
  vertical-align: top;
  margin-right: 0px;
  margin-top: 2px;
  min-width: 30px;
}
.selectable-list .selectable-list-item .item-control > .checkbox > label {
  margin: 0;
}
.selectable-list .selectable-list-item .item-control > span[class*="icon-"] {
  color: #6a7a8c;
}
.selectable-list.mid-size-icon .item-control > span[class*="icon-"] {
  font-size: 4.4em;
}
.selectable-list.mid-size-icon .item-control > span.checkbox {
  display: inline-block;
}
.selectable-list.mid-size-icon .multi-selectable .multiselect {
  min-width: 44px;
}
.selectable-list.mid-size-icon .item-control {
  width: 44px;
  text-align: center;
}
.selectable-list.sml-size-icon .item-control > span[class*="icon-"] {
  font-size: 3.1em;
  line-height: 0.6em;
}
.selectable-list.sml-size-icon .item-control > span.checkbox {
  display: inline-block;
}
.selectable-list.sml-size-icon .multi-selectable .multiselect {
  min-width: 35px;
}
.selectable-list.sml-size-icon .item-control {
  width: 35px;
  text-align: center;
}
.selectable-list .selectable-list-item .item-content {
  display: inline-block;
  vertical-align: middle;
  max-width: 69%;
}
.selectable-list .selectable-list-item .item-content > h3 {
  font-size: 1.4em;
  color: #525f6d;
  font-weight: bold;
}
.selectable-list .selectable-list-item .item-content > p {
  font-size: 1.2em;
  color: #666666;
}
.selectable-list .item-icon {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0px;
  height: 100%;
  color: #6a7a8c;
  width: 50px;
  text-align: center;
}
.selectable-list .item-icon span {
  font-size: 3em;
  line-height: 0;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  vertical-align: middle;
  display: inline-block;
  margin-top: 0px;
  cursor: pointer;
}
.selectable-list .selectable-list-header .item-icon span {
  font-size: 4em;
}
.selectable-list .selectable-list-header .item-icon {
  color: white;
  border-left: 1px solid #8fa0b3;
}
.selectable-list .selectable-list-item:hover,
.selectable-list .selectable-list-item.selected {
  background: white;
}
.selectable-list .add-range {
  border-bottom: 1px solid #d3dee9;
  white-space: nowrap;
  padding: 10px 17px;
  text-align: center;
  float: left;
}
.selectable-list .add-range input {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
}
.selectable-list .add-range button {
  display: inline-block;
  padding: 6px 10px;
  width: 35%;
  vertical-align: middle;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .selectable-list .selectable-list-header > h3 {
    font-size: 1.4em;
  }
  .selectable-list.mid-size-icon .item-control {
    width: 30%;
    text-align: center;
    display: inline-block;
  }
  .selectable-list .selectable-list-item .item-content {
    display: inline-block;
    width: 68%;
    vertical-align: middle;
  }
  .selectable-list .add-range {
    white-space: normal;
  }
  .selectable-list .add-range button {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
  }
  .selectable-list .add-range input {
    width: 100%;
  }
  .selectable-list .add-range span.errorMessage {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .selectable-list .multi-selectable {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
  }
  .selectable-list .multi-selectable + .float-r {
    width: 100%;
    text-align: center;
  }
}
/*Pagination Controll Here*/

.pagination {
  display: inline-block;
  padding-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
.pagination > li {
  display: inline;
  cursor: pointer;
}
.pagination > li > a {
  font-size: 1.2em;
  height: 17px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #525f6d;
  background-color: white;
  border: 1px solid #cdcdcd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #525f6d;
  background-color: #efefef;
  border-color: #cdcdcd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: white;
  background-color: #525f6d;
  border-color: #525f6d;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: white;
  border-color: #cdcdcd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  -webkit-border-radius: 6px 0px 0px 6px;
  -moz-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  -webkit-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #efefef;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: white;
  cursor: not-allowed;
}
.pager-section {
  float: right;
}
.pager-section .pagination li {
  float: left;
  padding: 0 2px;
  line-height: 31px;
}
.pager-section .pagination li.pager-input span {
  background: none;
}
.pager-section .pagination li.pager-input span:hover {
  background: none;
}
.pager-section .pagination li .total-pages {
  font-size: 1.4em;
  line-height: 31px;
  padding-left: 7px;
  padding-right: 7px;
}
.pager-section label {
  font-weight: 700;
}
.pager-section .pgr-left {
  float: left;
  padding-right: 12px;
}
.pager-section .pgr-left select {
  padding-top: 5px;
  background-position: right -74px;
  height: 31px;
}
.pager-section .pgr-left label {
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
  vertical-align: middle;
}
.pager-section .pgr-left select {
  display: inline-block;
  width: auto;
}
.pager-section .pgr-right {
  float: right;
}
.pager-section .pgr-right li input {
  width: auto;
  max-width: 60px;
  text-align: center;
  float: left;
  height: 31px;
  text-align: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.pager-section .pgr-right li input + span {
  font-size: 1.4em;
  color: #666666;
  height: 29px;
  line-height: 29px;
  padding: 0px 0 0 4px;
  border: none;
}
.pager-section .pgr-right label {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
/*@media screen and (max-width:1024px) {
    .pager-section label {
        width: 100%;
        margin-bottom: 5px;
    }

    .pager-section .pgr-left {
        width: 20%;
        margin-bottom: 10px;
    }

        .pager-section .pgr-left select {
            display: inline-block;
            width: 50%;
        }

    .pager-section .pgr-right {
        width: 75%;
        text-align: right;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:980px) {
    .full-pager .pager-section label {
        width: 100%;
        margin-bottom: 5px;
    }

    .full-pager .pager-section .pgr-left {
        width: 100%;
        margin-bottom: 10px;
    }

        .full-pager .pager-section .pgr-left select {
            display: inline-block;
            width: 100%;
        }

    .full-pager .pager-section .pgr-right {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:768px) {
    .pager-section label {
        width: 100%;
        margin-bottom: 5px;
    }

    .pager-section .pgr-left {
        width: 100%;
        margin-bottom: 10px;
    }

        .pager-section .pgr-left select {
            display: inline-block;
            width: 100%;
        }

    .pager-section .pgr-right {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}*/

/*Model Controll Here*/

.modal-open {
  overflow: hidden;
}
.modal-close.icon-close {
  color: #ff4d4d;
  font-size: 4em;
  line-height: 26px;
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 17px;
  z-index: 1;
}
.modal-close.icon-close:hover {
  color: #ff2e2e;
}
.modal-add.icon-add {
  color: #999999;
  display: inline-block;
  font-size: 3.4em;
  line-height: 0;
  margin-top: 10px;
  vertical-align: middle;
}
.modal-popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-popup.fade > .modal-dialog {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease-out;
  -ms-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}
.modal-popup.in > .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-popup.in .modal-full {
  top: 50px;
}
.modal-popup > .modal-dialog {
  position: relative;
}
.modal-popup > .modal-dialog .modal-full {
  margin: 0px;
}
.modal-popup > .modal-dialog > .modal-content {
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
  position: relative;
  display: inline-block;
  width: 100%;
}
.modal-popup > .modal-dialog > .modal-content .modal-header {
  padding: 15px 63px 15px 15px;
  height: 56px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-popup > .modal-dialog > .modal-content .modal-header h3 {
  display: inline-block;
  float: left;
  font-size: 1.8em;
  font-weight: 600;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.modal-popup > .modal-dialog > .modal-content .modal-header input {
  margin-top: -2px;
}
.modal-popup > .modal-dialog > .modal-content .modal-header .close {
  font-size: 3em;
  line-height: 0.7em;
  vertical-align: middle;
  color: #999999;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 5px;
  z-index: 1;
}
.modal-popup > .modal-dialog > .modal-content .modal-header .close:after {
  font-family: 'npe_icons_v1regular' !important;
  content: "\e038";
  vertical-align: middle;
}
.modal-popup > .modal-dialog > .modal-content .modal-header.header-form {
  padding: 14px 15px 0px;
}
.modal-popup > .modal-dialog > .modal-content .modal-header.header-form .fs {
  width: auto !important;
}
.modal-popup > .modal-dialog > .modal-content .modal-header.header-form .fs,
.modal-popup > .modal-dialog > .modal-content .modal-header.header-form .fs-g,
.modal-popup > .modal-dialog > .modal-content .modal-header.header-form .fs-f {
  margin: 0px !important;
  padding: 0px !important;
}
.modal-popup > .modal-dialog > .modal-content .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-popup > .modal-dialog > .modal-content .modal-body {
  position: relative;
  padding: 20px;
  max-height: 477px;
  overflow: auto;
}
.modal-popup > .modal-dialog > .modal-content .modal-body .freeze-bottom {
  left: 0px;
  padding: 15px;
  position: relative;
  border-top: none;
  background: none;
}
.modal-popup > .modal-dialog > .modal-content .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-popup > .modal-dialog > .modal-content .modal-footer button {
  margin-left: 5px;
  background: #454545;
  color: white;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 9px 15px;
  font-size: 1.4em;
  border: none;
}
.modal-popup > .modal-dialog > .modal-content .modal-footer button:hover {
  box-shadow: 0px 0px 6px black inset;
  -moz-box-shadow: 0px 0px 6px black inset;
  -webkit-box-shadow: 0px 0px 6px black inset;
}
.modal-popup > .modal-dialog > .modal-content .modal-footer button .date-no {
  background: white;
  color: #02c38a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  min-width: 22px;
  padding: 0 3px;
}
.modal-popup > .modal-dialog > .modal-content .modal-footer button.blue-btn {
  margin-left: 5px;
  background: #454545;
  color: white;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 9px 15px;
  font-size: 1.4em;
  border: none;
}
.modal-popup > .modal-dialog > .modal-content .modal-footer button.blue-btn:hover {
  box-shadow: 0px 0px 6px black inset;
  -moz-box-shadow: 0px 0px 6px black inset;
  -webkit-box-shadow: 0px 0px 6px black inset;
}
.modal-backdrop-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black;
}
.modal-backdrop-popup.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.modal-backdrop-popup.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
}
.modal-popup .modal-extra-full {
  width: 100% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  bottom: 0px;
  position: absolute;
  top: 0px;
}
.modal-popup .modal-extra-full .modal-content {
  position: relative;
  height: 100%;
}
.modal-popup .modal-extra-full .modal-content .modal-header {
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.modal-popup .modal-extra-full .modal-content .modal-header h3 {
  padding-bottom: 0px;
}
.modal-popup .modal-extra-full .modal-content .modal-body {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 57px;
  bottom: 68px;
  max-height: none !important;
  padding: 0;
}
.modal-popup .modal-extra-full .modal-content .modal-body.full-modal-body {
  bottom: 0px;
}
.modal-popup .modal-extra-full .modal-content .modal-footer {
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 10px 15px;
  position: absolute;
}
.modal-popup .modal-full {
  width: 100% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  bottom: 0px;
  position: absolute;
  top: 0px;
}
.modal-popup .modal-full .modal-content {
  position: relative;
  height: 100%;
}
.modal-popup .modal-full .modal-content .modal-header {
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}
.modal-popup .modal-full .modal-content .modal-header h3 {
  padding-bottom: 0px;
}
.modal-popup .modal-full .modal-content .modal-body {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 57px;
  bottom: 68px;
  max-height: none;
}
.modal-popup .modal-full .modal-content .modal-body.full-modal-body {
  bottom: 0px;
}
.modal-popup .modal-full .modal-content .modal-footer {
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}
@media (min-width: 768px) {
  .modal-popup .modal-dialog {
    width: 600px;
    margin: 50px auto 0;
  }
  .modal-popup .modal-dialog.modal-md {
    max-width: 762px;
    width: 100%;
  }
  .modal-popup .modal-dialog.modal-sm {
    width: 300px;
  }
  .modal-popup .modal-dialog.modal-sm-lg {
    width: 450px;
  }
  .modal-popup .modal-dialog.modal-xlg {
    width: auto;
  }
  .modal-popup .modal-content {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 992px) {
  .modal-popup .modal-lg {
    width: 986px;
  }
}
@media screen and (max-width: 991px) {
  .modal-popup .modal-lg {
    width: auto;
  }
}
@media (min-width: 906px) {
  .modal-popup .modal-900 {
    width: 900px;
  }
}
@media screen and (max-width: 905px) {
  .modal-popup .modal-900 {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .modal-popup .modal-xlg {
    width: 1020px;
  }
}
@media screen and (max-width: 1023px) {
  .modal-popup .modal-xlg {
    width: auto;
  }
}
@media (max-height: 650px) {
  .modal-popup > .modal-dialog > .modal-content .modal-body {
    max-height: 410px;
  }
}
/*Tooltip Controll Here*/

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 300px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  word-wrap: break-word;
  white-space: normal;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: black;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: black;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
/*Popover Viewer Controll Here*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: white;
  border: 1px solid #cdcdcd;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: white;
  border-bottom-width: 0;
  content: " ";
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: white;
  border-left-width: 0;
  content: " ";
}
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: white;
  border-top-width: 0;
  content: " ";
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: white;
  border-right-width: 0;
  content: " ";
}
/*Bootstrap Tag Controll Here*/

.bootstrap-tagsinput {
  position: relative;
  background-color: white;
  display: inline-block;
  padding: 0px;
  color: #454545;
  vertical-align: middle;
  width: 100%;
}
.bootstrap-tagsinput input {
  border: 1px solid #cdcdcd;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 8px 5px;
  margin: 0;
  max-width: inherit;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/*Tags Controll Here*/

.tag.mid {
  font-size: 1.2em;
}
.tag label {
  font-size: 1.1em;
}
.tag.mid > span {
  margin: 5px 10px 5px 0px;
}
.tag > span {
  margin: 0px 5px 3px 0px;
  background: none repeat scroll 0 0 #ededed;
  color: #454545;
  display: inline-block;
  font-size: 1.3em;
  padding: 5px 6px 8px 3px;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tag > span.highlight {
  background-color: #02c38a;
}
.tag > span span[class*="fa-"] {
  color: #999999;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 1px;
  font-size: 1.1em;
}
.tag > span span[class*="fa-"]:hover {
  color: #666666;
}
.tag > span.highlight span[class*="icon-"] {
  color: white;
}
.tag > span.highlight span[class*="txt"] input {
  border-color: white;
}
.tag > span span[class*="txt"] {
  padding: 0 10px 0 5px;
  vertical-align: middle;
}
.tag > span span[class*="txt"] input {
  font-size: 1em;
  padding: 0 4px;
  width: auto;
}
.tag > span span[class*="icon-"] + span[class*="txt"] {
  padding: 0 10px 0 0;
}
.tag > span > b {
  font-weight: normal;
  color: #454545;
}
.tag.white-tag > span {
  background: white;
}
.tag.without-icon > span > .txt {
  padding-right: 5px;
}
.tag.without-icon span[class*="icon-"] {
  display: none;
}
.tag.green-tag-border > span {
  border-left: 5px solid #02c38a;
}
.tag.darkBlue-tag-border > span {
  border-left: 5px solid #5c6b7a;
}
/*Alerts Controll Here*/

.alert {
  font-size: 1.4em;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.5);
}
.aa-notification .alert > strong {
  width: 100%;
  display: inline-block;
  border-bottom: solid 1px #8e2525;
  color: #8e2525;
  font-weight: 600;
  padding-bottom: 9px;
}
.aa-notification .alert > ul {
  overflow-x: hidden;
  overflow-y: auto;
}
.aa-notification .alert > ul li {
  padding-bottom: 5px;
}
.aa-notification .alert > ul li:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 1.2em;
  color: #191919;
  padding-right: 8px;
}
.aa-notification .alert > ul li a {
  float: right;
  margin-left: 5px;
}
.alert .aa-notify-close {
  position: relative;
  width: 100%;
}
.alert .aa-notify-close > .icon-close {
  cursor: pointer;
  font-size: 2.4em;
  color: white;
  position: absolute;
  left: -52px;
  top: -11px;
  -webkit-border-radius: 7px 0px 0px 7px;
  -moz-border-radius: 7px 0px 0px 7px;
  border-radius: 7px 0px 0px 7px;
  font-style: normal;
  padding-top: 2px;
  line-height: 30px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > ul {
  margin-top: 10px;
  counter-reset: alert-number;
  max-height: 300px;
  overflow: auto;
}
.alert > ul > li > span.counter:before {
  content: counter(alert-number);
  counter-increment: alert-number;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #468847;
  background-color: #dfeedf;
  border-color: #d1e7d2;
}
.alert-success hr {
  border-top-color: #c4e0c4;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-success .aa-notify-close > .icon-close {
  background-color: #468847;
}
.alert-info {
  color: #3a87ad;
  background-color: #edf5f9;
  border-color: #deedf4;
}
.alert-info hr {
  border-top-color: #cee4ef;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-info .aa-notify-close > .icon-close {
  background-color: #3a87ad;
}
.alert-warning {
  color: #c09853;
  background-color: #fcf4e7;
  border-color: #faecd5;
}
.alert-warning hr {
  border-top-color: #f7e2be;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-warning .aa-notify-close > .icon-close {
  background-color: #c09853;
}
.alert-danger {
  color: #ff4d4d;
  background-color: #ffe6e6;
  border-color: #ffdcdc;
}
.alert-danger .icon-search {
  font-size: 1.6em;
  line-height: normal;
  vertical-align: middle;
  color: #d92727;
  cursor: pointer;
}
.alert-danger hr {
  border-top-color: #ffcdcd;
}
.alert-danger .alert-link {
  color: #d92727;
}
.alert-danger .aa-notify-close > .icon-close {
  background-color: #ff4d4d;
}
/*Dropdown Controll Here*/

.dropdown {
  position: relative;
}
.dropdown-toggle {
  padding: 8px;
}
.dropdown-toggle > .icon-down-arrow {
  vertical-align: middle;
  padding-left: 20px;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  text-align: left;
  left: 0;
  display: none;
  float: left;
  /*min-width: 175px;*/
  min-width: 275px;
  overflow: hidden;
  margin: 2px 0 0;
  list-style: none;
  background-color: white;
  border: 1px solid #cdcdcd;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  max-height: 300px;
  overflow: auto;
  z-index: 40;
}
.freeze-bottom .dropdown-menu {
  top: inherit;
  bottom: 100%;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > .input,
.dropdown-menu > .button {
  padding: 6px 8px;
  background: #efefef;
}
.dropdown-menu > .input + .button {
  padding-top: 0;
}
.dropdown-menu > ul {
  max-height: 186px;
  overflow: auto;
}
.dropdown-menu li a {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #cdcdcd;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1.3em;
  padding: 7px 10px 7px 10px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.dropdown-menu li:last-child > a {
  border-bottom: none;
}
.dropdown-menu > li a:hover,
.dropdown-menu > li a:focus {
  text-decoration: none;
  color: white;
  background-color: #fffce7;
}
.bootstrap-tagsinput .dropdown-menu {
  min-width: 300px;
}
.dropdown-menu > .input input {
  font-size: 1.2em;
  padding: 5px 8px;
  height: auto;
}
.dropdown-menu > .button button {
  font-size: 1em;
  padding: 4px;
  margin: 0;
  text-transform: uppercase;
}
.dropdown-menu > .button.apply-btn button {
  font-size: 1em;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
  background-color: #fffce7;
}
.action-btn .dropdown-menu li a:hover,
.action-btn .dropdown-menu li a:focus {
  background: #525f6d;
  color: white !important;
}
.action-btn .dropdown-menu li.active a,
.action-btn .dropdown-menu li.active a:hover,
.action-btn .dropdown-menu li.active a:focus {
  background: #525f6d;
  color: white;
}
.dropdown-menu table {
  cursor: pointer;
}
.dropdown-menu table tr > td > h5 {
  font-weight: 600;
  font-size: 1.1em !important;
  color: #333333;
}
.dropdown-menu table tr > td > h5 > strong {
  font-weight: 600;
  color: #333333;
}
.dropdown-menu table tr > td > span {
  color: #999999;
  font-size: 0.9em;
  display: inline-block;
}
.dropdown-menu table tr > td > span:after {
  padding-left: 7px;
  content: "|";
  padding-right: 7px;
}
.dropdown-menu table tr > td > span:last-child:after {
  content: "";
}
.list-1 .dropdown-menu a {
  color: inherit !important;
}
.list-1 .dropdown-menu {
  background: white;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .dropdown-menu.auto-complete > li > a > [class*="col-"] {
    margin-bottom: 0px;
    padding: 1px 0 1px 0;
  }
}
.dropdown-menu.auto-complete li > a > [class*="col-"].drop-text-style1,
.list-1 .dropdown-menu.auto-complete li > a > [class*="col-"].drop-text-style1 {
  color: #999999;
  font-size: 0.9em;
}
.dropdown-menu.auto-complete li > a > [class*="col-"].drop-head-style1,
.list-1 .dropdown-menu.auto-complete li > a > [class*="col-"].drop-head-style1 {
  color: #333333;
  font-size: 1em;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right,
.modal-body .action-btn .dropdown-menu-right {
  left: auto !important;
  right: 0 !important;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .action-btn .btn .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-menu .dm-icon {
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url("/content/images/npe-sprite.png");
  background-position: -46px -49px;
  vertical-align: middle;
  margin-right: 2px;
}
.dropdown-menu .dm-icon.dm-checked {
  background-position: -88px -49px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
/*Nav Tab Controll Here*/

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  padding-left: 5px;
}
.nav > li {
  position: relative;
  display: block;
  padding: 0 15px;
}
.nav > li > a,
.nav > li > span {
  position: relative;
  display: block;
  padding: 9px 0 7px;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #efefef;
  border-color: #525f6d;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  display: inline-block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #cdcdcd;
}
.nav-tabs > li {
  float: left;
}
.nav-tabs > li > a,
.nav-tabs > li > span {
  display: inline-block;
  line-height: 1.42857143;
  border-bottom: 4px solid transparent;
  font-size: 1.5em;
  text-decoration: none;
  color: #454545;
  outline: none;
  cursor: pointer;
}
.nav-tabs > li > a span.nav-count,
.nav-tabs > li > span span.nav-count {
  margin-left: 5px;
  background: #cdcdcd;
  color: white;
  padding: 1px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: normal;
}
.nav-tabs > li.active > a {
  font-weight: 600;
}
.nav-tabs > li.active > a span.nav-count {
  background: #02c38a;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #666666;
  border-bottom: 4px solid #02c38a;
  cursor: default;
}
.nav-tabs > li > span {
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-tabs > li > span[class*="icon-"] {
  font-size: 2em;
  font-weight: normal;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.nav-tabs > li.nav-tabs-btn {
  float: right;
  padding-right: 20px;
  padding-top: 7px;
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #cdcdcd;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: white;
  background-color: #525f6d;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #cdcdcd;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.nav-tabs-spacer .small-note {
  margin-left: 3px;
  padding: 0 5px;
  position: absolute;
  top: 7px;
  right: 0;
}
.nav-tabs-spacer li a {
  padding-right: 40px;
}
.nav-tabs-spacer li.active .count-number {
  background: #02c38a;
  color: white;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #cdcdcd;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: white;
  }
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #cdcdcd;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: white;
  }
}
.nav-tabs > li > a > .tab-nav-arrow {
  vertical-align: middle;
  margin: 0 5px;
  height: 17px;
  display: inline-block;
}
.nav-tabs > li:hover .dropdown-submenu {
  display: inline-block;
}
.dropdown-submenu {
  position: absolute;
  top: 100%;
  left: 0px;
  min-width: 180px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  background: white;
  z-index: 5;
  display: none;
}
.dropdown-submenu li {
  width: 100%;
  float: left;
}
.dropdown-submenu li.active a {
  color: #02c38a;
}
.dropdown-submenu li a {
  width: 100%;
  float: left;
  padding: 7px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.3em;
  color: #333333;
}
.dropdown-submenu li a:hover {
  background: #fafafa;
}
/*Wizard Tab Controll Here*/

.wizard-s1 .nav {
  padding-left: 0px;
}
.wizard-s1 .nav-tabs {
  border-bottom: none;
}
.wizard-s1.no-count > ul > li > a:before {
  display: none;
}
.wizard-s1 {
  width: 100%;
  float: left;
  background: #e1e1e1;
  border-top: solid 1px white;
}
.wizard-s1 > ul {
  counter-reset: number;
  float: left;
  width: auto;
}
.wizard-s1 > ul > li {
  float: left;
  border-right: 1px solid white;
  position: relative;
  font-size: 1.4em;
  padding: 0;
}
.wizard-s1 > ul > li > a {
  display: block;
  line-height: 48px;
  color: #949494;
  padding: 0 15px;
  border-bottom: none;
  font-size: inherit;
  margin: 0;
}
.wizard-s1 > ul > li > a:hover,
.wizard-s1 > ul > li.active > a {
  background: #c8c8c8;
  color: #555555 !important;
  border-bottom: none;
  font-weight: normal;
}
.wizard-s1 > ul > li > a:focus {
  border-bottom: none !important;
}
.wizard-s1 > ul > li.active > a:hover {
  border-bottom: none;
}
.wizard-s1 > ul > li > a:before {
  content: counter(number);
  counter-increment: number;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  width: 22px;
  height: 22px;
  float: left;
  text-align: center;
  line-height: 21px;
  background: #cdcdcd;
  margin-top: 12px;
  color: white;
  margin-right: 10px;
  border: solid 2px white;
}
.wizard-s1 > ul > li.active > a:before {
  background: white;
  color: #b0b0b0;
  border: solid 2px #b0b0b0;
}
.wizard-s1 > ul > li.prev-tab > a {
  color: #555555 !important;
}
.wizard-s1 > ul > li.prev-tab > a:before {
  background: #cdcdcd;
  color: #999999;
  border: solid 2px #b0b0b0;
}
.wizard-s1 > .recent-changes {
  float: right;
  text-align: right;
  font-size: 1.2em;
  color: #525f6d;
  line-height: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
}
.wizard-s1 > ul > li.disable > a,
.wizard-s1 > ul > li.disable > a:before {
  color: #dadada;
  cursor: auto;
}
.wizard-s1 > ul > li.disable > a:hover {
  color: #dadada;
  cursor: auto;
  background: #d3dee9;
}
.wizard-s1 .nav-tab {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .wizard-s1 > ul {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .wizard-s1 {
    border-top: none;
  }
  .wizard-s1 > ul {
    width: 100%;
    border-right: none;
  }
  .wizard-s1 > ul > li {
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .wizard-s1 > .recent-changes {
    text-align: center;
    width: 100%;
    margin-right: 0px;
  }
}
/*Draggable Panel Controll Here*/

.draggable-section {
  background: #e3ebf3;
  float: left;
  width: 100%;
  position: relative;
}
.draggable {
  background: #b9c9db;
  width: 10px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  right: 0;
}
.draggable-left {
  float: left;
  width: 20%;
  position: relative;
  height: 100%;
  z-index: 1;
  padding-right: 10px;
}
.draggable-right {
  float: left;
  width: 80%;
  background: white;
  height: 100%;
}
.draggable-section-static {
  background: #e3ebf3;
  float: left;
  width: 100%;
  position: relative;
}
.draggable-section-static .draggable {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 20%;
  margin-left: -10px;
  cursor: auto;
}
.draggable-left-static {
  float: left;
  width: 20%;
  z-index: 1;
  padding-right: 10px;
}
.draggable-right-static {
  float: left;
  width: 80%;
  background: white;
}
.draggable-right-static .draggable-right-inner {
  float: left;
  width: 100%;
  background: white;
}
@media screen and (max-width: 1024px) {
  .draggable-left {
    width: 30%;
  }
  .draggable-right {
    width: 70%;
  }
  .draggable-left-static {
    width: 30%;
  }
  .draggable-right-static {
    width: 70%;
  }
  .draggable-section-static .draggable {
    left: 30%;
  }
  .draggable-right .col-4 {
    width: 50%;
  }
}
@media screen and (max-width: 980px) {
  .draggable-left {
    width: 40%;
  }
  .draggable-right {
    width: 60%;
  }
  .draggable-left-static {
    width: 40%;
  }
  .draggable-right-static {
    width: 60%;
  }
  .draggable-section-static .draggable {
    left: 40%;
  }
}
@media screen and (max-width: 767px) {
  .draggable-left {
    width: 100%;
    min-height: inherit;
  }
  .draggable-right {
    border-top: 10px solid #b9c9db;
    border-left: none;
    width: 100%;
    min-height: inherit;
  }
  .draggable-left-static {
    width: 100%;
    min-height: inherit;
    padding-right: 0px;
  }
  .draggable-right-static {
    border-top: 10px solid #b9c9db;
    border-left: none;
    width: 100%;
    min-height: inherit;
  }
  .draggable-section-static .draggable {
    display: none;
  }
}
/*Freeze Panel Controll Here*/

.freeze-panel {
  display: inline-block;
  width: 100%;
  position: relative;
}
.freeze-panel .freeze-top.freeze-area {
  position: fixed;
  z-index: 1;
  left: 0px;
  background: #fafafa;
}
html:not(.mobile) .nav-max .freeze-panel .freeze-top.freeze-area {
  left: 180px;
}
html:not(.mobile) .nav-min .freeze-panel .freeze-top.freeze-area {
  left: 50px;
}
.freeze-bottom {
  position: fixed;
  text-align: right;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  height: 60px;
  bottom: -60px;
  z-index: 2;
  -webkit-animation: freezeUp 0.5s linear 1s forwards;
  -moz-animation: freezeUp 0.5s linear 1s forwards;
  -o-animation: freezeUp 0.5s linear 1s forwards;
  animation: freezeUp 0.5s linear 1s forwards;
  border-top: solid 2px black;
}
.freeze-bottom .pager-section {
  padding: 0px;
  margin-top: -1px;
  float: left;
}
.freeze-bottom button,
.freeze-bottom a.back-button {
  text-transform: uppercase;
  font-weight: 600;
  border-color: #555555;
  color: #454545;
}
.freeze-bottom button:hover,
.freeze-bottom a.back-button:hover {
  color: white;
}
.freeze-bottom a.back-button {
  padding-top: 7px;
  padding-bottom: 7px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.4em;
  font-weight: normal;
}
.freeze-bottom a.back-button:hover {
  background: #525f6d;
  color: white;
  border-color: #525f6d;
}
.freeze-bottom button:not(.back-button):last-child {
  background: #26c281;
  color: white;
  border: 0;
}
.freeze-bottom button:not(.back-button):last-child:hover {
  color: #212529;
}
.freeze-bottom .back-button + .pager-section {
  margin-left: 63px;
}
.freeze-bottom .back-button {
  float: left;
  padding-left: 12px;
  padding-right: 15px;
  font-weight: normal;
}
.freeze-bottom .back-button i {
  margin-right: 5px;
}
.ie9 .freeze-bottom {
  bottom: 0px \9;
}
html:not(.mobile) .nav-max .freeze-bottom {
  left: 180px;
}
html:not(.mobile) .nav-max.volunteer-profile .freeze-bottom {
  left: 0;
}
html:not(.mobile) .nav-min .freeze-bottom {
  left: 50px;
}
html:not(.mobile) .nav-min.volunteer-profile .freeze-bottom {
  left: 0;
}
.nav-max .freeze-bottom {
  right: 0;
  padding-right: 20px;
}
.nav-min .freeze-bottom {
  left: 0px;
  right: 0;
  padding-right: 20px;
}
.full-size .freeze-bottom {
  left: 0px;
  right: 0;
}
.full-size > .full-size-container {
  padding-bottom: 60px;
}
.freeze-pad {
  padding-bottom: 63px !important;
}
.freeze-bottom .btn-group.action-btn {
  margin-bottom: 0px;
}
/* Chrome, Safari, Opera */

@-webkit-keyframes freezeUp {
  from {
    bottom: -63px;
  }
  to {
    bottom: 0px;
  }
}
/* Standard syntax */

@keyframes freezeUp {
  from {
    bottom: -63px;
  }
  to {
    bottom: 0px;
  }
}
/*Action Button Controll Here*/

.action-btn > a {
  font-size: inherit !important;
  color: inherit !important;
}
.action-btn .dropdown-menu {
  min-width: 100%;
  left: inherit;
  right: 0px;
}
.modal-body .action-btn .dropdown-menu {
  position: fixed;
  top: inherit;
  min-width: 75px;
  right: inherit;
}
.modal-body .action-btn .dropdown-menu.fixwidth {
  width: 180px;
  margin-left: -110px;
}
.align-left .action-btn .dropdown-menu {
  min-width: 100%;
  left: 0px;
  right: inherit;
}
.action-btn {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 3px;
}
.action-btn.dropup .btn .caret {
  border-top: 0px solid;
}
.action-btn button {
  background-color: white;
  color: #666666;
  border: solid 1px #cdcdcd;
  padding-top: 7px;
  padding-bottom: 7px;
}
.freeze-bottom .action-btn button.btn.action-toggle {
  background-color: #42474c;
  border-color: #5c5c5c;
  color: white;
  padding: 8px 10px;
}
.modal-footer .action-btn .dropdown-menu {
  top: inherit;
  bottom: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.modal-footer .action-btn button {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.modal-footer .action-btn button.action-toggle {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.action-btn-text {
  padding-right: 10px;
}
.action-btn .btn {
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
.action-btn .btn.action-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  margin-left: -4px;
}
.action-btn .btn .sr-only {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.action-btn .btn .caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0;
}
.action-btn .btn:hover,
.action-btn .btn:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #525f6d;
  color: white;
  border: 1px solid #5c6b7a;
}
.action-btn.disable-dropdown > .btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.action-btn.disable-dropdown .action-toggle {
  display: none;
}
.action-btn.disable-dropdown .action-toggle + .dropdown-menu {
  display: none;
}
.dropdown-btn-icon {
  margin: 0;
}
.dropdown-btn-icon .btn {
  font-family: 'myriad-pro', Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
}
.dropdown-btn-icon .btn span[class*="icon-"] {
  font-size: 2em !important;
  margin-left: -5px;
  font-weight: normal !important;
}
.dropdown-btn-icon .btn.green-status span[class*="icon-"] {
  color: #02c38a !important;
}
.dropdown-btn-icon .btn.green-status span[class*="icon-"].hover-red-icon {
  display: none;
}
.dropdown-btn-icon .btn.green-status .hover-red-text {
  display: none;
}
.dropdown-btn-icon .btn.gray-status span[class*="icon-"] {
  color: #cdcdcd !important;
}
.dropdown-btn-icon .btn.red-status span[class*="icon-"] {
  color: #ff4d4d !important;
}
.dropdown-btn-icon .btn.red-status span[class*="icon-"].hover-green-icon {
  display: none;
}
.dropdown-btn-icon .btn.red-status .hover-green-text {
  display: none;
}
.dropdown-btn-icon .btn:hover,
.dropdown-btn-icon .btn:focus {
  background-color: #fafafa;
  color: black;
  border-color: #cdcdcd;
}
.dropdown-btn-icon .dropdown-menu li.green-status span[class*="icon-"] {
  color: #02c38a !important;
}
.dropdown-btn-icon .dropdown-menu li.green-status span[class*="icon-"].hover-red-icon {
  display: none;
}
.dropdown-btn-icon .dropdown-menu li.green-status .hover-red-text {
  display: none;
}
.dropdown-btn-icon .dropdown-menu li.gray-status span[class*="icon-"] {
  color: #cdcdcd !important;
}
.dropdown-btn-icon .dropdown-menu li.hover-red-status:hover span[class*="icon-"].hover-red-icon {
  display: inline-block;
  color: #ff4d4d !important;
}
.dropdown-btn-icon .dropdown-menu li.hover-red-status:hover .hover-red-text {
  display: inline-block;
}
.dropdown-btn-icon .dropdown-menu li.hover-red-status:hover .green-text {
  display: none;
}
.dropdown-btn-icon .dropdown-menu li.hover-red-status:hover .green-icon {
  display: none;
}
.dropdown-btn-icon .dropdown-menu li.red-status span[class*="icon-"] {
  color: #ff4d4d !important;
}
.dropdown-btn-icon .dropdown-menu li a {
  font-weight: 600;
  text-transform: uppercase;
  color: black !important;
}
.dropdown-btn-icon .dropdown-menu li a:hover,
.dropdown-btn-icon .dropdown-menu li a:focus {
  background-color: #fafafa !important;
  color: black !important;
}
.dropdown-btn-icon .dropdown-menu li a span[class*="icon-"] {
  font-size: 2em !important;
  margin-left: -5px;
  font-weight: normal !important;
}
.desktop .dropdown-btn-icon .btn.hover-red-status:hover span[class*="icon-"].hover-red-icon {
  display: inline-block;
  color: #ff4d4d !important;
}
.desktop .dropdown-btn-icon .btn.hover-red-status:hover .hover-red-text {
  display: inline-block;
}
.desktop .dropdown-btn-icon .btn.hover-red-status:hover .green-text {
  display: none;
}
.desktop .dropdown-btn-icon .btn.hover-red-status:hover .green-icon {
  display: none;
}
.desktop .dropdown-btn-icon .btn.hover-green-status:hover span[class*="icon-"].hover-green-icon {
  display: inline-block;
  color: #02c38a !important;
}
.desktop .dropdown-btn-icon .btn.hover-green-status:hover .hover-green-text {
  display: inline-block;
}
.desktop .dropdown-btn-icon .btn.hover-green-status:hover .red-text {
  display: none;
}
.desktop .dropdown-btn-icon .btn.hover-green-status:hover .red-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .action-btn .dropdown-menu {
    left: 0px;
    right: inherit;
  }
  .add-field-container.dropdown-menu {
    left: inherit !important;
    right: 0px !important;
  }
  .modal-body .action-btn .dropdown-menu.fixwidth {
    margin-left: 23px;
  }
}
/*Popout Viewer Controll Here*/

.popout-viewer {
  display: inline-block;
  position: relative;
}
.popout-viewer .popout-bx label {
  color: #999999;
  font-size: 1.3em;
}
.popout-viewer .popout-bx {
  background-color: white;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 11px -8px;
  -moz-box-shadow: 0 1px 11px -8px;
  -webkit-box-shadow: 0 1px 11px -8px;
  padding: 15px 20px;
  position: absolute;
  left: 100%;
  top: -12px;
  z-index: 1;
  width: 100%;
  display: none;
  min-width: 200px;
}
.popout-viewer .popout-bx span {
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.popout-viewer .popout-bx span,
.popout-viewer .popout-bx:before {
  background-image: url("/content/images/npe-sprite.png");
  background-position: 17px -185px;
  content: "";
  height: 25px;
  position: absolute;
  right: 100%;
  vertical-align: middle;
  width: 25px;
}
.popout-viewer:hover .popout-bx {
  display: block;
}
@media screen and (max-width: 768px) {
  .list-1 .lst-body > .lst-item .popout-viewer .popout-bx {
    left: 0;
    top: 0;
    background: none;
    padding: 10px 0 0 24px;
    border: none;
    position: relative;
    z-index: 0;
    min-width: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .list-1 .lst-body > .lst-item .popout-viewer .popout-bx:before {
    display: none;
  }
}
/*Internal Popout Controll Here*/

.internal-popout {
  display: inline-block;
  position: relative;
}
.internal-popout > label {
  padding-right: 10px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
.internal-popout > label > span {
  vertical-align: middle;
}
.internal-popout > label > span[class*="icon-"] {
  font-size: 1.8em !important;
  color: #999999;
  vertical-align: middle;
}
.internal-popout > label:hover > span[class*="icon-"] {
  color: #454545;
}
.internal-popout > .popout-window {
  background: white;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  min-width: 200px;
  padding: 10px;
  position: absolute;
  text-align: left;
  z-index: 4;
  display: none;
}
.internal-popout.popout-blue > .popout-window {
  background: #3896ff;
  border: 1px solid #3896ff;
  box-shadow: 0px 0px 0 1px white inset;
  -moz-box-shadow: 0px 0px 0 1px white inset;
  -webkit-box-shadow: 0px 0px 0 1px white inset;
  color: white;
}
.internal-popout > .popout-window:before {
  width: 0px;
  height: 0px;
  border-width: 8px;
  border-style: solid;
  content: "";
  display: inline-block;
  position: absolute;
}
.internal-popout.open-right > .popout-window {
  left: 100%;
  top: -9px;
}
.internal-popout.open-right > .popout-window:before {
  border-style: solid;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #cdcdcd;
  left: -16px;
  top: 9px;
}
.internal-popout.popout-blue.open-right > .popout-window:before {
  border-style: solid;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #3896ff;
  left: -16px;
  top: 9px;
}
.internal-popout.open-left > .popout-window {
  right: 100%;
  top: -8px;
  margin-right: 10px;
}
.internal-popout.open-left > .popout-window:before {
  border-style: solid;
  border-left-color: #cdcdcd;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  right: -16px;
  top: 9px;
}
.internal-popout.open-bottom > .popout-window {
  top: 100%;
  left: 0;
  margin-top: 5px;
}
.internal-popout.open-bottom > .popout-window:before {
  border-style: solid;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #cdcdcd;
  border-right-color: transparent;
  left: 8px;
  top: -16px;
}
.internal-popout.open-top > .popout-window {
  bottom: 100%;
  left: 0;
  margin-bottom: 5px;
}
.internal-popout.open-top > .popout-window:before {
  border-style: solid;
  border-left-color: transparent;
  border-top-color: #cdcdcd;
  border-bottom-color: transparent;
  border-right-color: transparent;
  left: 8px;
  bottom: -16px;
}
.internal-popout.popout-blue > .popout-window label {
  color: white !important;
}
.internal-popout.popout-blue > .popout-window button.small {
  font-size: 1em;
}
.internal-popout > .popout-window .popout-lst,
.internal-popout > .popout-window .popout-lst > .popout-lst-header-item,
.internal-popout > .popout-window .popout-lst > .popout-lst-body-item {
  width: 100%;
  float: left;
  display: inline-block;
}
.internal-popout > .popout-window .popout-lst > .popout-lst-header-item,
.internal-popout > .popout-window .popout-lst > .popout-lst-body-item {
  border-bottom: 1px solid #cdcdcd;
  white-space: nowrap;
}
.internal-popout > .popout-window .popout-lst > .popout-lst-header-item:last-child,
.internal-popout > .popout-window .popout-lst > .popout-lst-body-item:last-child {
  border-bottom: none;
}
.internal-popout .popout-window .popout-lst > .popout-lst-header-item > span[class*="col-"],
.internal-popout .popout-window .popout-lst > .popout-lst-body-item > span[class*="col-"] {
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
}
.internal-popout .popout-window .popout-lst > .popout-lst-header-item > span[class*="col-"] > label {
  font-size: 1.1em;
  color: #999999;
}
.internal-popout .popout-window .popout-lst > .popout-lst-header-item > span[class*="col-"] > label,
.internal-popout .popout-window .popout-lst > .popout-lst-header-item > span[class*="col-"] > a,
.internal-popout .popout-window .popout-lst > .popout-lst-body-item > span[class*="col-"] > label,
.internal-popout .popout-window .popout-lst > .popout-lst-body-item > span[class*="col-"] > a {
  word-wrap: break-word;
  white-space: pre-wrap;
  width: 100%;
  display: inline-block;
  padding-top: 0;
}
.internal-popout .popout-window .popout-lst > .popout-lst-body-item [class="col-12"] {
  float: left !important;
}
.internal-popout .popout-window .popout-lst > .popout-lst-body-item .list-seperator {
  width: auto;
  float: left;
}
.internal-popout .popout-window .popout-lst > .popout-lst-body-item .list-seperator label {
  font-size: 1.3em;
  color: #999999;
}
.internal-popout .popout-window .popout-lst > .popout-lst-body-item .list-seperator span {
  font-size: 1.3em;
  color: #333333;
}
.internal-popout .popout-window .popout-lst > .popout-lst-body-item p {
  word-wrap: break-word;
  white-space: normal;
}
.internal-popout:hover > .popout-window {
  display: block;
}
.internal-popout.stop-hover-display > .popout-window {
  display: inherit;
}
.internal-popout.stop-hover-display:hover > .popout-window {
  display: inherit;
}
@media screen and (max-width: 768px) {
  .internal-popout {
    width: 100%;
    text-align: left;
  }
  .internal-popout > label {
    width: 100%;
    float: left;
    padding-left: 0px;
  }
  .internal-popout > .popout-window {
    width: 95%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    bottom: 0;
    right: 0;
    margin-top: 10px;
  }
  .internal-popout > .popout-window:before {
    display: none;
  }
  .internal-popout.popout-sm-open-left > .popout-window {
    width: 100%;
    position: absolute;
    left: inherit;
    float: none;
    bottom: inherit;
    margin-top: 0px;
    margin-right: 10px;
    right: 100%;
    top: -8px;
  }
  .internal-popout.popout-sm-open-left > .popout-window:before {
    display: inline-block;
  }
}
.common-popup-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.common-popup-container > .common-popup {
  background: white;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  min-width: 200px;
  padding: 10px;
  position: absolute;
  text-align: left;
  z-index: 1;
  display: none;
  top: 100%;
  left: 0px;
}
.common-popup-container > .common-popup > span {
  font-size: 13px;
}
.common-popup-container > .common-popup:before {
  width: 0px;
  height: 0px;
  border-width: 8px;
  border-style: solid;
  content: "";
  display: inline-block;
  position: absolute;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #cdcdcd;
  border-right-color: transparent;
  left: 8px;
  top: -16px;
}
.common-popup-container:hover > .common-popup {
  display: block;
}
/*Checkbox List Controll Here*/

.chk-bx-list {
  width: 100%;
  display: inline-block;
}
.chk-bx-list .chk-search-field {
  padding-bottom: 10px;
}
.chk-bx-list .chk-bx-row-container {
  overflow: auto;
  max-height: 290px;
}
.chk-bx-list .chk-bx-row {
  width: 100%;
  display: block;
  padding: 5px 0 5px 0;
}
.chk-bx-list .chk-bx-row label {
  margin: 0;
}
.chk-bx-list input[type="checkbox"] + label:before {
  margin-left: -24px;
}
.chk-bx-list input[type="checkbox"] + label {
  padding-left: 24px;
}
/*Page Title Controll Here*/

.page-title {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  display: inline-block;
  float: left;
  min-height: 51px;
}
.page-title > .p-title-txt {
  font-size: 1.8em;
  font-weight: 600;
  color: #454545;
  vertical-align: middle;
  display: inline-block;
  padding: 12px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.page-title > .p-title-txt [class*="icon-"] {
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: normal;
  color: #999999;
  cursor: pointer;
}
.page-title > .p-title-txt [class*="icon-"]:hover {
  color: #333333;
}
.page-title + div[ng-view] {
  display: inline-block;
  width: 100%;
  float: left;
}
.page-title .btn-section {
  padding: 9px 20px;
}
.page-title .p-title-txt em {
  font-style: normal;
  font-weight: normal;
  color: #999999;
}
.page-title + .bx-light-gray {
  margin-top: -1px;
  border-bottom: 1px solid #e5e5e5;
}
.page-title + .bx-light-gray .nav-tabs {
  border-bottom: none;
}
.page-title .form-element {
  display: inline-block;
  vertical-align: middle;
  min-width: 300px;
  padding-left: 0px;
}
.page-title .form-element input {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}
.page-title .form-element label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 1.5em;
}
.page-title .form-element contactselector {
  display: inline-block;
  min-width: 280px;
}
.fit-to-page-title {
  margin-top: -52px;
}
.fit-to-page-title .btn-field {
  float: left;
}
.page-title-right-cont {
  float: right;
}
@media screen and (max-width: 768px) {
  .page-title {
    float: none;
  }
  .fit-to-page-title {
    margin-top: 0px;
  }
  .page-title .btn-section {
    float: none;
    display: inline-block;
  }
  .page-title-right-cont {
    float: none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
  }
}
/*Seperator Bar Controll Here*/

.seperator-bar .seperator-pane {
  width: 100%;
  float: left;
}
.seperator-bar > div[class*="col-"]:first-child .seperator-pane {
  border-right: 4px solid #e5e5e5;
}
.seperator-bar > div[class*="col-"] + div[class*="col-"] {
  margin-left: -4px;
}
.seperator-bar > div[class*="col-"] + div[class*="col-"] .seperator-pane {
  border-left: 4px solid #e5e5e5;
  box-sizing: unset;
  -moz-box-sizing: unset;
  -webkit-box-sizing: unset;
}
@media screen and (max-width: 768px) {
  .seperator-bar > div[class*="col-"]:first-child .seperator-pane {
    min-height: 0px !important;
  }
  .seperator-bar > div[class*="col-"] {
    float: left;
  }
  .seperator-bar > div[class*="col-"]:first-child .seperator-pane {
    border-bottom: 4px solid #e5e5e5;
    border-right: none;
  }
  .seperator-bar > div[class*="col-"] + div[class*="col-"] {
    margin-top: -4px;
    margin-left: 0px;
  }
  .seperator-bar > div[class*="col-"] + div[class*="col-"] .seperator-pane {
    border-top: 4px solid #e5e5e5;
    border-left: none;
    box-sizing: unset;
    -moz-box-sizing: unset;
    -webkit-box-sizing: unset;
  }
}
/*Button Bar Controll Here*/

.button-bar {
  float: left;
  padding: 15px 20px;
  width: 100%;
}
.button-bar.freeze-bottom {
  width: auto;
  padding: 10px;
}
.button-bar h3,
.button-bar label {
  padding: 7px 0 7px 0;
  display: inline-block;
}
.button-bar .search-bar {
  display: inline-block;
  width: 100%;
}
.button-bar .search-bar input {
  display: inline-block;
}
.button-bar .input-field {
  white-space: nowrap;
}
.button-bar .input-field label {
  line-height: 2.5em;
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
  padding: 0;
}
.button-bar .input-field input {
  display: inline-block;
  width: auto !important;
}
@media screen and (max-width: 768px) {
  .button-bar > div:not([class*="col-sm-"]) {
    margin-bottom: 10px;
  }
  .button-bar > div:not([class*="col-md-"]) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .button-bar > div {
    margin-bottom: 10px;
  }
}
/*Carousel Gallery Controll Here*/

.carousel-gallery {
  width: 100%;
  float: left;
  position: relative;
  height: 150px;
  z-index: 1;
}
.carousel-gallery .carousel-gallery-arrow {
  width: 50px;
  position: absolute;
  top: 50px;
  text-align: center;
}
.carousel-gallery .carousel-gallery-arrow.carousel-left-arrow {
  left: 0px;
}
.carousel-gallery .carousel-gallery-arrow.carousel-right-arrow {
  right: 0px;
}
.carousel-gallery .carousel-gallery-arrow span {
  color: #cdcdcd;
  font-size: 4.4em;
  display: inline-block;
  cursor: pointer;
}
.carousel-gallery .carousel-gallery-arrow span:hover {
  color: #333333;
}
.carousel-gallery .carousel-gallery-container {
  max-width: 100%;
  margin: 0 50px;
  overflow-x: hidden;
  position: relative;
}
.carousel-gallery .carousel-gallery-container ul {
  float: left;
  margin-left: -30px;
  position: relative;
}
.carousel-gallery .carousel-gallery-container ul li {
  float: left;
  margin-left: 30px;
  cursor: pointer;
  overflow: hidden;
  height: 110px;
}
.carousel-gallery .carousel-gallery-container ul li:hover {
  float: left;
  margin-left: 30px;
  cursor: pointer;
  overflow: hidden;
  height: auto;
}
/*Carousel Gallery Controll Here*/

.nav-tab2 {
  background: #fafafa;
  padding: 15px 20px 0 20px;
  float: left;
  width: 100%;
}
.nav-tab2 > ul {
  width: 100%;
}
.nav-tab2 > ul > li {
  float: left;
  border-top: 4px solid #cdcdcd;
  margin-top: 4px;
  margin-bottom: 1px;
  margin-right: 3px;
}
.nav-tab2 > ul > li > a {
  display: block;
  padding: 7px 25px 9px 25px;
  color: #999999;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 1.4em;
  background: white;
  text-decoration: none;
}
.nav-tab2 > ul > li > a:hover {
  color: #454545;
}
.nav-tab2 > ul > li.active {
  border-top: 4px solid #02c38a;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
}
.nav-tab2 > ul > li.active > a {
  color: #454545;
  font-weight: 600;
  padding: 11px 25px 10px 25px;
}
.nav-count ul li.no-count-box a {
  padding-right: 20px;
}
.nav-count ul li.no-count-box.active a {
  padding-right: 20px;
}
.nav-count ul li.active a .nav-count-box {
  background: #02c38a;
  color: white;
}
.nav-count .nav-count-box {
  padding: 2px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e5e5e5;
  color: #333333;
  margin-left: 15px;
}
@media screen and (max-width: 1170px) {
  .nav-tab2 > ul > li > a {
    font-size: 1.3em;
  }
}
/*Carousel Gallery Controll Here*/

.helpText {
  position: relative;
  display: inline-block;
}
.helpText:hover .txtContainer {
  display: block;
  -webkit-animation: fadeInRight 0.5s;
  -moz-animation: fadeInRight 0.5s;
  -o-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s;
}
.helpText > span[class*="icon-"]:first-child {
  position: absolute;
  top: -9px;
  font-size: 1.6em;
  line-height: 0.6em;
  font-weight: normal !important;
  cursor: pointer;
  color: #b0b0b0;
}
.helpText > .txtContainer {
  display: none;
  position: absolute;
  left: 30px;
  top: -23px;
  background-color: white;
  border-style: solid;
  border-color: #cdcdcd #cdcdcd #cdcdcd #4d5966;
  border-width: 1px 1px 1px 3px;
  padding: 10px;
  min-width: 200px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  text-transform: none;
  font-weight: normal;
  z-index: 1;
}
.helpText > .txtContainer:after {
  content: "";
  border-width: 8px;
  border-color: transparent #4d5966 transparent transparent;
  border-style: solid;
  display: inline-block;
  width: 0px;
  height: 0px;
  position: absolute;
  left: -20px;
  top: 10px;
}
.helpText.open-bottom > .txtContainer {
  top: 100%;
  left: -9px;
  margin-top: 11px;
  border-color: #4d5966 #cdcdcd #cdcdcd #cdcdcd;
  border-width: 3px 1px 1px 1px;
}
.helpText.open-bottom > .txtContainer:after {
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #4d5966;
  border-right-color: transparent;
  left: 8px;
  top: -17px;
}
.helpText.open-bottom:hover > .txtContainer {
  -webkit-animation: fadeInUp 0.5s;
  -moz-animation: fadeInUp 0.5s;
  -o-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s;
}
.helpText.open-left > .txtContainer {
  top: 100%;
  right: -25px;
  left: auto;
  margin-top: 11px;
  border-color: #4d5966 #cdcdcd #cdcdcd #cdcdcd;
  border-width: 3px 1px 1px 1px;
}
.helpText.open-left > .txtContainer:after {
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #4d5966;
  border-right-color: transparent;
  right: 8px;
  left: auto;
  top: -17px;
}
.helpText.open-left:hover > .txtContainer {
  -webkit-animation: fadeInUp 0.5s;
  -moz-animation: fadeInUp 0.5s;
  -o-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s;
}
/*File uploader control with drag and drop */

file-select.dragStart .drop-box {
  position: fixed;
  left: 10%;
  top: 10%;
  bottom: 10%;
  right: 10%;
  z-index: 1000;
  box-shadow: 0 0 50px black;
  -moz-box-shadow: 0 0 50px black;
  -webkit-box-shadow: 0 0 50px black;
  background: white;
}
file-select.dragStart .drop-box .drag-drop-close {
  color: #ff4d4d;
  cursor: pointer;
  font-size: 4em;
  position: absolute;
  right: 10px;
  top: 10px;
}
file-select.dragStart .drop-box span.min-text {
  display: none;
}
file-select.dragStart .drop-box .onDragDiv {
  display: table;
}
file-select .drop-box {
  transition: all 0.5s;
}
file-select .drop-box span.min-text {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  border: 2px dotted #999999;
  background: white;
  padding: 8px;
  font-size: 1.4em;
  font-weight: 600;
  color: #999999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
file-select .drop-box.dragOverClass span.min-text {
  border: 2px solid #26c281;
  background: #e8faf3;
}
file-select .drop-box .onDragDiv {
  display: none;
  height: 100%;
}
file-select .drop-box .onDragDiv span.txt {
  font-size: 6em;
  color: #999999;
  font-weight: bold;
}
file-select .drop-box .onDragDiv span.txt span.icon-add {
  font-size: 4em;
  font-weight: normal;
  line-height: 0.8em;
}
file-select .file-uploader {
  position: relative;
  z-index: 0;
  min-width: 250px;
  background: white;
  border: 1px solid #cdcdcd;
  height: 35px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
file-select .file-uploader button:not(.btn-lg) {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  position: absolute;
  right: -1px;
  top: -1px;
  margin: 0px;
  z-index: 1;
}
file-select .file-uploader input {
  opacity: 0;
  width: 100%;
  height: 32px;
  position: absolute;
  z-index: 0;
  left: 0px;
}
file-select .file-uploader .file-Names {
  line-height: 29px;
  font-size: 1.2em;
  padding: 0 30% 0 10px;
  color: #999999;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 32px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 0;
  cursor: pointer;
}
file-select .fs-validation-msg {
  margin-top: 10px;
  background-color: #ffe6e6;
  border: 1px dotted #ff4d4d;
}
file-select .fs-validation-msg p.alert-danger {
  display: inline-block;
  padding: 5px 10px;
}
file-select .fs-validation-msg span.icon-cancel-circle {
  font-size: 2.5em;
  float: right;
  color: #d92727;
  cursor: pointer;
}
file-select .fs-validation-msg .file-Names {
  color: #d92727;
}
file-select .onlyBtn {
  overflow: hidden;
  display: inline-block;
}
file-select .onlyBtn.fs-btn-lg {
  overflow: visible;
}
file-select .onlyBtn.fs-btn-lg .file-uploader {
  overflow: visible;
  height: auto;
}
file-select .onlyBtn .file-uploader {
  border: none;
  background: none;
  min-width: 0;
  display: inline-block;
  overflow: hidden;
  float: left;
}
file-select .onlyBtn .file-uploader > button:not(.btn-lg) {
  position: relative;
  left: 0;
  top: 0;
  right: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
file-select .onlyBtn .file-uploader > button:not(.btn-lg) > [class*="icon-"] {
  margin-left: 0;
  height: 0.5em;
  line-height: 0.4em;
}
file-select .onlyBtn .file-uploader input {
  width: 1px;
}
file-select .onlyBtn .file-uploader .file-Names {
  display: none;
}
/*Block List control here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Box list start here -------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.block-list {
  width: 100%;
  float: left;
}
.block-list.item-pad-less .block-list-item {
  padding: 5px;
}
.block-list .block-list-item {
  float: left;
  width: 100%;
  padding: 10px;
}
.block-list-1 .block-list-item {
  width: 100%;
}
.block-list-2 .block-list-item {
  width: 50%;
}
.block-list-3 .block-list-item {
  width: 33.33%;
}
.block-list-4 .block-list-item {
  width: 25%;
}
.block-list-5 .block-list-item {
  width: 20%;
}
.block-list-6 .block-list-item {
  width: 16.66%;
}
.block-list-7 .block-list-item {
  width: 14.285%;
}
.block-list-8 .block-list-item {
  width: 12.5%;
}
.block-list-9 .block-list-item {
  width: 11.11%;
}
.block-list-10 .block-list-item {
  width: 10%;
}
@media screen and (min-width: 1367px) {
  .block-list-xxlg-1 .block-list-item {
    width: 100%;
    clear: none;
  }
  .block-list-xxlg-1 .block-list-item:nth-child(1n + 1) {
    clear: both;
  }
  .block-list-xxlg-2 .block-list-item {
    width: 50%;
    clear: none;
  }
  .block-list-xxlg-2 .block-list-item:nth-child(2n + 1) {
    clear: both;
  }
  .block-list-xxlg-3 .block-list-item {
    width: 33.33%;
    clear: none;
  }
  .block-list-xxlg-3 .block-list-item:nth-child(3n + 1) {
    clear: both;
  }
  .block-list-xxlg-4 .block-list-item {
    width: 25%;
    clear: none;
  }
  .block-list-xxlg-4 .block-list-item:nth-child(4n + 1) {
    clear: both;
  }
  .block-list-xxlg-5 .block-list-item {
    width: 20%;
    clear: none;
  }
  .block-list-xxlg-5 .block-list-item:nth-child(5n + 1) {
    clear: both;
  }
  .block-list-xxlg-6 .block-list-item {
    width: 16.66%;
    clear: none;
  }
  .block-list-xxlg-6 .block-list-item:nth-child(6n + 1) {
    clear: both;
  }
  .block-list-xxlg-7 .block-list-item {
    width: 14.285%;
    clear: none;
  }
  .block-list-xxlg-7 .block-list-item:nth-child(7n + 1) {
    clear: both;
  }
  .block-list-xxlg-8 .block-list-item {
    width: 12.5%;
    clear: none;
  }
  .block-list-xxlg-8 .block-list-item:nth-child(8n + 1) {
    clear: both;
  }
  .block-list-xxlg-9 .block-list-item {
    width: 11.11%;
    clear: none;
  }
  .block-list-xxlg-9 .block-list-item:nth-child(9n + 1) {
    clear: both;
  }
  .block-list-xxlg-10 .block-list-item {
    width: 10%;
    clear: none;
  }
  .block-list-xxlg-10 .block-list-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
  .block-list-xlg-1 .block-list-item {
    width: 100%;
    clear: none;
  }
  .block-list-xlg-1 .block-list-item:nth-child(1n + 1) {
    clear: both;
  }
  .block-list-xlg-2 .block-list-item {
    width: 50%;
    clear: none;
  }
  .block-list-xlg-2 .block-list-item:nth-child(2n + 1) {
    clear: both;
  }
  .block-list-xlg-3 .block-list-item {
    width: 33.33%;
    clear: none;
  }
  .block-list-xlg-3 .block-list-item:nth-child(3n + 1) {
    clear: both;
  }
  .block-list-xlg-4 .block-list-item {
    width: 25%;
    clear: none;
  }
  .block-list-xlg-4 .block-list-item:nth-child(4n + 1) {
    clear: both;
  }
  .block-list-xlg-5 .block-list-item {
    width: 20%;
    clear: none;
  }
  .block-list-xlg-5 .block-list-item:nth-child(5n + 1) {
    clear: both;
  }
  .block-list-xlg-6 .block-list-item {
    width: 16.66%;
    clear: none;
  }
  .block-list-xlg-6 .block-list-item:nth-child(6n + 1) {
    clear: both;
  }
  .block-list-xlg-7 .block-list-item {
    width: 14.285%;
    clear: none;
  }
  .block-list-xlg-7 .block-list-item:nth-child(7n + 1) {
    clear: both;
  }
  .block-list-xlg-8 .block-list-item {
    width: 12.5%;
    clear: none;
  }
  .block-list-xlg-8 .block-list-item:nth-child(8n + 1) {
    clear: both;
  }
  .block-list-xlg-9 .block-list-item {
    width: 11.11%;
    clear: none;
  }
  .block-list-xlg-9 .block-list-item:nth-child(9n + 1) {
    clear: both;
  }
  .block-list-xlg-10 .block-list-item {
    width: 10%;
    clear: none;
  }
  .block-list-xlg-10 .block-list-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .block-list-lg-1 .block-list-item {
    width: 100%;
    clear: none;
  }
  .block-list-lg-1 .block-list-item:nth-child(1n + 1) {
    clear: both;
  }
  .block-list-lg-2 .block-list-item {
    width: 50%;
    clear: none;
  }
  .block-list-lg-2 .block-list-item:nth-child(2n + 1) {
    clear: both;
  }
  .block-list-lg-3 .block-list-item {
    width: 33.33%;
    clear: none;
  }
  .block-list-lg-3 .block-list-item:nth-child(3n + 1) {
    clear: both;
  }
  .block-list-lg-4 .block-list-item {
    width: 25%;
    clear: none;
  }
  .block-list-lg-4 .block-list-item:nth-child(4n + 1) {
    clear: both;
  }
  .block-list-lg-5 .block-list-item {
    width: 20%;
    clear: none;
  }
  .block-list-lg-5 .block-list-item:nth-child(5n + 1) {
    clear: both;
  }
  .block-list-lg-6 .block-list-item {
    width: 16.66%;
    clear: none;
  }
  .block-list-lg-6 .block-list-item:nth-child(6n + 1) {
    clear: both;
  }
  .block-list-lg-7 .block-list-item {
    width: 14.285%;
    clear: none;
  }
  .block-list-lg-7 .block-list-item:nth-child(7n + 1) {
    clear: both;
  }
  .block-list-lg-8 .block-list-item {
    width: 12.5%;
    clear: none;
  }
  .block-list-lg-8 .block-list-item:nth-child(8n + 1) {
    clear: both;
  }
  .block-list-lg-9 .block-list-item {
    width: 11.11%;
    clear: none;
  }
  .block-list-lg-9 .block-list-item:nth-child(9n + 1) {
    clear: both;
  }
  .block-list-lg-10 .block-list-item {
    width: 10%;
    clear: none;
  }
  .block-list-lg-10 .block-list-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .block-list-md-1 .block-list-item {
    width: 100%;
    clear: none;
  }
  .block-list-md-1 .block-list-item:nth-child(1n + 1) {
    clear: both;
  }
  .block-list-md-2 .block-list-item {
    width: 50%;
    clear: none;
  }
  .block-list-md-2 .block-list-item:nth-child(2n + 1) {
    clear: both;
  }
  .block-list-md-3 .block-list-item {
    width: 33.33%;
    clear: none;
  }
  .block-list-md-3 .block-list-item:nth-child(3n + 1) {
    clear: both;
  }
  .block-list-md-4 .block-list-item {
    width: 25%;
    clear: none;
  }
  .block-list-md-4 .block-list-item:nth-child(4n + 1) {
    clear: both;
  }
  .block-list-md-5 .block-list-item {
    width: 20%;
    clear: none;
  }
  .block-list-md-5 .block-list-item:nth-child(5n + 1) {
    clear: both;
  }
  .block-list-md-6 .block-list-item {
    width: 16.66%;
    clear: none;
  }
  .block-list-md-6 .block-list-item:nth-child(6n + 1) {
    clear: both;
  }
  .block-list-md-7 .block-list-item {
    width: 14.285%;
    clear: none;
  }
  .block-list-md-7 .block-list-item:nth-child(7n + 1) {
    clear: both;
  }
  .block-list-md-8 .block-list-item {
    width: 12.5%;
    clear: none;
  }
  .block-list-md-8 .block-list-item:nth-child(8n + 1) {
    clear: both;
  }
  .block-list-md-9 .block-list-item {
    width: 11.11%;
    clear: none;
  }
  .block-list-md-9 .block-list-item:nth-child(9n + 1) {
    clear: both;
  }
  .block-list-md-10 .block-list-item {
    width: 10%;
    clear: none;
  }
  .block-list-md-10 .block-list-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 768px) {
  .block-list-sm-1 .block-list-item {
    width: 100%;
    clear: none;
  }
  .block-list-sm-1 .block-list-item:nth-child(1n + 1) {
    clear: both;
  }
  .block-list-sm-2 .block-list-item {
    width: 50%;
    clear: none;
  }
  .block-list-sm-2 .block-list-item:nth-child(2n + 1) {
    clear: both;
  }
  .block-list-sm-3 .block-list-item {
    width: 33.33%;
    clear: none;
  }
  .block-list-sm-3 .block-list-item:nth-child(3n + 1) {
    clear: both;
  }
  .block-list-sm-4 .block-list-item {
    width: 25%;
    clear: none;
  }
  .block-list-sm-4 .block-list-item:nth-child(4n + 1) {
    clear: both;
  }
  .block-list-sm-5 .block-list-item {
    width: 20%;
    clear: none;
  }
  .block-list-sm-5 .block-list-item:nth-child(5n + 1) {
    clear: both;
  }
  .block-list-sm-6 .block-list-item {
    width: 16.66%;
    clear: none;
  }
  .block-list-sm-6 .block-list-item:nth-child(6n + 1) {
    clear: both;
  }
  .block-list-sm-7 .block-list-item {
    width: 14.285%;
    clear: none;
  }
  .block-list-sm-7 .block-list-item:nth-child(7n + 1) {
    clear: both;
  }
  .block-list-sm-8 .block-list-item {
    width: 12.5%;
    clear: none;
  }
  .block-list-sm-8 .block-list-item:nth-child(8n + 1) {
    clear: both;
  }
  .block-list-sm-9 .block-list-item {
    width: 11.11%;
    clear: none;
  }
  .block-list-sm-9 .block-list-item:nth-child(9n + 1) {
    clear: both;
  }
  .block-list-sm-10 .block-list-item {
    width: 10%;
    clear: none;
  }
  .block-list-sm-10 .block-list-item:nth-child(10n + 1) {
    clear: both;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Box list End here ---------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Block list start here ----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.block-box-list {
  width: 100%;
  float: left;
}
.block-box-list .block-box-item {
  width: 100%;
  float: left;
  padding: 5px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.block-box-list .block-box-item:last-child {
  border-bottom: none;
}
.block-box-list .block-box-item h3 {
  font-size: 2em;
  color: black;
  font-weight: 400;
  padding-bottom: 0px;
}
.block-box-list .block-box-item label {
  font-size: 1.3em;
  color: #999999;
  width: 100%;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .block-box-list {
    padding: 0 20px;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Block list End here ----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Animation here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START ANIMATION CLASSES HERE  ------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.animated.fadeIn {
  -webkit-animation: fadeIn 0.3s;
  -moz-animation: fadeIn 0.3s;
  -o-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
}
.animated.fadeInRight {
  -webkit-animation: fadeInRight 0.3s;
  -moz-animation: fadeInRight 0.3s;
  -o-animation: fadeInRight 0.3s;
  animation: fadeInRight 0.3s;
}
.animated.fadeInUp {
  -webkit-animation: fadeInUp 0.3s;
  -moz-animation: fadeInUp 0.3s;
  -o-animation: fadeInUp 0.3s;
  animation: fadeInUp 0.3s;
}
.animated.fadeOutDown {
  -webkit-animation: fadeOutDown 0.3s;
  -moz-animation: fadeOutDown 0.3s;
  -o-animation: fadeOutDown 0.3s;
  animation: fadeOutDown 0.3s;
}
.animated.fadeOut {
  -webkit-animation: fadeOut 0.3s;
  -moz-animation: fadeOut 0.3s;
  -o-animation: fadeOut 0.3s;
  animation: fadeOut 0.3s;
}
.animated.fadeOutLeft {
  -webkit-animation: fadeOutLeft 0.3s;
  -moz-animation: fadeOutLeft 0.3s;
  -o-animation: fadeOutLeft 0.3s;
  animation: fadeOutLeft 0.3s;
}
.animated.flash {
  -webkit-animation: flash 0.3s;
  -moz-animation: flash 0.3s;
  -o-animation: flash 0.3s;
  animation: flash 0.3s;
}
.animated.shake {
  -webkit-animation: shake 0.3s;
  -moz-animation: shake 0.3s;
  -o-animation: shake 0.3s;
  animation: shake 0.3s;
}
.animated.bounce {
  -webkit-animation: bounce 0.3s;
  -moz-animation: bounce 0.3s;
  -o-animation: bounce 0.3s;
  animation: bounce 0.3s;
}
.animated.tada {
  -webkit-animation: tada 0.3s;
  -moz-animation: tada 0.3s;
  -o-animation: tada 0.3s;
  animation: tada 0.3s;
}
.animated.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation: swing 0.3s;
  -moz-animation: swing 0.3s;
  -o-animation: swing 0.3s;
  animation: swing 0.3s;
}
.animated.wobble {
  -webkit-animation: wobble 0.3s;
  -moz-animation: wobble 0.3s;
  -o-animation: wobble 0.3s;
  animation: wobble 0.3s;
}
.animated.pulse {
  -webkit-animation: pulse 0.3s;
  -moz-animation: pulse 0.3s;
  -o-animation: pulse 0.3s;
  animation: pulse 0.3s;
}
.animated.flip {
  -webkit-animation: flip 0.3s;
  -moz-animation: flip 0.3s;
  -o-animation: flip 0.3s;
  animation: flip 0.3s;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
.animated.flipOutX {
  -webkit-animation: flipOutX 0.3s;
  -moz-animation: flipOutX 0.3s;
  -o-animation: flipOutX 0.3s;
  animation: flipOutX 0.3s;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.animated.flipInY {
  -webkit-animation: flipInY 0.3s;
  -moz-animation: flipInY 0.3s;
  -o-animation: flipInY 0.3s;
  animation: flipInY 0.3s;
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: flipOutY 0.3s;
  -moz-animation: flipOutY 0.3s;
  -o-animation: flipOutY 0.3s;
  animation: flipOutY 0.3s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes swing {
  100%, 20%, 40%, 60%, 80% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*Tab Link here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START TAB LINK CONTROL HERE -------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tab-link {
  padding: 10px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  color: #454545;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  width: auto;
  min-width: 100px;
  margin-right: 10px;
  font-size: 1.4em;
}
.tab-link:hover {
  background: #fafafa;
}
.tab-link.active {
  background: #525f6d;
  border-color: #525f6d;
  cursor: auto;
  color: white;
}
.tab-link.active:hover {
  background: #525f6d;
}
.table-grid .tab-link {
  width: 100%;
  margin-right: 0px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END TAB LINK CONTROL HERE -------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Slider Modal here */

.modal-backdrop-slider {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: white;
}
.modal-backdrop-slider.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}
.modal-backdrop-slider.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
}
.modal-slider {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-slider.fade > .modal-dialog {
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease-out;
  -ms-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}
.modal-slider.in > .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-slider > .modal-dialog {
  position: relative;
  display: inline-block;
  width: 500px;
  height: 100%;
  float: right;
  overflow: hidden;
  padding-left: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.modal-slider > .modal-dialog > .modal-content {
  height: 100%;
  overflow: auto;
  background-color: white;
  box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  outline: none;
  position: relative;
}
.modal-slider > .modal-dialog > .modal-content .modal-header {
  padding: 15px 63px 15px 15px;
  height: 56px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-slider > .modal-dialog > .modal-content .modal-header h3 {
  display: inline-block;
  float: left;
  font-size: 1.8em;
  font-weight: normal;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}
.modal-slider > .modal-dialog > .modal-content .modal-header input {
  margin-top: -2px;
}
.modal-slider > .modal-dialog > .modal-content .modal-header .close {
  font-size: 3em;
  line-height: 0.7em;
  vertical-align: middle;
  color: #999999;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 5px;
  z-index: 1;
}
.modal-slider > .modal-dialog > .modal-content .modal-header .close:after {
  font-family: 'npe_icons_v1regular' !important;
  content: "\e038";
  vertical-align: middle;
}
.modal-slider > .modal-dialog > .modal-content .modal-header.header-form {
  padding: 14px 15px 0px;
}
.modal-slider > .modal-dialog > .modal-content .modal-header.header-form .fs {
  width: auto !important;
}
.modal-slider > .modal-dialog > .modal-content .modal-header.header-form .fs,
.modal-slider > .modal-dialog > .modal-content .modal-header.header-form .fs-g,
.modal-slider > .modal-dialog > .modal-content .modal-header.header-form .fs-f {
  margin: 0px !important;
  padding: 0px !important;
}
.modal-slider > .modal-dialog > .modal-content .modal-body {
  position: relative;
  padding: 20px;
  height: 100%;
  overflow: auto;
}
.modal-slider > .modal-dialog > .modal-content .modal-body .freeze-bottom {
  left: 0px;
  padding: 15px;
  position: relative;
  border-top: none;
  background: none;
}
.modal-slider > .modal-dialog > .modal-content .modal-footer {
  padding: 15px;
  height: 70px;
  overflow: hidden;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-slider > .modal-dialog > .modal-content .modal-footer button {
  margin-left: 5px;
  background: #454545;
  color: white;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 9px 15px;
  font-size: 1.4em;
  border: none;
}
.modal-slider > .modal-dialog > .modal-content .modal-footer button:hover {
  box-shadow: 0px 0px 6px black inset;
  -moz-box-shadow: 0px 0px 6px black inset;
  -webkit-box-shadow: 0px 0px 6px black inset;
}
.modal-slider > .modal-dialog > .modal-content .modal-footer button.blue-btn {
  margin-left: 5px;
  background: #454545;
  color: white;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 9px 15px;
  font-size: 1.4em;
  border: none;
}
.modal-slider > .modal-dialog > .modal-content .modal-footer button.blue-btn:hover {
  box-shadow: 0px 0px 6px black inset;
  -moz-box-shadow: 0px 0px 6px black inset;
  -webkit-box-shadow: 0px 0px 6px black inset;
}
html.calc .modal-slider > .modal-dialog > .modal-content .modal-body {
  height: calc(100% - 130px);
}
/*Count box here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START COUNT BOX CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.line-count-box {
  height: 50px;
  border-left: 3px solid #e5e5e5;
  padding: 12px 10px;
  width: 100%;
  background: white;
  -webkit-transition: border-width 0.2s;
  -moz-transition: border-width 0.2s;
  -o-transition: border-width 0.2s;
  -ms-transition: border-width 0.2s;
  transition: border-width 0.2s;
  cursor: pointer;
}
.line-count-box.double-line-count {
  padding: 2px 10px;
}
.line-count-box p {
  font-size: 1.2em;
  color: #999999;
}
.line-count-box:hover {
  border-width: 7px;
}
.line-count-box.green-theme {
  border-left-color: #02c38a;
}
.line-count-box.green-theme h2 label {
  color: #02c38a;
}
.line-count-box.red-theme {
  border-left-color: #ff4d4d;
}
.line-count-box.red-theme h2 label {
  color: #ff4d4d;
}
.line-count-box.blue-theme {
  border-left-color: #3896ff;
}
.line-count-box.blue-theme h2 label {
  color: #3896ff;
}
.line-count-box.orange-theme {
  border-left-color: #ff7048;
}
.line-count-box.orange-theme h2 label {
  color: #ff7048;
}
.line-count-box h2 {
  font-size: 1.6em;
  font-weight: 400;
  color: #999999;
  padding-bottom: 0px;
}
.line-count-box h2 label {
  font-size: 1.2em;
  font-weight: 600;
  color: #333333;
}
.count-box {
  width: 100%;
  display: inline-block;
  position: relative;
  min-height: 80px;
  background: white;
  cursor: pointer;
}
.count-box.count-box-sm {
  min-height: 50px;
}
.count-box.count-box-sm .count-num {
  line-height: 50px;
  font-size: 2em;
  width: 50px;
}
.count-box.count-box-sm .count-container {
  padding-left: 60px;
  height: auto;
}
.count-box.single-count-text .count-container b {
  font-size: 2em;
  display: inline-block;
}
.count-box.count-box-sm.single-count-text .count-container b {
  padding-top: 10px;
  font-size: 1.5em;
}
.count-box.count-box-sm.single-count-text.display-flex > .count-container:before {
  content: none;
}
.count-box.count-box-sm.single-count-text.display-flex .count-num {
  line-height: 58px;
}
.count-box.active {
  box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.count-box.inactive .bx-red,
.count-box.inactive .bx-green,
.count-box.inactive .bx-orange,
.count-box.inactive .bx-blue,
.count-box.inactive .bx-purple {
  background: #b0b0b0 !important;
}
.count-box.inactive .color-red,
.count-box.inactive .color-orange,
.count-box.inactive .color-green,
.count-box.inactive .color-blue,
.count-box.inactive .color-purple {
  color: #b0b0b0 !important;
}
.count-box > .count-num {
  display: inline-block;
  background: #e5e5e5;
  width: 80px;
  text-align: center;
  line-height: 2.4em;
  font-size: 3.6em;
  color: white;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.count-box > .count-num.count-num-5 {
  font-size: 2.7em;
  line-height: 2.7em;
}
.count-box > .count-num.count-num-6 {
  font-size: 2.5em;
  line-height: 3em;
}
.count-box > .count-container {
  width: 100%;
  display: inline-block;
  padding: 5px 0 5px 95px;
  height: 80px;
  vertical-align: middle;
}
.count-box > .count-container:before {
  height: 100%;
  vertical-align: middle;
  content: "";
  display: inline-block;
  margin: 0;
}
.count-box > .count-container b {
  display: inline-block;
  vertical-align: middle;
  width: 97%;
}
.count-box > .count-container > h2 {
  font-size: 3em;
  font-weight: 200 !important;
  color: #525f6d;
  line-height: 1em;
  padding-bottom: 0px;
  padding-top: 10px;
}
.count-box > .count-container > b {
  font-size: 1.4em;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (max-width: 1500px) {
  .count-box > .count-container > h2 {
    font-size: 2.5em;
    padding-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .count-box {
    margin: 0 0 10px 0;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END COUNT BOX CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*------------------------------------------------------------------------------------------------*/

/*---------------------------- count number start here -------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.count-number {
  padding: 3px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e5e5e5;
  font-size: 1.3em;
}
.count-number.green {
  background: #02c38a;
  color: white;
}
.count-number.red {
  background: #ff4d4d;
  color: white;
}
.count-number.blue {
  background: #3896ff;
  color: white;
}
.count-number.orange {
  background: #ff7048;
  color: white;
}
.count-number.purple {
  background: #ac6cff;
  color: white;
}
/*------------------------------------------------------------------------------------------------*/

/*---------------------------- count number start here -------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Shourtable List Controll here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START SHORTING CONTROL HERE ------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.ui-sortable .lst-item {
  cursor: move;
}
.ui-sortable-helper {
  background: #02c38a !important;
}
.ui-sortable-placeholder {
  background: #efefef;
  visibility: visible !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome,
  .list-1 > .lst-body > .lst-item > div > .shorting-icon + * {
    width: 85%;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END SHORTING CONTROL HERE ------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Count Status here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START COUNT STATUS CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

span.count-status {
  background: #cdcdcd;
  padding: 3px 8px;
  margin-top: 4px;
  text-align: center;
  color: white;
  font-size: 1.3em;
}
span.count-status.green {
  background: #02c38a;
}
span.count-status.red {
  background: #ff4d4d;
}
span.count-status.orange {
  background: #ff7048;
}
.list-1 .lst-item span.count-status {
  background: #cdcdcd;
  padding: 3px 8px;
  margin-top: 4px;
  text-align: center;
  color: white;
  font-size: 1.3em;
}
.list-1 .lst-item span.count-status.active-color.red {
  background: #ff4d4d;
}
.list-1 .lst-item span.count-status.active-color.green {
  background: #02c38a;
}
.list-1 .lst-item span.count-status.active-color.orange {
  background: #ff7048;
}
.list-1 .lst-item span.count-status.green {
  background: #cdcdcd;
}
.list-1 .lst-item span.count-status.red {
  background: #cdcdcd;
}
.list-1 .lst-item span.count-status.orange {
  background: #cdcdcd;
}
.list-1 .lst-item:hover span.count-status.green {
  background: #02c38a;
}
.list-1 .lst-item:hover span.count-status.red {
  background: #ff4d4d;
}
.list-1 .lst-item:hover span.count-status.orange {
  background: #ff7048;
}
.list-1 .lst-item span.count-status.disable-hover.green {
  background: #02c38a !important;
}
.list-1 .lst-item span.count-status.disable-hover.red {
  background: #ff4d4d !important;
}
.list-1 .lst-item span.count-status.disable-hover.orange {
  background: #ff7048 !important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END COUNT STATUS CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Count Status here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START HORIZONTAL-ACCORDION PANEL CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.hori-accordion-panel {
  width: 100%;
  display: inline-block;
  position: relative;
}
.hori-accordion-panel > div:first-child > .base-area {
  border-right: 4px solid #e5e5e5;
}
.hori-accordion-panel > div:last-child > .base-area {
  border-left: 4px solid #e5e5e5;
}
.hori-accordion-panel > div:first-child.hori-accordion-subarea {
  border-right: 4px solid #e5e5e5;
  margin-right: -4px;
}
.hori-accordion-panel > div[class="hori-accordion-area"] + [class="hori-accordion-subarea"] {
  border-left: 4px solid #e5e5e5;
  margin-left: -4px;
}
.hori-accordion-panel > div:first-child > .base-subarea {
  border-right: 4px solid #e5e5e5;
  margin-right: -4px;
}
.hori-accordion-panel > div:last-child > .base-subarea {
  border-left: 4px solid #e5e5e5;
  margin-left: -4px;
}
.hori-accordion-panel > div:first-child {
  left: 0;
}
.hori-accordion-panel > div:last-child {
  right: 0;
}
.hori-accordion-panel > div[class="hori-accordion-area"] {
  left: inherit;
  right: inherit;
}
.hori-accordion-panel > div:first-child {
  padding-right: 400px;
  padding-left: inherit;
}
.hori-accordion-panel > div:last-child {
  padding-left: 400px;
  padding-right: inherit;
}
.hori-accordion-panel > div[class="hori-accordion-subarea"] {
  padding-left: inherit;
  padding-right: inherit;
}
.hori-accordion-panel > div:first-child > .base-area > .show-hide-arrow:after {
  content: "\e013";
}
.hori-accordion-panel > div:first-child > .base-area > .show-hide-arrow {
  right: -30px;
  left: inherit;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.hori-accordion-panel > div:last-child > .base-area > .show-hide-arrow:after {
  content: "\e011";
}
.hori-accordion-panel > div:last-child > .base-area > .show-hide-arrow {
  left: -30px;
  right: inherit;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.hori-accordion-panel > .hori-accordion-area > .base-area > .show-hide-arrow {
  position: absolute;
  top: 10px;
  width: 26px;
  height: 31px;
  background: #e5e5e5;
  color: #999999;
  font-size: 2em;
  line-height: 31px;
  text-align: center;
  font-family: 'npe_icons_v1regular' !important;
  display: inline-block;
  z-index: 1;
  cursor: pointer;
}
.hori-accordion-area {
  width: 100%;
  float: left;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  -ms-transition: padding 0.5s;
  transition: padding 0.5s;
  min-height: 100%;
  background: white;
}
.hori-accordion-subarea {
  width: 404px;
  position: absolute;
  top: 0px;
  float: left;
  background: #fafafa;
  bottom: 0px;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  -ms-transition: width 0.5s;
  transition: width 0.5s;
  min-height: 100%;
}
.hori-accordion-area > .base-area {
  width: 100%;
  float: left;
  position: relative;
  min-height: 100%;
  padding-bottom: 65px;
}
.hori-accordion-subarea > .base-subarea {
  width: 404px;
  background: #fafafa;
  padding-bottom: 65px;
  float: left;
  min-height: 100%;
}
.hori-accordion-panel.panel-hide > .hori-accordion-subarea {
  width: 54px;
  overflow: hidden;
}
.hori-accordion-panel.panel-hide > div:first-child {
  padding-right: 50px;
  padding-left: inherit;
}
.hori-accordion-panel.panel-hide > div:last-child {
  padding-left: 50px;
  padding-right: inherit;
}
.hori-accordion-panel.panel-hide > div[class="hori-accordion-subarea"] {
  padding-left: inherit;
  padding-right: inherit;
}
.hori-accordion-panel.panel-hide > div:first-child > .base-area > .show-hide-arrow {
  right: 0px;
  left: inherit;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.hori-accordion-panel.panel-hide > div:last-child > .base-area > .show-hide-arrow {
  left: 0px;
  right: inherit;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.hori-accordion-panel.panel-hide > div:first-child > .base-area > .show-hide-arrow:after {
  content: "\e011";
}
.hori-accordion-panel.panel-hide > div:last-child > .base-area > .show-hide-arrow:after {
  content: "\e013";
}
.hori-accordion-panel.half-panel > div {
  width: 50% !important;
  float: left;
  position: inherit;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.hori-accordion-panel.half-panel > .hori-accordion-subarea {
  background: white;
}
.hori-accordion-panel.half-panel > .hori-accordion-subarea > .base-subarea {
  background: white;
  width: 100% !important;
}
.hori-accordion-panel.invoiceDisable {
  position: relative;
}
.hori-accordion-panel.invoiceDisable .invoiceOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(240, 240, 240, 0.6);
  z-index: 2;
}
/*@media screen and (max-width:1500px) {

    .hori-accordion-panel > div:first-child { padding-right:250px; padding-left:inherit; }
    .hori-accordion-panel > div:last-child { padding-left:250px; padding-right:inherit; }
    .hori-accordion-panel > div[class="hori-accordion-subarea"] { padding-left:inherit; padding-right:inherit; }

    .hori-accordion-panel.panel-hide > div:first-child { padding-right:80px; padding-left:inherit; }
    .hori-accordion-panel.panel-hide > div:last-child { padding-left:80px; padding-right:inherit; }
    .hori-accordion-panel.panel-hide > div[class="hori-accordion-subarea"] { padding-left:inherit; padding-right:inherit; }

    .hori-accordion-subarea { width:250px; }
    .hori-accordion-subarea > .base-subarea { width:250px; }
    .hori-accordion-panel.panel-hide > .hori-accordion-subarea { width:80px; }
}*/

/*@media screen and (max-width:1280px) {
    .hori-accordion-area { padding-left:200px; }
    .hori-accordion-panel.panel-hide > .hori-accordion-area { padding-left:80px; }

    .hori-accordion-subarea { width:200px; }
    .hori-accordion-subarea > .base-subarea { width:200px; }
    .hori-accordion-panel.panel-hide > .hori-accordion-subarea { width:80px; }
}*/

/*@media screen and (max-width:1170px) {
    .hori-accordion-area { padding-left:150px; }
    .hori-accordion-panel.panel-hide > .hori-accordion-area { padding-left:80px; }

    .hori-accordion-subarea { width:150px; }
    .hori-accordion-subarea > .base-subarea { width:150px; }
    .hori-accordion-panel.panel-hide > .hori-accordion-subarea { width:80px; }
}*/

@media screen and (max-width: 1270px) {
  .hori-accordion-panel .col-6.sap-v {
    width: 100%;
    border: none;
  }
  .hori-accordion-panel .col-6.sap-v + .col-6 {
    width: 100%;
    border: none;
  }
}
@media screen and (max-width: 1024px) {
  /*---------- invoie 1024 screen condition for event invoice--------------*/
  
  .hori-accordion-panel > div:first-child {
    padding-right: 330px;
  }
  .hori-accordion-panel > div:last-child {
    padding-left: 330px;
  }
  .hori-accordion-subarea {
    width: 334px;
  }
  .hori-accordion-subarea > .base-subarea {
    width: 334px;
  }
  .hori-accordion-panel.panel-hide > .hori-accordion-subarea {
    width: 54px;
  }
  .hori-accordion-panel.panel-hide > div:first-child {
    padding-right: 50px;
  }
  .hori-accordion-panel.panel-hide > div:last-child {
    padding-left: 50px;
  }
  .hori-accordion-panel.panel-hide > div[class="hori-accordion-subarea"] {
    padding-left: inherit;
    padding-right: inherit;
  }
  .hori-accordion-panel.half-panel > div {
    width: 50% !important;
  }
  .hori-accordion-panel > div[class="hori-accordion-subarea"] {
    padding-left: inherit;
    padding-right: inherit;
  }
  .hori-accordion-panel.half-panel > div {
    padding: 0;
  }
  .hori-accordion-panel.half-panel > div:first-child > .base-area {
    border-right: none;
  }
  .hori-accordion-panel.half-panel > div:last-child > .base-area {
    border-left: none;
  }
  /*---------- invoie 1024 screen condition for event invoice--------------*/
  
  .hori-accordion-panel {
    height: auto !important;
    min-height: 0 !important;
  }
  .hori-accordion-panel.user-profile > div:first-child {
    padding-right: 0px;
    padding-left: inherit;
  }
  .hori-accordion-panel.user-profile > div:last-child {
    padding-left: 0px;
    padding-right: inherit;
  }
  .hori-accordion-panel.user-profile > div[class="hori-accordion-subarea"] {
    padding-left: inherit;
    padding-right: inherit;
  }
  .hori-accordion-panel.user-profile.panel-hide > div:first-child {
    padding-right: 0px;
    padding-left: inherit;
  }
  .hori-accordion-panel.user-profile.panel-hide > div:last-child {
    padding-left: 0px;
    padding-right: inherit;
  }
  .hori-accordion-panel.user-profile.panel-hide > div[class="hori-accordion-subarea"] {
    padding-left: inherit;
    padding-right: inherit;
  }
  .hori-accordion-panel.user-profile > div:first-child > .base-area {
    border-right: none;
  }
  .hori-accordion-panel.user-profile > div:last-child > .base-area {
    border-left: none;
  }
  .hori-accordion-panel.user-profile .hori-accordion-subarea {
    width: 100%;
    position: inherit;
    border-bottom: 1px solid #e5e5e5;
  }
  .hori-accordion-panel.user-profile .hori-accordion-subarea > .base-subarea {
    width: 100%;
    padding-bottom: 20px;
    background: white;
  }
  .hori-accordion-panel.user-profile .profile-devider {
    border-bottom: 1px solid #e5e5e5;
  }
  .hori-accordion-panel.user-profile.panel-hide > .hori-accordion-subarea {
    width: 100%;
  }
  .hori-accordion-panel.user-profile > .hori-accordion-area > .base-area > .show-hide-arrow {
    display: none;
  }
  .hori-accordion-panel.user-profile .invoice-profile-name {
    width: 50%;
    float: left;
    padding-bottom: 12px;
  }
  .hori-accordion-panel.user-profile .side-invoice-details {
    width: 50%;
    float: left;
    background: none;
  }
  .hori-accordion-panel.user-profile .invoice-half-details {
    width: 50%;
    float: left;
    border-left: 2px solid #e5e5e5;
    padding: 0 20px;
  }
  .hori-accordion-panel.user-profile .invoice-half-details p {
    word-wrap: break-word;
  }
  .hori-accordion-panel.half-panel > div {
    width: 100% !important;
  }
  .hori-accordion-panel.half-panel > div:first-child {
    border-bottom: 4px solid #e5e5e5;
  }
  .hori-accordion-area > .base-area {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .hori-accordion-panel {
    height: auto !important;
    min-height: 0 !important;
  }
  .hori-accordion-panel > div:first-child {
    padding-right: 0px;
    padding-left: inherit;
  }
  .hori-accordion-panel > div:last-child {
    padding-left: 0px;
    padding-right: inherit;
  }
  .hori-accordion-panel > div[class="hori-accordion-subarea"] {
    padding-left: inherit;
    padding-right: inherit;
  }
  .hori-accordion-panel.panel-hide > div:first-child {
    padding-right: 0px;
    padding-left: inherit;
  }
  .hori-accordion-panel.panel-hide > div:last-child {
    padding-left: 0px;
    padding-right: inherit;
  }
  .hori-accordion-panel.panel-hide > div[class="hori-accordion-subarea"] {
    padding-left: inherit;
    padding-right: inherit;
  }
  .hori-accordion-panel > div:first-child > .base-area {
    border-right: none;
  }
  .hori-accordion-panel > div:last-child > .base-area {
    border-left: none;
  }
  .hori-accordion-subarea {
    width: 100%;
    position: inherit;
    border-bottom: 1px solid #e5e5e5;
  }
  .hori-accordion-subarea > .base-subarea {
    width: 100%;
    padding-bottom: 20px;
  }
  .hori-accordion-panel.panel-hide > .hori-accordion-subarea {
    width: 100%;
  }
  .hori-accordion-panel > .hori-accordion-area > .base-area > .show-hide-arrow {
    display: none;
  }
  .hori-accordion-panel > div:last-child > .base-subarea {
    border-left: none;
  }
  .hori-accordion-panel > div:first-child {
    border-bottom: 4px solid #e5e5e5;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END HORIZONTAL-ACCORDION PANEL CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Page sub title here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START HORIZONTAL-ACCORDION PANEL CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.page-sub-title {
  width: 100%;
  background: #efefef;
  float: left;
  padding: 0 20px;
}
.page-sub-title .sub-title {
  font-size: 1.8em;
  color: #666666;
  font-weight: 200;
  padding: 15px 0;
}
.page-sub-title .sub-title > span {
  font-size: 0.6em;
  color: #999999;
}
.page-sub-title .sub-p-t-amount {
  text-align: right;
  padding-top: 7px;
  padding-bottom: 7px;
}
.page-sub-title .sub-p-t-amount > h3 {
  font-size: 2.4em;
  color: #666666;
  font-weight: 200;
  line-height: 1em;
  padding-bottom: 0px;
}
.page-sub-title .sub-p-t-amount > h5 {
  font-size: 1.7em;
  color: #666666;
  font-weight: 200;
  padding-bottom: 0px;
}
.page-sub-title .sub-p-t-amount > p {
  font-size: 1.2em;
  font-weight: 600;
  color: #666666;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END HORIZONTAL-ACCORDION PANEL CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*List Box here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START LIST BOX CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.list-box-body {
  width: 100%;
  float: left;
}
.list-box-body .list-box-item {
  background: #efefef;
  padding: 15px;
  position: relative;
  cursor: pointer;
  min-height: 90px;
}
.list-box-body .list-box-item .list-box-seperator {
  width: 100%;
  display: inline-block;
  font-size: 1.4em;
  margin-top: 10px;
}
.list-box-body .list-box-item .list-box-seperator > span {
  color: #333333;
}
.list-box-body .list-box-item .list-box-seperator > span:after {
  content: "|";
  display: inline-block;
  padding-right: 5px;
  padding-left: 10px;
  color: #999999 !important;
}
.list-box-body .list-box-item .list-box-seperator > span:last-child:after {
  display: none;
}
.list-box-body .list-box-item .list-box-seperator > span:hover {
  color: #3896ff;
}
.list-box-body .list-box-item > .check-icon {
  background-image: url("/content/images/npe-sprite.png");
  background-position: left -336px;
  background-repeat: no-repeat;
  width: 35px;
  height: 30px;
  position: absolute;
  right: -3px;
  bottom: -3px;
  border: 3px solid white;
  display: none;
}
.list-box-body .list-box-item > h3 {
  font-size: 2em;
  font-weight: 100;
  padding-bottom: 0px;
  color: #666666;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.list-box-body .list-box-item:hover > .check-icon {
  display: block;
}
@media screen and (max-width: 1170px) {
  .list-box-body .list-box-item {
    min-height: 80px;
  }
  .list-box-body .list-box-item > h3 {
    font-size: 1.6em;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- END LIST BOX CONTROL HERE -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*table here */

/* Start Table Structure using div */

.table {
  display: table;
}
.table[class*="col-"] {
  float: none;
}
.table > .thead {
  display: table-header-group;
}
.table > .tbody {
  display: table-row-group;
}
.table > .tfoot {
  display: table-footer-group;
}
.table > .thead > .tr,
.table > .tbody > .tr,
.table > .tfoot > .tr {
  display: table-row;
}
.table > .thead > .tr > .td,
.table > .tbody > .tr > .td,
.table > .tfoot > .tr > .td {
  display: table-cell;
}
.table > .thead > .tr > .td[class*="col-"],
.table > .tbody > .tr > .td[class*="col-"],
.table > .tfoot > .tr > .td[class*="col-"] {
  float: none;
}
.table > .thead > .tr > .td.vAlign-top,
.table > .tbody > .tr > .td.vAlign-top,
.table > .tfoot > .tr > .td.vAlign-top {
  vertical-align: top;
}
.table > .thead > .tr > .td.vAlign-middle,
.table > .tbody > .tr > .td.vAlign-middle,
.table > .tfoot > .tr > .td.vAlign-middle {
  vertical-align: middle;
}
.table > .tbody > .tr > .td label {
  margin-bottom: 0px;
}
/*Section Style here */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- START Section style 1 box HERE  ------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.section-style-1 {
  padding: 20px 20px 0 20px;
  display: inline-block;
  width: 100%;
}
.section-style-1 > .ss-1-body {
  position: relative;
  width: 100%;
  float: left;
}
.section-style-1 > .ss-1-take-action {
  float: left;
  width: 100%;
  padding: 0 2px 0 0;
}
.section-style-1 > .ss-1-take-action h1 {
  font-size: 1.6em;
  font-weight: 600;
  width: 100%;
  line-height: 1.3em;
  display: inline-block;
  color: #5c6b7a;
}
.section-style-1 > .ss-1-take-action h6 {
  font-size: 1.2em;
  font-weight: normal;
  color: #8fa0b3;
  width: 100%;
  display: inline-block;
}
.section-style-1 > .ss-1-take-action > .table {
  width: 100%;
}
.section-style-1 > .ss-1-take-action button {
  background-color: white;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #5c6b7a;
  height: 38px;
  margin: 0 0 0 0px;
  padding: 0px 0px 0;
  text-align: center;
  margin-left: 2px;
}
.section-style-1 > .ss-1-take-action .td:first-child button {
  margin-left: 0px;
}
.section-style-1 > .ss-1-take-action button span[class*="icon-"] {
  font-size: 3em;
  vertical-align: middle;
  line-height: 0px;
  margin-top: 4px;
  display: inline-block;
}
.section-style-1 > .ss-1-take-action button span[class*="icon-"]:after {
  padding-left: 5px;
  line-height: 0.5em;
}
.section-style-1 > .ss-1-take-action button span[class*="icon-"] + span {
  padding-right: 15px;
}
.section-style-1 > .ss-1-take-action .extra-links {
  text-align: right;
  float: right;
  color: #5c6b7a;
  font-size: 1.3em;
  margin-top: 10px;
}
.section-style-1 > .ss-1-take-action .extra-links span {
  cursor: pointer;
  font-weight: 600;
}
.section-style-1 > .ss-1-take-action .extra-links span:hover {
  cursor: pointer;
  color: #525f6d;
}
.section-style-1 > .ss-1-take-action button:hover {
  background-color: #b9c9db;
}
.section-style-1 > .ss-1-take-action button.active {
  background-color: #4d5966;
  color: white;
}
.section-style-1 > .ss-1-body .giving-block,
.section-style-1 > .ss-1-body .financial-block {
  margin-top: 10px;
}
.section-style-1 > .ss-1-body .summary-block,
.section-style-1 > .ss-1-body .graph-container {
  max-height: 206px;
  overflow: auto;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}
.section-style-1 > .ss-1-body .giving-details-block,
.section-style-1 > .ss-1-body .financial-details-block {
  height: 249px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  margin-bottom: 2px;
  background: white;
  overflow: auto;
  width: 100%;
  float: left;
  margin-top: 10px;
}
@media (max-width: 1160px) {
  .section-style-1 > .ss-1-body:hover .giving-details-block .search-panel-container {
    height: 100px;
  }
}
@media (max-width: 1024px) {
  .section-style-1 > .ss-1-body:hover .giving-details-block .search-panel-container {
    height: auto;
  }
}
.section-style-1 > .ss-1-body .search-panel-container [date-picker-wrapper] {
  position: fixed !important;
  z-index: 1;
}
/*.ds-fs-container .ds-fs-item-container .ds-Date [date-picker-wrapper] [date-picker] {
    position:fixed !important;
    top:inherit !important;
    left:inherit !important;
}*/

.modal-dialog.modal-full [date-picker-wrapper] {
  position: relative !important;
}
.section-style-1 > .ss-1-body .giving-details-block.ng-leave,
.section-style-1 > .ss-1-body .financial-details-block.ng-leave {
  display: none;
}
.section-style-1 > .ss-1-body .giving-details-block.ng-enter,
.section-style-1 > .ss-1-body .financial-details-block.ng-enter {
  display: block;
}
.section-style-1 > .ss-1-body .giving-details-block.ng-enter-active,
.section-style-1 > .ss-1-body .financial-details-block.ng-enter-active {
  height: 249px;
}
@media (min-width: 1025px) {
  .section-style-1 > .ss-1-body .search-panel-container {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
  }
  .section-style-1 > .ss-1-body:hover .search-panel-container {
    height: 52px;
  }
  .section-style-1 > .ss-1-body:hover .giving-details-block,
  .section-style-1 > .ss-1-body:hover .financial-details-block {
    height: 330px;
  }
}
.section-style-1 > .ss-1-body .source-bg {
  background: white;
  padding: 5px;
  margin-left: 2px;
  margin-right: 2px;
}
.section-style-1 > .ss-1-body .summary-block > .block-box-parent {
  width: 50%;
  padding: 2px;
  float: left;
}
.section-style-1 > .ss-1-body .summary-block > .block-box-parent .block-box {
  background: white;
  width: 100%;
  float: left;
  text-align: center;
  padding: 7px 5px;
}
.section-style-1 > .ss-1-body .summary-block > .block-box-parent .block-box > h5,
.section-style-1 > .ss-1-body .summary-block > .block-box-parent .block-box > h6 {
  font-weight: normal;
  line-height: 1.2em;
}
.section-style-1 > .ss-1-body .summary-block > .block-box-parent .block-box > h5 {
  color: #525f6d;
  font-size: 1.6em;
  font-weight: 600;
}
.section-style-1 > .ss-1-body .summary-block > .block-box-parent .block-box > h6 {
  color: #666666;
  font-size: 1.2em;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box {
  background: white;
  display: inline-block;
  width: 49%;
  margin: 0.5%;
  padding: 5px 10px;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > h5 {
  font-size: 1.5em;
  font-weight: 300;
  color: #666666;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  padding-bottom: 0px;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > h5 > a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > h5 > a > [class*="icon-"] {
  vertical-align: middle;
  font-size: 1.5em;
  color: #999999;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > h5 > a > [class*="icon-"]:hover {
  color: #666666;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > span {
  font-size: 1.2em;
  font-weight: normal;
  color: #999999;
  display: inline-block;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > span:after {
  content: "|";
  padding: 0 4px 0 6px;
}
.section-style-1 > .ss-1-body .summary-details > .list-block-box > span:last-child:after {
  content: "";
  padding: 0px;
}
.section-style-1 .switch-tab-link {
  display: inline-block;
  width: 100%;
  height: 24px;
  margin-top: 5px;
  text-align: left;
  color: white;
}
.section-style-1 .switch-tab-link > label {
  font-size: 1.3em;
  color: #5c6b7a;
  display: inline-block;
  cursor: pointer;
}
.section-style-1 .switch-tab-link > label > b {
  font-weight: normal;
}
.section-style-1 .switch-tab-link > label > span {
  font-size: 2em;
  color: #5c6b7a;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
}
@media screen and (max-width: 1270px) {
  .section-style-1 > .ss-1-body .summary-block {
    max-height: 185px;
  }
  .section-style-1 > .ss-1-body .graph-container {
    max-height: 185px;
  }
  .section-style-1 > .ss-1-body .giving-details-block,
  .section-style-1 > .ss-1-body .financial-details-block {
    height: 228px;
  }
  .section-style-1 > .ss-1-body .summary-block > .block-box-parent {
    width: 100%;
  }
  .section-style-1 > .ss-1-body .summary-block > .block-box-parent h5 {
    width: 45%;
    float: left;
    text-align: left;
  }
  .section-style-1 > .ss-1-body .summary-block > .block-box-parent h6 {
    width: 55%;
    float: right;
    text-align: right;
  }
}
@media screen and (max-width: 1170px) {
  .section-style-1 > .ss-1-body .summary-block {
    max-height: 206px;
  }
  .section-style-1 > .ss-1-body .graph-container {
    max-height: 206px;
  }
  .section-style-1 > .ss-1-body .giving-details-block,
  .section-style-1 > .ss-1-body .financial-details-block {
    height: 248px;
  }
  .section-style-1 > .ss-1-body .summary-block > .block-box-parent h5 {
    width: inherit;
    float: inherit;
    text-align: inherit;
  }
  .section-style-1 > .ss-1-body .summary-block > .block-box-parent h6 {
    width: inherit;
    float: inherit;
    text-align: inherit;
  }
}
@media screen and (max-width: 1330px) and (min-width: 1131px) {
  
}
@media screen and (max-width: 1170px) {
  .section-style-1 > .ss-1-body .summary-details > .list-block-box {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .section-style-1 > .ss-1-body .summary-block > .block-box-parent {
    width: 33.33%;
  }
  .select-sourse {
    width: auto;
    max-width: 100%;
  }
  .section-style-1 > .ss-1-body .giving-details-block,
  .section-style-1 > .ss-1-body .financial-details-block {
    height: 327px;
  }
  /*gifts-details {
          width: 100%;
      }*/
}
@media screen and (max-width: 980px) {
  
}
@media screen and (max-width: 768px) {
  .section-style-1 > .ss-1-body .giving-details-block,
  .section-style-1 > .ss-1-body .financial-details-block {
    height: 450px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------- End Section style 1 box HERE  ------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Frame Component here */

.frame-component {
  width: 100%;
  display: inline-block;
  position: relative;
}
.frame-component > .frame-content {
  width: 100%;
  display: inline-block;
}
.frame-component > .frame-popup {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 3px;
  min-height: 100%;
  overflow: hidden;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -ms-transition: width 1s;
  transition: width 1s;
}
.frame-component > .frame-popup > .inner-frame-popup {
  border-left: 3px solid #e5e5e5;
  width: 800px;
}
.frame-component.frame-popup-show > .frame-popup {
  width: 800px;
  overflow: inherit;
}
/*Panel Group here */

/*------------------------------------------------------------------------------------------------*/

/*------------------- Accordion controll start here ----------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.panel-group .panel {
  background: #3f4752;
  overflow: hidden;
  float: left;
  width: 100%;
}
.panel-group .panel .panel-heading h4 a {
  padding: 0px !important;
}
.panel-group .panel .panel-heading h4 a span {
  padding: 7px 10px;
}
.panel-group .panel .panel-heading h4 a span[class*="icon-"] {
  padding-left: 0px;
  padding-right: 0px;
}
.panel-group .panel .panel-heading {
  height: 34px;
}
.panel-group .panel .panel-heading h4.panel-title {
  height: 34px;
}
.panel-group .panel .panel-heading h4.panel-title a {
  height: 34px;
}
.panel-group .panel.active {
  background: #02c38a;
}
.panel-group .panel-default > .panel-heading h4 {
  font-weight: normal;
  font-size: inherit;
}
.panel-group .panel-default > .panel-heading h4 a.accordion-toggle {
  padding: 7px 10px;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  font-size: 1.4em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: white;
  position: relative;
}
.panel-group .panel-default > .panel-heading h4 a.accordion-toggle span {
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 20px;
}
.panel-group .panel-default > .panel-heading h4 a.accordion-toggle span.accordion-icon {
  position: absolute;
  right: 10px;
  width: auto;
  padding-right: 0px;
}
.panel-group .panel-title {
  color: inherit;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0px;
}
.panel-group .collapse.in {
  display: block;
}
.panel-group .panel-collapse {
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
}
.panel-group .panel + .panel {
  margin-top: 2px;
}
.panel-group .panel-body {
  background: white;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.panel-group .panel-body div:last-child a {
  border-bottom: none;
}
.panel-group .panel-body div.active a {
  color: #02c38a;
  background: #fafafa;
}
.panel-group .panel-body div a {
  padding: 5px 10px;
  font-size: 1.3em;
  color: #333333;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.panel-group .panel-body div a:hover {
  color: #02c38a;
  background: #fafafa;
}
.panel-group .panel .panel-heading span {
  vertical-align: middle;
}
.panel-group .panel .accordion-icon {
  float: right;
  font-size: 2.2em;
  margin-top: 11px;
  margin-right: -10px;
  line-height: 0px;
  vertical-align: middle;
}
/*------------------------------------------------------------------------------------------------*/

/*------------------- Accordion controll end here ----------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Box List here */

/*------------------------------------------------------------------------------------------------*/

/*------------------- Box List Start here --------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.box-list {
  width: 100%;
  float: left;
}
.box-list .box-lst-item {
  float: left;
  width: 100%;
  padding: 10px;
}
.box-list .box-lst-item:hover .box-lst-item-container {
  border-color: #cdcdcd;
}
.box-list .box-lst-item:hover .box-lst-item-container + div {
  border-color: #cdcdcd;
}
.box-list .box-lst-item-container {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  background: #efefef;
  display: inline-block;
  width: 100%;
}
.box-list .box-lst-item-container.clickable {
  cursor: pointer;
}
.box-list .box-lst-item-container.clickable:hover {
  background: #e5e5e5;
}
.box-list .box-lst-item-container.table {
  display: table !important;
}
.box-list .box-lst-item-container.table .tr .td {
  vertical-align: middle;
  text-align: center;
}
.box-list .box-lst-item-container h4 {
  font-size: 1.6em;
  font-weight: normal;
  color: #666666;
  padding-bottom: 0px;
}
.box-list .box-lst-item-container.template-box {
  height: 75px;
}
.box-list .box-lst-item-footer {
  background: white;
  border: 1px solid #e5e5e5;
  border-top: none;
  text-align: right;
}
.box-list .box-lst-item-footer span[class*="icon-"] {
  font-size: 2.7em;
  line-height: 35px;
  border-left: 1px solid #efefef;
  display: inline-block;
  color: #999999;
  cursor: pointer;
}
.box-list .box-lst-item-footer span[class*="icon-"]:hover {
  color: #454545;
}
.box-list.box-size-2 .box-lst-item {
  width: 50%;
}
.box-list.box-size-3 .box-lst-item {
  width: 33%;
}
.box-list.box-size-4 .box-lst-item {
  width: 25%;
}
.box-list.box-size-5 .box-lst-item {
  width: 20%;
}
.box-list.box-size-6 .box-lst-item {
  width: 16.66%;
}
.box-list.box-size-7 .box-lst-item {
  width: 14.28%;
}
.box-list.box-size-8 .box-lst-item {
  width: 12.5%;
}
@media screen and (min-width: 1281px) {
  .box-list.box-size-xlg-1 > .box-lst-item {
    width: 100%;
  }
  .box-list.box-size-xlg-2 > .box-lst-item {
    width: 50%;
  }
  .box-list.box-size-xlg-3 > .box-lst-item {
    width: 33%;
  }
  .box-list.box-size-xlg-4 > .box-lst-item {
    width: 25%;
  }
  .box-list.box-size-xlg-5 > .box-lst-item {
    width: 20%;
  }
  .box-list.box-size-xlg-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-list.box-size-xlg-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-list.box-size-xlg-8 > .box-lst-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .box-list.box-size-lg-1 > .box-lst-item {
    width: 100%;
  }
  .box-list.box-size-lg-2 > .box-lst-item {
    width: 50%;
  }
  .box-list.box-size-lg-3 > .box-lst-item {
    width: 33%;
  }
  .box-list.box-size-lg-4 > .box-lst-item {
    width: 25%;
  }
  .box-list.box-size-lg-5 > .box-lst-item {
    width: 20%;
  }
  .box-list.box-size-lg-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-list.box-size-lg-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-list.box-size-lg-8 > .box-lst-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .box-list.box-size-md-1 > .box-lst-item {
    width: 100%;
  }
  .box-list.box-size-md-2 > .box-lst-item {
    width: 50%;
  }
  .box-list.box-size-md-3 > .box-lst-item {
    width: 33%;
  }
  .box-list.box-size-md-4 > .box-lst-item {
    width: 25%;
  }
  .box-list.box-size-md-5 > .box-lst-item {
    width: 20%;
  }
  .box-list.box-size-md-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-list.box-size-md-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-list.box-size-md-8 > .box-lst-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 768px) {
  .box-list.box-size-sm-1 > .box-lst-item {
    width: 100%;
  }
  .box-list.box-size-sm-2 > .box-lst-item {
    width: 50%;
  }
  .box-list.box-size-sm-3 > .box-lst-item {
    width: 33%;
  }
  .box-list.box-size-sm-4 > .box-lst-item {
    width: 25%;
  }
  .box-list.box-size-sm-5 > .box-lst-item {
    width: 20%;
  }
  .box-list.box-size-sm-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-list.box-size-sm-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-list.box-size-sm-8 > .box-lst-item {
    width: 12.5%;
  }
}
/*------------------------------------------------------------------------------------------------*/

/*------------------- Box List End here ----------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*------------------- Box View List Start here --------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.box-view-list {
  width: 100%;
  float: left;
}
.box-view-list .box-lst-item {
  float: left;
  width: 100%;
  padding: 5px;
}
.box-view-list .box-lst-item .box-lst-item-frame {
  padding: 5px;
  float: left;
  width: 100%;
}
.box-view-list .box-lst-item .box-lst-item-frame:hover {
  cursor: pointer;
  background: #e5e5e5;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.box-view-list .box-lst-item .box-lst-item-body {
  float: left;
  width: 100%;
  border: 1px solid #e5e5e5;
  background: white;
}
.box-view-list .box-lst-item .box-lst-item-add {
  background: #efefef;
  width: 100%;
  float: left;
  position: relative;
  cursor: pointer;
}
.box-view-list .box-lst-item .box-lst-item-add .icon-add {
  color: #999999;
  font-size: 12em;
  line-height: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -55px;
}
.box-view-list .box-lst-item-container {
  float: left;
  width: 100%;
  padding: 10px;
}
.box-view-list .box-lst-item-container .box-lst-image {
  width: 100%;
  float: left;
  overflow: hidden;
  max-height: 162px;
}
.box-view-list .box-lst-item-container .box-lst-image img {
  width: 100%;
}
.box-view-list .box-lst-item-container h3 {
  font-size: 1.8em;
  font-weight: 600;
  color: #333333;
  padding: 5px 0;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
}
.box-view-list .box-lst-item-container .box-lst-seperator {
  width: 100%;
  float: left;
  padding: 10px 0;
}
.box-view-list .box-lst-item-container .box-lst-seperator span {
  border-right: 1px solid #e5e5e5;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}
.box-view-list .box-lst-item-container .box-lst-seperator span:first-child {
  padding-left: 0px;
}
.box-view-list .box-lst-item-container .box-lst-seperator span:last-child {
  border-right: none;
}
.box-view-list .box-lst-item-container .box-lst-seperator span b {
  font-size: 1.5em;
  font-weight: 400;
  padding: 0px;
  float: left;
  color: #333333;
}
.box-view-list .box-lst-item-container .box-lst-seperator span label {
  float: left;
  font-size: 1.3em;
  color: #999999;
}
.box-view-list .box-lst-item-footer {
  border-top: 1px solid #e5e5e5;
  text-align: right;
  float: left;
  width: 100%;
}
.box-view-list .box-lst-item-footer span[class*="icon-"] {
  font-size: 2.7em;
  line-height: 35px;
  border-left: 1px solid #e5e5e5;
  display: inline-block;
  color: #999999;
  cursor: pointer;
  padding-left: 2px;
}
.box-view-list .box-lst-item-footer span[class*="icon-"]:hover {
  color: #454545;
}
.box-view-list.box-size-2 .box-lst-item {
  width: 50%;
}
.box-view-list.box-size-3 .box-lst-item {
  width: 33%;
}
.box-view-list.box-size-4 .box-lst-item {
  width: 25%;
}
.box-view-list.box-size-5 .box-lst-item {
  width: 20%;
}
.box-view-list.box-size-6 .box-lst-item {
  width: 16.66%;
}
.box-view-list.box-size-7 .box-lst-item {
  width: 14.28%;
}
.box-view-list.box-size-8 .box-lst-item {
  width: 12.5%;
}
@media screen and (min-width: 1281px) {
  .box-view-list.box-size-xlg-1 > .box-lst-item {
    width: 100%;
  }
  .box-view-list.box-size-xlg-2 > .box-lst-item {
    width: 50%;
  }
  .box-view-list.box-size-xlg-3 > .box-lst-item {
    width: 33%;
  }
  .box-view-list.box-size-xlg-4 > .box-lst-item {
    width: 25%;
  }
  .box-view-list.box-size-xlg-5 > .box-lst-item {
    width: 20%;
  }
  .box-view-list.box-size-xlg-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-view-list.box-size-xlg-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-view-list.box-size-xlg-8 > .box-lst-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .box-view-list.box-size-lg-1 > .box-lst-item {
    width: 100%;
  }
  .box-view-list.box-size-lg-2 > .box-lst-item {
    width: 50%;
  }
  .box-view-list.box-size-lg-3 > .box-lst-item {
    width: 33%;
  }
  .box-view-list.box-size-lg-4 > .box-lst-item {
    width: 25%;
  }
  .box-view-list.box-size-lg-5 > .box-lst-item {
    width: 20%;
  }
  .box-view-list.box-size-lg-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-view-list.box-size-lg-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-view-list.box-size-lg-8 > .box-lst-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .box-view-list.box-size-md-1 > .box-lst-item {
    width: 100%;
  }
  .box-view-list.box-size-md-2 > .box-lst-item {
    width: 50%;
  }
  .box-view-list.box-size-md-3 > .box-lst-item {
    width: 33%;
  }
  .box-view-list.box-size-md-4 > .box-lst-item {
    width: 25%;
  }
  .box-view-list.box-size-md-5 > .box-lst-item {
    width: 20%;
  }
  .box-view-list.box-size-md-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-view-list.box-size-md-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-view-list.box-size-md-8 > .box-lst-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 768px) {
  .box-view-list.box-size-sm-1 > .box-lst-item {
    width: 100%;
  }
  .box-view-list.box-size-sm-2 > .box-lst-item {
    width: 50%;
  }
  .box-view-list.box-size-sm-3 > .box-lst-item {
    width: 33%;
  }
  .box-view-list.box-size-sm-4 > .box-lst-item {
    width: 25%;
  }
  .box-view-list.box-size-sm-5 > .box-lst-item {
    width: 20%;
  }
  .box-view-list.box-size-sm-6 > .box-lst-item {
    width: 16.66%;
  }
  .box-view-list.box-size-sm-7 > .box-lst-item {
    width: 14.28%;
  }
  .box-view-list.box-size-sm-8 > .box-lst-item {
    width: 12.5%;
  }
}
/*------------------------------------------------------------------------------------------------*/

/*------------------- Box View List End here ----------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Thumb List here */

/*------------------------------------------------------------------------------------------------*/

/*------------------- Thumb List Controll Start Here ---------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.thumb-list {
  width: 100%;
  float: left;
}
.thumb-list .thumb {
  border: 1px solid #e5e5e5;
  padding: 10px;
  background: white;
  position: relative;
  float: left;
  margin: 10px;
}
.thumb-list .thumb .thumb-overlay {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}
.thumb-list .thumb .thumb-overlay .thumb-overlay-icon-slide {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0px;
  text-align: center;
}
.thumb-list .thumb .thumb-overlay span[class*="icon-"] {
  font-size: 2.8em;
  color: #999999;
  line-height: 0px;
  cursor: pointer;
  display: inline-block;
}
.thumb-list .thumb .thumb-overlay span[class*="icon-"]:hover {
  color: #666666;
}
.thumb-list .thumb:hover .thumb-overlay {
  display: block;
}
.thumb-list .thumb .thumb-image {
  background: #fafafa;
  float: left;
}
/*------------------------------------------------------------------------------------------------*/

/*------------------- Thumb List Controll End Here -----------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Address View here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------ address view start here ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.address-view {
  width: 100%;
  display: inline-block;
  font-size: 1.3em;
  color: #454545;
}
.address-view > .address-row {
  width: 100%;
  display: inline-block;
}
.address-view > .address-row > .address-col {
  display: inline-block;
  vertical-align: middle;
}
.address-view > .address-row > .address-col:after {
  content: " , ";
}
.address-view > .address-row > .address-col:last-child:after {
  content: " ";
}
.address-view > .address-row > .address-col [class*="icon-"] {
  font-size: 1.9em !important;
  margin-left: 5px;
  margin-right: 5px;
}
.address-view > .address-row > .address-col [class*="icon-"]:hover {
  color: inherit;
}
.address-view > .address-row > .address-col [class*="icon-"]:first-child {
  margin-left: 0px;
  margin-right: 5px;
}
.address-view > .address-row > .address-col [class*="icon-"]:last-child {
  margin-left: 5px;
  margin-right: 0px;
}
.address-view > .address-row > .address-col.address-link:hover {
  color: #3896ff !important;
}
.address-view > .address-row > .address-col.address-link:hover label {
  color: inherit;
}
.address-view > .address-row > .address-col label {
  color: #999999;
  font-size: inherit;
}
.address-view > .address-row > .address-col a {
  font-size: inherit;
  color: inherit !important;
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------ address view end here ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Fly panel here */

/*------------------------------------------------------------------------------------------------*/

/*------------------- Fly Panel Controll Start Here ----------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.fly-panel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.fly-panel .fly-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
  display: none;
}
.fly-panel .fly-content {
  height: 100%;
  overflow: auto;
  width: 100% !important;
}
.fly-panel .fly-section {
  position: absolute;
  top: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.95);
  border-left: 5px solid #e0e0e0;
  box-shadow: -3px -3px 0px rgba(178, 178, 178, 0.15);
  -moz-box-shadow: -3px -3px 0px rgba(178, 178, 178, 0.15);
  -webkit-box-shadow: -3px -3px 0px rgba(178, 178, 178, 0.15);
  -webkit-transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -o-transition: transform 0.7s;
  -ms-transition: transform 0.7s;
  transition: transform 0.7s;
  z-index: 3;
  right: 0px;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  -o-transform: translate(100%);
  transform: translate(100%);
}
.fly-panel .fly-section .fly-section-header {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #e0e0e0;
  display: inline-block;
}
.fly-panel .fly-section .fly-section-header h2 {
  width: auto;
  float: left;
  padding: 11px 0 0 20px;
}
.fly-panel .fly-section .fly-section-header span[class*="icon-"] {
  font-size: 4em;
  float: right;
  margin-right: 10px;
  line-height: 45px;
  color: #999999;
  cursor: pointer;
}
.fly-panel .fly-section .fly-section-header span[class*="icon-"]:hover {
  color: #666666;
}
.fly-panel .fly-section .fly-section-body {
  position: absolute;
  top: 45px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  overflow: auto;
}
.fly-panel.open-mode .fly-section {
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  -o-transform: translate(0%);
  transform: translate(0%);
}
.fly-panel.open-mode .fly-overlay {
  display: block;
}
.modal-body .fly-panel {
  height: auto !important;
}
/*------------------------------------------------------------------------------------------------*/

/*------------------- Fly Panel Controll End Here ------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*window List here */

/*------------------------------------------------------------------------------------------------*/

/*------------------------------ window-list start here ------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.window-list {
  width: 100%;
  display: inline-block;
}
.window-list .window-list-body {
  width: 100%;
  float: left;
}
.window-list .window-list-body .window-list-item {
  float: left;
  width: 100%;
  padding: 5px;
}
.window-list .window-list-body .window-list-item:hover .window-box {
  background: #b0b0b0;
}
.window-list .window-list-body .window-list-item .window-box {
  width: 100%;
  display: inline-block;
  background: #cdcdcd;
  padding: 5px;
}
.window-list .window-list-body .window-list-item .window-box .window-dot-list {
  float: left;
  width: 100%;
  padding-bottom: 5px;
}
.window-list .window-list-body .window-list-item .window-box .window-dot-list .window-dot {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 1px;
  display: inline-block;
  background: white;
}
.window-list .window-list-body .window-list-item .window-box .window-box-body {
  width: 100%;
  float: left;
  min-height: 80px;
  background: white;
}
.window-list .window-list-body .window-list-item .window-box .window-box-body img {
  width: 100%;
}
.window-1 .window-list-body .window-list-item {
  width: 100%;
}
.window-2 .window-list-body .window-list-item {
  width: 50%;
}
.window-3 .window-list-body .window-list-item {
  width: 33.33%;
}
.window-4 .window-list-body .window-list-item {
  width: 25%;
}
.window-5 .window-list-body .window-list-item {
  width: 20%;
}
.window-6 .window-list-body .window-list-item {
  width: 16.66%;
}
.window-7 .window-list-body .window-list-item {
  width: 14.28%;
}
.window-8 .window-list-body .window-list-item {
  width: 12.5%;
}
@media screen and (max-width: 1280px) {
  .window-lg-1 .window-list-body .window-list-item {
    width: 100%;
  }
  .window-lg-2 .window-list-body .window-list-item {
    width: 50%;
  }
  .window-lg-3 .window-list-body .window-list-item {
    width: 33.33%;
  }
  .window-lg-4 .window-list-body .window-list-item {
    width: 25%;
  }
  .window-lg-5 .window-list-body .window-list-item {
    width: 20%;
  }
  .window-lg-6 .window-list-body .window-list-item {
    width: 16.66%;
  }
  .window-lg-7 .window-list-body .window-list-item {
    width: 14.28%;
  }
  .window-lg-8 .window-list-body .window-list-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 1024px) {
  .window-md-1 .window-list-body .window-list-item {
    width: 100%;
  }
  .window-md-2 .window-list-body .window-list-item {
    width: 50%;
  }
  .window-md-3 .window-list-body .window-list-item {
    width: 33.33%;
  }
  .window-md-4 .window-list-body .window-list-item {
    width: 25%;
  }
  .window-md-5 .window-list-body .window-list-item {
    width: 20%;
  }
  .window-md-6 .window-list-body .window-list-item {
    width: 16.66%;
  }
  .window-md-7 .window-list-body .window-list-item {
    width: 14.28%;
  }
  .window-md-8 .window-list-body .window-list-item {
    width: 12.5%;
  }
}
@media screen and (max-width: 768px) {
  .window-sm-1 .window-list-body .window-list-item {
    width: 100%;
  }
  .window-sm-2 .window-list-body .window-list-item {
    width: 50%;
  }
  .window-sm-3 .window-list-body .window-list-item {
    width: 33.33%;
  }
  .window-sm-4 .window-list-body .window-list-item {
    width: 25%;
  }
  .window-sm-5 .window-list-body .window-list-item {
    width: 20%;
  }
  .window-sm-6 .window-list-body .window-list-item {
    width: 16.66%;
  }
  .window-sm-7 .window-list-body .window-list-item {
    width: 14.28%;
  }
  .window-sm-8 .window-list-body .window-list-item {
    width: 12.5%;
  }
}
.window-link-box {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.window-link-box [class*="icon-"] {
  font-size: 6em;
  line-height: 1em;
  display: inline-block;
}
.window-link-box span.window-main-title {
  padding-top: 10px;
  border-top: 2px solid #e5e5e5;
  width: 100%;
  display: inline-block;
  font-size: 2em;
  color: #333333;
  line-height: 1em;
}
.window-link-box span.window-sub-title {
  line-height: 1.3em;
  width: 100%;
  display: inline-block;
  font-size: 1.5em;
  color: #999999;
}
/*------------------------------------------------------------------------------------------------*/

/*------------------------------ window-list start here ------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*FS Builder here */

/*------------------------------------------------------------------------------------------------*/

/*------------------------------ Fs Builder start here -------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.fs-builder {
  width: 100%;
  float: left;
  background: white;
  border: 1px solid #e5e5e5;
}
.fs-builder .bx-white {
  background: none !important;
  padding: 0 !important;
}
.fs-builder.disable-view {
  background: #fafafa;
}
.fs-builder.disable-view .fs-builder-item:hover {
  background: #fafafa !important;
}
.fs-builder.disable-view .fs-builder-item.fs-edit-mode:hover {
  background: white !important;
}
.fs-builder .fs-builder-movable-icon {
  position: absolute;
  top: 5px;
  left: 50%;
  min-height: 20px;
  cursor: move;
  z-index: 1;
}
.fs-builder .fs-builder-movable-icon span[class*="icon-"] {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  font-size: 2.4em;
  vertical-align: middle;
  line-height: 0px;
  color: #cdcdcd;
}
.fs-builder .fs-builder-section {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e5e5e5;
}
.fs-builder .fs-builder-section .fs-builder-item {
  width: 100%;
  float: left;
  position: relative;
  padding-right: 100px;
}
.fs-builder .fs-builder-section .fs-builder-item:hover {
  background: #fffce7;
}
.fs-builder .fs-builder-section .fs-builder-item:hover .fs-builder-action {
  display: block;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit {
  padding-right: 0px;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit input[type="text"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit input[type="password"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit input[type="search"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit input[type="email"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit input[type="url"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit select,
.fs-builder .fs-builder-section .fs-builder-item.fs-edit textarea,
.fs-builder .fs-builder-section .fs-builder-item.fs-edit .file-uploader,
.fs-builder .fs-builder-section .fs-builder-item.fs-edit .file-uploader button {
  background: white !important;
  border: 1px solid #cdcdcd;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit .fs-builder-action {
  display: block;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit .fs-builder-item-body .fs-builder-overlay {
  display: none;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode {
  background: white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode input[type="text"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode input[type="password"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode input[type="search"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode input[type="email"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode input[type="url"],
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode select,
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode textarea,
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode .file-uploader,
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode .file-uploader button {
  background: white !important;
  border: 1px solid #cdcdcd;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode .fs-builder-action {
  display: block;
}
.fs-builder .fs-builder-section .fs-builder-item.fs-edit-mode .fs-builder-item-body .fs-builder-overlay {
  display: none;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-action {
  position: absolute;
  right: 5px;
  top: 5px;
  display: none;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-action span[class*="icon-"] {
  font-size: 2.6em;
  color: #999999;
  display: inline-block;
  cursor: pointer;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-action span[class*="icon-"]:hover {
  color: #666666;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body {
  width: 100%;
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body input[type="text"],
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body input[type="password"],
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body input[type="search"],
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body input[type="email"],
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body input[type="url"],
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body select,
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body textarea,
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body .file-uploader,
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body .file-uploader button {
  background: #f0f0f0;
  border: 1px solid #cdcdcd;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body .fs-builder-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: move;
  z-index: 4;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body.fs-col-2 .fs-f {
  width: 48%;
  padding-left: 2%;
}
.fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body.fs-col-2 .fs-name .fs-f {
  width: 24%;
  padding-left: 2%;
}
.fs-col-2 .fs-name .fs-f {
  width: 24%;
  padding-left: 2%;
}
.field-dropdown-container {
  display: inline-block;
  float: right;
  position: relative;
}
.field-dropdown-container .add-field-container {
  position: absolute !important;
  right: 0 !important;
  padding: 10px;
  top: 40px;
  width: 550px;
  float: left;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  z-index: 10;
}
.field-dropdown-container .add-field-container .close-field-container {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-weight: normal;
}
.field-dropdown-container .add-field-container .close-field-container .icon-close {
  font-size: 3em;
  color: #999999;
}
.field-dropdown-container .add-field-container .close-field-container .icon-close:hover {
  color: #666666;
}
.fs-builder-dataset .ds-fs-item {
  width: 48%;
  display: inline-block;
  padding-left: 2%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fs-builder-dataset h2 {
  font-size: 1.4em;
  padding-left: 0px;
}
.field-list-1 {
  width: 100%;
  float: left;
}
.field-list-1 .field-section-title {
  font-size: 1.4em;
  color: #333333;
  margin-bottom: 10px;
  display: inline-block;
}
.field-list-1 .field-list-2 {
  width: 100%;
  float: left;
  padding-bottom: 20px;
}
.field-list-1 .field-list-2 .field-item {
  float: left;
  width: 33.33%;
  font-size: 1.3em;
  color: #999999;
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: normal;
  word-wrap: break-word;
}
.field-list-1 .field-list-2 .field-item.disable-field {
  color: #cdcdcd;
}
.field-list-1 .field-list-2 .field-item.disable-field span[class*="icon-"] {
  color: #cdcdcd;
}
.field-list-1 .field-list-2 .field-item.disable-field:hover {
  color: #cdcdcd;
  background: none;
  cursor: default;
}
.field-list-1 .field-list-2 .field-item:hover {
  background: #efefef;
  color: #666666;
}
.field-list-1 .field-list-2 .field-item span[class*="icon-"] {
  font-size: 1.5em;
  line-height: 0px;
  margin-top: -2px;
  color: #666666;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .fs-builder-dataset dsfield {
    width: 100%;
    padding: 0px;
  }
  .fs-builder .fs-builder-section .fs-builder-item .fs-builder-item-body.fs-col-2 .fs-f {
    width: 100%;
    padding-left: 0;
  }
}
/*------------------------------------------------------------------------------------------------*/

/*------------------------------ Fs Builder End here ---------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Nav List here */

/*------------------------------------------------------------------------------------------------*/

/*----------------------------- nav-list start here ----------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.nav-list {
  width: 100%;
  float: left;
  padding: 10px 20px;
}
.nav-list h3 {
  font-size: 1.5em;
  color: #333333;
  width: 100%;
  float: left;
  padding-bottom: 7px;
}
.nav-list ul {
  width: 100%;
  float: left;
}
.nav-list ul li {
  width: 100%;
  float: left;
}
.nav-list ul li a {
  display: block;
  padding-left: 10px;
  line-height: 32px;
  font-size: 1.4em;
  border: 1px solid #e5e5e5;
  color: #333333;
  font-weight: 600;
  background: #f4f4f4;
}
.nav-list ul li a:hover {
  background: #26c281;
  color: white;
  border: 1px solid #26c281;
}
.nav-list ul li li {
  width: 20%;
  padding-right: 5px;
  padding-bottom: 5px;
  float: left;
}
@media screen and (max-width: 1280px) {
  .nav-list ul li li {
    width: 25%;
  }
}
@media screen and (max-width: 1024px) {
  .nav-list ul li li {
    width: 33.33%;
  }
}
@media screen and (max-width: 768px) {
  .nav-list ul li li {
    width: 50%;
  }
}
/*------------------------------------------------------------------------------------------------*/

/*----------------------------- nav-list end here ----------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Bold Sap v here */

/*------------------------------------------------------------------------------------------------*/

/*----------------------------- Bold Seperator ---------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.bold-sap-v {
  border-right: 4px solid #e5e5e5;
}
.bold-sap-v + [class*="col-"] {
  border-left: 4px solid #e5e5e5;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  margin-left: -4px;
}
@media screen and (max-width: 768px) {
  .bold-sap-v {
    border-right: none;
  }
  .bold-sap-v + [class*="col-"] {
    border-left: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 0px;
  }
}
/*------------------------------------------------------------------------------------------------*/

/*----------------------------- Bold Seperator ---------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Error Warnning Success here */

/*------------------------------------------------------------------------------------------------*/

/*---------------------------- error , warnning , success start-----------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.error-box {
  background: #f7e6e6;
  border: 1px solid #eec7c7;
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
}
.error-box p {
  font-size: 1.4em;
  color: #666666;
  line-height: 1.3em;
}
.error-box .highlight-text {
  font-weight: 700;
  color: #c21e1e;
}
.success-box {
  background: #e3f6f0;
  border: 1px solid #acdece;
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
}
.success-box p {
  font-size: 1.4em;
  color: #666666;
  line-height: 1.3em;
}
.success-box .highlight-text {
  font-weight: 700;
  color: #00a776;
}
.info-box {
  background: #f1e8d5;
  border: 1px solid #decba2;
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
}
.info-box p {
  font-size: 1.4em;
  color: #666666;
  line-height: 1.3em;
}
.info-box .highlight-text {
  font-weight: 700;
  color: #d67812;
}
.rounded-info-box {
  width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 20px;
}
/*------------------------------------------------------------------------------------------------*/

/*---------------------------- error , warnning , success end-------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Thumb Image List here */

/*------------------------------------------------------------------------------------------------*/

/*--------------------------- thumb image list start here ----------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.thumb-image-list {
  float: left;
  width: 100%;
}
.thumb-image-list .thumb-image-lst-item {
  float: left;
  width: 100%;
  padding: 5px;
}
.thumb-image-list .thumb-image-lst-item.active .thumb-item-overlay {
  background: #faf4d2;
  border: 1px solid #e5e5e5;
}
.thumb-image-list .thumb-image-lst-item.active .thumb-item-overlay .thumb-title {
  color: #333333;
}
.thumb-image-list .thumb-image-lst-item .thumb-item-overlay {
  float: left;
  width: 100%;
  padding: 15px 15px 5px 15px;
  border: 1px solid white;
}
.thumb-image-list .thumb-image-lst-item .thumb-item-overlay:hover {
  background: #fffce7;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.thumb-image-list .thumb-image-lst-item .thumb-item-overlay:hover .thumb-title {
  color: #333333;
}
.thumb-image-list .thumb-image-lst-item .thumb-lst-area {
  border: 1px solid #e5e5e5;
  padding: 10px;
  float: left;
  width: 100%;
  background: white;
}
.thumb-image-list .thumb-image-lst-item .thumb-lst-area .thumb-image-area {
  width: 100%;
  float: left;
}
.thumb-image-list .thumb-image-lst-item .thumb-lst-area .thumb-image-area img {
  width: 100%;
  float: left;
}
.thumb-image-list .thumb-image-lst-item .thumb-title {
  font-size: 1.4em;
  font-weight: 600;
  color: #666666;
  text-align: center;
  width: 100%;
  float: left;
  padding: 10px 0px;
}
@media screen and (min-width: 1281px) {
  .thumb-image-list.thumb-view-1 .thumb-image-lst-item {
    width: 100%;
    clear: none;
  }
  .thumb-image-list.thumb-view-1 .thumb-image-lst-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-2 .thumb-image-lst-item {
    width: 50%;
    clear: none;
  }
  .thumb-image-list.thumb-view-2 .thumb-image-lst-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-3 .thumb-image-lst-item {
    width: 33.33%;
    clear: none;
  }
  .thumb-image-list.thumb-view-3 .thumb-image-lst-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-4 .thumb-image-lst-item {
    width: 25%;
    clear: none;
  }
  .thumb-image-list.thumb-view-4 .thumb-image-lst-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-5 .thumb-image-lst-item {
    width: 20%;
    clear: none;
  }
  .thumb-image-list.thumb-view-5 .thumb-image-lst-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-6 .thumb-image-lst-item {
    width: 16.66%;
    clear: none;
  }
  .thumb-image-list.thumb-view-6 .thumb-image-lst-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-7 .thumb-image-lst-item {
    width: 14.28%;
    clear: none;
  }
  .thumb-image-list.thumb-view-7 .thumb-image-lst-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-8 .thumb-image-lst-item {
    width: 12.5%;
    clear: none;
  }
  .thumb-image-list.thumb-view-8 .thumb-image-lst-item:nth-child(8n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .thumb-image-list.thumb-view-lg-1 .thumb-image-lst-item {
    width: 100%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-1 .thumb-image-lst-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-2 .thumb-image-lst-item {
    width: 50%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-2 .thumb-image-lst-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-3 .thumb-image-lst-item {
    width: 33.33%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-3 .thumb-image-lst-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-4 .thumb-image-lst-item {
    width: 25%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-4 .thumb-image-lst-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-5 .thumb-image-lst-item {
    width: 20%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-5 .thumb-image-lst-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-6 .thumb-image-lst-item {
    width: 16.66%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-6 .thumb-image-lst-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-7 .thumb-image-lst-item {
    width: 14.28%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-7 .thumb-image-lst-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-lg-8 .thumb-image-lst-item {
    width: 12.5%;
    clear: none;
  }
  .thumb-image-list.thumb-view-lg-8 .thumb-image-lst-item:nth-child(8n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .thumb-image-list.thumb-view-md-1 .thumb-image-lst-item {
    width: 100%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-1 .thumb-image-lst-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-2 .thumb-image-lst-item {
    width: 50%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-2 .thumb-image-lst-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-3 .thumb-image-lst-item {
    width: 33.33%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-3 .thumb-image-lst-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-4 .thumb-image-lst-item {
    width: 25%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-4 .thumb-image-lst-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-5 .thumb-image-lst-item {
    width: 20%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-5 .thumb-image-lst-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-6 .thumb-image-lst-item {
    width: 16.66%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-6 .thumb-image-lst-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-7 .thumb-image-lst-item {
    width: 14.28%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-7 .thumb-image-lst-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-md-8 .thumb-image-lst-item {
    width: 12.5%;
    clear: none;
  }
  .thumb-image-list.thumb-view-md-8 .thumb-image-lst-item:nth-child(8n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 768px) {
  .thumb-image-list.thumb-view-sm-1 .thumb-image-lst-item {
    width: 100%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-1 .thumb-image-lst-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-2 .thumb-image-lst-item {
    width: 50%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-2 .thumb-image-lst-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-3 .thumb-image-lst-item {
    width: 33.33%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-3 .thumb-image-lst-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-4 .thumb-image-lst-item {
    width: 25%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-4 .thumb-image-lst-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-5 .thumb-image-lst-item {
    width: 20%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-5 .thumb-image-lst-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-6 .thumb-image-lst-item {
    width: 16.66%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-6 .thumb-image-lst-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-7 .thumb-image-lst-item {
    width: 14.28%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-7 .thumb-image-lst-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-image-list.thumb-view-sm-8 .thumb-image-lst-item {
    width: 12.5%;
    clear: none;
  }
  .thumb-image-list.thumb-view-sm-8 .thumb-image-lst-item:nth-child(8n + 1) {
    clear: both;
  }
}
/*------------------------------------------------------------------------------------------------*/

/*--------------------------- thumb image list start here ----------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

/*Progress Bar here */

/*-----------------------------------------------------------------------------------------------*/

/*--------------------------- progress bar start here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.progress {
  display: inline-block;
  white-space: nowrap;
}
.progress label {
  font-size: 1.6em;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.progress label + .progress-bar + label {
  padding-right: 0px;
  padding-left: 10px;
}
.progress .progress-bar {
  vertical-align: middle;
  display: inline-block;
  width: auto;
  min-width: 100px;
  border: 1px solid #02c38a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  min-height: 25px;
  background: white;
}
.progress .progress-bar .progress-pane {
  min-height: 25px;
  width: 0%;
  background: #02c38a;
  float: left;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -ms-transition: width 1s;
  transition: width 1s;
}
.progress .progress-bar span.status-text {
  font-size: 1.4em;
  color: #333333;
  line-height: 25px;
  width: 100%;
  text-align: center;
  position: absolute;
  font-weight: 600;
  top: 0;
  left: 0;
}
/*-----------------------------------------------------------------------------------------------*/

/*--------------------------- progress bar start here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Numeric Tab here */

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Numeric tag start here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.numeric-tab {
  float: left;
  width: 100%;
  position: relative;
}
.numeric-tab .numeric-tab-section {
  width: 50px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
}
.numeric-tab .numeric-tab-section ul {
  width: 100%;
  display: inline-block;
}
.numeric-tab .numeric-tab-section ul li {
  margin-bottom: 2px;
  width: 48px;
  position: relative;
  background: white;
  height: 40px;
  line-height: 40px;
  font-size: 1.8em;
  color: #999999;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
}
.numeric-tab .numeric-tab-section ul li span[class*="icon-"] {
  font-size: 2em;
  position: absolute;
  left: -15px;
  top: 55%;
  line-height: 0px;
  color: #cdcdcd;
  display: none;
}
.numeric-tab .numeric-tab-section ul li:hover {
  color: #666666;
}
.numeric-tab .numeric-tab-section ul li:hover span[class*="icon-"] {
  color: #b0b0b0;
}
.numeric-tab .numeric-tab-section ul li.active {
  color: white;
  background: #02c38a;
  width: 48px;
}
.numeric-tab .numeric-tab-section ul li.active span[class*="icon-"] {
  color: #3896ff;
}
.numeric-tab .numeric-tab-section ul li.success {
  color: #cdcdcd;
  background: #f4f4f4;
}
.numeric-tab .numeric-tab-section ul li.success span[class*="icon-"] {
  color: #02c38a;
}
.numeric-tab .numeric-tab-container {
  width: 100%;
  float: left;
  padding-left: 50px;
}
.numeric-tab .numeric-tab-container .numeric-container {
  background: white;
  width: 100%;
  display: inline-block;
  border: 1px solid #e5e5e5;
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Numeric tag start here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*multiple list here */

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Multiple List start here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.multiple-list {
  width: 100%;
  float: left;
}
.multiple-list .multiple-list-body {
  width: 100%;
  float: left;
}
.multiple-list .multiple-list-body .multiple-list-item {
  width: 100%;
  float: left;
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-header {
  width: 100%;
  float: left;
  background: #efefef;
  border-bottom: 1px solid #e5e5e5;
  padding: 7px 15px;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-header h2 {
  font-size: 1.6em;
  font-weight: 700;
  padding-bottom: 0px;
  color: #333333;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-header p {
  color: #333333;
  font-size: 1.4em;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-header label {
  color: #999999;
  font-size: 1.3em;
  width: 100%;
  display: inline-block;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-header label.word-no-break {
  word-wrap: normal;
  white-space: nowrap;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-header label span {
  color: #333333;
}
.multiple-list .multiple-list-body .multiple-list-item .multiple-list-item-body {
  width: 100%;
  float: left;
}
@media screen and (max-width: 768px) {
  .multiple-list [class*="col-"] {
    padding: 5px 0px;
  }
  .multiple-list [class*="col-"].align-right {
    text-align: left;
  }
  .multiple-list [class*="col-"] .word-no-break {
    word-wrap: normal;
    white-space: normal !important;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Multiple List start here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*sap-v-invert here */

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- sap-v-invert start here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.sap-v-revert {
  float: right;
  border-left: 1px solid #e5e5e5;
  position: relative;
  left: -1px;
}
.sap-v-revert + [class*="col-"] {
  float: left;
  border-right: 1px solid #e5e5e5;
}
@media screen and (max-width: 768px) {
  .sap-v-revert {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    border-left: none;
    left: 0px;
  }
  .sap-v-revert + [class*="col-"] {
    width: 100%;
    float: left;
    border-right: none;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- sap-v-invert End here ----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Label Status here */

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Label Status Start here ----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.green-label-status {
  background: #02c38a;
  color: white;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 6px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px;
}
.orange-label-status {
  background: #ff7048;
  color: white;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 6px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px;
}
.red-label-status {
  background: #ff4d4d;
  color: white;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 6px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px;
}
.gray-label-status {
  background: #cdcdcd;
  color: white;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 6px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px;
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Label Status End here ----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Compact Details Box here */

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- compact details box Start here -------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.compact-details-box {
  display: inline-block;
  width: 100%;
  float: left;
  background: #efefef;
  border: 1px solid #d9d9d9;
  position: relative;
  padding-right: 30px;
}
.compact-details-box .compact-details {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  cursor: pointer;
}
.compact-details-box .compact-details p {
  font-size: 1.4em;
  color: #333333;
}
.compact-details-box .compact-details p b {
  font-weight: 600;
}
.compact-details-box .compact-details label {
  font-size: 1.4em;
  color: #666666;
}
.compact-details-box .compact-details label b {
  font-weight: 600;
}
.compact-details-box .compact-container {
  background: white;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  border: 1px solid #d9d9d9;
  display: none;
  z-index: 2;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.05);
}
.compact-details-box:hover .compact-container {
  display: block;
}
.compact-details-box:hover .compact-details-icon {
  background: white;
  bottom: -1px;
  z-index: 3;
}
.compact-details-box:hover .compact-details-icon span[class*="icon-"] {
  color: #333333;
}
.compact-details-box .compact-details-icon {
  border-left: 1px solid #d9d9d9;
  cursor: pointer;
  position: absolute;
  width: 30px;
  text-align: center;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.compact-details-box .compact-details-icon span[class*="icon-"] {
  font-size: 2.5em;
  color: #999999;
  line-height: 0px;
  top: 50%;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  display: inline-block;
  vertical-align: middle;
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- compact details End Start here -------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Details Thumb here */

/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Details-thumb Start Here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.details-thumb {
  display: inline-block;
  padding: 20px;
  background: white;
  border: 1px solid #cdcdcd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
  cursor: pointer;
}
.details-thumb:hover .details-thumb-hover {
  display: block;
}
.details-thumb .details-thumb-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(255, 255, 255, 0.95);
  display: none;
}
.details-thumb .details-thumb-hover .details-thumb-hover-icon {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #02c38a;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  display: inline-block;
}
.details-thumb .details-thumb-hover .details-thumb-hover-icon .icon-search {
  color: white;
  font-size: 5.5em;
}
.details-thumb p {
  font-size: 1.8em;
  color: #333333;
}
.details-thumb .details-thumb-count {
  background: #02c38a;
  padding: 10px 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}
.details-thumb .details-thumb-count .details-thumb-arrow {
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #02c38a;
  display: inline-block;
  left: 50%;
  bottom: -20px;
  margin-left: -8px;
}
.details-thumb .details-thumb-count h2 {
  color: white;
  padding-bottom: 0px;
  font-size: 3.5em;
  font-weight: 600;
  line-height: 38px;
}
.details-thumb .details-thumb-count h3 {
  color: white;
  padding-bottom: 0px;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 24px;
}
/*-----------------------------------------------------------------------------------------------*/

/*-------------------------- Details-thumb End Here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Media Uploader here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Media Uploader Start Here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.media-upload-button {
  color: #666666;
  font-size: 1.8em;
  font-weight: 400;
  padding: 15px 30px;
}
.media-upload-button [class*="icon-"] {
  font-size: 2.5em;
  margin: 0px 0px 5px 0px;
  font-weight: 400;
}
.video-container {
  position: relative;
  float: left;
}
.video-container .uploader-container {
  top: -10px;
  position: absolute;
  left: 105%;
}
.uploader-container {
  background: #e5e5e5;
  padding: 10px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-width: 280px;
}
.uploader-container:before {
  display: inline-block;
  content: "";
  border: 10px solid transparent;
  border-right-color: #e5e5e5;
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -10px;
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Media Uploader End Here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Upload Container here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Upload Container Start Here -----------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.upload-container {
  width: 100%;
  float: left;
}
.upload-container .uploader-header h2 {
  font-weight: 400;
  font-size: 1.8em;
  color: #4d4d4d;
  width: auto;
  float: left;
  padding-bottom: 0px;
}
.upload-container .uploader-header h2 b {
  font-weight: 700;
  color: #333333;
}
.upload-container .uploader-header .select-all {
  display: inline-block;
  padding: 5px 0 0 20px;
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Upload Container End Here -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Thumb View here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Thumb View Start Here -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.thumb-view-list {
  width: 100%;
  float: left;
}
.thumb-view-list .thumb-view-item {
  float: left;
  padding: 5px;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body {
  border: 1px solid #e5e5e5;
  width: 100%;
  float: left;
  padding: 5px;
  cursor: pointer;
  position: relative;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .quick-thumb-icons {
  background: white;
  text-align: center;
  position: absolute;
  left: -3px;
  top: -33px;
  z-index: 1;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  display: none;
  height: 30px;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .quick-thumb-icons span[class*="icon-"] {
  width: 29px;
  height: 29px;
  border-right: 1px solid #e5e5e5;
  line-height: 29px;
  float: left;
  font-size: 2.5em;
  color: #999999;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .quick-thumb-icons span[class*="icon-"]:hover {
  color: #333333;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .quick-thumb-icons span[class*="icon-"]:last-child {
  border-right: none;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body:hover {
  border-width: 3px;
  padding: 3px;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body:hover .quick-thumb-icons {
  display: block;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body.selected {
  border-color: #3896ff;
  border-width: 3px;
  padding: 3px;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body.selected.set-default {
  border-color: #02c38a;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame {
  width: 100%;
  float: left;
  overflow: hidden;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame label {
  width: 100%;
  padding: 0px !important;
  margin: 0px !important;
  float: left;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame label:before {
  display: none;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame label img {
  width: 100%;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame.video-frame {
  position: relative;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame.video-frame [class*="icon-"] {
  color: black;
  font-size: 5em;
  position: absolute;
  top: 50%;
  line-height: 0px;
  left: 50%;
  margin-left: -23px;
}
.thumb-view-list .thumb-view-item .thumb-view-item-body .thumb-view-item-frame img {
  width: 100%;
  float: left;
}
@media screen and (min-width: 1281px) {
  .thumb-view-list.thumb-view-xlg-1 .thumb-view-item {
    width: 100%;
  }
  .thumb-view-list.thumb-view-xlg-1 .thumb-view-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-2 .thumb-view-item {
    width: 50%;
  }
  .thumb-view-list.thumb-view-xlg-2 .thumb-view-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-3 .thumb-view-item {
    width: 33.33%;
  }
  .thumb-view-list.thumb-view-xlg-3 .thumb-view-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-4 .thumb-view-item {
    width: 25%;
  }
  .thumb-view-list.thumb-view-xlg-4 .thumb-view-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-5 .thumb-view-item {
    width: 20%;
  }
  .thumb-view-list.thumb-view-xlg-5 .thumb-view-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-6 .thumb-view-item {
    width: 16.66%;
  }
  .thumb-view-list.thumb-view-xlg-6 .thumb-view-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-7 .thumb-view-item {
    width: 14.28%;
  }
  .thumb-view-list.thumb-view-xlg-7 .thumb-view-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-8 .thumb-view-item {
    width: 12.5%;
  }
  .thumb-view-list.thumb-view-xlg-8 .thumb-view-item:nth-child(8n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-9 .thumb-view-item {
    width: 11.11%;
  }
  .thumb-view-list.thumb-view-xlg-9 .thumb-view-item:nth-child(9n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-xlg-10 .thumb-view-item {
    width: 10%;
  }
  .thumb-view-list.thumb-view-xlg-10 .thumb-view-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .thumb-view-list.thumb-view-lg-1 .thumb-view-item {
    width: 100%;
  }
  .thumb-view-list.thumb-view-lg-1 .thumb-view-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-2 .thumb-view-item {
    width: 50%;
  }
  .thumb-view-list.thumb-view-lg-2 .thumb-view-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-3 .thumb-view-item {
    width: 33.33%;
  }
  .thumb-view-list.thumb-view-lg-3 .thumb-view-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-4 .thumb-view-item {
    width: 25%;
  }
  .thumb-view-list.thumb-view-lg-4 .thumb-view-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-5 .thumb-view-item {
    width: 20%;
  }
  .thumb-view-list.thumb-view-lg-5 .thumb-view-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-6 .thumb-view-item {
    width: 16.66%;
  }
  .thumb-view-list.thumb-view-lg-6 .thumb-view-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-7 .thumb-view-item {
    width: 14.28%;
  }
  .thumb-view-list.thumb-view-lg-7 .thumb-view-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-8 .thumb-view-item {
    width: 12.5%;
  }
  .thumb-view-list.thumb-view-lg-8 .thumb-view-item:nth-child(8n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-9 .thumb-view-item {
    width: 11.11%;
  }
  .thumb-view-list.thumb-view-lg-9 .thumb-view-item:nth-child(9n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-lg-10 .thumb-view-item {
    width: 10%;
  }
  .thumb-view-list.thumb-view-lg-10 .thumb-view-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .thumb-view-list.thumb-view-md-1 .thumb-view-item {
    width: 100%;
  }
  .thumb-view-list.thumb-view-md-1 .thumb-view-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-2 .thumb-view-item {
    width: 50%;
  }
  .thumb-view-list.thumb-view-md-2 .thumb-view-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-3 .thumb-view-item {
    width: 33.33%;
  }
  .thumb-view-list.thumb-view-md-3 .thumb-view-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-4 .thumb-view-item {
    width: 25%;
  }
  .thumb-view-list.thumb-view-md-4 .thumb-view-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-5 .thumb-view-item {
    width: 20%;
  }
  .thumb-view-list.thumb-view-md-5 .thumb-view-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-6 .thumb-view-item {
    width: 16.66%;
  }
  .thumb-view-list.thumb-view-md-6 .thumb-view-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-7 .thumb-view-item {
    width: 14.28%;
  }
  .thumb-view-list.thumb-view-md-7 .thumb-view-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-8 .thumb-view-item {
    width: 12.5%;
  }
  .thumb-view-list.thumb-view-md-8 .thumb-view-item:nth-child(8n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-9 .thumb-view-item {
    width: 11.11%;
  }
  .thumb-view-list.thumb-view-md-9 .thumb-view-item:nth-child(9n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-md-10 .thumb-view-item {
    width: 10%;
  }
  .thumb-view-list.thumb-view-md-10 .thumb-view-item:nth-child(10n + 1) {
    clear: both;
  }
}
@media screen and (max-width: 768px) {
  .thumb-view-list.thumb-view-sm-1 .thumb-view-item {
    width: 100%;
  }
  .thumb-view-list.thumb-view-sm-1 .thumb-view-item:nth-child(1n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-2 .thumb-view-item {
    width: 50%;
  }
  .thumb-view-list.thumb-view-sm-2 .thumb-view-item:nth-child(2n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-3 .thumb-view-item {
    width: 33.33%;
  }
  .thumb-view-list.thumb-view-sm-3 .thumb-view-item:nth-child(3n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-4 .thumb-view-item {
    width: 25%;
  }
  .thumb-view-list.thumb-view-sm-4 .thumb-view-item:nth-child(4n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-5 .thumb-view-item {
    width: 20%;
  }
  .thumb-view-list.thumb-view-sm-5 .thumb-view-item:nth-child(5n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-6 .thumb-view-item {
    width: 16.66%;
  }
  .thumb-view-list.thumb-view-sm-6 .thumb-view-item:nth-child(6n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-7 .thumb-view-item {
    width: 14.28%;
  }
  .thumb-view-list.thumb-view-sm-7 .thumb-view-item:nth-child(7n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-8 .thumb-view-item {
    width: 12.5%;
  }
  .thumb-view-list.thumb-view-sm-8 .thumb-view-item:nth-child(8n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-9 .thumb-view-item {
    width: 11.11%;
  }
  .thumb-view-list.thumb-view-sm-9 .thumb-view-item:nth-child(9n + 1) {
    clear: both;
  }
  .thumb-view-list.thumb-view-sm-10 .thumb-view-item {
    width: 10%;
  }
  .thumb-view-list.thumb-view-sm-10 .thumb-view-item:nth-child(10n + 1) {
    clear: both;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Thumb View End Here -------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Breadcrumbs here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Bread Crumbs Start Here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.report-breadcrumbs {
  background: #343b44;
  display: inline-block;
  float: left;
  width: 100%;
}
.report-breadcrumbs .bread-crumbs {
  padding: 10px 20px 10px 20px;
}
.report-breadcrumbs .bread-crumbs ul li a {
  color: white;
}
.report-breadcrumbs .bread-crumbs ul li a:hover {
  color: #02c38a;
}
.report-breadcrumbs .bread-crumbs ul li.active a {
  color: #02c38a;
  background: none;
  padding: 0px;
}
.bread-crumbs {
  float: left;
  width: auto;
  display: inline-block;
  padding: 5px 20px 5px 20px;
}
.bread-crumbs ul {
  float: left;
}
.bread-crumbs ul li {
  float: left;
}
.bread-crumbs ul li a {
  color: #666666;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 22px;
}
.bread-crumbs ul li a:hover {
  color: #3896ff;
}
.bread-crumbs ul li.active a {
  padding: 0 10px;
  background: #02c38a;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.bread-crumbs ul li:last-child:after {
  display: none;
}
.bread-crumbs ul li:after {
  content: "\\";
  line-height: 22px;
  color: #999999;
  font-size: 2em;
  color: #cdcdcd;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Bread Crumbs Start Here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*edit section area here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Edit Section Area Start here ----------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.edit-section-area {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 50px 10px 10px !important;
}
.edit-section-area .edit-section-area-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #999999;
  font-size: 1.3em;
}
.edit-section-area .edit-section-area-icon:hover {
  color: #333333;
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Edit Section Area Start here ----------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Tag list here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Tag List Start Here -------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.tag-ui-list {
  width: 100%;
  float: left;
  background: #efefef;
  padding: 10px;
}
.tag-ui-list .tag-ui-list-item {
  padding: 5px 10px;
  float: left;
  width: 33.33%;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body {
  background: white;
  border: 1px solid #e5e5e5;
  padding: 5px;
  min-height: 35px;
  position: relative;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body .multi-check-flag {
  padding: 1px 0 0 5px;
  display: inline-block;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body .icon-check-flag {
  padding: 2px 0 0 0px;
  display: inline-block;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body .icon-check-flag span[class*="icon-"] {
  font-size: 2.9em;
  color: #cdcdcd;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body input[type="checkbox"] + label:before {
  margin-top: 2px;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body input[type="checkbox"] + label {
  margin: 0px;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body label {
  font-size: 1.4em;
  font-weight: 600;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body:hover .child-action-btn {
  display: block;
}
.tag-ui-list .tag-ui-list-item .tag-ui-list-item-body .child-action-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  font-size: 1.4em;
  font-weight: 600;
  text-transform: uppercase;
  padding: 7px 10px;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 980px) {
  .tag-ui-list .tag-ui-list-item {
    width: 50%;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Tag List End Here -------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*display-image-view1 here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Display Image View1 start here --------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.display-template-view {
  width: 100%;
  padding: 10px;
  float: left;
  border: 1px solid #cdcdcd;
  position: relative;
  -webkit-transform: perspective(1) scale(1);
  -ms-transform: perspective(1) scale(1);
  -o-transform: perspective(1) scale(1);
  transform: perspective(1) scale(1);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.display-template-view.action-on-hover:before {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background: rgba(240, 240, 240, 0.8);
  content: "";
  display: none;
}
.display-template-view.action-on-hover .button-select {
  left: 0px !important;
  right: 0px !important;
  text-align: center;
  display: none;
}
.display-template-view.action-on-hover .template-image-details {
  padding-bottom: 0px;
  height: auto !important;
  max-height: 130px;
  overflow: hidden;
  display: inline-block;
  word-wrap: break-word;
}
.display-template-view.action-on-hover:hover:before {
  display: inline-block;
}
.display-template-view.action-on-hover:hover .button-select {
  display: inline-block;
}
.display-template-view:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  background: #f4f4f4;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.display-template-view .template-image-view {
  width: 45%;
  float: left;
  min-height: 130px;
}
.display-template-view .template-image-view img {
  width: 100%;
  float: left;
}
.display-template-view .template-image-details {
  width: 55%;
  float: left;
  padding: 0 10px 50px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: auto;
  max-height: 110px;
  overflow: hidden;
}
.display-template-view .template-image-details h3 {
  padding-bottom: 0px;
  font-weight: 600;
}
.display-template-view .template-image-details p {
  color: #999999;
}
.display-template-view .template-image-details .button-select {
  bottom: 10px;
  padding-left: 10px;
  left: 45%;
  position: absolute;
}
.display-template-view .template-image-details .button-select button {
  margin: 0px;
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------- Display Image View1 End here ----------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Event Dashboard here */

/*-----------------------------------------------------------------------------------------------*/

/*------------------------ Configure box start here ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.configure-box {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #cdcdcd;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.configure-box.disable {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.configure-box.disable .configure-box-overlay {
  display: block;
}
.configure-box .configure-box-overlay {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  display: none;
  cursor: not-allowed;
}
.configure-box .configure-box-content {
  width: 100%;
  float: left;
  background: #fafafa;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.configure-box .configure-box-content:hover {
  background: white;
}
.configure-box .configure-box-content:hover .configure-icon-part .configure-icon {
  background: #02c38a;
}
.configure-box .configure-box-content .configure-content {
  width: 100%;
  float: left;
  min-height: 115px;
  padding-top: 45px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}
.configure-box .configure-box-content .configure-content span {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 1.8em;
  color: #999999;
}
.configure-box .configure-box-content .configure-content h3 {
  font-size: 1.8em;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: inline-block;
  color: #333333;
  padding-bottom: 0px;
}
.configure-box .configure-box-content .configure-icon-part {
  min-height: 90px;
  position: relative;
  width: 100%;
  float: left;
  border-bottom: 1px solid #cdcdcd;
}
.configure-box .configure-box-content .configure-icon-part .configure-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #4d5966;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -36px;
  top: 100%;
  margin-top: -36px;
  text-align: center;
}
.configure-box .configure-box-content .configure-icon-part .configure-icon i[class*="icon-"] {
  font-style: normal;
  font-weight: normal;
  font-size: 6em;
  color: white;
  display: inline-block;
  margin-top: 36px;
  line-height: 0px;
}
.configure-box .configure-switch-input {
  display: none;
}
.configure-box .configure-switch {
  width: 27px;
  height: 27px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}
.configure-box .configure-switch:before {
  display: none;
}
.configure-box .configure-switch.off-switch {
  background: url("/content/images/npe-sprite.png") no-repeat 0px -396px;
}
.configure-box .configure-switch.on-switch {
  background: url("/content/images/npe-sprite.png") no-repeat 0px -443px;
}
@media screen and (max-width: 980px) and (min-width: 769px) {
  .configure-box .configure-box-content .configure-content h3,
  .configure-box .configure-box-content .configure-content span {
    font-size: 1.7em;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*------------------------ Configure box End here -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Event Dashboard here */

/*-----------------------------------------------------------------------------------------------*/

/*----------------------- Event Dashboard Start here --------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

.event-dashboard {
  display: inline-block;
  float: left;
  width: 100%;
}
.event-dashboard .event-dashboard-header {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
}
.event-dashboard .event-dashboard-header .event-details-box {
  float: left;
  display: inline-block;
}
.event-dashboard .event-dashboard-header .event-details-box .event-details-slide {
  display: inline-block;
  border-right: 1px solid #e5e5e5;
  padding-right: 15px;
  margin-left: 10px;
  max-width: 350px;
  vertical-align: middle;
  min-height: 50px;
  position: relative;
}
.event-dashboard .event-dashboard-header .event-details-box .event-details-slide [class*="icon-"] {
  position: absolute;
  left: 0px;
  top: 11px;
  font-size: 2.5em;
  line-height: 0px;
}
.event-dashboard .event-dashboard-header .event-details-box .event-details-slide p {
  padding-left: 25px;
  width: 100%;
  color: #999999;
  font-size: 1.4em;
  word-wrap: break-word;
}
.event-dashboard .event-dashboard-header .event-details-box .event-details-slide p b {
  font-weight: 600;
  font-size: 15px;
  color: #2d333b;
}
.event-dashboard .event-dashboard-header .event-details-box .event-details-slide:first-child {
  margin-left: 0px;
}
.event-dashboard .event-dashboard-header .event-details-box .event-details-slide:last-child {
  padding-right: 0px;
  border-right: none;
}
.event-dashboard .event-dashboard-header .event-details-action {
  float: right;
  display: inline-block;
}
.event-dashboard .event-dashboard-statstic {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.event-dashboard .event-dashboard-statstic .event-statstic-section {
  padding: 15px;
  min-height: 291px;
}
.event-dashboard .event-dashboard-statstic .event-statstic-section > h3 {
  font-size: 1.6em;
  font-weight: 700;
  color: #333333;
}
.event-dashboard .event-dashboard-statstic .event-statstic-section > h3 span.highlight {
  color: #02c38a;
}
.event-dashboard .event-dashboard-statstic .event-status {
  width: 100%;
  float: left;
}
.event-dashboard .event-dashboard-statstic .event-status .status-container {
  width: 100%;
  float: left;
}
.event-dashboard .event-dashboard-statstic .event-status .status-container .status-counter {
  width: 60%;
  float: left;
  padding-top: 15px;
}
.event-dashboard .event-dashboard-statstic .event-status .status-container .status-graph {
  width: 40%;
  float: left;
  padding-top: 20px;
}
.event-dashboard .event-dashboard-statstic .event-revenue {
  width: 100%;
  float: left;
  background: #fafafa;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container {
  width: 100%;
  float: left;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row {
  background: white;
  padding: 10px 15px;
  float: left;
  width: 100%;
  border-bottom: 2px solid #e5e5e5;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row.total-row {
  background: #02c38a;
  border-bottom: none;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row.total-row span.left-text {
  color: white !important;
  font-weight: 700;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row.total-row span.right-text {
  color: white !important;
  font-weight: 700;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row .text-row {
  width: 100%;
  float: left;
  padding: 2px 0px;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row .text-row span.left-text {
  float: left;
  max-width: 50%;
  font-size: 1.4em;
  color: #999999;
}
.event-dashboard .event-dashboard-statstic .event-revenue .event-revenue-container .event-revenue-row .text-row span.right-text {
  float: right;
  max-width: 50%;
  font-size: 1.6em;
  color: #333333;
  font-weight: 600;
  text-align: right;
}
.event-dashboard .event-dashboard-statstic .event-invite {
  width: 100%;
  float: left;
}
.event-dashboard .event-dashboard-statstic .event-invite .event-invite-container {
  width: 100%;
  float: left;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 173px;
}
.event-dashboard .event-dashboard-statstic .event-invite .event-invite-container .event-invite-small-stat {
  border-right: 1px solid #e5e5e5;
  padding-right: 20px;
  width: 100%;
  float: left;
}
.event-dashboard .event-dashboard-statstic .event-invite .event-invite-action {
  width: 100%;
  float: left;
}
.event-dashboard .event-dashboard-statstic .event-invite .event-invite-action span.action {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.event-dashboard .event-dashboard-statstic .event-invite .event-invite-action span.action [class*="icon-"] {
  font-size: 3em;
  color: #999999;
  width: 30px;
  line-height: 30px;
}
.event-dashboard .event-dashboard-statstic .event-invite .event-invite-action span.action:hover [class*="icon-"] {
  color: #333333;
}
.event-dashboard .event-dashboard-content {
  width: 100%;
  float: left;
}
.event-dashboard .event-count-stat {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 0px 7px 0px;
}
.event-dashboard .event-count-stat h2 {
  font-size: 2em;
  font-weight: 700;
  color: #333333;
  line-height: 17px;
  width: 100%;
  display: inline-block;
  padding-bottom: 0px;
}
.event-dashboard .event-count-stat span {
  font-size: 1.2em;
  color: #999999;
  text-transform: uppercase;
  line-height: 17px;
  width: 100%;
  display: inline-block;
}
.event-dashboard .event-count-stat .event-count-left {
  float: left;
  width: 50%;
  text-align: left;
}
.event-dashboard .event-count-stat .event-count-right {
  float: right;
  width: 50%;
  text-align: right;
}
.event-dashboard .event-block-clount {
  width: 100%;
  float: left;
  padding: 7px 0px;
}
.event-dashboard .event-block-clount.inline-view h4 {
  width: auto;
  vertical-align: bottom;
}
.event-dashboard .event-block-clount.inline-view span {
  width: auto;
  vertical-align: bottom;
}
.event-dashboard .event-block-clount h4 {
  padding-bottom: 0px;
  font-size: 1.8em;
  font-weight: 600;
  line-height: 15px;
  width: 100%;
  display: inline-block;
  color: #333333;
  vertical-align: middle;
}
.event-dashboard .event-block-clount span {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #999999;
  line-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .event-dashboard .event-dashboard-header .event-details-box .event-details-slide {
    border: none;
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
  }
}
/*-----------------------------------------------------------------------------------------------*/

/*----------------------- Event Dashboard End here ----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*Action bar here */

/*----------------------------------------------------------------------------------------------*/

/*---------------------- Action bar start here -------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.action-bar {
  padding: 0px;
  float: left;
  width: 100%;
}
.action-bar .action-bar-left {
  float: left;
  width: auto;
  padding: 10px 0 10px 20px;
}
.action-bar .action-bar-left .action-section-icon {
  border-right: 1px solid #e5e5e5;
}
.action-bar .action-bar-left .action-section-info {
  padding-left: 20px;
}
.action-bar .action-bar-right {
  float: right;
  width: auto;
  padding: 10px 20px 10px 0px;
}
.action-bar .action-bar-right.action-section-container {
  padding: 0px;
}
.action-bar .action-bar-right .action-section-icon {
  border-left: 1px solid #e5e5e5;
}
.action-bar .action-bar-right .action-section-info {
  padding-right: 20px;
}
.action-bar .action-section {
  float: left;
  width: 100%;
}
.action-bar .action-section .action-section-info {
  float: left;
  line-height: 20px;
  font-size: 1.4em;
  padding-top: 16px;
  padding-bottom: 15px;
  color: #666666;
}
.action-bar .action-section .action-section-icon {
  float: left;
  width: 52px;
  height: 52px;
  text-align: center;
  cursor: pointer;
}
.action-bar .action-section .action-section-icon [class*="icon-"] {
  position: relative;
  top: 50%;
  line-height: 0px;
  color: #666666;
  font-size: 3.5em;
}
.action-bar .action-section .action-section-icon:hover {
  background: #ebebeb;
}
.action-bar .action-section .action-section-icon:hover [class*="icon-"] {
  color: #3896ff;
}
/*----------------------------------------------------------------------------------------------*/

/*---------------------- Action bar end here ---------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*Quick Ticketing here */

/*----------------------------------------------------------------------------------------------*/

/*-------------------------- quick ticketing start here ----------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.quick-ticket-info-bar {
  width: 100%;
  float: left;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
}
.quick-ticket-info-bar .left-quick-ticket {
  float: left;
}
.quick-ticket-info-bar .right-quick-ticket {
  float: right;
}
.quick-ticket-info-bar .quick-ticket-part {
  border-right: 1px solid #e5e5e5;
  min-height: 75px;
  float: left;
}
.quick-ticket-info-bar .event-title-text {
  max-width: 320px;
  padding: 15px 20px;
}
.quick-ticket-info-bar .event-title-text h3 {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 20px;
  padding-bottom: 0px;
}
.quick-ticket-info-bar .event-address {
  max-width: 350px;
  padding: 15px 15px;
}
.quick-ticket-info-bar .event-address .address-icon {
  position: relative;
  padding: 0 0 0 25px;
  color: #999999;
  font-size: 1.4em;
  width: 100%;
}
.quick-ticket-info-bar .event-address .address-icon b {
  color: #2d333b;
  font-size: 15px;
  font-weight: 600;
}
.quick-ticket-info-bar .event-address .address-icon [class*="icon-"] {
  font-size: 25px;
  left: 0;
  line-height: 0;
  position: absolute;
  top: 11px;
  color: #666666;
}
.quick-ticket-info-bar .amount-details-text {
  padding: 15px;
}
.quick-ticket-info-bar .amount-details-text:first-child {
  border-left: 1px solid #e5e5e5;
}
.quick-ticket-info-bar .amount-details-text .event-count b {
  font-size: 3em;
  font-weight: 600;
  color: #333333;
  line-height: 26px;
  float: left;
}
.quick-ticket-info-bar .amount-details-text .event-count span {
  font-size: 1.4em;
  color: #999999;
  line-height: 18px;
  clear: both;
  float: left;
}
/*----------------------------------------------------------------------------------------------*/

/*-------------------------- quick ticketing end here ------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*actionable box here */

/*----------------------------------------------------------------------------------------------*/

/*-------------------------- Actionable Box Start here -----------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.actionable-box {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  cursor: pointer;
  float: left;
  overflow: hidden;
}
.actionable-box.others .actionable-box-lower {
  background: #999999;
}
.actionable-box.disabled {
  cursor: not-allowed;
}
.actionable-box.disabled .actionable-box-upper h3 {
  color: #999999;
}
.actionable-box.disabled .actionable-box-lower {
  background: #d9d9d9;
}
.actionable-box.disabled:hover {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.actionable-box .actionable-box-upper {
  width: 100%;
  min-height: 100px;
  float: left;
  padding: 15px;
}
.actionable-box .actionable-box-upper h3 {
  font-size: 1.6em;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
}
.actionable-box .actionable-box-lower {
  background: #02c38a;
  color: white;
  min-height: 50px;
  width: 100%;
  float: left;
}
.actionable-box .actionable-box-lower .actionable-left,
.actionable-box .actionable-box-lower .actionable-right {
  line-height: 25px;
  padding: 12px 15px;
  font-size: 1.4em;
  float: left;
}
.actionable-box .actionable-box-lower .actionable-left b,
.actionable-box .actionable-box-lower .actionable-right b {
  font-size: 1.3em;
  font-weight: 600;
}
.actionable-box .actionable-box-lower .actionable-right {
  float: right;
  text-align: right;
}
.actionable-box:hover {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
/*----------------------------------------------------------------------------------------------*/

/*------------------------------- Actionable Box Start here ------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*Contact Selector box here */

/*----------------------------------------------------------------------------------------------*/

/*-------------------------------- Contact Selector Start here ---------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.contact-selector {
  position: relative;
  width: 100%;
  display: inline-block;
}
.contact-selector .external-dropdown {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  display: none;
}
.contact-selector .external-dropdown .popout-window {
  display: block !important;
  padding: 5px 10px !important;
}
.contact-selector .external-dropdown .popout-window > label {
  font-size: 12px;
}
.contact-selector input:focus + ul + .external-dropdown {
  display: block;
}
.contact-selector input:hover + ul + .external-dropdown {
  display: block;
}
.contact-selector-info-top .contact-selector .external-dropdown {
  position: absolute;
  left: 0px;
  right: 0px;
  display: none;
}
.contact-selector-info-top .contact-selector .external-dropdown .popout-window {
  display: block !important;
  padding: 5px 10px !important;
  bottom: 30px;
  top: inherit !important;
}
.contact-selector-info-top .contact-selector .external-dropdown .popout-window:before {
  border-style: solid;
  border-left-color: transparent;
  border-top-color: #cdcdcd;
  border-bottom-color: transparent;
  border-right-color: transparent;
  left: 8px;
  bottom: -16px;
  right: inherit !important;
  top: inherit !important;
}
.contact-selector-info-top .contact-selector .external-dropdown .popout-window > label {
  font-size: 12px;
}
.contact-selector-info-top .contact-selector input:focus + ul + .external-dropdown {
  display: block;
}
.contact-selector-info-top .contact-selector input:hover + ul + .external-dropdown {
  display: block;
}
/*----------------------------------------------------------------------------------------------*/

/*-------------------------------- Contact Selector End here ---------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*Slick slider */

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider.init {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  text-align: center;
  height: 100%;
  min-height: 1px;
}
.slick-slide > a {
  display: inline-block;
}
.slick-slide img {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #efefef;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slider-wrap {
  position: relative;
}
.slider-wrap .slider {
  position: relative;
  margin: auto;
  width: 80%;
}
.slider-wrap ul {
  margin: 0;
  padding: 0;
}
.slider-wrap ul li {
  list-style: none;
  text-align: center;
}
.slider-arrow {
  position: absolute;
  top: 0px;
}
.sa-left {
  left: 0px;
}
.sa-right {
  right: 0px;
}
/* theme start here */

/* Slider */

.slick-loading .slick-list {
  background: white url('assets/controls/./ajax-loader.gif') center center no-repeat;
}
/* Arrows */

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  width: 25px;
  height: 25px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '\f0a8';
}
[dir='rtl'] .slick-prev:before {
  content: '\f0a98';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '\f0a9';
}
[dir='rtl'] .slick-next:before {
  content: '\f0a9';
}
/* Dots */

.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'FontAwesome';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\f111';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
/*Contact Selector box here */

.header-bar-1 {
  background-color: #efefef;
}
.header-bar-1 .dropdown-link {
  float: left;
  position: relative;
  margin-right: 1px;
}
.header-bar-1 .dropdown-link.blue-drop-bg .dropdown-link-btn {
  background: #3896ff;
}
.header-bar-1 .dropdown-link.orange-drop-bg .dropdown-link-btn {
  background: #ff7048;
}
.header-bar-1 .dropdown-link.blue-drop-bg .dropdown-section {
  border-top: 5px solid #147cf1;
}
.header-bar-1 .dropdown-link.orange-drop-bg .dropdown-section {
  border-top: 5px solid #ef4d20;
}
.header-bar-1 .dropdown-link > .dropdown-link-btn {
  float: left;
  padding: 8px 20px;
  font-size: 1.4em;
  color: white;
  cursor: pointer;
}
.header-bar-1 .dropdown-link > .dropdown-link-btn:after {
  content: "\e010";
  font-family: 'npe_icons_v1regular' !important;
  color: white;
  vertical-align: middle;
  display: inline-block;
}
.header-bar-1 .type-info {
  float: left;
  margin-top: 5px;
  padding: 4px 15px;
}
.header-bar-1 .type-info > label {
  font-size: 1.3em;
  color: #666666;
  vertical-align: middle;
  float: left;
}
.header-bar-1 .type-info > span {
  vertical-align: middle;
  margin-left: 5px;
  float: left;
  font-weight: 600;
  font-size: 1.3em;
}
.header-bar-1 .dropdown-link > .dropdown-section {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 3;
  min-width: 340px;
  background: white;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  display: none;
}
.header-bar-1 .dropdown-link > .dropdown-section .personal-drop {
  padding: 10px 15px;
}
.header-bar-1 .dropdown-link > .dropdown-section p {
  width: 100%;
  padding: 6px 0px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.3em;
  display: inline-block;
}
.header-bar-1 .dropdown-link > .dropdown-section p:last-child {
  border-bottom: none;
}
.header-bar-1 .dropdown-link > .dropdown-section p > label {
  width: 35%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right: 10px;
  display: inline-block;
  font-size: inherit;
  color: #999999;
  vertical-align: middle;
  float: left;
}
.header-bar-1 .dropdown-link > .dropdown-section p > span {
  width: 65%;
  display: inline-block;
  font-size: inherit;
  vertical-align: middle;
  float: left;
  word-wrap: break-word;
}
.header-bar-1 .dropdown-link > .dropdown-section p > span > a,
.header-bar-1 .dropdown-link > .dropdown-section p > label > a {
  color: inherit;
  text-decoration: none;
  float: inherit;
}
.header-bar-1 .dropdown-link > .dropdown-section p a {
  float: left;
}
.header-bar-1 .dropdown-link > .dropdown-section p > label > a:hover,
.header-bar-1 .dropdown-link > .dropdown-section p > span > a:hover {
  text-decoration: underline;
}
.header-bar-1 .dropdown-link > .dropdown-section p > * {
  vertical-align: middle;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-hdr {
  width: 100%;
  display: inline-block;
  background: #e5e5e5;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-hdr > span[class*="icon-"] {
  font-size: 4em;
  color: #666666;
  line-height: 0px;
  padding: 22px 0 22px 0;
  border-right: 1px solid #cdcdcd;
  float: left;
  cursor: pointer;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-hdr > span[class*="icon-"]:hover {
  background: #e5e5e5;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-drop {
  padding: 10px 15px;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-drop p > label {
  color: #ff7048;
  width: 35%;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-drop p > span {
  width: 45%;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-drop p > span + [class*="icon-"] {
  width: 20%;
  font-size: 2em;
  line-height: 0px;
  margin-top: 6px;
  text-align: right;
}
.header-bar-1 .dropdown-link > .dropdown-section .relation-drop p a,
.header-bar-1 .dropdown-link > .dropdown-section p a {
  color: #333333;
  text-decoration: none;
  vertical-align: middle;
}
/* start header bar 2 */

.header-bar-2 {
  display: inline-block;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.header-bar-2 > .table {
  width: 100%;
}
.header-bar-2 > .table .td {
  vertical-align: top;
}
.header-bar-2 > section.left {
  float: left;
  display: inline-block;
}
.header-bar-2 > section.left > .item {
  display: inline-block;
  float: left;
  padding: 0 15px;
  border-left: 1px solid #e5e5e5;
}
.header-bar-2 > section.left > .item:first-cild {
  border-left: 0;
}
.header-bar-2 > section.right {
  float: right;
  display: inline-block;
}
/*Client Selection Process box here */

/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Client Selection Process ----------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.client-selection-box {
  width: 100%;
  float: left;
  padding: 15px;
}
.client-selection-list {
  width: 100%;
  float: left;
  text-align: center;
}
.client-selection-list .client-select-item {
  display: inline-block;
  padding: 5px;
}
.client-info-box {
  width: 100%;
  display: inline-block;
  float: left;
  background: white;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
}
.client-info-box:hover {
  -webkit-transform: scale(1.03, 1.03);
  -ms-transform: scale(1.03, 1.03);
  -o-transform: scale(1.03, 1.03);
  transform: scale(1.03, 1.03);
  border: 1px solid #6b747f;
}
.client-info-box:hover span.client-text-section {
  border-top: 1px solid #6b747f;
  background: #6b747f;
  color: white;
}
.client-info-box .client-image-section {
  width: 100%;
  display: inline-block;
  min-height: 80px;
  max-width: 100px;
  padding: 10px 0;
}
.client-info-box .client-image-section img {
  display: inline-block;
  height: 60px;
  max-width: 100%;
}
.client-info-box .client-text-section {
  padding: 5px;
  width: 100%;
  float: left;
  background: #fafafa;
  min-height: 50px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d9d9d9;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*&.Active {
            border-top-color: @color-green;
        }

        &.Trial {
            border-top-color: @color-orange;
        }

        &.Cancelled {
            border-top-color: @color-red;
        }*/

}
.client-info-box .client-text-section > .name,
.client-info-box .client-text-section > .status,
.client-info-box .client-text-section > .lastLogin {
  display: block;
}
.client-info-box .client-text-section > .name {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: normal;
  padding-top: 9px;
}
.client-info-box .client-text-section > .lastLogin {
  font-size: 1.11em;
}
.client-info-box .client-text-section > .status {
  position: absolute;
  left: 0;
  right: 0;
  top: 78px;
  text-align: center;
  text-transform: uppercase;
}
.client-info-box .client-text-section > .status > b {
  display: inline-block;
  padding: 0 3px;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.client-info-box .client-text-section > .status.Active > b {
  background: #02c38a;
}
.client-info-box .client-text-section > .status.Trial > b {
  background: #ff4d4d;
}
.client-info-box .client-text-section > .status.Cancelled > b {
  background: #d9d9d9;
}
@media screen and (min-width: 1601px) and (max-width: 1900px) {
  .client-view-xbig-1 .client-select-item {
    width: 100%;
  }
  .client-view-xbig-2 .client-select-item {
    width: 49%;
  }
  .client-view-xbig-3 .client-select-item {
    width: 33%;
  }
  .client-view-xbig-4 .client-select-item {
    width: 24%;
  }
  .client-view-xbig-5 .client-select-item {
    width: 19.3%;
  }
  .client-view-xbig-6 .client-select-item {
    width: 15.9%;
  }
  .client-view-xbig-7 .client-select-item {
    width: 13.7%;
  }
  .client-view-xbig-8 .client-select-item {
    width: 12.1%;
  }
  .client-view-xbig-9 .client-select-item {
    width: 10.7%;
  }
  .client-view-xbig-10 .client-select-item {
    width: 9.6%;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .client-view-big-1 .client-select-item {
    width: 100%;
  }
  .client-view-big-2 .client-select-item {
    width: 49%;
  }
  .client-view-big-3 .client-select-item {
    width: 33%;
  }
  .client-view-big-4 .client-select-item {
    width: 24%;
  }
  .client-view-big-5 .client-select-item {
    width: 19.3%;
  }
  .client-view-big-6 .client-select-item {
    width: 15.9%;
  }
  .client-view-big-7 .client-select-item {
    width: 13.7%;
  }
  .client-view-big-8 .client-select-item {
    width: 12.1%;
  }
  .client-view-big-9 .client-select-item {
    width: 10.7%;
  }
  .client-view-big-10 .client-select-item {
    width: 9.6%;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .client-view-xlg-1 .client-select-item {
    width: 100%;
  }
  .client-view-xlg-2 .client-select-item {
    width: 49%;
  }
  .client-view-xlg-3 .client-select-item {
    width: 33%;
  }
  .client-view-xlg-4 .client-select-item {
    width: 24%;
  }
  .client-view-xlg-5 .client-select-item {
    width: 19.3%;
  }
  .client-view-xlg-6 .client-select-item {
    width: 15.9%;
  }
  .client-view-xlg-7 .client-select-item {
    width: 13.7%;
  }
  .client-view-xlg-8 .client-select-item {
    width: 12.1%;
  }
  .client-view-xlg-9 .client-select-item {
    width: 10.7%;
  }
  .client-view-xlg-10 .client-select-item {
    width: 9.6%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .client-view-lg-1 .client-select-item {
    width: 100%;
  }
  .client-view-lg-2 .client-select-item {
    width: 49%;
  }
  .client-view-lg-3 .client-select-item {
    width: 33%;
  }
  .client-view-lg-4 .client-select-item {
    width: 24%;
  }
  .client-view-lg-5 .client-select-item {
    width: 19.3%;
  }
  .client-view-lg-6 .client-select-item {
    width: 15.9%;
  }
  .client-view-lg-7 .client-select-item {
    width: 13.7%;
  }
  .client-view-lg-8 .client-select-item {
    width: 12.1%;
  }
  .client-view-lg-9 .client-select-item {
    width: 10.7%;
  }
  .client-view-lg-10 .client-select-item {
    width: 9.6%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .client-view-md-1 .client-select-item {
    width: 100%;
  }
  .client-view-md-2 .client-select-item {
    width: 49%;
  }
  .client-view-md-3 .client-select-item {
    width: 33%;
  }
  .client-view-md-4 .client-select-item {
    width: 24%;
  }
  .client-view-md-5 .client-select-item {
    width: 19.3%;
  }
  .client-view-md-6 .client-select-item {
    width: 15.9%;
  }
  .client-view-md-7 .client-select-item {
    width: 13.7%;
  }
  .client-view-md-8 .client-select-item {
    width: 12.1%;
  }
  .client-view-md-9 .client-select-item {
    width: 10.7%;
  }
  .client-view-md-10 .client-select-item {
    width: 9.6%;
  }
}
@media screen and (max-width: 768px) {
  .client-view-sm-1 .client-select-item {
    width: 100%;
  }
  .client-view-sm-2 .client-select-item {
    width: 49%;
  }
  .client-view-sm-3 .client-select-item {
    width: 33%;
  }
  .client-view-sm-4 .client-select-item {
    width: 24%;
  }
  .client-view-sm-5 .client-select-item {
    width: 19.3%;
  }
  .client-view-sm-6 .client-select-item {
    width: 15.9%;
  }
  .client-view-sm-7 .client-select-item {
    width: 13.7%;
  }
  .client-view-sm-8 .client-select-item {
    width: 12.1%;
  }
  .client-view-sm-9 .client-select-item {
    width: 10.7%;
  }
  .client-view-sm-10 .client-select-item {
    width: 9.6%;
  }
}
@media screen and (max-width: 1024px) {
  .client-info-box span.client-text-section {
    font-size: 14px;
    min-height: 40px;
  }
}
@media screen and (max-width: 980px) {
  .client-info-box span.client-text-section {
    font-size: 14px;
    font-weight: normal;
    min-height: 40px;
  }
}
/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Client Selection Process ----------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*Second Level Menu here */

/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Second Level Menu Start Here ------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.second-level-menu {
  background: #e5e7ea;
  width: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  display: inline-block;
}
.second-level-menu span.second-level-menu-search {
  position: relative;
  width: 100%;
  min-height: 50px;
  display: inline-block;
}
.second-level-menu span.second-level-menu-search input {
  height: 50px;
  width: 100%;
  border: none;
  background-image: none !important;
  padding-left: 10px;
  padding-right: 35px;
}
.second-level-menu span.second-level-menu-search span[class*="icon-"] {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: 2px;
  line-height: 0px;
  font-size: 3em;
  color: #333333;
}
.second-level-menu ul {
  width: 100%;
  float: left;
  border-top: 1px solid #cbcfd4;
}
.second-level-menu ul li {
  border-bottom: 1px solid #cbcfd4;
}
.second-level-menu ul li.active a {
  background: #343b44;
  color: white;
}
.second-level-menu ul li.active a:hover {
  background: #343b44;
  color: white;
}
.second-level-menu ul li a {
  font-size: 1.5em;
  line-height: 18px;
  padding: 10px;
  display: inline-block;
  width: 100%;
  color: #343b44;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.second-level-menu ul li a:hover {
  background: white;
}
.second-level-target-content {
  background: #e5e7ea;
  padding-left: 180px;
  float: left;
  position: relative;
  width: 100%;
}
.second-level-target-content > .second-level-sub-content {
  border-left: 3px solid #b9bec4;
  width: 100%;
  float: left;
}
/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Second Level Menu End Here ------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*Blue box here */

/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Blue box start here ---------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.blue-content-box {
  background: #f4f8fb;
  border: 1px solid #cad7e7;
  width: 100%;
  display: inline-block;
}
.blue-content-box h2 span {
  color: #3896ff;
}
.blue-content-box p {
  font-size: 1.4em;
  line-height: 20px;
}
.content-point-list {
  width: 100%;
  display: inline-block;
  margin: 0px;
}
.content-point-list li {
  width: 100%;
  position: relative;
  padding: 4px 0 4px 20px;
  font-size: 1.4em;
}
.content-point-list li:before {
  position: absolute;
  left: 0px;
  top: 8px;
  font-size: 10px;
  content: "";
  display: inline-block;
  color: #9eb6d0;
  font-family: 'FontAwesome';
}
/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Blue box start here ---------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

/*Plans Box here */

/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Plans box start here --------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.plans-header {
  width: 100%;
  float: left;
}
.subscriber-info {
  float: left;
  max-width: 50%;
  padding: 15px 20px;
}
.subscriber-info h2 {
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}
.subscriber-info .subscriber-details {
  width: 100%;
  float: left;
}
.subscriber-info .subscriber-details .subscriber-sap {
  float: left;
  width: auto;
  padding: 0 20px;
  border-right: 1px solid #e5e5e5;
}
.subscriber-info .subscriber-details .subscriber-sap:first-child {
  padding-left: 0px;
}
.subscriber-info .subscriber-details .subscriber-sap:last-child {
  padding-right: 0px;
  border-right: none;
}
.subscriber-info .subscriber-details .subscriber-sap label {
  font-size: 1.4em;
}
.subscriber-info .subscriber-details .subscriber-sap p {
  font-size: 1.8em;
  color: #333333;
  font-weight: 600;
}
.subscriber-info .subscriber-details-payment {
  width: 100%;
  float: left;
  padding: 10px 0 0 0;
}
.subscriber-info .subscriber-details-payment p {
  width: 100%;
  display: inline-block;
  font-size: inherit;
}
.subscriber-info .subscriber-details-payment p label {
  font-size: 1.4em;
}
.subscriber-info .subscriber-details-payment p label:after {
  content: ":";
  display: inline-block;
}
.subscriber-info .subscriber-details-payment p span {
  color: #333333;
  font-size: 1.6em;
  font-weight: 600;
}
.subscriber-info .subscriber-details-payment p span em {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #999999;
}
.subscriber-info .subscriber-details-payment p span[class*="icon-"] {
  font-size: 2.4em;
  color: #999999;
  vertical-align: middle;
  cursor: pointer;
}
.subscriber-info .subscriber-details-payment p span[class*="icon-"]:hover {
  color: #333333;
}
.plans-info {
  float: right;
  max-width: 50%;
  padding: 15px 20px;
}
.plans-info .current-plan {
  background: #4d5966;
  width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
  float: right;
  padding: 0 15px 10px 15px;
}
.plans-info .current-plan h4 {
  color: white;
  font-size: 1.2em;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 0px;
}
.plans-info .current-plan .current-plan-inner {
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  float: left;
}
.plans-info .current-plan .current-plan-inner .current-plan-row {
  width: 100%;
  float: left;
  padding: 7px 15px;
  border-bottom: 1px solid #cdcdcd;
}
.plans-info .current-plan .current-plan-inner .current-plan-row h3 {
  padding-bottom: 0px;
  font-size: 1.8em;
  font-weight: 600;
  color: #333333;
}
.plans-info .current-plan .current-plan-inner .current-plan-row h3 label {
  font-weight: 400;
  color: #999999;
  font-size: 14px;
}
@media screen and (max-width: 980px) {
  .subscriber-info {
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
  .plans-info {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .plans-info .current-plan {
    float: none;
    display: inline-block;
  }
}
/*----------------------------------------------------------------------------------------------*/

/*---------------------------- Plans box start here --------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/

.plan-subscription {
  width: 100%;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d7dde3;
  background: #f1f4f7;
  padding: 0px;
}
.plan-subscription .plan-header-section {
  width: 100%;
  min-height: 100px;
  border-bottom: 1px solid #d7dde3;
  padding: 15px;
}
.plan-subscription .plan-header-section h2 {
  padding-bottom: 0px;
  font-size: 1.8em;
  font-weight: 600;
  color: #333333;
}
.plan-subscription .plan-row {
  width: 100%;
  border-bottom: 1px solid #d7dde3;
  padding: 10px 15px;
}
.plan-subscription .plan-row h3 {
  padding-bottom: 0px;
  font-size: 2em;
  font-weight: 600;
}
.plan-subscription .plan-row label {
  color: #666666;
}
.plan-subscription .subscribe-row {
  width: 100%;
  float: left;
  padding: 10px 15px 15px 15px;
}
.plan-subscription .subscribe-row h3 {
  font-size: 1.6em;
  font-weight: 600;
  padding-bottom: 10px;
  width: 100%;
  float: left;
  color: #666666;
}
.breadcrumb-list ul li a {
  border-bottom: 1px solid #d9d9d9;
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 1.3em;
  padding: 7px 10px;
  text-decoration: none;
}
.breadcrumb-list ul li a:hover {
  background: #2d333b;
  color: white;
}
/*Record View here */

/*------------------------------------------------------------------------------------*/

/*--------------------------- Record view start here ---------------------------------*/

/*------------------------------------------------------------------------------------*/

.record-view {
  display: inline-block;
  width: auto;
  white-space: nowrap;
}
.record-view label {
  font-size: 1.4em;
  color: #333333;
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.record-view.field-size .record-view-action span {
  padding: 7px 15px;
}
.record-view.field-size .record-view-action span:first-child {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.record-view.field-size .record-view-action span:last-child {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.record-view .record-view-action {
  display: inline-block;
  vertical-align: middle;
}
.record-view .record-view-action span {
  padding: 5px 15px;
  height: 20px;
  font-size: 1.4em;
  color: white;
  background: #4d5966;
  float: left;
  border-right: 1px solid #606d7a;
  cursor: pointer;
}
.record-view .record-view-action span.active {
  background: #02c38a;
  cursor: auto;
}
.record-view .record-view-action span:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.record-view .record-view-action span:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
/*------------------------------------------------------------------------------------*/

/*--------------------------- Record view End here ---------------------------------*/

/*------------------------------------------------------------------------------------*/

/*Count Controll Box here */

.count-controll-box {
  width: 100%;
  border-left: 3px solid #d9d9d9;
  padding-left: 10px;
}
.count-controll-box.active {
  border-left-color: #3896ff;
}
.count-controll-box.active h2 {
  color: #3896ff;
}
.count-controll-box.active span {
  color: #3896ff;
}
.count-controll-box h2 {
  font-size: 2em;
  font-weight: 400;
  color: #333333;
  width: 100%;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  line-height: 20px;
}
.count-controll-box span {
  color: #999999;
  font-size: 1.3em;
  font-weight: 400;
  width: 100%;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  line-height: 18px;
}
/*Horizontal Pane Bar here */

/*---------------------- Horizontal Pane Bar ----------------------*/

.horizontal-pane-bar {
  width: 100%;
  float: left;
  display: inline-block;
}
.horizontal-pane-bar .horizontal-pane-bar-label {
  font-size: 1.6em;
  font-weight: 400;
  color: #333333;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.horizontal-pane-bar .horizontal-pane-bar-label em {
  font-weight: 600;
  font-style: normal;
}
.horizontal-pane-bar .horizontal-pane-bar-outer {
  height: 10px;
  width: 100%;
  float: left;
  display: inline-block;
  background: #e5e5e5;
}
.horizontal-pane-bar .horizontal-pane-bar-outer .horizontal-pane-bar-inner {
  height: 10px;
  float: left;
  display: inline-block;
  background: #02c38a;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -ms-transition: width 1s;
  transition: width 1s;
}
/*---------------------- Horizontal Pane Bar ----------------------*/

/*Page Popout here */

/*========================== Page Popout Start Here =========================*/

.page-popout {
  width: 100%;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  text-align: center;
  z-index: 10;
}
.page-popout .page-popout-main {
  width: 100%;
  position: relative;
  max-width: 980px;
  padding: 30px;
  height: 100%;
  display: inline-block;
  text-align: left;
  z-index: 5;
}
.page-popout .page-popout-main .page-popout-close {
  position: absolute;
  left: 18px;
  top: 16px;
  color: white;
  background-color: #ff9d9d;
  font-size: 3.2em;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 0.95em;
  text-indent: -0.02em;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.page-popout .page-popout-main .page-popout-close:hover {
  color: white;
}
.page-popout .page-popout-main .page-popout-content {
  display: inline-block;
  background: white;
  padding: 20px;
  overflow: auto;
  max-height: 100%;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.page-popout .page-popout-overlay {
  position: fixed;
  z-index: 4;
  background: rgba(0, 0, 0, 0.7);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.general-content-box {
  width: 100%;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
}
.general-content-box h2 {
  padding-bottom: 8px;
  padding-top: 8px;
}
.general-content-box p {
  font-size: 1.4em;
  color: #666666;
  padding-top: 8px;
  padding-bottom: 8px;
}
.general-content-box p b {
  font-weight: 600;
  color: black;
}
.table-structure {
  width: 100%;
  float: left;
}
.table-structure table {
  width: 100%;
  font-size: 14px;
  color: #666666;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.table-structure table td {
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.table-structure table th {
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
/*========================== Page Popout End Here ===========================*/

/*Count Dashboard here */

/*============================== dashboard-count-start-here ================================*/

.count-dashboard {
  width: 100%;
  float: left;
  border-left: 5px solid #02c38a;
  background: #f3f3f3;
  padding: 10px;
}
.count-dashboard h2 {
  font-size: 2.5em;
  font-weight: 400;
  color: #333333;
  padding: 0px;
  line-height: 25px;
}
.count-dashboard label {
  font-size: 1.5em;
  color: #999999;
  font-weight: 400;
  line-height: 20px;
}
/*============================== dashboard-count-end-here ==================================*/

/*Contact Display Box here */

/*============================= Contact Display box start here ============================*/

.contact-display-box {
  width: 100%;
  float: left;
  display: inline-block;
  background: white;
  border: 1px solid #dddddd;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: 85px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  min-height: 88px;
  -webkit-transition: box-shadow 0.5s;
  -moz-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
.contact-display-box:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
}
.contact-display-box h3 {
  font-weight: 600;
  color: #333333;
  padding: 2px 0px;
  width: 100%;
  display: inline-block;
}
.contact-display-box .contact-label {
  font-size: 1.2em;
  font-weight: 600;
  color: #999999;
  width: 100%;
  display: inline-block;
  padding: 2px 0px;
}
.contact-display-box .contact-display-image {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 54px;
  height: 54px;
  display: inline-block;
  border: 3px solid #dddddd;
  overflow: hidden;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px;
}
.contact-display-box .contact-display-image i {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 54px;
  height: 54px;
  float: left;
  overflow: hidden;
}
.contact-display-box .contact-display-image i img {
  width: 100%;
  height: auto;
}
/*============================= Contact Display box End here ==============================*/

/*International Phone Input Fomat */

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 75%;
  float: left;
}
.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.intl-tel-input .hide {
  display: none;
}
.intl-tel-input .v-hide {
  visibility: hidden;
}
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}
.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555555;
}
.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555555;
}
.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #cccccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}
.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}
@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}
.intl-tel-input .country-list .country {
  padding: 5px 10px;
}
.intl-tel-input .country-list .country .dial-code {
  color: #999999;
}
.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}
.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}
.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.intl-tel-input.iti-container:hover {
  cursor: pointer;
}
.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti-flag {
  width: 20px;
}
.iti-flag.be {
  width: 18px;
}
.iti-flag.ch {
  width: 15px;
}
.iti-flag.mc {
  width: 19px;
}
.iti-flag.ne {
  width: 18px;
}
.iti-flag.np {
  width: 13px;
}
.iti-flag.va {
  width: 15px;
}
@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: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}
.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}
.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}
.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}
.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}
.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}
.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}
.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}
.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}
.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}
.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}
.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}
.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}
.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}
.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}
.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}
.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}
.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}
.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}
.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}
.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}
.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}
.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}
.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}
.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}
.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}
.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}
.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}
.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}
.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}
.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888888;
  background-image: url("images/flags.png");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@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: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("images/flags@2x.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}
/*Calendar Control Here*/

.calendar-control .calendar-nav-month a {
  font-size: 2em;
  padding: 4px 14px 3px;
  display: inline-block;
  color: #b6b6b6;
}
.calendar-control .calendar-nav-month a:hover {
  color: inherit;
}
.calendar-control .calendar-nav-month .month-select {
  position: relative;
}
.calendar-control .calendar-nav-month .month-select select {
  border-top: 0;
  border-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding-left: 14px;
  background-image: none;
  font-weight: 600;
}
.calendar-control .calendar-nav-month .month-select:hover:after {
  content: "\f0d7";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 15px;
  top: 30%;
}
.calendar-control [class*="cal-cell"] {
  margin-left: 0;
  min-height: 1px;
}
.calendar-control .cal-row-fluid {
  width: 100%;
  *zoom: 1;
}
.calendar-control [class*="cal-cell"] {
  vertical-align: top;
}
.calendar-control [class*="cal-cell"] .cal-date {
  background-color: #f2f2f2;
  padding: 4px 9px;
  color: #454545;
  margin-bottom: 8px;
  border-top: solid 1px white;
  font-size: 1.4em;
}
.calendar-control [class*="cal-cell"] .cal-date.cal-vacation {
  background-color: #ffe189 !important;
}
.calendar-control [class*="cal-cell"].cal-day-weekend {
  background-color: #eff3f7;
}
.calendar-control [class*="cal-cell"].cal-day-weekend .cal-date {
  background-color: #dee4ea;
}
.calendar-control [class*="cal-cell"].cal-day-today {
  background-color: #d5f5eb;
}
.calendar-control [class*="cal-cell"].cal-day-today .cal-date {
  background-color: #02c38a;
  color: white;
}
.calendar-control [class*="cal-cell"].cal-day-today .cal-addNewOpp {
  color: white !important;
}
.calendar-control [class*="cal-cell"] .cal-title {
  color: #454545;
  font-size: 1.3em;
  padding: 0 5px 5px;
}
.calendar-control [class*="cal-cell"] .cal-title.opportunity-color {
  border-left: solid 3px #02c38a;
}
.calendar-control [class*="cal-cell"] .cal-title.training-color {
  border-left: solid 3px #3896ff;
}
.calendar-control [class*="cal-cell"] .cal-time {
  color: #666666;
  font-style: italic;
  padding: 5px 8px;
  font-size: 1.2em;
  line-height: 20px;
}
.calendar-control [class*="cal-cell"] .cal-time .teamschedule-color {
  color: #ff7048;
}
.calendar-control [class*="cal-cell"] .cal-addNewOpp {
  font-size: 1.8em;
  right: 8px;
  top: 3px;
  display: none;
  cursor: pointer;
}
.calendar-control [class*="cal-cell"] .vol-bx {
  margin: 3px 8px 10px;
  border-bottom: solid 1px #e3e3e3;
}
.calendar-control [class*="cal-cell"] .vol-bx .no-vol {
  font-size: 1.3em;
  padding-bottom: 5px;
}
.calendar-control [class*="cal-cell"] .vol-bx .no-vol > a {
  color: #02c38a;
}
.calendar-control [class*="cal-cell"] .vol-bx .no-vol .fa {
  color: #bababa;
  font-size: 1.3em;
  margin-left: 5px;
}
.calendar-control [class*="cal-cell"] .vol-bx .vol-position li {
  border-top: dotted 1px #d7d7d7;
  padding: 5px 0;
  font-size: 1.3em;
}
.calendar-control [class*="cal-cell"] .vol-bx .vol-position li:before {
  content: "\f111";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #666666;
  top: -2px;
  position: relative;
  font-size: 0.4em;
}
.calendar-control [class*="cal-cell"]:hover .cal-addNewOpp {
  display: block;
}
.calendar-control .legend {
  float: left;
  /*&:not(:first-child) { padding-left:15px; margin-left:15px;  border-left: 1px solid @base-color-2-l39;}*/

}
.calendar-control .legend span {
  display: inline-block;
  width: 18px;
  height: 13px;
  float: left;
  margin-top: 2px;
}
.calendar-control .legend span.vacation {
  background-color: #ffe189;
}
.calendar-control .legend span.green {
  background-color: #02c38a;
}
.calendar-control .legend span.blue {
  background-color: #3896ff;
}
.calendar-control .legend span.orange {
  background-color: #ff7048;
}
.calendar-control .legend label {
  float: left;
  padding-left: 7px;
}
.calendar-control .cal-row-fluid .cal-cell1 {
  width: 14.285714286%;
  *width: 14.233576642%;
}
.calendar-control .cal-row-head [class*="cal-cell"] {
  min-height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #e5e5e5;
  font-weight: 600;
  text-align: center;
  border: 0px solid;
  padding: 10px 0 12px;
  text-transform: uppercase;
  font-size: 1.3em;
  color: #666666;
}
.calendar-control .cal-month-day {
  min-height: 100px;
}
.calendar-control .cal-month-box [class*="cal-cell"] {
  border-right: 1px solid #e1e1e1;
  position: relative;
}
.calendar-control .cal-month-box [class*="cal-cell"] > div {
  min-height: 100px;
}
.calendar-control .cal-month-box .cal-row-fluid {
  border-bottom: 1px solid #e1e1e1;
  margin-left: 0px;
  margin-right: 0px;
}
.calendar-control .cal-month-box {
  border: 1px solid #e1e1e1;
  border-right: 0px;
  border-bottom: 0px;
}
.calendar-control .cal-day-outmonth {
  opacity: 0.4;
  cursor: default;
}
.calendar-control .day-view .cal-row-head [class*="cal-cell"] {
  text-align: left;
  padding-left: 8px;
  font-size: 1.4em;
}
.calendar-control .day-view .cal-date {
  font-size: 1.6em;
  font-weight: 500;
}
.calendar-control .day-view .cal-venuetitle {
  font-size: 1.5em;
  font-weight: 500;
  padding: 10px;
}
.calendar-control .day-view .cal-time {
  padding: 0 10px 8px;
  border-bottom: solid 2px #02c38a;
}
.calendar-control .day-view .vol-bx {
  clear: both;
  margin: 0;
  padding: 10px 10px 15px;
  display: inline-block;
  width: 100%;
  border: 0;
}
.calendar-control .day-view .vol-bx .no-vol {
  padding-bottom: 8px;
  font-size: 1.4em;
}
.calendar-control .day-view .vol-bx .vol-position li {
  padding: 5px 0;
  font-size: 1.4em;
}
/*Alpha sort Control Here*/

.alphabetStrip {
  border-right: solid 4px #e5e5e5;
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
}
.alphabetStrip .strip-container {
  border: solid 1px #e5e5e5;
  width: 26px;
  box-shadow: -1px -1px 8px 0px #cecece;
  -moz-box-shadow: -1px -1px 8px 0px #cecece;
  -webkit-box-shadow: -1px -1px 8px 0px #cecece;
  background: #efefef;
  text-align: center;
}
.alphabetStrip .strip-container span {
  display: block;
  padding: 3px;
  cursor: pointer;
  font-size: 1.4em;
  color: #454545;
  border-bottom: solid 1px #cdcdcd;
}
.alphabetStrip .strip-container span.collapse-strip {
  display: none;
}
.alphabetStrip .strip-container span.active {
  background: #02c38a;
  color: white;
}
.open .alphabetStrip .strip-container span.collapse-strip {
  display: block;
}
/* Added flex classes here */

.displayFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flexColumnRev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flexRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flexRowRev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
}
.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flx-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flx-row-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flx-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flx-column-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flx-nowrap {
  flex-wrap: nowrap;
}
.flx-wrap {
  flex-wrap: wrap;
}
.flx-wrap-r {
  flex-wrap: wrap-reverse;
}
.flx-item-start {
  align-items: flex-start;
}
.flx-item-end {
  align-items: flex-end;
}
.flx-item-center {
  align-items: center;
}
.flx-item-stretch {
  align-items: stretch;
}
.flx-item-baseline {
  align-items: baseline;
}
.flx-justify-start {
  justify-content: flex-start;
}
.flx-justify-end {
  justify-content: flex-end;
}
.flx-justify-center {
  justify-content: center;
}
.flx-justify-around {
  justify-content: space-around;
}
.flx-justify-between {
  justify-content: space-between;
}
.flx-align-start {
  justify-content: flex-start;
}
.flx-align-end {
  justify-content: flex-end;
}
.flx-align-center {
  justify-content: center;
}
.flx-align-around {
  justify-content: space-around;
}
.flx-align-between {
  justify-content: space-between;
}
.flx-align-stretch {
  align-items: stretch;
}
.flx-align-self-start {
  align-self: flex-start;
}
.flx-align-self-end {
  align-self: flex-end;
}
.flx-align-self-center {
  align-self: center;
}
.flx-align-self-stretch {
  align-self: stretch;
}
.flx-align-self-baseline {
  align-self: baseline;
}
.flx-align-self-start {
  align-self: flex-start;
}
.flx-align-self-end {
  align-self: flex-end;
}
.flx-align-self-center {
  align-self: center;
}
.flx-align-self-stretch {
  align-self: stretch;
}
.flx-align-self-baseline {
  align-self: baseline;
}
.flex-0 {
  flex: 0;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
.flex-11 {
  flex: 11;
}
.flex-12 {
  flex: 12;
}
.flex-13 {
  flex: 13;
}
.flex-14 {
  flex: 14;
}
.flex-15 {
  flex: 15;
}
.flex-16 {
  flex: 16;
}
.flex-17 {
  flex: 17;
}
.flex-18 {
  flex: 18;
}
.flex-19 {
  flex: 19;
}
.flex-20 {
  flex: 20;
}
.flex-21 {
  flex: 21;
}
.flex-22 {
  flex: 22;
}
.flex-23 {
  flex: 23;
}
.flex-24 {
  flex: 24;
}
.flex-25 {
  flex: 25;
}
.flex-26 {
  flex: 26;
}
.flex-27 {
  flex: 27;
}
.flex-28 {
  flex: 28;
}
.flex-29 {
  flex: 29;
}
.flex-30 {
  flex: 30;
}
.flex-31 {
  flex: 31;
}
.flex-32 {
  flex: 32;
}
.flex-33 {
  flex: 33;
}
.flex-34 {
  flex: 34;
}
.flex-35 {
  flex: 35;
}
.flex-36 {
  flex: 36;
}
.flex-37 {
  flex: 37;
}
.flex-38 {
  flex: 38;
}
.flex-39 {
  flex: 39;
}
.flex-40 {
  flex: 40;
}
.flex-41 {
  flex: 41;
}
.flex-42 {
  flex: 42;
}
.flex-43 {
  flex: 43;
}
.flex-44 {
  flex: 44;
}
.flex-45 {
  flex: 45;
}
.flex-46 {
  flex: 46;
}
.flex-47 {
  flex: 47;
}
.flex-48 {
  flex: 48;
}
.flex-49 {
  flex: 49;
}
.flex-50 {
  flex: 50;
}
.flex-51 {
  flex: 51;
}
.flex-52 {
  flex: 52;
}
.flex-53 {
  flex: 53;
}
.flex-54 {
  flex: 54;
}
.flex-55 {
  flex: 55;
}
.flex-56 {
  flex: 56;
}
.flex-57 {
  flex: 57;
}
.flex-58 {
  flex: 58;
}
.flex-59 {
  flex: 59;
}
.flex-60 {
  flex: 60;
}
.flex-61 {
  flex: 61;
}
.flex-62 {
  flex: 62;
}
.flex-63 {
  flex: 63;
}
.flex-64 {
  flex: 64;
}
.flex-65 {
  flex: 65;
}
.flex-66 {
  flex: 66;
}
.flex-67 {
  flex: 67;
}
.flex-68 {
  flex: 68;
}
.flex-69 {
  flex: 69;
}
.flex-70 {
  flex: 70;
}
.flex-71 {
  flex: 71;
}
.flex-72 {
  flex: 72;
}
.flex-73 {
  flex: 73;
}
.flex-74 {
  flex: 74;
}
.flex-75 {
  flex: 75;
}
.flex-76 {
  flex: 76;
}
.flex-77 {
  flex: 77;
}
.flex-78 {
  flex: 78;
}
.flex-79 {
  flex: 79;
}
.flex-80 {
  flex: 80;
}
.flex-81 {
  flex: 81;
}
.flex-82 {
  flex: 82;
}
.flex-83 {
  flex: 83;
}
.flex-84 {
  flex: 84;
}
.flex-85 {
  flex: 85;
}
.flex-86 {
  flex: 86;
}
.flex-87 {
  flex: 87;
}
.flex-88 {
  flex: 88;
}
.flex-89 {
  flex: 89;
}
.flex-90 {
  flex: 90;
}
.flex-91 {
  flex: 91;
}
.flex-92 {
  flex: 92;
}
.flex-93 {
  flex: 93;
}
.flex-94 {
  flex: 94;
}
.flex-95 {
  flex: 95;
}
.flex-96 {
  flex: 96;
}
.flex-97 {
  flex: 97;
}
.flex-98 {
  flex: 98;
}
.flex-99 {
  flex: 99;
}
.flex-100 {
  flex: 100;
}
.flexScrollDiv {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /*flex-wrap: wrap;
    align-items: stretch;*/
  flex: 1;
  min-height: 0;
}
.flexScrollDiv > div {
  /*overflow-x: hidden;*/
  overflow-y: auto;
}
/* Three State Toggle button Control */

.tristate-toggle {
  display: flex;
  /* Handle */

}
.tristate-toggle > label {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  z-index: 1;
}
.tristate-toggle > label.toggle-false {
  padding-left: 25px;
}
.tristate-toggle > label.toggle-true {
  padding-right: 25px;
}
.tristate-toggle .nz-toggle-wrap {
  display: inline-block;
  padding: 3px;
  margin: 3px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  margin-left: -15px;
  margin-right: -15px;
}
.tristate-toggle .nz-toggle {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.tristate-toggle .nz-toggle-wrap[disabled] .nz-toggle {
  cursor: default;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.tristate-toggle .nz-toggle-handle {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: white;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}
.tristate-toggle .nz-toggle-tooltip {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.6);
  font-size: 80%;
  padding: 5px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  pointer-events: none;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tristate-toggle .nz-toggle-tooltip:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  pointer-events: none;
}
.tristate-toggle .nz-toggle-tooltip span {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 1.3em;
  padding: 0 2px;
}
.tristate-toggle .nz-toggle-tooltip span.active {
  color: white;
}
.tristate-toggle .nz-toggle-wrap.true {
  background-color: #60bd68;
}
.tristate-toggle .nz-toggle-wrap.false {
  background-color: #f15854;
}
.tristate-toggle .nz-toggle-wrap.null {
  background-color: #dddddd;
}
.tristate-toggle .nz-toggle-wrap.horizontal .nz-toggle-handle {
  height: 100%;
  width: 47%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* States */

}
.tristate-toggle .nz-toggle-wrap.horizontal.true .nz-toggle-handle {
  left: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.tristate-toggle .nz-toggle-wrap.horizontal.null .nz-toggle-handle {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tristate-toggle .nz-toggle-wrap.horizontal.false .nz-toggle-handle {
  left: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.tristate-toggle .nz-toggle-wrap.horizontal .nz-toggle-tooltip {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
}
.tristate-toggle .nz-toggle-wrap.horizontal .nz-toggle-tooltip:before {
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}
.tristate-toggle .nz-toggle-wrap.vertical .nz-toggle-handle {
  width: 100%;
  height: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tristate-toggle .nz-toggle-wrap.vertical.false .nz-toggle-handle {
  top: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.tristate-toggle .nz-toggle-wrap.vertical.null .nz-toggle-handle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tristate-toggle .nz-toggle-wrap.vertical.true .nz-toggle-handle {
  top: 0%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.tristate-toggle .nz-toggle-wrap.vertical .nz-toggle-tooltip {
  left: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%) scale(0.85);
  transform: translate(0, -50%) scale(0.85);
  text-align: right;
}
.tristate-toggle .nz-toggle-wrap.vertical .nz-toggle-tooltip:before {
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
  border-left: 5px solid transparent;
}
.tristate-toggle .nz-toggle-wrap.tip-bottom .nz-toggle-tooltip {
  top: 100%;
  right: initial;
  bottom: initial;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
}
.tristate-toggle .nz-toggle-wrap.tip-bottom .nz-toggle-tooltip:before {
  top: initial;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  border-top: 5px solid transparent;
}
.tristate-toggle .nz-toggle-wrap.tip-top .nz-toggle-tooltip {
  top: initial;
  right: initial;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0) scale(0.85);
  transform: translate(-50%, 0) scale(0.85);
}
.tristate-toggle .nz-toggle-wrap.tip-top .nz-toggle-tooltip:before {
  top: initial;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}
.tristate-toggle .nz-toggle-wrap.tip-left .nz-toggle-tooltip {
  top: 50%;
  right: 100%;
  bottom: initial;
  left: initial;
  text-align: right;
  -webkit-transform: translate(0, -50%) scale(0.85);
  transform: translate(0, -50%) scale(0.85);
}
.tristate-toggle .nz-toggle-wrap.tip-left .nz-toggle-tooltip:before {
  right: initial;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(0, 0, 0, 0.8);
  border-right: 5px solid transparent;
}
.tristate-toggle .nz-toggle-wrap.tip-right .nz-toggle-tooltip {
  top: 50%;
  right: initial;
  bottom: initial;
  left: 100%;
  text-align: right;
  -webkit-transform: translate(0, -50%) scale(0.85);
  transform: translate(0, -50%) scale(0.85);
}
.tristate-toggle .nz-toggle-wrap.tip-right .nz-toggle-tooltip:before {
  left: initial;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
}
.tristate-toggle .nz-toggle-wrap.square {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tristate-toggle .nz-toggle-wrap.square .nz-toggle-handle {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.tristate-toggle .nz-toggle-wrap:hover .nz-toggle-tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.tristate-toggle .nz-toggle-wrap:hover.horizontal .nz-toggle-tooltip {
  -webkit-transform: translate(-50%, -7px) scale(1);
  transform: translate(-50%, -7px) scale(1);
}
.tristate-toggle .nz-toggle-wrap:hover.vertical .nz-toggle-tooltip {
  -webkit-transform: translate(7px, -50%) scale(1);
  transform: translate(7px, -50%) scale(1);
}
.tristate-toggle .nz-toggle-wrap:hover.tip-bottom .nz-toggle-tooltip {
  -webkit-transform: translate(-50%, 7px) scale(1);
  transform: translate(-50%, 7px) scale(1);
}
.tristate-toggle .nz-toggle-wrap:hover.tip-top .nz-toggle-tooltip {
  -webkit-transform: translate(-50%, -7px) scale(1);
  transform: translate(-50%, -7px) scale(1);
}
.tristate-toggle .nz-toggle-wrap:hover.tip-left .nz-toggle-tooltip {
  -webkit-transform: translate(-7px, -50%) scale(1);
  transform: translate(-7px, -50%) scale(1);
}
.tristate-toggle .nz-toggle-wrap:hover.tip-right .nz-toggle-tooltip {
  -webkit-transform: translate(7px, -50%) scale(1);
  transform: translate(7px, -50%) scale(1);
}
/* Image Gallery Control classes here */

/*------------------------------------------------------------------------------------------------*/

/*------------------- Image Gallery List Start here --------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/

.image-gallery > .image-categories {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: #efefef;
  border-right: 1px solid #cccccc;
  z-index: 1;
}
.image-gallery > .image-categories > .add-cat {
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.image-gallery > .image-categories > .search-cat {
  border-bottom: 1px solid #cccccc;
}
.image-gallery > .image-categories > .search-cat > input {
  border: 0 !important;
  padding: 14px 10px !important;
}
.image-gallery > .image-categories > .cat-list .cat-item > label {
  width: 100%;
  display: inline-block;
  font-weight: bold;
  color: #333333;
  border-bottom: 1px dashed #cccccc;
  cursor: pointer;
}
.image-gallery > .image-categories > .cat-list .cat-item.cat-selected > label {
  background-color: white;
}
.image-gallery > .image-gallery {
  position: absolute;
  left: 200px;
  right: 0;
  bottom: 0;
  top: 0;
  overflow-y: scroll;
}
.image-gallery > .image-gallery .search-image {
  padding: 10px 10px 9px;
  border-bottom: 1px solid #cccccc;
}
.image-gallery > .image-gallery .search-image > input {
  width: 300px !important;
}
.image-gallery > .image-gallery .images-container {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
}
.image-gallery > .image-gallery .images-container > .image-item {
  flex-direction: row;
  width: 130px;
  cursor: pointer;
  padding: 10px;
  margin: 5px;
  background-color: #efefef;
}
.image-gallery > .image-gallery .images-container > .image-item:hover {
  background-color: #3896ff;
  color: white;
}
.image-gallery > .image-gallery .images-container > .image-item:hover .image-info > label {
  color: white;
}
.image-gallery > .image-gallery .images-container > .image-item:hover .image-info > span.buttons {
  border-color: white;
}
.image-gallery > .image-gallery .images-container > .image-item:hover .image-info > span.buttons > span.fa {
  color: white;
}
.image-gallery > .image-gallery .images-container > .image-item:hover .image-info > span.buttons > span.fa:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.image-gallery > .image-gallery .images-container > .image-item .image-info > label {
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  padding: 10px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  cursor: text;
}
.image-gallery > .image-gallery .images-container > .image-item .image-info > span.buttons {
  display: inline-block;
  width: 100%;
  font-size: 1.8em;
  color: #cccccc;
  border-top: 1px solid white;
  padding-top: 10px;
}
.image-gallery > .image-gallery .images-container > .image-item .image-info > span.buttons:hover {
  color: #333333;
}
.image-gallery > .image-gallery .images-container > .image-item .image-info > span.buttons > span.fa {
  cursor: pointer;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
.image-gallery > .image-gallery .images-container > .image-item .image-thumb {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 1px solid #ebebeb;
  background-color: white;
  padding: 5px;
  cursor: pointer;
}
.image-gallery > .image-gallery .images-container > .image-item .image-thumb > img {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
}
.image-gallery > .image-gallery .images-container > .image-item .template-file-uploader .bli-upload-txt {
  display: block;
  padding: 6px 0;
  text-align: center;
  line-height: 0.5em;
}
.image-gallery > .image-gallery .images-container > .image-item .template-file-uploader .bli-upload-txt > .fa {
  display: block;
  font-size: 4em;
}
.image-gallery.modal-body button {
  cursor: pointer;
  padding: 7px 10px 6px;
  vertical-align: top;
}
.image-gallery.modal-body button.blue-btn {
  background-color: #3896ff;
  border: 1px solid #3896ff;
  color: white;
}
.image-gallery .select-img {
  display: none;
}
.image-gallery .allowImagesToSelect .image-item.selected {
  background-color: #02c38a;
}
.image-gallery .allowImagesToSelect .image-item:hover .select-img label {
  color: white;
}
.image-gallery .allowImagesToSelect .image-item .select-img {
  display: block;
  padding-top: 18px;
  font-size: 1.4em;
  text-align: center;
}
.image-gallery .allowImagesToSelect .image-item .select-img input[type="checkbox"] {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.image-gallery .allowImagesToSelect .image-item .image-info {
  display: none;
}
/*------------------------------------------------------------------------------------------------*/

/*------------------- Image Gallery List End here ----------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------*/