@charset "UTF-8";
/* Font familys */
/* Remove user highlighting */
/* Box shadow */
/*@include border-radius(10px);*/
/*@include border-radius-variable(10px, 20px, 30px, 40px);*/
/*@include linear-gradient(red, blue);*/
/*@include transition(all, 0.2s, ease-in-out);*/
/*@include box-shadow(0, 3px, 3px, 3px, translucentHover, inset);*/
/*@include box-sizing(border-box);*/
/*@include opacity(0.5);*/
/*@include textSelect(none);*/
/*@include rotate(90deg);*/
/*variables*/
/*variable variations (fixed)*/
/*stylesheet alignment*/
/*could fixes*/
@import "font-awesome.css";
:root {
  --sass-main-colour: #003254;
  --sass-accent-colour-alpha: #9fc01b;
  --sass-text-colour: #808080;
  --sass-place-holder-colour: #dddddd;
  --sass-translucent-back-80: rgba(255, 255, 255, 0.8);
  --sass-translucent-back-50: rgba(255, 255, 255, 0.5);
  --sass-translucent-back-40: rgba(255, 255, 255, 0.4);
  --sass-translucent-back-20: rgba(255, 255, 255, 0.2);
  --sass-translucent-back-0: rgba(255, 255, 255, 0);
  --sass-translucent-hover: rgba(0, 0, 0, 0.05);
  --sass-twitter: #1da1f2;
  --sass-facebook: #3b5998;
  --sass-focus-blue: #5e9ed5;
  --sass-light-grey: #cccccc;
  --sass-light-blue: #8099aa;
  --sass-text-colour: #808080;
  --sass-text-white: #ffffff;
  --sass-text-black: #000000;
  --sass-table-hover: rgba(0, 0, 0, 0.1);
  --sass-traffic-light-green: #9fc01b;
  --sass-traffic-light-red: #ef5350;
  --sass-traffic-light-amber: #ffca28;
  --sass-hover-blue: #3399ff;
  --sass-unread-highlight: #e5efff;
  --sass-expired-highlight: #ffbfb7;
}

/*variable styles*/
.text-incuto {
  color: #634696 !important;
}

.bg-incuto {
  background: #634696 !important;
}

.testbox {
  border: solid 1px #f00 !important;
}

.trafficLightGreen {
  color: #9fc01b;
}

.trafficLightRed {
  color: #ef5350;
}

.trafficLightAmber {
  color: #ffca28;
}

.accentColourAlpha {
  color: #9fc01b;
}

.mainColour {
  color: #003254;
}

.mainColourBorder {
  border-color: #003254;
}

.accentColourBackAlpha {
  background-color: #9fc01b;
}

.mainColourBack {
  background-color: #003254;
}

.trafficLightRedBack {
  background-color: #ef5350;
}

.accentColourBackAlphaStrict {
  background-color: #9fc01b !important;
}

/*bootstrap*/
html,
body {
  height: 100%;
  border: 0px transparent solid;
  min-width: 320px;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}

body {
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  color: #808080;
  font-family: "ApercuPro";
  /* &.contentLoading {
  	overflow: hidden;
  	max-height: 100%;
  	.contentRight {
  	  overflow: hidden;
  	}
  }*/
}
body.loginPage .mainContainer {
  min-height: 100vh;
  overflow: visible;
}

body:before {
  border-top: 5px solid #003254;
  position: fixed;
}

.visuallyHidden {
  display: none;
}

#toast-container {
  position: fixed;
  bottom: 15px;
  right: 15px;
  min-width: 250px;
  z-index: 999999999;
}
#toast-container div {
  border-radius: 0 !important;
}
#toast-container .toast-header .close {
  opacity: 1 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
#toast-container .toast-header .close:active {
  background: none !important;
}
#toast-container .toast-header .close:focus {
  background: none !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  padding: 0;
  margin: 0;
}

h3 {
  font-size: 1.125em;
  font-weight: bold;
  margin: 0 0 0.5em;
}

h1,
h2,
h3,
h4 {
  font-weight: 300;
  color: #003254;
  font-family: "Apercu-Light";
  text-align: left;
}

h1 {
  font-size: 2.2em;
  margin-bottom: 30px;
}

h1.reducedSpace {
  margin: 20px 0;
}

h2 {
  font-size: 1.75em;
  margin-bottom: 30px;
}

h3 {
  font-size: 1.45em;
}

a {
  text-decoration: none;
  color: #003254;
  transition: background 200ms ease-in-out, color 200ms ease-in-out;
}

p {
  margin-bottom: 20px;
}

a:hover,
a:focus {
  outline: none;
  color: #003254;
  text-decoration: none;
}

button:focus {
  outline: none;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.cke_contents ul {
  list-style-type: disc !important;
}

b,
strong {
  font-family: "Apercu-Bold";
  font-weight: normal;
}

em {
  font-style: italic;
}

fieldset {
  margin: 0;
  border: none;
  padding: 0;
}

.smallText {
  font-size: 0.6em;
}

:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: #ccd6dd;
}

::-moz-placeholder {
  color: #ccd6dd;
}

:-ms-input-placeholder {
  color: #ccd6dd;
}

:-moz-placeholder {
  color: #ccd6dd;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

input::-ms-check {
  display: none;
}

button,
a.linkAsBtn,
.md-button {
  border: 0;
  color: white;
}

[class*=valign] {
  display: inline-block;
  vertical-align: middle;
  width: 99.9%;
  margin-left: -6px;
  padding-left: 6px;
}

.valign__With {
  height: 100%;
  width: 0.1%;
  padding: 0;
}

.listInline {
  list-style: disc;
  list-style-position: inside;
}
.listInline li {
  padding-left: 10px;
}

.notValid,
.formMessage {
  width: auto;
  background-color: #f2c4c4;
  padding: 20px;
  color: white;
  border-radius: 5px;
  display: none;
}
.notValid.success,
.formMessage.success {
  background-color: #c7e7c8;
}

.centerAlign {
  align-items: center;
  text-align: center;
}

.rightAlign {
  text-align: right;
  justify-content: flex-end;
}

.stretch {
  display: flex;
  justify-content: space-between;
}

.topAlign {
  align-items: flex-start;
}

.bottomAlign {
  align-items: flex-end;
}

.noMargin {
  margin: 0;
}

.spaceBelow {
  margin: 0 0 20px;
}

.blockTitle {
  margin-top: 20px;
  margin-bottom: 20px;
}
.blockTitle h2 {
  display: block;
  width: 100%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.02);
  font-size: 1rem;
  margin: 0;
}
.blockTitle a {
  text-decoration: underline;
}
.blockTitle a:hover {
  color: #9fc01b;
}

.clickable {
  cursor: pointer;
  user-select: none;
}

.boxed {
  max-width: 768px;
}
.boxed.boxedWithShadow {
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  padding: 30px;
  border-radius: 0.5em;
}

.input-group-prepend {
  background: #003254;
  user-select: none;
  color: #ffffff;
  font-size: 19px !important;
  border-radius: 4px 0 0 4px;
  padding: 0px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-group-append {
  background: #003254;
  user-select: none;
  color: #ffffff;
  font-size: 19px !important;
  border-radius: 0 4px 4px 0;
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Text colouring */
.highlight {
  color: #9fc01b;
}

.warning {
  color: #ffca28;
}

.danger {
  color: #ef5350;
}

.success {
  color: #9fc01b;
}

/*section break border*/
.section-break {
  border-width: 0;
  border-style: solid;
  border-color: #ccd6dd;
  border-bottom-width: 1px;
}

.hideMobile--block {
  display: block;
}

/*show hide mobile*/
.hideMobile--block {
  display: block;
}

.showDesktop--inline,
.hideTablet--inline,
.hideMobile--inline {
  display: inline;
}

[class*=showTablet--],
.showMobile--inline {
  display: none;
}

.hideMid--inline {
  display: inline;
}

/* layered show hide*/
[class*=hideSection-] {
  display: none;
}

/*colapse animation*/
.row .fa-chevron-down,
.row .fa-chevron-circle-down {
  transition: transform 1s ease;
  cursor: pointer;
}

.tooltip_icon {
  color: #9fc01b;
  margin-left: 5px;
  vertical-align: middle;
}

.tooltip-inner {
  max-width: 600px;
  padding: 10px !important;
  text-align: left !important;
  background: #003254;
}

/*responsive*/
@media only screen and (max-width: 991px) {
  .showDesktop--inline,
  .hideMid--inline {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  [class*=hideTablet--] {
    display: none;
  }
  .showTablet--inline {
    display: inline;
  }
  h1 {
    font-size: 2em;
  }
  .stretch {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  [class*=hideMobile--] {
    display: none;
  }
  .hideMid--inline,
  .showMobile--inline {
    display: inline;
  }
  h1 {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@font-face {
  font-family: "ApercuPro";
  src: url("../fonts/ApercuPro.eot?#iefix") format("embedded-opentype"), url("../fonts/ApercuPro.otf") format("opentype"), url("../fonts/ApercuPro.woff") format("woff"), url("../fonts/ApercuPro.ttf") format("truetype"), url("../fonts/ApercuPro.svg#ApercuPro") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
      prevent rendering empty squares while font is loading
      see: https://www.chromestatus.com/feature/5636954674692096
  */
  font-display: block;
}
@font-face {
  font-family: "Apercu-Light";
  src: url("../fonts/Apercu-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Apercu-Light.otf") format("opentype"), url("../fonts/Apercu-Light.woff") format("woff"), url("../fonts/Apercu-Light.ttf") format("truetype"), url("../fonts/Apercu-Light.svg#Apercu-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apercu-Bold";
  src: url("../fonts/Apercu-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Apercu-Bold.otf") format("opentype"), url("../fonts/Apercu-Bold.woff") format("woff"), url("../fonts/Apercu-Bold.ttf") format("truetype"), url("../fonts/Apercu-Bold.svg#Apercu-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?g51dxc");
  src: url("../fonts/icomoon.eot?g51dxc#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?g51dxc") format("truetype"), url("../fonts/icomoon.woff?g51dxc") format("woff"), url("../fonts/icomoon.svg?g51dxc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  /*
      prevent rendering empty squares while font is loading
      see: https://www.chromestatus.com/feature/5636954674692096
  */
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sortAllocations i {
  font-size: 25px;
  cursor: pointer;
}

.togglePasswordField {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 20px;
  width: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
  user-select: none;
  z-index: 3000;
}

#accordianDocuments .iconsList {
  font-size: 1.4em;
  cursor: pointer;
}
#accordianDocuments .icon-eye {
  cursor: default;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  position: relative;
}

.icon-buzz_hex:before {
  content: "\e913";
}

.icon-buzz_templates:before {
  content: "\e944";
}

.icon-schedule:before {
  content: "\e90e";
}

.icon-buzz_easel:before {
  content: "\e941";
}

.icon-brand:before {
  content: "\e93b";
}

.icon-hiveCloud:before {
  content: "\e91f";
}

.icon-server:before {
  content: "\e923";
}

.icon-hiveServer:before {
  content: "\e924";
}

.icon-analysis:before {
  content: "\e928";
}

.icon-checkpoint:before {
  content: "\e929";
}

.icon-247:before {
  content: "\e92a";
}

.icon-memberHub:before {
  content: "\e92b";
}

.icon-360:before {
  content: "\e92c";
}

.icon-BuzzPayLogo:before {
  content: "\e92d";
}

.icon-BuzzPayIcon:before {
  content: "\e92e";
}

.icon-newAccount:before {
  content: "\e926";
}

.icon-SecureLogin:before {
  content: "\e927";
}

.icon-download:before {
  content: "\e91d";
}

.icon-shield:before {
  content: "\e91e";
}

.icon-lockNew:before {
  content: "\e920";
}

.icon-lock2:before {
  content: "\e921";
}

.icon-info:before {
  content: "\e922";
}

.icon-search:before {
  content: "\e925";
}

.icon-imageFolder:before {
  content: "\e91c";
}

.icon-report_charts:before {
  content: "\e919";
  font-size: 2.5rem;
  line-height: 1rem;
  top: 0.25rem;
}

.icon-report_page:before {
  content: "\e91a";
  font-size: 2.5rem;
  line-height: 1rem;
  top: 0.25rem;
}

.icon-report:before {
  content: "\e91b";
  font-size: 2rem;
  line-height: 1rem;
  top: 0.25rem;
}

.icon-buzz_hex_buzzOnly:before {
  content: "\e912";
}

.icon-buzz_hex:before {
  content: "\e913";
}

.icon-buzz_wings:before {
  content: "\e914";
}

.icon-buzz_body:before {
  content: "\e915";
}

.icon-buzz:before {
  content: "\e916";
}

.icon-buzz_hex_hexOnly:before {
  content: "\e917";
}

.icon-efinitiLogoBlueBits:before {
  content: "\e903";
}

.icon-efinitiLogoGreenBits:before {
  content: "\e90b";
}

.icon-efinitiLogoMono:before {
  content: "\e90e";
}

.icon-efinitiIcon_inner:before {
  content: "\e90f";
}

.icon-efinitiIcon_outer:before {
  content: "\e910";
}

.icon-efinitiIcon:before {
  content: "\e911";
}

.icon-equals:before {
  content: "\e918";
}

.icon-parents:before {
  content: "\e90d";
}

.icon-SMSpreviewBack:before {
  content: "\e90c";
}

.icon-campaignBuildArrow:before {
  content: "\e904";
}

.icon-campaignBuildTarget:before {
  content: "\e905";
}

.icon-campaignBuildFull:before {
  content: "\e906";
}

.icon-DataDesignerSingle:before {
  content: "\e907";
}

.icon-DataDesignerLeft:before {
  content: "\e908";
}

.icon-DataDesignerRight:before {
  content: "\e909";
}

.icon-DataDesignerFull:before {
  content: "\e90a";
}

.icon-person:before {
  content: "\e902";
}

.icon-AccountInfo:before {
  content: "\e900";
}

.icon-coinCounter:before {
  content: "\e901";
}

.icon-twitter-square:before {
  content: "\f081";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-filter:before {
  content: "\f0b0";
}

.icon-folder-open-o:before {
  content: "\f115";
}

.icon-gbp:before {
  content: "\f155";
}

.icon-lock:before {
  content: "\f023";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-unlock-alt:before {
  content: "\f13e";
}

.icon-video-camera:before {
  content: "\f03d";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-caret-square-o-right2:before {
  content: "\f153";
}

.icon-toggle-right2:before {
  content: "\f153";
}

.icon-birthday-cake:before {
  content: "\f1fd";
}

.icon-trash-o:before {
  content: "\f014";
}

.icon-check:before {
  content: "\f00c";
}

.icon-close:before {
  content: "\f00d";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-times:before {
  content: "\f00d";
}

.icon-cog:before {
  content: "\f013";
}

.icon-gear:before {
  content: "\f013";
}

.icon-home:before {
  content: "\f015";
}

.icon-clock-o:before {
  content: "\f017";
}

.icon-print:before {
  content: "\f02f";
}

.icon-edit:before {
  content: "\f044";
}

.icon-pencil-square-o:before {
  content: "\f044";
}

.icon-pencil:before {
  content: "\e90b";
}

.icon-report_lines:before {
  content: "\e903";
}

.icon-check-square-o:before {
  content: "\f047";
}

.icon-mail-forward:before {
  content: "\f064";
}

.icon-share:before {
  content: "\f064";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-eye:before {
  content: "\f06e";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-cogs:before {
  content: "\f085";
}

.icon-gears:before {
  content: "\f085";
}

.icon-sign-out:before {
  content: "\f08b";
}

.icon-sign-in:before {
  content: "\f090";
}

.icon-bars:before {
  content: "\f0c9";
}

.icon-navicon:before {
  content: "\f0c9";
}

.icon-reorder:before {
  content: "\f0c9";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-mobile:before {
  content: "\f10b";
  font-size: 2.5rem;
  line-height: 1rem;
  top: 0.25rem;
}

.icon-mobile-phone:before {
  content: "\f10b";
}

.icon-smile-o:before {
  content: "\f118";
}

.icon-chevron-circle-down:before {
  content: "\f13a";
}

.icon-play-circle:before {
  content: "\f144";
}

.icon-caret-square-o-down:before {
  content: "\f150";
}

.icon-toggle-down:before {
  content: "\f150";
}

.icon-caret-square-o-right:before {
  content: "\f152";
}

.icon-toggle-right:before {
  content: "\f152";
}

.icon-gbp2:before {
  content: "\f154";
}

.icon-bubbles:before {
  content: "\e96c";
}

.icon-bubble2:before {
  content: "\e96e";
}

.icon-equalizer:before {
  content: "\e992";
}

.icon-equalizer2:before {
  content: "\e993";
}

.icon-warning:before {
  content: "\ea07";
}

.icon-link:before {
  content: "\e9cb";
}

.icon-phone:before {
  content: "\e942";
}

.icon-phone-hang-up:before {
  content: "\e943";
}

.icon-pie-chart:before {
  content: "\e99a";
}

.icon-stats-dots:before {
  content: "\e99b";
}

.icon-wink:before {
  content: "\e9e7";
}

.icon-incuto_i:before {
  content: "\e946";
}

.icon-membersHome:before {
  content: "\e933";
}

.icon-group:before {
  content: "\e92f";
}

.icon-onboarding:before {
  content: "\e93c";
}

.icon-underwriting:before {
  content: "\e93e";
}

.icon-hubCompass:before {
  content: "\e947";
}

.icon-fed_accounts:before {
  content: "\e93f";
}

.icon-fed_accountSave:before {
  content: "\e948";
}

.icon-fed_arrowOpen:before {
  content: "\e949";
}

.icon-fed_back:before {
  content: "\e94a";
}

.icon-fed_car:before {
  content: "\e94b";
}

.icon-fed_chart:before {
  content: "\e94c";
}

.icon-fed_clothes:before {
  content: "\e94d";
}

.icon-fed_contact:before {
  content: "\e94e";
}

.icon-fed_cosmetics:before {
  content: "\e94f";
}

.icon-fed_creditCards:before {
  content: "\e950";
}

.icon-fed_diy:before {
  content: "\e951";
}

.icon-fed_doc:before {
  content: "\e952";
}

.icon-fed_download:before {
  content: "\e953";
}

.icon-fed_electricPlug:before {
  content: "\e954";
}

.icon-fed_email:before {
  content: "\e955";
}

.icon-fed_exit:before {
  content: "\e956";
}

.icon-fed_food:before {
  content: "\e957";
}

.icon-fed_grocery:before {
  content: "\e958";
}

.icon-fed_handHalt:before {
  content: "\e959";
}

.icon-fed_health:before {
  content: "\e95a";
}

.icon-fed_home:before {
  content: "\e95b";
}

.icon-fed_loan:before {
  content: "\e95c";
}

.icon-fed_lock:before {
  content: "\e95d";
}

.icon-fed_more:before {
  content: "\e95e";
}

.icon-fed_music:before {
  content: "\e95f";
}

.icon-fed_person:before {
  content: "\e960";
}

.icon-fed_pets:before {
  content: "\e961";
}

.icon-fed_question:before {
  content: "\e962";
}

.icon-fed_revolve:before {
  content: "\e963";
}

.icon-fed_schedule:before {
  content: "\e964";
}

.icon-fed_target:before {
  content: "\e965";
}

.icon-fed_thumbDown:before {
  content: "\e966";
}

.icon-fed_thumbUp:before {
  content: "\e967";
}

.icon-fed_ticket:before {
  content: "\e968";
}

.icon-fed_toys:before {
  content: "\e969";
}

.icon-fed_transfer:before {
  content: "\e96a";
}

.icon-fed_travel:before {
  content: "\e96b";
}

.icon-fed_trolley:before {
  content: "\e96d";
}

.icon-gift:before {
  content: "\f06b";
}

.icon-eye1:before {
  content: "\f06f";
}

.icon-eye-slash:before {
  content: "\f070";
}

.icon-certificate:before {
  content: "\f0a3";
}

.icon-money:before {
  content: "\f0d6";
}

.icon-dashboard:before {
  content: "\f0e4";
}

.icon-tachometer:before {
  content: "\f0e4";
}

.icon-cloud-download:before {
  content: "\f0ed";
}

.icon-cloud-upload:before {
  content: "\f0ee";
}

.icon-ticket:before {
  content: "\f145";
}

.icon-paper-plane:before {
  content: "\f1d8";
}

.icon-send:before {
  content: "\f1d8";
}

.icon-sliders:before {
  content: "\f1de";
}

.icon-area-chart:before {
  content: "\f1fe";
}

.icon-pie-chart1:before {
  content: "\f200";
}

.icon-line-chart:before {
  content: "\f201";
}

.icon-handshake-o:before {
  content: "\f2b5";
}

.icon-fed_outgoingPay:before {
  content: "\e972";
}

.icon-fed_incomingPay:before {
  content: "\e973";
}

.icon-building-o:before {
  content: "\f0f7";
}

/* useful cursors */
.cursor--progress {
  cursor: progress !important;
}

.cursor--wait {
  cursor: wait !important;
}

.cursor--pointer {
  cursor: pointer !important;
}

.sidebarContainer {
  max-width: 280px;
  width: 280px;
  height: 100%;
  position: fixed;
  overflow: hidden;
  -webkit-box-shadow: 3px 0px 14px -8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 0px 14px -8px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 0px 14px -8px rgba(0, 0, 0, 0.2);
  transition: all 400ms ease-in-out;
  background-color: #fff;
  z-index: 3000;
}
.sidebarContainer header {
  padding: 40px;
  transition: margin 1s ease, padding 1s ease;
}
.sidebarContainer header .branding {
  width: 135px;
  margin: auto;
}
.sidebarContainer header .branding a {
  display: block;
  max-width: 135px;
}
.sidebarContainer header .branding span {
  display: block;
  color: #9fc01b;
  font-size: 0.9em;
  line-height: 1;
}
.sidebarContainer header .branding span:before {
  content: "";
  display: block;
  border-top: 1px solid #f0f0f0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sidebarContainer .sidebar__currentApplication {
  text-align: center;
  font-size: 19px;
  padding-bottom: 7px;
  padding-top: 7px;
  border: 2px solid #003254;
  border-left: 0;
  border-right: 0;
  background: #ecf2d1;
}
.sidebarContainer .sidebarBottom {
  position: fixed;
  text-align: center;
  bottom: 0;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  width: 100%;
  max-width: 280px;
  left: 0;
  z-index: 100;
  padding: 0.5rem;
  background-color: white;
}
.sidebarContainer.isOpen {
  max-width: 280px;
  width: 280px;
}

.sidebarContainer:not(.smallwindow) {
  height: 100% !important;
}

/*labelstyles*/
.buzzApp .mainNavigation nav ul.sidebar__Menu,
.mainNavigation nav ul.sidebar__Menu {
  /*sidebar cta buttons*/
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li a,
.mainNavigation nav ul.sidebar__Menu li a {
  padding: 15px 0 15px 45px;
  text-indent: 0;
  transition: text-indent 0.5s ease, color 0.5s ease;
  width: 280px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul,
.mainNavigation nav ul.sidebar__Menu li ul {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li a,
.mainNavigation nav ul.sidebar__Menu li ul li a {
  padding: 10px 0 10px 60px;
  font-weight: normal;
  font-size: 0.9rem;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li > a:after,
.mainNavigation nav ul.sidebar__Menu li > a:after {
  font-family: "icomoon";
  content: "\e913";
  position: absolute;
  top: 11px;
  left: 15px;
  font-size: 21px;
  text-indent: 0;
  transition: all 1s ease;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li a:after,
.mainNavigation nav ul.sidebar__Menu li ul li a:after {
  font-family: "icomoon";
  content: "\e913";
  position: absolute;
  top: 5px;
  left: 30px;
  font-size: 21px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--inactive > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--inactive > a:after {
  color: #808080 !important;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--staffarea > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--staffarea > a:after {
  content: "\e946";
  left: 18px;
  font-size: 16px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--organisations > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--organisations > a:after {
  content: "\e933";
  left: 28px;
  font-size: 18px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--settings > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--settings > a:after {
  content: "\f013";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--apply > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--apply > a:after {
  content: "\f044";
  font-size: 24px;
  top: 10px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--home > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--home > a:after {
  content: "\f015";
  font-size: 18px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--billing > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--billing > a:after {
  content: "\f154";
  font-size: 20px;
  left: 14px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--declaration > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--declaration > a:after {
  content: "\e903";
  font-size: 20px;
  left: 14px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--invoicing > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--invoicing > a:after {
  content: "\f154";
  font-size: 24px;
  left: 20px;
  top: 8px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--invoicing-sub > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--invoicing-sub > a:after {
  content: "\f154";
  font-size: 24px;
  left: 34px;
  top: 4px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--review > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--review > a:after {
  content: "\f06e";
  font-size: 21px;
  left: 28px;
  top: 4px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--pencil > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--pencil > a:after {
  content: "\e90b";
  font-size: 19px;
  left: 15px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--buzz > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--buzz > a:after {
  content: "\e913";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--person > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--person > a:after {
  content: "\e902";
  font-size: 16px;
  top: 15px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--newMember > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--newMember > a:after {
  content: "\e926";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--group > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--group > a:after {
  content: "\e92f";
  font-size: 14px;
  top: 17px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--compass > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--compass > a:after {
  content: "\e947";
  font-size: 23px;
  top: 9px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--underwriting > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--underwriting > a:after {
  content: "\e93e";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--membersArea > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--membersArea > a:after {
  content: "\e92b";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--onboarding > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--onboarding > a:after {
  content: "\e93c";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--360 > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--360 > a:after {
  content: "\e92c";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--checkpoint > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--checkpoint > a:after {
  content: "\e929";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--247 > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--247 > a:after {
  content: "\e92a";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--360 > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--360 > a:after {
  content: "\e92c";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--emailSettings > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--emailSettings > a:after {
  content: "\e93d";
  font-size: 14px;
  top: 9px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--emailSettings > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--emailSettings > a:after {
  top: 16px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--brand > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--brand > a:after {
  content: "\e93b";
  font-size: 16px;
  top: 8px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--link > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--link > a:after {
  content: "\e9cb";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--messagemember > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--messagemember > a:after {
  content: "\e92b";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--sendsettings > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--sendsettings > a:after {
  content: "\e90e";
  font-size: 18px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu [class*=sidebar__item--block] > a:after,
.mainNavigation nav ul.sidebar__Menu [class*=sidebar__item--block] > a:after {
  left: 6px;
  top: 11px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li[class*=sidebar__item--block] > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li[class*=sidebar__item--block] > a:after {
  left: 25px;
  top: 5px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockPlus > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--blockPlus > a:after {
  content: "\e93f";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockMinus > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--blockMinus > a:after {
  content: "\e93e";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz > a:after {
  content: "\e93d";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--email > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--email > a:after {
  content: "\f0e0";
  font-size: 16px;
  top: 14px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--search > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--search > a:after {
  content: "\e925";
  font-size: 21px;
  top: 5px;
  left: 33px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--search-parent > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--search-parent > a:after {
  content: "\e925";
  font-size: 21px;
  top: 11px;
  left: 15px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--sms > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--sms > a:after {
  content: "\f10b";
  font-size: 26px;
  top: 8px;
  left: 16px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--report > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--report > a:after {
  content: "\e91b";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a:after {
  content: "\f055";
  transition: all 1s ease;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a.buzzBlocksOpen:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a.buzzBlocksOpen:after {
  transform: rotate(45deg);
  color: #ef5350;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a:not(.buzzBlocksOpen):after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a:not(.buzzBlocksOpen):after {
  transform: rotate(0deg);
  color: inherit;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a.buzzBlocksOpen:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--plus > a.buzzBlocksOpen:after {
  content: "\f055";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after {
  content: "\f067";
  font-size: 14px;
  top: 11px;
  /*submenu only positioning*/
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--compass > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--compass > a:after {
  content: "\e947";
  font-size: 23px;
  top: 9px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--underwriting > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--underwriting > a:after {
  content: "\e93e";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--underwriting > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--underwriting > a:after {
  content: "\e93e";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--underwriting > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--underwriting > a:after {
  content: "\e93e";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--membersArea > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--membersArea > a:after {
  content: "\e92b";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--onboarding > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--onboarding > a:after {
  content: "\e93c";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--360 > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--360 > a:after {
  content: "\e92c";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--checkpoint > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--checkpoint > a:after {
  content: "\e929";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--247 > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--247 > a:after {
  content: "\e92a";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--360 > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--360 > a:after {
  content: "\e92c";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--emailSettings > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--emailSettings > a:after {
  content: "\e93d";
  font-size: 14px;
  top: 9px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--emailSettings > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--emailSettings > a:after {
  top: 16px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--brand > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--brand > a:after {
  content: "\e93b";
  font-size: 16px;
  top: 11px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--link > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--link > a:after {
  content: "\e9cb";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--messagemember > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--messagemember > a:after {
  content: "\e92b";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--sendsettings > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--sendsettings > a:after {
  content: "\e90e";
  font-size: 18px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after [class*=sidebar__item--block] > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after [class*=sidebar__item--block] > a:after {
  left: 6px;
  top: 11px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li[class*=sidebar__item--block] > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li[class*=sidebar__item--block] > a:after {
  left: 25px;
  top: 5px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--blockPlus > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--blockPlus > a:after {
  content: "\e93f";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--blockMinus > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--blockMinus > a:after {
  content: "\e93e";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--blockBuzz > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--blockBuzz > a:after {
  content: "\e93d";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--email > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--email > a:after {
  content: "\f0e0";
  font-size: 16px;
  top: 8px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--sms > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--sms > a:after {
  content: "\f10b";
  font-size: 26px;
  top: 1px;
  left: 33px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--report > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--report > a:after {
  content: "\e91b";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a:after {
  content: "\f055";
  transition: all 1s ease;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a.buzzBlocksOpen:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a.buzzBlocksOpen:after {
  transform: rotate(45deg);
  color: #ef5350;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a:not(.buzzBlocksOpen):after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a:not(.buzzBlocksOpen):after {
  transform: rotate(0deg);
  color: inherit;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a.buzzBlocksOpen:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after .sidebar__item--plus > a.buzzBlocksOpen:after {
  content: "\f055";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--plus > a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--plus > a:after {
  content: "\f067";
  font-size: 14px;
  top: 11px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--group a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--group a:after {
  font-size: 12px;
  top: 12px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--person a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--person a:after {
  font-size: 15px;
  top: 10px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--emailSettings a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--emailSettings a:after {
  font-size: 15px;
  top: 10px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--brand a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--brand a:after {
  font-size: 15px;
  top: 10px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--link a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--link a:after {
  font-size: 15px;
  top: 10px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--sendsettings a:after,
.mainNavigation nav ul.sidebar__Menu li ul li.sidebar__item--plus > a:after li ul li.sidebar__item--sendsettings a:after {
  font-size: 15px;
  top: 10px;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li a:not(:hover):not(:focus),
.mainNavigation nav ul.sidebar__Menu li a:not(:hover):not(:focus) {
  color: #808080;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li a:not(:hover):not(:focus):after,
.mainNavigation nav ul.sidebar__Menu li a:not(:hover):not(:focus):after {
  color: #9fc01b;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li a:hover,
.buzzApp .mainNavigation nav ul.sidebar__Menu li a:focus,
.buzzApp .mainNavigation nav ul.sidebar__Menu li.active a,
.buzzApp .mainNavigation nav ul.sidebar__Menu li.active a:not(:hover):not(:focus),
.mainNavigation nav ul.sidebar__Menu li a:hover,
.mainNavigation nav ul.sidebar__Menu li a:focus,
.mainNavigation nav ul.sidebar__Menu li.active a,
.mainNavigation nav ul.sidebar__Menu li.active a:not(:hover):not(:focus) {
  color: #003254;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li a:hover:after,
.buzzApp .mainNavigation nav ul.sidebar__Menu li a:focus:after,
.mainNavigation nav ul.sidebar__Menu li a:hover:after,
.mainNavigation nav ul.sidebar__Menu li a:focus:after {
  color: #003254;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--inactive a:hover,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--inactive a:hover {
  color: #808080;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--inactive a:hover:before,
.mainNavigation nav ul.sidebar__Menu .sidebar__item--inactive a:hover:before {
  background-color: #808080;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu [class*=sidebar__cta--] a,
.mainNavigation nav ul.sidebar__Menu [class*=sidebar__cta--] a {
  background-color: #e6e6e6;
  margin: 2px 0;
  transition: all 1s ease;
  cursor: pointer;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li.sidebar__cta--close a,
.buzzApp .mainNavigation nav ul.sidebar__Menu li.sidebar__cta--delete a,
.mainNavigation nav ul.sidebar__Menu li.sidebar__cta--close a,
.mainNavigation nav ul.sidebar__Menu li.sidebar__cta--delete a {
  background-color: #f7a9a8;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li.sidebar__cta--close a:not(:hover):not(:focus),
.buzzApp .mainNavigation nav ul.sidebar__Menu li.sidebar__cta--delete a:not(:hover):not(:focus),
.mainNavigation nav ul.sidebar__Menu li.sidebar__cta--close a:not(:hover):not(:focus),
.mainNavigation nav ul.sidebar__Menu li.sidebar__cta--delete a:not(:hover):not(:focus) {
  background-color: #ef5350;
  color: white;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu li.sidebar__cta--close a:not(:hover):not(:focus):after,
.buzzApp .mainNavigation nav ul.sidebar__Menu li.sidebar__cta--delete a:not(:hover):not(:focus):after,
.mainNavigation nav ul.sidebar__Menu li.sidebar__cta--close a:not(:hover):not(:focus):after,
.mainNavigation nav ul.sidebar__Menu li.sidebar__cta--delete a:not(:hover):not(:focus):after {
  color: white;
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__cta--close a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__cta--close a:after {
  content: "\f00d";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__cta--delete a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__cta--delete a:after {
  content: "\f056";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__cta--save a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__cta--save a:after {
  content: "\f0c7";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__cta--saveas a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__cta--saveas a:after {
  content: "\e945";
}
.buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__cta--test a:after,
.mainNavigation nav ul.sidebar__Menu .sidebar__cta--test a:after {
  content: "\f064";
}

.sidebar__withSubMenu > a {
  border: 0;
}

/*Responsive*/
@media screen and (min-width: 990px) {
  .sidebarContainer.smallwindow {
    overflow-y: scroll;
  }
  .sidebarContainer.smallwindow header {
    margin-bottom: 0;
    padding: 10px;
    min-height: 60px;
  }
  .sidebarContainer.smallwindow header .branding {
    width: 135px;
  }
  .sidebarContainer.smallwindow header .branding a {
    display: block;
    max-width: 135px;
  }
  .sidebarContainer.smallwindow header .branding span {
    display: block;
    color: #9fc01b;
    font-size: 0.9em;
    line-height: 1;
  }
  .sidebarContainer.smallwindow header .branding span:before {
    content: "";
    display: block;
    border-top: 1px solid #f0f0f0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 990px) {
  .sidebarContainer {
    max-width: 75px;
    height: 100% !important;
    width: 0px;
    z-index: 3000;
    overflow-y: scroll;
    position: fixed;
    background-color: white;
  }
  .sidebarContainer header {
    margin-left: 70px;
    background: transparent;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
  }
  .sidebarContainer header .branding {
    min-width: 135px;
    display: none;
  }
  .sidebarContainer header .branding img {
    min-width: 135px;
  }
  .sidebarContainer header .branding span:before {
    border: 0;
  }
  .sidebarContainer .sidebarBottom {
    display: none;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li a,
  .mainNavigation nav ul.sidebar__Menu li a {
    text-indent: 30px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li ul li a,
  .mainNavigation nav ul.sidebar__Menu li ul li a {
    padding: 10px 0 10px 45px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li a:after,
  .mainNavigation nav ul.sidebar__Menu li a:after {
    left: 17px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li ul li a:after,
  .mainNavigation nav ul.sidebar__Menu li ul li a:after {
    left: 21px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li a,
  .mainNavigation nav ul.sidebar__Menu li a {
    text-indent: 30px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li.active a:not(:hover):not(:focus):after,
  .mainNavigation nav ul.sidebar__Menu li.active a:not(:hover):not(:focus):after {
    color: #003254;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu li.active ul li a:not(:hover):not(:focus):after,
  .mainNavigation nav ul.sidebar__Menu li.active ul li a:not(:hover):not(:focus):after {
    color: #8099aa;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz > a:after,
  .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz > a:after {
    left: 11px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz a.buzzBlocksToggle:after,
  .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz a.buzzBlocksToggle:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz a.buzzBlocksToggle:not(.buzzBlocksOpen):after,
  .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz a.buzzBlocksToggle:not(.buzzBlocksOpen):after {
    content: "\e93d";
    border: 3px solid white;
  }
  .buzzApp .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz a.buzzBlocksToggle.buzzBlocksOpen:after,
  .mainNavigation nav ul.sidebar__Menu .sidebar__item--blockBuzz a.buzzBlocksToggle.buzzBlocksOpen:after {
    border: 3px solid #ef5350;
    content: "\f00d";
    font-size: 23px;
    line-height: 22px;
    padding: 0 0 0 3px;
    color: #ef5350;
  }
}
@media screen and (max-width: 576px) {
  .sidebarContainer:not(.isOpen) {
    display: none;
  }
}
.mainNavigation nav ul li a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #b3b3b3;
  position: relative;
  font-family: "Apercu-Light";
  letter-spacing: 0.5px;
}
.mainNavigation nav ul li a span {
  transition: all 200ms ease-in-out;
}
.mainNavigation nav ul li a span.navCount {
  float: right;
  margin-right: 20px;
}
.mainNavigation nav ul li a i {
  margin-right: 10px;
  margin-left: 40px;
  color: #9fc01b;
  opacity: 0.6;
  transition: all 200ms ease-in-out;
}
.mainNavigation nav ul li a:before {
  transition: all 200ms ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background-color: #003254;
}
.mainNavigation nav ul li a:hover {
  color: #003254;
}
.mainNavigation nav ul li a:hover i {
  color: #003254;
  opacity: 1;
}
.mainNavigation nav ul li a:hover:before {
  width: 5px;
}
.mainNavigation nav ul li.active a {
  color: #003254;
  position: relative;
}
.mainNavigation nav ul li.active a i {
  color: #003254;
  opacity: 1;
}
.mainNavigation nav ul li.active a:before {
  width: 5px;
}
.mainNavigation nav ul .subNav {
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-shadow: inset 0px 0px 25px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0px 0px 25px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 0px 25px 1px rgba(0, 0, 0, 0.03);
  display: none;
}
.mainNavigation nav ul .subNav li,
.mainNavigation nav ul .subNav li.active {
  border: 0;
}
.mainNavigation nav ul .subNav li a,
.mainNavigation nav ul .subNav li.active a {
  border: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.9rem;
  padding-left: 65px;
}
.mainNavigation nav ul .subNav li a:hover,
.mainNavigation nav ul .subNav li.active a:hover {
  text-decoration: underline;
}
.mainNavigation nav ul .subNav li a:before,
.mainNavigation nav ul .subNav li.active a:before {
  display: none;
}
.mainNavigation nav ul .subNav li:last-of-type,
.mainNavigation nav ul .subNav li.active:last-of-type {
  margin: 0;
  padding: 0;
  border: 0;
}
.mainNavigation nav ul .subNav li:last-of-type a,
.mainNavigation nav ul .subNav li.active:last-of-type a {
  border-bottom: 0;
}
.mainNavigation nav ul .subNav li.active a,
.mainNavigation nav ul .subNav li.active.active a {
  font-family: "Apercu-Bold";
  color: #9fc01b;
}

body.dashboard-child .mainNavigation ul li .subNav {
  display: block;
}

/* Hamburger Icon */
.nav-toggle-container {
  position: fixed;
  left: 6px;
  top: 18px;
  background-color: white;
  z-index: 3050;
  width: 60px;
  display: none;
}

.nav-toggle-container.nav-fixed {
  background: transparent;
}

.nav-toggle {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 10;
  outline: 0;
}

.nav-toggle {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
}

.nav-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #003254;
  opacity: 1;
  left: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.nav-toggle span:nth-child(1) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-toggle span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-toggle span:nth-child(3) {
  top: 28.5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-toggle.nav-open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 16px;
}

.nav-toggle.nav-open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-toggle.nav-open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 34px;
  left: 16px;
}

@media screen and (max-width: 990px) {
  .nav-toggle-container {
    display: block;
  }
  .mainNavigation nav ul {
    overflow: hidden;
  }
  .mainNavigation nav ul li a {
    width: 280px;
  }
  .mainNavigation nav ul li a:before {
    width: 0;
    background: transparent;
    display: none;
  }
  .mainNavigation nav ul li a i {
    margin-left: 20px;
    margin-right: 25px;
  }
  body.dashboard-child .mainNavigation ul li .subNav {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .nav-toggle-container {
    background-color: white;
  }
}
.contentHeader {
  display: block;
  padding: 17px 40px;
  border: 1px;
  background: transparent;
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /*min-height: 84px;*/
  z-index: 2000;
  position: relative;
}
.contentHeader:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -3px;
  right: -3px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 20% 0, from(#f0f0f0), to(transparent));
  background-image: -webkit-linear-gradient(right, #f0f0f0, transparent);
  background-image: -moz-linear-gradient(right, #f0f0f0, transparent);
  background-image: -o-linear-gradient(right, #f0f0f0, transparent);
}
.contentHeader .branding {
  /*display: inline-block;*/
  width: 125px;
  display: block;
  margin-right: auto;
  margin-left: 30px;
  /*margin-top: 10px;*/
}
.contentHeader .branding a {
  display: block;
  width: 125px;
}
.contentHeader .branding span {
  display: block;
  color: #9fc01b;
  font-size: 0.9em;
  line-height: 1;
}
.contentHeader .branding span:before {
  content: "";
  display: block;
  border-top: 1px solid #f0f0f0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contentHeader .clientControls__user {
  display: flex;
  align-items: center;
  color: #003254;
}
.contentHeader .clientControls__user .clientControls__userImage {
  background-color: #e6e6e6;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.contentHeader .clientControls__user .clientControls__userImage i {
  color: white;
  font-size: 1.3em;
}
.contentHeader .clientControls__user .clientControls__userInfo {
  transition: all 200ms ease-in-out;
}
.contentHeader .clientControls__user .clientControls__userInfo.dropdownClicked i {
  transform: rotate(180deg);
}
.contentHeader .clientControls__user .clientControls__userInfo i {
  color: #9fc01b;
  margin-left: 5px;
}
.contentHeader .clientControls__user .clientControls__userInfo:hover {
  color: #9fc01b;
}
.contentHeader .clientControls__user .logOut {
  display: inline-block;
  border-left: 1px solid #9fc01b;
  padding-left: 20px;
  margin-left: 20px;
  transition: all 200ms ease-in-out;
}
.contentHeader .clientControls__user .logOut:hover {
  color: #9fc01b;
}
.contentHeader .clientControls__user .logOut i {
  color: #9fc01b;
  margin-left: 5px;
}
.contentHeader .clientControls__userDropdown {
  display: none;
  position: absolute;
  right: 150px;
  background-color: white;
  padding: 20px;
  min-width: 200px;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  transition: all 200ms ease-in-out;
}
.contentHeader .clientControls__userDropdown ul li {
  font-size: 0.9em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.contentHeader .clientControls__userDropdown ul li:last-of-type {
  border-bottom: 0;
}
.contentHeader .clientControls__userDropdown.dropdownVisible {
  display: inline-block;
  top: 100%;
}

/*NEW HEADER LAYOUT SCSS*/
.header__menu-logout-container {
  width: auto;
  display: block;
  margin: 0 0 0 auto;
}

.member_search_trigger {
  float: right;
  height: 40px;
  min-width: 40px;
  line-height: 45px;
  text-align: center;
  color: #ffffff;
  background: #003254;
  border-radius: 4px;
  user-select: none;
  cursor: pointer;
  font-size: 20px;
}

.member_search_trigger:hover {
  background: #9fc01b;
}

.member_search_panel {
  float: right;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  background: #003254;
  border-radius: 4px;
  padding: 0 5px;
}
.member_search_panel select,
.member_search_panel input {
  height: 33px !important;
  font-size: 14px;
  letter-spacing: 1px;
  border-radius: 4px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 5px !important;
  background: #ffffff !important;
}
.member_search_panel .btn-success {
  min-width: 0;
}

.header__notification-total {
  position: absolute;
  top: -5px;
  right: -8px;
  background: #ef5350;
  border-radius: 2px;
  min-width: 20px;
  line-height: 0.7rem;
  color: #ffffff;
  font-size: 0.7rem;
  padding: 5px 2px;
  font-weight: 700;
  text-align: center;
}

.header__staff-alerts {
  position: relative;
  background: #003254;
  width: auto;
  display: inline-block;
  padding: 0 15px;
  line-height: 40px;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: 1px;
  float: right;
  height: 40px;
  cursor: pointer;
  border-radius: 3px;
  transition: ease 0.3s all;
}

.header__staff-alerts:hover {
  background: #9fc01b;
}

.header__apps-container {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  user-select: none;
  float: right;
  padding: 0px;
}
.header__apps-container .header__apps-mainLogo {
  margin-top: 5px !important;
  width: 30px;
  height: 30px;
  display: block;
}
.header__apps-container .header__apps-panel {
  display: none;
  width: 300px;
  padding: 4px 3px;
  text-align: left;
  position: absolute;
  top: 55px;
  right: -56px;
  border: 1px solid #003254;
  background: #ffffff;
  z-index: 100;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
}
.header__apps-container .header__apps-panel .header__notification {
  position: absolute;
  top: 0;
  right: 2px;
  background: #ef5350;
  border-radius: 2px;
  min-width: 20px;
  line-height: 0.7rem;
  color: #ffffff;
  font-size: 0.7rem;
  padding: 5px 2px;
  font-weight: 700;
  text-align: center;
}
.header__apps-container .header__apps-panel .header__app-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 5px;
}
.header__apps-container .header__apps-panel .header__member-counts {
  width: 100%;
  clear: both;
}
.header__apps-container .header__apps-panel .header__arrow-up {
  position: absolute;
  top: -10px;
  right: 65px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #003254;
}
.header__apps-container .header__apps-panel .header__arrow-up-fill {
  position: absolute;
  top: -9.55px;
  right: 65px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.header__apps-container .header__apps-panel li {
  border: 1px solid #ffffff;
  text-align: center;
  display: inline-block;
  width: 94px;
  height: 85px;
  box-sizing: border-box;
  transition: all 0.7s ease;
  position: relative;
}
.header__apps-container .header__apps-panel .header__app-new-members:hover a,
.header__apps-container .header__apps-panel .header__app-member-details:hover a {
  color: #003254;
}
.header__apps-container .header__apps-panel li:hover {
  border: 1px solid #e6e6e6;
}
.header__apps-container .header__apps-panel .header__app-link span:before {
  content: "\f015";
  font-family: "icomoon";
  font-size: 30px;
  line-height: 50px;
}
.header__apps-container .header__apps-panel .header__app-link .header__app-members:before {
  content: "\e92f";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-application:before {
  content: "\f044";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-campaigns:before {
  content: "\f0e0";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-reports:before {
  content: "\e91b";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-product:before {
  content: "\e901";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-organisation:before {
  content: "\e933";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-incuto:before {
  content: "\e946";
}
.header__apps-container .header__apps-panel .header__app-link .header__app-transactions:before {
  content: "\f155";
  font-size: 35px;
}
.header__apps-container .header__apps-panel .header__app-link .header__app-title p {
  margin: 0;
  font-size: 0.8rem;
}

/*NEW LOGOUT CSS*/
.header__log-out-trigger {
  margin-left: 1.5rem;
  position: relative;
  background: #003254;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: 20px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-block;
  float: right;
  user-select: none;
}
.header__log-out-trigger .header__account-panel {
  display: none;
  width: 250px;
  text-align: center;
  position: absolute;
  top: 55px;
  right: 5px;
  border: 1px solid #003254;
  background: #ffffff;
  z-index: 100;
  color: #003254;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  padding: 10px;
}
.header__log-out-trigger .header__account-panel .header__arrow-up {
  position: absolute;
  top: -10px;
  right: 6px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #003254;
}
.header__log-out-trigger .header__account-panel .header__arrow-up-fill {
  position: absolute;
  top: -9.55px;
  right: 6px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.header__log-out-trigger .header__logout-options {
  text-align: left;
  display: inline-block;
  margin-left: 13px;
}
.header__log-out-trigger .header__logout-options li {
  height: 25px;
  font-size: 0.9rem;
}
.header__log-out-trigger .header__logout-options li:hover {
  text-decoration: underline;
}
.header__log-out-trigger .header__logout-initial-large {
  display: inline-block;
  cursor: default;
  width: 60px;
  height: 60px;
  font-size: 1.8rem;
  line-height: 60px;
  background: #003254;
  color: #ffffff;
  border-radius: 50%;
}
.header__log-out-trigger .header__account-email {
  color: #808080;
  font-size: 0.8rem;
  margin: 0;
  cursor: default;
}

@media screen and (min-width: 991px) {
  .contentHeader .branding {
    display: block;
    margin-left: 0;
    /*display: none;*/
  }
}
@media screen and (max-width: 990px) {
  .contentHeader {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    height: auto;
    min-height: 100px;
    background-color: white;
    justify-content: space-between;
    align-items: center;
  }
  .contentHeader .clientControls__user {
    text-align: center;
    font-size: 0.8em;
  }
  .contentHeader .clientControls__user form {
    display: inline-block;
  }
  .contentHeader .clientControls__user .clientControls__userImage {
    width: 35px;
    height: 35px;
  }
  .contentHeader .clientControls__user .clientControls__userDropdown {
    right: 0;
  }
  .contentHeader .clientControls__user .logOut {
    border: 0;
    border-top: 1px solid #f0f0f0;
    margin-left: 0;
    padding-left: 0;
    margin-top: 5px;
    padding-top: 5px;
  }
}
@media screen and (max-width: 500px) {
  .contentHeader {
    align-items: flex-start;
    /*min-height: 80px;*/
  }
  .contentHeader .clientControls__user .clientControls__userImage {
    display: none;
  }
  .contentHeader .clientControls__user {
    display: block;
  }
  .clientControls__user form button {
    margin-left: 0;
  }
  .contentHeader .clientControls__user .clientControls__userInfo {
    display: none;
  }
  .clientControls__user button,
  .clientControls__user input[type=submit] {
    font-size: 0.7rem;
  }
  .contentHeader .branding {
    width: 80px;
    margin-left: 70px;
    margin-top: 0;
  }
  .contentHeader .branding span {
    font-size: 0.7rem;
  }
  .contentHeader .branding a {
    width: 80px;
  }
}
/*sticyhead*/
.header_sticky [class*=jsSticyTop]:not(.scrolled) {
  position: relative;
}
.header_sticky [class*=jsSticyTop].scrolled {
  position: fixed;
  width: calc(100% - 350px);
  top: 0;
  right: 50;
  z-index: 1000;
}

#mainContent {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.mainContainer {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.mainContainer .contentRight {
  width: 100%;
  padding-left: 280px;
  min-height: 100vh;
  display: block;
  flex-direction: column;
  /*flex-grow: 1;*/
  transition: all 400ms ease-in-out;
  position: relative;
}
.mainContainer .contentRight:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 2990;
  transition: all 200ms ease-in-out;
  opacity: 0;
  pointer-events: none;
  display: none;
}
.mainContainer .contentRight.isOpen:after {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.mainContainer .contentRight .row {
  margin-bottom: 40px;
}
.mainContainer .contentRight .row.nestedRow {
  margin-bottom: 0;
}
.mainContainer .contentRight .row.nomargin {
  margin: 0;
}
.mainContainer .contentRight .row {
  margin-bottom: 40px;
}
.mainContainer .contentRight .row.nestedRow {
  margin-bottom: 0;
}
.mainContainer .contentRight .row.nomargin {
  margin: 0;
}
.mainContainer .contentRight .row .row {
  margin-bottom: 0;
}
.mainContainer .filterPanel {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  padding: 10px 25px 0px 15px;
  color: #003254;
  border: 1px solid #003254;
  display: none;
  z-index: 10000000000000000;
}
.mainContainer .filterPanel ul {
  list-style-type: none;
}
.mainContainer .filterPanel input {
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
}
.mainContainer .filterPanel label {
  color: #808080;
  user-select: none;
}
.mainContainer .no-sidebar {
  padding-left: 0;
}
.mainContainer .mainContent {
  flex: 1;
  overflow: auto;
  padding: 40px;
  min-height: 83.1vh;
  flex-grow: 1;
  width: 100%;
  text-align: left;
}

.border {
  border: 1px solid #cccccc;
}

#common_bond_edit ul {
  list-style-type: disc !important;
  list-style-position: inside;
}

.fieldGroup {
  border-bottom: 1px solid #003254;
}

.commonBondField {
  border: 1px solid #003254;
  padding: 10px 5px;
  border-radius: 7px;
}

.password-container {
  position: relative;
}
.password-container input {
  padding-right: 40px !important;
}
.password-container input:after {
  content: "";
}

.container__headerRow {
  background: #003254;
  color: #ffffff;
  padding: 10px 0;
}

.schedule_distribution {
  border: 1px solid #003254;
  padding: 15px 0;
  border-radius: 7px;
}
.schedule_distribution .order-up,
.schedule_distribution .order-down {
  font-size: 25px;
}
.schedule_distribution input,
.schedule_distribution select {
  margin-bottom: 0;
}

.container__member_message,
.container__user_message {
  width: auto;
  padding: 5px 25px;
  text-align: left;
  border-radius: 4px;
  color: #ffffff;
  position: relative;
  max-width: 45%;
  margin-bottom: 30px;
}

.container__user_message {
  background: #003254;
}

.container__member_message {
  margin-left: auto;
  margin-right: 0;
  background: #9fc01b;
}

.container__user_message:before,
.container__member_message:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -19px;
}

.container__user_message:before {
  border-left: 10px solid #003254;
  border-right: 10px solid transparent;
  border-top: 10px solid #003254;
  border-bottom: 10px solid transparent;
  left: 19px;
}

.container__member_message:before {
  border-right: 10px solid #9fc01b;
  border-left: 10px solid transparent;
  border-top: 10px solid #9fc01b;
  border-bottom: 10px solid transparent;
  right: 19px;
}

.message_member_pane {
  height: 400px;
  overflow: auto;
}

.member_message_row {
  border-bottom: 1px solid #cccccc;
}

.member_message_row:hover {
  background: rgba(0, 0, 0, 0.05);
}

.member_message_unread {
  background: #e5efff !important;
}

.loan-container,
.saving-container,
.revolving_credit-container {
  display: none;
}

#container__loanResons .loanReason {
  margin-left: 0;
}
#container__loanResons .col-md-2 {
  text-align: center;
}

.product__builder-main .container {
  margin-left: 0;
}

.accountSettingsContainer {
  max-width: 100%;
}

.container__prefs-container {
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container__prefs-container p {
  color: #003254;
  font-size: 0.8rem;
  text-align: left;
}

.payrun_container {
  border: #003254 solid 1px;
  border-radius: 12px;
}
.payrun_container .payrun_header {
  background-color: #003254;
  margin: 0 -15px;
  color: #ffffff;
  border-radius: 10px 10px 0px 0px;
}

.available_payments {
  border: 1px solid #003254;
  border-radius: 7px;
}

.container__prefs-container.smallwindow {
  top: 0;
  transform: translate(-50%, 0);
}

.transaction-container {
  width: 100%;
}

.credit-ref-container,
.banking-container {
  background: #ffffff;
  border-radius: 0 7px 7px 7px;
  border: 1px solid #003254;
}
.credit-ref-container .address-header,
.credit-ref-container .search-header,
.credit-ref-container .account-header,
.banking-container .address-header,
.banking-container .search-header,
.banking-container .account-header {
  cursor: pointer;
}

.credit-ref-sidemenu,
.banking-sidemenu {
  padding: 0;
}
.credit-ref-sidemenu ul,
.banking-sidemenu ul {
  border-radius: 7px 0 0 7px;
  border: 1px solid #003254;
  border-right: 0;
  color: #ffffff;
  background: #003254;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}
.credit-ref-sidemenu ul li,
.banking-sidemenu ul li {
  padding: 10px 5px 10px 20px;
  cursor: pointer;
  user-select: none;
}
.credit-ref-sidemenu ul li:hover,
.banking-sidemenu ul li:hover {
  background: #cccccc;
  color: #003254;
}
.credit-ref-sidemenu ul li.active,
.banking-sidemenu ul li.active {
  cursor: pointer;
  background: #f2f2f2;
  color: #003254;
}

.loginPage footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.loginPage .mainContainer {
  overflow: visible;
}
.loginPage .branding {
  width: 135px;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 2001;
}
.loginPage .branding span {
  display: block;
  color: #9fc01b;
  font-size: 0.9em;
  line-height: 1;
}
.loginPage .branding span:before {
  content: "";
  display: block;
  border-top: 1px solid #f0f0f0;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0;
}
.loginPage .contentHeader {
  background: transparent;
  min-height: 84px;
}
.loginPage .contentRight {
  padding-left: 0;
  min-height: 100vh;
  text-align: center;
}
.loginPage .contentRight .mainContent {
  display: inline-block;
  width: 400px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 60px;
  height: auto;
}
.loginPage .contentRight .mainContent h1 {
  display: block;
  width: 400px;
  text-align: left;
}
.loginPage .contentRight .mainContent .formWrapper {
  min-width: 400px;
  max-width: 400px;
}
.loginPage #forgotPassword,
.loginPage #passwordVerification {
  display: none;
}

.shadedFilterContainer {
  background: #f2f2f2;
}
.shadedFilterContainer select {
  background: none;
  padding-bottom: 0;
}
.shadedFilterContainer label {
  line-height: 39px;
  margin: 0;
}

.permissionsContainer {
  max-height: 500px;
  overflow: auto;
}
.permissionsContainer .shadedRow {
  background: #f2f2f2;
  color: #808080;
  padding-left: 10px;
}

.loanAmendContainer {
  background: #003254;
  border-radius: 7px;
  color: #ffffff;
}
.loanAmendContainer .form__check label:before {
  content: "";
  display: none;
}
.loanAmendContainer .form__check label:hover::after {
  opacity: 0;
}
.loanAmendContainer .form__check label:after {
  top: -14px;
  transition: none;
}
.loanAmendContainer h4 {
  color: #ffffff;
}
.loanAmendContainer label {
  color: #ffffff;
  line-height: 40px;
}
.loanAmendContainer input:focus,
.loanAmendContainer select:focus {
  background-color: rgb(255, 255, 255) !important;
}
.loanAmendContainer hr {
  border-color: #ffffff;
}
.loanAmendContainer .term_min,
.loanAmendContainer .amount_min,
.loanAmendContainer .savings_min,
.loanAmendContainer .term_max,
.loanAmendContainer .amount_max,
.loanAmendContainer .savings_max {
  float: left;
  color: #9fc01b;
  font-size: 0.7em;
  margin: 0;
}
.loanAmendContainer .term_max,
.loanAmendContainer .amount_max,
.loanAmendContainer .savings_max {
  float: right;
}
.loanAmendContainer #loan_validation_error {
  background: #ef5350;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
}

@media screen and (max-width: 990px) {
  .mainContainer .contentRight {
    padding-left: 60px;
  }
  .mainContainer .contentRight:after {
    display: block;
  }
  .mainContainer .contentRight.isOpen:after {
    pointer-events: initial;
  }
  .dashboard-home .mainContent .row:not(.topAlign) {
    margin-bottom: 0;
  }
  .loginPage .nav-toggle-container {
    display: none;
  }
  .loginPage .clientControls {
    margin-top: 5px;
  }
  .loginPage .branding {
    width: 120px;
    top: 20px;
  }
  .loginPage .branding span::before {
    border-top: 1px solid white;
  }
  .loginPage footer {
    display: block;
  }
  .loginPage .contentHeader {
    justify-content: flex-end;
    min-height: 60px;
  }
  .loginPage .mainContainer .contentRight {
    min-height: 100vh;
    padding-left: 0;
  }
  .loginPage .mainContainer .contentRight .mainContent {
    padding-top: 60px;
  }
}
@media screen and (max-width: 500px) {
  .mainContainer .mainContent {
    padding: 20px;
  }
  .mainContainer .contentRight {
    padding-left: 0;
  }
  .mainContainer .contentRight .row.applicationHeader {
    margin-bottom: 0;
  }
  .sidebarContainer.isOpen {
    display: block;
  }
  .loginPage .branding {
    position: relative;
    left: 20px;
  }
  .loginPage .branding span {
    border-top: 1px solid #f0f0f0;
    margin-top: 5px;
    padding-top: 5px;
  }
  .loginPage .branding span:before {
    display: none;
  }
  .loginPage .clientControls {
    display: none;
  }
  .loginPage .contentHeader {
    display: none;
  }
  .loginPage .contentRight {
    height: auto;
  }
  .loginPage .contentRight .mainContent {
    padding-top: 140px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .loginPage .contentRight .mainContent h1 {
    width: 100%;
  }
  .loginPage .contentRight .mainContent .formWrapper {
    min-width: 100%;
  }
}
.container__prefs-body {
  background: #eeeeee;
}

.container__prefs-container {
  width: 100%;
  display: block;
  margin: auto;
  margin-bottom: 0;
  background: #fff;
  max-width: 600px;
  min-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 480px) {
  .loginPage .contentRight .mainContent .formWrapper {
    min-width: 100%;
  }
}
::-webkit-input-placeholder {
  color: #dddddd !important;
  font-family: "ApercuPro";
}

::-moz-placeholder {
  color: #dddddd !important;
  font-family: "ApercuPro";
}

:-ms-input-placeholder {
  color: #dddddd !important;
  font-family: "ApercuPro";
}

:-moz-placeholder {
  color: #dddddd !important;
  font-family: "ApercuPro";
}

[class*=hubShowHide--] {
  display: none;
}

.editActivityLink {
  font-size: 1.5em;
}

.deleteActivityLink {
  font-size: 1.4em;
}

.standard-checkbox {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important;
}

#staff_alerts .daterangepicker {
  display: none;
}

.input-group-text {
  background: #003254;
  border: 0;
  color: #ffffff;
}

.dataTables_filter input {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=tel],
input[type=date],
textarea,
.form-control,
.selectize-input,
input[type=search],
.form-control[readonly] {
  font-family: "Apercu-Light";
  /*
  background-color: $translucentBack20;
  margin-bottom: 20px;
  padding: 0 35px 8px 5px;
  border-radius: $borderRadiusSmall;
  border: 1px solid transparent;
  border-bottom-color: transparent;
  border-bottom-color: #ccd6dd;
  font-size: 0.9rem;
  &:hover {
      border-color: transparent;
      border-bottom-color: $mainColour;
  }
  &:focus,
  &:focus:hover {
      border-color: transparent;
      border-bottom-color: $trafficLightGreen;
  }
  */
}

#datepickerFrom,
#datepickerTo {
  cursor: pointer;
}

.input__plusMinusInput {
  border-radius: 7px 0 0 7px !important;
  display: inline !important;
  height: 38px;
}

.input__minusControl {
  border-radius: 0;
}

.input__plusControl {
  border-radius: 0 7px 7px 0;
}

.input__plusControl,
.input__minusControl {
  min-width: 50px;
  height: 39px;
  font-size: 30px;
  line-height: 30px;
  padding: 0px;
  box-sizing: border-box;
}

textarea,
input[type=search],
#messageSubject {
  width: 100%;
  margin: 0;
  height: 36px;
}

input[type=date] {
  color: #808080;
  font-family: "Arial", "sans-serif";
}

input[type=submit] {
  background-color: #003254;
  font-family: inherit;
  color: white;
}
input[type=submit].btn:hover {
  background-color: #9fc01b;
}

.filterTrigger {
  cursor: pointer !important;
  user-select: none;
}

.action_select {
  cursor: pointer;
  display: inline-block;
  width: auto;
  text-align: left;
  list-style: none;
  background: #003254;
  color: #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 999;
  user-select: none;
}
.action_select li {
  /*padding: 5px 20px;*/
  padding: 5px 55px 5px 10px;
  /*width: 240px;*/
  width: auto;
}
.action_select li i,
.action_select li svg {
  line-height: 24px !important;
  position: absolute;
  margin-top: 3px;
  right: 15px;
}
.action_select li:not(:first-of-type) {
  display: none;
}

.action_select.active li {
  display: block;
}
.action_select.active li:hover:not(:first-of-type) {
  background: #9fc01b;
}

textarea {
  min-height: 150px;
}

label {
  color: #003254;
  font-size: 0.9em;
  margin-bottom: 10px;
  letter-spacing: 0.7px;
}

.underwriting-page label {
  display: block;
}

.member-messages-send {
  border: 1px solid #cccccc !important;
}

[class*=validate__] :not(.validate__dropdown) :not(.validate__url) :not(.icons__pricing) :not(.validate__error-message) :not(.input__nolabel) :not(.validate__decimal) :not(.validate__noIcon)::before {
  font-family: "icomoon";
  content: "\f044";
  color: #003254;
  position: absolute;
  right: 1em;
  padding: 0;
  margin-bottom: 0;
  bottom: 1.45vh;
  font-size: 2em;
}

.validate__noIcon {
  position: absolute;
}

.slideToggleContainerLeft {
  margin-left: 0 !important;
}

.input__nolabel::before {
  font-family: "icomoon";
  content: "\f044";
  color: #003254;
  position: absolute;
  right: 1em;
  padding: 0;
  margin-bottom: 0;
  bottom: 5.3vh;
  font-size: 2em;
}

.icons__pricing input {
  width: 50% !important;
  margin-left: 2.5em;
  display: block;
}

.icons__pricing:before {
  font-family: "icomoon";
  content: "\f154";
  color: #003254;
  position: absolute;
  left: 0;
  padding: 0;
  margin-bottom: 0;
  bottom: -0.5rem;
  font-size: 1.5rem;
}

/*.validate__dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background-color: #e6ebee;
    font-family: "Apercu-Light";
    margin-bottom: 20px;
    padding: 10px;
    -webkit-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
    border-radius: 7px;
    border: 1px solid #ccd6dd;
    font-size: 0.9rem;
    max-height: 39px;
    background: none;
}*/
.form-control:focus {
  background-color: #f0f0f0;
  border-color: #9fc01b;
  box-shadow: 0 0;
  outline: 0 none;
}

.form-wrap {
  text-align: center;
  margin-top: 20px;
}

.riskThresholdValue {
  display: none;
}

.formWrapper {
  padding: 40px 20px;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  border: 1px solid #f0f0f0;
  border-radius: 7px;
}
.formWrapper #resendCodeToggle {
  text-decoration: underline;
  font-size: 0.8rem;
}

#registration_text {
  display: block;
  width: 40%;
  padding-left: 15px;
  margin-left: 15px;
  border: 1px solid #cccccc;
  padding: 10px;
}

.applicantSearchSection input {
  width: 100%;
}

.forgottenPassPrompt {
  text-align: center;
  margin-top: 20px;
}
.forgottenPassPrompt a {
  color: #9fc01b;
  text-decoration: underline;
  font-size: 0.8em;
}
.forgottenPassPrompt a:hover {
  color: #999;
}

.supportMessage__result,
.globalAjaxMessage {
  display: none;
  padding: 20px;
  background-color: #e0f19c;
  border-radius: 0.5em;
  margin-bottom: 30px;
  text-align: center;
  opacity: 0;
  color: #003254;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
}
.supportMessage__result p,
.globalAjaxMessage p {
  margin-bottom: 0;
}

.fileUpload {
  width: 100%;
  height: 150px;
  border: 2px dashed #e0e0e0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.9em;
  transition: all 200ms ease-in-out;
}
.fileUpload:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.fileUpload input#fileToUpload,
.fileUpload input.fileUploadBox {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.fileUpload input[type=submit] {
  position: absolute;
  right: 0;
  bottom: -70px;
}

#searchUser {
  margin-bottom: 0;
}

.searchResults {
  width: 100%;
  background-color: #f7f8f9;
  list-style: none;
  padding: 10px;
  position: absolute;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  display: none;
  max-height: 150px;
  overflow: scroll;
}
.searchResults li {
  padding: 0;
  margin: 0;
}
.searchResults li a {
  display: block;
  padding: 10px;
}
.searchResults li a:hover {
  background-color: #f0f0f0;
}

.commonBondField input {
  margin-bottom: 0px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.commonBondField .remove-icon,
.commonBondField .add-icon {
  font-size: 1rem;
  padding: 0 5px;
  border-radius: 5px;
  height: 36px;
  min-width: 60px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  user-select: none;
  cursor: pointer;
}
.commonBondField .add-icon {
  color: #9fc01b;
}
.commonBondField .remove-icon {
  color: #ef5350;
}

.form-userselect input,
.form-userselect select {
  margin: 0;
}
.form-userselect .row {
  margin: 0;
}

/*Checkboxes styles*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:hover + label:before {
  background: #f35429;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #f35429;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

/* Styled Checkboxes */
.round {
  position: relative;
  margin-bottom: 20px;
}
.round span {
  margin-left: 30px;
  line-height: 1.8;
}

.round label {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid white;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type=checkbox] {
  visibility: hidden;
}

.round input[type=checkbox]:checked + label {
  background-color: #9fc01b;
  border-color: #9fc01b;
}

.round input[type=checkbox]:checked + label:after {
  opacity: 1;
}

button.itemActions {
  font-size: 0.8rem;
  border: 0;
  letter-spacing: 0.1px;
  border-radius: 1em;
  padding: 0;
  min-width: 0;
  background: transparent;
}
button.itemActions:after {
  content: "|";
  margin: 0 10px;
  color: #f0f0f0;
}
button.itemActions:last-of-type:after {
  display: none;
}
button.itemActions.actionEdit {
  color: #9fc01b;
}
button.itemActions.actionRemove {
  color: #ef5350;
}
button.itemActions.actionSubItem {
  color: #003254;
}
button.itemActions:hover {
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: 0 0 0 0;
  opacity: 0.6;
}

.onboardingEditButtons {
  position: absolute;
  right: calc(100% - 16px);
  margin-left: 15px;
  background-color: white;
  z-index: 9000;
  text-align: center;
  padding: 5px;
  width: 110px;
  margin-right: 0 !important;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
}
.onboardingEditButtons button {
  min-width: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 0;
}
.onboardingEditButtons button.onboardingDelete {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}
.onboardingEditButtons button.onboardingEdit {
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
}
.onboardingEditButtons button:hover {
  border: 0;
}

.itemActionsForm {
  margin-left: auto;
}

.statusSelectForm {
  width: 200px;
}

.itemUpdateContainer {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  padding-top: 20px;
}
.itemUpdateContainer .itemUpdateForm {
  margin-right: 0 !important;
}
.itemUpdateContainer .itemUpdateForm .row {
  align-items: flex-end;
}
.itemUpdateContainer .itemUpdateForm label {
  display: block;
}
.itemUpdateContainer .itemUpdateForm input[type=text] {
  width: 100%;
  margin-bottom: 0;
}
.itemUpdateContainer .itemUpdateForm button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  margin-bottom: -3px;
  margin-left: 20px;
  cursor: pointer;
  min-width: 0;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
}
.itemUpdateContainer .itemUpdateForm .itemWrapper {
  display: flex;
  margin-bottom: 20px;
}

.formFlex {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.formFlex .styledCheckbox {
  position: relative;
  margin-right: 30px;
}

.formFlex label {
  margin-bottom: 0;
  margin-top: 5px;
  pointer-events: none;
  cursor: default;
}

.formFlex .styledCheckbox input[type=checkbox] {
  opacity: 0;
  cursor: pointer;
  padding: 10px;
  position: relative;
}

.formFlex .styledCheckbox .checkOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #9fc01b;
  pointer-events: none;
}

.formFlex .styledCheckbox .checkOverlay:before {
  transition: all 200ms ease-in-out;
  display: none;
  opacity: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  color: #9fc01b;
  top: 0;
  left: 0;
  font-size: 1.6rem;
  content: "\f00c";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.formFlex .styledCheckbox input[type=checkbox]:checked + .checkOverlay:before {
  display: block;
  opacity: 1;
}

.linkButtonsForm {
  display: none;
}
.linkButtonsForm .cuInfoForm {
  border-radius: 7px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  padding: 30px;
}
.linkButtonsForm .cuInfoForm h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding-bottom: 10px;
}
.input__conditiontype {
  width: 25px;
  height: 25px;
  position: relative;
  background: none;
  border: none;
  color: #9fc01b;
  display: inline-block;
  border-radius: 0;
  padding: 0;
  min-width: 0;
}

.input__conditiontype:focus {
  color: #9fc01b;
}

.inputs__modal--label {
  padding-left: 0;
}

.input__conditiontype:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border: none;
  color: #9fc01b;
}

.input__conditiontype::after {
  font-family: "icomoon";
  content: "\e922";
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1200px) {
  .infoBox.onboardingListBox ul li {
    display: block !important;
  }
  .infoBox.onboardingListBox ul li span {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .infoBox.onboardingListBox ul li .formSelect {
    width: 200px;
  }
  .infoBox.onboardingListBox ul li .statusSelectForm {
    display: inline-block;
    margin-top: 30px;
  }
  .infoBox.onboardingListBox ul li:after {
    margin-bottom: -10px;
  }
  .infoBox.onboardingListBox ul li span {
    max-width: 100% !important;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 990px) {
  .formWrapper {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .inputs__http-select {
    margin-bottom: 10px;
  }
  #userFilter {
    margin-bottom: 20px;
  }
}
.tables__wrapper table {
  width: 100% !important;
  margin-bottom: 30px;
}
.tables__wrapper table.decisionTable {
  display: none;
}
.tables__wrapper table th {
  position: relative;
}
.tables__wrapper table thead th {
  font-size: 1em;
  color: #003254;
  padding: 15px;
  border-bottom: 2px solid #003254;
  position: relative;
}
.tables__wrapper table tr.rowSubtitle {
  font-size: 1.6rem;
  border-bottom: 2px solid #003254;
}
.tables__wrapper table tbody td {
  padding: 15px;
  border-bottom: 1px solid textColour20;
  color: #164b6e;
  font-size: 0.9em;
}
.tables__wrapper table tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.01);
}
.tables__wrapper table.editUserRow tr:nth-of-type(even) {
  background: transparent;
}
.tables__wrapper table.groupsTable tr td:last-of-type {
  text-align: right;
}
.tables__wrapper table.groupsTable tr td:last-of-type a,
.tables__wrapper table.groupsTable tr td:last-of-type button {
  display: inline-block;
  margin-left: 10px;
  padding: 3px;
  border-radius: 1em;
  min-width: 100px;
  text-align: center;
}
.tables__wrapper table.groupsTable tr td:last-of-type a.btn-edit,
.tables__wrapper table.groupsTable tr td:last-of-type button.btn-edit {
  color: #9fc01b;
  border: 1px solid #9fc01b;
  background: transparent;
}
.tables__wrapper table.groupsTable tr td:last-of-type a.btn-edit:hover,
.tables__wrapper table.groupsTable tr td:last-of-type button.btn-edit:hover {
  color: white;
  background-color: #9fc01b;
}
.tables__wrapper table.groupsTable tr td:last-of-type a.btn-remove,
.tables__wrapper table.groupsTable tr td:last-of-type button.btn-remove {
  color: #ef5350;
  border: 1px solid #ef5350;
}
.tables__wrapper table.groupsTable tr td:last-of-type a.btn-remove:hover,
.tables__wrapper table.groupsTable tr td:last-of-type button.btn-remove:hover {
  color: white;
  background-color: #ef5350;
}
.tables__wrapper table.tables__3Col td {
  width: 33.333%;
  border-bottom: 1px solid #e6e6e6;
}
.tables__wrapper table.tables__3Col td:nth-of-type(3) {
  border-bottom: 1px solid #e6e6e6;
}

.dataTables_wrapper {
  overflow-x: scroll;
}
.dataTables_wrapper table {
  width: 100%;
}

.table-responsive .table_header th {
  padding: 5px 0 !important;
  background: #003254 !important;
  color: #ffffff;
  padding: 5px 0;
  margin: 0;
  font-weight: 700;
}

.clickable.selected_row {
  background: #003254;
  color: #ffffff;
}

.clickable.selected_row:hover {
  background: #003254 !important;
  color: #ffffff !important;
}

#searchMemberResults .button__astyle,
#registrationsTable .button__astyle {
  padding: 0;
}
#searchMemberResults .table_record,
#registrationsTable .table_record {
  cursor: pointer;
}
#searchMemberResults .table_header,
#registrationsTable .table_header {
  background: #003254 !important;
  color: #ffffff;
  padding: 5px 0;
  margin: 0;
  font-weight: 700;
}
#searchMemberResults .table_header th,
#registrationsTable .table_header th {
  padding: 5px !important;
  text-align: left !important;
  position: relative;
}
#searchMemberResults .table_header div,
#registrationsTable .table_header div {
  padding: 0 5px;
}

.tables__memberPayments,
.tables__loanHistory,
.tables__memberDocuments {
  width: 100%;
}
.tables__memberPayments th,
.tables__loanHistory th,
.tables__memberDocuments th {
  text-align: left !important;
  background: #003254 !important;
  color: #ffffff;
  padding-top: 0 !important;
  padding: 5px 0.75rem;
  margin: 0;
  font-weight: 700;
}

.tables__memberPayments th,
.tables__memberDocuments th {
  text-align: left !important;
}

/*scrollSandwich [class*="bodyInstructions__Row"]*/
.tables__scrollSandwich--Top,
.tables__scrollSandwich--Bot {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  text-align: center;
}
.tables__scrollSandwich--Top table,
.tables__scrollSandwich--Bot table {
  text-align: left;
}

.tables__scrollSandwich--Top {
  height: 20px;
}

.tables__scrollBread {
  width: 1000px;
  min-height: 20px;
  overflow: auto;
  display: inline-block;
}

/*responsive*/
@media only screen and (max-width: 576px) {
  .tables__wrapper table.tables__3Col td {
    display: inline-block;
    width: 100%;
  }
  .tables__wrapper table.tables__3Col td:nth-of-type(3) {
    border-bottom: 2px solid silver;
  }
}
table td input[type=text],
table td input[type=password] {
  margin-bottom: 0;
}

th .col_filtering {
  background: #ffffff;
  margin: 0;
  padding: 5px;
  width: 100%;
}

#member_account_report_table_wrapper {
  overflow-x: scroll;
}

#registrationsTable {
  overflow-y: visible;
  overflow-x: auto;
  min-height: 425px;
}

.inactive_user {
  display: none;
}

td.fieldname {
  width: 290px;
}

td.tableHeaderSection {
  border-right: 0 !important;
}

.infoBox.loanAppStats .infoBox__content {
  text-align: center;
  color: #003254;
}
.infoBox.loanAppStats .infoBox__content .applicantAmount {
  display: block;
  font-family: "Apercu-Bold";
  font-size: 2em;
}
.infoBox.loanAppStats .infoBox__content .applicantAmount.novalue {
  padding: 15px;
}
.infoBox.loanAppStats .infoBox__content .applicantStatus__amount {
  position: relative;
  padding-top: 40px;
}
.infoBox.loanAppStats .infoBox__content .applicantStatus__amount:before {
  content: "";
  position: absolute;
  width: 144px;
  height: 144px;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 9px;
  margin-left: -72px;
}
.infoBox.loanAppStats .infoBox__content .applicantStatus__amount.novalue {
  margin: 0 0 77px;
}
.infoBox.loanAppStats .infoBox__content .btnChevronForward {
  margin-top: 60px;
}

.mainContainer .contentRight .row.applicationRow {
  margin-bottom: 0;
}

.application__dateFilter {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.application__dateFilter ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  text-align: center;
  font-size: 0.9em;
}
.application__dateFilter ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.application__dateFilter ul li a {
  display: block;
  padding: 10px;
  color: #808080;
}
.application__dateFilter ul li a:hover {
  color: #003254;
}
.application__dateFilter ul li.filter-active a {
  color: #003254;
  font-family: "Apercu-Bold";
}
.application__dateFilter ul li:last-of-type {
  border-right: 0;
}

[class^=applicationsTable] tbody tr td.btn-edit {
  color: #9fc01b;
  border: 1px solid #9fc01b;
  background: transparent;
}
[class^=applicationsTable] tbody tr td.btn-edit:hover {
  color: white;
  background-color: #9fc01b;
}
[class^=applicationsTable] tbody tr td .btn,
[class^=applicationsTable] tbody tr td input[type=submit],
[class^=applicationsTable] tbody tr td button {
  color: #9fc01b;
  padding: 5px 15px;
  width: 100%;
  border: 1px solid #9fc01b;
  border-radius: 1em;
  background: transparent;
  max-width: 150px;
  cursor: pointer;
  transition: all 150ms ease-in-out;
}
[class^=applicationsTable] tbody tr td .btn.btn-danger,
[class^=applicationsTable] tbody tr td input[type=submit].btn-danger,
[class^=applicationsTable] tbody tr td button.btn-danger {
  background-color: #ef5350;
  border: 1px solid #ef5350;
  color: white;
}
[class^=applicationsTable] tbody tr td .btn:hover,
[class^=applicationsTable] tbody tr td input[type=submit]:hover,
[class^=applicationsTable] tbody tr td button:hover {
  color: white;
  background: #9fc01b;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
}
[class^=applicationsTable].fullContent tbody tr:nth-of-type(1n + 10) {
  display: table-row;
}
[class^=applicationsTable].userDetailsTable tbody tr td:first-of-type {
  font-family: "Apercu-Bold";
}

.editUserRow {
  margin-left: 0;
  max-width: 100%;
  position: relative;
}
.editUserRow #memberActions {
  position: absolute;
  left: 100%;
  margin-left: 30px;
  top: 65px;
}
.editUserRow #memberActions button {
  padding: 5px 15px;
  width: 100%;
  border-radius: 1em;
  background: transparent;
}
.editUserRow #memberActions #updateUser {
  background-color: #9fc01b;
  color: white;
  font-family: "ApercuPro";
  margin-bottom: 10px;
}
.editUserRow #memberActions #updateUser:hover {
  border: 1px solid #9fc01b;
}
.editUserRow #memberActions #rejectUser {
  background-color: #ef5350;
  font-family: "ApercuPro";
}
.editUserRow table {
  position: relative;
}
.editUserRow table tr:nth-of-type(even) {
  background: transparent;
}
.editUserRow table tr:first-of-type td:last-of-type {
  transition: all 200ms ease-in-out;
  position: relative;
}
.editUserRow table tr:first-of-type td:last-of-type input[type=text] {
  margin-bottom: 0;
  padding-left: 30px;
}
.editUserRow table tr td {
  border: 0;
  border-bottom: 1px solid #f0f0f0;
}
.editUserRow table tr td:first-of-type {
  border-right: 1px solid #f0f0f0;
}
.editUserRow table tr td:first-of-type {
  font-family: "Apercu-Bold";
}
.editUserRow table tr td:last-of-type {
  font-family: "ApercuPro";
}

.applicationContainer h1 {
  margin-bottom: 0;
}
.applicationContainer .applicationHeader {
  align-items: center;
}
.applicationContainer .editApplicationContainer {
  text-align: center;
  width: 100%;
}
.applicationContainer .editApplicationContainer a.btnEditLoan {
  max-width: 200px;
  margin: 0 auto;
  background-color: #003254;
  color: white;
}
.applicationContainer .editApplicationContainer a.btnEditLoan:hover {
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
}
.applicationContainer .applicationDetails {
  border-top: 1px solid rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  padding-top: 20px;
  margin-bottom: 30px;
}
.applicationContainer .applicationDetails ul {
  list-style: none;
  font-size: 1.3em;
  color: #9fc01b;
}
.applicationContainer .applicationDetails ul li {
  padding: 0;
}

.editApplicationForm {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  padding: 20px;
  border-radius: 0.5em;
  display: none;
  margin-top: 20px;
}
.editApplicationForm .form-wrap {
  max-width: 250px;
  margin: 0 auto;
}
.editApplicationForm .form-wrap label {
  font-size: 1em;
  margin-bottom: 15px;
}
.editApplicationForm .form-wrap input[type=submit] {
  cursor: pointer;
}
.editApplicationForm .form-wrap input[type=submit]:hover {
  background-color: #9fc01b;
  color: white;
}
.editApplicationForm .editApplicationForm__wrapper {
  text-align: center;
}

a.btnEditLoan {
  text-align: center;
  width: 200px;
  padding: 10px;
  border-radius: 1em;
  color: #003254;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f0f0f0;
  margin: 0 auto;
}
a.btnEditLoan:hover {
  border: 1px solid #003254;
  background-color: #003254;
  color: white;
}
a.btnEditLoan span {
  display: inline-block;
  margin-right: 15px;
}

.searchForm {
  display: none;
  text-align: left;
}
.searchForm label {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}
.searchForm input[type=text],
.searchForm input[type=date] {
  width: 100%;
  max-width: 100%;
}

.searchToggle {
  text-align: right;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 11px;
}
.searchToggle .btnSearch {
  padding: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 150px;
  left: auto;
  text-align: center;
}
.searchToggle .btnSearch:hover:after {
  opacity: 1;
}
.searchToggle .btnSearch:after {
  content: "";
  display: inline-block;
  background-image: url("../images/search.svg");
  width: 20px;
  height: 20px;
  opacity: 0.7;
  transition: all 100ms ease-in-out;
}

.btn__loadMore {
  text-align: center;
  max-width: 150px;
  padding: 10px;
  border-radius: 1.5em;
  color: #003254;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #003254;
  margin: 0 auto;
}
.btn__loadMore:hover {
  border: 1px solid #9fc01b;
}
.btn__loadMore span {
  margin-right: 10px;
}

#changePassword {
  display: none;
}
#changePassword table tbody tr td {
  border: 0;
  background: transparent;
}
#changePassword table tbody tr td .btn-primary,
#changePassword table tbody tr td button {
  background-color: #003254;
  font-family: inherit;
  color: white;
  border: 1px solid #003254;
  border-radius: 7px;
  letter-spacing: 1px;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
  width: auto;
  min-width: 150px;
  text-align: center;
  transition: all 200ms ease-in-out;
}
#changePassword table tbody tr td .btn-primary:hover,
#changePassword table tbody tr td button:hover {
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
}

.userDetailsTable {
  width: 100%;
}
.userDetailsTable th {
  font-family: "Apercu-Bold";
}

@media screen and (max-width: 990px) {
  .applicationContainer h1 {
    margin-bottom: 30px;
  }
  .applicationContainer table.decisionTable tr {
    border-bottom: 1px solid #003254;
  }
  .applicationContainer table.decisionTable td {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .applicationContainer table.decisionTable td:before {
    content: attr(data-label);
    font-family: "Apercu-Bold";
  }
  .applicationContainer table.decisionTable td:empty {
    display: none;
  }
  .applicationContainer table.decisionTable td.applicationTotals {
    display: block;
  }
  .applicationContainer table.decisionTable td.applicationTotals:before {
    content: "";
  }
  .applicationContainer table.decisionTable thead {
    display: none;
  }
  .editUserRow {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
  .editUserRow form {
    width: 100%;
  }
  .editUserRow #memberActions {
    position: relative;
    left: auto;
    margin-left: 0;
    top: auto;
    width: 100%;
  }
  .editUserRow #memberActions .memberActions {
    display: flex;
    justify-content: space-between;
  }
  .editUserRow #memberActions button {
    max-width: 150px;
  }
  .editUserRow #memberActions #updateUser {
    margin-bottom: 20px;
  }
  .editUserRow #memberActions #updateUser:hover {
    border: 1px solid #9fc01b;
  }
  .editUserRow #memberActions #rejectUser {
    background-color: #ef5350;
    font-family: "ApercuPro";
  }
  .editUserRow table.applicationsTable {
    position: relative;
    margin-top: 50px;
  }
  .editUserRow table.applicationsTable.newMemberTable {
    margin-top: 0;
  }
  .editUserRow table.applicationsTable tr:nth-of-type(even) {
    background: transparent;
  }
  .editUserRow table.applicationsTable tr #updateUser {
    position: absolute;
    right: 0;
    left: auto;
    top: -50px;
    max-width: 120px;
  }
  .editUserRow table.applicationsTable tr #rejectUser {
    position: absolute;
    right: auto;
    left: 0;
    top: -50px;
    max-width: 120px;
  }
  .editUserRow table.applicationsTable tr:first-of-type td:last-of-type {
    transition: all 200ms ease-in-out;
    position: relative;
  }
  .editUserRow table.applicationsTable tr:first-of-type td:last-of-type:before {
    content: "\f044";
    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;
    margin-right: 10px;
    font-size: 1.2rem;
    color: #999;
  }
  .editUserRow table.applicationsTable tr td {
    text-align: left;
    display: table-cell;
    border-bottom: 1px solid #f0f0f0;
  }
  .applicationsTable:not(.userDetailsTable) thead {
    display: none;
  }
  .applicationsTable:not(.userDetailsTable) td,
  .applicationsTable:not(.userDetailsTable) th {
    display: block;
    border-bottom: 1px solid #f0f0f0;
  }
  .applicationsTable:not(.userDetailsTable) td {
    display: flex;
    justify-content: space-between;
  }
  .applicationsTable:not(.userDetailsTable) td:before {
    content: attr(data-label);
    font-family: "Apercu-Bold";
  }
  .applicationsTable tbody tr td .btn {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .applicationsTable.accSettingsTable td {
    display: table-cell;
  }
}
@media screen and (max-width: 767px) {
  .applicationsTable td button,
  .applicationsTable td .btn-primary,
  table td button,
  table td .btn-primary {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .applicationsTable.userDetailsTable thead {
    display: none;
  }
  .applicationsTable.userDetailsTable td {
    display: block;
  }
  .applicationsTable.userDetailsTable td:first-of-type {
    color: #9fc01b;
    font-size: 1.2rem;
  }
  .applicationsTable.userDetailsTable td:not(:first-of-type) {
    padding-left: 30px;
  }
  .applicationsTable.userDetailsTable td:not(:first-of-type):before {
    content: attr(data-label);
    display: block;
    font-family: "Apercu-Bold";
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  }
  .application__dateFilter ul {
    text-align: left;
  }
  .editUserRow {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
  .editUserRow form {
    width: 100%;
  }
  .editUserRow table.applicationsTable {
    position: relative;
    margin-top: 80px;
  }
  .editUserRow table.applicationsTable.newMemberTable {
    margin-top: 0;
  }
  .editUserRow table.applicationsTable tr #rejectUser,
  .editUserRow table.applicationsTable tr #updateUser {
    top: -70px;
    min-width: 0;
    font-size: 0.9rem;
  }
  .editUserRow table.applicationsTable tr #updateUser {
    left: auto;
    right: 0;
  }
  .editUserRow table.applicationsTable tr td {
    display: block;
    border-right: 0;
  }
  .editUserRow table.applicationsTable tr td:first-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    font-size: 1.1rem;
    color: #9fc01b;
  }
  .editUserRow table.applicationsTable tr td:last-of-type {
    font-family: "Apercu-Bold";
  }
  .editUserRow table tr #updateUser,
  .editUserRow table tr #rejectUser {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .editUserRow table tr:first-of-type td:last-of-type input[type=text] {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .applicationsTable.accSettingsTable.accSettingsPassword td {
    display: block;
  }
  .applicationsTable.accSettingsTable.accSettingsPassword td:first-of-type {
    padding-bottom: 0;
  }
  .applicationsTable.accSettingsTable td {
    display: block;
    text-align: left;
  }
  .applicationsTable.accSettingsTable td:first-of-type {
    font-family: "Apercu-Bold";
    font-size: 1.1rem;
  }
  .applicationsTable.accSettingsTable td.text-right {
    text-align: left !important;
  }
  .applicationsTable.memberDetailsSummary td {
    display: block;
  }
  .applicationsTable.memberDetailsSummary td:before {
    display: block;
    margin-bottom: 15px;
  }
  .applicationsTable.memberDetailsSummary td.text-right {
    text-align: center !important;
  }
}
@media screen and (max-width: 340px) {
  .editUserRow table.applicationsTable tr td:first-of-type {
    font-size: 0.8rem;
  }
}
.table-responsive.table-collapse table.table-hover td {
  cursor: pointer;
}
.table-responsive.table-collapse table.table-hover tr:hover td {
  color: #9fc01b;
}

.dataTables_scrollHead {
  z-index: 1000;
  top: 10px;
  left: 0px;
  text-align: left;
}
.dataTables_scrollHead .table-condensed > thead > tr:first-child > th {
  text-align: left;
  border-right: 1px solid white;
}
.dataTables_scrollHead .table.dataTable thead th {
  padding: 10px 18px 10px 10px;
}

.sortable_handle {
  cursor: move;
}

#agreement_defaults_wrapper {
  overflow: visible;
}

.buttonsRight .dt-buttons {
  float: none !important;
  text-align: right;
  display: block;
  margin-bottom: 1rem;
}

.settingsTabs {
  max-width: 800px;
}

.row.settingsTabs__row {
  align-items: center;
  color: #003254;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  padding: 20px 0;
  margin-bottom: 0 !important;
}
.row.settingsTabs__row .formSelect:not(.inputs__http-select) {
  margin-bottom: 0;
}
.row.settingsTabs__row .col-md-6:first-of-type {
  font-size: 0.9em;
}
.row.settingsTabs__row:last-of-type {
  border-bottom: 0;
}
.row.settingsTabs__row .documentname {
  margin: 0;
}

.employersIndexRow {
  margin-bottom: 10px !important;
}

.formHidden {
  display: none;
}

/* Editable text row */
.settingsTabs__editable {
  text-align: center;
}
.settingsTabs__editable span a {
  color: #9fc01b;
  text-decoration: underline;
  display: inline-block;
  margin-left: 20px;
}

.settingsTab__pane {
  display: none;
}
.settingsTab__pane.tabPane--active {
  display: block;
}

.tabsList {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f0f0f0;
  padding: 13px;
}
.tabsList li {
  margin: 0;
  padding: 0;
}
.tabsList li a {
  padding: 15px;
  font-size: 0.9rem;
}
.tabsList li.tab-active a {
  border-bottom: 1px solid #003254;
  font-family: "Apercu-Bold";
}

.settingsContent__container {
  margin-top: 20px;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.01);
  display: none;
}
.settingsContent__container.settingsGeneral {
  display: block;
}

.settingsToggle {
  text-align: center;
}

.tglItem {
  display: inline-block;
}

.toggleStatus {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.toggleStatus:before, .toggleStatus:after {
  text-transform: uppercase;
  font-size: 0.7em;
  padding-top: 7px;
}
.toggleStatus:before {
  display: block;
  content: "OFF";
  color: white;
  font-family: "Apercu-Bold";
  text-align: right;
  padding-right: 5px;
}
.toggleStatus:after {
  display: none;
  content: "On";
  color: white;
  font-family: "Apercu-Bold";
  text-align: left;
  padding-left: 6px;
}

.dicisionToggle {
  justify-content: space-between;
}
/* On/Off animated toggles */
.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl:checked + .tgl-btn .toggleStatus:before {
  display: none;
}
.tgl:checked + .tgl-btn .toggleStatus:after {
  display: block;
}

.tgl-light + .tgl-btn {
  background: #e0e0e0;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: white;
  transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #9fc01b;
}

.pageTabsLayout ul, .pageTabs ul, .loanApplicationTabs ul, .registrationsApplicationTabs ul, .ChangeRequestApplicationTabs ul, .directDebitPaymentsTabs ul {
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
}
.pageTabsLayout ul li, .pageTabs ul li, .loanApplicationTabs ul li, .registrationsApplicationTabs ul li, .ChangeRequestApplicationTabs ul li, .directDebitPaymentsTabs ul li {
  display: inline-block;
  opacity: 0.5;
  color: #666;
  border-bottom: 0;
  margin-bottom: -1px;
  padding-left: 0;
}
.pageTabsLayout ul li a, .pageTabs ul li a, .loanApplicationTabs ul li a, .registrationsApplicationTabs ul li a, .ChangeRequestApplicationTabs ul li a, .directDebitPaymentsTabs ul li a {
  color: #666;
  display: block;
  padding: 15px;
}
.pageTabsLayout ul li.activeTab, .pageTabs ul li.activeTab, .loanApplicationTabs ul li.activeTab, .registrationsApplicationTabs ul li.activeTab, .ChangeRequestApplicationTabs ul li.activeTab, .directDebitPaymentsTabs ul li.activeTab {
  background: white;
  border-bottom: 3px solid #9fc01b;
  opacity: 1;
}
.pageTabsLayout ul li.activeTab a, .pageTabs ul li.activeTab a, .loanApplicationTabs ul li.activeTab a, .registrationsApplicationTabs ul li.activeTab a, .ChangeRequestApplicationTabs ul li.activeTab a, .directDebitPaymentsTabs ul li.activeTab a {
  color: #9fc01b;
  font-family: "Apercu-Bold";
}
.pageTabsLayout ul li.activeLoanTab, .pageTabsLayout ul li.activePaymentTab, .pageTabs ul li.activeLoanTab, .pageTabs ul li.activePaymentTab, .loanApplicationTabs ul li.activeLoanTab, .loanApplicationTabs ul li.activePaymentTab, .registrationsApplicationTabs ul li.activeLoanTab, .registrationsApplicationTabs ul li.activePaymentTab, .ChangeRequestApplicationTabs ul li.activeLoanTab, .ChangeRequestApplicationTabs ul li.activePaymentTab, .directDebitPaymentsTabs ul li.activeLoanTab, .directDebitPaymentsTabs ul li.activePaymentTab {
  background: white;
  border-bottom: 3px solid #9fc01b;
  opacity: 1;
}
.pageTabsLayout ul li.activeLoanTab a, .pageTabsLayout ul li.activePaymentTab a, .pageTabs ul li.activeLoanTab a, .pageTabs ul li.activePaymentTab a, .loanApplicationTabs ul li.activeLoanTab a, .loanApplicationTabs ul li.activePaymentTab a, .registrationsApplicationTabs ul li.activeLoanTab a, .registrationsApplicationTabs ul li.activePaymentTab a, .ChangeRequestApplicationTabs ul li.activeLoanTab a, .ChangeRequestApplicationTabs ul li.activePaymentTab a, .directDebitPaymentsTabs ul li.activeLoanTab a, .directDebitPaymentsTabs ul li.activePaymentTab a {
  color: #9fc01b;
  font-family: "Apercu-Bold";
}
.pageTabsLayout ul li:hover, .pageTabs ul li:hover, .loanApplicationTabs ul li:hover, .registrationsApplicationTabs ul li:hover, .ChangeRequestApplicationTabs ul li:hover, .directDebitPaymentsTabs ul li:hover {
  opacity: 1;
}
.pageTabsLayout ul li:hover a, .pageTabs ul li:hover a, .loanApplicationTabs ul li:hover a, .registrationsApplicationTabs ul li:hover a, .ChangeRequestApplicationTabs ul li:hover a, .directDebitPaymentsTabs ul li:hover a {
  color: #9fc01b;
}

.applicationTabPane:not(.activePane) {
  display: none;
}

.nav.memberDetailsTabs {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  top: 0;
}
.nav.memberDetailsTabs li a.nav-link {
  padding: 10px 20px;
}
.nav.memberDetailsTabs li a {
  background: none;
  background-color: transparent;
  color: #808080;
  border: 0;
  border-radius: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: white;
  position: relative;
  top: 0;
}
.nav.memberDetailsTabs li a.active {
  background-color: transparent;
  border-bottom: 2px solid #9fc01b;
  color: #9fc01b;
  font-weight: 700;
}
.nav.memberDetailsTabs li a:hover {
  color: #9fc01b;
}

.registrationSettingsTabs {
  margin-bottom: 40px;
}

.tabs__registration-field-settings {
  margin-bottom: 20px;
}
.tabs__registration-field-settings .row {
  margin-bottom: 0 !important;
  min-height: 55px;
  padding: 15px 0 0px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.tabs__registration-field-settings .row h2,
.tabs__registration-field-settings .row h3 {
  line-height: 50px;
}
.tabs__registration-field-settings .row h2,
.tabs__registration-field-settings .row h3,
.tabs__registration-field-settings .row h4 {
  margin-bottom: 0 !important;
}
.tabs__registration-field-settings .row:hover {
  background: rgba(0, 0, 0, 0.04);
}

@media screen and (max-width: 767px) {
  .row.settingsTabs__row .col-md-6:first-of-type {
    margin-bottom: 15px;
  }
  .nav.memberDetailsTabs {
    width: 100%;
    white-space: normal;
    display: block;
    text-align: center;
    border-bottom: 0;
    top: 0;
  }
  .nav.memberDetailsTabs li {
    width: calc(33.333% - 4px);
    display: inline-block;
    padding: 0;
    border: 1px solid #e6e6e6;
    margin: 5px 0;
  }
  .nav.memberDetailsTabs li a.nav-link {
    padding: 10px 0;
  }
  .nav.memberDetailsTabs li a {
    width: 100%;
    background: none;
    display: block;
  }
  .nav.memberDetailsTabs li a.active {
    top: 1px;
  }
}
main p a {
  text-decoration: underline;
}
main ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 20px;
}
main ul li {
  padding-left: 10px;
}
main h2, main h3, main h4, main h5, main h6 {
  margin-bottom: 20px;
  color: #003254;
}
main h4 {
  font-size: 1.35em;
  font-family: "Apercu-Bold";
}
main h5 {
  font-size: 1.15em;
  font-family: "Apercu-Bold";
}
main h6 {
  font-family: "Apercu-Bold";
}
main .currentDate {
  text-align: right;
}
main .currentDate span:first-of-type {
  color: #003254;
}
main .lastLogin {
  font-size: 0.8em;
  display: inline-block;
  border-top: 1px solid rgba(0, 0, 0, 0.02);
  margin-top: 10px;
  padding-top: 10px;
  color: #9fc01b;
}

@media screen and (max-width: 990px) {
  main .currentDate {
    -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
    border: 1px solid #ccd6dd;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: 0 auto;
    border-radius: 0.5em;
    padding: 20px;
    margin-top: 30px !important;
    text-align: left;
    flex-basis: 100%;
    margin-bottom: 30px;
  }
  main .currentDate span {
    display: block;
    font-size: 0.8rem;
  }
}
/* onboarding key */
.progressKey {
  list-style: none;
  margin-top: 40px;
  margin-bottom: 0;
  text-align: center;
}
.progressKey li {
  display: inline-block;
  margin-right: 30px;
  font-size: 0.9rem;
  margin-bottom: 40px;
}
.progressKey li:last-of-type {
  margin-right: 0;
}
.progressKey li:before {
  content: "";
  display: block;
  margin: auto;
  min-width: 27px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  opacity: 0.7;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  background-color: transparent;
  border: 2px solid #ccc;
  align-self: center;
  line-height: -1;
  margin-bottom: 5px;
}
.progressKey li.box-elements__key-onbdg-inprogress:before {
  border: 2px solid #9fc01b;
  background: #9fc01b;
}
.progressKey li.box-elements__key-onbdg-completed:before {
  content: "\f00c";
  font-size: 1.1rem;
  background: #8099aa;
  border: 1px solid #8099aa;
  color: white;
  -webkit-box-shadow: 3px 3px 12px -5px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 3px 3px 12px -5px rgba(0, 0, 0, 0.62);
  box-shadow: 3px 3px 12px -5px rgba(0, 0, 0, 0.62);
  text-align: center;
}
.progressKey li.box-elements__key-onbdg-attention:before {
  border: 2px solid #ffca28;
  background-color: #ffca28;
  color: white;
  font-size: 1rem;
  text-align: center;
  padding-left: 1px;
}
.progressKey li.box-elements__key-onbdg-delay:before {
  border: 2px solid #ef5350;
  background-color: #ef5350;
  content: "\ea07";
  color: white;
  font-size: 0.9rem;
  text-align: center;
}

.box__elements--newModal {
  margin-bottom: 30px;
}

#addOnboardingItem label,
#addOnboardingItem input {
  display: block;
  width: 100%;
}
#addOnboardingItem .modal-footer {
  border: 0;
  padding: 0;
}
#addOnboardingItem .containerNew-Item,
#addOnboardingItem .containerNew-Section,
#addOnboardingItem .containerEdit {
  display: none;
}
#addOnboardingItem .addSubItemInputGroup,
#addOnboardingItem .addItemInputGroup {
  display: none;
}

.box-elements__onbdg-percent-copy,
.box-elements__onbdg-view-detail {
  display: inline-block;
  width: auto;
  margin: 0;
}

.box-elements__onbdg-view-detail {
  text-align: right;
  float: right;
  cursor: pointer;
  font-style: italic;
}

.box-elements__onbdg-percent-copy {
  text-align: left;
}

/* Dashboard info boxes */
.infoBox {
  border-radius: 7px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  margin-bottom: 30px;
  height: 100%;
}
.infoBox header,
.infoBox .header {
  background-color: #003254;
  color: white;
  padding: 10px 15px;
  font-size: 1.5em;
  border-radius: 7px 7px 0 0;
}
.infoBox header h1,
.infoBox header h2,
.infoBox header h3,
.infoBox .header h1,
.infoBox .header h2,
.infoBox .header h3 {
  color: white;
  display: inline-block;
  font-weight: normal;
  font-family: "ApercuPro";
  font-size: inherit;
  margin-bottom: 0;
}
.infoBox header h1 a,
.infoBox header h2 a,
.infoBox header h3 a,
.infoBox .header h1 a,
.infoBox .header h2 a,
.infoBox .header h3 a {
  color: white;
  display: block;
  width: 100%;
  display: flex;
  white-space: nowrap;
}
.infoBox header h1 a i,
.infoBox header h2 a i,
.infoBox header h3 a i,
.infoBox .header h1 a i,
.infoBox .header h2 a i,
.infoBox .header h3 a i {
  color: #9fc01b;
  margin-right: 15px;
}
.infoBox header h1 a:hover,
.infoBox header h2 a:hover,
.infoBox header h3 a:hover,
.infoBox .header h1 a:hover,
.infoBox .header h2 a:hover,
.infoBox .header h3 a:hover {
  color: #9fc01b;
}
.infoBox:hover header h1 a,
.infoBox:hover header h2 a,
.infoBox:hover header h3 a {
  color: #9fc01b;
}
.infoBox:hover img {
  opacity: 0.7;
}
.infoBox.failed {
  color: #ef5350;
}
.infoBox.failed header {
  background-color: #ef5350;
}
.infoBox.failed header h2 {
  color: white;
}
.infoBox.failed h2 {
  color: #ef5350;
}
.infoBox .infoBox__content {
  min-height: 140px;
  padding: 0 20px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
.infoBox .infoBox__content img {
  display: block;
  max-width: 170px;
  margin: 0 auto;
  transition: all 150ms ease-in-out;
}
.infoBox .infoBox__content p {
  font-size: 1.1rem;
  text-align: center;
}
.infoBox .infoBox__content p.hasActionAmount {
  font-size: 1.1rem;
}
.infoBox .infoBox__content p.hasActionAmount span > span {
  font-family: "Apercu-Bold";
  color: #ef5350;
}
.infoBox .infoBox__content a {
  padding: 5px 10px;
  width: 100%;
  max-width: 200px;
}
.infoBox.applicationBox .applicationInfo {
  text-align: right;
}
.infoBox.applicationBox .applicationInfo a {
  display: inline-block;
  background-image: url("/images/dots.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 10px;
  opacity: 0.8;
  margin-left: auto;
}
.infoBox.applicationBox .applicationInfo a:hover {
  opacity: 1;
}
.infoBox.applicationBox .applicationBox__boxOptions {
  display: none;
  position: absolute;
  right: 15px;
  top: 98%;
  background-color: white;
  padding: 20px;
  min-width: 200px;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  transition: all 200ms ease-in-out;
  z-index: 200;
  border-right: 1px solid #f0f0f0;
}
.infoBox.applicationBox .applicationBox__boxOptions.showOptions {
  display: inline-block;
}
.infoBox.applicationBox .applicationBox__boxOptions ul {
  list-style: none;
}
.infoBox.applicationBox .applicationBox__boxOptions ul li {
  font-size: 0.9em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.infoBox.applicationBox .applicationBox__boxOptions ul li a {
  display: block;
}
.infoBox.applicationBox .applicationBox__boxOptions ul li:last-of-type {
  border-bottom: 0;
}
.infoBox .box__elements--newModal {
  margin-bottom: 20px;
}
.infoBox.onboardingListBox--inactive {
  opacity: 0.2;
  pointer-events: none;
}
.infoBox.onboardingListBox h2 {
  width: auto;
  display: inline-block;
}
.infoBox.onboardingListBox header div {
  width: 10%;
  min-width: 65px;
  display: inline-block;
  text-align: right;
}
.infoBox.onboardingListBox .box-elements__edit-module-container {
  float: right;
}
.infoBox.onboardingListBox .box-elements__edit-module,
.infoBox.onboardingListBox .box-elements__close-module,
.infoBox.onboardingListBox .box-elements__save-module {
  font-size: 0.9rem;
  margin: 0;
  display: inline-block;
  text-align: right;
  cursor: pointer;
}
.infoBox.onboardingListBox .box-elements__save-module,
.infoBox.onboardingListBox .box-elements__close-module {
  display: none;
}
.infoBox.onboardingListBox .progressPercentage {
  width: 100%;
  padding: 7px;
  border-radius: 0.5em;
  background-color: #f0f0f0;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 10px;
}
.infoBox.onboardingListBox .progressPercentage .progressBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #8099aa;
  text-align: center;
  font-size: 0.8rem;
  color: white;
  transition: all 1s ease-in-out;
  border-radius: 0.5em;
}
.infoBox.onboardingListBox .progressPercentage .progressBar.danger {
  background-color: #ef5350;
}
.infoBox.onboardingListBox .progressPercentage .progressBar.amber {
  background-color: #ffca28;
}
.infoBox.onboardingListBox .progressPercentage .progressBar.success {
  background-color: #9fc01b;
}
.infoBox.onboardingListBox .statusComplete {
  color: #003254;
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
  margin-top: 20px;
  font-family: "Apercu-Bold";
  display: none;
}
.infoBox.onboardingListBox form {
  margin-right: 20px;
}
.infoBox.onboardingListBox .statusSelect {
  margin-bottom: 0 !important;
  width: 200px;
}
.infoBox.onboardingListBox .box-elements__onbdg--field {
  width: auto;
  margin: 0;
}
.infoBox.onboardingListBox .box-elements__addItem {
  color: #003254;
  margin: 15px 0 0 0;
  cursor: pointer;
  width: auto;
}
.infoBox.onboardingListBox .box-elements__onbdg--removeItem,
.infoBox.onboardingListBox .box-elements__onbdg--removeSubItem {
  width: 27px;
  height: 27px;
  margin-right: 10px;
  border-radius: 50%;
  background: #ef5350;
  opacity: 0.7;
  position: relative;
  display: none;
  cursor: pointer;
}
.infoBox.onboardingListBox .statusTrigger-HasSubMenu {
  display: none !important;
}
.infoBox.onboardingListBox .hasSubMenu .box-elements__onbdg--removeItem {
  margin-bottom: -10px;
}
.infoBox.onboardingListBox .hasSubMenu .box-elements__onbdg--removeSubItem {
  margin-bottom: 0px;
}
.infoBox.onboardingListBox .box-elements__onbdg--removeItem:before,
.infoBox.onboardingListBox .box-elements__onbdg--removeSubItem:before {
  font-family: "icomoon";
  content: "\f00d";
  color: #ffffff;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 0;
  line-height: 27px;
  font-size: 1.2rem;
}
.infoBox.onboardingListBox [class*=menu_level-] {
  margin-bottom: 0;
}
.infoBox.onboardingListBox .menu_level-1 {
  display: none;
}
.infoBox.onboardingListBox ul {
  list-style: none;
}
.infoBox.onboardingListBox ul li:nth-of-type(1) {
  border-top: 0;
}
.infoBox.onboardingListBox ul li {
  line-height: 2.6;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  color: #003254;
  display: block;
  text-align: left;
  user-select: none;
  /*justify-content: space-between;*/
  align-items: center;
  padding-top: 15px;
  position: relative;
  padding-bottom: 15px;
}
.infoBox.onboardingListBox ul li.hasSubMenu {
  display: block;
  border-bottom: 0;
}
.infoBox.onboardingListBox ul li.hasSubMenu > .itemActionsForm,
.infoBox.onboardingListBox ul li.hasSubMenu > .statusSelectForm {
  display: none;
}
.infoBox.onboardingListBox ul li.hasSubMenu:after {
  display: none;
}
.infoBox.onboardingListBox ul li span {
  max-width: 40%;
  display: inline-block;
}
.infoBox.onboardingListBox ul li p {
  font-size: 1.1rem;
  text-align: left;
  max-width: 85%;
  display: inline-block;
  margin: 0;
}
.infoBox.onboardingListBox ul li ul {
  margin: 0;
  padding: 0;
  border-left: 5px solid #f0f0f0;
}
.infoBox.onboardingListBox ul li ul li {
  margin: 0;
  padding-left: 30px;
  color: #999;
}
.infoBox.onboardingListBox ul li ul li:first-of-type {
  margin-top: 10px;
}
.infoBox.onboardingListBox ul li ul li:last-of-type {
  border: 0;
  margin-bottom: 10px;
}
.infoBox.onboardingListBox ul li .box-elements__onbdg-statContainer.adminOnly div {
  cursor: pointer;
}
.infoBox.onboardingListBox ul li .box-elements__onbdg-statContainer:not(.adminOnly) div {
  cursor: default;
}
.infoBox.onboardingListBox ul li .box-elements__subItem-onbdg-item,
.infoBox.onboardingListBox ul li .box-elements__edit-item,
.infoBox.onboardingListBox ul li .box-elements__remove-item {
  font-size: 0.8rem;
  color: #003254;
  line-height: 27px;
  cursor: pointer;
  margin: 0 15px;
  /*display: none;*/
}
.infoBox.onboardingListBox ul li .box-elements__remove-item {
  color: #ef5350;
}
.infoBox.onboardingListBox ul li .box-elements__edit-item {
  color: #9fc01b;
  margin: 0;
}
.infoBox.onboardingListBox ul li .box-elements__edit-level-header {
  float: right;
  /*margin-right:27px;*/
  display: inline-block;
  width: auto;
  min-width: 70px;
}
.infoBox.onboardingListBox ul li .box-elements__item-edit-container {
  display: inline-block;
  width: auto;
  min-width: 70px;
  margin: 0 0 0 auto;
  float: right;
}
.infoBox.onboardingListBox ul li .statusTrigger {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  margin: auto 0 auto auto;
  font-family: "icomoon";
  opacity: 0.7;
  line-height: 27px;
  position: relative;
  cursor: pointer;
}
.infoBox.onboardingListBox ul li .itemNotStarted {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.infoBox.onboardingListBox ul li .itemComplete {
  background: #cccccc;
  border: 1px solid #cccccc;
}
.infoBox.onboardingListBox ul li .itemComplete:before {
  content: "\f00c";
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  line-height: 26px;
}
.infoBox.onboardingListBox ul li .itemInProgress {
  background: #9fc01b;
  border: 1px solid #9fc01b;
}
.infoBox.onboardingListBox ul li .itemWarning {
  background: #ffca28;
  border: 1px solid #ffca28;
}
.infoBox.onboardingListBox ul li .itemDanger {
  background: #ef5350;
  border: 1px solid #ef5350;
}
.infoBox.onboardingListBox ul li .itemDanger:before {
  content: "\ea07";
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  font-size: 0.9rem;
  text-align: center;
  line-height: 24px;
}
.infoBox.onboardingListBox ul li.itemComplete {
  color: #ccc;
}
.infoBox.onboardingListBox ul li.itemComplete:after {
  text-align: center;
  content: "\f00c";
  line-height: 1.5;
  font-size: 1.1rem;
  background: #999;
  border: 1px solid #999;
  color: white;
  -webkit-box-shadow: 3px 3px 12px -5px rgba(0, 0, 0, 0.62);
  -moz-box-shadow: 3px 3px 12px -5px rgba(0, 0, 0, 0.62);
  box-shadow: 3px 3px 12px -5px rgba(0, 0, 0, 0.62);
  opacity: 0.3;
}
.infoBox.onboardingListBox ul li.itemInProgress:after {
  background-color: #9fc01b;
  border: 2px solid #9fc01b;
}
.infoBox.onboardingListBox ul li.itemDanger:after {
  border: 2px solid #ef5350;
  background-color: #ef5350;
  content: "\ea07";
  color: white;
  line-height: 1.5;
  font-size: 0.9rem;
  text-align: center;
  padding-left: 1px;
}
.infoBox.onboardingListBox ul li.itemWarning:after {
  border: 2px solid #ffca28;
  background-color: #ffca28;
  color: white;
  line-height: 1.5;
  font-size: 0.9rem;
  text-align: center;
  padding-left: 1px;
}

.infoBox .infoBox__content .box-elements__onbdg-taskRow .hasActionAmount {
  font-size: 1rem;
}
.infoBox .infoBox__content .box-elements__onbdg-taskRow .hasActionAmount span {
  font-size: 1rem;
  color: #808080;
}
.infoBox .infoBox__content .box-elements__onbdg-taskRow .hasActionAmount span > span {
  font-size: 1rem;
  color: #808080;
}

.infoBox.applicationBox a.infoBox__HeadLink--right {
  position: absolute;
  top: 1px;
  right: 24px;
  font-size: 1.25em;
}
.infoBox.applicationBox a.infoBox__HeadLink--right:not(:hover) {
  color: #9fc01b;
}
.infoBox.applicationBox a.infoBox__HeadLink--right:hover {
  color: white;
}

.infoBox.applicationBox a.infoBox__HeadLink--right {
  position: absolute;
  top: 1px;
  right: 24px;
  font-size: 1.25em;
}
.infoBox.applicationBox a.infoBox__HeadLink--right:not(:hover) {
  color: #9fc01b;
}
.infoBox.applicationBox a.infoBox__HeadLink--right:hover {
  color: white;
}

@media screen and (max-width: 990px) {
  .box-elements__onbdg-card {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .infoBox header,
  .infoBox .header {
    border-radius: 7px 7px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .infoBox .infoBox__content p,
  .infoBox .infoBox__content p.hasActionAmount {
    font-size: 0.9rem;
  }
  .infoBox .header,
  .infoBox header {
    font-size: 1.2rem;
  }
  .infoBox.onboardingListBox ul li p {
    text-align: center;
  }
  .hasSubMenu {
    padding: 0;
  }
  .infoBox.onboardingListBox ul li ul li {
    padding-left: 0;
  }
  .infoBox.onboardingListBox ul li ul {
    border-left: 0;
  }
  .infoBox.onboardingListBox ul li .box-elements__edit-level-header {
    float: none;
  }
  .infoBox.onboardingListBox ul li {
    text-align: center;
  }
  .infoBox.onboardingListBox ul li .box-elements__item-edit-container {
    display: block;
    float: none;
  }
  .infoBox.onboardingListBox ul li .box-elements__item-edit-container .box-elements__remove-item {
    margin-left: 0;
  }
}
@media screen and (max-width: 500px) {
  .infoBox header h1,
  .infoBox header h2,
  .infoBox header h3,
  .infoBox .header h1,
  .infoBox .header h2,
  .infoBox .header h3 {
    font-size: 1.1rem;
  }
}
.buzzApp h1 {
  font-size: 1.6rem;
}
.buzzApp .boxed {
  margin: 0 auto;
  max-width: 600px;
}
.buzzApp .boxed-left {
  max-width: 768px;
  margin: 0;
}
.buzzApp.buzzBranding .boxed {
  margin: 0;
  max-width: 768px;
}
.buzzApp.buzzBranding [class*=form__checkBoxSlider] {
  right: auto;
  top: auto;
}
.buzzApp .mainContainer .mainContent {
  padding-top: 20px;
}
.buzzApp .mainContainer .contentRight .row {
  margin-bottom: 20px;
}
.buzzApp .removeElem {
  position: absolute !important;
  display: none !important;
}
.buzzApp .contentHeader {
  min-height: 0;
  padding: 10px 40px;
}
.buzzApp .contentHeader .clientControls__user .clientControls__userImage {
  display: none;
}
.buzzApp .contentHeader .clientControls__user .clientControls__userInfo {
  font-size: 0.8rem;
}

/*Buzz Easel*/
.buzzApp.hasBuzzEasel .buzzHideNav {
  display: none;
}
.buzzApp.hasBuzzEasel table {
  overflow: auto;
}
.buzzApp.hasBuzzEasel table tr,
.buzzApp.hasBuzzEasel table td,
.buzzApp.hasBuzzEasel table tbody {
  overflow: hidden;
}
.buzzApp.hasBuzzEasel table b,
.buzzApp.hasBuzzEasel table strong,
.buzzApp.hasBuzzEasel table a,
.buzzApp.hasBuzzEasel table p,
.buzzApp.hasBuzzEasel table span:not(.fa) {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.buzzApp.hasBuzzEasel table .articleImageCell,
.buzzApp.hasBuzzEasel table .sectionEditable {
  position: relative;
}
.buzzApp.hasBuzzEasel table.ctaButton * {
  overflow: visible !important;
}
.buzzApp.hasBuzzEasel table.ctaButton,
.buzzApp.hasBuzzEasel table .bodyText,
.buzzApp.hasBuzzEasel table .ctaButton {
  overflow: hidden !important;
}
.buzzApp.hasBuzzEasel table tr.outerRow {
  display: block;
  position: relative;
}

table.ctaButton:not(.showCta),
table.ctaButton.showCta:not(.wantsCta) {
  display: none;
}

.easelPreview table.ctaButton:not(.showCta),
table.ctaButton.wantsCta.showCta {
  display: table;
}

/*table.ctaButton td {
		line-height: 0 !important;
}*/
.buzzApp.htmlBlock_notDraggable {
  position: relative;
}

.buzzApp.htmlBlockSortable:not(.notSortable) {
  cursor: move;
}
.buzzApp.htmlBlockSortable:not(.notSortable).ui-state-default {
  border: 0;
}

.buzzApp button.btn-edit.previewTemplate, .buzzApp button.btn-edit.closePreview {
  font-size: 0.9rem;
}
.buzzApp button.buzzActions {
  position: absolute;
  right: 70px;
  top: 5px;
  background: rgba(0, 0, 0, 0.12);
  min-width: 0;
  padding: 0 20px;
  color: white;
  border-radius: 0;
  border: 0;
  font-size: 0.8rem;
}
.buzzApp button.buzzActions:hover {
  background-color: rgba(0, 0, 0, 0.8);
  border: 0;
}

.buzzApp .clientControls__user button,
.buzzApp .clientControls__user input[type=submit] {
  padding: 2px 10px;
  font-size: 0.9rem;
}

.listBuzzCampaigns {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 768px;
}
.listBuzzCampaigns li {
  margin-bottom: 40px;
  width: 28%;
  position: relative;
  transition: all 150ms ease-in-out;
}
.listBuzzCampaigns li img {
  border-radius: 0.3em;
  max-width: 100%;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  margin-bottom: 15px;
  transition: all 150ms ease-in-out;
  opacity: 0.8;
}
.listBuzzCampaigns li:hover img {
  opacity: 1;
}
.listBuzzCampaigns li a {
  text-align: center;
}
.listBuzzCampaigns li a span {
  display: block;
}
.listBuzzCampaigns li a span:first-of-type {
  color: #333;
  font-size: 1.1rem;
}
.listBuzzCampaigns li a span:last-of-type {
  font-size: 0.8rem;
  font-family: "Apercu-Bold";
  color: #9fc01b;
}

.conditionsContainer {
  padding-top: 0;
  margin-top: 20px;
}

.campaignHeader {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding-bottom: 20px;
}

.campaignSubHeader {
  margin-top: 30px;
}

.buzzEasel {
  overflow: auto;
}

.buzzHeader,
.buzzFooter {
  padding: 20px;
  background-color: #edf8ff;
  min-height: 100px;
  position: relative;
}

.buzzHeader {
  margin-bottom: 10px;
}

.buzzFooter {
  margin-top: 10px;
}

.blockActions {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.templateEdit--noDelete,
.templateEdit {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 5px 10px;
  color: white;
  opacity: 0.8;
  transition: all ease-in-out 100ms;
  font-size: 0.9rem;
  font-family: "Apercu-Bold";
}
.templateEdit--noDelete:hover,
.templateEdit:hover {
  color: white;
  opacity: 1;
}
.templateEdit--noDelete.articleImageEdit,
.templateEdit.articleImageEdit {
  bottom: auto;
  right: auto;
  top: 0;
  left: 0;
}

.editorBlockName {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  background-color: rgb(0, 0, 0);
  font-size: 0.8rem;
  font-family: "Apercu-Bold";
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  border: 0;
  color: white;
  opacity: 0.5;
}

#buzzPreview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: white;
  display: none;
  padding: 20px;
}
#buzzPreview .easelPreview {
  max-width: 608px;
  margin: 30px auto 0;
}
#buzzPreview .easelPreview .buzzHeader,
#buzzPreview .easelPreview .buzzFooter {
  margin: 0;
}
#buzzPreview .easelPreview .testBlock {
  margin: 0;
  opacity: 1;
}
#buzzPreview .easelPreview .testBlock:hover {
  cursor: default;
}

.testBlock {
  width: 100%;
  padding: 30px;
  background-color: #f0f0f0;
  position: relative;
  min-height: 150px;
  opacity: 0.9;
}
.testBlock:last-of-type {
  margin-bottom: 0;
}
.testBlock.ui-state-default {
  border: 0;
  margin-bottom: 5px;
}
.testBlock.ui-state-default:last-of-type {
  margin-bottom: 0;
}
.testBlock.testBlock2 {
  background-color: #e0e0e0;
}
.testBlock.testBlock3 {
  background-color: #ccc;
}
.testBlock.imageBlock {
  padding: 0;
}
.testBlock.imageBlock img {
  max-width: 100%;
  height: auto;
}
.testBlock.over {
  border: 2px dashed #000;
}
.testBlock:hover {
  cursor: move;
  opacity: 1;
}

.sms-builder .formInput--text {
  position: relative;
}

.buzzEditorControls {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 20px;
}
.buzzEditorControls a {
  color: white;
  padding: 10px 50px;
  background-color: #003254;
  display: inline-block;
  border-radius: 0.2em;
  font-size: 0.9rem;
  transition: all 200ms ease-in-out;
}
.buzzEditorControls a:hover {
  -webkit-box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.16);
}
.buzzEditorControls ul {
  margin: 0;
  padding: 0;
}
.buzzEditorControls ul li {
  display: inline-block;
}
.buzzEditorControls ul li:first-of-type {
  margin-right: 20px;
}
.buzzEditorControls ul li:first-of-type a {
  background-color: #ef5350;
}
.buzzEditorControls ul li:last-of-type a {
  background-color: #9fc01b;
}

#imgModal .modal-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.02);
  max-height: 250px;
  overflow: scroll;
  -webkit-box-shadow: inset 0px 0px 25px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px 0px 25px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 25px 1px rgba(0, 0, 0, 0.05);
}
#imgModal .modal-body ul li {
  flex-shrink: 0;
  flex-basis: 40%;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
  border: 0;
  margin: 5%;
  border: 5px solid #f2f2f2;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
}
#imgModal .modal-body ul li a {
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.modal-upload-image {
  position: relative;
  padding: 0 15px 15px 15px;
}
.modal-upload-image #selectImage {
  display: none;
}
.modal-upload-image button {
  font-size: 0.8rem;
  color: white;
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
  font-family: "Apercu-Bold";
}
.modal-upload-image button:hover {
  border: 1px solid #9fc01b;
  -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
  border: 1px solid #ccd6dd;
}

.cu-logoWrapper {
  padding: 2px;
  border: 2px solid #003254;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
}
.cu-logoWrapper img {
  max-width: 100%;
  max-height: 30px;
  margin: auto;
  display: block;
}

.uploadBox,
.uploadBoxBlue {
  border: 2px solid #9fc01b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 40px;
  overflow: hidden;
}
.uploadBox .uploadUrl,
.uploadBoxBlue .uploadUrl {
  display: block;
  text-align: left;
  margin-top: 6px;
  margin-left: 15px;
  color: #003254;
}
.uploadBox input[type=file],
.uploadBoxBlue input[type=file] {
  visibility: hidden;
}
.uploadBox label,
.uploadBoxBlue label {
  position: absolute;
  /*width: 120px;*/
  padding: 0 25px;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #9fc01b;
  color: #fff;
  margin-bottom: 0;
  padding-top: 8px;
  cursor: pointer;
}

.uploadBoxBlue {
  border: 2px solid #003254;
}
.uploadBoxBlue label {
  background-color: #003254;
}

.uploadBox--Preview {
  position: relative;
  right: -5px;
  text-align: right;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.uploadBox--Preview img {
  display: inline-block;
  max-width: 100%;
  max-height: 120px;
  border: 2px solid #808080;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.buzzApp.buzzBranding .mainContainer .contentRight .row {
  margin-bottom: 50px;
}

.settingsPrompt {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.settingsPrompt:hover span {
  color: #003254;
}
.settingsPrompt span {
  overflow: hidden;
  color: #9fc01b;
}
.settingsPrompt span:before {
  font-size: 1.3rem;
}

/* responsive */
/* ---- font styles ----*/
.easelPreview,
.buzzEmailContainer {
  font-weight: 300;
  border: 1px solid white;
  width: calc(100% + 2px) !important;
  height: 100% !important;
  overflow: auto;
}
.easelPreview strong,
.easelPreview b,
.buzzEmailContainer strong,
.buzzEmailContainer b {
  font-weight: 500;
}
.easelPreview em,
.buzzEmailContainer em {
  font-weight: 300;
}
.easelPreview em strong,
.easelPreview em b,
.easelPreview strong em,
.easelPreview b em,
.buzzEmailContainer em strong,
.buzzEmailContainer em b,
.buzzEmailContainer strong em,
.buzzEmailContainer b em {
  font-weight: 500;
  font-style: italic;
}

@media screen and (max-width: 1120px) {
  .colorpicker--ItemWrapper label {
    display: block;
  }
}
@media screen and (min-width: 980px) {
  #buzzBlocksNav {
    display: block !important;
  }
}
@media screen and (max-width: 980px) {
  #buzzBlocksNav {
    display: none;
    position: fixed;
    z-index: 1;
    left: 60px;
    bottom: 50%;
    margin-bottom: -125px;
    background-color: white;
    -webkit-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 5px 11px -5px rgba(0, 0, 0, 0.13);
    border: 1px solid #ccd6dd;
    border-radius: 0 0.5em 0.5em 0;
  }
  #buzzBlocksNav li a {
    width: 220px;
    padding: 10px 0 10px 15px;
  }
  #buzzBlocksNav li a:after {
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .campaignHeader .text-right .previewTemplate {
    margin-top: 30px;
  }
  .buzzEditorControls a {
    margin-bottom: 20px;
    width: 300px;
  }
  .buzzEditorControls ul li {
    display: block;
    margin-right: 0;
  }
  .buzzEditorControls ul li:first-of-type {
    margin-right: 0;
  }
  .buzzEditorControls ul li a {
    display: block;
  }
  .buzzBranding main p.noMargin {
    margin-bottom: 20px;
  }
  .buzzBranding main .colorpicker--Preview .btn {
    margin-bottom: 0;
  }
  .buzzBranding [class*=form__checkBoxSlider] {
    position: relative;
    right: auto;
    bottom: auto;
    top: auto;
  }
  .uploadBox--Preview {
    right: 0;
    width: 100%;
    text-align: center;
    border: 2px solid #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 15px 15px 0;
  }
  .uploadBox--Preview img {
    max-width: 100%;
    max-height: 120px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .buzzEmailContainer {
    border: 1px solid silver;
  }
}
@media screen and (max-width: 580px) {
  .colorpicker--ItemWrapper {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
  }
}
body[yahoo] table {
  border-spacing: 0px !important;
  border-collapse: collapse !important;
}

body[yahoo] img {
  display: block !important;
}

body[yahoo] table td {
  border-collapse: collapse !important;
}

body[yahoo],
html,
body[yahoo] body {
  margin: 0px !important;
  padding: 0px !important;
  -webkit-text-size-adjust: none !important;
  -ms-text-size-adjust: none !important;
  line-height: 100% !important;
  -mso-line-height: 100% !important;
}

body[yahoo] .max-width {
  max-width: 600px;
}

body[yahoo] .invisible-preheader {
  width: 0px !important;
  height: 0px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  display: none !important;
  color: #e8e8e8 !important;
}

body[yahoo] .mobilecookiestatement {
  display: none;
  -mso-hide: all;
}

@media screen and (max-width: 600px) {
  body[yahoo] .hidethis {
    width: 0px !important;
    display: none !important;
  }
  body[yahoo] .cookiestatement {
    text-align: center !important;
  }
  body[yahoo] .mobilecookiestatement {
    display: block !important;
    width: 300px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    color: #000000 !important;
    text-align: center !important;
    line-height: 30px !important;
  }
  body[yahoo] .mobilecookiestatementlink {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    color: #000000 !important;
    text-align: center !important;
    line-height: 30px !important;
    text-decoration: underline;
  }
  /* ---- Widths ----*/
  body[yahoo] .displayblock {
    display: block !important;
  }
  body[yahoo] .displayinlineBlock {
    display: inline-block !important;
  }
  body[yahoo] .fullwidth {
    width: 100% !important;
  }
  body[yahoo] .width90pc {
    width: 90% !important;
  }
  body[yahoo] .halfwidth {
    width: 50% !important;
  }
  body[yahoo] .quarterwidth {
    width: 25% !important;
    display: block !important;
  }
  body[yahoo] .imgfull {
    width: 100% !important;
    height: auto !important;
  }
  body[yahoo] .imgmax {
    max-width: 100% !important;
    height: auto !important;
  }
  body[yahoo] .minwidthfull {
    min-width: 100% !important;
  }
  /* ---- Heights ----*/
  body[yahoo] .td10 {
    height: 10px !important;
  }
  body[yahoo] .td20 {
    height: 20px !important;
  }
  body[yahoo] .td30 {
    height: 30px !important;
  }
  /* ---- Margins ----*/
  body[yahoo] .mt10 {
    display: block !important;
    margin-top: 10px !important;
  }
  body[yahoo] .mt15 {
    display: block !important;
    margin-top: 15px !important;
  }
  body[yahoo] .mt20 {
    display: block !important;
    margin-top: 20px !important;
  }
  body[yahoo] .mb10 {
    display: block !important;
    margin-bottom: 10px !important;
  }
  body[yahoo] .mb15 {
    display: block !important;
    margin-bottom: 15px !important;
  }
  body[yahoo] .mb20 {
    display: block !important;
    margin-bottom: 20px !important;
  }
  /* ---- Paddings ----*/
  body[yahoo] .pt10 {
    display: block !important;
    padding-top: 10px !important;
  }
  body[yahoo] .pt15 {
    display: block !important;
    padding-top: 15px !important;
  }
  body[yahoo] .pt20 {
    display: block !important;
    padding-top: 20px !important;
  }
  body[yahoo] .pb10 {
    display: block !important;
    padding-bottom: 10px !important;
  }
  body[yahoo] .pb15 {
    display: block !important;
    padding-bottom: 15px !important;
  }
  body[yahoo] .pb20 {
    display: block !important;
    padding-bottom: 20px !important;
  }
  body[yahoo] .plr10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  /* ---- Font Styling ----*/
  body[yahoo] .textcenter {
    text-align: center !important;
  }
  body[yahoo] .textleft {
    text-align: left !important;
  }
  body[yahoo] .textright {
    text-align: right !important;
  }
  body[yahoo] .fsz20 {
    font-size: 20px !important;
  }
  body[yahoo] .fsz24 {
    font-size: 24px !important;
  }
  body[yahoo] .fsz30 {
    font-size: 30px !important;
  }
  body[yahoo] .lh20 {
    line-height: 20px !important;
  }
  body[yahoo] .lh30 {
    line-height: 30px !important;
  }
  body[yahoo] .lh40 {
    line-height: 40px !important;
  }
  /* ---- Background colours ----*/
  body[yahoo] .bgffffff {
    background-color: #00928f !important;
  }
  body[yahoo] .bg000000 {
    background-color: #000000 !important;
  }
}
#colourPickerPreview table {
  border-spacing: 0px !important;
  border-collapse: collapse !important;
}

#colourPickerPreview img {
  display: block !important;
}

#colourPickerPreview table td {
  border-collapse: collapse !important;
}

#colourPickerPreview,
html,
#colourPickerPreview body {
  margin: 0px !important;
  padding: 0px !important;
  -webkit-text-size-adjust: none !important;
  -ms-text-size-adjust: none !important;
  line-height: 100% !important;
  -mso-line-height: 100% !important;
}

#colourPickerPreview .max-width {
  max-width: 600px;
}

#colourPickerPreview .invisible-preheader {
  width: 0px !important;
  height: 0px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  display: none !important;
  color: #e8e8e8 !important;
}

#colourPickerPreview .mobilecookiestatement {
  display: none;
  -mso-hide: all;
}

@media screen and (max-width: 600px) {
  #colourPickerPreview .hidethis {
    width: 0px !important;
    display: none !important;
  }
  #colourPickerPreview .cookiestatement {
    text-align: center !important;
  }
  #colourPickerPreview .mobilecookiestatement {
    display: block !important;
    width: 300px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    color: #000000 !important;
    text-align: center !important;
    line-height: 30px !important;
  }
  #colourPickerPreview .mobilecookiestatementlink {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9px !important;
    color: #000000 !important;
    text-align: center !important;
    line-height: 30px !important;
    text-decoration: underline;
  }
  /* ---- Widths ----*/
  #colourPickerPreview .displayblock {
    display: block !important;
  }
  #colourPickerPreview .displayinlineBlock {
    display: inline-block !important;
  }
  #colourPickerPreview .fullwidth {
    width: 100% !important;
  }
  #colourPickerPreview .width90pc {
    width: 90% !important;
  }
  #colourPickerPreview .halfwidth {
    width: 50% !important;
  }
  #colourPickerPreview .quarterwidth {
    width: 25% !important;
    display: block !important;
  }
  #colourPickerPreview .imgfull {
    width: 100% !important;
    height: auto !important;
  }
  #colourPickerPreview .imgmax {
    max-width: 100% !important;
    height: auto !important;
  }
  #colourPickerPreview .minwidthfull {
    min-width: 100% !important;
  }
  /* ---- Heights ----*/
  #colourPickerPreview .td10 {
    height: 10px !important;
  }
  #colourPickerPreview .td20 {
    height: 20px !important;
  }
  #colourPickerPreview .td30 {
    height: 30px !important;
  }
  /* ---- Margins ----*/
  #colourPickerPreview .mt10 {
    display: block !important;
    margin-top: 10px !important;
  }
  #colourPickerPreview .mt15 {
    display: block !important;
    margin-top: 15px !important;
  }
  #colourPickerPreview .mt20 {
    display: block !important;
    margin-top: 20px !important;
  }
  #colourPickerPreview .mb10 {
    display: block !important;
    margin-bottom: 10px !important;
  }
  #colourPickerPreview .mb15 {
    display: block !important;
    margin-bottom: 15px !important;
  }
  #colourPickerPreview .mb20 {
    display: block !important;
    margin-bottom: 20px !important;
  }
  /* ---- Paddings ----*/
  #colourPickerPreview .pt10 {
    display: block !important;
    padding-top: 10px !important;
  }
  #colourPickerPreview .pt15 {
    display: block !important;
    padding-top: 15px !important;
  }
  #colourPickerPreview .pt20 {
    display: block !important;
    padding-top: 20px !important;
  }
  #colourPickerPreview .pb10 {
    display: block !important;
    padding-bottom: 10px !important;
  }
  #colourPickerPreview .pb15 {
    display: block !important;
    padding-bottom: 15px !important;
  }
  #colourPickerPreview .pb20 {
    display: block !important;
    padding-bottom: 20px !important;
  }
  #colourPickerPreview .plr10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  /* ---- Font Styling ----*/
  #colourPickerPreview .textcenter {
    text-align: center !important;
  }
  #colourPickerPreview .textleft {
    text-align: left !important;
  }
  #colourPickerPreview .textright {
    text-align: right !important;
  }
  #colourPickerPreview .fsz20 {
    font-size: 20px !important;
  }
  #colourPickerPreview .fsz24 {
    font-size: 24px !important;
  }
  #colourPickerPreview .fsz30 {
    font-size: 30px !important;
  }
  #colourPickerPreview .lh20 {
    line-height: 20px !important;
  }
  #colourPickerPreview .lh30 {
    line-height: 30px !important;
  }
  #colourPickerPreview .lh40 {
    line-height: 40px !important;
  }
  /* ---- Background colours ----*/
  #colourPickerPreview .bgffffff {
    background-color: #00928f !important;
  }
  #colourPickerPreview .bg000000 {
    background-color: #000000 !important;
  }
}
.settings__contentWrapper p {
  color: #003254;
  padding: 0 0 10px;
}
.settings__contentWrapper .settings__prefs-emailto {
  text-align: center;
  padding: 20px 0;
  color: #003254;
  margin: 0;
}
.settings__contentWrapper .settings__prefs-yesNo .form__checkBoxSlider--yesNo {
  top: 0;
}

.settings__logo-preview {
  max-width: 200px;
}

.settings__bg-preview {
  width: 100%;
  max-width: 600px;
}

.settings__unsubscribeMessage {
  margin: 20px 0px 5px 0;
}

.settings__prefs-forName {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.settings__prefs-forName p {
  text-align: center;
}

.setttings__prefs-privacy-intro {
  margin-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.settings__prefs-logo {
  text-align: center;
}
.settings__prefs-logo img {
  display: block;
  max-width: 200px;
  margin: 0 auto 10px auto;
}

.setttings__prefs-privacy-policy {
  margin-bottom: 20px;
}
.setttings__prefs-privacy-policy a {
  text-decoration: none;
  color: #9fc01b;
}

[class*=settings__optInOut] {
  padding: 10px 0;
}
[class*=settings__optInOut] h2 {
  margin: 0;
  color: #9fc01b;
}

.settings__optedOut {
  color: #ef5350 !important;
}

/* rows*/
.settings__InnerRowBtn--hex [class*=formInput--] {
  margin-top: 10px;
}
.settings__InnerRowBtn--hex button {
  padding: 0 10px;
  float: right;
  position: relative;
  right: -20px;
  height: 36px;
  text-align: left;
}
.settings__InnerRowBtn--hex .col-md-7 {
  padding: 0 0 0 15px;
  width: 80%;
}
.settings__InnerRowBtn--hex .col-md-5 {
  padding: 0;
}

/*status rows*/
[class*=settings__StatusBar--] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  transition: all 1s ease;
  padding: 5px 10px;
  height: auto;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
}

[class*=settings__StatusBar--].statusTrue {
  background-color: #9fc01b;
}

[class*=settings__StatusBar--]:not(.statusTrue) {
  background-color: #ef5350;
}

.settings__StatusBar--websiteVerify.statusTrue:before,
.settings__StatusBar--websiteVerify:not(.statusTrue):before {
  content: "Website Verified";
  transition: all 1s ease;
  vertical-align: middle;
  font-weight: bold;
  vertical-align: middle;
}

.settings__StatusBar--websiteVerify:not(.statusTrue):before {
  content: "Website Not Verified";
}

.settings__StatusBar--websiteVerify.statusTrue:after,
.settings__StatusBar--websiteVerify:not(.statusTrue):after {
  font-family: "icomoon";
  content: "\f047";
  transition: all 1s ease;
  margin: 0 0 0 20px;
  font-size: 1.5em;
  vertical-align: middle;
}

.settings__StatusBar--websiteVerify:not(.statusTrue):after {
  content: "\ea07";
}

/*responsive*/
@media screen and (max-width: 990px) {
  .settings__InnerRowBtn--hex .col-md-7 {
    width: 120px;
  }
  .settings__InnerRowBtn--hex .col-md-5 {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 768px) {
  .settings__InnerRowBtn--hex button {
    right: -15px;
  }
}
@media screen and (max-width: 550px) {
  .checkSlideLabel {
    margin-top: 38px;
  }
  .settings__InnerRowBtn--hex button {
    font-size: 0.75em;
  }
}
/* Scss Document */
[class*=row__basic] {
  display: block;
  width: 100%;
  margin: 5px 0 20px;
  text-align: center;
}

.row__basic--title {
  margin: 20px 0 5px;
}

.row__basic--noMargin {
  margin: 0;
}

.row.clickable {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.row.clickable:hover {
  background: rgba(0, 0, 0, 0.1);
}

.dashboardSubheader {
  background: #003254;
  height: 50px;
  margin-bottom: 1rem !important;
}
.dashboardSubheader h2 {
  line-height: 50px;
  color: #ffffff;
}

.selectedRow {
  background: #003254;
  color: #ffffff;
}

#personalDetails .row,
#memberStatus .row,
#membershipDetails .row,
#memberContacts .row,
#memberAddress .row,
#marketingPrefs .row {
  margin: 10px 0;
  padding: 5px 0;
}
#personalDetails .row input,
#personalDetails .row select,
#memberStatus .row input,
#memberStatus .row select,
#membershipDetails .row input,
#membershipDetails .row select,
#memberContacts .row input,
#memberContacts .row select,
#memberAddress .row input,
#memberAddress .row select,
#marketingPrefs .row input,
#marketingPrefs .row select {
  margin: 0;
}

.membersDatePicker {
  margin: 40px 0 0 15px !important;
}

.row__basic--reportChart {
  height: 125px;
  position: relative;
  top: -30px;
}
.row__basic--reportChart .col__reportChart {
  display: block;
  position: absolute;
  width: 600px;
  height: 300px;
  left: 50%;
  margin-left: -300px;
  z-index: 1;
}
.row__basic--reportChart .col__reportChartLeft,
.row__basic--reportChart .col__reportChartRight {
  display: block;
  position: absolute;
  width: 336px;
  height: 336px;
  left: 16.5%;
  margin-left: -168px;
}
.row__basic--reportChart .col__reportChartRight {
  left: 83.5%;
}

.rows__groupNameIndex {
  text-overflow: ellipsis;
  overflow: hidden;
}

/*bootstrap overrides*/
.bootstrapOverride.container {
  padding: 0;
  min-width: 100%;
}
.bootstrapOverride.container .row {
  padding: 0;
  margin: 0;
}
.bootstrapOverride.container .row div {
  vertical-align: middle;
}
.bootstrapOverride.container .row .row .row {
  padding: 0;
  margin: 0;
}
.bootstrapOverride.container .col-12 {
  padding: 5px 0;
}
.bootstrapOverride.container .col-12.row__description {
  border: 1px solid #ccd6dd;
  border-top: 1 solid white;
  background-color: white;
  padding: 10px 10px 5px;
  position: relative;
  top: -5px;
}
.bootstrapOverride.container .col-12.row__description p {
  padding: 0;
  margin: 0 0 5px;
}
.bootstrapOverride.container .modal-body {
  margin: 15px;
}

/*row as tables*/
.row__title {
  background-color: #ccd6dd;
  text-align: center;
  color: #003254;
  padding: 5px;
  margin: 5px 0;
  font-size: 1.25em;
}

.row__headings {
  background-color: #ecf2d1;
}
.row__headings div:not(row) {
  padding: 0 5px;
}

.row__colWithSelect {
  padding: 0 5px;
}

.row__colWithButtons {
  padding: 0 0 0 5px;
}

.row__colWithButtons--search {
  padding: 0;
  position: relative;
  left: -20px;
  top: 4px;
  vertical-align: bottom;
}
.row__colWithButtons--search button {
  width: calc(100% + 15px);
}

.row__colWithButtons button,
.row__colWithButtons a {
  margin: 3px 0 2px;
}

div.row__colWithLabel {
  position: relative;
  padding: 15px 5px 0;
}
div.row__colWithLabel label {
  color: #9fc01b;
  font-size: 0.85em;
  margin: 0;
  position: absolute;
  top: -8px;
  left: 10px;
}

.row__alternate2 {
  position: relative;
}
.row__alternate2 div {
  overflow: hidden;
}
.row__alternate2 div:not(.row) {
  padding: 0 5px;
}
.row__alternate2 div.row__colWithLabel:not(.row) {
  padding: 10px 5px 0;
}
.row__alternate2 [class*=row__colWithButtons] {
  padding: 0 0 0 5px;
}
.row__alternate2 .d-md-none {
  color: #9fc01b;
  font-size: 0.75em;
  position: absolute;
  top: -2px;
  left: 0;
}
.row__alternate2 .row__col--isValid:before {
  font-family: "icomoon";
  content: "\f00c";
}
.row__alternate2 .row__col--isValid.row__col--inValid:before {
  content: "\f00d";
}

.row__alternate2:nth-of-type(even) {
  background-color: #e6e6e6;
}

.row__mobileHeading {
  position: relative;
}

.row__mobileValues {
  text-align: left;
}

.row__mobileValues--interest:before {
  display: none;
  content: "interest:";
  margin: 0 20px 0 0;
}

/*responsive*/
@media only screen and (max-width: 1400px) {
  .row__basic--reportChart .col__reportChartLeft,
  .row__basic--reportChart .col__reportChartRight {
    width: 33%;
    height: auto;
    left: 0;
    margin-left: 0;
  }
  .row__basic--reportChart .col__reportChartRight {
    left: 67%;
  }
}
@media only screen and (max-width: 991px) {
  .row__basic--reportChart .col__reportChartLeft,
  .row__basic--reportChart .col__reportChartRight {
    display: none;
  }
  .row__alternate2 .row__colWithButtons,
  .row__colWithButtons {
    padding: 0;
  }
  .row__colWithButtons button,
  .row__colWithButtons a {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .row__headings {
    display: none;
  }
  .row__alternate2 div {
    overflow: visible;
  }
  .row__alternate2 div.row__colWithLabel:not(.row) {
    padding: 10px 5px 0;
  }
  .row__alternate2 [class*=row__colWithButtons] {
    padding: 0 5px;
  }
  .row__alternate2 .row__mobileHeading {
    background-color: #ecf2d1;
    top: -6px;
    border-bottom: 3px solid white;
  }
  .row__alternate2 .row__mobileValues {
    text-align: right;
  }
  .row__alternate2 .row__mobileValues .row__mobileValues--interest {
    font-size: 0.75em;
  }
  .row__alternate2 .row__mobileValues--interest:before {
    display: inline-block;
  }
}
#fdHelpWidget {
  color: #fff;
  border: 0;
  float: right;
  background: hsl(261, 36.4%, 43.1%);
  font-size: 18px;
}

#fdHelpWidget:hover {
  background: hsl(261, 36.4%, 33.1%);
}

footer {
  background-color: #003254;
  padding-top: 18px;
  padding-bottom: 18px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8em;
  text-align: right;
}
footer ul li {
  display: inline-block;
  margin-left: 60px;
}
footer ul li a {
  color: inherit;
  letter-spacing: 0.7px;
}
footer ul li a:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.9);
}
footer ul .footer__cuName {
  font-size: 0.9rem;
  float: left;
  margin-left: 0;
}

@media screen and (max-width: 990px) {
  footer {
    display: none;
    text-align: center;
  }
  footer ul li {
    display: block;
    margin-left: 0;
  }
}
.table {
  margin-bottom: 0;
}

.table th {
  font-weight: 500;
}

.table th,
.table td {
  line-height: 34px;
  white-space: nowrap;
}

.table > thead {
  background: #EEE;
}

.table > thead > tr > th {
  border-color: #EEE;
}

.table > thead > tr:first-child > th {
  text-align: center;
  padding-top: 4em;
}

.table-condensed > thead > tr:first-child > th {
  text-align: center;
  padding-top: 0;
}

.table > thead > tr:first-child > th {
  border-top: 0;
}

.table-controls > thead > tr:last-child > th {
  line-height: unset;
}

.table-control {
  width: 0;
  text-align: center;
}

.table-fixed {
  table-layout: fixed;
}

.table-fixed th,
.table-fixed td {
  white-space: unset;
  word-wrap: break-word;
}

.table > tbody > tr > th {
  text-align: center;
}

.table-responsive table {
  min-width: 600px;
}

table.dataTable thead {
  background: #003254;
}
table.dataTable thead .sorting_desc {
  filter: hue-rotate(200deg);
}
table.dataTable thead .sorting {
  filter: hue-rotate(200deg);
}
table.dataTable thead .sorting_asc {
  filter: hue-rotate(200deg);
}
table.dataTable thead .sorting:after {
  opacity: 0.2;
  content: none;
}
table.dataTable thead .sorting_asc:after {
  content: none;
}
table.dataTable thead .sorting_desc:after {
  content: none;
}
table.dataTable thead th {
  border: none;
  color: #fff;
  line-height: 24px;
  padding-top: 10px !important;
}
table.dataTable td .btn-sm {
  font-size: 11px;
}

/*FORM BUILDER*/
.build_item {
  user-select: none;
  cursor: default;
  border-radius: 4px;
  padding: 5px;
}
.build_item label,
.build_item h1,
.build_item h2,
.build_item p,
.build_item hr {
  user-select: none;
  cursor: move;
}
.build_item .form-builder-delete {
  display: none;
  font-size: 25px;
  position: absolute;
  top: -10px;
  right: -5px;
  cursor: pointer;
}

.input-group-prepend i {
  font-size: 15px;
}

.build_item.active {
  background: #b3e6ff;
}
.build_item.active .form-builder-delete {
  display: initial;
}

.formElement__Right {
  float: right;
}

.form-control {
  align-self: start;
}

/*hide me universal*/
.form__hideMeRowThin,
.form__hideMeRow,
.form__hideMe,
.form__hideMe--thin {
  transition: all 1s ease;
  overflow: hidden;
}
.form__hideMeRowThin .form-control,
.form__hideMeRow .form-control,
.form__hideMe .form-control,
.form__hideMe--thin .form-control {
  width: calc(100% - 6px);
  margin: 0 0 0 3px;
  padding: 0 35px 8px 2px;
}

.form__hideMe--thin label {
  white-space: nowrap;
}

.form__hideMeRow:not(.hideMeNot),
.form__hideMe:not(.hideMeNot) {
  height: 0;
}

.form__hideMeRow .col-md-6.form__hideMe.form__hideMeThisTime {
  margin: 0 0 3px;
}
.form__hideMeRow .col-md-6.form__hideMe.form__hideMeThisTime .col-md-12 {
  padding: 0 0 0 5px;
}
.form__hideMeRow .col-md-6.form__hideMe.form__hideMeThisTime .formSelect.col-md-6 {
  position: relative;
  top: -2px;
}
.form__hideMeRow .col-md-6.form__hideMe.form__hideMeThisTime .formSelect.col-md-6:nth-of-type(2) {
  position: relative;
  margin: 0;
}

.form__hideMeRowThin {
  height: auto;
  padding: 0;
}
.form__hideMeRowThin .col-md-4 {
  height: 66px;
}

.form__hideMe--thin:not(.hideMeNot) {
  width: 0;
}

/*forms rwos*/
.mainContainer .contentRight .formRow--noMargin.row {
  margin: 0 -15px;
}

/*forms rwos*/
.formCell__readonly p {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}

/*forms inputs*/
[class*=formInput--] {
  position: relative;
}

.formInput--number input {
  padding: 1px 5px 8px;
  height: 38px;
}
.formInput--number input[type=number]::-webkit-inner-spin-button,
.formInput--number input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.formInput--date input {
  cursor: pointer;
}

[class*=formInput--]:after {
  font-family: "icomoon";
  content: "";
  position: absolute;
  right: 14px;
  top: 0;
  margin-bottom: -18px;
  font-size: 18px;
  display: block;
  transition: all 1s ease;
  color: #ccd6dd;
  z-index: -1;
}

[class*=formInput--]:focus:after {
  color: #ecf2d1;
}

.formInput--withClintColours:after,
.formInput--hex:after,
.formInput--text:after {
  content: "\f044";
}

.formInput--hex:after {
  right: 3px;
  top: -3px;
}

.formInput--date:after {
  content: "\f073";
}

.formInput--search:after {
  content: "\e925";
  right: 3px;
  top: 5px;
}

.formInput--filter:after {
  content: "\f0b0";
  right: 3px;
  top: 5px;
}

.formInput--pounds:after {
  content: "\f155";
  right: auto;
  left: 0;
  position: absolute;
  top: -2px;
  font-size: 24px;
}

/*checkbox*/
.form__inputRow--check {
  text-align: left;
  margin: 0 0 20px;
}

.form__inputRow--check:before {
  display: none;
}

.formLabel--check {
  width: 80%;
  width: calc(100% - 35px);
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 0 0;
}

.form__check.disabled {
  background: #e6e6e6;
  cursor: not-allowed;
}
.form__check.disabled label {
  display: none;
}

.form__check {
  width: 25px;
  height: 25px;
  background: #ffffff;
  position: relative;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-color: #003254;
  transition: border 1s ease;
}

.form__check:before {
  content: "Required";
  position: absolute;
  left: -19px;
  bottom: -19px;
  height: 20px;
  color: white;
  transition: opacity 1s ease;
  padding: 1px 5px;
  font-size: 0.8em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #ef5350;
}

.form__check:not(.form__inputRequired):before {
  opacity: 0;
}

.form__check.form__inputRequired:before {
  opacity: 1;
}

.form__check.form__inputRequired {
  transition: all ease 1s;
  background-color: #fcdddc;
}

.form__check.form__inputRequired:not(:hover):not(:focus) {
  border-color: #ef5350;
}

.form__check label {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 4px;
  top: 4px;
}

.form__check label:after {
  font-family: "icomoon";
  content: "\f00c";
  display: block;
  position: absolute;
  top: -9px;
  right: 12px;
  color: silver;
  transition: all 1s ease;
  font-size: 20px;
  color: #9fc01b;
  opacity: 0;
}

.form__check label:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: -7px;
  background-color: white;
  width: 15px;
  height: 18px;
  transition: all 0.5s ease;
  opacity: 0;
}

.form__check label:hover::before {
  opacity: 1;
}

.form__check label:hover::after {
  opacity: 0.3;
}

.form__check input[type=checkbox]:checked + label:after,
.form__check input[type=checkbox]:checked + label:before {
  opacity: 1;
}

/*bootstrap override*/
select.form-control:not([size]):not([multiple]) {
  height: 38px;
}

.form-control:focus {
  background-color: #ffffff;
  border-color: #9fc01b;
  box-shadow: 0 0;
  outline: 0 none;
}

.form-control:disabled {
  background-color: rgba(255, 255, 255, 0.2);
  color: #495057;
}
.form-control:disabled:hover {
  border-bottom-color: #ccd6dd;
}
.form-control:disabled:focus, .form-control:disabled:focus:hover {
  border-bottom-color: #ccd6dd;
}

/* Fix height on select box overwriting bootstraps css */
/*
select.form-control:not([size]):not([multiple]) {
  height: auto;
}*/
/* Custom select box */
.formSelect {
  position: relative;
}

select.form-control {
  color: #003254;
  cursor: pointer;
}
select.form-control:hover {
  /*
  border-color: transparent;
  border-bottom-color: $mainColour;
  */
}

/*div .form-control*/
div.form-control:hover {
  border-color: #9fc01b;
}
div.form-control a:hover,
div.form-control a:focus {
  color: #9fc01b;
}
div.form-control a.button__disabled {
  background-color: white;
  border: 1px solid transparent;
  box-shadow: none;
  cursor: not-allowed;
  color: silver;
}

.formSelect:not(.inputs__http-select):after {
  right: 15px;
}

.form__narrow .formSelect:not(.inputs__http-select):after {
  right: 7px;
  top: 14px;
}
.form__narrow [class*=formInput--]:after {
  right: 5px;
  top: 3px;
}
.form__narrow [class*=formInput--] input {
  height: 38px;
}

.inputs__http-select:after {
  right: 25px;
}

/*checkbox slider*/
[class*=form__checkBoxWrapper] .settingsLabel {
  padding: 0 15px;
}

[class*=form__checkBoxSlider] input[type=checkbox] {
  visibility: hidden;
}

[class*=form__checkBoxSlider]:not([class*=form__checkBoxSliderExtended]) {
  width: 100px;
  height: 39px;
  background: #e6ebee;
  margin: 5px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  right: 15px;
  top: -24px;
  border: 1px solid #ccd6dd;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  -moz-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
}

[class*=form__checkBoxSliderExtended] {
  width: 120px;
  height: 39px;
  background: #e6ebee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  right: 15px;
  border: 1px solid #ccd6dd;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  -moz-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
}

.form__checkBoxSliderExtended--showHide {
  top: -18px;
}

.form__checkBoxSlider--inOut,
.form__checkBoxSlider--showHide {
  top: 0;
  margin: 0;
}

[class*=form__checkBoxSlider]:after {
  content: "Off";
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 0;
  font-weight: bold;
  color: #ef5350;
  font-size: 18px;
}

[class*=form__checkBoxSlider]:before {
  content: "On";
  color: #9fc01b;
  position: absolute;
  left: 10px;
  top: 4px;
  z-index: 0;
  font-weight: bold;
  font-size: 18px;
}

.form__checkBoxSlider--yesNo:before {
  content: "Yes";
}

.form__checkBoxSlider--yesNo:after {
  content: "No";
}

.form__checkBoxSlider--inOut:before {
  content: "In";
}

.form__checkBoxSlider--inOut:after {
  content: "Out";
}

.form__checkBoxSliderExtended--showHide:before {
  content: "Show";
}

.form__checkBoxSliderExtended--showHide:after {
  content: "Hide";
}

.form__checkBoxSlider--radio:before {
  content: "";
}

.form__checkBoxSlider--radio:after {
  content: "";
}

.formBuilder .row:not(.fieldGroup):not(.addNewItemRow):hover {
  background: #f8f9fa;
}
.formBuilder .row:not(.itemRow):not(.fieldGroup) {
  padding: 40px 0;
}
.formBuilder .row.itemRow {
  padding: 10px 0;
}
.formBuilder .stickyheader {
  color: #003254;
  font-size: 0.9em;
  padding: 10px 0;
  letter-spacing: 0.7px;
}

.memberFilterContainer {
  height: 100px;
  margin-bottom: 20px !important;
}

[class*=form__checkBoxSliderExtended] label {
  display: block;
  width: 55px;
  height: 37px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 1;
}

#updateUserForm {
  width: 100%;
}

[class*=form__checkBoxSlider]:not([class*=form__checkBoxSliderExtended]) label {
  display: block;
  width: 44px;
  height: 37px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 1;
}

[class*=form__checkBoxSlider] input[type=checkbox]:not(:checked) + label {
  left: 0px;
  background-color: #ef5350;
}

[class*=form__checkBoxSliderExtended] input[type=checkbox]:checked + label {
  left: 63px;
  background-color: #9fc01b;
}

[class*=form__checkBoxSlider]:not([class*=form__checkBoxSliderExtended]) input[type=checkbox]:checked + label {
  left: 54px;
  background-color: #9fc01b;
}

[class*=form__checkBoxSlider] input[type=checkbox]:disabled + label {
  background-color: #e6e6e6;
  width: 98px;
  left: -1px;
}

.greyout [class*=form__checkBoxSlider] {
  display: none;
}

.form__checkSlider--HiddenNumber {
  display: none;
}

.form__checkBoxWrapper--1row {
  margin: 0;
}
.form__checkBoxWrapper--1row .col-md-10,
.form__checkBoxWrapper--1row .col-md-9,
.form__checkBoxWrapper--1row .col-md-3 {
  padding: 0;
}
.form__checkBoxWrapper--1row .form__checkBoxSlider--yesNo {
  right: 0;
}

/*forms__multiColumnWrapper*/
.forms__multiColumnWrapper,
.form__colourPicker--Wrapper {
  width: 100%;
}
.forms__multiColumnWrapper .col-md-12,
.forms__multiColumnWrapper .col-md-8,
.forms__multiColumnWrapper .col-md-6,
.forms__multiColumnWrapper .col-md-4,
.forms__multiColumnWrapper .col-md-3,
.forms__multiColumnWrapper .col-md-2,
.form__colourPicker--Wrapper .col-md-12,
.form__colourPicker--Wrapper .col-md-8,
.form__colourPicker--Wrapper .col-md-6,
.form__colourPicker--Wrapper .col-md-4,
.form__colourPicker--Wrapper .col-md-3,
.form__colourPicker--Wrapper .col-md-2 {
  padding: 0;
  width: 100%;
}
.forms__multiColumnWrapper .col-md-2,
.forms__multiColumnWrapper .col-md-3,
.forms__multiColumnWrapper .col-md-4,
.forms__multiColumnWrapper .col-md-6,
.forms__multiColumnWrapper .col-md-8,
.form__colourPicker--Wrapper .col-md-2,
.form__colourPicker--Wrapper .col-md-3,
.form__colourPicker--Wrapper .col-md-4,
.form__colourPicker--Wrapper .col-md-6,
.form__colourPicker--Wrapper .col-md-8 {
  display: inline-block;
  width: calc(66.6666% - 3px);
  vertical-align: top;
}
.forms__multiColumnWrapper .col-md-6,
.form__colourPicker--Wrapper .col-md-6 {
  width: calc(50% - 3px);
}
.forms__multiColumnWrapper .col-md-4,
.form__colourPicker--Wrapper .col-md-4 {
  width: calc(33.33% - 3px);
}
.forms__multiColumnWrapper .col-md-3,
.form__colourPicker--Wrapper .col-md-3 {
  width: calc(25% - 3px);
}
.forms__multiColumnWrapper .col-md-2,
.form__colourPicker--Wrapper .col-md-2 {
  width: calc(16.666% - 3px);
}
.forms__multiColumnWrapper label,
.form__colourPicker--Wrapper label {
  color: #003254;
  height: 30px;
  margin: 0;
  padding: 5px 0 5px 5px;
}
.forms__multiColumnWrapper .form__checkBoxSlider--yesNo label,
.form__colourPicker--Wrapper .form__checkBoxSlider--yesNo label {
  height: 37px;
}
.forms__multiColumnWrapper button.btn,
.forms__multiColumnWrapper input.btn,
.form__colourPicker--Wrapper button.btn,
.form__colourPicker--Wrapper input.btn {
  width: 100%;
  padding: 12px 0;
  height: 48px;
  min-width: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.forms__multiColumnWrapper .topLabel,
.form__colourPicker--Wrapper .topLabel {
  width: 100%;
  display: block;
  padding: 0 10px;
  height: 30px;
}
.forms__multiColumnWrapper .labelNote,
.form__colourPicker--Wrapper .labelNote {
  float: right;
  color: #003254;
}
.forms__multiColumnWrapper .uploadBox label,
.form__colourPicker--Wrapper .uploadBox label {
  margin: 0 auto;
  height: auto;
  text-align: center;
  color: white;
  padding: 7px;
  height: 40px;
}
.forms__multiColumnWrapper .form__hideMeRow.hideMeNot,
.forms__multiColumnWrapper .form__hideMe.hideMeNot,
.form__colourPicker--Wrapper .form__hideMeRow.hideMeNot,
.form__colourPicker--Wrapper .form__hideMe.hideMeNot {
  height: 66px;
}
.forms__multiColumnWrapper .col-md-4.form__hideMe--thin:not(.hideMeNot),
.form__colourPicker--Wrapper .col-md-4.form__hideMe--thin:not(.hideMeNot) {
  width: 0;
}
.forms__multiColumnWrapper .col-md-4.form__hideMe--thin.hideMeNot,
.form__colourPicker--Wrapper .col-md-4.form__hideMe--thin.hideMeNot {
  width: calc(33.33% - 3px);
}

.forms__multiColumnWrapper--Column {
  margin: 0 0 20px;
}

.forms__multiColumnWrapper--Column:last-of-type {
  margin: 0 0 40px;
}

/*colour Picker*/
.form__colourPicker--Wrapper label {
  color: #003254;
}
.form__colourPicker--Wrapper .form__colourPicker--column {
  margin: 0 0 20px;
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.form__colourPicker--Wrapper .col-md-4:nth-of-type(3n + 3) {
  padding: 10px 0;
}
.form__colourPicker--Wrapper .colorpicker--SelectWrapper {
  background-color: white;
}

/*form requred*/
.forms__multiColumnWrapper .formInput--text:before,
.forms__multiColumnWrapper .formSelect:before,
.forms__multiColumnWrapper .formInput--date:before {
  content: "Please Enter a Value";
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -85px;
  font-size: 0.8em;
  width: 170px;
  text-align: center;
  z-index: 1;
  padding: 2px 5px;
  border: 1px solid #5e9ed5;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
  transition: opacity 1s ease;
}

.forms__multiColumnWrapper .formSelect:before,
.forms__multiColumnWrapper .formInput--date:before {
  content: "Please Select a Value";
}

.forms__multiColumnWrapper .formInput--text:not(.form__requredButEmpty):before,
.forms__multiColumnWrapper .formSelect:not(.form__requredButEmpty):before,
.forms__multiColumnWrapper .formInput--date:not(.form__requredButEmpty):before {
  opacity: 0;
}

.forms__multiColumnWrapper .formInput--text.form__requredButEmpty:before,
.forms__multiColumnWrapper .formSelect.form__requredButEmpty:before,
.forms__multiColumnWrapper .formInput--date.form__requredButEmpty:before {
  opacity: 1;
}

/*reponsive*/
@media screen and (max-width: 768px) {
  [class*=form__checkBoxWrapper] .settingsLabel {
    top: -15px;
  }
  .form__checkBoxWrapper--1row .col-md-10,
  .form__checkBoxWrapper--1row .col-md-9 {
    width: calc(100% - 100px);
    padding: 0;
  }
  .form__checkBoxWrapper--1row .col-md-2,
  .form__checkBoxWrapper--1row .col-md-3 {
    width: 100px;
  }
  .form__checkBoxWrapper--1row .form__checkBoxSlider--yesNo {
    top: -24px;
  }
  [class*=form__checkBoxSlider] {
    right: 15px;
    top: -100px;
  }
  .forms__multiColumnWrapper .col-md-4.form__hideMe--thin.hideMeNot,
  .forms__multiColumnWrapper .form__hideMe--thin:not(.hideMeNot),
  .forms__multiColumnWrapper .col-md-12,
  .forms__multiColumnWrapper .col-md-8,
  .forms__multiColumnWrapper .col-md-6,
  .forms__multiColumnWrapper .col-md-4,
  .forms__multiColumnWrapper .col-md-3,
  .forms__multiColumnWrapper .col-md-2,
  .form__colourPicker--Wrapper .col-md-4.form__hideMe--thin.hideMeNot,
  .form__colourPicker--Wrapper .form__hideMe--thin:not(.hideMeNot),
  .form__colourPicker--Wrapper .col-md-12,
  .form__colourPicker--Wrapper .col-md-8,
  .form__colourPicker--Wrapper .col-md-6,
  .form__colourPicker--Wrapper .col-md-4,
  .form__colourPicker--Wrapper .col-md-3,
  .form__colourPicker--Wrapper .col-md-2 {
    width: 100%;
  }
  .forms__multiColumnWrapper .form__hideMe--thin:not(.hideMeNot),
  .form__colourPicker--Wrapper .form__hideMe--thin:not(.hideMeNot) {
    height: 0;
  }
  .forms__multiColumnWrapper .col-md-4.form__hideMe--thin.hideMeNot,
  .form__colourPicker--Wrapper .col-md-4.form__hideMe--thin.hideMeNot {
    height: 60px;
  }
  .forms__multiColumnWrapper .form__hideMeRow.hideMeNot,
  .form__colourPicker--Wrapper .form__hideMeRow.hideMeNot {
    height: 165px;
  }
  .forms__multiColumnWrapper .form__hideMeRowThin:not(.showMyFirstChild):not(.showMyChildren),
  .form__colourPicker--Wrapper .form__hideMeRowThin:not(.showMyFirstChild):not(.showMyChildren) {
    height: 60px;
  }
  .forms__multiColumnWrapper .form__hideMeRowThin.showMyFirstChild,
  .form__colourPicker--Wrapper .form__hideMeRowThin.showMyFirstChild {
    height: 130px;
  }
  .forms__multiColumnWrapper .form__hideMeRowThin.showMyChildren,
  .form__colourPicker--Wrapper .form__hideMeRowThin.showMyChildren {
    height: 181px;
  }
  .form__hideMeRow .col-md-6.form__hideMe.form__hideMeThisTime {
    height: 100px;
  }
  .form__hideMeRow .col-md-6.form__hideMe.form__hideMeThisTime .formSelect.col-md-6:nth-of-type(2) {
    margin: 10px 0 0;
  }
  [class*=form__checkBoxSlider] {
    margin: 0;
  }
}
@media screen and (max-width: 550px) {
  .form__checkBoxSlider--inOut {
    left: 15px;
    top: -105px !important;
  }
}
.border-thick {
  border-width: 0.19rem;
}

/**
 * I am going to strangle the following code, it's just a matter of time.
 *
 * Make all buttons `$mainBlue` by default, including `.btn-primary`? - fine.
 * Make all of these buttons turn green on hover? Even the dangerous ones? - no thank you.
 *
 * Make `.btn-primary` buttons have a fixed height and padding? - okay.
 * Make them have a DIFFERENT HEIGHT AND PADDING to `.btn-secondary`, `.btn-success`, etc. - why?!
 *
 * Make something that needs a transparent button with green text/outline, that inverts on hover? - okay.
 * Make `.btn-edit` instead of RTFM and using `.btn-outline-succes`? - you should lose keyboard rights.
 *
 * Don't get me started on `.btn-primary.w-100.h-100.p-2` not being a `.btn-primary` with 100% width & height and padding of 2.
 *
 * ...this is a threat, do not befriend the following code - it is doomed.
 */
button,
.btn-primary,
.button__astyle,
a[class*=button__concertina],
a[class*=button__inRow] {
  background-color: #003254;
  font-family: inherit;
  color: white;
  border: 1px solid #003254;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 1px;
  cursor: pointer;
  padding: 6px 10px;
  display: inline-block;
  width: auto;
  line-height: 18px;
  text-align: center;
  transition: all 200ms ease-in-out;
}
button.btn-edit,
.btn-primary.btn-edit,
.button__astyle.btn-edit,
a[class*=button__concertina].btn-edit,
a[class*=button__inRow].btn-edit {
  color: #9fc01b;
  border: 1px solid #9fc01b;
  background: transparent;
}
button.btn-edit:hover,
.btn-primary.btn-edit:hover,
.button__astyle.btn-edit:hover,
a[class*=button__concertina].btn-edit:hover,
a[class*=button__inRow].btn-edit:hover {
  color: white;
  background-color: #9fc01b;
}
button.flex-height,
.btn-primary.flex-height,
.button__astyle.flex-height,
a[class*=button__concertina].flex-height,
a[class*=button__inRow].flex-height {
  max-height: none;
}
button:focus,
.btn-primary:focus,
.button__astyle:focus,
a[class*=button__concertina]:focus,
a[class*=button__inRow]:focus {
  color: #ffffff;
}
button:hover:not(.dropdown-item),
.btn-primary:hover:not(.dropdown-item),
.button__astyle:hover:not(.dropdown-item),
a[class*=button__concertina]:hover:not(.dropdown-item),
a[class*=button__inRow]:hover:not(.dropdown-item) {
  -webkit-box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.16);
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
}
button.btn-warning,
.btn-primary.btn-warning,
.button__astyle.btn-warning,
a[class*=button__concertina].btn-warning,
a[class*=button__inRow].btn-warning {
  background-color: #ffca28;
  border: 1px solid #ffca28;
}
button.btn-danger,
.btn-primary.btn-danger,
.button__astyle.btn-danger,
a[class*=button__concertina].btn-danger,
a[class*=button__inRow].btn-danger {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}
button.btn-danger:focus,
.btn-primary.btn-danger:focus,
.button__astyle.btn-danger:focus,
a[class*=button__concertina].btn-danger:focus,
a[class*=button__inRow].btn-danger:focus {
  box-shadow: none;
}
button.btn-success,
.btn-primary.btn-success,
.button__astyle.btn-success,
a[class*=button__concertina].btn-success,
a[class*=button__inRow].btn-success {
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
}
button.btn-success:hover, button.btn-success:focus,
.btn-primary.btn-success:hover,
.btn-primary.btn-success:focus,
.button__astyle.btn-success:hover,
.button__astyle.btn-success:focus,
a[class*=button__concertina].btn-success:hover,
a[class*=button__concertina].btn-success:focus,
a[class*=button__inRow].btn-success:hover,
a[class*=button__inRow].btn-success:focus {
  background-color: #677d12;
  border: 1px solid #677d12;
}
button.w-100.h-100.p-2,
.btn-primary.w-100.h-100.p-2,
.button__astyle.w-100.h-100.p-2,
a[class*=button__concertina].w-100.h-100.p-2,
a[class*=button__inRow].w-100.h-100.p-2 {
  max-height: auto;
  min-height: 100%;
}

.member-tag {
  font-size: 1.1em;
  letter-spacing: 1px;
  padding: 5px 15px;
  font-weight: 500;
  cursor: default;
}

.delete_tag {
  cursor: pointer;
}

.rangesHasError {
  display: none;
  background: #ef5350;
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.open_banking_incompat,
.open_banking_linked {
  width: auto;
  padding: 5px 15px;
  border-radius: 4px;
  user-select: none;
}

.open_banking_linked {
  background: #9fc01b;
  color: #ffffff;
  display: inline-block;
}

.open_banking_incompat {
  background: #ef5350;
  color: #ffffff;
  display: inline-block;
}

.button--bottom {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: calc(100% - 15px);
}

.button--100 {
  width: 100%;
  margin: 0 0 5px;
}

.mark_activity_deleted,
.mark_activity_read {
  line-height: 32px;
  font-size: 21px;
  cursor: pointer;
}

.button__nolabel {
  margin-top: 32px;
}

a.btn.disabled,
button[disabled],
button:disabled,
.button__astyle.button__disabled {
  background-color: #e6e6e6 !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.button__disabled:hover {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  color: #ffffff;
  cursor: not-allowed;
}

.btn--anchored {
  position: absolute;
  top: 31px;
  width: 100%;
  left: 15px;
  max-width: 105px;
}

.btn {
  cursor: pointer;
}
.btn:hover {
  background-color: #9fc01b;
}
.btn.btn-danger {
  background-color: #ef5350;
}
.btn.btn-danger:hover {
  background-color: #eb2521;
  border: 1px solid #eb2521;
}

#loginbutton,
#supportSubmit,
.userLoginButton {
  position: relative;
  overflow: hidden;
  background-size: 35px;
  background-position: center center;
  background-repeat: no-repeat;
}
#loginbutton:after,
#supportSubmit:after,
.userLoginButton:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: #003254;
  transition: all 200ms ease-in-out;
  background-image: url("../images/loader.gif");
  opacity: 0;
}
#loginbutton.btn-loading,
#supportSubmit.btn-loading,
.userLoginButton.btn-loading {
  background-image: url("../images/loader.gif");
  color: transparent !important;
}

.btn--loading {
  background-image: url("../images/loader.gif");
  background-size: 35px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px !important;
  transition: none !important;
}

.clientControls__user button,
.clientControls__user input[type=submit] {
  border: 1px solid #9fc01b;
  cursor: pointer;
  background: transparent;
  padding: 5px 10px;
  min-width: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #9fc01b;
  margin-left: 20px;
}
.clientControls__user button:hover,
.clientControls__user input[type=submit]:hover {
  background-color: #9fc01b;
  color: white;
}

.button__modal-search {
  max-height: 38px;
  line-height: 17px;
  color: #ffffff;
}

.toggle.btn {
  max-width: 100%;
  border: 1px solid #003254;
  min-height: 38px;
}

.toggle .toggle-on {
  min-width: 0;
}
.toggle .toggle-off {
  color: #003254;
}
.toggle .toggle-on.btn {
  padding-right: 15px;
}
.toggle .toggle-off.btn {
  padding-left: 15px;
}
.toggle label {
  padding: 0;
  text-align: center;
  line-height: 38px;
}
.toggle .toggle-on:hover {
  background: #003254;
  border: 0;
}
.toggle .toggle-off:hover {
  background: transparent;
  border: 0;
}
.toggle .toggle-handle:hover {
  background: #fff;
}

.toggle.btn:hover {
  background: none;
}

.toggle-group.btn {
  background: none;
}

.toggle-handle {
  background: #ffffff;
  border: 1px solid #003254;
}

.toggle.btn.btn-default.off {
  background: #ffffff;
}

.btnChevronForward {
  display: flex;
  text-align: center;
  max-width: 200px;
  align-items: center;
  justify-content: center;
  padding: 3px;
  border-radius: 1em;
  border: 1px solid #003254;
  color: #003254;
  margin: 0 auto;
  transition: all 200ms ease-in-out;
  font-size: 0.9em;
}
.btnChevronForward span {
  display: inline-block;
  transform: rotate(-90deg);
  margin-left: 5px;
  font-size: 0.8em;
  transition: all 200ms ease-in-out;
}
.btnChevronForward:hover {
  color: #9fc01b;
  border: 1px solid #9fc01b;
}

.common_bond_icons {
  font-size: 20px;
}
.common_bond_icons i {
  user-select: none;
  cursor: pointer;
}

.pagination {
  float: right;
}

.page-item {
  padding: 0;
}
.page-item button {
  min-width: 0;
  user-select: none;
}
.page-item .page-link:focus {
  background: #ffffff;
}
.page-item .page-number:disabled,
.page-item .page-number[disabled] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  cursor: default !important;
  box-shadow: none;
}
.page-item .page-number:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
  cursor: default !important;
  box-shadow: 0;
}

.button__fullwidth {
  display: block;
  width: 100%;
}

button[class*=button__concertina],
a[class*=button__concertina] {
  width: 80px;
  min-width: 0;
}

button.button__concertina100 {
  width: 100%;
}

.btn__right {
  display: block;
  margin: 0 0 0 auto;
}

button.button__concertina-warning:not(:hover):not(:focus) {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}

button[class*=button__1of3] {
  display: inline-block;
  width: calc(33.33% - 3px);
  min-width: 0;
}

button.button__1of3--red:not(:hover):not(:focus) {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}

button.button__campaignHeader--Close:not(:hover):not(:focus) {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}

button.button__campaignHeader--Close:focus {
  background-color: #9fc01b;
  border: 1px solid #9fc01b;
}

/*button classes*/
button.button--remove,
button.button--rightOfHead,
a.button--rightOfHead {
  /*transition: all 1s ease;*/
  cursor: pointer;
  color: white;
  border: 1px solid transparent;
  right: 0;
  position: relative;
}

button.button__concertina-warning:not(:hover):not(:focus):disabled,
button[class*=button--]:disabled {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  cursor: not-allowed;
  box-shadow: none;
}

button.button--rightOfHead:not(:hover),
a.button--rightOfHead:not(:hover) {
  background-color: transparent;
  border: 1px solid #9fc01b;
  color: #9fc01b;
}

button.button--remove:not(:hover):not(:focus),
.button--close:not(:hover):not(:focus),
.button--warning:not(:hover):not(:focus) {
  background-color: #ef5350;
  border-color: 1 #ef5350;
}

[class*=button--]:hover {
  background-color: #9fc01b;
}

/*button icons*/
button[class*=button--icon] {
  position: relative;
}

button.button--remove:before,
button.button--remove:after,
button[class*=button--icon]:after {
  font-family: "icomoon";
  content: "";
  position: relative;
  top: 3px;
  line-height: 1em;
  left: 0;
  margin: 0 0 0 20px;
  text-indent: 0;
  transition: all 1s ease;
}

button.button--iconDownload:after {
  content: "\e91d";
  font-size: 16px;
  top: 2px;
  margin: 0 0 0 10px;
}

button.button--remove:before,
button.button--remove:after {
  content: "\f077";
  position: absolute;
  font-size: 24px;
  left: 0;
  top: 3px;
  opacity: 0;
  transition: opacity 1s ease;
}

button.button--remove:after {
  left: auto;
  right: 20px;
}

/*easel*/
.blockActions.noExport a,
.blockActions.noExport button {
  opacity: 0.8;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  border: 3px solid white;
  width: 40px;
  height: 30px;
  display: inline-block;
  padding: 0;
}
.blockActions.noExport a:before,
.blockActions.noExport button:before {
  font-family: "icomoon";
  content: "\f00d";
  position: relative;
  top: 0;
  font-size: 24px;
  color: white;
  line-height: 22px;
  left: 0;
  margin: 0;
  text-indent: 0;
  transition: all 1s ease;
}
.blockActions.noExport .moveUp:before {
  content: "\f077";
  top: -1px;
}
.blockActions.noExport .moveDown:before {
  content: "\f078";
  top: 2px;
}
.blockActions.noExport a.templateEdit:before {
  display: none;
}
.blockActions.noExport .moveDown,
.blockActions.noExport .moveUp {
  left: 10px;
  top: 0;
}
.blockActions.noExport .moveDown {
  top: auto;
  bottom: 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  border: 3px solid white;
}
.blockActions.noExport .deleteBlock {
  display: inline-block;
  position: absolute;
  right: 10px;
  left: auto;
  top: 0;
  margin: 0;
}
.blockActions.noExport .deleteBlock a,
.blockActions.noExport .deleteBlock button {
  background-color: #ef5350;
  width: 50px;
  transition: all 1s ease;
}

.loanDelete {
  cursor: pointer;
}

.buzzApp.hasBuzzEasel table a.templateEdit--noDelete,
.buzzApp.hasBuzzEasel table a.templateEdit {
  right: 10px;
  left: auto;
  top: auto;
  bottom: 0;
  width: 50px;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  font-size: 16px;
  line-height: 30px;
  padding: 0;
  font-family: "Apercu-Bold";
  border: 3px solid white;
  transition: all 1s ease;
  background-color: #9fc01b;
}
.buzzApp.hasBuzzEasel table a.templateEdit.openImageEditor {
  right: 50%;
  margin-right: -50px;
  width: 100px;
  left: auto;
}
.buzzApp.hasBuzzEasel table a.templateEdit--noDelete {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 42px;
  font-family: "Apercu-Bold";
  opacity: 1;
  border: 3px solid white;
  bottom: 10px;
}
.buzzApp.hasBuzzEasel table a.templateEdit--noDelete:not(:hover):not(:focus) {
  background-color: #cfe08d;
}
.buzzApp.hasBuzzEasel table a.templateEdit--noDelete:focus,
.buzzApp.hasBuzzEasel table a.templateEdit--noDelete:hover {
  background-color: #9fc01b;
}

.blockActions.noExport .deleteBlock a:not(:hover):not(:focus),
a.templateEdit:not(:hover):not(:focus) {
  opacity: 0.6;
}

.blockActions.noExport .deleteBlock a:hover,
a.templateEdit:hover,
.blockActions.noExport .deleteBlock a:focus,
a.templateEdit:focus {
  opacity: 1;
}

.validate__noIcon .slideToggleContainer:not(.slideToggleContainerLeft) {
  position: absolute;
  top: 25%;
  right: 5px;
}

.slideToggleContainer {
  --height: 39px;
  width: 30px;
  height: var(--height);
  display: flex;
  align-items: center;
  margin: auto;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.slideToggleContainer .slideToggleInput {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0);
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: var(--height);
  cursor: pointer;
}
.slideToggleContainer [class*=slideToggleBG-] {
  position: relative;
  height: 12px;
  width: 100%;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  transition: all 1s ease;
  background: silver;
}
.slideToggleContainer .slideToggleSwitch {
  position: absolute;
  top: -2px;
  right: 53%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #808080;
  transition: all 0.3s ease;
}
.slideToggleContainer [class*=slideToggleBG-]:before {
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  line-height: var(--height);
  text-align: center;
  transition: all 0.3s ease;
}
.slideToggleContainer .slideToggleInput:checked + [class*=slideToggleBG-] {
  background: #b3e6ff !important;
}
.slideToggleContainer .slideToggleInput:checked + [class*=slideToggleBG-] .slideToggleSwitch {
  right: -3%;
  background: #003254;
}

.slideToggleContainerLeft {
  margin: 0 !important;
}

.slideToggleContainerRight {
  margin: 0 0 0 auto !important;
}

.slideToggleInput:active + .slideToggleBG-YesNo .slideToggleSwitch {
  box-shadow: 0 0 0 10px rgba(204, 235, 255, 0.5);
}

/*button in a row*/
a[class*=button__inRow],
button[class*=button__inRow] {
  position: relative;
  margin: 0;
  min-width: 0;
  padding: 6px 2px;
}

a[class*=button__inRow--2],
button[class*=button__inRow--2] {
  width: calc(50% - 4px);
  position: relative;
  max-width: 400px;
}

a[class*=button__inRow--1],
button[class*=button__inRow--1] {
  width: 100%;
  position: relative;
}

a.button__inRow--2b,
button.button__inRow--2b {
  right: -4px;
}

.form_preview_desktop,
.form_preview_mobile {
  min-width: 60px;
  box-shadow: 0 !important;
}

.form_preview_desktop:focus,
.form_preview_mobile:focus {
  outline: 0 !important;
}

.form_preview_desktop:hover,
.form_preview_mobile:hover {
  background: none;
}

.form_preview_desktop.active,
.form_preview_mobile.active {
  background: #9fc01b;
}

/*responsive*/
@media screen and (max-width: 990px) {
  .printPage--anchored {
    display: block;
    position: relative;
    top: 0;
  }
  button[class*=button__concertina] {
    width: calc(50% - 6px);
  }
  .consertina__cell--3buttons button[class*=button__concertina] {
    width: calc(33.33% - 3px);
  }
  .consertina__cell--3buttons form button[class*=button__concertina] {
    width: 100%;
  }
  .consertina__cell--2buttons form button.button__concertina,
  button.button__concertina100 {
    width: 100%;
  }
  .consertina__cell--2buttons a[class*=button__concertina] {
    width: calc(50% - 6px);
  }
}
@media screen and (max-width: 767px) {
  .btn--anchored {
    display: block;
    position: relative;
    top: 0;
  }
  .button--bottom {
    position: relative;
    right: 0;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .button--rightOfHead:not(.m-0) {
    margin-top: 20px !important;
  }
  .button--rightOfHead.m-0 {
    margin-top: 0 !important;
  }
  .printPage.button--rightOfHead.m-0 {
    border: 0;
  }
  .button--rightOfHead.m-0 {
    margin-top: 0 !important;
  }
  .button__nolabel {
    margin-top: 0;
  }
  button,
  .btn-primary,
  .btn {
    margin-bottom: 20px;
  }
  .clientControls__user form button {
    margin-bottom: 0;
  }
  button.btn-danger.p-2,
  button.button__1rowRight,
  button.button--rightOfHead,
  a.button--rightOfHead,
  .button__campaignHeader--Close {
    margin: 0;
    min-width: 0;
  }
  button.button--rightOfHead,
  a.button--rightOfHead {
    right: 0;
  }
  button.button--remove {
    width: 100%;
    margin: 10px 0 30px;
  }
  button.button--remove:before,
  button.button--remove:after {
    opacity: 1;
  }
  .buzzApp.hasBuzzEasel table a.templateEdit--noDelete,
  .buzzApp.hasBuzzEasel table a.templateEdit {
    right: auto;
    left: 50px;
  }
  .buzzApp.hasBuzzEasel table a.templateEdit.openImageEditor {
    right: auto;
    margin-right: 0;
    width: 100px;
    left: 100px;
  }
  .blockActions.noExport .deleteBlock {
    right: auto;
    left: 50px;
    top: 0;
    margin: 0;
  }
  .buzzApp.hasBuzzEasel table a.templateEdit--noDelete,
  .buzzApp.hasBuzzEasel table a.templateEdit {
    right: auto;
    left: 50px;
  }
  .buzzApp.hasBuzzEasel table a.templateEdit.openImageEditor {
    right: auto;
    margin-right: 0;
    width: 100px;
    left: 100px;
  }
  .blockActions.noExport .deleteBlock {
    right: auto;
    left: 50px;
    top: 0;
    margin: 0;
  }
}
@media screen and (max-width: 420px) {
  .btnChevronForward {
    max-width: 100%;
    width: 100%;
  }
}
.modal {
  border-radius: 0.5em;
  overflow: hidden;
  z-index: 4000;
}

.conditionTypeModalSelect {
  cursor: pointer;
}

#staff_alerts {
  height: 100vh;
  overflow: auto;
}
#staff_alerts .modal-body {
  position: relative;
}
#staff_alerts .modal-body .staff_alerts_data {
  height: 70vh;
  overflow: auto;
}
#staff_alerts #alerts-panel {
  max-height: 70vh;
  overflow: auto;
}

.helpModal .modal__filter-highlight {
  background: #ffca28;
  color: #ffffff;
}
.helpModal .row {
  margin-bottom: 0 !important;
}
.helpModal .filter_recordset {
  height: 56vh;
  overflow: auto;
}
.helpModal .modal-content {
  border: 1px solid #003254;
  display: block;
  margin: auto;
}
.helpModal .modal__filter-name {
  display: block;
  color: #9fc01b;
  margin: 0;
  cursor: pointer;
}
.helpModal .modal__filter-desc {
  display: block;
  margin: 0;
  font-size: 0.8rem;
}
.helpModal .filter-recordset {
  height: 46vh;
  overflow: auto;
}

.modal-backdrop {
  z-index: 3500;
}

.modal-dialogue {
  border-radius: 0.5em 0.5em 0 0;
}

.modal-content {
  border-radius: 0.5em;
  overflow: hidden;
  border: 0;
}
.modal-content .modal-header {
  background-color: #003254;
  color: white;
  padding: 10px 15px;
  font-size: 1.5em;
  overflow: hidden;
  text-align: left;
}
.modal-content .modal-header .close {
  position: absolute;
  top: 5px;
  right: 10px;
  float: none;
  padding: 10px;
  min-width: 0;
  color: white;
  border-radius: 0;
  opacity: 1;
}
.modal-content .modal-header .close:hover {
  border: 0;
  background-color: transparent;
  color: #9fc01b;
}
.modal-content .modal-header h1,
.modal-content .modal-header h2,
.modal-content .modal-header h3,
.modal-content .modal-header h4,
.modal-content .modal-header h5 {
  color: white;
  font-weight: normal;
  font-family: "ApercuPro";
  font-size: inherit;
  margin-bottom: 0;
  max-width: 80%;
  display: block;
  margin-right: auto;
}
.modal-content .modal-header h1 a,
.modal-content .modal-header h2 a,
.modal-content .modal-header h3 a,
.modal-content .modal-header h4 a,
.modal-content .modal-header h5 a {
  color: white;
  display: block;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.modal-content .modal-header h1 a i,
.modal-content .modal-header h2 a i,
.modal-content .modal-header h3 a i,
.modal-content .modal-header h4 a i,
.modal-content .modal-header h5 a i {
  color: #9fc01b;
}
.modal-content .modal-header h1 a:hover,
.modal-content .modal-header h2 a:hover,
.modal-content .modal-header h3 a:hover,
.modal-content .modal-header h4 a:hover,
.modal-content .modal-header h5 a:hover {
  color: #9fc01b;
}

#alertModal .modal-content .modal-header {
  background: #ef5350;
}
#alertModal .memberName {
  color: #003254;
  font-size: 1.2rem;
}
#alertModal .button-container {
  display: block;
  width: auto;
  margin: auto;
}
#alertModal #alertModalMessage {
  text-align: center;
  margin: 0;
}
#alertModal button:hover {
  box-shadow: none;
}

/*modal forms*/
.modalForm .nav.nav-tabs.col-12 {
  padding: 0;
  margin: 0 0 20px;
}
.modalForm .formSelect,
.modalForm [class*=formInput--] {
  z-index: 2;
}
.modalForm p.formInfoBox--warning {
  color: #ef5350;
}
.modalForm p.formInfoBox--warning:not(formHidden),
.modalForm ol li {
  width: 100%;
  padding: 0 0 3px;
  border-bottom: 1px solid #ef5350;
  margin: 0 10px 12px;
}
.modalForm ol {
  padding: 0 15px;
}
.modalForm ol li {
  font-size: 1em;
  border-bottom: 1px solid #ffca28;
  color: #ffca28;
}
.modalForm ol li .trafficLightAmber small b {
  font-size: 1em;
  color: #ffca28;
}
.modalForm #account_section p,
.modalForm #account_section .form__inputRow--100 {
  padding: 0 5px;
}

textarea.form-control.modalForm--warning,
textarea.form-control.modalForm--warning:focus,
textarea.form-control.modalForm--warning:hover {
  color: #ef5350;
  border-color: #ef5350;
}

textarea.modalForm--textarea100 {
  min-height: 55px;
}

#previewModalMessage {
  padding: 15px;
}
#previewModalMessage ul {
  list-style-type: disc;
  padding-left: 40px;
}

.modal-iframe .modal-body {
  min-height: 80vh;
  width: 100%;
}
.modal-iframe .modal-body iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1px;
  left: 0;
}

.modal-FootBtn button[class*=btn] {
  padding: 7px 10px 10px;
}

#alerts-panel .alert_icons i {
  font-size: 22px;
  cursor: pointer;
}
#alerts-panel .alert_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#alerts-panel .staff_alert_read,
#alerts-panel .staff_alert_deleted,
#alerts-panel .account_review_remove,
#alerts-panel .member_message_read {
  z-index: 9999999;
  cursor: pointer;
}
#alerts-panel .row {
  margin: 0;
}
#alerts-panel .row div {
  padding: 5px;
  border-bottom: 1px solid #cccccc;
}
#alerts-panel .activity_expired {
  background: #ffbfb7;
}
#alerts-panel .alert_unread {
  background: #e5efff;
  cursor: pointer;
  z-index: 0;
}
#alerts-panel .alert_read {
  cursor: pointer;
  z-index: 0;
}
#alerts-panel .alert_read .staff_alert_read {
  color: #9fc01b;
}

.jconfirm-box {
  border-top: #003254 10px solid;
}

@media only screen and (max-width: 576px) {
  textarea.modalForm--textarea100 {
    min-height: 85px;
  }
}
/*DatePicker*/
.hasDatepicker {
  height: 38px;
  display: flex;
}

.ui-datepicker-trigger {
  background: #003254;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 22px;
  border-radius: 0 4px 4px 0;
  width: 20% !important;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  opacity: 0.2;
}

/* Icons
  ----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Bootstrap range picker*/
.daterangepicker:before {
  display: none;
}

.daterangepicker {
  background: #9fc01b;
  width: 281px;
}
.daterangepicker .calendar th,
.daterangepicker .daterangepicker .calendar td {
  border-radius: 0 !important;
  border: 0;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #fff;
  border: 0;
  color: #333;
}
.daterangepicker .calendar-table {
  padding: 0 !important;
}
.daterangepicker thead tr:nth-of-type(1) {
  background: none;
}
.daterangepicker thead tr:nth-of-type(2) {
  padding: 0.4em 0.5em 0.4em;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  color: silver;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.daterangepicker .calendar {
  display: block;
  width: 100%;
  max-width: 281px;
  margin: 5px 5px 5px 5px;
}
.daterangepicker select.form-control:not([size]):not([multiple]) {
  height: 35px;
  margin-bottom: 5px;
  display: inline-block;
  width: 50%;
  text-align: center;
  background: rgb(248, 248, 248);
  opacity: 0.6;
  padding: 0 40px 0 10px;
  font-size: 1em;
  cursor: pointer;
  position: relative;
  z-index: 5;
}
.daterangepicker .next.available:before {
  font-family: "icomoon";
  content: "\f061";
  color: #ffffff;
}
.daterangepicker .prev.available:before {
  font-family: "icomoon";
  content: "\f060";
  color: #ffffff;
}
.daterangepicker tbody td {
  padding: 0.4em 0.5em 0.4em;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  color: silver;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.daterangepicker tbody td.off {
  color: #ffffff;
  opacity: 0;
  user-select: none;
}
.daterangepicker tbody td.off:hover {
  color: #ffffff;
  opacity: 0;
  user-select: none;
}
.daterangepicker select:before {
  font-family: "icomoon";
  content: "/f150";
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 1.5em;
  display: block;
  color: white;
  z-index: 999999;
}
.daterangepicker .daterangepicker:before,
.daterangepicker .daterangepicker:after {
  display: none;
}
.daterangepicker .form-control:focus {
  border: 0;
}

/* Misc visuals
  ----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  width: 100%;
  height: 100%;
}

.ui-datepicker,
.daterangepicker {
  position: fixed !important;
  width: 292px;
  padding: 0;
  display: none;
  z-index: 99999 !important;
  margin: -7px 35px 0 0;
  background: #333;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0;
  background: none;
  color: white;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  height: 50px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 13px;
  width: 1em;
  height: 1em;
  text-decoration: none !important;
  outline: none;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  font-family: "FontAwesome" !important;
  content: "\f053";
  font-size: 20px;
  position: relative;
  color: #ffffff;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f053";
  text-align: left;
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f054";
  text-align: right;
}

.ui-datepicker .ui-datepicker-prev {
  left: 10px;
}

.ui-datepicker .ui-datepicker-next {
  right: 10px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  cursor: pointer;
  opacity: 0.6;
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-next-hover {
  cursor: pointer;
  opacity: 0.6;
  text-decoration: none !important;
}

.ui-datepicker a.ui-datepicker-prev-hover:hover,
.ui-datepicker a.ui-datepicker-next-hover:hover,
.ui-datepicker a.ui-datepicker-prev-hover:focus,
.ui-datepicker a.ui-datepicker-next-hover:focus {
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  height: 50px;
  text-align: center;
}

.ui-datepicker-month,
.ui-datepicker-year {
  -webkit-appearance: initial !important;
  appearance: auto !important;
  background: none;
  color: #808080;
  width: 45%;
  padding: 10px;
  position: relative;
}

.ui-datepicker .ui-datepicker-title:before {
  left: 50%;
  margin-left: -35px;
}

.ui-datepicker .ui-datepicker-title:after {
  right: 5%;
  margin-right: 39px;
}

.ui-datepicker .ui-datepicker-title select {
  border: 0;
  border-bottom: 1px solid #ffffff !important;
  font-size: 1em;
  margin: 5px;
  height: 40px;
  opacity: 0.6;
  cursor: pointer;
  position: relative;
  z-index: 5;
}

.ui-datepicker .ui-datepicker-title span {
  font-size: 1em;
  margin: 5px 0 0;
  display: inline-block;
}

.ui-datepicker-calendar {
  border: 0;
  padding: 1em !important;
}

.ui-datepicker table {
  border-collapse: inherit;
  width: 100%;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em !important;
  background: none;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.ui-datepicker th {
  padding: 0.4em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
  color: silver;
}

.ui-datepicker td {
  border: 0;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.4em 0.5em 0.4em;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
  background: #fff;
  color: #333;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-state-active {
  border: 2px solid #9fc01b;
}

/*datepicker with days*/
.ui-datepicker-header.datepicker-noDays {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  top: -4px;
}

/*resposnsive*/
@media only screen and (max-width: 767px) {
  .daterangepicker {
    border: 0;
  }
}
@media only screen and (max-width: 576px) {
  .ui-datepicker {
    width: 96%;
    min-width: 280px;
    right: 2%;
    margin: -7px 0 0 -7px;
  }
}
div.input-group input.datepicker-bg {
  background: #fff;
  cursor: pointer;
}

.titleBlock *,
.titleBlock *:after,
.titleBlock *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
}
.titleBlock * em,
.titleBlock *:after em,
.titleBlock *:before em {
  font-style: italic;
}
.titleBlock * strong,
.titleBlock * b,
.titleBlock *:after strong,
.titleBlock *:after b,
.titleBlock *:before strong,
.titleBlock *:before b {
  font-weight: 500;
}

.buzzEmailContainer .ui-state-default {
  border: none;
}

.easelPreview .ui-state-default,
.buzzEmailContainer .ui-state-default {
  border: none;
}

.carousel {
  height: 500px;
}

/*carousel Containers*/
.carousel-control__outer.container {
  max-width: calc(100% - 50px);
}

.carousel-indicators.container {
  padding: 0 25px;
  bottom: 36px;
}

/*carousel next prev*/
.carousel-control__inner {
  display: block;
  width: 100%;
  height: 400px;
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: white;
  top: -470px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.carousel-control-next,
.carousel-control-prev {
  z-index: 2;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 170px;
  border: 5px solid white;
  overflow: hidden;
  left: -28px;
  opacity: 1;
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
  opacity: 1;
}

.carousel-control-next {
  left: auto;
  right: -28px;
}

.carousel-control-next:before,
.carousel-control-prev:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border: 5px solid white;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  position: relative;
  left: 25px;
}

.carousel-control-next:before {
  left: -25px;
}

/*carousel indicators*/
.carousel-indicators li {
  max-height: none;
  max-width: none;
  height: auto;
  text-indent: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid transparent;
  transition: border 1s ease;
  background-color: white;
}

.carousel-indicators li:not(.active) {
  max-height: none;
  max-width: none;
  height: auto;
  text-indent: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid transparent !important;
  overflow: hidden;
}

.carousel-indicators li a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5px;
  transition: all 1s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.carousel-indicators li a:not(:hover) {
  background-color: #ffca28;
}

.carousel-indicators li a:hover {
  background-color: #9fc01b;
}

.carousel-indicators li:before,
.carousel-indicators li:after {
  display: none;
}

/*carousel content*/
.carouselContent {
  position: relative;
  height: 300px;
  margin: 100px auto;
  padding: 0 40px;
}
.carouselContent h1, .carouselContent h2, .carouselContent h3, .carouselContent h4, .carouselContent p {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 10px 20px;
}
.carouselContent h1 {
  margin: 0 0 10px 0;
}
.carouselContent h2 {
  font-size: 1.5em;
}
.carouselContent p, .carouselContent h2 {
  margin: 0 35% 0 0;
}

/*responsive*/
@media screen and (max-width: 767px) {
  .carousel {
    height: 440px;
  }
  .carousel-indicators.container {
    padding: 0 30px;
  }
  .carousel-control__inner {
    top: -445px;
    height: 380px;
  }
  .carouselContent {
    margin: 20px auto;
    height: 395px;
    text-align: center;
  }
  .carouselContent h1, .carouselContent h2, .carouselContent h3, .carouselContent h4, .carouselContent p {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 10px;
    width: 100%;
  }
  .carouselContent h1 {
    font-size: 2em;
  }
  .carouselContent h2 {
    font-size: 1.25em;
  }
  .carouselContent p, .carouselContent h2 {
    margin: 0;
  }
}
.consertina {
  margin: 0 0 40px;
}
.consertina h2 {
  font-family: "Apercu-Bold";
  font-size: 1.5em;
  margin: 15px 100px 5px 0;
}

.consertina__noLabels .consertina__cell--2buttons {
  top: 0;
}

[class*=consertina__row] input,
[class*=consertina__row] {
  text-align: left;
}

[class*=consertina__row].headlines {
  text-align: center;
  position: relative;
  z-index: 2;
}
[class*=consertina__row].headlines input,
[class*=consertina__row].headlines label {
  text-align: center;
  font-size: 24px;
  color: #003254;
}
[class*=consertina__row].headlines input {
  border: 3px solid #003254;
  background-color: white;
  color: #003254;
  font-family: "Apercu-Bold";
  font-size: 36px;
  height: auto;
  max-height: none;
  padding: 5px;
}

.invoicing-item-row,
.invoicing-header-row {
  margin-bottom: 0 !important;
}
.invoicing-item-row div,
.invoicing-header-row div {
  text-align: left;
}
.invoicing-item-row .consertina__invoice-mobile-label,
.invoicing-header-row .consertina__invoice-mobile-label {
  display: none;
}

.consertina__row--noblock input {
  margin: 0 0 5px;
}

.open .consertina_product-listing-record {
  height: 47px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding-top: 5px;
}

.consertina__block {
  position: relative;
}
.consertina__block .consertina__Labelrow,
.consertina__block .consertina__row {
  transition: all 1s ease;
  overflow: hidden;
}

.consertina__Labelrow {
  display: inherit;
}
.consertina__Labelrow label {
  margin: 0 0 5px;
}

[class*=consertina__row] label {
  display: none;
  margin: 0 0 5px;
}

[class*=consertina__box--] {
  overflow: hidden;
  transition: height 0.5s ease;
}

.consertina__row--1Row label {
  display: inherit;
}

.consertina__trigger:not(.js_only) {
  position: absolute;
  top: 1px;
  right: 0;
  width: 75px;
}

.consertina__trigger:not(.js_only):after {
  font-family: "icomoon";
  content: "\f13a";
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.75em;
  line-height: 1em;
  text-indent: 0;
  transition: all 1s ease;
  color: #003254;
}

.consertina__trigger:not(.js_only):before {
  content: "Close";
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  transition: all 1s ease;
}

.consertina__block:not(.open) .consertina__Labelrow,
.consertina__block:not(.open) .consertina__row--1Field,
.consertina__block:not(.open) .consertina__row,
.consertina__block:not(.open) [class*=consertina__box--] {
  height: 0;
}
.consertina__block:not(.open) .consertina__trigger {
  color: #003254;
}
.consertina__block:not(.open) .consertina__trigger:after {
  transform: rotate(0deg);
}
.consertina__block:not(.open) .consertina__trigger:before {
  opacity: 0;
  color: white;
}
.consertina__block:not(.open) .consertina__text-closed {
  display: inline-block;
}
.consertina__block:not(.open) .consertina__text-open {
  display: none;
}

.consertina__block.open .consertina__row--1Field,
.consertina__block.open .consertina__row {
  height: 45px;
}
.consertina__block.open .consertina__Labelrow {
  height: 34px;
}
.consertina__block.open .consertina__Labelrow labe {
  display: block;
}
.consertina__block.open .consertina__row--no--height {
  height: auto;
  display: block;
}
.consertina__block.open .consertina__trigger {
  color: white;
}
.consertina__block.open .consertina__trigger:after {
  transform: rotate(180deg);
}
.consertina__block.open .consertina__trigger:before {
  opacity: 1;
  color: #003254;
}
.consertina__block.open .consertina__text-closed {
  display: none;
}
.consertina__block.open .consertina__text-open {
  display: inline-block;
}
.consertina__block.open .consertina__box--75 {
  height: 75px;
}

[class*=consertina__cell--] {
  position: relative;
  display: inline-block;
  width: 80px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.consertina__cell--double {
  width: 160px;
}

.consertina__cell--name {
  width: calc(100% - 430px);
}

.consertina__cell--wide {
  width: calc(100% - 510px);
}

.consertina__cell--med {
  width: 180px;
}

.consertina__cell--thin {
  width: 60px;
}

.consertina__cell--1Field {
  width: calc(100% - 175px);
}

.consertina__cell--3buttons,
.consertina__cell--2buttons {
  width: 170px;
  position: relative;
  right: -2px;
  text-align: right;
  vertical-align: top;
  top: 0;
}
.consertina__cell--3buttons form,
.consertina__cell--2buttons form {
  display: inline-block !important;
}

.consertina__cell--3buttons {
  width: 250px;
}

.consertina__cell--hidden {
  display: none;
}

/*names based on bootstrap widths*/
.consertina__cell--12 {
  width: 100%;
}

.consertina__cell--9 {
  width: calc(75% - 3px);
}

.consertina__cell--9withClose {
  width: calc(75% - 56px);
}

.consertina__cell--8 {
  width: calc(66.66% - 4px);
}

.consertina__cell--6 {
  width: calc(50% - 3px);
}

.consertina__cell--4 {
  width: calc(33.33% - 4px);
}

.consertina__cell--3 {
  width: calc(25% - 4px);
}

.consertina__cell--2 {
  width: calc(16.666% - 4px);
}

.consertina__cell--selectize {
  width: calc(50% - 56px);
}

.consertina__closeBtnCell {
  width: 50px;
  display: inline-block;
  padding: 0 0 0 10px;
  position: relative;
  top: -12px;
}
.consertina__closeBtnCell button {
  padding: 7px 10px;
  font-weight: bold;
  width: 40px;
  min-width: 0;
}

/*consertina__withSelectize*/
.consertina__withSelectize .consertina__cell--selectize,
.consertina__withSelectize [class*=consertina__cell--] {
  vertical-align: bottom;
  position: relative;
}
.consertina__withSelectize .consertina__cell--selectize {
  overflow: visible;
  height: 38px;
}
.consertina__withSelectize [class*=consertina__cell--]:last-of-type {
  right: -3px;
}
.consertina__withSelectize .consertina__row.addCodition [class*=consertina__cell--] {
  margin: 0 4px 0 0;
}
.consertina__withSelectize .consertina__row.addCodition [class*=consertina__cell--]:last-of-type {
  margin: 0;
}
.consertina__withSelectize .consertina__buttonCell {
  padding: 21px 0 0;
  width: 50px;
  display: inline-block;
}
.consertina__withSelectize .consertina__buttonCell button {
  padding: 7px 10px;
  font-weight: bold;
  width: 40px;
  min-width: 0;
}

/*coloured cells and labels*/
[class*=consertina__row] .consertina__colourcell--red label {
  color: #ef5350;
  border-color: #ef5350;
}
[class*=consertina__row] .consertina__colourcell--amber label {
  color: #ffca28;
  border-color: #ffca28;
}
[class*=consertina__row] .consertina__colourcell--green label {
  color: #9fc01b;
  border-color: #9fc01b;
}

.consertina__block.open .consertina__trigger:before {
  color: #ef5350;
}
.consertina__block.open .consertina__trigger:after {
  color: #ef5350;
}

.consertina__rightToLeft {
  direction: rtl;
}
.consertina__rightToLeft [class*=consertina__cell] {
  display: inline-block;
  direction: ltr;
}

.consertina__filter {
  margin-bottom: 0 !important;
}

.consertina__invoicing .consertina__invoicing-grand-total-right {
  float: right;
}
.consertina__invoicing .consertina__total-module {
  font-size: 1.3rem;
  color: #003254;
}

.consertina__NewRow [class*=consertina__cell--] {
  margin-right: 5px;
}
.consertina__NewRow .consertina__closeBtnCell {
  padding: 0 0 0 9px;
}

/*Row Align*/
[class*=consertina__row].rowAlign select {
  padding: 10px 8px;
}

/*responsive*/
@media screen and (max-width: 1200px) {
  /*master 1200 Responsive*/
  .consertina__block.open .consertina__row.wide-med-narrow {
    height: 180px;
  }
  .consertina__block.open .row.consertina__row {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }
  .consertina__Labelrow.wide-med-narrow {
    display: none;
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--wide {
    width: 100%;
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--med {
    width: calc(60% - 174px);
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--thin,
  [class*=consertina__row].wide-med-narrow .consertina__cell--narrow {
    width: calc(20% - 6px);
  }
  [class*=consertina__row].wide-med-narrow label {
    display: inherit;
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--2buttons {
    width: 170px;
    top: 28px;
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--2buttons form {
    width: 80px;
  }
  /*end 1200 Responsive*/
  .consertina__invoicing h2 {
    font-weight: 500;
    margin: 0;
    line-height: 45px;
    font-size: 1.2rem;
    font-family: "ApercuPro";
  }
  .consertina__invoicing h2 span {
    font-family: "Apercu-Bold";
  }
  .consertina__trigger {
    top: 8px;
  }
  .consertina__block {
    overflow: hidden;
    height: auto;
  }
  .consertina__invoicing-table-header {
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 1px;
    margin: 0;
    line-height: 45px;
    text-align: left;
  }
  .consertina__invoicing-record {
    margin: 0;
    font-size: 0.9rem;
    line-height: 45px;
    text-align: left;
  }
  .consertina__invoice-mobile-label {
    display: none;
  }
  .row.consertina__row {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 990px) {
  /*master 990 Responsive*/
  .consertina__block.open .consertina__row {
    height: 180px;
  }
  .consertina__block.open .consertina__row--1Field {
    height: 78px;
  }
  .consertina__Labelrow {
    display: none;
  }
  [class*=consertina__row] label {
    display: inherit;
  }
  [class*=consertina__cell--] {
    width: calc(20% - 6px);
  }
  .consertina__cell--double {
    width: calc(40% - 6px);
  }
  .consertina__cell--wide,
  .consertina__cell--name {
    width: 100%;
  }
  .consertina__cell--1Field {
    width: calc(60% - 6px);
  }
  .consertina__cell--3buttons {
    width: 60%;
    margin: 29px 0 0;
  }
  .consertina__cell--3buttons form {
    width: calc(33.33% - 6px);
  }
  .consertina__cell--2buttons {
    width: calc(40% - 6px);
    top: 28px;
  }
  .consertina__cell--2buttons form {
    width: calc(50% - 3px);
  }
  .consertina__cell--9 {
    width: calc(75% - 3px);
  }
  .consertina__cell--9withClose {
    width: calc(75% - 56px);
  }
  .consertina__cell--6 {
    width: calc(50% - 3px);
  }
  .consertina__cell--3 {
    width: calc(25% - 4px);
  }
  .consertina__cell--2 {
    width: calc(16.666% - 4px);
  }
  .consertina__cell--4 {
    width: calc(33.333% - 4px);
  }
  .consertina__cell--8 {
    width: calc(66.66% - 4px);
  }
  .consertina__cell--12 {
    width: 100%;
  }
  .consertina__NewRow .consertina__closeBtnCell,
  .consertina__closeBtnCell {
    padding: 21px 0 0 10px;
  }
  .consertina__cell--selectize {
    width: calc(50% - 56px);
  }
  .consertina__withSelectize .consertina__Labelrow {
    display: inherit;
  }
  .consertina__withSelectize [class*=consertina__row] label {
    display: none;
  }
  /*end master 990 Responsive*/
}
@media screen and (max-width: 768px) {
  /*master 768 Responsive*/
  .consertina__block.open .consertina__row.wide-med-narrow,
  .consertina__block.open .consertina__row {
    height: 240px;
    height: auto;
  }
  .consertina__block.open .consertina__row--1Field {
    height: 140px;
  }
  [class*=consertina__cell--] {
    width: calc(33.3% - 6px);
  }
  .consertina__cell--double {
    width: calc(66.666% - 6px);
  }
  [class*=consertina__row],
  [class*=consertina__row] input {
    text-align: center;
  }
  [class*=consertina__row] input {
    padding: 10px 0;
  }
  .consertina__cell--selectize,
  .consertina__cell--wide,
  .consertina__cell--selectize,
  .consertina__cell--12,
  .consertina__cell--9,
  .consertina__cell--9withClose,
  .consertina__cell--8,
  .consertina__cell--6,
  .consertina__cell--3,
  .consertina__cell--2,
  .consertina__cell--4,
  .consertina__cell--name,
  .consertina__cell--1Field {
    width: 100%;
    top: 0;
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--2buttons,
  .consertina__cell--2buttons,
  .consertina__cell--3buttons {
    width: 100%;
    right: 0;
    top: 0;
    text-align: center;
    margin: 5px 0 0;
  }
  .consertina__row--1Field .consertina__cell--2buttons {
    margin: 0;
  }
  [class*=consertina__row].headlines [class*=consertina__colourcell--] {
    float: left;
  }
  .consertina__withSelectize .consertina__cell--3:last-of-type {
    right: 0;
  }
  .consertina__row.addCodition .consertina__cell--3 {
    margin: 0;
  }
  [class*=consertina__row].wide-med-narrow .consertina__cell--med {
    width: calc(60% - 4px);
  }
  /*end master 768 Responsive*/
  .consertina__invoicing h2 {
    margin-right: 100px;
  }
  .consertina__invoicing h2 span {
    display: block;
  }
  .consertina__invoice-mobile-label,
  .consertina__invoicing-record {
    display: inline-block;
  }
  .consertina__invoice-mobile-label {
    font-weight: 700;
    letter-spacing: 1px;
  }
  .row.consertina__row {
    text-align: left;
  }
  .consertina__header-row {
    display: none;
  }
  .consertina__invoicing-grand-total-right {
    float: none;
  }
  .invoicing-item-row .consertina__invoice-mobile-label {
    display: block;
  }
  .invoicing-header-row {
    display: none;
  }
  .consertina__NewRow .consertina__closeBtnCell,
  .consertina__closeBtnCell {
    width: 100%;
    padding: 0;
  }
  .consertina__NewRow .consertina__closeBtnCell button,
  .consertina__closeBtnCell button {
    width: 100%;
  }
  .consertina__withSelectize .consertina__buttonCell {
    padding: 0;
    width: 100%;
  }
  .consertina__withSelectize .consertina__buttonCell button {
    width: 100%;
  }
  .consertina__withSelectize .consertina__cell--selectize {
    height: auto;
    max-height: none;
  }
  .consertina__withSelectize .consertina__Labelrow {
    display: none;
  }
  .consertina__withSelectize [class*=consertina__row] label {
    display: inherit;
  }
}
.cke_path {
  display: none;
}

.formInput--text .cke_inner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.formInput--text .cke_top,
.formInput--text .cke_bottom {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-color: #e6ebee;
  -webkit-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  -moz-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.03) inset;
  border: 1px solid #ccd6dd;
}
.formInput--text .cke_bottom {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.formInput--text .cke_contents {
  border-left: 1px solid #ccd6dd;
  border-right: 1px solid #ccd6dd;
}
.formInput--text .cke_chrome {
  Border: none;
}

.cke_panel {
  position: fixed !important;
  -webkit-transform: translateZ(0);
}

.sms-builder .cke_wysiwyg_div span {
  font-weight: 700;
}

/*.sms-builder {
	.cke_wysiwyg_div {
		padding: 15px;
		font-size: 1.2rem;
		span {
			font-size: 1rem;
			display: inline-block;
			background-color: $mainGreen;
			padding: 5px;
			color: #fff;
			border-radius: 0.5em;
			margin: 5px;
			@include fntBld;
			-webkit-user-modify: read-only
		}
	}
}*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  position: relative;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.2);
  font-family: "ApercuPro";
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  height: 38px;
  vertical-align: bottom;
  margin: 0;
}

.selectize-input:focus {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #9fc01b;
  box-shadow: 0 0;
  outline: 0 none;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
  margin-bottom: 0;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  border: 1px solid #ccd6dd;
}

.selectize-control.multi .selectize-input > div.active {
  border: 1px solid #9fc01b;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 1px solid silver;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
  border: 1px solid transparent;
  border-bottom-color: #9fc01b;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

/*selectize overrides*/
.conditionInput label {
  display: none;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px 2px 24px;
  background: white;
  color: #003254;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input > div a.remove {
  color: white;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.selectize-control.multi .selectize-input > div a.remove:not(:hover):not(:active):not(focus) {
  background-color: #ef5350;
}
.selectize-control.multi .selectize-input > div a.remove:hover,
.selectize-control.multi .selectize-input > div a.remove:focus {
  background-color: #9fc01b;
}
.selectize-control.multi .selectize-input > div a.remove:active {
  background-color: #ffca28;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown {
  background-color: #e6ebee;
  border: 1px solid #ccd6dd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  color: #003254;
  position: absolute;
  top: 36px !important;
  left: 10px !important;
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
}

.selectize-dropdown-content .option.active {
  background-color: #3399ff;
  color: white;
}

.formAsOuter {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
}

/* IE10 Only */
html[data-useragent*="MSIE 10.0"] {
  /* Login page */
}
html[data-useragent*="MSIE 10.0"] .login .contentHeader {
  border-bottom: 0;
}
html[data-useragent*="MSIE 10.0"] .contentHeader {
  border-bottom: 1px solid #f0f0f0;
}
html[data-useragent*="MSIE 10.0"] .branding {
  position: absolute;
  left: 30px;
  top: 15px;
  z-index: 999;
}
html[data-useragent*="MSIE 10.0"] .branding span {
  margin-top: 5px;
}
html[data-useragent*="MSIE 10.0"] .branding span:before {
  display: none;
}
html[data-useragent*="MSIE 10.0"] .branding a {
  display: block;
  height: 40px;
}
html[data-useragent*="MSIE 10.0"] .branding img {
  display: block;
  margin: 0;
  padding: 0;
}
html[data-useragent*="MSIE 10.0"] .site-footer {
  display: none;
}
html[data-useragent*="MSIE 10.0"] .contentHeader {
  display: block;
  width: 99%;
  margin-left: 1%;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls {
  float: right;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user {
  display: block;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user .clientControls__userImage {
  float: left;
  justify-content: space-around;
  align-items: flex-start;
  text-align: center;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user .clientControls__userImage i {
  display: block;
  text-align: center;
  margin-top: 14px;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user .clientControls__userInfo {
  padding-top: 15px;
  float: left;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user form {
  float: right;
  margin-top: 8px;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user .logOut {
  float: right;
  padding-top: 15px;
  border-left: 0;
  position: relative;
}
html[data-useragent*="MSIE 10.0"] .contentHeader .clientControls .clientControls__user .logOut:before {
  display: block;
  width: 1px;
  height: 20px;
  background-color: #9fc01b;
  content: "";
  position: absolute;
  left: 0px;
  top: 18px;
}
html[data-useragent*="MSIE 10.0"] .sidebarContainer {
  position: fixed;
  float: left;
  width: 20%;
  min-width: 280px;
  max-width: 100%;
  margin: 0;
  height: 100%;
  border-right: 1px solid #f0f0f0;
  z-index: 999;
  background-color: white;
}
html[data-useragent*="MSIE 10.0"] html, html[data-useragent*="MSIE 10.0"] body {
  overflow-x: hidden;
}
html[data-useragent*="MSIE 10.0"] .mainContainer {
  padding-bottom: 100px;
}
html[data-useragent*="MSIE 10.0"] .mainContainer .contentRight {
  float: right;
  width: 80%;
  height: 100%;
  min-width: 920px;
  padding-left: 0;
  margin-left: 0;
  display: block;
  overflow-x: visible;
}
html[data-useragent*="MSIE 10.0"] .mainContainer .mainContent {
  margin-bottom: 0;
}
html[data-useragent*="MSIE 10.0"] h1 {
  display: block;
  width: 100%;
  text-align: left;
  float: left;
  font-size: 2.2em;
}
html[data-useragent*="MSIE 10.0"] .infoBox__content {
  text-align: center;
}
html[data-useragent*="MSIE 10.0"] .btnChevronForward {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}
html[data-useragent*="MSIE 10.0"] .fileUpload {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
html[data-useragent*="MSIE 10.0"] .stretch button:first-of-type {
  float: left;
}
html[data-useragent*="MSIE 10.0"] .stretch button:last-of-type {
  float: right;
}
html[data-useragent*="MSIE 10.0"] .infoBox header h1 a i, html[data-useragent*="MSIE 10.0"] .infoBox header h2 a i, html[data-useragent*="MSIE 10.0"] .infoBox header h3 a i {
  float: right;
}
html[data-useragent*="MSIE 10.0"] .sidebarContainer .sidebarBottom {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
}
html[data-useragent*="MSIE 10.0"] .sidebarContainer .sidebarBottom a {
  border-top: 0;
  position: relative;
}
html[data-useragent*="MSIE 10.0"] .loginPage .contentRight .mainContent .formWrapper,
html[data-useragent*="MSIE 10.0"] .loginPage .contentRight .mainContent h1 {
  width: 400px;
  margin: 0 auto;
  float: none;
}
html[data-useragent*="MSIE 10.0"] .loginPage .contentRight .mainContent h1 {
  margin-bottom: 30px;
}
html[data-useragent*="MSIE 10.0"] .loginPage .mainContainer .contentRight {
  width: 100%;
  float: none;
}
html[data-useragent*="MSIE 10.0"] .loginPage .branding {
  top: auto;
  left: auto;
  margin-left: 20px;
  margin-top: 10px;
  width: 125px;
}
html[data-useragent*="MSIE 10.0"] .loginPage .branding span::before {
  display: none;
}

_:-ms-fullscreen *, :root body * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
_:-ms-fullscreen.loginPage .branding, :root body.loginPage .branding {
  height: 36px;
}
_:-ms-fullscreen.loginPage .branding .logo, :root body.loginPage .branding .logo {
  height: 36px;
  margin-bottom: 0;
  overflow: hidden;
}
_:-ms-fullscreen.loginPage .branding span:before, :root body.loginPage .branding span:before {
  opacity: 1;
}
_:-ms-fullscreen .mainContainer .contentRight, :root body .mainContainer .contentRight {
  height: 100%;
}
_:-ms-fullscreen .mainContainer .contentRight .mainContent, :root body .mainContainer .contentRight .mainContent {
  height: 100%;
  min-height: 600px;
}
_:-ms-fullscreen .contentHeader .branding, :root body .contentHeader .branding {
  margin-left: 0;
}
_:-ms-fullscreen .branding, :root body .branding {
  position: absolute;
  left: 30px;
  top: 15px;
  height: auto;
  z-index: 999;
}
_:-ms-fullscreen .branding .logo, :root body .branding .logo {
  height: 36px;
}
_:-ms-fullscreen .branding span, :root body .branding span {
  margin-top: 5px;
}
@media screen and (max-width: 990px) {
  _:-ms-fullscreen .contentHeader, :root body .contentHeader {
    width: 100%;
  }
  _:-ms-fullscreen .contentHeader .clientControls, :root body .contentHeader .clientControls {
    margin-left: auto;
  }
  _:-ms-fullscreen .branding, :root body .branding {
    position: absolute;
    left: 30px;
    top: 15px;
    height: auto;
    z-index: 999;
  }
  _:-ms-fullscreen .branding .logo, :root body .branding .logo {
    height: 36px;
  }
  _:-ms-fullscreen .branding span, :root body .branding span {
    margin-top: 5px;
  }
}
@media screen and (max-width: 500px) {
  _:-ms-fullscreen .contentHeader .branding, :root body .contentHeader .branding {
    margin-left: 45px;
  }
  _:-ms-fullscreen .contentHeader .clientControls, :root body .contentHeader .clientControls {
    margin-left: auto;
  }
}
[class*=print-only] {
  display: none;
}

.printPage,
[class*=printPage--] {
  display: block;
  text-align: center;
  padding: 10px;
  border: 1px solid #f0f0f0;
  border-radius: 0.5em;
  margin-top: 10px;
  font-size: 0.9rem;
}
.printPage:hover,
[class*=printPage--]:hover {
  background-color: #003254;
  color: white;
}

.printPage--anchored {
  position: absolute;
  bottom: 20px;
  right: 15px;
  left: 15px;
}

[data-section_output] {
  break-inside: avoid;
}

/*printJs Styles*/
.printModal {
  background-color: hsla(0, 0%, 100%, 0.91);
  color: #0460b5;
  display: flex;
  font-family: sans-serif;
  font-size: 30px;
  font-weight: 300;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.printClose {
  position: absolute;
  right: 10px;
  top: 10px;
}

.printClose:before {
  content: "×";
  cursor: pointer;
  display: block;
  font-family: Helvetica Neue, sans-serif;
  font-size: 2em;
  font-weight: 100;
  height: 1.25em;
  line-height: 1px;
  overflow: hidden;
  padding-top: 0.5em;
  text-align: center;
  text-indent: 1px;
  width: 1.25em;
}

/* add to media print once tested  */
.printView table.table {
  overflow-y: hidden;
}
.printView table.table th,
.printView table.table td {
  line-height: 1em;
  padding: 8px 5px 8px 0;
}

/*responsive*/
@media screen and (max-width: 767px) {
  .printPage--anchored {
    position: relative;
    left: 0;
    right: 0;
    margin: 30px 0 0 0;
  }
  .printPage {
    padding: 0;
    border: 0;
    margin-top: 20px;
    text-decoration: underline;
  }
  .printPage:hover {
    color: #9fc01b;
    background: transparent;
  }
}
/* Print only styles -  */
@media print {
  @page {
    margin: 0;
  }
  @page :footer {
    color: #fff;
  }
  @page :header {
    color: #fff;
  }
  *:not(.chartjs-size-monitor) {
    color: #000 !important;
    background: white;
    overflow: visible !important;
  }
  .dont-print-me {
    display: none;
  }
  [class*=print-only] {
    display: block;
  }
  .print-only-inline {
    display: inline-block;
  }
  .chartjs-size-monitor {
    overflow-y: hidden !important;
    overflow-x: visible !important;
  }
  label {
    margin: 0 0 1px;
  }
  hr {
    margin: 5px 0;
  }
  html,
  body {
    height: auto !important;
  }
  body {
    border-top: 5px solid #000;
    margin: 1cm;
  }
  table tbody td {
    padding: 10px;
  }
  input[type=submit],
  button {
    display: none;
  }
  .mainContainer {
    overflow: visible;
  }
  .mainContainer .contentRight {
    display: block;
  }
  .mainContainer .contentRight .row {
    margin-bottom: 20px;
  }
  .mainContainer .mainContent {
    padding: 20px;
  }
  .rowSubtitle {
    padding-top: 20px;
  }
  .printPage {
    display: none;
  }
  .contentHeader {
    display: none;
  }
  .sidebarContainer {
    display: none;
  }
  table tr.rowSubtitle {
    border-bottom: 2px solid #000;
  }
  .mainContainer .contentRight {
    width: 100%;
    padding-left: 0;
  }
  .boxed {
    width: 100%;
    max-width: 100%;
  }
  .site-footer {
    display: none;
  }
  /*cred ref for print*/
  .infoBoxWrapper {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    margin: 0;
  }
  .infoBoxWrapper .btnChevronForward {
    display: none;
  }
  .infoBoxWrapper header {
    display: inline-block;
    padding: 0 5px;
  }
  .infoBoxWrapper .infoBox,
  .infoBoxWrapper .infoBox.loanAppStats {
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
  }
  .infoBoxWrapper .infoBox .infoBox__content,
  .infoBoxWrapper .infoBox.loanAppStats .infoBox__content {
    text-align: left;
    display: inline-block;
    padding: 0 5px;
  }
  .infoBoxWrapper .infoBox .infoBox__content .applicantStatus__amount,
  .infoBoxWrapper .infoBox.loanAppStats .infoBox__content .applicantStatus__amount {
    padding: 5px;
  }
  .infoBoxWrapper .infoBox .infoBox__content .applicantStatus__amount.novalue,
  .infoBoxWrapper .infoBox.loanAppStats .infoBox__content .applicantStatus__amount.novalue {
    margin: 0;
  }
  .infoBoxWrapper .infoBox .infoBox__content .applicantAmount,
  .infoBoxWrapper .infoBox.loanAppStats .infoBox__content .applicantAmount {
    display: inline-block;
    font-size: 1em;
    padding: 0 5px;
  }
  .infoBoxWrapper .infoBox .infoBox__content .applicantAmount:after,
  .infoBoxWrapper .infoBox.loanAppStats .infoBox__content .applicantAmount:after {
    content: ":";
  }
  .w-100.infoBoxWrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.charts__MainContainer {
  width: 70%;
  display: block;
  margin: auto;
  overflow: visible;
}

.col__reportChartMain {
  width: 100%;
  max-width: 600px;
  display: block;
  margin: auto;
}

[class*=charts__report-input] {
  width: 100%;
}
[class*=charts__report-input] label {
  display: block;
  text-align: center;
  vertical-align: bottom;
}

[class*=charts__report-input-] input {
  width: 100%;
  background: transparent;
  text-align: center;
  padding: 3px 10px;
}

.charts__report-input-loans input {
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  border: 3px solid #003254;
  color: #003254;
  padding: 3px 10px;
}
.charts__report-input-loans input:hover {
  border: 3px solid #003254;
}
.charts__report-input-loans label {
  font-size: 1.25em;
  font-weight: bold;
  color: #003254;
  height: 64px;
}

.charts__label-two-row-single {
  height: 42px;
  margin: 0;
  display: inline-block;
  width: 100%;
}

.charts__label-two-row-double {
  height: 42px;
  margin: 0;
  display: inline-block;
  width: 100%;
}

.charts__report-input-campaignLoans input {
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  border: 3px solid #ffca28;
  color: #ffca28;
}
.charts__report-input-campaignLoans input:hover {
  border: 3px solid #ffca28;
}
.charts__report-input-campaignLoans label {
  font-size: 1.25em;
  font-weight: bold;
  color: #ffca28;
  height: 64px;
}

.charts__report-input-loansytd input {
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  border: 3px solid #ef5350;
  color: #ef5350;
}
.charts__report-input-loansytd input:hover {
  border: 3px solid #ef5350;
}
.charts__report-input-loansytd label {
  font-size: 1.25em;
  font-weight: bold;
  color: #ef5350;
  height: 64px;
}

.plusMinusContainer {
  position: relative;
  height: 38px;
}

.input__plusMinusInput {
  max-width: 100%;
  height: 38px;
  position: absolute;
  text-align: center;
  margin-bottom: 0 !important;
  bottom: 0;
  border-radius: 7px;
}

.input__plusControl {
  max-width: 10%;
  height: 38px;
  position: absolute;
  bottom: 0;
  margin: 0;
  right: -5px;
  border-radius: 0 7px 7px 0;
}

.input__minusControl {
  max-width: 10%;
  height: 38px;
  position: absolute;
  bottom: 0;
  margin: 0;
  left: -5px;
  border-radius: 7px 0 0 7px;
}

#charts__legend-container ul li {
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  -o-user-select: none;
  user-select: none;
  width: 20%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
#charts__legend-container ul li span {
  margin-left: 25px;
}

.charts__legend-row--loans {
  color: #000000;
}
.charts__legend-row--loans .form__check {
  border: 1px solid #000000;
}
.charts__legend-row--loans .form__check label:after {
  color: #000000;
}

.charts__legend-row--savings {
  color: #808080;
}
.charts__legend-row--savings .form__check {
  border: 1px solid #808080;
}
.charts__legend-row--savings .form__check label:after {
  color: #808080;
}

.charts__legend-row--strong {
  color: #9fc01b;
}
.charts__legend-row--strong .form__check {
  border: 1px solid #9fc01b;
}
.charts__legend-row--strong .form__check label:after {
  color: #9fc01b;
}

.charts__legend-row--likely {
  color: #ffca28;
}
.charts__legend-row--likely .form__check {
  border: 1px solid #ffca28;
}
.charts__legend-row--likely .form__check label:after {
  color: #ffca28;
}

.charts__legend-row--loansytd {
  color: #ef5350;
}
.charts__legend-row--loansytd .form__check {
  border: 1px solid #ef5350;
}
.charts__legend-row--loansytd .form__check label:after {
  color: #ef5350;
}

/*LEGEND CHECKBOX*/
#charts__legend-container .form__check input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  opacity: 0;
}
#charts__legend-container .form__check {
  width: 30px;
  height: 30px;
  background: white;
  position: relative;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  transition: border 1s ease;
}
#charts__legend-container .form__check label {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 4px;
  top: 4px;
}
#charts__legend-container .form__check label:after {
  font-family: "icomoon";
  content: "\f00c";
  display: block;
  position: absolute;
  top: -19px;
  right: -5px;
  transition: all 1s ease;
  font-size: 34px;
  opacity: 0;
}
#charts__legend-container .form__check label:before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: -7px;
  background-color: white;
  width: 15px;
  height: 18px;
  transition: all 0.5s ease;
  opacity: 0;
}
#charts__legend-container .form__check label:hover::before {
  opacity: 1;
}
#charts__legend-container .form__check label:hover::after {
  opacity: 0.3;
}
#charts__legend-container ul li:hover .form__check label::after {
  opacity: 0.3;
}
#charts__legend-container ul li:hover .form__check label::before {
  opacity: 1;
}
#charts__legend-container .form__check input[type=checkbox]:checked + label:after,
#charts__legend-container .form__check input[type=checkbox]:checked + label:before {
  opacity: 1;
}

/*responsive*/
@media screen and (min-width: 1237px) {
  .charts__label-two-row-single, .charts__label-two-row-double {
    line-height: unset;
    margin-bottom: 10px;
    height: auto;
  }
  .charts__report-input-loans label,
  .charts__report-input-loansytd label,
  .charts__report-input-campaignLoans label {
    height: auto;
  }
}
@media screen and (max-width: 1300px) {
  #charts__legend-container ul li {
    width: 32%;
    display: inline-block;
    text-align: left;
    margin: 10px auto;
  }
}
@media screen and (max-width: 1300px) {
  .charts__MainContainer {
    width: 100%;
    margin: auto;
    padding: 0 0 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .charts__report-input-loans label,
  .charts__report-input-loansytd label,
  .charts__report-input-campaignLoans label {
    height: auto;
  }
  .charts__MainContainer {
    width: 100%;
    margin: auto;
    padding: 20px 0;
  }
  #charts__legend-container ul li {
    width: 50%;
    display: inline-block;
    text-align: left;
    margin: 10px auto;
  }
  #charts__legend-container ul li span {
    margin-left: 18px;
  }
  .charts__label-two-row-single, .charts__label-two-row-double {
    display: block;
    height: auto;
    line-height: unset;
    margin: 0 0 10px 0;
  }
}
[class*=validate__] {
  text-align: left;
  position: relative;
}
[class*=validate__] select,
[class*=validate__] input,
[class*=validate__] textarea,
[class*=validate__] label {
  display: inline-block;
  width: 100%;
}

.validate__error-message {
  display: block;
  position: absolute;
  top: -30px;
  left: 45%;
  margin-bottom: 0;
  margin-left: -85px;
  font-size: 0.8em;
  width: auto;
  text-align: center;
  z-index: 1;
  padding: 2px 15px !important;
  border: 1px solid #5e9ed5;
  background-color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);
  transition: opacity 1s ease;
}

.farbtastic {
  position: relative;
  left: 0;
  transition: left 1s ease;
}

.farbtastic * {
  position: absolute;
  cursor: crosshair;
}

.farbtastic, .farbtastic .wheel {
  width: 280px;
  height: 280px;
}

.farbtastic .color, .farbtastic .overlay {
  top: 82px;
  left: 82px;
  width: 116px;
  height: 116px;
}

.farbtastic .wheel {
  background-image: url(../images/farbtastic/wheel.png);
  background-repeat: no-repeat;
  background-position: -5px -6px;
  width: 282px;
  height: 282px;
  border: solid 1px #f00;
  -webkit-border-radius: 140px;
  -moz-border-radius: 140px;
  -ms-border-radius: 140px;
  border-radius: 140px;
  border: 2px solid #808080;
}

.farbtastic .overlay {
  background-image: url(../images/farbtastic/mask.png);
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px solid #808080;
}

.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url(../images/farbtastic/marker.png) no-repeat;
}

.farbtastic__Swatch {
  font-size: 0;
  border: 0;
  height: 30px;
  width: 50px;
  display: inline-block;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  vertical-align: middle;
  position: relative;
  left: -8px;
  top: 0;
  transition: width 1s ease;
}

.farbtastic__Wrapper {
  text-align: center;
}
.farbtastic__Wrapper #color {
  width: 60%;
  min-width: 190px;
  font-size: 0;
  height: 50px;
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  margin: 20px 0 10px;
  border: 2px solid #808080;
}
.farbtastic__Wrapper #picker {
  margin: 0 auto;
  display: inline-block;
}
.farbtastic__Wrapper .farbtastic__InnerTitle {
  position: absolute;
  top: 95px;
  left: 50%;
  margin-left: -20px;
  z-index: 2;
}

@media screen and (max-width: 550px) {
  .farbtastic {
    left: -5px;
  }
  .farbtastic__Swatch {
    width: 25px;
  }
}
.product__builder-main input {
  width: 100%;
}
.product__builder-main .row {
  margin-bottom: 5px !important;
}

.product_builder__add,
.loanreason_builder__add {
  background: #9fc01b;
  border: 1px solid #9fc01b;
  color: #ffffff;
  cursor: pointer;
  margin: 0px 10px 15px 0;
  padding: 10px 20px;
  border-radius: 7px;
  display: inline-block;
  width: auto;
}

textarea.product_builder__smsTextArea {
  -webkit-border-radius: #9fc01b;
  -moz-border-radius: #9fc01b;
  -ms-border-radius: #9fc01b;
  border-radius: #9fc01b;
  min-height: 14em;
  padding: 3px 30px 0 3px;
  border-style: solid;
  border-width: 1px;
  border-top-width: 48px;
  transition: border 1s ease;
}

textarea.product_builder__smsTextArea {
  border-color: #9fc01b;
}

textarea.product_builder__smsTextArea:focus {
  border-color: #9fc01b;
}

.product_builder__remove {
  color: #ef5350;
  text-align: center;
  cursor: pointer;
}

.product_builder__charCheckBox {
  border: 1px solid #9fc01b;
  border-radius: 3px;
  min-height: 50px;
  padding: 3px 0 0 3px;
}

@media screen and (max-width: 990px) {
  .consertina__product-builderRow label {
    width: 100%;
  }
  .consertina__product-builderRow input {
    width: 100%;
  }
  .product_builder__from input {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .consertina__product-builderRow div {
    display: block;
  }
}
.changelog .card-body {
  padding: 10px;
}
.changelog .text-muted, .changelog .live-date {
  font-size: 0.8rem;
}
.changelog .card-img-top {
  width: 100%;
  display: block;
}
.changelog .card-important {
  background: #003254;
}
.changelog .card-important .card-text {
  color: #ffffff;
}
.changelog .card-important .live-date {
  color: #ffffff;
}
.changelog .card-important h5 {
  color: #ffffff;
}

@media screen and (max-width: 600px) {
  .changelog .card {
    margin-bottom: 10px;
  }
}
#statement-table {
  width: 100%;
}
#statement-table .statement__search, #statement-table .statement__reset {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
#statement-table .statement__search {
  margin-top: 24px;
}
#statement-table .bodySub__banner {
  width: 100%;
  margin: 20px 0 0;
  color: #666;
  background: #ecf2d1;
  text-align: left;
  padding: 5px 20px;
}
#statement-table tbody tr {
  border-bottom: 1px solid #e0e0e0;
}
#statement-table .statements__date,
#statement-table .statements__description,
#statement-table .statements__credit,
#statement-table .statements__debit,
#statement-table .statements__balance {
  padding: 5px;
}
#statement-table .button--tdTogView.mdi-check-circle, #statement-table .button--tdTogView.mdi-close-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin: 3px 0 0 5px;
  padding: 0;
  background: #ef5350;
  min-width: unset;
  line-height: 16px;
  border: 0;
}
#statement-table .button--tdTogView.mdi-check-circle:before,
#statement-table .button--tdTogView.mdi-close-circle:before {
  content: "\f00d";
  font-size: 14px;
  font-family: "icomoon";
  padding: 0;
  top: -1px;
}
#statement-table .button--tdTogView.mdi-check-circle:hover,
#statement-table .button--tdTogView.mdi-close-circle:hover {
  background: #9fc01b;
}
#statement-table .button--tdTogView.mdi-close-circle:before {
  content: "\f06e";
}
#statement-table .button--alt-tdBack {
  background: #003254;
  color: #ffffff;
  width: 100%;
}
#statement-table .button--alt-tdBack:before {
  content: "\f060";
  font-family: "icomoon";
  padding: 0 3px 0 0;
}
#statement-table [data-sort] {
  border: 2px solid #003254;
  margin: 0;
  padding: 0 0 0 10px;
  line-height: 37px;
  height: 40px;
}
#statement-table .formSelect:after {
  top: 17px;
}

.statements__interest span {
  display: none;
}

@media screen and (max-width: 577px) {
  #statement-table .bodySub__banner {
    display: none;
  }
  #statement-table th {
    display: none;
  }
  #statement-table .statements__credit {
    color: #9fc01b !important;
  }
  #statement-table .statements__debit,
  #statement-table .statements__interest {
    color: #ef5350 !important;
  }
  #statement-table .statements__interest span {
    display: inline-block;
  }
  #statement-table .statements__date {
    background: rgba(0, 0, 0, 0.04);
    width: 100%;
    display: block;
  }
  #statement-table .statements__description {
    float: left;
    width: auto;
  }
  #statement-table .statements__debit,
  #statement-table .statements__interest,
  #statement-table .statements__credit,
  #statement-table .statements__balance {
    display: block;
    float: right;
    clear: right;
    width: auto !important;
  }
}
@media screen and (max-width: 768px) {
  #statement-table .button--alt-tdBack {
    margin-bottom: 15px;
  }
}
.printState__wrapper:not(.printState__isOn) .printState__HideMe {
  display: block;
}
.printState__wrapper:not(.printState__isOn) .printState__ShowMe {
  display: none;
}

.printState__printonly {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

[class*=printState__col] {
  overflow: hidden;
}
[class*=printState__col] img {
  max-width: 90%;
  max-height: 100px;
  height: auto;
  margin: 0 0 5px;
}
[class*=printState__col] p {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}

.printState__col--window {
  margin: 32mm 6mm 0 12.5mm;
  width: 100mm;
}

.printState__col--notwindow {
  width: 63mm;
}

.printState__isOn {
  width: 185mm;
  height: auto;
  max-height: 100%;
  position: absolute;
  left: 2.5mm;
  top: 0;
}
.printState__isOn .printState__HideMe {
  display: none;
}
.printState__isOn .printState__ShowMe {
  display: block;
}
.printState__isOn .printState__printonly {
  opacity: 1;
  position: relative;
}
.printState__isOn .printState__footer {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}
.printState__isOn .printState__footer p, .printState__isOn .printState__footer h1, .printState__isOn .printState__footer h2, .printState__isOn .printState__footer h3, .printState__isOn .printState__footer h4, .printState__isOn .printState__footer h5 {
  display: block;
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  margin: 0;
}
.printState__isOn .printState__footer strong, .printState__isOn .printState__footer b {
  font-family: Helvetica, Arial, sans-serif;
}

/*hide if print not available*/
.printState__printBtn {
  display: none;
}

.printState__NoPrintBtn {
  display: flex;
}

.printState__wrapper .printState__printBtn {
  display: flex;
}
.printState__wrapper .printState__NoPrintBtn {
  display: none;
}

@page {
  margin: 0 !important;
}
@page :footer {
  color: #fff !important;
}
@page :header {
  color: #fff !important;
}
.memberDash-accounts .card-body p {
  font-size: 13px;
}

[class*=memberAlert--] {
  text-align: center;
  padding: 5px 0;
  border-radius: 7px;
  color: #ffffff;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.memberAlert--application {
  background: #07bdff;
}

.memberAlert--arrears {
  background: #d9534f;
}

.memberAlert--complaint {
  background: #ff8307;
}

#accordionActivities {
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
#accordionActivities .card {
  position: relative;
}
#accordionActivities .card-header {
  cursor: pointer;
  font-size: 13px;
}
#accordionActivities .activity_snippet {
  word-wrap: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activity_title,
.activity_title a {
  font-size: 14px;
  font-weight: 700;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #808080;
}

.activity_full_description {
  background: #f2f2f2;
  border-radius: 7px;
}

.accordionActivities-header {
  padding: 0.75rem 1.25rem;
  user-select: none;
  cursor: pointer;
}
.accordionActivities-header span {
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}
.accordionActivities-header .filterPanel {
  position: absolute;
  top: 30px;
  left: 13px;
  width: 250px;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 4px;
  z-index: 9999999;
  display: none;
  padding: 10px;
}
.accordionActivities-header .filterPanel ul {
  list-style-type: none;
}

.mainContainer.banking input[type=checkbox],
.banking-inputs input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important;
}
.mainContainer.banking select,
.banking-inputs select {
  background: #ffffff;
  margin: 0;
  border: 1px solid #003254;
  padding: 0 35px 0 5px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: block;
  width: 100%;
}

.unknown_transactions .unkown_transaction {
  display: none;
}

.banking-container {
  max-height: 700px;
  overflow: auto;
}
.banking-container input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important;
}
.banking-container select {
  background: #ffffff;
  margin: 0;
  border: 1px solid #003254;
  padding: 0 35px 0 5px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: block;
  width: 100%;
}

.find_accounts {
  position: absolute;
  bottom: 0;
}

.deposit_row select,
.withdrawal_row select {
  background: #ffffff;
  margin: 0;
  border: 1px solid #003254;
  padding: 0 35px 0 5px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: block;
  width: 100%;
}
.deposit_row select:after,
.withdrawal_row select:after {
  position: absolute;
  top: 5px;
  right: 5px;
  content: "f0d7";
}

.select_container {
  position: relative;
}

.payroll_checkboxes ul {
  list-style-type: none;
  columns: 3;
}

.previous_payroll_imports {
  border: 1px solid #cccccc;
  border-radius: 4px;
  max-height: 500px;
  overflow: auto;
}

.payroll_preview_items {
  border: 1px solid #cccccc;
  border-radius: 4px;
  max-height: 400px;
  position: relative;
  overflow: auto;
}
.payroll_preview_items .transaction_error {
  background: rgba(200, 0, 0, 0.3);
}

.sysTransactions,
.batchTransactions {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #003254;
  border-radius: 4px;
}
.sysTransactions .row,
.batchTransactions .row {
  user-select: none;
  cursor: pointer;
}
.sysTransactions .active:not(.no_items),
.batchTransactions .active:not(.no_items) {
  background: #003254;
  color: #ffffff;
}
.sysTransactions .active a,
.batchTransactions .active a {
  color: #ffffff;
}

.collapsed .fa-chevron-down.animate-chevron {
  transform: rotate(0deg);
}

.fa-chevron-down.animate-chevron {
  transform: rotate(180deg);
  transition: transform 0.5s;
}

.overflow-hidden {
  overflow: hidden;
}

@media (min-width: 992px) {
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #003254;
}

[data-control=loader] {
  display: block;
  width: 32px;
  height: auto;
  margin: 0 auto;
}

.dataTables_wrapper.loading {
  overflow: hidden !important;
}

.dataTables_wrapper.loading *, [data-control=datatable]:not(.loaded) * {
  display: none !important;
}

.dataTables_wrapper.loading:before, [data-control=datatable]:not(.loaded):before {
  background: transparent url("../images/loader.gif") no-repeat center center;
  background-size: 32px;
  height: 32px;
  display: block;
  content: "";
}

.dataTables_wrapper .dataTable {
  width: 100% !important;
}

[data-control=litepicker] {
  width: 100%;
  cursor: default;
  margin-left: -36px;
  padding-left: 40px !important;
}

label.litepicker-wrapper {
  background: #fff;
  padding: 5px 10px;
  padding-top: 0;
  margin-right: 10px;
  display: inline-block;
  width: 100%;
}

/*force-xs to all columns above xs (width:100%) */
.force-xs .col-sm-12,
.force-xs .col-sm-11,
.force-xs .col-sm-10,
.force-xs .col-sm-9,
.force-xs .col-sm-8,
.force-xs .col-sm-7,
.force-xs .col-sm-6,
.force-xs .col-sm-5,
.force-xs .col-sm-4,
.force-xs .col-sm-3,
.force-xs .col-sm-2,
.force-xs .col-sm-1,
.force-xs .col-md-12,
.force-xs .col-md-11,
.force-xs .col-md-10,
.force-xs .col-md-9,
.force-xs .col-md-8,
.force-xs .col-md-7,
.force-xs .col-md-6,
.force-xs .col-md-5,
.force-xs .col-md-4,
.force-xs .col-md-3,
.force-xs .col-md-2,
.force-xs .col-md-1,
.force-xs .col-lg-12,
.force-xs .col-lg-11,
.force-xs .col-lg-10,
.force-xs .col-lg-9,
.force-xs .col-lg-8,
.force-xs .col-lg-7,
.force-xs .col-lg-6,
.force-xs .col-lg-5,
.force-xs .col-lg-4,
.force-xs .col-lg-3,
.force-xs .col-lg-2,
.force-xs .col-lg-1,
.force-sm .col-md-12,
.force-sm .col-md-11,
.force-sm .col-md-10,
.force-sm .col-md-9,
.force-sm .col-md-8,
.force-sm .col-md-7,
.force-sm .col-md-6,
.force-sm .col-md-5,
.force-sm .col-md-4,
.force-sm .col-md-3,
.force-sm .col-md-2,
.force-sm .col-md-1,
.force-sm .col-lg-12,
.force-sm .col-lg-11,
.force-sm .col-lg-10,
.force-sm .col-lg-9,
.force-sm .col-lg-8,
.force-sm .col-lg-7,
.force-sm .col-lg-6,
.force-sm .col-lg-5,
.force-sm .col-lg-4,
.force-sm .col-lg-3,
.force-sm .col-lg-2,
.force-sm .col-lg-1,
.force-md .col-lg-12,
.force-md .col-lg-11,
.force-md .col-lg-10,
.force-md .col-lg-9,
.force-md .col-lg-8,
.force-md .col-lg-7,
.force-md .col-lg-6,
.force-md .col-lg-5,
.force-md .col-lg-4,
.force-md .col-lg-3,
.force-md .col-lg-2,
.force-md .col-lg-1 {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

/*force-xs to all columns above xs (width:100%) */
.force-xs .offset-sm-12,
.force-xs .offset-sm-11,
.force-xs .offset-sm-10,
.force-xs .offset-sm-9,
.force-xs .offset-sm-8,
.force-xs .offset-sm-7,
.force-xs .offset-sm-6,
.force-xs .offset-sm-5,
.force-xs .offset-sm-4,
.force-xs .offset-sm-3,
.force-xs .offset-sm-2,
.force-xs .offset-sm-1,
.force-xs .offset-md-12,
.force-xs .offset-md-11,
.force-xs .offset-md-10,
.force-xs .offset-md-9,
.force-xs .offset-md-8,
.force-xs .offset-md-7,
.force-xs .offset-md-6,
.force-xs .offset-md-5,
.force-xs .offset-md-4,
.force-xs .offset-md-3,
.force-xs .offset-md-2,
.force-xs .offset-md-1,
.force-xs .offset-lg-12,
.force-xs .offset-lg-11,
.force-xs .offset-lg-10,
.force-xs .offset-lg-9,
.force-xs .offset-lg-8,
.force-xs .offset-lg-7,
.force-xs .offset-lg-6,
.force-xs .offset-lg-5,
.force-xs .offset-lg-4,
.force-xs .offset-lg-3,
.force-xs .offset-lg-2,
.force-xs .offset-lg-1,
.force-sm .offset-md-12,
.force-sm .offset-md-11,
.force-sm .offset-md-10,
.force-sm .offset-md-9,
.force-sm .offset-md-8,
.force-sm .offset-md-7,
.force-sm .offset-md-6,
.force-sm .offset-md-5,
.force-sm .offset-md-4,
.force-sm .offset-md-3,
.force-sm .offset-md-2,
.force-sm .offset-md-1,
.force-sm .offset-lg-12,
.force-sm .offset-lg-11,
.force-sm .offset-lg-10,
.force-sm .offset-lg-9,
.force-sm .offset-lg-8,
.force-sm .offset-lg-7,
.force-sm .offset-lg-6,
.force-sm .offset-lg-5,
.force-sm .offset-lg-4,
.force-sm .offset-lg-3,
.force-sm .offset-lg-2,
.force-sm .offset-lg-1,
.force-md .offset-lg-12,
.force-md .offset-lg-11,
.force-md .offset-lg-10,
.force-md .offset-lg-9,
.force-md .offset-lg-8,
.force-md .offset-lg-7,
.force-md .offset-lg-6,
.force-md .offset-lg-5,
.force-md .offset-lg-4,
.force-md .offset-lg-3,
.force-md .offset-lg-2,
.force-md .offset-lg-1 {
  margin-left: 0;
}

/*# sourceMappingURL=style.css.map */