@charset "UTF-8";
/* Bootstrap Open Source Normalize */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	   ========================================================================== */
/**
	 * 1. Correct the line height in all browsers.
	 * 2. Prevent adjustments of font size after orientation changes in iOS.
	 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
         ========================================================================== */
/**
       * Remove the margin in all browsers.
       */
body {
  margin: 0; }

/**
       * Render the `main` element consistently in IE.
       */
.mainContainer,
main {
  display: block; }

/**
       * Correct the font size and margin on `h1` elements within `section` and
       * `article` contexts in Chrome, Firefox, and Safari.
       */
h1 {
  font-size: 2em; }

/* Grouping content
         ========================================================================== */
/**
       * 1. Add the correct box sizing in Firefox.
       * 2. Show the overflow in Edge and IE.
       */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
pre {
  font-family: "OpenSans", sans-serif;
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
         ========================================================================== */
/**
       * Remove the gray background on active links in IE 10.
       */
a {
  background-color: transparent;
  transition: all 0.3s ease-out 0s; }

/**
       * 1. Remove the bottom border in Chrome 57-
       * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
       */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
       * Add the correct font weight in Chrome, Edge, and Safari.
       */
b,
strong {
  font-weight: bolder; }

/**
       * 1. Correct the inheritance and scaling of font size in all browsers.
       * 2. Correct the odd `em` font sizing in all browsers.
       */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
       * Add the correct font size in all browsers.
       */
small {
  font-size: 80%; }

/**
       * Prevent `sub` and `sup` elements from affecting the line height in
       * all browsers.
       */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
         ========================================================================== */
/**
       * Remove the border on images inside links in IE 10.
       */
img {
  border-style: none; }

/* Forms
         ========================================================================== */
/**
       * 1. Change the font styles in all browsers.
       * 2. Remove the margin in Firefox and Safari.
       */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none; }

/**
       * Show the overflow in IE.
       * 1. Show the overflow in Edge.
       */
button,
input {
  /* 1 */
  overflow: visible; }

/**
       * Remove the inheritance of text transform in Edge, Firefox, and IE.
       * 1. Remove the inheritance of text transform in Firefox.
       */
button,
select {
  /* 1 */
  text-transform: none; }

/**
       * Correct the inability to style clickable types in iOS and Safari.
       */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
       * Remove the inner border and padding in Firefox.
       */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
       * Restore the focus styles unset by the previous rule.
       */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
       * Correct the padding in Firefox.
       */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
       * 1. Correct the text wrapping in Edge and IE.
       * 2. Correct the color inheritance from `fieldset` elements in IE.
       * 3. Remove the padding so developers are not caught out when they zero out
       *    `fieldset` elements in all browsers.
       */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
       * Add the correct vertical alignment in Chrome, Firefox, and Opera.
       */
progress {
  vertical-align: baseline; }

/**
       * Remove the default vertical scrollbar in IE 10+.
       */
textarea {
  overflow: auto; }

/**
       * 1. Add the correct box sizing in IE 10.
       * 2. Remove the padding in IE 10.
       */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
       * Correct the cursor style of increment and decrement buttons in Chrome.
       */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
       * 1. Correct the odd appearance in Chrome and Safari.
       * 2. Correct the outline style in Safari.
       */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
       * Remove the inner padding in Chrome and Safari on macOS.
       */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
       * 1. Correct the inability to style clickable types in iOS and Safari.
       * 2. Change font properties to `inherit` in Safari.
       */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
       * For global file upload button styles.
       */
input[type="file"]::file-selector-button {
  font-size: 14px;
  padding: 6px 16px;
  border-radius: 30px;
  border: unset;
  background-color: #222222;
  color: #ffffff; }
  input[type="file"]::file-selector-button:hover {
    background-color: #111111; }

/* Interactive
         ========================================================================== */
/*
       * Add the correct display in Edge, IE 10+, and Firefox.
       */
details {
  display: block; }

/*
       * Add the correct display in all browsers.
       */
summary {
  display: list-item; }

/* Misc
         ========================================================================== */
/**
       * Add the correct display in IE 10+.
       */
template {
  display: none; }

/**
       * Add the correct display in IE 10.
       */
[hidden] {
  display: none; }

/**
       * For scrollbar customization in all browsers.
       */
* {
  zscrollbar-width: thin;
  zscrollbar-color: #797979 #d6d6d6; }
  * #theBody::-webkit-scrollbar {
    width: 12px;
    height: 12px; }
  *:not(#theBody)::-webkit-scrollbar {
    width: 8px; }
  *::-webkit-scrollbar-track {
    background: #e6e7ec;
    border-radius: 20px; }
  *::-webkit-scrollbar-thumb {
    background-color: #c8cacf;
    border-radius: 20px;
    zborder: 3px solid #d6d6d6; }
    *::-webkit-scrollbar-thumb:hover {
      background-color: #adb0b7; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  * {
    scrollbar-face-color: #797979;
    scrollbar-track-color: #d6d6d6; } }
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(/skins/0/fonts/Lato/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(/skins/0/fonts/Lato/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(/skins/0/fonts/Lato/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(/skins/0/fonts/Lato/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(/skins/0/fonts/Lato/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(/skins/0/fonts/Lato/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(/skins/0/fonts/Lato/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(/skins/0/fonts/Lato/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face {
  font-family: Whitney;
  src: url(/skins/0/fonts/Whitney/whitney.ttf) format("truetype");
  font-style: normal; }
@font-face {
  font-family: OpenSans_Bold;
  src: url(/skins/0/fonts/Open_Sans/OpenSans-Bold.ttf) format("truetype"); }
@font-face {
  font-family: OpenSans_ExtraBold;
  src: url(/skins/0/fonts/Open_Sans/OpenSans-ExtraBold.ttf) format("truetype"); }
@font-face {
  font-family: OpenSans_Light;
  src: url(/skins/0/fonts/Open_Sans/OpenSans-Light.ttf) format("truetype"); }
@font-face {
  font-family: OpenSans;
  src: url(/skins/0/fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype"); }
@font-face {
  font-family: OpenSans_SemiBold;
  src: url(/skins/0/fonts/Open_Sans/OpenSans-SemiBold.ttf) format("truetype"); }
@font-face {
  font-family: Montserrat;
  src: url(/skins/0/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format("truetype"); }
@font-face {
  font-family: Montserratblack;
  src: url(/skins/0/fonts/Montserrat/Montserrat-Black.ttf) format("truetype"); }
@font-face {
  font-family: Montserratbold;
  src: url(/skins/0/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype"); }
@font-face {
  font-family: Montserratextrabold;
  src: url(/skins/0/fonts/Montserrat/Montserrat-ExtraBold.ttf) format("truetype"); }
@font-face {
  font-family: Montserratmedium;
  src: url(/skins/0/fonts/Montserrat/Montserrat-Medium.ttf) format("truetype"); }
@font-face {
  font-family: Montserratregular;
  src: url(/skins/0/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"); }
@font-face {
  font-family: MontserratsemiBold;
  src: url(/skins/0/fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype"); }
@font-face {
  font-family: Roboto;
  src: url(/skins/0/fonts/Roboto/Roboto-Regular.ttf) format("truetype"); }
@font-face {
  font-family: Roboto_Bold;
  src: url(/skins/0/fonts/Roboto/Roboto-Bold.ttf) format("truetype"); }
@font-face {
  font-family: Roboto_Light;
  src: url(/skins/0/fonts/Roboto/Roboto-Light.ttf) format("truetype"); }
@font-face {
  font-family: Roboto_Medium;
  src: url(/skins/0/fonts/Roboto/Roboto-Medium.ttf) format("truetype"); }
@font-face {
  font-family: Oswald_Bold;
  src: url(/skins/0/fonts/Oswald/Oswald-Bold.ttf) format("truetype"); }
@font-face {
  font-family: Oswald_ExtraLight;
  src: url(/skins/0/fonts/Oswald/Oswald-ExtraLight.ttf) format("truetype"); }
@font-face {
  font-family: Oswald_Light;
  src: url(/skins/0/fonts/Oswald/Oswald-Light.ttf) format("truetype"); }
@font-face {
  font-family: Oswald_Medium;
  src: url(/skins/0/fonts/Oswald/Oswald-Medium.ttf) format("truetype"); }
@font-face {
  font-family: Oswald;
  src: url(/skins/0/fonts/Oswald/Oswald-Regular.ttf) format("truetype"); }
@font-face {
  font-family: Oswald_SemiBold;
  src: url(/skins/0/fonts/Oswald/Oswald-SemiBold.ttf) format("truetype"); }
/* Button Variables */
/* Button Mixins */
/* Layout */
/* Tables */
.btn-filled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0;
  background-color: deepskyblue;
  color: #ffffff;
  border: 0.0625rem solid deepskyblue;
  /* Properties which can be updated */
  margin: 0;
  font-weight: 500;
  text-align: center;
  text-transform: none; }
  .btn-filled:focus {
    outline: none; }
  .btn-filled:disabled, .btn-filled.disabled {
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none; }
  .btn-filled svg {
    width: 1.25rem;
    height: 1.25rem; }
  .btn-filled:hover:not(:disabled) {
    background-color: #00a0d6; }
  .btn-filled:disabled, .btn-filled.disabled {
    background-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
    opacity: 0.65;
    border-color: #dee2e6; }
    .btn-filled:disabled:hover, .btn-filled.disabled:hover {
      background-color: #e9ecef; }
.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0;
  background-color: transparent;
  color: deepskyblue;
  border: 0.0625rem solid deepskyblue;
  /* Properties which can be updated */
  margin: 0;
  font-weight: 500;
  text-align: center;
  text-transform: none; }
  .btn-outline:focus {
    outline: none; }
  .btn-outline:disabled, .btn-outline.disabled {
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none; }
  .btn-outline svg {
    width: 1.25rem;
    height: 1.25rem; }
  .btn-outline:hover:not(:disabled) {
    color: #ffffff;
    background-color: deepskyblue; }
  .btn-outline:disabled {
    color: #6c757d;
    border-color: #dee2e6;
    cursor: not-allowed;
    opacity: 0.65; }
    .btn-outline:disabled:hover {
      background-color: transparent;
      color: #6c757d; }
.btn-basic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0;
  background-color: transparent;
  color: deepskyblue;
  border: none;
  /* Properties which can be updated */
  margin: 0;
  font-weight: 500;
  text-align: center;
  text-transform: none; }
  .btn-basic:focus {
    outline: none; }
  .btn-basic:disabled, .btn-basic.disabled {
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none; }
  .btn-basic svg {
    width: 1.25rem;
    height: 1.25rem; }
  .btn-basic:hover:not(:disabled) {
    background-color: rgba(0, 191, 255, 0.1); }
  .btn-basic:disabled {
    color: #6c757d;
    cursor: not-allowed;
    opacity: 0.65; }
    .btn-basic:disabled:hover {
      background-color: transparent; }
.btn-xs {
  height: 1.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem; }
  .btn-xs svg {
    width: 1rem;
    height: 1rem; }
.btn-sm {
  height: 2rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem; }
  .btn-sm svg {
    width: 1.125rem;
    height: 1.125rem; }
.btn-md {
  height: 2.5rem;
  padding: 0.5rem 1rem;
  font-size: 1rem; }
  .btn-md svg {
    width: 1.25rem;
    height: 1.25rem; }
.btn-lg {
  height: 3rem;
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem; }
  .btn-lg svg {
    width: 1.5rem;
    height: 1.5rem; }
.btn-xl {
  height: 3.5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem; }
  .btn-xl svg {
    width: 1.75rem;
    height: 1.75rem; }
.btn-square {
  border-radius: 0; }
.btn-rounded-sm {
  border-radius: 0.125rem; }
.btn-rounded {
  border-radius: 0.25rem; }
.btn-rounded-lg {
  border-radius: 0.5rem; }
.btn-rounded-xl {
  border-radius: 1rem; }
.btn-circle {
  border-radius: 50%;
  aspect-ratio: 1;
  padding: 0; }

a.btn:not(:disabled),
label.btn:not(:disabled),
input[type="submit"].btn:not(:disabled),
input[type="button"].btn:not(:disabled),
button.btn:not(:disabled),
span.btn:not(:disabled) {
  cursor: pointer; }

/* ==== BEAUTIFUL GLASSMORPHISM LOADING MODAL ==== */
/* Restored from accidental reversion - the gorgeous modal Ramon perfected! */
#loadingStatus {
  font-size: 0 !important;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); }
  #loadingStatus.show {
    opacity: 1;
    visibility: visible; }
  #loadingStatus .content {
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%), linear-gradient(145deg, #fefefe, #f1f5f9);
    background-clip: padding-box;
    border-radius: 24px;
    padding: 60px 50px 50px;
    text-align: center;
    font-size: 16px;
    max-width: 600px;
    min-width: 540px;
    box-shadow: 0 50px 100px -20px rgba(0, 0, 0, 0.5), 0 30px 60px -16px rgba(0, 0, 0, 0.35), 0 20px 40px -12px rgba(0, 0, 0, 0.25), 0 10px 20px -8px rgba(0, 0, 0, 0.15), 0 4px 8px -4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.9), inset 0 1px 2px rgba(255, 255, 255, 0.7), inset 0 -1px 2px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -150px;
    overflow: hidden;
    /* 3D Lighting and Depth Effects */
    /* Enhanced Typography - BIG WORDS! */
    /* Custom Brand Spinner */ }
    #loadingStatus .content::before {
      content: '';
      position: absolute;
      top: -3px;
      left: -3px;
      right: -3px;
      bottom: -3px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.3) 100%);
      border-radius: 27px;
      z-index: -1;
      opacity: 0.8; }
    #loadingStatus .content::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 50%;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
      border-radius: 24px 24px 0 0;
      z-index: -1;
      pointer-events: none; }
    #loadingStatus .content div {
      font-family: "Lato", "OpenSans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 28px;
      font-weight: 500;
      color: #1e293b;
      margin-bottom: 16px;
      letter-spacing: -0.02em;
      line-height: 1.2;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #loadingStatus .content .spinner {
      width: 56px;
      height: 56px;
      margin: 0 auto 28px;
      border: 4px solid rgba(10, 122, 226, 0.1);
      border-top: 4px solid #0a7ae2;
      border-radius: 50%;
      animation: spin 1s linear infinite;
      position: relative; }

/* Spinner Animation */
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* Mobile Responsive */
@media (max-width: 480px) {
  #loadingStatus .content {
    margin: 0 20px;
    min-width: 280px;
    padding: 50px 40px 40px;
    box-shadow: 0 30px 60px -16px rgba(0, 0, 0, 0.4), 0 20px 40px -12px rgba(0, 0, 0, 0.3), 0 10px 20px -8px rgba(0, 0, 0, 0.2), 0 4px 8px -4px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.9), inset 0 1px 2px rgba(255, 255, 255, 0.7), inset 0 -1px 2px rgba(0, 0, 0, 0.05); }
    #loadingStatus .content div {
      font-size: 24px;
      line-height: 1.3; }
    #loadingStatus .content .spinner {
      width: 48px;
      height: 48px;
      margin-bottom: 24px; } }
* {
  box-sizing: border-box; }

body {
  background-color: #fafbfd;
  font-size: 1em;
  font-size: 16px;
  line-height: 1.7em;
  transition: all 0.3s ease-out 0s;
  xfont-family: BlinkMacSystemFont, "" Segoe UI "", Roboto, Helvetica, Arial, sans-serif;
  xfont-family: Lato, "" Segoe UI "", Roboto, Helvetica, Arial, sans-serif;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #333; }

/* Global AJAX Loading Indicator */
#ajaxProgressBar {
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(230, 245, 255, 0.95);
  color: #666;
  padding: 2px 6px 2px 3px;
  border-bottom-left-radius: 5px;
  font-size: 11px;
  font-weight: 500;
  z-index: 99999;
  display: none;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 151, 191, 0.15);
  border-bottom: 1px solid rgba(0, 151, 191, 0.15); }

#ajaxProgressBar.active {
  display: flex; }

/* Page-specific loading messages */
.IMortgageBrokerOnboarding #ajaxProgressBar::after,
.ILoanOfficerBranding #ajaxProgressBar::after {
  content: "saving...";
  position: absolute;
  left: 24px;
  background: rgba(230, 245, 255, 0.95); }

#ajaxProgressBar::before {
  content: "";
  width: 11px;
  height: 11px;
  margin: 1px;
  border: 2px solid rgba(100, 100, 100, 0.2);
  border-top-color: #666;
  border-radius: 50%;
  animation: spin 0.8s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
.ajaxLoader {
  background-image: url("//app.lifeley.tech/images/loading.gif");
  font-size: 0 !important;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

@keyframes pulseColor {
  0%,
  100% {
    fill: green; }
  50% {
    fill: mediumseagreen; } }
.pulsing-circle {
  width: 50px;
  height: 50px;
  background-color: #76b852;
  border-radius: 50%;
  animation: pulseAnimation 2s infinite;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: -25px; }

@keyframes pulseAnimation {
  0%,
  100% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.25);
    opacity: 0.75; } }
#warningBell .ajaxLoader {
  position: absolute; }

.Required label:after {
  content: "*";
  color: red;
  margin: 0 0 0 2.5px; }

.ReadOnly.Required label:after {
  display: none; }

.Required label + label:after {
  display: none; }

zinput,
zselect {
  padding: 0.5rem;
  height: 54px;
  height: 50px;
  width: auto;
  border: 1px solid #ccc;
  font-weight: 500;
  transition: all 0.3s ease-out 0s;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.9em; }

input,
select,
textarea {
  background-color: #fff;
  color: #333333;
  font-family: inherit;
  line-height: 1.5;
  outline: none;
  box-sizing: border-box;
  transition: all 0.3s ease-out 0s;
  text-align: left;
  border: 1px solid #b1b1b1;
  border-radius: 9999px; }
  input::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: #9ca3af;
    opacity: 1; }
  input:disabled,
  select:disabled,
  textarea:disabled {
    background-color: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed; }
  input:focus,
  select:focus,
  textarea:focus {
    border-color: #989898; }

input {
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem; }
  input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="time"], input[type="url"] {
    width: 100%;
    min-width: 50%; }
  input[type="submit"], input[type="button"] {
    text-align: center; }
  input[type="file"] {
    padding: 0.5rem;
    line-height: 1.15; }
    input[type="file"]::file-selector-button {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-family: inherit;
      font-weight: 500;
      color: #ffffff;
      background-color: #525151;
      border: none;
      border-radius: 9999px;
      margin-right: 1rem;
      cursor: pointer;
      transition: background-color 0.2s ease-in-out; }
      input[type="file"]::file-selector-button:hover {
        background-color: #1a1a1a; }
    input[type="file"]::-webkit-file-upload-button {
      font-family: inherit;
      font-weight: 500;
      color: #ffffff;
      background-color: #525151;
      border: none;
      border-radius: 9999px;
      margin-right: 1rem;
      cursor: pointer;
      transition: background-color 0.2s ease-in-out; }
      input[type="file"]::-webkit-file-upload-button:hover {
        background-color: #1a1a1a; }

select {
  width: 100%;
  min-width: 50%;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  appearance: none;
  /* Removes the default dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Adjust the arrow position */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="black" stroke-width="2" viewBox="0 0 24 24"><path d="M3 8l9 9 9-9"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  /* Adjust '20px' to move left */
  background-size: 12px;
  padding-right: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid deepskyblue;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  input[type="radio"]:hover {
    border-color: deepskyblue; }
  input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: deepskyblue;
    /* Optional: Add a custom inner circle */ }
    input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: deepskyblue;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.leadsLifeSuite input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid burlywood;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  .leadsLifeSuite input[type="radio"]:hover {
    border-color: burlywood; }
  .leadsLifeSuite input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: burlywood;
    /* Optional: Add a custom inner circle */ }
    .leadsLifeSuite input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: burlywood;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.salesLifeSuite input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #0097bf;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  .salesLifeSuite input[type="radio"]:hover {
    border-color: #0097bf; }
  .salesLifeSuite input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: #0097bf;
    /* Optional: Add a custom inner circle */ }
    .salesLifeSuite input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: #0097bf;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.agentLifeSuite input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #42b09c;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  .agentLifeSuite input[type="radio"]:hover {
    border-color: #42b09c; }
  .agentLifeSuite input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: #42b09c;
    /* Optional: Add a custom inner circle */ }
    .agentLifeSuite input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: #42b09c;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.IOnboardingMarketing input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #a9185a;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  .IOnboardingMarketing input[type="radio"]:hover {
    border-color: #a9185a; }
  .IOnboardingMarketing input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: #a9185a;
    /* Optional: Add a custom inner circle */ }
    .IOnboardingMarketing input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: #a9185a;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.bookerLifeSuite input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #a889c8;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  .bookerLifeSuite input[type="radio"]:hover {
    border-color: #a889c8; }
  .bookerLifeSuite input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: #a889c8;
    /* Optional: Add a custom inner circle */ }
    .bookerLifeSuite input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: #a889c8;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.IMortgageBrokerOnboarding input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #9257d3;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem;
  vertical-align: middle;
  /* Default state */
  background-color: #fff;
  /* Hover effect */
  /* Checked state */ }
  .IMortgageBrokerOnboarding input[type="radio"]:hover {
    border-color: #9257d3; }
  .IMortgageBrokerOnboarding input[type="radio"]:checked {
    background-color: white;
    /* Change the color here */
    border-color: #9257d3;
    /* Optional: Add a custom inner circle */ }
    .IMortgageBrokerOnboarding input[type="radio"]:checked::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin: auto;
      background-color: #9257d3;
      /* Inner circle color */
      border-radius: 50%;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

input[type="checkbox"] {
  appearance: none;
  /* Remove the default style */
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: white;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
  /* Change Background and Border Color When Checked */
  /* Add the Original Check Icon */ }
  input[type="checkbox"]:checked {
    background-color: deepskyblue;
    border-color: deepskyblue; }
  input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px; }

.leadsLifeSuite input[type="checkbox"] {
  appearance: none;
  /* Remove the default style */
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: white;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
  /* Change Background and Border Color When Checked */
  /* Add the Original Check Icon */ }
  .leadsLifeSuite input[type="checkbox"]:checked {
    background-color: burlywood;
    border-color: burlywood; }
  .leadsLifeSuite input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px; }

.salesLifeSuite input[type="checkbox"] {
  appearance: none;
  /* Remove the default style */
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: white;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
  /* Change Background and Border Color When Checked */
  /* Add the Original Check Icon */ }
  .salesLifeSuite input[type="checkbox"]:checked {
    background-color: #0097bf;
    border-color: #0097bf; }
  .salesLifeSuite input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px; }

.agentLifeSuite input[type="checkbox"] {
  appearance: none;
  /* Remove the default style */
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: white;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
  /* Change Background and Border Color When Checked */
  /* Add the Original Check Icon */ }
  .agentLifeSuite input[type="checkbox"]:checked {
    background-color: #42b09c;
    border-color: #42b09c; }
  .agentLifeSuite input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px; }

.IOnboardingMarketing input[type="checkbox"] {
  appearance: none;
  /* Remove the default style */
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: white;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
  /* Change Background and Border Color When Checked */
  /* Add the Original Check Icon */ }
  .IOnboardingMarketing input[type="checkbox"]:checked {
    background-color: #a9185a;
    border-color: #a9185a; }
  .IOnboardingMarketing input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px; }

.bookerLifeSuite input[type="checkbox"] {
  appearance: none;
  /* Remove the default style */
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: white;
  border: 1px solid #dcdcdc;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
  /* Change Background and Border Color When Checked */
  /* Add the Original Check Icon */ }
  .bookerLifeSuite input[type="checkbox"]:checked {
    background-color: #a889c8;
    border-color: #a889c8; }
  .bookerLifeSuite input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px; }

/* date and time inputs/select */
.timeInputView input[type="text"],
.timeInputView input[type="number"],
.timeInputView select,
.timesBox input[type="text"],
.timesBox input[type="number"],
.timesBox select,
.dateAndTimeInputView input[type="text"],
.dateAndTimeInputView input[type="number"],
.dateAndTimeInputView select {
  min-width: unset !important;
  width: initial !important;
  border-radius: 0.675rem;
  text-align: center; }
.timeInputView select,
.timesBox select,
.dateAndTimeInputView select {
  padding-left: 0.75rem; }
.timeInputView input,
.timesBox input,
.dateAndTimeInputView input {
  padding: 0.75rem; }

.timeOfBox select {
  border-radius: 1.25rem;
  background-image: unset;
  min-height: auto;
  height: auto; }

/* Toggle Switches */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }
  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    .toggle-switch .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
  .toggle-switch input:checked + input + .slider {
    background-color: #2196f3; }
  .toggle-switch zinput:focus + input + .slider {
    box-shadow: 0 0 1px #2196f3; }
  .toggle-switch input:checked + input + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .toggle-switch .slider.round {
    border-radius: 34px; }
    .toggle-switch .slider.round:before {
      border-radius: 50%; }

zinput,
zselect,
ztextarea {
  background-color: #f8f9fa;
  border-radius: 3px;
  border: 1px solid #dee5eb; }

.safari select {
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  background-image: url("/skins/2/images/chevron.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 22px;
  background-size: 12px;
  padding: 0.5rem 25px 0.5rem 0.5rem; }

zinput.file {
  margin: 0 5px 0 0;
  border-radius: 10px;
  background-color: #f9f9f9;
  width: initial !important; }

zselect:focus,
zinput:focus {
  xbackground-color: #f2f4f6;
  border: 1px solid #bbb;
  border: 1px solid dodgerblue; }

zinput:autofill {
  background: #f8f9fa; }

z#lightbox input,
z#lightbox select {
  min-height: 54px;
  xheight: auto; }

zinput[type="checkbox"] {
  display: inline;
  width: 20px; }

textarea {
  width: 100%;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  zmin-height: 200px;
  border-radius: 0.75rem; }

a + input[type="submit"],
a + a,
a + button,
a + form,
button + a,
button + button,
input[type="submit"] + input[type="submit"],
input[type="submit"] + a,
.file + input[type="submit"] {
  margin: 0 0 0 0.5rem; }

.call-to-action {
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  color: white !important;
  font-size: 1em !important;
  font-weight: 500 !important;
  transition: all 0.3s ease-out 0s;
  padding: 0.65rem 0.75rem 0.5rem !important;
  border-radius: 0.25rem;
  text-decoration: none !important; }

.call-to-action:hover {
  background-color: #017cd9; }

z.submit {
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  color: white;
  font-size: 0.875em;
  font-weight: 500;
  width: auto;
  height: initial;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
  border: none;
  padding: 0.65rem 0.75rem 0.5rem;
  xxpadding: 8px 14px;
  padding: 10px 25px;
  border-radius: 3px; }
  z.submit:hover {
    background-color: #017cd9; }

.submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 2.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: #fff; }
  .submit svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  .submit:hover:not(:disabled), .submit:focus:not(:disabled) {
    color: #fff;
    background-color: #0099cc; }
    .submit:hover:not(:disabled) svg, .submit:focus:not(:disabled) svg {
      fill: #fff; }
  .submit:focus {
    outline: none; }
  .submit:hover {
    text-decoration: none !important; }
  .submit.submit:active {
    filter: brightness(85%); }
  .submit:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .submit:disabled svg {
      fill: #000000; }
  .submit.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

zinput.submit {
  font-size: 0.9rem;
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9; }
  zinput.submit:focus {
    border: none; }
  zinput.submit:hover {
    background-color: #017cd9; }
  zinput.submit:active {
    filter: brightness(85%); }
  zinput.submit.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

zbutton.submit:active {
  filter: brightness(85%); }
zbutton.submit.processing {
  background-image: url("//app.lifeley.tech/images/loading.gif");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 15px; }

.ArchiveAction.submit {
  background-color: brown;
  border-color: brown; }

.ArchiveAction.submit:hover {
  background-color: #7d231f;
  border-color: #7d231f; }

.submit.secondary {
  color: white !important; }

.submit.danger {
  zborder: none;
  background-color: #990000 !important;
  border-color: #990000;
  background-position: 9px -225px; }

.submit.danger:hover {
  background-color: darkred !important; }

.submit:disabled {
  background-color: #ccc !important;
  zcursor: not-allowed !important;
  zcolor: #333 !important; }

.submit:disabled:hover {
  zbackground-color: #ccc !important; }

.secondary-commands {
  text-align: left;
  margin: 5px 0 25px;
  float: right; }

.csvExport {
  xdisplay: none !important; }

.hasSecondaryMenu .secondary-commands {
  text-align: right;
  margin: 0 0 25px;
  float: none; }

.secondary-commands input.submit,
.secondary-commands a,
.secondary-commands button {
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #f0f1f2;
  border: none;
  color: #000; }
  .secondary-commands input.submit svg,
  .secondary-commands a svg,
  .secondary-commands button svg {
    fill: #000;
    width: 20px;
    height: 20px; }
  .secondary-commands input.submit:hover:not(:disabled), .secondary-commands input.submit:focus:not(:disabled),
  .secondary-commands a:hover:not(:disabled),
  .secondary-commands a:focus:not(:disabled),
  .secondary-commands button:hover:not(:disabled),
  .secondary-commands button:focus:not(:disabled) {
    color: #fff;
    background-color: deepskyblue; }
    .secondary-commands input.submit:hover:not(:disabled) svg, .secondary-commands input.submit:focus:not(:disabled) svg,
    .secondary-commands a:hover:not(:disabled) svg,
    .secondary-commands a:focus:not(:disabled) svg,
    .secondary-commands button:hover:not(:disabled) svg,
    .secondary-commands button:focus:not(:disabled) svg {
      fill: #fff; }
  .secondary-commands input.submit:focus,
  .secondary-commands a:focus,
  .secondary-commands button:focus {
    outline: none; }
  .secondary-commands input.submit:hover,
  .secondary-commands a:hover,
  .secondary-commands button:hover {
    text-decoration: none !important; }
  .secondary-commands input.submit.submit:active,
  .secondary-commands a.submit:active,
  .secondary-commands button.submit:active {
    filter: brightness(85%); }
  .secondary-commands input.submit:disabled,
  .secondary-commands a:disabled,
  .secondary-commands button:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .secondary-commands input.submit:disabled svg,
    .secondary-commands a:disabled svg,
    .secondary-commands button:disabled svg {
      fill: #000000; }
  .secondary-commands input.submit.processing,
  .secondary-commands a.processing,
  .secondary-commands button.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.secondary-commands input.submit svg,
.secondary-commands a svg {
  margin: 0px 10px 0 0;
  height: auto;
  position: relative;
  top: 2px; }

.secondary-commands input.submit svg path,
.secondary-commands a svg path {
  fill: white; }

.secondary-commands input.submit:hover,
.secondary-commands a:hover {
  zbackground-color: #017cd9;
  ztext-decoration: none !important; }

.FormTable {
  width: 100%;
  padding: 10px; }

.FormFields label + label {
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa; }

.FormFields.ReadOnly span {
  display: inline-block;
  width: 100%;
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  min-width: 200px;
  border: 1px solid #b1b1b1;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px; }
  .FormFields.ReadOnly span:focus {
    border-color: #989898; }

.textAreaView.FormFields.ReadOnly span {
  min-height: 44px;
  height: unset;
  white-space: normal;
  min-width: unset;
  border-radius: 0.75rem; }

.FormFields.ReadOnly.checkboxView {
  padding: 0.25rem !important;
  flex: 1 !important; }

a.toggleFilter {
  color: #333 !important;
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0 !important;
  padding: 10px 30px 10px 15px !important;
  position: relative; }
  a.toggleFilter:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9 9 9-9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center; }
  a.toggleFilter.filter-visible::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); }

/* Testing */
@media screen and (min-width: 1100px) {
  .authenticated .FormTable tr {
    display: flex;
    flex-wrap: nowrap; }

  .authenticated .FormTable tr td {
    flex: 1; } }
@media screen and (min-width: 750px) {
  .authenticated .FormTable tr td {
    outline: none !important;
    border: none; }

  .authenticated .FormTable tr td#theQuoterMainAjax {
    border-right: 2px solid #ccc; } }
@media screen and (max-width: 1100px) {
  a + input[type="submit"],
  a + a,
  a + button,
  button + button,
  input[type="submit"] + input[type="submit"],
  input[type="submit"] + a,
  .file + input[type="submit"] {
    margin: 0 0 0 2.5px; } }
#theStatesPlannedToSolicitBusinessInAjax textarea {
  width: 100%;
  height: 150px; }

.ILoginActions a {
  margin: 10px; }

.autocomplete {
  border: 1px solid #ccc;
  background-color: white;
  max-height: 250px;
  overflow-y: scroll; }

.autocomplete ul {
  padding: 0;
  margin: 0; }

.autocomplete ul li {
  list-style: none;
  margin: 0;
  padding: 5px 15px;
  cursor: pointer; }

.autocomplete ul li.selected {
  background-color: lightyellow; }

h1 {
  margin: 0;
  line-height: 1;
  text-transform: none;
  color: #333;
  font-weight: 500;
  font-size: 1.75em;
  padding: 0; }

h1 a {
  color: black; }

h2 {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
  font-size: 1.4em;
  margin: 0 0 1rem;
  text-transform: capitalize;
  xborder-bottom: 4px solid #0097bf;
  xpadding: 0 0 0.5rem;
  display: inline-block;
  font-weight: 500;
  font-size: 1.2em; }

h3 {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 1.2em;
  margin: 0 0 1rem;
  text-transform: capitalize; }

h4 {
  margin: 0; }

p {
  margin: 0.5rem 0; }

footer {
  margin: 30px auto;
  xfont-size: 0.66em;
  text-align: center; }

form {
  display: inline; }

main,
header,
footer,
.mainContainer {
  display: block; }

.intro {
  display: none;
  margin-right: 10px; }

.HasError,
.error,
.errors {
  color: #dc2626; }

.HasError label {
  color: #dc2626 !important; }

.HasError input,
.HasError select,
.HasError textarea {
  border: 1px solid #dc2626;
  background-color: #fee7ea; }

textarea.dirty,
input[type="text"].dirty {
  border: 1px solid #dc2626; }

.errors.no-errors-found {
  display: none; }

.errors {
  padding-left: 0px;
  background-color: #fee7ea;
  border: 1px solid #dc2626;
  padding: 5px; }

.errors li {
  list-style: none;
  margin: 0; }

.hasErrors #errors,
.HasErrors #errors {
  position: fixed;
  top: 25px;
  right: 50px;
  padding: 5px 15px;
  max-width: clamp(270px, 400px, 20%);
  min-width: clamp(270px, 90%, 300px);
  transition: right 0.25s ease-in 0.1s;
  cursor: pointer; }
  .hasErrors #errors li,
  .HasErrors #errors li {
    margin-bottom: 10px; }
    .hasErrors #errors li:last-child,
    .HasErrors #errors li:last-child {
      margin-bottom: 0; }

div#shelf:not(.open) .hasErrors #errors {
  right: -610px; }

#theIAppointmentEditorAjaxBody {
  position: relative; }
  #theIAppointmentEditorAjaxBody #errors {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0; }

.savedMessage {
  color: green !important;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  float: right;
  transition: all 0.3s ease-out 0s; }

.messages {
  padding-left: 0px;
  display: block;
  width: 100%;
  font-weight: 700;
  color: #45bd65;
  margin: 0; }

.hide {
  display: none; }

.important {
  margin: 0 0 1rem;
  padding: 1rem;
  width: 100%;
  font-weight: 700;
  background-color: #45bd65;
  color: white;
  font-size: 1.1em; }

.important p {
  margin: 0; }

.important svg {
  width: 3rem;
  float: left; }

.important svg path {
  fill: #fff; }

.commands {
  margin: 20px 0 0;
  margin: 5px 0 25px;
  xborder: 1px solid red;
  float: right; }

.commands .submit {
  background-image: url("/skins/0/images/button-icon-sprite-dark.png");
  zpadding: 10px 12px 10px 32px;
  background-position: 0 -1200px;
  background-size: 16px;
  background-repeat: no-repeat; }
  .commands .submit:hover:not(:disabled) {
    background-image: url("/skins/0/images/button-icon-sprite.png?v=3"); }

.commands a {
  background-image: url("/skins/0/images/button-icon-sprite-dark.png");
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  padding: 10px 12px 10px 32px;
  border-radius: 3px;
  text-decoration: none;
  margin: 0 0 0 0.5rem;
  color: white;
  font-size: 0.9em;
  line-height: 1.15;
  background-position: 0 -1200px;
  background-size: 16px;
  background-repeat: no-repeat; }
  .commands a:hover:not(:disabled) {
    background-image: url("/skins/0/images/button-icon-sprite.png?v=3"); }

.commands a:hover {
  background-color: #017cd9;
  text-decoration: none !important; }

.ITasksContainer .commands a#theNew {
  background-position: 14px -51px;
  padding: 10px 14px 10px 36px;
  border-radius: 9999px;
  background-image: url("/skins/0/images/button-icon-sprite.png?v=3"); }

a:link,
a:hover,
a:visited {
  outline: none; }

a:hover {
  text-decoration: underline; }

.disabled a {
  color: #bbb;
  cursor: not-allowed;
  background-color: #ccc !important; }
  .disabled a:hover {
    text-decoration: none !important;
    background-color: #ccc !important; }
  .disabled a.editCreditCards {
    color: #bbb;
    background-color: #ccc !important;
    cursor: not-allowed !important; }

.orders .disabled a {
  background-color: transparent !important; }
  .orders .disabled a:hover {
    background-color: transparent !important; }

.hidden {
  display: none; }

#lightbox {
  background-color: white;
  margin: auto;
  padding: 30px;
  max-height: 80vh;
  overflow: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

#lightbox {
  padding: 25px;
  max-height: 90vh;
  overflow-x: hidden;
  overflow-y: auto;
  top: 50% !important;
  left: 50% !important;
  margin: auto;
  transform: translate(-50%, -50%);
  z-index: 2; }

.kanban #lightbox {
  position: fixed !important; }

#lightbox .contentHead {
  margin: 0 auto; }

#lightbox .SSForm {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none; }

#lightbox table td {
  white-space: normal; }

#lightbox ul {
  margin: 0; }

#lightbox ul li {
  margin: 0.35rem 0; }

#lightbox p {
  margin: 0.35rem 0; }

.IConfirmDialogContainer .SSFormBody {
  padding: 0; }

.IConfirmDialogContainer .SSFormBody td {
  padding: 0;
  width: 100%; }

.closeIt {
  position: absolute;
  right: 1.25rem;
  top: 1rem;
  text-decoration: none;
  font-size: 1.4em;
  color: #999; }

.closeIt svg {
  width: 12px; }

.closeIt svg path {
  fill: crimson; }

.removeIt svg {
  width: 10px; }

.IConfirmDialogContainer .FormTable {
  margin-top: 20px; }

div.track {
  width: 600px;
  height: 15px;
  background-color: #eee; }

div.handle {
  width: 5px;
  height: 18px;
  background-color: #e8a400;
  cursor: move; }

.ISetBrandingFields .RowOne {
  margin-bottom: 30px; }

.dbiz-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: -1; }

.table-wrapper {
  width: 100%;
  overflow: auto;
  padding-bottom: 1rem; }

table {
  border-collapse: collapse; }

table th {
  white-space: nowrap;
  padding: 0.25rem;
  text-align: left; }

table td {
  white-space: nowrap; }

@media screen and (min-width: 1825px) {
  table td {
    white-space: normal; }

  table td.actions {
    white-space: nowrap; } }
label {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  white-space: nowrap; }

.section {
  margin: 10px 0px; }

.section a {
  margin: 0px 10px; }

.section legend {
  border-bottom: 1px solid whitesmoke;
  margin-bottom: 10px; }

a {
  color: #337ab7;
  text-decoration: none; }

a:hover {
  xtext-decoration: underline; }

.submit[value="Delete"],
.submit[value="Eliminar"] {
  margin-left: 0.5rem;
  background-color: crimson; }

.submit[value="Delete"]:hover,
.submit[value="Eliminar"]:hover {
  background-color: maroon; }

fieldset {
  border: none;
  padding: 2rem 1.5rem 1.5rem;
  margin: 0;
  background-color: #fff; }

a[name="errors"] {
  display: none; }

.onboarding-requirement .require-action {
  margin: 20px; }

.errors {
  margin: 0 0 10px; }

.RequestAgentApprovalAction,
.FinalizeAgentAction {
  margin-left: 20px; }

sup {
  font-size: 1.25em;
  color: green; }

.FormActions {
  margin: 20px 0px; }

form .FormActions {
  margin: 5px 0px 5px 5px; }

td {
  padding: 0.25rem; }

li {
  margin: 10px 0px; }

.nav {
  display: table-cell;
  text-align: right;
  right: 0px;
  width: 100px; }

legend {
  font-size: 1.2em;
  font-weight: 700;
  padding: 0rem 0 0;
  position: relative;
  top: 1.75rem; }

hr {
  margin-bottom: 30px; }

.opaque {
  position: relative;
  overflow: hidden; }

.opaque:before {
  content: "";
  position: fixed;
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  z-index: 3; }

.disclaimer {
  font-size: 0.85em;
  line-height: 1.4em; }

.small {
  font-size: 0.9rem;
  font-weight: 300; }

a.CancelAction,
a.ChangePasswordAction,
a.ManageSourcesAction,
a.ManageSourceTypesAction {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #f0f1f2;
  border: none;
  color: #000; }
  a.CancelAction svg,
  a.ChangePasswordAction svg,
  a.ManageSourcesAction svg,
  a.ManageSourceTypesAction svg {
    fill: #000;
    width: 20px;
    height: 20px; }
  a.CancelAction:hover:not(:disabled), a.CancelAction:focus:not(:disabled),
  a.ChangePasswordAction:hover:not(:disabled),
  a.ChangePasswordAction:focus:not(:disabled),
  a.ManageSourcesAction:hover:not(:disabled),
  a.ManageSourcesAction:focus:not(:disabled),
  a.ManageSourceTypesAction:hover:not(:disabled),
  a.ManageSourceTypesAction:focus:not(:disabled) {
    color: #000;
    background-color: #d5d8da; }
    a.CancelAction:hover:not(:disabled) svg, a.CancelAction:focus:not(:disabled) svg,
    a.ChangePasswordAction:hover:not(:disabled) svg,
    a.ChangePasswordAction:focus:not(:disabled) svg,
    a.ManageSourcesAction:hover:not(:disabled) svg,
    a.ManageSourcesAction:focus:not(:disabled) svg,
    a.ManageSourceTypesAction:hover:not(:disabled) svg,
    a.ManageSourceTypesAction:focus:not(:disabled) svg {
      fill: #000; }
  a.CancelAction:focus,
  a.ChangePasswordAction:focus,
  a.ManageSourcesAction:focus,
  a.ManageSourceTypesAction:focus {
    outline: none; }
  a.CancelAction:hover,
  a.ChangePasswordAction:hover,
  a.ManageSourcesAction:hover,
  a.ManageSourceTypesAction:hover {
    text-decoration: none !important; }
  a.CancelAction.submit:active,
  a.ChangePasswordAction.submit:active,
  a.ManageSourcesAction.submit:active,
  a.ManageSourceTypesAction.submit:active {
    filter: brightness(85%); }
  a.CancelAction:disabled,
  a.ChangePasswordAction:disabled,
  a.ManageSourcesAction:disabled,
  a.ManageSourceTypesAction:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    a.CancelAction:disabled svg,
    a.ChangePasswordAction:disabled svg,
    a.ManageSourcesAction:disabled svg,
    a.ManageSourceTypesAction:disabled svg {
      fill: #000000; }
  a.CancelAction.processing,
  a.ChangePasswordAction.processing,
  a.ManageSourcesAction.processing,
  a.ManageSourceTypesAction.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.DisableAccountAction {
  background-color: crimson;
  color: white; }
  .DisableAccountAction:hover:not(:disabled) {
    background-color: #ad102f; }
  .DisableAccountAction:hover:not(:disabled) {
    color: white; }

@media screen and (max-width: 1366px) {
  .secondary-commands {
    float: none; } }
@media screen and (max-width: 1200px) {
  a {
    white-space: normal; } }
@media screen and (max-width: 1000px) {
  .scroll {
    width: 100% !important;
    overflow-x: scroll;
    margin: 2px 0 0 !important; }

  .secondary-commands {
    float: none;
    display: flex;
    flex-wrap: wrap; }

  .secondary-commands input.submit,
  .secondary-commands a,
  .secondary-commands .custom-dropdown-wrapper {
    zwidth: 48% !important;
    margin: 1% !important;
    text-align: center; }

  #leadsActions > input.submit,
  #leadsActions > a,
  #leadsActions .custom-dropdown-wrapper {
    width: 48%; } }
@media screen and (max-width: 750px) {
  h1 {
    font-size: 1.4em; }

  h2 {
    font-size: 1.2em; } }
@media screen and (max-width: 600px) {
  #lightbox {
    width: 80%;
    width: 80%; }

  .FormActions input[type="submit"],
  input[type="submit"] + input[type="submit"] {
    margin: 0.25rem 0;
    display: block;
    width: 100%; } }
/* Common Forms */
.commonTable {
  background-color: #f8fafb;
  padding: 1.5rem; }

.commonTable table {
  width: 100%; }

z.commonTable input,
z.commonTable select {
  background-color: #f8f9fa; }

/* Standard Table */
.standardDataTable,
.standardReport,
table.changes {
  background-color: #fff;
  width: 100%;
  font-size: 0.9rem;
  margin: 1rem 0;
  border-collapse: separate;
  border-spacing: 0 0.5rem; }
  .standardDataTable tr,
  .standardReport tr,
  table.changes tr {
    background-color: #f9f9f9;
    zborder-bottom: 3px solid white; }
    .standardDataTable tr:hover,
    .standardReport tr:hover,
    table.changes tr:hover {
      background-color: #ececec; }
    .standardDataTable tr:last-child,
    .standardReport tr:last-child,
    table.changes tr:last-child {
      border: none; }
    .standardDataTable tr.totals,
    .standardReport tr.totals,
    table.changes tr.totals {
      font-weight: 700;
      background-color: #f6f6f6; }
      .standardDataTable tr.totals a,
      .standardReport tr.totals a,
      table.changes tr.totals a {
        font-weight: 700; }
    .standardDataTable tr.totals:hover,
    .standardReport tr.totals:hover,
    table.changes tr.totals:hover {
      background-color: #f4f4f4; }
    .standardDataTable tr th label,
    .standardReport tr th label,
    table.changes tr th label {
      xpadding: 0.75rem 0.75rem 0;
      font-size: 1em;
      font-weight: 700; }
  .standardDataTable tr:first-child td,
  .standardDataTable tr:first-child th,
  .standardReport tr:first-child td,
  .standardReport tr:first-child th,
  table.changes tr:first-child td,
  table.changes tr:first-child th {
    background-color: #fff;
    xbackground-color: #f0f2f4;
    text-align: left;
    xxfont-size: 0.85em;
    font-weight: 700;
    letter-spacing: 0.25px; }
    .standardDataTable tr:first-child td a,
    .standardDataTable tr:first-child th a,
    .standardReport tr:first-child td a,
    .standardReport tr:first-child th a,
    table.changes tr:first-child td a,
    table.changes tr:first-child th a {
      white-space: nowrap;
      font-family: Roboto_Bold;
      font-weight: normal; }
  .standardDataTable td,
  .standardReport td,
  table.changes td {
    zborder: 1px solid white;
    overflow: hidden;
    padding: 0.75rem;
    position: relative; }
    .standardDataTable td:first-child,
    .standardReport td:first-child,
    table.changes td:first-child {
      border-radius: 0.5rem 0 0 0.5rem; }
    .standardDataTable td:last-child,
    .standardReport td:last-child,
    table.changes td:last-child {
      border-radius: 0 0.5rem 0.5rem 0; }
  .standardDataTable td,
  .standardDataTable th,
  .standardReport td,
  .standardReport th,
  table.changes td,
  table.changes th {
    white-space: nowrap; }
  .standardDataTable zinput,
  .standardReport zinput,
  table.changes zinput {
    background-color: white; }
  .standardDataTable input.submit,
  .standardReport input.submit,
  table.changes input.submit {
    background-color: deepskyblue; }
  .standardDataTable input.submit:hover,
  .standardReport input.submit:hover,
  table.changes input.submit:hover {
    background-color: #017cd9; }
  .standardDataTable zselect,
  .standardReport zselect,
  table.changes zselect {
    background-color: white; }
  .standardDataTable a[title]:hover:after,
  .standardReport a[title]:hover:after,
  table.changes a[title]:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    content: attr(title);
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    font-size: 0.75em;
    padding: 0px 5px;
    z-index: 999;
    right: 0;
    line-height: 1.7em; }

.appointments-by-agent-log .standardDataTable a[title]:hover:after {
  display: none; }

/* Forms */
input.text,
input.password {
  width: 100%;
  min-width: 70px; }

select {
  width: 100%; }

.dateInputView select {
  width: 49%;
  border-radius: 3px 0 0 3px;
  margin: 0 -2px 0 0; }

.dateInputView input {
  width: 34%;
  zborder-radius: 0 3px 3px 0;
  vertical-align: top; }

.dateInputView input:nth-child(3) {
  width: 15%;
  border-radius: 0;
  margin: 0 -2px 0 0;
  vertical-align: top; }

.dateInputView input:focus {
  position: relative;
  z-index: 1; }

.timeInputView input.text {
  padding: 0.5rem 0;
  height: 34px;
  width: initial;
  text-indent: 0.5rem; }

@media screen and (max-width: 1000px) {
  .dateInputView select {
    width: 43%; } }
@media screen and (max-width: 750px) {
  .dateInputView select {
    width: 49%; } }
/* Not Authenticated */
.notAuthenticated .leftNav,
x.notAuthenticated header {
  display: none; }

#batch {
  margin: 1rem 0 0 !important;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px; }

#batch strong,
#batch a {
  zmargin: 0 2.5px; }

.leadsLifeSuite #batch,
.notAuthenticated.Module-LeadsLife #batch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%; }
  .leadsLifeSuite #batch a,
  .leadsLifeSuite #batch label,
  .notAuthenticated.Module-LeadsLife #batch a,
  .notAuthenticated.Module-LeadsLife #batch label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    width: 36px;
    height: 36px;
    color: #777777;
    padding: unset !important;
    border: unset !important; }
    .leadsLifeSuite #batch a svg,
    .leadsLifeSuite #batch label svg,
    .notAuthenticated.Module-LeadsLife #batch a svg,
    .notAuthenticated.Module-LeadsLife #batch label svg {
      width: 12px;
      height: 12px;
      fill: white; }
    .leadsLifeSuite #batch a.previous, .leadsLifeSuite #batch a.next,
    .leadsLifeSuite #batch label.previous,
    .leadsLifeSuite #batch label.next,
    .notAuthenticated.Module-LeadsLife #batch a.previous,
    .notAuthenticated.Module-LeadsLife #batch a.next,
    .notAuthenticated.Module-LeadsLife #batch label.previous,
    .notAuthenticated.Module-LeadsLife #batch label.next {
      font-size: 0; }
    .leadsLifeSuite #batch a:hover,
    .leadsLifeSuite #batch label:hover,
    .notAuthenticated.Module-LeadsLife #batch a:hover,
    .notAuthenticated.Module-LeadsLife #batch label:hover {
      text-decoration: none; }
  .leadsLifeSuite #batch a.previous,
  .leadsLifeSuite #batch a.next,
  .notAuthenticated.Module-LeadsLife #batch a.previous,
  .notAuthenticated.Module-LeadsLife #batch a.next {
    background: burlywood;
    color: white; }
    .leadsLifeSuite #batch a.previous:hover,
    .leadsLifeSuite #batch a.next:hover,
    .notAuthenticated.Module-LeadsLife #batch a.previous:hover,
    .notAuthenticated.Module-LeadsLife #batch a.next:hover {
      background: #d3a05f; }
  .leadsLifeSuite #batch label.previous,
  .leadsLifeSuite #batch label.next,
  .notAuthenticated.Module-LeadsLife #batch label.previous,
  .notAuthenticated.Module-LeadsLife #batch label.next {
    background: #dddddd;
    color: white; }
  .leadsLifeSuite #batch label.current,
  .notAuthenticated.Module-LeadsLife #batch label.current {
    background-color: transparent;
    color: #000000; }

.salesLifeSuite #batch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%; }
  .salesLifeSuite #batch a,
  .salesLifeSuite #batch label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    width: 36px;
    height: 36px;
    color: #777777;
    padding: unset !important;
    border: unset !important; }
    .salesLifeSuite #batch a svg,
    .salesLifeSuite #batch label svg {
      width: 12px;
      height: 12px;
      fill: white; }
    .salesLifeSuite #batch a.previous, .salesLifeSuite #batch a.next,
    .salesLifeSuite #batch label.previous,
    .salesLifeSuite #batch label.next {
      font-size: 0; }
    .salesLifeSuite #batch a:hover,
    .salesLifeSuite #batch label:hover {
      text-decoration: none; }
  .salesLifeSuite #batch a.previous,
  .salesLifeSuite #batch a.next {
    background: #0097bf;
    color: white; }
    .salesLifeSuite #batch a.previous:hover,
    .salesLifeSuite #batch a.next:hover {
      background: #006f8c; }
  .salesLifeSuite #batch label.previous,
  .salesLifeSuite #batch label.next {
    background: #dddddd;
    color: white; }
  .salesLifeSuite #batch label.current {
    background-color: transparent;
    color: #000000; }

.IOnboardingMarketing #batch,
.ILandingPages #batch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%; }
  .IOnboardingMarketing #batch a,
  .IOnboardingMarketing #batch label,
  .ILandingPages #batch a,
  .ILandingPages #batch label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    width: 36px;
    height: 36px;
    color: #777777;
    padding: unset !important;
    border: unset !important; }
    .IOnboardingMarketing #batch a svg,
    .IOnboardingMarketing #batch label svg,
    .ILandingPages #batch a svg,
    .ILandingPages #batch label svg {
      width: 12px;
      height: 12px;
      fill: white; }
    .IOnboardingMarketing #batch a.previous, .IOnboardingMarketing #batch a.next,
    .IOnboardingMarketing #batch label.previous,
    .IOnboardingMarketing #batch label.next,
    .ILandingPages #batch a.previous,
    .ILandingPages #batch a.next,
    .ILandingPages #batch label.previous,
    .ILandingPages #batch label.next {
      font-size: 0; }
    .IOnboardingMarketing #batch a:hover,
    .IOnboardingMarketing #batch label:hover,
    .ILandingPages #batch a:hover,
    .ILandingPages #batch label:hover {
      text-decoration: none; }
  .IOnboardingMarketing #batch a.previous,
  .IOnboardingMarketing #batch a.next,
  .ILandingPages #batch a.previous,
  .ILandingPages #batch a.next {
    background: #a9185a;
    color: white; }
    .IOnboardingMarketing #batch a.previous:hover,
    .IOnboardingMarketing #batch a.next:hover,
    .ILandingPages #batch a.previous:hover,
    .ILandingPages #batch a.next:hover {
      background: #7c1242; }
  .IOnboardingMarketing #batch label.previous,
  .IOnboardingMarketing #batch label.next,
  .ILandingPages #batch label.previous,
  .ILandingPages #batch label.next {
    background: #dddddd;
    color: white; }
  .IOnboardingMarketing #batch label.current,
  .ILandingPages #batch label.current {
    background-color: transparent;
    color: #000000; }

.agentLifeSuite #batch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%; }
  .agentLifeSuite #batch a,
  .agentLifeSuite #batch label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    width: 36px;
    height: 36px;
    color: #777777;
    padding: unset !important;
    border: unset !important; }
    .agentLifeSuite #batch a svg,
    .agentLifeSuite #batch label svg {
      width: 12px;
      height: 12px;
      fill: white; }
    .agentLifeSuite #batch a.previous, .agentLifeSuite #batch a.next,
    .agentLifeSuite #batch label.previous,
    .agentLifeSuite #batch label.next {
      font-size: 0; }
    .agentLifeSuite #batch a:hover,
    .agentLifeSuite #batch label:hover {
      text-decoration: none; }
  .agentLifeSuite #batch a.previous,
  .agentLifeSuite #batch a.next {
    background: #42b09c;
    color: white; }
    .agentLifeSuite #batch a.previous:hover,
    .agentLifeSuite #batch a.next:hover {
      background: #348b7b; }
  .agentLifeSuite #batch label.previous,
  .agentLifeSuite #batch label.next {
    background: #dddddd;
    color: white; }
  .agentLifeSuite #batch label.current {
    background-color: transparent;
    color: #000000; }

.bookerLifeSuite #batch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%; }
  .bookerLifeSuite #batch a,
  .bookerLifeSuite #batch label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    width: 36px;
    height: 36px;
    color: #777777;
    padding: unset !important;
    border: unset !important; }
    .bookerLifeSuite #batch a svg,
    .bookerLifeSuite #batch label svg {
      width: 12px;
      height: 12px;
      fill: white; }
    .bookerLifeSuite #batch a.previous, .bookerLifeSuite #batch a.next,
    .bookerLifeSuite #batch label.previous,
    .bookerLifeSuite #batch label.next {
      font-size: 0; }
    .bookerLifeSuite #batch a:hover,
    .bookerLifeSuite #batch label:hover {
      text-decoration: none; }
  .bookerLifeSuite #batch a.previous,
  .bookerLifeSuite #batch a.next {
    background: #a889c8;
    color: white; }
    .bookerLifeSuite #batch a.previous:hover,
    .bookerLifeSuite #batch a.next:hover {
      background: #8e66b8; }
  .bookerLifeSuite #batch label.previous,
  .bookerLifeSuite #batch label.next {
    background: #dddddd;
    color: white; }
  .bookerLifeSuite #batch label.current {
    background-color: transparent;
    color: #000000; }

.adminSuite #batch,
.noSuite #batch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%; }
  .adminSuite #batch a,
  .adminSuite #batch label,
  .noSuite #batch a,
  .noSuite #batch label {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    width: 36px;
    height: 36px;
    color: #777777;
    padding: unset !important;
    border: unset !important; }
    .adminSuite #batch a svg,
    .adminSuite #batch label svg,
    .noSuite #batch a svg,
    .noSuite #batch label svg {
      width: 12px;
      height: 12px;
      fill: white; }
    .adminSuite #batch a.previous, .adminSuite #batch a.next,
    .adminSuite #batch label.previous,
    .adminSuite #batch label.next,
    .noSuite #batch a.previous,
    .noSuite #batch a.next,
    .noSuite #batch label.previous,
    .noSuite #batch label.next {
      font-size: 0; }
    .adminSuite #batch a:hover,
    .adminSuite #batch label:hover,
    .noSuite #batch a:hover,
    .noSuite #batch label:hover {
      text-decoration: none; }
  .adminSuite #batch a.previous,
  .adminSuite #batch a.next,
  .noSuite #batch a.previous,
  .noSuite #batch a.next {
    background: deepskyblue;
    color: white; }
    .adminSuite #batch a.previous:hover,
    .adminSuite #batch a.next:hover,
    .noSuite #batch a.previous:hover,
    .noSuite #batch a.next:hover {
      background: #0099cc; }
  .adminSuite #batch label.previous,
  .adminSuite #batch label.next,
  .noSuite #batch label.previous,
  .noSuite #batch label.next {
    background: #dddddd;
    color: white; }
  .adminSuite #batch label.current,
  .noSuite #batch label.current {
    background-color: transparent;
    color: #000000; }

.pageSizeContainer {
  width: 100%;
  margin: 0; }

div.page-size {
  width: initial !important; }

div.page-size {
  width: 140px !important;
  float: right;
  margin: 15px 0 0 !important; }

div.page-size label {
  display: inline;
  margin: 0 5px 0 0; }

div.page-size select {
  padding: 0 0.5rem;
  height: 32.5px;
  display: inline;
  width: 50%; }

/* Campaign Tags */
.ICampaignEditor .editor-container {
  width: 100%; }
  .ICampaignEditor .editor-container tr {
    display: flex; }
    .ICampaignEditor .editor-container tr td.editor {
      flex: 1 0; }
      .ICampaignEditor .editor-container tr td.editor .requiredLeadFieldsBox {
        display: flex;
        flex-wrap: wrap; }
        .ICampaignEditor .editor-container tr td.editor .requiredLeadFieldsBox label {
          width: 100%; }
        .ICampaignEditor .editor-container tr td.editor .requiredLeadFieldsBox div {
          width: 25%;
          padding: 4px; }
    .ICampaignEditor .editor-container tr td.automations {
      padding: 0;
      white-space: normal;
      min-width: 30%; }
      .ICampaignEditor .editor-container tr td.automations .wrapper {
        background-color: white;
        margin: 31px 0 0 15px;
        xpadding: 20px;
        xbackground-color: #f7f7f7;
        border: 1px solid #dcdcdc;
        xmargin: 0 0 20px 0;
        box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
        padding: 20px; }
        .ICampaignEditor .editor-container tr td.automations .wrapper label {
          xbackground-color: #f7f7f7;
          font-size: 0.95em;
          font-weight: 700;
          xpadding: 20px;
          display: block; }
        .ICampaignEditor .editor-container tr td.automations .wrapper ul {
          padding: 0; }
          .ICampaignEditor .editor-container tr td.automations .wrapper ul li {
            list-style: none;
            line-height: 1.4; }
          .ICampaignEditor .editor-container tr td.automations .wrapper ul.bizGroups {
            xborder: 1px solid #dcdcdc;
            xpadding: 10px 20px 10px 20px;
            xbackground-color: #f6f7f9; }
            .ICampaignEditor .editor-container tr td.automations .wrapper ul.bizGroups li input {
              width: 20px;
              float: left;
              height: 20px;
              margin: 0 10px 0 0; }
          .ICampaignEditor .editor-container tr td.automations .wrapper ul.bizTypeGroup {
            xborder-top: 1px solid #dcdcdc;
            xpadding: 7px 0 0; }
          .ICampaignEditor .editor-container tr td.automations .wrapper ul.bizTypeAutos {
            padding: 0 0 0 15px; }
            .ICampaignEditor .editor-container tr td.automations .wrapper ul.bizTypeAutos li {
              list-style: disc; }

@media screen and (min-width: 750px) and (max-width: 1200px) {
  .authenticated.campaignsMenu .FormTable tr td {
    flex: 1; }

  .campaignsMenu .editor-container {
    width: 100%; }
    .campaignsMenu .editor-container tr {
      flex-wrap: wrap; }
      .campaignsMenu .editor-container tr td.editor {
        flex: 1;
        xdisplay: block; }
      .campaignsMenu .editor-container tr td.automations {
        flex: 1;
        width: 100%; }
        .campaignsMenu .editor-container tr td.automations .wrapper {
          margin: 31px 0 0 0; } }
@media screen and (max-width: 750px) {
  .authenticated.campaignsMenu .FormTable tr td {
    flex: 1; }

  .campaignsMenu .editor-container {
    width: 100%; }
    .campaignsMenu .editor-container tr {
      flex-wrap: wrap; }
      .campaignsMenu .editor-container tr td.editor {
        flex: none;
        width: 100%; }
        .campaignsMenu .editor-container tr td.editor label {
          white-space: normal; }
      .campaignsMenu .editor-container tr td.automations {
        flex: none;
        width: 100%; }
        .campaignsMenu .editor-container tr td.automations .wrapper {
          margin: 31px 0 0 0; } }
.campaigns {
  margin: 25px 0 0;
  width: 100%; }
  .campaigns select {
    xwidth: 59%; }
  .campaigns .tag-cloud div {
    display: flex;
    flex-wrap: wrap; }
    .campaigns .tag-cloud div select {
      margin: 0 0 15px; }
    .campaigns .tag-cloud div .tag {
      position: relative;
      xborder: 1px solid #dcdcdc;
      xbackground-color: darkgray;
      xbackground-color: peachpuff;
      xbackground-color: paleturquoise;
      xbackground-color: gainsboro;
      xbackground-color: ivory;
      xbackground-color: #92e0f0;
      xbackground-color: #091e420f;
      xbackground-color: aliceblue;
      width: auto !important;
      display: block;
      xpadding: 4px 12px;
      xborder-radius: 2.5px;
      margin: 0 5px 0 0;
      margin: 0 5px 0 0;
      padding: 0 10px 0 0;
      transition: all 0.3s ease-out 0s; }
      .campaigns .tag-cloud div .tag label {
        display: initial;
        xtext-decoration: underline;
        margin: 0;
        color: #337ab7; }
      .campaigns .tag-cloud div .tag a {
        display: initial;
        text-decoration: underline;
        margin: 0;
        color: #337ab7; }
      .campaigns .tag-cloud div .tag input {
        position: absolute;
        background-color: transparent;
        padding: 0;
        margin: 0 0 0 5px;
        color: black;
        position: absolute;
        background-color: transparent;
        padding: 0 0 1px 0;
        margin: 0 0 0 0px;
        color: white;
        xborder: 1px solid red;
        background-color: maroon;
        width: 16px;
        height: 16px;
        line-height: 1;
        font-size: 12px;
        z-index: 2;
        top: 7px;
        right: 5px;
        display: none; }
      .campaigns .tag-cloud div .tag:hover {
        background-color: aliceblue;
        padding: 0 25px 0 0; }
        .campaigns .tag-cloud div .tag:hover input {
          display: block; }

.campaignsMenu {
  xborder: 10px solid red; }
  .campaignsMenu .templateForAgentBox,
  .campaignsMenu .successRuleBox,
  .campaignsMenu .failRuleBox {
    padding: 38px 0.25rem 0.25rem 0.25rem; }
  .campaignsMenu .debugToSlackBox {
    padding: 38px 0.25rem 0.25rem 20px; }

/* Banners */
.bannerTaskNotification {
  text-align: center;
  padding: 0;
  background-color: midnightblue;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 1px;
  max-height: 0;
  transition: all 0.75s ease-out 0s; }

.bannerTaskNotification .contentContainer {
  max-width: 1280px;
  margin: 0 auto;
  background-color: transparent;
  padding: 1rem;
  text-align: center; }

.bannerTaskNotification .contentContainer a {
  color: white;
  display: block;
  width: 80%;
  margin: 0; }

.bannerTaskNotification .contentContainer a svg {
  height: 15px; }

.bannerTaskNotification .contentContainer a svg path {
  fill: white; }

.bannerTaskNotification .contentContainer a.previous {
  width: 10%; }

.bannerTaskNotification .contentContainer a.next {
  width: 10%; }

/* New Tab look */
.mainBody a {
  text-decoration: none; }

.mainBody a:hover {
  ztext-decoration: underline; }

.mainBody a.goBackLink {
  text-decoration: underline;
  margin: 0 0 15px 0;
  display: block; }

.mainBody a.goBackLink svg {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0; }

.mainBody a.goBackLink svg path {
  fill: #337ab7; }

.mainBody .goBackButton {
  text-decoration: underline;
  margin: 0 0 15px 0;
  display: block;
  color: #337ab7;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.85em; }

.mainBody .goBackButton svg {
  width: 12px;
  height: 9px;
  margin: 0 3px 0 0; }

.mainBody .goBackButton svg path {
  fill: #337ab7; }

.adminSuite.IReviewChanges .mainBody .goBackButton,
.adminSuite.IReviewContracts .mainBody .goBackButton,
.adminSuite.IManageIntegrations .mainBody .goBackButton,
.adminSuite.ISetUserPermissions .mainBody .goBackButton,
.adminSuite.IReviewContracts .mainBody .goBackButton {
  display: none; }

.adminSuite .mainBody .goBackButton,
.leadsLifeSuite.ISubscriptions .mainBody .goBackButton,
.leadsLifeSuite.ISetAgentBranding .mainBody .goBackButton,
.leadsLifeSuite.IAdvanceCapEditor .mainBody .goBackButton,
.leadsLifeSuite.IPluggableForm .mainBody .goBackButton,
.leadsLifeSuite.IEditLead .mainBody .goBackButton,
.IAddLicenses.IAddLicenseTypes .mainBody .goBackButton,
.IAddLicenses.IAddLicenses .mainBody .goBackButton {
  display: block; }

.leadsLifeSuite .mainBody .goBackButton {
  display: none; }

.leadsLifeSuite.subPage.IAdminTypeList .mainBody .goBackButton,
.leadsLifeSuite.subPage.IAdminEdit .mainBody .goBackButton {
  display: block; }

.leadsLifeSuite.subPage.IAdminTypeList .secondary-commands a:first-child {
  xdisplay: none; }

@media screen and (max-width: 1000px) {
  .subMenuContainer {
    padding: 0; } }
.salesLifeSuite nav a.active svg path,
.salesLifeSuite nav a:hover svg path {
  fill: #0097bf; }

.agentLifeSuite nav a.active svg path,
.agentLifeSuite nav a:hover svg path {
  fill: #42b09c; }

.leadsLifeSuite nav a.active svg path,
.leadsLifeSuite nav a:hover svg path {
  fill: burlywood; }

.campaignsMenu nav a.active svg path,
.campaignsMenu nav a:hover svg path {
  fill: plum; }

.bookerLifeSuite nav a.active svg path,
.bookerLifeSuite nav a:hover svg path {
  fill: #a889c8; }

/* Notes */
.note-logs {
  font-size: 0.875em;
  max-height: 140px;
  overflow-x: unset;
  overflow-y: scroll;
  min-height: 40px; }

.note-logs .note {
  background-color: #f9f9f9;
  padding: 5px 10px 3px;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.4) !important;
  zborder: 1px solid #dcdcdc;
  margin: 0 0 10px;
  zborder-radius: 5px;
  border-radius: 0.75rem; }

.note-logs .note span {
  font-weight: 700;
  display: inline-block;
  margin: 0 5px 0 0; }

.note-logs .note pre {
  margin: 0;
  white-space: normal; }

/* Filters */
#theILeadsReportBody .FormTable,
#theIInventoryNeededReportBody .FormTable,
#theIInventoryByStateBody .FormTable,
#theIAllOrdersBody .FormTable,
#theIManageSubscriptionsBody .FormTable {
  display: none; }

/* Booker View */
.booker .calendar.week-calendar td .time {
  display: none; }

.pre-defined-filters,
.filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px; }

.filters {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

@media screen and (min-width: 1600px) {
  .booker .pre-defined-filters {
    xwidth: 50%; } }
.pre-defined-filters a,
.filters a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #f0f1f2;
  border: none;
  color: #000; }
  .pre-defined-filters a svg,
  .filters a svg {
    fill: #000;
    width: 20px;
    height: 20px; }
  .pre-defined-filters a:hover:not(:disabled), .pre-defined-filters a:focus:not(:disabled),
  .filters a:hover:not(:disabled),
  .filters a:focus:not(:disabled) {
    color: #000;
    background-color: #d5d8da; }
    .pre-defined-filters a:hover:not(:disabled) svg, .pre-defined-filters a:focus:not(:disabled) svg,
    .filters a:hover:not(:disabled) svg,
    .filters a:focus:not(:disabled) svg {
      fill: #000; }
  .pre-defined-filters a:focus,
  .filters a:focus {
    outline: none; }
  .pre-defined-filters a:hover,
  .filters a:hover {
    text-decoration: none !important; }
  .pre-defined-filters a.submit:active,
  .filters a.submit:active {
    filter: brightness(85%); }
  .pre-defined-filters a:disabled,
  .filters a:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .pre-defined-filters a:disabled svg,
    .filters a:disabled svg {
      fill: #000000; }
  .pre-defined-filters a.processing,
  .filters a.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.pre-defined-filters a {
  margin-left: 0.5rem; }

.pre-defined-filters a.active {
  background-color: #f29354;
  color: #fff;
  border: 1px solid #f29354; }
  .pre-defined-filters a.active svg {
    background-color: transparent;
    fill: white; }
  .pre-defined-filters a.active:hover {
    background-color: #ee7525;
    color: white; }

.pre-defined-filters a svg,
.filters a svg {
  margin: 0px 10px 0 0;
  position: relative;
  background-color: #333;
  width: 20px;
  height: 20px;
  padding: 4px;
  border-radius: 50%;
  float: left;
  top: 0; }

.pre-defined-filters a svg path,
.filters a svg path,
.pre-defined-filters a.active svg path,
.filters a.active svg path {
  fill: white; }

.pre-defined-filters a.viewAllFilter {
  background-position: 12px -75px; }

.pre-defined-filters a.hotLeadsFilter {
  xbackground-position: 12px -103px; }

.pre-defined-filters a:hover,
.filters a:hover {
  zborder: 1px solid #04bbe0;
  ztext-decoration: none; }

.pre-defined-filters a.active,
.filters a.active {
  zborder: 1px solid #04bbe0;
  zbackground-color: #92e0f0;
  zcolor: black; }

.filters a.viewAllFilter {
  color: #337ab7;
  background-image: url("/skins/2/images/close-filters.png");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: right 10px top 16px;
  background-color: aliceblue;
  border: 1px solid lightblue;
  padding: 10px 25px 10px 10px; }

.filters a.viewAllFilter svg {
  display: none; }

.filters a.active.viewAllFilter {
  display: none; }

@media screen and (max-width: 1000px) {
  .module-submenu {
    flex-wrap: nowrap; } }
/* Banner Notifications */
.bannerNotification {
  text-align: center;
  padding: 0.5rem 0;
  background-color: midnightblue;
  color: rgba(255, 255, 255, 0.85);
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 1px; }

.bannerNotification.managingDirector {
  background-color: coral; }

.bannerNotification.recruitingAgent {
  background-color: teal; }

.reviewingBanner {
  border-top: 1px solid crimson;
  display: block;
  color: crimson;
  text-align: center;
  padding: 0.5rem 1rem;
  margin: 1rem 0 0;
  border-bottom: 1px solid crimson; }

.IReviewChanges .reviewingBanner {
  border-top: 1px solid lightseagreen;
  border-bottom: 1px solid lightseagreen;
  color: lightseagreen; }

@media screen and (min-width: 1010px) {
  .subPage .mainBody h2 {
    display: none; } }
/* Page Mods */
.loginPage .SSForm,
.IRegister .SSForm,
.IGetMyLeads .SSForm {
  background-color: white !important; }

.wrapContainer {
  zbackground-color: white;
  zborder: 1px solid #dcdcdc; }

.wrapContainer.IMarketingDashboardContainerWrap {
  background-color: transparent;
  padding: 0;
  border: none; }

x.IStaticPageContainer {
  width: 100%;
  max-width: 1280px;
  margin: 50px auto;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 30px; }

xxxx.IManualOrdersContainer,
xx.ISubscribeToLeadsContainer,
z.IManualSubscribeToLeadsContainer,
z.IImportLeadsMetadataFields,
xx.IAddLeadFields,
xxxx.IPricing .IPricingContainer,
xxxx.IImportLeadsContainer,
xx.contentContainer,
xx.Module-Recruiting .IHomeContainer,
xxxx.WhoareyousendingtoContainer,
xxxx#theIInviteAgentsBody,
xxxx.IPendingSubsContainer,
xxxx.IActiveSubsContainer,
xx.IManageSubscriptionsContainer,
xxxx.SSForm.IManageIntegrationsContainer,
xxxx.IExternalInventoryContainer,
xx.IInventorySettingsContainer,
xx.IBizProcessReportContainer,
xxxx.IBookerAppointmentsByAgentContainer,
xxxx.IAllBookerAppointmentsContainer,
xxxx.IRequestInternetLeadsContainer,
xxxx.IHireAgent .IHireAgentContainer,
xxxx.IHireAgent .IAddLicenseTypesContainer,
xxxx.IImportUpdateDealsContainer,
xxxx.IDealsContainer .table,
xxxx.recruitingMenu .IAdditionalInformationContainer .SSFormBody,
xxxx.ISetAgentPermissionsContainer,
xx.IAllCampaignsContainer,
xx.IMyCampaignsContainer,
xx.ISetAgentBrandingFields,
xx.ISplitLeadsReportContainer,
xxxx.IImportRecruitsContainer,
xx.IImportLeadsLeadSheetsContainer,
z.IBookerAppointmentsByAgent #theSearchResultsAjax,
z.IAllBookerAppointments #theSearchResultsAjax {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 30px; }

.IHomeContainer,
z.IProfileFields,
#theIInviteAgentsBody,
#theIEditLeadBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.IAvailableLeads .IHomeContainer,
.ILeadsManager .IHomeContainer,
.IImportLeadsMetadata .IHomeContainer,
.IEditLead .IHomeContainer,
.IRecruits .IHomeContainer,
.IInviteAgents .IHomeContainer,
.IInterviews .IHomeContainer,
.Module-Shop .IHomeContainer,
.IAllOrders .IHomeContainer,
.IMyOrders .IHomeContainer,
.Module-Sales .IHomeContainer,
.IProfile.Module-ManageTeam .IHomeContainer,
.IMyTeam.Module-ManageTeam .IHomeContainer,
.ILeads .IHomeContainer,
.IAgencyReport .IHomeContainer x.IMyOrders .IHomeContainer,
.IOnboarding .IHomeContainer {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none; }

z.reportingMenu .IHomeContainer,
.IManageUsers .IHomeContainer,
x.IExternalInventory .IHomeContainer {
  zpadding: 0;
  xborder: none; }

.IManageUsers #theIManageUsersBody {
  zpadding: 30px; }

.IManageUsers #theSearchResultsAjax {
  zpadding: 30px;
  zborder-top: 1px solid #dcdcdc; }

/* quick fix for error handling on the shelf for opting in in CRM */
.IChooseDialogFields .error {
  color: red;
  border: 1px solid red;
  padding: 0 10px; }

/* section:has(.backButtonGlobal) .IInformDialogContainer,*/
.backButton .IInformDialogContainer,
.ISubscriptions .contentContainer {
  background-color: transparent;
  border: none;
  padding: 0; }

/* section:has(.backButtonGlobal) .SSFormBody,*/
.backButton .SSFormBody {
  padding: 30px 0 0; }

xx.backButton .SSFormBody,
xx.IComponent.IAdminTypeListContainer,
z.IComponent.ISubscriptionsContainer,
.IComponent.IOrderDetailsContainer {
  display: block;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 30px; }

.ISubscriptionsContainer {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd;
  zmargin: 30px 0; }

.IComponentWrap.ISubscriptionsContainerWrap {
  width: 100%; }

xx.IComponent.IAdminTypeListContainer,
z.IComponent.ISubscriptionsContainer,
.IComponent.IOrderDetailsContainer {
  margin: 25px 0 0; }

.backButtonGlobal {
  text-decoration: underline;
  margin: 0 0 1rem 0 !important;
  display: inline-block;
  color: #898989;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.85em; }

.backButtonGlobal svg {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0; }

.backButtonGlobal svg path {
  fill: #898989; }

x.SSFormBody,
x#theSearchResultsAjax,
x.IComponentWrap {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 30px;
  display: block; }

x.IComponentWrap.ISkinContainerWrap {
  background-color: transparent;
  border: none;
  padding: 0;
  display: block; }

x.IAvailableLeads .SSFormBody,
.IAvailableLeads #theSearchResultsAjax {
  background-color: transparent;
  border: none;
  padding: 0; }

x.ISubscribeToLeadsContainer .SSFormBody {
  padding: 0; }

.user234 .mainBody div:has(.backButtonGlobal) .SSFormBody {
  xoutline: 10px solid red; }

.user234 table:has(.leadSearch-filter) input {
  xborder: 10px solid red !important;
  xbackground-color: red !important; }

.IManageUsers #theSearchResultsAjax {
  display: block;
  margin: -1px 0 0; }

.Module-Recruiting .IHomeContainer {
  xxbackground-color: transparent;
  xxborder: none;
  xxpadding: 0; }

.allOrdersToProcess input.submit {
  display: inline-block;
  min-width: fit-content;
  background-color: #323338;
  color: white;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .allOrdersToProcess input.submit:hover {
    text-decoration: none;
    background-color: #1a1a1d; }
  .allOrdersToProcess input.submit:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

.allOrdersToProcess .status > span {
  display: inline-block;
  min-width: fit-content;
  background-color: transparent;
  color: #333333;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .allOrdersToProcess .status > span:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0); }
  .allOrdersToProcess .status > span:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

@media screen and (max-width: 2000px) {
  #theSearchResultsAjax {
    overflow: auto; } }
/* settings */
.IExternalInventoryContainer #leadsActions.secondary-commands {
  display: flex;
  float: unset;
  justify-content: flex-end;
  align-items: center; }

.virtualInventory {
  margin: 67px 0 0px;
  overflow: auto; }

.virtualInventory .SSFormBody tr {
  background-color: #fbfbfb;
  position: relative; }

.virtualInventory .SSFormBody tr:hover {
  background-color: #f8f8f8; }

.virtualInventory .SSFormBody tr td label {
  display: none;
  position: absolute;
  top: -38px; }

@media screen and (max-width: 1365px) {
  .virtualInventory .SSFormBody tr td label {
    top: -25px; } }
.virtualInventory .IExternalInventoryEditRowContainer:first-child {
  margin: 40px 0 0; }

.virtualInventory
.IExternalInventoryEditRowContainer:first-child
.SSFormBody
tr
td
label {
  display: block; }

.virtualInventory .SSFormBody tr input.text {
  background-color: #fff; }

.virtualInventory .SSFormBody .FormFields label {
  font-size: 0.75em;
  font-weight: 700;
  color: #333; }

.virtualInventory .SSFormBody .FormFields span {
  font-size: 0.9em; }

.virtualInventory .SSFormBody .FormFields label + label {
  background-color: transparent;
  height: initial;
  padding: 0px;
  margin: 0;
  border: none;
  font-weight: 400;
  font-size: 0.875em; }

.virtualInventory .FormFields {
  padding: 0.75rem; }

.virtualInventory .FormFields.ColNine input {
  height: 30px; }

.virtualInventory .FormFields.ColTen {
  vertical-align: bottom;
  padding: 0.75rem;
  white-space: nowrap; }

.virtualInventory .SSForm {
  border-bottom: 1px solid #dcdcdc;
  border-bottom: 3px solid #fff; }

.virtualInventory .actionsBox a {
  display: inline-block;
  min-width: fit-content;
  background-color: #323338;
  color: white;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .virtualInventory .actionsBox a:hover {
    text-decoration: none;
    background-color: #1a1a1d; }
  .virtualInventory .actionsBox a:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

.virtualInventory .actionsBox input.submit {
  display: inline-block;
  min-width: fit-content;
  background-color: crimson;
  color: white;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .virtualInventory .actionsBox input.submit:hover {
    text-decoration: none;
    background-color: #ad102f; }
  .virtualInventory .actionsBox input.submit:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

.virtualInventory .actionsBox a:hover {
  zbackground-color: #017cd9;
  ztext-decoration: none; }

@media screen and (max-width: 1300px) {
  .virtualInventory .SSForm {
    width: 1300px; }

  .virtualInventory .SSFormBody tr td label {
    xposition: static; } }
@media screen and (max-width: 750px) {
  .virtualInventory .SSFormBody tr {
    display: flex; }

  .virtualInventory .SSFormBody td {
    display: table-cell;
    width: initial;
    flex: 1; } }
/* Inventory Settings */
.leadTypeRow {
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 0; }

.leadTypeRow a {
  font-size: 0.85em;
  margin: 0 0 0 5px; }

.ILeadTypeEditRowContainer {
  position: relative;
  background-color: #f9f9f9;
  width: 100%;
  padding: 1rem;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd;
  margin-top: 30px;
  box-shadow: none; }

.leadTypeRow .collapsable {
  position: relative; }

.leadTypeRow a.close {
  position: absolute;
  z-index: 1;
  top: 15px;
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #ff5050;
  color: white;
  border-radius: 4px; }

.ILeadTypeEditRowFields input.text,
.ILeadTypeEditRowFields select {
  zbackground-color: white; }

.ILeadTypeEditRowFields tr {
  align-items: flex-end; }
  .ILeadTypeEditRowFields tr td.checkboxView {
    margin-bottom: 12px;
    padding-left: 1rem; }

.schedulesBox {
  padding: 15px; }

z.schedulesBox input.text,
z.schedulesBox select {
  background-color: #f8f9fa; }

.ILeadTypeEditRowContainer .labelGroup {
  background-color: #fff;
  margin: 15px 0 0;
  border-radius: 0.75rem;
  zborder: 1px solid #dcdcdc; }

.ILeadTypeEditRowContainer .submit[value="Delete"] {
  margin-left: 0.5rem;
  margin-top: 36px; }

.quality {
  zborder-top: 1px solid #dcdcdc;
  margin: 15px 0 0;
  padding: 15px 0; }

.quality:first-child {
  border-top: none;
  margin: 15px 0 0; }

.quality h3 {
  margin: 0px 0 0 5px; }

.quality .rowForms a {
  margin: 0 0 0; }

.quality .submit {
  margin: 5px 0 0 5px; }

/* Marketing Life Campaigns */
.ITemplateEditor #theITemplateEditorBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
.ITemplateEditor table td {
  white-space: normal; }
  .ITemplateEditor table td .submit {
    margin: 5px 0 0; }
.ITemplateEditor .textAreaView a {
  display: block; }
.ITemplateEditor .ITemplateEditorActions.FormActions {
  margin: 15px 0 0; }

.shelf .IExternalInventoryEditShelfContainer .SSFormBody,
.shelf .addNewCard {
  xdisplay: flex;
  xflex-wrap: wrap;
  background-color: white;
  padding: 1.5rem !important;
  border-radius: 0.75rem; }

.shelf .addNewCard h4 {
  margin: 0 0 15px 0; }

z.shelf .IExternalInventoryEditShelfContainer input.text,
z.shelf .IExternalInventoryEditShelfContainer select,
z.shelf .IExternalInventoryEditShelfContainer textarea,
z.shelf #payment-view-element input.text,
z.shelf #payment-view-element select,
.shelf #payment-view-element textarea {
  background-color: #f8f9fa; }

z.shelf #payment-view-element input {
  width: 100%; }

.IPaymentViewContainer .submit {
  zmargin: 10px 0 0; }

.ClearFiltersAction.submit,
.clearFilter.submit {
  display: none;
  background-image: url("/skins/2/images/close-filters.png");
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: left 14px top 16px;
  padding: 0.75rem 1rem 0.75rem 32px;
  width: fit-content !important;
  background-color: aliceblue !important;
  color: #337ab7 !important; }
  .ClearFiltersAction.submit:active,
  .clearFilter.submit:active {
    filter: unset !important; }

.clearFilter.submit {
  margin: 0 !important; }

.IBookerLeads .clearFilter.submit {
  margin: -15px 0 25px 28px !important; }

.dirty .ClearFiltersAction.submit,
.dirty .clearFilter.submit {
  display: block;
  zcolor: #337ab7;
  zbackground-color: aliceblue !important;
  zborder: 1px solid lightblue; }

.IBookerLeads .pre-defined-filters a,
.IBookerLeads .filters a {
  xflex: 1; }

.IBookerLeads .status-filters a {
  display: inline-block;
  margin: 2.5px;
  height: initial; }

.IBookerLeads .status-filters a svg {
  display: none; }

.IBookerLeads .filters .clearFilter.submit {
  display: none; }

.IBookerLeads #leads .agent-filters {
  margin: 15px 0 25px 0; }

@media screen and (max-width: 1000px) {
  .booker #leads .pre-defined-filters a {
    height: 100px; }

  .booker #leads .pre-defined-filters .status-filters a {
    height: initial; } }
form.standard-report {
  display: block; }

div#lightbox {
  z-index: 999 !important; }

.shelf {
  z-index: 4000 !important; }

/* Alertify */
.alertify-logs {
  top: 10px !important;
  bottom: unset !important; }

.alertify-log-success {
  background-color: #f6fcf2 !important;
  color: #53ac24 !important; }

.alertify-log-success:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='rgb(83, 172, 36)' d='m11.998 2.005c5.517 0 9.997 4.48 9.997 9.997 0 5.518-4.48 9.998-9.997 9.998-5.518 0-9.998-4.48-9.998-9.998 0-5.517 4.48-9.997 9.998-9.997zm0 1.5c-4.69 0-8.498 3.807-8.498 8.497s3.808 8.498 8.498 8.498 8.497-3.808 8.497-8.498-3.807-8.497-8.497-8.497zm-5.049 8.886 3.851 3.43c.142.128.321.19.499.19.202 0 .405-.081.552-.242l5.953-6.509c.131-.143.196-.323.196-.502 0-.41-.331-.747-.748-.747-.204 0-.405.082-.554.243l-5.453 5.962-3.298-2.938c-.144-.127-.321-.19-.499-.19-.415 0-.748.335-.748.746 0 .205.084.409.249.557z'/></svg>"); }

.alertify-log-error {
  background-color: #f7dada !important;
  color: red !important; }

.alertify-log-error:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='red' d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5 15.538l-3.592-3.548 3.546-3.587-1.416-1.403-3.545 3.589-3.588-3.543-1.405 1.405 3.593 3.552-3.547 3.592 1.405 1.405 3.555-3.596 3.591 3.55 1.403-1.416z'/></svg>"); }

.alertify-log {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 1rem !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  letter-spacing: 0.5px;
  line-height: 1.4;
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); }
  .alertify-log:before {
    position: relative;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }

.IMortgageBrokerOnboarding .alertify {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important; }
.IMortgageBrokerOnboarding .alertify-alert {
  border: none !important; }
.IMortgageBrokerOnboarding .alertify-message {
  font-size: 1.25rem; }
.IMortgageBrokerOnboarding .alertify-buttons {
  margin-top: 1rem; }
.IMortgageBrokerOnboarding .alertify-button-ok {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #9257d3;
  border: none;
  color: white;
  border: none !important;
  min-width: 100px !important; }
  .IMortgageBrokerOnboarding .alertify-button-ok svg {
    fill: white;
    width: 20px;
    height: 20px; }
  .IMortgageBrokerOnboarding .alertify-button-ok:hover:not(:disabled), .IMortgageBrokerOnboarding .alertify-button-ok:focus:not(:disabled) {
    color: white;
    background-color: #7833c4; }
    .IMortgageBrokerOnboarding .alertify-button-ok:hover:not(:disabled) svg, .IMortgageBrokerOnboarding .alertify-button-ok:focus:not(:disabled) svg {
      fill: white; }
  .IMortgageBrokerOnboarding .alertify-button-ok:focus {
    outline: none; }
  .IMortgageBrokerOnboarding .alertify-button-ok:hover {
    text-decoration: none !important; }
  .IMortgageBrokerOnboarding .alertify-button-ok.submit:active {
    filter: brightness(85%); }
  .IMortgageBrokerOnboarding .alertify-button-ok:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .IMortgageBrokerOnboarding .alertify-button-ok:disabled svg {
      fill: #000000; }
  .IMortgageBrokerOnboarding .alertify-button-ok.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }
  .IMortgageBrokerOnboarding .alertify-button-ok:hover {
    display: inline-flex !important; }

/* public scheduler */
.IPublicScheduler {
  background-color: #333;
  background-image: url("/skins/0/images/debtfreeamerica/confirm-bg.jpeg");
  background-repeat: no-repeat;
  background-position: center; }
  .IPublicScheduler #mainHeader,
  .IPublicScheduler .backButtonGlobal,
  .IPublicScheduler footer {
    display: none; }
  .IPublicScheduler main {
    xbackground-image: url("/skins/0/images/debtfreeamerica/confirm-bg.jpeg");
    xbackground-repeat: no-repeat;
    xbackground-position: center;
    xheight: auto; }
  .IPublicScheduler .unlockMenu.openNav .mainContainer,
  .IPublicScheduler .mainContainer {
    padding: 0;
    xbackground-image: url("/skins/0/images/debtfreeamerica/confirm-bg.jpeg");
    xbackground-repeat: no-repeat;
    xbackground-position: center; }
  .IPublicScheduler .mainBody {
    max-width: 1280px; }
    .IPublicScheduler .mainBody h3 {
      text-align: center;
      color: white;
      xfont-family: Montserrat;
      font-size: 24px;
      line-height: 1.3em;
      margin: 0 auto 25px;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
      font-size: 38px;
      font-weight: 700;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
  .IPublicScheduler .labelGroup {
    background-color: #fff; }

.IAgentBusinessCard .appointment-booking .labelGroup {
  border-radius: 0.75rem; }

.IPublicScheduler .mainBody .labelGroup table,
.IAgentBusinessCard .appointment-booking .labelGroup table {
  width: 100%; }
  .IPublicScheduler .mainBody .labelGroup table tr,
  .IAgentBusinessCard .appointment-booking .labelGroup table tr {
    display: flex; }
    .IPublicScheduler .mainBody .labelGroup table tr td,
    .IAgentBusinessCard .appointment-booking .labelGroup table tr td {
      width: 28%;
      white-space: normal;
      border-right: 1px solid #dcdcdc;
      padding: 50px 25px; }
      .IPublicScheduler .mainBody .labelGroup table tr td .debtFreeLeftContent h3,
      .IAgentBusinessCard .appointment-booking .labelGroup table tr td .debtFreeLeftContent h3 {
        color: black;
        font-size: 24px;
        text-align: left;
        text-shadow: none;
        margin: 0; }
      .IPublicScheduler .mainBody .labelGroup table tr td .summary,
      .IAgentBusinessCard .appointment-booking .labelGroup table tr td .summary {
        border: 1px solid #dcdcdc;
        padding: 10px;
        margin: 25px 0 0; }
        .IPublicScheduler .mainBody .labelGroup table tr td .summary div,
        .IAgentBusinessCard .appointment-booking .labelGroup table tr td .summary div {
          margin: 0 0 15px; }
          .IPublicScheduler .mainBody .labelGroup table tr td .summary div label,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .summary div label {
            display: block;
            xfont-weight: 700; }
          .IPublicScheduler .mainBody .labelGroup table tr td .summary div span,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .summary div span {
            display: block;
            font-weight: 700; }
      .IPublicScheduler .mainBody .labelGroup table tr td:last-child,
      .IAgentBusinessCard .appointment-booking .labelGroup table tr td:last-child {
        width: 72%;
        border: none;
        padding: 15px 35px; }
      .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td,
      .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td {
        width: 65%;
        border: none;
        padding: 0 35px 0 0; }
        .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td:last-child,
        .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td:last-child {
          width: 35%;
          padding: 0; }
        .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar,
        .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar {
          display: flex;
          flex-wrap: wrap; }
          .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar .calendarCaption,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar .calendarCaption {
            flex: auto;
            margin: 5px 0px 15px 0;
            font-weight: 700;
            color: black; }
          .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar .calendarPrevious input,
          .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar .calendarNext input,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar .calendarPrevious input,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar .calendarNext input {
            padding: unset;
            width: 40px;
            height: 40px;
            font-size: 1.5rem; }
          .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar tr,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar tr {
            align-items: center; }
          .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar td,
          .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar td {
            text-align: center;
            width: initial;
            flex: 1;
            align-items: center;
            xdisplay: flex;
            padding: 5px; }
            .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar td span,
            .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar td span {
              margin: 0 0 10px 0; }
              .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar td span a,
              .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar td span a {
                padding: 8px;
                width: 45px;
                height: 45px;
                display: inline-block;
                border: 1px solid #999;
                border-radius: 50%;
                xalign-content: center;
                xdisplay: flex;
                text-align: center; }
                .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar td span a:hover,
                .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar td span a:hover {
                  border: 1px solid deepskyblue;
                  background-color: deepskyblue;
                  text-decoration: none;
                  color: white; }
              .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td .miniCalendar td span.activeDate a,
              .IAgentBusinessCard .appointment-booking .labelGroup table tr td .FormTable td .miniCalendar td span.activeDate a {
                color: white;
                background-color: #327cd2; }
.IPublicScheduler .mainBody .SSFormBody,
.IAgentBusinessCard .appointment-booking .SSFormBody {
  border: none;
  xborder-radius: 10px;
  padding: 0; }
.IPublicScheduler .mainBody select,
.IAgentBusinessCard .appointment-booking select {
  height: initial; }
.IPublicScheduler .mainBody .successContainer,
.IAgentBusinessCard .appointment-booking .successContainer {
  display: block;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 30px;
  text-align: center;
  border: none;
  border-radius: 10px; }
  .IPublicScheduler .mainBody .successContainer .successIcon,
  .IAgentBusinessCard .appointment-booking .successContainer .successIcon {
    border: 2px solid #28a745;
    width: initial;
    margin: 0 auto 15px;
    width: 64px;
    text-align: center;
    height: 64px;
    padding: 10px;
    border-radius: 50%; }
    .IPublicScheduler .mainBody .successContainer .successIcon svg,
    .IAgentBusinessCard .appointment-booking .successContainer .successIcon svg {
      width: 30px; }
      .IPublicScheduler .mainBody .successContainer .successIcon svg path,
      .IAgentBusinessCard .appointment-booking .successContainer .successIcon svg path {
        fill: #28a745; }
  .IPublicScheduler .mainBody .successContainer h1,
  .IAgentBusinessCard .appointment-booking .successContainer h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 15px 0; }
  .IPublicScheduler .mainBody .successContainer h3,
  .IAgentBusinessCard .appointment-booking .successContainer h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-shadow: none; }
.IPublicScheduler .mainBody .IPublicSchedulerActions,
.IAgentBusinessCard .appointment-booking .IPublicSchedulerActions {
  text-align: right; }

/* specific to gift landin page */
.IPublicScheduler {
  background-image: url("/skins/0/images/free-bgblue.jpg");
  background-position: center top;
  background-size: cover; }

.IPublicScheduler:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
  width: 100%;
  height: 100%; }

.IPublicScheduler .mainBody {
  width: 1280px;
  background-color: white;
  margin: 25px auto;
  border-radius: 8px;
  position: relative;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.IPublicScheduler .mainBody .labelGroup {
  background-color: transparent; }

.IPublicScheduler .mainBody h3 {
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  line-height: 1.3em;
  margin: 0 auto 25px;
  font-size: 25px;
  font-weight: 900;
  text-shadow: none; }

.IPublicScheduler
.mainBody
.labelGroup
table
tr
td
.FormTable
td
.miniCalendar
td
span.activeDate
a {
  background-color: darkorange; }

.IPublicScheduler .mainBody input.submit {
  background-color: darkorange; }

@media screen and (max-width: 1280px) {
  .IPublicScheduler .mainBody {
    width: 100%;
    width: 100%;
    position: static;
    transform: none; }

  .IPublicScheduler:before {
    display: none; } }
@media screen and (max-width: 1000px) {
  .IPublicScheduler .mainBody .labelGroup table tr {
    flex-wrap: wrap; }

  .IPublicScheduler .mainBody .labelGroup table tr td:last-child,
  .IPublicScheduler .mainBody .labelGroup table tr td {
    width: 100%;
    padding: 50px 25px; } }
@media screen and (max-width: 750px) {
  .IPublicScheduler .mainBody {
    padding: 35px 0;
    margin: 0;
    border-radius: 0; }

  .IPublicScheduler .mainBody .labelGroup table tr td:last-child,
  .IPublicScheduler .mainBody .labelGroup table tr td {
    width: 100%;
    padding: 0px 10px;
    border: none; }

  .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td {
    width: 100%;
    border: none;
    padding: 0; }

  .IPublicScheduler .mainBody .labelGroup p {
    margin: 0px 0 20px;
    text-align: center;
    font-weight: 900;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 15px; }

  .IPublicScheduler
  .mainBody
  .labelGroup
  table
  tr
  td
  .FormTable
  td:last-child
  label {
    text-align: center;
    font-weight: 900; }

  .IPublicScheduler
  .mainBody
  .labelGroup
  table
  tr
  td
  .FormTable
  td
  .miniCalendar
  .calendarCaption {
    text-align: center; }

  .IPublicScheduler .mainBody .labelGroup table tr td .FormTable td:last-child {
    width: 100%; }

  .IPublicScheduler
  .mainBody
  .labelGroup
  table
  tr
  td
  .FormTable
  td
  .miniCalendar
  td {
    padding: 3px; }

  .IPublicScheduler
  .mainBody
  .labelGroup
  table
  tr
  td
  .FormTable
  td
  .miniCalendar {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 20px 0; }

  .IPublicScheduler
  .mainBody
  .labelGroup
  table
  tr
  td
  .FormTable
  td
  .miniCalendar
  td
  span
  a {
    padding: 7px;
    width: 42px;
    height: 42px; } }
.IDeals #lightbox {
  max-width: 1280px;
  width: 75%; }

.notesContainer {
  xborder-top: 1px solid #dcdcdc;
  padding: 15px;
  box-shadow: none !important;
  border-radius: 0;
  position: relative; }
  .notesContainer h3,
  .notesContainer h4 {
    zfont-size: 0.95em;
    margin-bottom: 1rem;
    padding-bottom: 1rem; }
  .notesContainer a {
    position: absolute;
    top: 1rem;
    right: 1rem;
    zfont-size: 0.9em;
    ztext-decoration: underline; }
  .notesContainer .note-logs {
    font-size: 0.875em;
    max-height: 225px;
    overflow-x: unset;
    overflow-y: scroll;
    min-height: 40px; }
    .notesContainer .note-logs .note {
      background-color: #fff;
      margin: 0.5rem 0 0;
      padding: 15px;
      box-shadow: none !important;
      zborder: 1px solid #dcdcdc;
      margin: 0 0 10px;
      border-radius: 0.75rem; }
      .notesContainer .note-logs .note span.note, .notesContainer .note-logs .note span.phone, .notesContainer .note-logs .note span.meeting, .notesContainer .note-logs .note span.email, .notesContainer .note-logs .note span.socialNetwork, .notesContainer .note-logs .note span.appointment {
        font-size: 0.8em;
        text-transform: capitalize;
        background-color: #333;
        color: white;
        padding: 4px 8px 4px !important;
        line-height: 1;
        border-radius: 15px; }
      .notesContainer .note-logs .note span.phone {
        background-color: #999; }
      .notesContainer .note-logs .note span.meeting {
        background-color: darkorange; }
      .notesContainer .note-logs .note span.email {
        background-color: teal; }
      .notesContainer .note-logs .note span.socialNetwork {
        background-color: blue; }
      .notesContainer .note-logs .note span.appointment {
        background-color: #1ad0a7; }
      .notesContainer .note-logs .note span.time, .notesContainer .note-logs .note span.date-time {
        float: right;
        font-size: 0.8em;
        color: rgba(0, 0, 0, 0.6);
        background-color: transparent;
        margin: 0; }
      .notesContainer .note-logs .note.noteAppointment span {
        width: auto; }
        .notesContainer .note-logs .note.noteAppointment span.note {
          background-color: #1ad0a7; }
      .notesContainer .note-logs .note.noteDeal span.note {
        background-color: goldenrod; }
      .notesContainer .note-logs .note .note {
        padding: 0;
        border: none;
        margin: 0; }
      .notesContainer .note-logs .note a {
        position: static !important;
        font-size: 0.875em !important; }

/* Free Gift Page */
.campaign-freegiftsqa {
  background-color: rgba(0, 0, 0, 0.75);
  xbackground-color: steelblue; }
  .campaign-freegiftsqa:before {
    xbackground-color: rgba(0, 0, 0, 0.7);
    xcontent: "";
    xwidth: 100%;
    xheight: 100%;
    xdisplay: block;
    xposition: absolute; }
  .campaign-freegiftsqa .IContactOptionsLandingPageContainerWrap {
    background-color: white;
    padding: 50px;
    width: 600px;
    margin: 0 auto;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 4px 14px 2px rgba(0, 0, 0, 0.3); }

/* Deals Lightbox */
#lightbox .wrapper.row .info .notesContainer {
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  margin: 15px 0 0; }

/* Beast Mode */
.IAppointments .appointment .notesContainer {
  border-top: 1px solid #ccc;
  margin: 15px 0 0;
  padding: 15px 0 0; }

.SSForm {
  xoutline: 1px solid red; }

/* Communications Page */
.ICommunicationPreferencesForm h1 {
  margin: 0 0 25px 0; }
.ICommunicationPreferencesForm table td {
  white-space: normal; }
.ICommunicationPreferencesForm tr td {
  font-size: 18px;
  font-weight: 700; }
  .ICommunicationPreferencesForm tr td p {
    xmargin: 0.5rem 0;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 23px; }
    .ICommunicationPreferencesForm tr td p:nth-child(2) {
      margin: 0.5em 0 1.5em; }
  .ICommunicationPreferencesForm tr td input {
    height: 15px;
    margin: 0 7px 0 0; }
.ICommunicationPreferencesForm input.submit {
  margin: 0 0 0 22px; }

/* Static Document Pages */
@media screen and (min-width: 1366px) {
  .notAuthenticated.IStaticPage.documentPage.unlockMenu.openNav .mainContainer,
  .notAuthenticated.IStaticPage.documentPage .mainContainer {
    padding: 0; } }
.IStaticPage.documentPage .mainBody .IStaticPageContainer {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
  .IStaticPage.documentPage .mainBody .IStaticPageContainer h1 {
    margin: 0 0 25px;
    color: #000; }
  .IStaticPage.documentPage .mainBody .IStaticPageContainer h2 {
    font-weight: 900;
    margin: 15px 0;
    text-decoration: underline;
    color: #000; }
  .IStaticPage.documentPage .mainBody .IStaticPageContainer p {
    margin: 20px 0;
    font-size: 18px; }
  .IStaticPage.documentPage .mainBody .IStaticPageContainer strong {
    font-weight: 700;
    color: #000; }

/* Tab Design */
.SSTabControl .kalsey .navigation-options {
  padding-left: 0;
  border: none;
  padding-bottom: 0; }
  .SSTabControl .kalsey .navigation-options li.ProfileTab {
    border-left: 1px solid #dcdcdc; }
  .SSTabControl .kalsey .navigation-options a {
    text-align: center;
    color: rgba(0, 0, 0, 0.6); }
    .SSTabControl .kalsey .navigation-options a:link, .SSTabControl .kalsey .navigation-options a:visited {
      font-size: 0.85em;
      xpadding: 8px 20px 15px;
      padding: 12px 18px;
      margin: 0 0px 0 0;
      border: none;
      xfloat: none;
      background-color: rgba(0, 0, 0, 0.03);
      border-top: 2px solid rgba(0, 0, 0, 0); }
    .SSTabControl .kalsey .navigation-options a svg {
      display: block;
      margin: 0 auto;
      width: 15px;
      fill: rgba(0, 0, 0, 0.6); }
  .SSTabControl .kalsey .navigation-options a:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.8); }
  .SSTabControl .kalsey .navigation-options .option-selected a {
    xbackground: red;
    border-top: 2px solid #3f95bb;
    color: #3f95bb;
    background-color: white; }
    .SSTabControl .kalsey .navigation-options .option-selected a svg {
      fill: #3f95bb; }
    .SSTabControl .kalsey .navigation-options .option-selected a:hover {
      background-color: #fff; }

@media screen and (max-width: 1650px) {
  .SSTabControl .kalsey .navigation-options {
    padding: 0; }
    .SSTabControl .kalsey .navigation-options ul {
      display: flex;
      width: 100%;
      overflow-x: scroll;
      box-shadow: inset -13px 0px 10px -9px rgba(0, 0, 0, 0.2); }
      .SSTabControl .kalsey .navigation-options ul a:link,
      .SSTabControl .kalsey .navigation-options ul a:visited {
        xfont-size: 0.9em;
        xpadding: 10px;
        padding: 12px 13px;
        white-space: nowrap; } }
/* Conditions */
.IBizRuleEditorContainer .SSFormBody {
  display: block;
  background-color: #f8f9fa;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
  .IBizRuleEditorContainer .SSFormBody .secondary-commands {
    margin: 0; }
  .IBizRuleEditorContainer .SSFormBody input:not(.submit):not([type="checkbox"]),
  .IBizRuleEditorContainer .SSFormBody select {
    background-color: white; }
  .IBizRuleEditorContainer .SSFormBody .SSFormBody,
  .IBizRuleEditorContainer .SSFormBody .SSForm {
    background-color: #fff; }
    .IBizRuleEditorContainer .SSFormBody .SSFormBody zinput:not(.submit):not([type="checkbox"]),
    .IBizRuleEditorContainer .SSFormBody .SSFormBody zselect,
    .IBizRuleEditorContainer .SSFormBody .SSForm zinput:not(.submit):not([type="checkbox"]),
    .IBizRuleEditorContainer .SSFormBody .SSForm zselect {
      background-color: #f8f9fa; }
.IBizRuleEditorContainer .IBizConditionEditorFields select,
.IBizRuleEditorContainer .IBizConditionEditorFields input:not([type="checkbox"]) {
  background-color: #f7f7f7; }

/* Page Tutorials */
.pageTutorialContainer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 3; }
  .pageTutorialContainer .pageTutorialClose {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer; }
    .pageTutorialContainer .pageTutorialClose svg path {
      fill: white; }
  .pageTutorialContainer .container {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .pageTutorialContainer.show {
    display: block; }

@media screen and (max-width: 850px) {
  .pageTutorialContainer .container #vimeoPlayer {
    width: 500px; } }
@media screen and (max-width: 550px) {
  .pageTutorialContainer .container #vimeoPlayer {
    width: 300px; } }
/* Marketing Dashboard */
.ICampaignDashboard .IHomeContainer {
  background-color: transparent;
  border: none;
  padding: 0; }
  .ICampaignDashboard .IHomeContainer .standardDataTable {
    display: flex;
    background-color: transparent;
    width: 100%;
    font-size: 0.9rem;
    margin: 1rem 0 0;
    gap: 20px; }
    .ICampaignDashboard .IHomeContainer .standardDataTable .campaign-group {
      flex: 1;
      background-color: white;
      border: none !important;
      padding: 15px;
      box-shadow: 3px 3px 26px -8px rgba(0, 0, 0, 0.2);
      border-radius: 0.75rem; }
      .ICampaignDashboard .IHomeContainer .standardDataTable .campaign-group .xcheckbox {
        display: none;
        /* Hide the checkbox */ }
      .ICampaignDashboard .IHomeContainer .standardDataTable .campaign-group xinput + label:before {
        content: "";
        display: inline-block;
        width: 30px;
        /* Adjust the width */
        height: 20px;
        /* Adjust the height */
        margin-right: 8px;
        background-image: url("/skins/0/images/toggle-off.png");
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat; }
      .ICampaignDashboard .IHomeContainer .standardDataTable .campaign-group xinput:checked + label:before {
        background-image: url("/skins/0/images/toggle-on.png"); }

.campaign-group .checkbox {
  display: none; }

x.campaign-group label:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-right: 8px;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat; }

.campaign-group.no label:before {
  background-image: url("/skins/0/images/toggle-off.png"); }

.campaign-group.yes label:before {
  background-image: url("/skins/0/images/toggle-on.png"); }

/*
.IRegister {
	background-color: #f6f7f9;
	.mainContainer {
	  padding: 0;
	}
	#shoppingCart {
		display:none;
	}
	.mainBody {
	  max-width: 600px;
	  border: 1px solid #ddd;
	}
}
*/
/* Regustration Page */
.IRegister {
  margin: 0;
  background-color: #222 !important;
  position: relative;
  background-position: center top;
  background-size: cover;
  background-image: url("/skins/0/images/r4.jpg?v=2"); }
  .IRegister .iRegisterBack {
    display: none; }
  .IRegister #shoppingCart {
    display: none; }
  .IRegister .registrationLeft img {
    width: 165px;
    display: block;
    margin: -155px 0 0 70px; }
  .IRegister .contentContainer {
    border: none;
    padding: 0;
    background-color: transparent; }
    .IRegister .contentContainer h1 {
      color: rgba(0, 0, 0, 0.8);
      font-weight: 700;
      font-size: 2em; }
  .IRegister table {
    background-color: transparent;
    margin: 10px 0 0; }
  .IRegister hr {
    display: none; }
  .IRegister .FormFields {
    margin: 0;
    padding: 0 2.5px; }
    .IRegister .FormFields xlabel {
      position: relative;
      top: 2rem;
      left: 1rem;
      font-size: 0.85em;
      z-index: 1;
      display: inline-block; }
  .IRegister Zinput.formField {
    width: 100%;
    xheight: 70px;
    padding: 0.25rem 0.5rem 0.25rem;
    border-radius: 0.25rem;
    text-indent: 0.5rem; }
  .IRegister input.formField.checkbox {
    zwidth: 16px;
    zheight: 16px;
    zpadding: 0;
    zborder-radius: 0;
    ztext-indent: 0; }
  .IRegister .phoneNumberBox {
    display: block; }
  .IRegister .sendTextAlertsBox {
    display: block; }
    .IRegister .sendTextAlertsBox input {
      width: initial;
      height: initial; }
    .IRegister .sendTextAlertsBox label {
      position: static; }
  .IRegister main {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100vh; }
  .IRegister .mainContainer {
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    width: 100%;
    height: 100%;
    box-shadow: none;
    position: relative; }
  .IRegister .contentHead {
    display: none; }
  .IRegister .mainBody {
    flex-wrap: wrap;
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    height: 700px;
    box-shadow: none;
    border: none; }
    .IRegister .mainBody h1 {
      margin: 2.5rem 0 1rem; }
    .IRegister .mainBody h2 {
      border: none;
      font-size: 1em;
      margin: 0;
      color: black;
      font-weight: 300; }
    .IRegister .mainBody h2:first-child {
      display: none; }

.IRegister:before {
  background-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute; }

.registrationLeft {
  background-color: #222;
  width: 45%;
  background-position: center left;
  background-size: cover;
  color: white;
  text-align: center;
  box-shadow: inset -2rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
  xbackground-image: url("/skins/0/images/registration-module-small.jpg"); }
  .registrationLeft img {
    width: 50px;
    display: block;
    margin: 0 auto 1rem; }
  .registrationLeft .title {
    font-size: 1.3em; }
  .registrationLeft span,
  .registrationLeft p {
    display: none; }
  .registrationLeft p {
    opacity: 0.8; }

.registrationRight {
  width: 70%; }

.IRegister .contentContainer,
.IRegister .SSForm {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  width: 100%;
  height: 100%;
  box-shadow: none; }

.IRegister .SSForm {
  max-width: 55%;
  padding: 0 80px; }

.IRegister .SSFormBody {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: -9rem 0 0; }

.SSFormBody .IregistrationFields .FormTable {
  padding: 0;
  border: none;
  background-color: transparent;
  margin: 0; }

.IRegister .contentContainer div {
  width: 100%;
  padding: 0 1rem; }

.IregistrationContainer .FormTable td {
  width: 100%;
  display: block;
  position: relative; }

.ForgotPasswordAction {
  float: right;
  margin: 0.25rem 0 0;
  padding: 0;
  xfont-size: 0.85em; }

.passwordVisible {
  position: absolute;
  right: 1rem;
  top: 37px; }

.passwordVisible svg {
  width: 16px; }

.passwordVisible svg path {
  fill: #b8b8b9; }

.registrationRight .FormActions {
  text-align: center; }

.IRegister footer {
  color: initial; }

.IRegister .submit {
  padding: 0.75rem 1.5rem;
  xborder-radius: 2rem; }

.IRegister h2 .submit {
  background-color: transparent;
  padding: 0;
  color: #337ab7;
  margin: 0 0 0 5px;
  font-size: 1em; }

@media screen and (max-width: 1000px) {
  .IRegister .SSForm {
    padding: 45px 25px; }

  .IRegister .mainContainer {
    align-items: top;
    -moz-box-pack: top;
    justify-content: top;
    -moz-box-align: top; }

  .IRegister .mainBody {
    height: 100%; }

  .IRegister .mainBody h1 {
    margin: 0 0 1rem;
    text-align: center;
    font-weight: 700; }

  .IRegister .mainBody h2 {
    font-size: 1em;
    text-align: center;
    width: 100%; }

  .IRegister .SSFormBody {
    margin: 0; }

  .IRegister .SSForm.IregistrationContainer {
    margin: -1rem auto 0;
    border-radius: 15px 15px 0 0;
    background-color: white;
    max-width: 100%;
    padding: 0 25px; }

  .registrationLeft {
    width: 100%;
    height: 200px;
    background-attachment: fixed;
    xbackground-size: contain;
    background-position: center -140px; }

  .registrationLeft img {
    margin: 1rem auto 1rem; }

  .IRegister .registrationLeft img {
    margin: 0px 0 0 70px;
    position: relative;
    top: 82px;
    left: -55px; }

  .registrationLeft span,
  .registrationLeft p {
    display: none; }

  .IRegister .SSForm {
    max-width: 100%;
    height: auto; }

  z.IRegister input.formField {
    width: 100% !important; }

  .IRegister .sendTextAlertsBox input.formField {
    width: initial !important; } }
/* Regustration Page */
.IGetMyLeads {
  margin: 0;
  background-color: #222 !important;
  position: relative;
  background-position: center top;
  background-size: cover;
  background-image: url("/skins/0/images/bg2.jpg?v=2"); }
  .IGetMyLeads .FormTable {
    margin: 15px 0; }
  .IGetMyLeads #shoppingCart {
    display: none; }
  .IGetMyLeads .registrationLeft img {
    width: 165px;
    display: block;
    margin: -155px 0 0 70px; }
  .IGetMyLeads .contentContainer {
    border: none;
    padding: 0;
    background-color: transparent; }
    .IGetMyLeads .contentContainer h1 {
      color: rgba(0, 0, 0, 0.8);
      font-weight: 700;
      font-size: 2em; }
  .IGetMyLeads table {
    background-color: transparent; }
  .IGetMyLeads hr {
    display: none; }
  .IGetMyLeads .FormFields {
    margin: 10px 0 0;
    padding: 0 2.5px;
    display: block; }
    .IGetMyLeads .FormFields label {
      xposition: relative;
      top: 2rem;
      left: 1rem;
      font-size: 0.85em;
      z-index: 1;
      display: inline-block; }
  .IGetMyLeads zinput.formField {
    width: 100%;
    height: 55px;
    padding: 1.25rem 0.5rem 0.25rem;
    border-radius: 0.25rem;
    text-indent: 0.5rem; }
  .IGetMyLeads main {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100vh; }
  .IGetMyLeads .mainContainer {
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    width: 100%;
    height: 100%;
    box-shadow: none;
    position: relative; }
  .IGetMyLeads .contentHead {
    display: none; }
  .IGetMyLeads .mainBody {
    flex-wrap: wrap;
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    height: 600px;
    box-shadow: none;
    border: none; }
    .IGetMyLeads .mainBody h1 {
      margin: 2.5rem 0 1rem; }
    .IGetMyLeads .mainBody h2 {
      border: none;
      font-size: 1em;
      margin: 0;
      color: black;
      font-weight: 300; }
    .IGetMyLeads .mainBody h2:first-child {
      display: none; }
  .IGetMyLeads .FormActions {
    margin: 0;
    padding: 0; }

.IGetMyLeads:before {
  background-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute; }

.getLeadsLeft {
  background-color: #222;
  width: 45%;
  background-position: -250px 0px;
  background-size: cover;
  color: white;
  text-align: center;
  box-shadow: inset -2rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
  xbackground-image: url("/skins/0/images/registration-module-small.jpg"); }
  .getLeadsLeft img {
    width: 50px;
    display: block;
    margin: 0 auto 1rem; }
  .getLeadsLeft .title {
    font-size: 1.3em; }
  .getLeadsLeft span,
  .getLeadsLeft p {
    display: none; }
  .getLeadsLeft p {
    opacity: 0.8; }

.getLeadsRight {
  width: 70%; }

.IGetMyLeads .contentContainer,
.IGetMyLeads .SSForm {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  width: 100%;
  height: 100%;
  box-shadow: none; }

.IGetMyLeads .SSForm {
  max-width: 55%;
  padding: 0 80px;
  position: relative; }

.IGetMyLeads .SSFormBody {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0; }

a[name="getMyLeadsJumpTo"] {
  display: none; }

.IGetMyLeads .SSFormBody p {
  font-size: 1.25em; }

.iGetMyLeadsBack {
  position: absolute;
  top: 59px;
  left: 80px; }

.SSFormBody .IGetMyLeadsContainer .FormTable {
  padding: 0;
  border: none;
  background-color: transparent;
  margin: 0; }

.IGetMyLeads .contentContainer div {
  width: 100%;
  padding: 0 1rem; }

.IregistrationContainer .FormTable td {
  width: 100%;
  display: block;
  position: relative; }

.ForgotPasswordAction {
  float: right;
  margin: 0.25rem 0 0;
  padding: 0;
  xfont-size: 0.85em; }

.getLeadsRight .FormActions {
  text-align: center; }

.IGetMyLeads footer {
  color: initial; }

.IGetMyLeads .submit {
  padding: 0.75rem 1.5rem;
  xborder-radius: 2rem;
  width: 100%;
  margin: 5px 0 0; }

.IGetMyLeads h2 .submit {
  background-color: transparent;
  padding: 0;
  color: #337ab7;
  margin: 0 0 0 5px;
  font-size: 1em; }

@media screen and (max-width: 1000px) {
  .IGetMyLeads .mainContainer {
    align-items: top;
    -moz-box-pack: top;
    justify-content: top;
    -moz-box-align: top; }

  .iGetMyLeadsBack {
    position: absolute;
    top: 18px;
    left: 25px; }

  .IGetMyLeads .mainBody {
    height: 100%; }

  .IGetMyLeads .mainBody h1 {
    margin: 0 0 1rem;
    text-align: center;
    font-weight: 700; }

  .IGetMyLeads .mainBody h2 {
    font-size: 1em;
    text-align: center;
    width: 100%; }

  .IGetMyLeads .SSFormBody {
    margin: 0; }

  .IGetMyLeads .SSForm.IGetMyLeadsContainer {
    margin: -1rem auto 0;
    border-radius: 15px 15px 0 0;
    background-color: white;
    max-width: 100%;
    padding: 50px 25px;
    align-items: normal;
    -moz-box-pack: normal;
    justify-content: normal;
    -moz-box-align: normal; }

  .getLeadsLeft {
    width: 100%;
    height: 200px;
    background-attachment: fixed;
    background-size: 100%;
    background-position: right -226px; }

  .getLeadsLeft img {
    margin: 1rem auto 1rem; }

  .IGetMyLeads .getLeadsLeft img {
    margin: 0px 0 0 70px;
    position: relative;
    top: 82px;
    left: -55px; }

  .getLeadsLeft span,
  .getLeadsLeft p {
    display: none; }

  .IGetMyLeads .SSForm {
    max-width: 90%; }

  .IGetMyLeads input.formField {
    width: 100% !important; } }
@media screen and (max-width: 600px) {
  .getLeadsLeft {
    width: 100%;
    height: 200px;
    background-attachment: fixed;
    background-size: 100%;
    background-position: center -50px; } }
/* Login Page */
.ILogin {
  margin: 0;
  background-color: #222 !important;
  position: relative;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("/skins/0/images/login-bg-small.jpg"); }
  .ILogin:before {
    background-color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; }
  .ILogin .loginLeft img {
    width: 165px;
    display: block;
    margin: 125px 0 0 70px; }
  .ILogin .navRow {
    display: none; }
  .ILogin .contentContainer {
    border: none;
    padding: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden; }
    .ILogin .contentContainer h1 {
      color: rgba(0, 0, 0, 0.8);
      font-weight: 700;
      font-size: 2em; }
    .ILogin .contentContainer .lifeleysvg {
      position: absolute;
      opacity: 0.3; }
    .ILogin .contentContainer div {
      width: 100%;
      padding: 0 1rem; }
  .ILogin.image7 .contentContainer .lifeleysvg {
    left: -46px;
    top: -107px; }
  .ILogin.image4 .contentContainer .lifeleysvg {
    left: -46px;
    top: -107px; }
  .ILogin.image2 .contentContainer .lifeleysvg {
    left: 159px;
    top: -26px; }
  .ILogin hr {
    display: none; }
  .ILogin .FormTable {
    padding: 0;
    width: 100%; }
  .ILogin .FormFields {
    margin: 0;
    padding: 0; }
    .ILogin .FormFields zlabel {
      xposition: relative;
      top: 2rem;
      left: 1rem;
      font-size: 0.85em;
      z-index: 1;
      display: inline-block; }
  .ILogin zinput.formField {
    width: 100%;
    height: 70px;
    padding: 1.25rem 0.5rem 0.25rem;
    border-radius: 0.25rem;
    text-indent: 0.5rem;
    height: 55px;
    padding: 0.25rem 0.5rem 0.25rem; }
  .ILogin main {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100vh; }
  .ILogin .mainContainer {
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    width: 100%;
    height: 100%;
    box-shadow: none;
    position: relative; }
  .ILogin .mainBody {
    flex-wrap: wrap;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 600px;
    box-shadow: none;
    border: none; }
    .ILogin .mainBody h1 {
      margin: 2.5rem 0 1rem; }
    .ILogin .mainBody h2 {
      border: none;
      font-size: 1em;
      margin: 0;
      color: black;
      font-weight: 300; }
      .ILogin .mainBody h2:first-child {
        display: none; }
    .ILogin .mainBody .ILoginFields {
      margin: 15px 0; }
    .ILogin .mainBody .FormActions {
      margin: 10px 0 0;
      display: flex;
      flex-wrap: wrap; }
      .ILogin .mainBody .FormActions .LoginAction {
        width: 100%;
        margin: 0 0 10px 0;
        xwidth: 100%;
        xmargin: 0px 0 10px 0; }
      .ILogin .mainBody .FormActions a {
        xmargin: 0;
        xflex: 1; }
        .ILogin .mainBody .FormActions a.CancelAction {
          text-align: right;
          padding: 0 10px 0 0;
          border-right: 1px solid #dcdcdc;
          margin: 0 10px 0 0;
          width: 43%; }
        .ILogin .mainBody .FormActions a.ForgotPasswordAction {
          margin: 0;
          margin: 0;
          text-align: center;
          width: 100%; }
    .ILogin .mainBody .sub-footer {
      border-top: 1px solid #dcdcdc;
      padding: 20px 0 0;
      margin: 10px 0 0;
      text-align: center;
      padding: 10px 0 0; }
      .ILogin .mainBody .sub-footer span {
        position: relative;
        background-color: white;
        left: 50%;
        width: 30px;
        text-align: center;
        display: block;
        margin: -34px 0 6px -15px;
        font-size: 0.85em;
        color: #666; }
      .ILogin .mainBody .sub-footer a {
        xdisplay: block;
        xwidth: 100%;
        xborder: 1px solid #555;
        xtext-align: center;
        xpadding: 5px;
        xborder-radius: 3px;
        xcolor: #555;
        font-size: 0.9rem; }
        .ILogin .mainBody .sub-footer a.vendorLogin {
          margin: 0 10px 0 0; }
        .ILogin .mainBody .sub-footer a:hover {
          xbackground-color: #999;
          text-decoration: underline;
          xcolor: white; }
    .ILogin .mainBody .CancelAction {
      xdisplay: block;
      xtext-align: center;
      xfont-size: 0.875em;
      xmargin: 5px 0 0; }
  .ILogin .contentHead {
    display: none; }
  .ILogin .contentContainer,
  .ILogin .SSForm {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    xalign-items: center;
    x-moz-box-pack: center;
    xjustify-content: center;
    x-moz-box-align: center;
    width: 100%;
    height: 100%;
    box-shadow: none; }
  .ILogin .SSForm {
    xmax-width: 55%; }
    .ILogin .SSForm .iLoginBack {
      display: none; }
  .ILogin .SSFormBody {
    width: 100%;
    background-color: transparent;
    padding: 0;
    border: none; }
  .ILogin .submit {
    padding: 0.75rem 1.5rem; }

.lifeleysvg {
  display: block;
  margin: 80px auto;
  width: 800px;
  margin-bottom: 15px; }

#lifeley,
#lifeley2 {
  fill: #ffffff;
  stroke: #ffffff;
  stroke-width: 0;
  animation: logo 12s linear infinite;
  animation-iteration-count: 1; }

@keyframes logo {
  0% {
    stroke-width: 1pt;
    stroke-dashoffset: 1200;
    fill-opacity: 0; }
  50% {
    fill-opacity: 0; }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0pt; } }
.loginLeft {
  background-color: #222;
  width: 45%;
  background-position: center left;
  background-size: cover;
  color: white;
  text-align: center;
  box-shadow: inset -2rem 0rem 2rem 0rem rgba(0, 0, 0, 0.25);
  xbackground-image: url("/skins/0/images/login-module-small.jpg"); }
  .loginLeft img {
    width: 50px;
    display: block;
    margin: 0 auto 1rem; }
  .loginLeft .title {
    font-size: 1.3em; }
  .loginLeft p {
    opacity: 0.8; }
  .loginLeft span,
  .loginLeft p {
    display: none; }

.loginRight {
  width: 70%; }
  .loginRight .FormActions {
    text-align: center; }

.ILoginContainer .FormTable td,
.IVendorLoginContainer .FormTable td {
  width: 100%;
  display: block;
  position: relative; }
  .ILoginContainer .FormTable td.passwordBox,
  .IVendorLoginContainer .FormTable td.passwordBox {
    margin: 10px 0 0; }
  .ILoginContainer .FormTable td z.passwordVisible,
  .IVendorLoginContainer .FormTable td z.passwordVisible {
    top: 44px; }

.ForgotPasswordAction {
  xfloat: right;
  xmargin: 6px 0 0 !important;
  padding: 0;
  margin: 0;
  font-size: 0.875em; }

.passwordVisible {
  position: absolute;
  right: 1rem;
  top: 37px; }
  .passwordVisible svg {
    width: 16px; }
    .passwordVisible svg path {
      fill: #b8b8b9; }

@media screen and (max-width: 1000px) {
  .ILogin .mainContainer {
    align-items: top;
    -moz-box-pack: top;
    justify-content: top;
    -moz-box-align: top; }

  .ILogin .mainBody {
    height: 100%; }

  .ILogin .mainBody h1 {
    margin: 0 0 1rem;
    text-align: center;
    font-weight: 700; }

  .ILogin .mainBody h2 {
    font-size: 1em;
    text-align: center;
    width: 100%; }

  .ILogin .contentContainer,
  .ILogin .SSForm {
    align-items: normal;
    -moz-box-pack: normal;
    justify-content: normal;
    -moz-box-align: normal; }

  .ILogin .SSFormBody {
    margin: 0 0 0; }

  .ILogin .SSForm.ILoginContainer,
  .ILogin .SSForm.IVendorLoginContainer {
    margin: 0 auto 0;
    border-radius: 15px 15px 0 0;
    background-color: white;
    max-width: 100%;
    padding: 45px 25px; }

  .loginLeft {
    width: 100%;
    height: 200px;
    background-attachment: fixed;
    background-size: contain;
    background-position: center -190px; }

  .loginLeft img {
    margin: 1rem auto 1rem; }

  .ILogin .loginLeft img {
    margin: 0px 0 0 70px;
    position: relative;
    top: 116px;
    left: -55px; }

  .IVendorLogin .loginLeft img {
    top: 33px; }

  .loginLeft span,
  .loginLeft p {
    display: none; }

  .ILogin .SSForm {
    max-width: 90%; }

  z.ILogin input.formField {
    width: 100% !important; } }
@media screen and (max-width: 600px) {
  .loginLeft {
    background-position: center -70px; } }
.IVendorLogin .mainBody .FormActions a.CancelAction {
  text-align: center;
  padding: 0;
  border-right: none;
  margin: 0;
  width: 100%; }

.iVendorLoginBack {
  position: relative;
  top: 50px; }

/* Forgot Password */
.IForgotPassword {
  margin: 0;
  background-color: #222 !important;
  position: relative;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("/skins/0/images/login-bg-small.jpg"); }
  .IForgotPassword:before {
    background-color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; }
  .IForgotPassword .loginLeft img {
    width: 165px;
    display: block;
    margin: -155px 0 0 70px; }
  .IForgotPassword .navRow {
    display: none; }
  .IForgotPassword .contentContainer {
    border: none;
    padding: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden; }
    .IForgotPassword .contentContainer h1 {
      color: rgba(0, 0, 0, 0.8);
      font-weight: 700;
      font-size: 2em; }
    .IForgotPassword .contentContainer .lifeleysvg {
      position: absolute;
      opacity: 0.3; }
    .IForgotPassword .contentContainer div {
      width: 100%;
      padding: 0 1rem; }
  .IForgotPassword.image7 .contentContainer .lifeleysvg {
    left: -46px;
    top: -107px; }
  .IForgotPassword.image4 .contentContainer .lifeleysvg {
    left: -46px;
    top: -107px; }
  .IForgotPassword.image2 .contentContainer .lifeleysvg {
    left: 159px;
    top: -26px; }
  .IForgotPassword hr {
    display: none; }
  .IForgotPassword .FormTable {
    padding: 0;
    width: 100%; }
  .IForgotPassword .FormFields {
    margin: 0;
    padding: 0; }
    .IForgotPassword .FormFields zlabel {
      position: relative;
      top: 2rem;
      left: 1rem;
      font-size: 0.85em;
      z-index: 1;
      display: inline-block; }
  .IForgotPassword zinput.formField {
    width: 100%;
    height: 70px;
    padding: 1.25rem 0.5rem 0.25rem;
    border-radius: 0.25rem;
    text-indent: 0.5rem; }
  .IForgotPassword main {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100vh; }
  .IForgotPassword .mainContainer {
    background-color: transparent;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    width: 100%;
    height: 100%;
    box-shadow: none;
    position: relative; }
  .IForgotPassword .mainBody {
    flex-wrap: wrap;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 600px;
    box-shadow: none;
    border: none; }
    .IForgotPassword .mainBody h1 {
      margin: 2.5rem 0 1rem; }
    .IForgotPassword .mainBody h2 {
      border: none;
      font-size: 1em;
      margin: 0;
      color: black;
      font-weight: 300; }
      .IForgotPassword .mainBody h2:first-child {
        display: none; }
  .IForgotPassword .contentHead {
    display: none; }
  .IForgotPassword .contentContainer,
  .IForgotPassword .SSForm {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    width: 100%;
    height: 100%;
    box-shadow: none; }
  .IForgotPassword .SSForm {
    xmax-width: 55%; }
  .IForgotPassword .SSFormBody {
    width: 100%;
    background-color: transparent;
    padding: 0;
    border: none; }
  .IForgotPassword .submit {
    padding: 0.75rem 1.5rem; }

@media screen and (max-width: 1000px) {
  .IForgotPassword .mainContainer {
    align-items: top;
    -moz-box-pack: top;
    justify-content: top;
    -moz-box-align: top; }

  .IForgotPassword .mainBody {
    height: 100%; }

  .IForgotPassword .mainBody h1 {
    margin: 0 0 1rem;
    text-align: center;
    font-weight: 700; }

  .IForgotPassword .mainBody h2 {
    font-size: 1em;
    text-align: center;
    width: 100%; }

  .IForgotPassword .contentContainer,
  .IForgotPassword .SSForm {
    align-items: normal;
    -moz-box-pack: normal;
    justify-content: normal;
    -moz-box-align: normal; }

  .IForgotPassword .SSFormBody {
    margin: 0 0 0; }

  .IForgotPassword .SSForm.ILoginContainer {
    margin: 0 auto 0;
    border-radius: 15px 15px 0 0;
    background-color: white;
    max-width: 100%;
    padding: 45px 25px; }

  .IForgotPassword .loginLeft img {
    margin: 0px 0 0 70px;
    position: relative;
    top: 116px;
    left: -55px; }

  .IForgotPassword .SSForm {
    max-width: 90%; }

  z.IForgotPassword input.formField {
    width: 100% !important; } }
.IForgotPassword .loginLeft {
  background-position: center left;
  background-image: url("/skins/0/images/login-4a.jpg"); }

/* Password Reset Page */
.IChangePasswordForm .messages li {
  background-color: aliceblue;
  padding: 10px;
  border: 1px solid deepskyblue;
  list-style: none;
  color: #333;
  margin: 0 0 15px;
  xbackground-color: #faf0e7;
  xborder: 1px solid orange; }

.navContainer .betaImage {
  height: 35px;
  margin: 18px 22px 0 0; }

.logoContainer img.betaImage {
  display: inline-block;
  height: 24px;
  margin: 0px 0 0 15px;
  position: relative;
  top: -3px;
  display: none; }

@media screen and (max-width: 650px) {
  .navContainer .betaImage {
    height: 13px;
    margin: 26px 5px 0 0; } }
header {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
  border: none;
  position: relative;
  margin: 0 0 0 250px;
  padding: 0 0 0 1.5rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
  header img {
    display: inline-block; }
  header .navRow {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    align-items: center;
    float: none;
    margin: 0; }

@media screen and (min-width: 1010px) {
  header {
    position: relative;
    z-index: 10; } }
#home-logo-link {
  display: inline-block; }

.loginPage header {
  padding: 0;
  border-radius: 0; }

.notAuthenticated.IAvailableLeads #mainHeader form {
  padding: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2rem; }

.notAuthenticated #home-link svg {
  display: none; }

.notAuthenticated header,
.notAuthenticated.openNavNoAnimation header,
.notAuthenticated.openNav header,
.notAuthenticated.lockMenu header {
  margin: 0;
  padding: 0;
  padding: 0 0 0 1.5rem; }

.notAuthenticated.IAgentApply #mainHeader,
.notAuthenticated.ILogin #mainHeader,
.notAuthenticated.IRegister #mainHeader,
.notAuthenticated.IGetMyLeads #mainHeader,
.notAuthenticated.IForgotPassword #mainHeader {
  display: none; }

.logoContainer {
  text-align: center;
  position: relative;
  display: block;
  zheight: 76px;
  width: initial; }
  .logoContainer img {
    height: 2rem;
    display: block; }

.authenticated .logoContainer {
  padding: 30px 40px; }

.notAuthenticated .logoContainer {
  padding: 23px 0;
  height: 76px; }

.authenticated.hideNav .logoContainer {
  padding: 0;
  padding-top: 30px; }
  .authenticated.hideNav .logoContainer img {
    width: 2rem;
    object-fit: contain; }

@media screen and (max-width: 450px) {
  .logoContainer img {
    height: 25px; } }
@media screen and (max-width: 650px) {
  .agency-5 .logoContainer img {
    height: 18px; } }
@media screen and (max-width: 450px) {
  .agency-5 .logoContainer img {
    height: 13px; } }
.betaUserLabel {
  margin: 20px 0 22px 10px;
  background-color: crimson;
  color: white;
  padding: 3px 12px 1px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75em; }

.navContainer {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
  line-height: 1em;
  position: relative;
  height: 100%;
  margin-right: 1rem; }
  .navContainer svg {
    width: 15px;
    vertical-align: middle;
    line-height: 1;
    zmargin: -3px 4px 0 4px; }

.navContainer .pointBalanceWrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.25rem;
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
  padding: 0.5rem 1rem;
  cursor: pointer;
  margin: 1rem 0;
  border-radius: 0.5rem; }
  .navContainer .pointBalanceWrapper:hover {
    border: 1px solid #2bd56a; }
    .navContainer .pointBalanceWrapper:hover .pointBalance {
      color: #2bd56a; }
  .navContainer .pointBalanceWrapper .pointBalanceHeading {
    font-size: 0.75rem;
    color: #777777;
    width: 100%; }
  .navContainer .pointBalanceWrapper .pointBalance {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
    font-weight: 600;
    color: #000000; }
    .navContainer .pointBalanceWrapper .pointBalance:before {
      content: "";
      display: block;
      background-image: url("/skins/0/images/star-badge.svg");
      height: 1.25rem;
      width: 1.25rem; }

z.navContainer form input.submit,
.dashboardHeader form input.submit {
  background-image: url("/skins/0/images/logout_v2.png");
  background-position: center;
  font-size: 0;
  padding: 0;
  width: 35px;
  height: 100%;
  background-size: 18px;
  padding: 5px;
  background-repeat: no-repeat;
  xxbackground-color: rgba(0, 0, 0, 0.05) !important;
  border: none; }

.navContainer form input.submit:hover {
  zbackground-color: rgba(0, 0, 0, 0.1) !important; }

.notAuthenticated .navContainer form input.submit {
  background-image: none;
  background-position: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: #fff; }
  .notAuthenticated .navContainer form input.submit svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  .notAuthenticated .navContainer form input.submit:hover:not(:disabled), .notAuthenticated .navContainer form input.submit:focus:not(:disabled) {
    color: #fff;
    background-color: #0099cc; }
    .notAuthenticated .navContainer form input.submit:hover:not(:disabled) svg, .notAuthenticated .navContainer form input.submit:focus:not(:disabled) svg {
      fill: #fff; }
  .notAuthenticated .navContainer form input.submit:focus {
    outline: none; }
  .notAuthenticated .navContainer form input.submit:hover {
    text-decoration: none !important; }
  .notAuthenticated .navContainer form input.submit.submit:active {
    filter: brightness(85%); }
  .notAuthenticated .navContainer form input.submit:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .notAuthenticated .navContainer form input.submit:disabled svg {
      fill: #000000; }
  .notAuthenticated .navContainer form input.submit.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.notAuthenticated .navContainer form input.submit:hover {
  background-color: #017cd9 !important; }

.navContainer form select {
  width: 70%; }

.navContainerOpen a,
.navContainer a {
  display: inline-block;
  margin: 0;
  zpadding: 15px 12.5px 0;
  position: relative;
  xxborder-left: 1px solid #ddd;
  xbackground-color: red; }
  .navContainerOpen a[accesskey="h"],
  .navContainer a[accesskey="h"] {
    display: none; }
  .navContainerOpen a[accesskey="c"],
  .navContainer a[accesskey="c"] {
    display: none; }
  .navContainerOpen a[accesskey="a"],
  .navContainer a[accesskey="a"] {
    xpadding: 30px 12.5px 0;
    color: #555;
    text-decoration: none;
    font-size: 0; }

.navContainer a#shoppingCart .notification {
  font-size: 10px;
  padding: 4px 6px; }

.leads .navContainer a#warningBell,
.recruit .navContainer a#warningBell,
.booker .navContainer a#warningBell {
  display: none; }

.navContainerOpen a {
  border-right: 1px solid #ddd; }

.navContainer a:hover {
  xxbackground-color: rgba(0, 0, 0, 0.05); }

.navContainerOpen a svg,
.navContainer a svg {
  zmargin: 11px 0 0;
  width: 24px; }

.navContainer a svg path {
  xxfill: #999; }

.quickSettingsContainer {
  display: none;
  position: absolute;
  background-color: white;
  padding: 20px;
  bottom: -55px;
  left: 277px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); }

.quickSettingsContainer span.image {
  background-image: url("/skins/0/images/on-off-toggle.png");
  background-repeat: no-repeat;
  background-size: 20px;
  width: 21px;
  height: 10px;
  display: inline-block;
  background-position: 0px -15px;
  margin: 0 5px 0 0; }

.quickSettingsContainer .on span.image {
  background-position: 0 0; }

.quickSettingsContainer.show {
  display: block; }

#quickSettings {
  display: none; }

.quickSettingsContainer {
  position: absolute; }

.profileMenu {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  xxborder-left: 1px solid #ddd;
  margin: 0;
  position: relative; }

.navContainer .profileMenu a {
  padding: 0 15px;
  border: none;
  text-decoration: none; }

.navContainer .profileMenu a:hover {
  background-color: transparent; }

input.logout.submit {
  background-color: transparent !important;
  padding: 0 0.75rem; }

@media screen and (max-width: 500px) {
  .navContainer form {
    display: none; } }
.profileTrigger .icon {
  width: 40px !important;
  height: 40px !important; }

.navContainer .profileMenuDrop {
  right: -1rem !important;
  min-width: 250px !important;
  border: none !important;
  overflow: hidden;
  border-radius: 12px; }
  .navContainer .profileMenuDrop li {
    border: none !important;
    margin: 0 !important; }
  .navContainer .profileMenuDrop li img {
    height: 36px;
    aspect-ratio: 1 / 1;
    border-radius: 9999px; }
  .navContainer .profileMenuDrop a,
  .navContainer .profileMenuDrop label,
  .navContainer .profileMenuDrop input.submit {
    display: flex !important;
    align-items: center;
    gap: 10px;
    background-color: #646464 !important;
    border-color: #646464;
    color: white !important;
    min-height: 3rem;
    width: 100%;
    padding: 0.25rem 1rem;
    line-height: 1.5; }
  .navContainer .profileMenuDrop input.submit {
    text-align: start;
    font-size: 1rem;
    border-radius: 0; }
  .navContainer .profileMenuDrop a[title] {
    background-color: #888787 !important;
    padding-left: 1.5rem; }
  .navContainer .profileMenuDrop a:hover,
  .navContainer .profileMenuDrop a:active,
  .navContainer .profileMenuDrop input.submit:hover {
    background-color: #3f3f3f !important; }

input#logout-link {
  border-radius: 0; }

.logout {
  color: inherit;
  text-transform: none; }

.logout:hover {
  background-color: transparent;
  text-decoration: underline; }

@media screen and (min-width: 1000px) and (max-width: 1366px) {
  .hideNav header {
    margin: 0 0 0 40px;
    transition: all 0.3s ease-out 0s; } }
@media screen and (max-width: 1000px) {
  header {
    margin: 0; }

  header .navRow {
    position: relative; }

  input.logout.submit {
    padding: 0 0 0 0.5rem; }

  .mobileProfile {
    padding: 0;
    margin-left: auto;
    border-radius: 50%;
    overflow: hidden;
    background-color: #1e647b; }

  .mobileProfile svg {
    position: relative;
    top: 0;
    width: 1rem;
    height: 1rem;
    padding: 0rem; }

  .mobileProfile .icon {
    background-color: rgba(0, 0, 0, 0.3);
    height: 35px;
    display: block;
    width: 35px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative; }

  .mobileProfile .icon img {
    width: 35px;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

  .mobileProfile .icon svg {
    width: 30px;
    height: 30px;
    margin: -4px 3px 0; }

  .mobileProfile .icon svg path {
    fill: rgba(255, 255, 255, 0.1); }

  .mobileProfile span {
    color: rgba(255, 255, 255, 0.7);
    margin: 1rem 0 0;
    display: block; }

  .intro {
    display: block;
    margin: 0 0 1rem 0; } }
@media screen and (max-width: 450px) {
  z.navContainer .profileMenu a {
    padding: 0 5px; }

  .navContainer a {
    zpadding: 15px 8px 0; }

  .userInfo span.welcome {
    display: none; } }
.userInfo {
  text-align: center;
  padding: 15px 0;
  margin: 0;
  border-radius: 2rem;
  display: flex; }

.userInfo .icon {
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  height: 45px;
  width: 45px;
  border-radius: 30px;
  cursor: pointer; }

.userInfo .icon:hover:before {
  opacity: 1; }

.userInfo .icon img {
  height: 60px;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.userInfo .icon svg {
  width: 80px;
  height: 80px;
  margin: 22px 0 0; }

.userInfo .icon svg path {
  fill: rgba(255, 255, 255, 0.1); }

.userInfo span.welcome {
  zcolor: rgba(0, 0, 0, 0.9);
  zmargin: 11px 0 0 7.5px;
  display: inline-block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 0.75em;
  text-decoration: none;
  text-align: left;
  letter-spacing: 1px; }
  .userInfo span.welcome span {
    display: block;
    margin: 0;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

@media screen and (min-width: 1010px) {
  .userInfo span {
    zline-height: 1; } }
main {
  display: block;
  height: 100vh;
  max-width: 100%; }

@media screen and (max-width: 1000px) {
  main {
    height: 100%; }

  z.loginPage input.formField {
    width: 95%;
    padding: 1.25rem 2.5% 0.25rem;
    text-indent: 0.5rem; } }
.notAuthenticated .mainContainer {
  padding: 0; }

.mainContainer {
  padding: 0 0 0 250px;
  margin: 0;
  width: 100%; }

@media screen and (min-width: 1000px) and (max-width: 1366px) {
  .hideNav .mainContainer {
    padding: 0 0 0 40px;
    transition: all 0.3s ease-out 0s; } }
@media screen and (max-width: 1000px) {
  .mainContainer {
    padding: 0; } }
.contentHead {
  width: 100%;
  max-width: 1600px;
  padding: 0 30px;
  margin: 4rem auto 0; }

.contentHead.top {
  padding: 30px 30px 0;
  display: none; }

.hasSubMenu .contentHead.top {
  display: none; }

.agent-for {
  font-weight: 700;
  margin: 0 0 15px 0;
  font-size: 1.2em; }

x.qaSite .contentHead.top,
x.qaSite.hasSubMenu .contentHead.top {
  display: block;
  padding: 0 0 0 0;
  margin: 0 0 25px 0; }

x.qaSite .contentHead.top h1,
x.qaSite.hasSubMenu .contentHead.top h1 {
  font-size: 1em;
  font-weight: 700; }

.IHome .contentHead {
  display: none; }

.contentHead div.container {
  background-color: white;
  padding: 0;
  margin: 0; }

@media screen and (min-width: 1010px) and (max-width: 2000px) {
  .contentHead div.container {
    padding: 1.5rem 0 0rem 0; } }
@media screen and (max-width: 1000px) {
  .contentHead div.container {
    background-color: transparent;
    padding: 2.5rem 0 0; } }
.safari .contentHead .nav a,
.mozilla .contentHead .nav a {
  padding: 2px 0; }

@media screen and (max-width: 1820px) {
  .contentHead {
    max-width: 1400px; } }
@media screen and (max-width: 1000px) {
  .contentHead {
    margin: 0;
    padding: 0 15px; } }
.mainBody {
  margin: 0 auto;
  padding: 30px;
  max-width: 100%; }

@media screen and (max-width: 1625px) {
  .mainBody {
    padding: 1.5rem 30px; } }
@media screen and (max-width: 1000px) {
  .mainBody {
    padding: 1.5rem 15px; }

  .IHome .mainBody {
    padding: 0; } }
.mainBody table {
  font-size: 0.875; }

.contentContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.IComponent {
  width: 100%; }

.IHomeContainerWrap {
  width: 100%; }

.SSForm {
  width: 100%; }

/* get a standardized class for these */
@media screen and (max-width: 1000px) {
  .opaque main {
    flex-wrap: nowrap; } }
@media screen and (max-width: 850px) {
  .mainBody {
    padding: 15px; } }
/* ssForms */
.SSForm .FormFields label {
  display: block; }

.SSForm .FieldRadioGroup input {
  vertical-align: middle;
  margin: 0 6px;
  zpadding: 0; }

.SSForm .checkbox {
  vertical-align: middle;
  margin: 0 6px 0 0;
  zpadding: 0;
  zheight: 20px; }

.SSForm .checkboxView label {
  display: inline; }

.SSForm .SSForm {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none; }

.loginPage .SSForm,
.IOnboarding .SSForm {
  background-color: transparent;
  padding: 0;
  border: none; }

.loginPage .SSForm {
  padding: 0 80px;
  padding: 0 100px;
  xpadding: 50px 100px; }

.SSForm.disabled {
  background-color: #fafafa; }

.SSForm.disabled h4 {
  color: red; }

.SSForm.disabled .SSFormBody,
.SSForm.disabled table {
  background-color: #fafafa; }

.SSForm.disabled table {
  opacity: 0.75; }

zinput:disabled {
  background-color: #f8f9fa !important;
  cursor: not-allowed !important;
  color: #a5a5a5;
  zborder: 1px solid #f8f9fa; }

/* Helpful Links 

.helpfulLinks {
	background-color:rgba(0,0,0,.02);
}
.helpfulLinks ul {
	padding:0;
	margin:0;
}
.helpfulLinks li {
	display:inline-block;
}
*/
.extraContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: white;
  padding: 1.5rem;
  border: 1px solid #ccc; }

.leftNav {
  box-shadow: none;
  margin: 0 auto;
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  width: 220px;
  xbackground-color: #364653;
  xborder-left: 40px solid #1c252d;
  background-color: #323338 !important;
  border-left: 0 !important;
  border-radius: 0 1.25rem 1.25rem 0; }
  .leftNav svg {
    width: 20px;
    zmargin: 0 30px 0 -50px; }
    .leftNav svg path {
      fill: white; }

.leftNavContent {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0;
  overflow: auto;
  top: 0;
  height: 100%;
  padding: 0;
  position: relative;
  zmargin: 0 0 0.55rem -40px; }
  .leftNavContent a {
    text-decoration: none;
    font-size: 0.85em;
    color: #ccc;
    display: block;
    margin: 0;
    cursor: pointer;
    white-space: nowrap; }
    .leftNavContent a.active {
      color: white; }
    .leftNavContent a.reporting {
      xdisplay: none; }
  .leftNavContent div {
    xpadding: 0.5rem 1.25rem; }
  .leftNavContent label {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    height: 52px; }

.leftNavContent .active label .suiteIcon:before,
.leftNavContent .selected label .suiteIcon:before {
  content: "";
  width: 4px;
  background-color: #777777;
  position: absolute;
  height: 40px;
  left: -9px;
  border-radius: 9999px; }

.leftNavContent .leadsLife.active label .suiteIcon:before {
  background-color: #efb51e; }

.leftNavContent .salesLife.active label .suiteIcon:before {
  background-color: #49b2e6; }

.leftNavContent .marketingLife.active label .suiteIcon:before {
  background-color: #9e2960; }

.leftNavContent .agentLife.active label .suiteIcon:before {
  background-color: #3bd24d; }

.leftNavContent .bookerLife.active label .suiteIcon:before {
  background-color: #a586c8; }

.leftNavContent .loyaltyLife.active label .suiteIcon:before {
  background-color: #49798e; }

.leftNavContent .navWrapper {
  display: flex;
  flex: 1;
  position: relative; }

.leftNavContent .iconWrapper {
  width: 50px;
  background: #090a12;
  border-radius: 0 20px 20px 0;
  position: absolute;
  flex: 1;
  height: 100%; }

.hideNav .leftNavContent .iconWrapper {
  border-radius: 0; }

.leftNavContent .navItemWrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem 0; }

.leftNav .module-menu {
  zborder-top: 1px solid rgba(0, 0, 0, 0.3);
  zpadding: 0 20px 15px 59px;
  z-index: 1; }
.leftNav .module-menu:not(.active) label,
.leftNav #home-link label {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
.leftNav .admin.module-menu {
  border-top: none; }
.leftNav #home-link {
  font-size: 1em;
  color: #fff;
  font-weight: 700;
  zpadding: 28px 20px 15px 70px; }
  .leftNav #home-link svg {
    display: none; }

@media screen and (min-width: 1366px) {
  .leftNav .module-menu {
    zpadding: 0 20px 15px 71px; } }
.leftNavContent div .submenu {
  padding: 0;
  display: flex; }

.leftNavContent div .submenu .isBooker {
  display: none; }

.booker .leftNavContent div .submenu .nonBooker {
  display: none; }

.booker .leftNavContent div .submenu .isBooker {
  display: inline; }

span.suiteIcon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  zfont-family: lato;
  color: #28d8e4;
  line-height: 1;
  text-align: center;
  position: absolute;
  transition: all 0.3s ease-out 0s;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background: #777777;
  margin: 10px 9px;
  cursor: pointer; }

.leftNavContent span.suiteIcon {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  font-size: 0; }

#home-link .suiteIcon {
  background: url("/skins/0/images/logos/dashboardIcon.png"); }

.leadsLife .suiteIcon {
  background: url("/skins/0/images/logos/leadsIcon.png"); }

.salesLife .suiteIcon {
  background: url("/skins/0/images/logos/salesIcon.png"); }

.marketingLife .suiteIcon {
  background: url("/skins/0/images/logos/marketingIcon.png"); }

.agentLife .suiteIcon {
  background: url("/skins/0/images/logos/agentIcon.png"); }

.bookerLife .suiteIcon {
  background: url("/skins/0/images/logos/bookerIcon.png"); }

.loyaltyLife .suiteIcon {
  background: url("/skins/0/images/logos/loyaltyIcon.png"); }

.navItemTitle {
  flex: 1;
  border-radius: 8px;
  cursor: pointer; }
  .navItemTitle:hover {
    background: #1f212a; }

.navLink.active .navItemTitle,
.navLink.selected .navItemTitle {
  background: #1f212a; }

label span.navItemTitle {
  margin: 0 1rem;
  margin-left: calc(50px + 1rem);
  padding: 6px 1rem; }

.qaSite span.suiteIcon {
  zfont-size: 0; }
  .qaSite span.suiteIcon img {
    width: 18px; }

.leftNavContent .agentLife span.suiteIcon {
  color: #2fdea4; }

.leftNavContent .marketingLife span.suiteIcon {
  color: plum; }

.leftNavContent .leadsLife span.suiteIcon {
  color: burlywood; }

.logoContainer span.suiteIcon {
  right: -2.25rem;
  top: 25px;
  left: auto;
  color: white;
  border: none;
  padding: 3px 0;
  width: 25px;
  display: none; }

.salesLifeSuite .logoContainer span.suiteIcon {
  background-color: #0097bf; }

.agentLifeSuite .logoContainer span.suiteIcon {
  background-color: #42b09c; }

.leadsLifeSuite .logoContainer span.suiteIcon {
  background-color: burlywood; }

.leftNavContent .bookerLife span.suiteIcon {
  color: #a889c8; }

.leftNavContent .submenu > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px; }

.hideNav .leftNavContent .submenu .left {
  display: flex;
  align-items: center;
  width: 50px; }
  .hideNav .leftNavContent .submenu .left a {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 2rem;
    height: 2rem;
    width: 2rem; }

.leftNavContent .submenu .left,
.hideNav .leftNavContent .submenu .right {
  display: none; }

.leftNavContent .submenu .right {
  flex: 1;
  padding-left: 80px;
  padding-right: 1rem; }

.leftNavContent .submenu .main-module {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 1rem;
  font-size: 13px;
  border-radius: 8px; }
  .leftNavContent .submenu .main-module:hover {
    background: #1f212a; }
  .leftNavContent .submenu .main-module.active {
    background: #1f212a; }

.leftNavContent a:hover {
  color: #fff; }

.leftNav .submenu a svg,
.leftNav .utilityLinks a svg {
  position: relative;
  width: 12px;
  top: 0;
  left: 0;
  zmargin: 0 5px 0 0; }

.leftNav .leadsLife .submenu a.active svg path {
  fill: burlywood; }

.leftNav .salesLife .submenu a.active svg path {
  fill: #28d8e4; }

.leftNav .marketingLife .submenu a.active svg path {
  fill: plum; }

.leftNav .agentLife .submenu a.active svg path {
  fill: #2fdea4; }

.leftNav .bookerLife .submenu a.active svg path {
  fill: #a889c8; }

.leftNav .utilityLinks a svg path {
  fill: #eee; }

.leftNavContent div.utilityLinks {
  width: 100%;
  padding-top: 1rem;
  margin-top: auto;
  z-index: 1; }

/* Testing this new layout 

@media screen and (min-width: 1280px) {
	.openNav .leftNavContent label,
	.lockMenu .leftNavContent label {
	  color: white;
	  font-size: .6em;
	  text-transform: uppercase;
	}
	.openNav span.suiteIcon,
	.lockMenu span.suiteIcon {
	  left: -80px;
	}
	.openNav .leftNav .module-menu,
	.lockMenu .leftNav .module-menu {
	  border-top: none;
	  padding: 0 20px 25px 70px;
	}
}
*/
@media screen and (min-height: 840px) {
  .leftNavContent div.utilityLinks {
    zposition: absolute;
    zbottom: 1rem; } }
@media screen and (min-height: 840px) and (max-width: 1366px) {
  .leftNavContent div.utilityLinks {
    zposition: absolute;
    zbottom: 1rem; } }
@media screen and (max-height: 720px) {
  .openNav .leftNavContent,
  .lockMenu .leftNavContent {
    overflow-y: scroll; } }
.leftNavContent div.utilityLinks div {
  xpadding: 0 1.25rem; }

.leftNavContent div.utilityLinks div div {
  zpadding: 0; }

.leftNavContent div.utilityLinks div a {
  color: #ccc;
  font-size: 0.85em;
  font-weight: 500; }

/* Section Tab Menu */
.subMenuContainer {
  padding: 0px 30px 0;
  max-width: 100%;
  margin: 0 auto;
  background-color: white;
  border-bottom: 2px solid #e1e1e1;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 2; }
  .subMenuContainer h1 {
    margin: 0;
    line-height: 1;
    text-transform: none;
    color: #333;
    font-weight: 600;
    font-size: 1.125em;
    padding: 0; }
  .subMenuContainer .contentHead {
    display: none; }

@media screen and (max-width: 1000px) {
  .subMenuContainer {
    xpadding: 1rem 0 0; } }
x.module-submenu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  border-bottom: 2px solid #e1e1e1; }

.module-submenu a,
.module-submenu a:hover {
  display: block;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
  text-transform: capitalize;
  font-size: 1em;
  padding: 1rem 1rem 0.75rem 1rem;
  color: #333 !important;
  margin: 0;
  font-weight: 500;
  position: relative;
  top: 3px;
  z-index: 1;
  white-space: nowrap;
  transition: all 0.3s ease-out 0s; }

.module-submenu a:hover {
  text-decoration: none;
  color: deepskyblue;
  background-color: rgba(0, 0, 0, 0); }

.module-submenu a svg {
  vertical-align: middle;
  margin: -4px 5px 0 0;
  width: 15px;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  opacity: 1; }

.module-submenu a svg path,
.module-submenu a:hover svg path {
  fill: #333; }

.module-submenu a.active {
  border-bottom: 4px solid #333; }

.salesLifeSuite .module-submenu a.active {
  border-bottom: 4px solid #0097bf; }

.agentLifeSuite .module-submenu a.active {
  border-bottom: 4px solid #42b09c; }

.leadsLifeSuite .module-submenu a.active {
  border-bottom: 4px solid burlywood; }

.bookerLifeSuite .module-submenu a.active {
  border-bottom: 4px solid #a889c8; }

.campaignsMenu .module-submenu a.active {
  border-bottom: 4px solid #a9185a; }

@media screen and (min-width: 1000px) and (max-width: 1366px) {
  .hamburgerContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    min-height: 50px;
    background-color: rgba(255, 255, 255, 0.2); }

  .hamburger {
    display: block;
    border: none;
    width: 19px; }

  .hideNav .hamburger:before,
  .hideNav .hamburger:after {
    content: "";
    margin: 3px 0;
    display: block;
    border-top: 2px solid white;
    transform: rotate(0);
    transition: all 0.3s ease-out 0s; }

  .hideNav .hamburger {
    border-top: 2px solid white; }

  .hamburger:before {
    transform: rotate(-45deg);
    content: "";
    margin: 3px 0;
    display: block;
    border-top: 2px solid white;
    transition: all 0.3s ease-out 0s; }

  .hamburger:after {
    transform: rotate(45deg);
    margin-top: -5px;
    content: "";
    display: block;
    border-top: 2px solid white;
    transition: all 0.3s ease-out 0s; }

  .hideNav .leftNav {
    width: 50px !important;
    background-color: #090a12 !important;
    box-shadow: 2px 0px 6px 4px rgba(0, 0, 0, 0);
    transition: all 0.3s ease-out 0s;
    border-radius: 0; }

  .hideNav .leftNavContent {
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 2; }

  .leftNavContent {
    overflow-y: auto; }

  .leftNavContent a {
    white-space: nowrap; }

  .leftNav #home-link {
    zpadding: 20px 20px 15px 59px;
    zborder-top: 1px solid rgba(0, 0, 0, 0.3); }

  .leftNav {
    width: 220px !important;
    xbox-shadow: 2px 0px 6px 4px rgba(0, 0, 0, 0.25); }

  .openNavNoAnimation .leftNav,
  .openNavNoAnimation .mainContainer,
  .openNavNoAnimation header {
    transition: all 0s ease-out 0s; }

  header {
    margin: 0 0 0 220px; }

  .mainContainer {
    padding: 0 0 0 220px; }

  .leftNav .module-menu {
    height: initial;
    max-height: 500px;
    transition: all 0.3s ease-out 0s; }

  .hideNav .leftNav .module-menu {
    zmax-height: 50px; }

  .hideNav .submenu {
    zopacity: 0; }

  .submenu {
    opacity: 1;
    transition: all 0.3s ease-out 0s; }

  .leftNavContent .submenu .right {
    padding-left: 66px;
    padding-right: 1rem; }

  .hideNav .leftNavContent label {
    color: transparent; }

  .leftNavContent label {
    color: white;
    xopacity: 1;
    transition: all 0.3s ease-out 0s; }

  .showNav span.suiteIcon {
    opacity: 1; }

  .leftNav svg {
    xopacity: 0; }

  .showNav .leftNav svg {
    opacity: 1; }

  .showNavTutorial .lightBox {
    background-color: rgba(0, 0, 0, 0.65);
    position: fixed;
    top: 0;
    left: 40px;
    width: 100%;
    height: 100%;
    z-index: 4; }
    .showNavTutorial .lightBox span {
      color: white;
      xbackground-color: white;
      xbox-shadow: 0px 0px 9px 8px rgba(255, 255, 255, 0.99);
      position: relative;
      top: 26px;
      left: 300px;
      font-size: 22px;
      font-weight: 600;
      text-align: right;
      display: inline-block; }
      .showNavTutorial .lightBox span img {
        height: 42px;
        position: absolute;
        left: -55px;
        top: 30px; }
      .showNavTutorial .lightBox span .exitTutorial {
        color: #1ecd97;
        text-decoration: underline;
        font-size: 18px;
        cursor: pointer; } }
@media screen and (min-width: 1000px) and (max-width: 1100px) {
  z#leads .filters table td,
  z.IAllOrdersFields table tr,
  .IManageUsersFields table tr,
  .IManageSubscriptionsFields table tr,
  .IInventoryNeededReportFields table tr {
    display: flex;
    flex-wrap: wrap !important; }

  z#leads .filters div,
  z.IAllOrdersFields table td,
  .IManageUsersFields table td,
  .IManageSubscriptionsFields table td,
  .IInventoryNeededReportFields table td {
    flex: unset !important;
    width: 25% !important; } }
@media screen and (min-width: 1010px) {
  .userInfo {
    background-color: transparent; }

  nav a.selected {
    color: deepskyblue;
    background-color: white;
    border: 1px solid deepskyblue; }

  nav a.selected svg {
    background-color: deepskyblue; }

  nav a.selected svg path,
  nav a.selected:hover svg path {
    fill: white; } }
@media screen and (max-width: 1000px) {
  .leftNav {
    overflow: hidden;
    position: absolute;
    max-height: 0;
    z-index: 8;
    transition: all 0.3s ease-out 0s;
    top: 0;
    height: 0;
    width: initial;
    padding: 0;
    zborder-left: 40px solid #1c252d;
    width: 250px; }

  .leftNav.open {
    overflow: visible;
    position: fixed;
    height: 100%;
    max-height: 100%; }

  .leftNavContent {
    position: static;
    height: calc(100%); }

  .responsiveMenu {
    position: absolute;
    top: 2.5rem;
    right: 0.65rem; }

  .notAuthenticated .responsiveMenu {
    display: none; }

  .responsiveMenu span {
    display: block;
    width: 22px;
    border-top: 2px solid #fff; }

  .responsiveMenu span:before,
  .responsiveMenu span:after {
    content: "";
    border-top: 2px solid white;
    margin: 0.25rem 0;
    display: block; }

  .responsiveMenu {
    position: relative;
    margin: 2rem 0 0 -4px;
    top: 0;
    z-index: 9; }

  .responsiveMenu .notification {
    padding: 4px 7px 0px;
    position: absolute;
    top: -23px;
    left: -16px;
    z-index: 1; }

  .responsiveMenu span {
    width: 22px;
    border-top: 2px solid black; }

  .responsiveMenu span::before,
  .responsiveMenu span::after {
    border-top: 2px solid black;
    transform: rotate(0);
    transition: all 0.3s ease-out 0s; }

  .opaque .responsiveMenu span {
    border: none; }

  .opaque .responsiveMenu span::before {
    transform: rotate(-45deg);
    border-top: 2px solid white; }

  .opaque .responsiveMenu span::after {
    transform: rotate(45deg);
    margin-top: -6px;
    border-top: 2px solid white; }

  nav a.selected {
    background-color: #f0f2f5;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2); }

  nav a.selected::after {
    display: none; } }
.leftNav .utilityLinks a svg {
  position: relative;
  width: 14px;
  top: 0px;
  left: 0;
  zmargin: 0 5px 0 0; }

.leftNavContent div.utilityLinks div {
  zpadding: 0 20px 0px 70px; }

.logoContainer span.suiteIcon {
  position: static;
  margin: 3px 0 0 5px;
  float: right; }

/* Secondary and Primary Nav */
.secondary a {
  display: inline-block;
  border: 1px solid #ccc;
  xborder-radius: 4rem;
  padding: 0.75rem 1rem 0.6rem;
  text-decoration: none;
  line-height: 1;
  overflow: hidden;
  color: #666;
  background-color: white;
  color: #0097bf;
  border: 1px solid #04bbe0; }

.priority a,
.submit.priority {
  position: relative;
  text-decoration: none;
  overflow: hidden;
  border-color: mediumseagreen;
  color: green; }

.priority a span,
.submit.priority span {
  position: relative;
  z-index: 1; }

.priority a:after,
.submit.priority:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: lightgreen;
  white-space: nowrap;
  overflow: hidden;
  transition: width 275ms ease;
  z-index: 0; }

.priority a:hover:after,
.submit.priority:hover:after {
  width: 100%; }

/* New layout idea */
.contentHead {
  width: initial;
  max-width: 1600px;
  padding: 0;
  margin: 0; }

@media screen and (max-width: 1820px) {
  .contentHead {
    max-width: initial; } }
.subMenuContainer .contentHead div.container {
  background-color: transparent;
  padding: 21px 20px 18px 0;
  border-right: 1px solid #dcdcdc; }

.module-submenu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  flex: 1;
  border: none; }
  .module-submenu .pageTutorialLink {
    xbackground-color: #f5f4f5;
    xborder: 1px solid #b0c0d2;
    xmargin: 9px 0 0 auto;
    xcolor: #4479b2;
    xpadding: 6px 20px;
    xheight: 40px;
    xborder-radius: 5px;
    xcursor: pointer;
    background-color: #f5f4f5;
    border: 1px solid #b0c0d2;
    margin: 13px 0 0 auto;
    color: #4479b2;
    padding: 2px 10px;
    height: 33px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.9em; }
    .module-submenu .pageTutorialLink svg {
      width: 17px;
      margin: 0 7.5px 0 0;
      position: relative;
      float: left;
      top: 1px; }
      .module-submenu .pageTutorialLink svg path {
        fill: #4479b2; }

@media screen and (max-width: 1200px) {
  .module-submenu .pageTutorialLink {
    padding: 3px 8px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    font-size: 0; }
    .module-submenu .pageTutorialLink svg {
      margin: 0;
      float: none; } }
@media screen and (max-width: 1200px) {
  .module-submenu {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden; }

  .safari .module-submenu {
    position: relative;
    border-bottom: none;
    padding: 0 0 4px 0; }

  .safari .module-submenu:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #999;
    bottom: 2px;
    z-index: 0; } }
/* Lock Navigation */
.lock {
  display: none; }

@media screen and (min-width: 1366px) {
  .leftNav {
    width: 60px;
    zbackground-color: #364653;
    zborder-left: 60px solid #1c252d;
    transition: all 0.3s ease-out 0s;
    zborder-radius: 0 1rem 1rem 0; }

  x.qaSite span.suiteIcon {
    border-top: none; }
  x.qaSite .leftNav {
    box-shadow: inset -25px 0px 20px -10px rgba(0, 0, 0, 0.25); }
    x.qaSite .leftNav .module-menu {
      border-top: none;
      padding: 0 0px 15px 71px; }
      x.qaSite .leftNav .module-menu a {
        border-radius: 35px 0px 0 35px;
        padding: 0 0 6px 0;
        xmargin: 15px 0 0px; }
        x.qaSite .leftNav .module-menu a.active {
          color: white;
          background-color: #f6f7f9;
          xborder-radius: 35px 0px 0 35px;
          color: black;
          padding: 0 0 6px 10px;
          margin: 15px 0 0px;
          margin: 6px 0 7px; }
          x.qaSite .leftNav .module-menu a.active svg path {
            fill: black; }

  .leftNavContent {
    overflow-x: hidden;
    overflow-y: hidden;
    zmargin: 0 0 0.55rem -65px;
    transition: all 0.3s ease-out 0s; }

  .lock {
    background-image: url("/skins/0/images/lock-sprite-2.png");
    background-repeat: no-repeat;
    background-position: 0 -1px;
    font-size: 0;
    width: 30px;
    height: 15px;
    display: block;
    position: absolute;
    right: 8px;
    background-size: 30px;
    top: 10px;
    z-index: 1;
    display: none; }

  .leftNavContent div .submenu {
    zpadding: 0;
    max-height: 0;
    transition: all 0.3s ease-out 0s; }

  header {
    margin: 0 0 0 60px;
    transition: all 0.3s ease-out 0s; }

  .mainContainer {
    padding: 0 0 0 60px;
    transition: all 0.3s ease-out 0s; }

  /*
	.openNavNoAnimation .leftNav {
		transition: all 0s ease-out 0s;
	}
	.openNavNoAnimation .leftNavContent {
		transition: all 0s ease-out 0s;
	}
	.openNavNoAnimation .leftNavContent div .submenu {
		transition: all 0s ease-out 0s;
	}
	.openNavNoAnimation header {
		transition: all 0s ease-out 0s;
	}
	.openNavNoAnimation .mainContainer {
		transition: all 0s ease-out 0s;
	}
	
	
	.openNavNoAnimation .leftNav,
	.openNav .leftNav,
	.lockMenu .leftNav {
		width: 220px;
		background-color: #364653;
		border-left: 40px solid #1c252d;
	}
	.openNavNoAnimation .leftNavContent,
	.openNav .leftNavContent,
	.lockMenu .leftNavContent {
		overflow-x: hidden;
		margin: 0 0 0.55rem -51px;
	}
	.openNav .lock,
	.lockMenu .lock {
		display:block;
	}
	.lockMenu .lock {
		background-position:0 -26px;
	}
	.openNavNoAnimation .leftNavContent div .submenu,
	.openNav .leftNavContent div .submenu,
	.lockMenu .leftNavContent div .submenu {
		padding: 0;
		max-height: 300px;
	}
	.openNavNoAnimation header,
	.openNav header,
	.lockMenu header {
		margin: 0 0 0 220px;
	}
	
	.openNavNoAnimation .mainContainer,
	.openNav .mainContainer,
	.lockMenu .mainContainer {
		padding: 0 0 0 220px;
	}
	*/
  /* use this when not using the locking function 
	
	.leftNav {
		width: 220px;
		background-color: #364653;
		border-left: 40px solid #1c252d;
	}
	.leftNavContent {
		overflow-x: hidden;
		margin: 0 0 0.55rem -51px;
	}
	.lock {
		display:none;
	}
	.leftNavContent div .submenu {
		padding: 0;
		max-height: 300px;
	}
	header {
		margin: 0 0 0 220px;
	}
	.mainContainer {
		padding: 0 0 0 220px;
	}
	*/
  .unlockMenu .leftNav {
    width: 60px;
    zbackground-color: #364653;
    zborder-left: 60px solid #1c252d;
    transition: all 0.3s ease-out 0s; }

  .unlockMenu .leftNavContent {
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0 0 0.55rem -65px;
    transition: all 0.3s ease-out 0s; }

  .unlockMenu .lock {
    background-image: url("/skins/0/images/lock-sprite-2.png");
    background-repeat: no-repeat;
    background-position: 0 -1px;
    font-size: 0;
    width: 30px;
    height: 15px;
    display: block;
    position: absolute;
    right: 8px;
    background-size: 30px;
    top: 10px;
    z-index: 1;
    display: none; }

  .unlockMenu .leftNavContent div .submenu {
    zpadding: 0;
    max-height: 0;
    transition: all 0.3s ease-out 0s; }

  .unlockMenu header {
    margin: 0 0 0 60px;
    transition: all 0.3s ease-out 0s; }

  .unlockMenu .mainContainer {
    padding: 0 0 0 60px;
    transition: all 0.3s ease-out 0s; }

  .openNavNoAnimation .leftNav {
    transition: all 0s ease-out 0s; }

  .openNavNoAnimation .leftNavContent {
    transition: all 0s ease-out 0s; }

  .openNavNoAnimation .leftNavContent div .submenu {
    transition: all 0s ease-out 0s; }

  .openNavNoAnimation header {
    transition: all 0s ease-out 0s; }

  .openNavNoAnimation .mainContainer {
    transition: all 0s ease-out 0s; }

  .lock,
  .unlockMenu.openNav .lock {
    display: block; }

  .lock {
    background-position: 0 -26px; }

  .unlockMenu .lock,
  .unlockMenu.openNav .lock {
    background-position: 0 -1px; }

  .unlockMenu .lock {
    display: none; }

  .unlockMenu.openNav .leftNav,
  .leftNav {
    width: 250px;
    xbackground-color: #364653;
    xborder-left: 40px solid #1c252d;
    zbackground-color: #222;
    zborder-left: 40px solid #111; }

  .unlockMenu.openNav .leftNavContent,
  .leftNavContent {
    overflow-x: hidden;
    zmargin: 0 0 0.55rem -51px; }

  .unlockMenu.openNav .openNav .lock,
  x.unlockMenu .lock {
    display: block; }

  .unlockMenu.openNav .lockMenu .lock,
  .lockMenu .lock {
    background-position: 0 -26px; }

  .unlockMenu.openNav .leftNavContent div .submenu,
  .leftNavContent div .submenu {
    zpadding: 0;
    max-height: 300px; }

  .unlockMenu.openNav header,
  header {
    margin: 0 0 0 250px; }

  .unlockMenu.openNav .mainContainer,
  .mainContainer {
    padding: 0 0 0 250px; } }
/* fix until lock menu is working */
@media screen and (max-height: 635px) and (min-width: 1365px) {
  .leftNavContent {
    overflow-y: scroll; } }
.module-submenu a.requestLeadsModule {
  xdisplay: none; }

.qaSite .module-submenu a.requestLeadsModule {
  xdisplay: initial; }

.multiAgency .profileNav {
  margin: 0;
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 50px; }
  .multiAgency .profileNav a {
    font-size: 0;
    display: block;
    background-color: #333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin: 21px auto;
    position: relative;
    border: 1px solid transparent; }
    .multiAgency .profileNav a:first-child {
      border-color: rgba(255, 255, 255, 0.25); }
  .multiAgency .profileNav img {
    width: 80%;
    margin: auto;
    display: block;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
.multiAgency .leftNav {
  zleft: 50px; }
@media screen and (min-width: 1366px) {
  .multiAgency .unlockMenu.openNav header,
  .multiAgency header {
    margin: 0 0 0 250px; }
  .multiAgency .unlockMenu.openNav .mainContainer,
  .multiAgency .mainContainer {
    padding: 0 0 0 250px; } }
@media screen and (min-width: 1000px) and (max-width: 1366px) {
  .multiAgency header {
    margin: 0 0 0 220px; }
  .multiAgency .mainContainer {
    padding: 0 0 0 220px; } }
@media screen and (max-width: 1000px) {
  .multiAgency .multiAgency .profileNav {
    background-color: transparent; }
  .multiAgency .profileNav {
    xtop: 76px;
    margin: 0;
    background-color: transparent;
    position: fixed;
    top: 20%;
    right: 0px;
    height: initial;
    width: 32px;
    z-index: 3;
    left: auto; }
    .multiAgency .profileNav a {
      margin: 10px auto; }
  .multiAgency xmain {
    margin: 0 0 0 50px; } }

@media screen and (min-width: 1000px) and (max-width: 1366px) {
  .multiAgency.hideNav header {
    margin: 0 0 0 50px; }

  .multiAgency.hideNav .mainContainer {
    padding: 0 0 0 50px; } }
.notification {
  position: absolute;
  color: white;
  background-color: #ffa154;
  border-radius: 50%;
  font-weight: 700;
  padding: 5px 7px 2px;
  line-height: 1;
  text-align: center;
  zmargin: 10px 0 0 0.25rem;
  font-size: 0.75em;
  top: -4px;
  left: -4px; }

#warningBell .notification {
  padding: 7px 7px 6px;
  padding: 8px; }

.mozilla .notification {
  padding: 5px 7px 4px; }

.safari .notification {
  padding: 3px 6px 3px; }

.notification.wide {
  padding: 5px 4px 2px; }

#messagesWaiting .notification {
  padding: 3px 6px 3px; }

.openShelf {
  position: relative; }

.shelf {
  position: fixed;
  right: -610px;
  top: 7%;
  z-index: 4;
  background-color: white;
  height: 90%;
  padding: 25px 0;
  width: 600px;
  transition-timing-function: ease-in;
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: all 0.25s ease-in 0.1s;
  border-radius: 0.75rem; }
  .shelf fieldset {
    padding: 1.5rem !important; }

.slimBanner .shelf {
  top: 120px; }

.stick .shelf {
  top: 0px; }

.shelf.hide {
  display: block; }

.shelf.open {
  right: 0.5rem; }

.ajaxLoader {
  color: red;
  font-size: 1.875em; }

.shelf .titlebar {
  padding: 10px 0;
  width: 100%;
  font-size: 1em;
  zposition: relative;
  margin-bottom: 1rem; }

.shelf .titlebar div {
  text-align: center; }

.shelf .titlebar div:last-child {
  text-align: right;
  position: absolute;
  right: 20px;
  top: 20px; }

.shelf .commands {
  margin: 0;
  float: none; }
  .shelf .commands form {
    display: flex; }
    .shelf .commands form .submit {
      margin: 0 2px; }

.shelf .commands a {
  background-color: transparent; }

#theCloseShelfButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #ff5050;
  zmargin-top: 10px;
  padding: 0; }
  #theCloseShelfButton svg {
    width: 10px;
    height: 10px;
    fill: white; }

.shelf .commands #warningBell {
  padding: 0;
  margin: -15px 0 0;
  border: none;
  background-color: transparent; }

.shelf .commands #warningBell svg {
  width: 12px;
  margin: -6px 0 0; }

.shelf .commands #warningBell svg path {
  fill: crimson; }

.shelf .contents {
  padding: 25px;
  margin-top: 1rem;
  height: calc(100% - 2rem);
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

.shelf .contents h1 {
  font-weight: 700;
  font-size: 1.2em;
  margin: 0 0 1rem 0; }

.shelf .IComponent,
.shelf .IAppointmentEditorContainer {
  zborder-top: 1px solid #ddd;
  zborder-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  margin-bottom: 15px;
  padding: 15px; }

.shelf .IComponent.IRightShelfContainer {
  border: none;
  margin: 0;
  background-color: transparent;
  padding: 0; }

.shelf .FormActions {
  margin: 10px 0px;
  display: flex; }

z.shelf .FormActions .submit {
  flex: 1;
  font-size: 0.9rem; }

@media screen and (max-width: 1760px) {
  .ILeadCheckout .shelf {
    width: 500px; } }
@media screen and (max-width: 1300px) {
  .ILeadCheckout .shelf {
    width: 300px; } }
@media screen and (max-width: 1300px) {
  .ILeadCheckout .shelf {
    width: 475px;
    padding: 0 10px; } }
@media screen and (max-width: 600px) {
  .shelf {
    width: 92%; }

  .ILeadCheckout .shelf {
    width: 92%; } }
.shelf .sameAddressAsContactBox {
  margin: 10px 0 0; }

.shelf .sameAddressAsContactBox input[type="checkbox"] {
  float: left;
  margin: 3px 7px 0 0; }

/* Tasks */
.shelf .IComponent.ITasksContainer {
  position: relative;
  border: none;
  zbackground-color: #f4f4f4; }
  .shelf .IComponent.ITasksContainer .commands {
    float: right;
    margin: 0 0 20px 0;
    display: block; }
  .shelf .IComponent.ITasksContainer .commands a {
    background-color: deepskyblue;
    margin: 0; }
  .shelf .IComponent.ITasksContainer .no-task {
    background-color: white;
    background-image: url("/skins/0/images/empty-tasks.png");
    background-repeat: no-repeat;
    background-position: center 25px;
    background-size: 190px;
    border: 1px solid #dcdcdc;
    padding: 230px 15px 15px 15px;
    text-align: center;
    font-size: 1.2em;
    text-transform: capitalize; }
  .shelf .IComponent.ITasksContainer #theFilters .filter-container {
    display: flex;
    gap: 1rem; }
    .shelf .IComponent.ITasksContainer #theFilters .filter-container > div {
      flex: 1; }

x.shelf .IComponent.ITasksContainer form {
  position: absolute;
  top: 8px;
  right: 15px;
  width: initial;
  z-index: 1; }

z.shelf input.text,
z.shelf select,
z.shelf textarea {
  background-color: white;
  xbackground-color: #f8f9fa; }

.shelf .IComponent.ITasksContainer form select {
  zwidth: 150px;
  zheight: 34px;
  zpadding: 5px;
  zfont-size: 0.875em; }

/* Shelf Tasks */
.shelf .contentHead {
  padding: 0;
  margin: 0 0 1rem;
  background-color: transparent !important; }

.task {
  padding: 0 0 0 25px;
  margin: 0 0 1rem;
  position: relative; }

.task:before {
  position: absolute;
  zcontent: "";
  width: 15px;
  height: 15px;
  background-color: #999;
  left: 0;
  border-radius: 50%;
  top: 5px; }

.task div label {
  margin: 0 5px 0 0;
  color: inherit;
  font-weight: 700; }

.task div.subject label {
  display: none; }

.task div.subject span {
  font-size: 1.25em;
  font-weight: 700; }

.task div.status {
  ztext-align: left !important;
  background-color: #eee;
  zborder-left: 4px solid #999;
  zmargin: 5px 0;
  zpadding: 5px;
  zdisplay: inline-block;
  zcolor: #333;
  zfont-weight: 700;
  zfont-size: 0.875em; }

.task div.status label {
  display: none; }

.task div.status span {
  margin: 0 2.5px; }

.task div.body {
  background-color: #f9f9f9;
  padding: 0 0.5rem; }

/* status colors */
.shelf .tasks .task.not_started:before {
  background-color: red; }

.shelf .tasks .task.not_started div.status {
  background-color: pink;
  border-color: red; }

/* Shelf Appointments Beast Mode */
.IAppointments .shelf .SSForm {
  width: 100%;
  background-color: #e0f6f9;
  padding: 15px;
  border: 1px solid rgba(9, 45, 66, 0.13);
  border-top: none; }

.IAppointments .shelf .RowFive td {
  width: 100%; }

.shelf .secondary-commands {
  margin: -42px 0 20px; }

.IAppointments .shelf .sales {
  background-color: rgba(255, 255, 255, 0.9);
  font-size: 0.875em; }

.IAppointments .shelf .sales tr {
  border-top: 1px solid #ccc; }

.IAppointments .shelf .sales tr th {
  font-size: 0.875em;
  text-align: left; }

.IAppointments .shelf .sales tr td {
  line-height: 1.4; }

.IAppointments .shelf .ISalesActions.FormActions {
  display: flex; }

.IAppointments .shelf .ISalesActions.FormActions .submit {
  width: 50%;
  margin: 0 5px; }

.dealSplitting tr td:last-child {
  xtext-align: right; }

.ISalesLogContainer h3 {
  font-size: 1em;
  font-weight: 400; }

table.sales {
  xfont-size: 0.75em;
  line-height: 1.5; }

x.team-sales-log {
  background-color: #fff;
  margin: 0 0 1rem;
  padding: 30px;
  position: relative;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }

x.team-sales-log tr {
  background-color: #f9f9f9; }

x.team-sales-log th {
  background-color: #f0f0f0; }

x.team-sales-log td {
  border: 1px solid #fff;
  padding: 5px; }

.ISalesLog #theISalesLogBody {
  width: 100%; }

.ISalesLog .ISalesLogContainer {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  background-color: #f3f7f9;
  background-color: #f8fafb;
  padding: 1.5rem;
  background-color: transparent;
  margin: 0; }

z.ILeadsReportFields,
z.IInventoryNeededReportContainer,
#theIInventoryByCountyBody,
z#theIInventoryByStateBody {
  width: 100%;
  background-color: #f3f7f9;
  background-color: #f8fafb;
  padding: 1.5rem;
  background-color: transparent;
  margin: 0; }

x.reportingMenu .SSForm,
x.reportingMenu #theSearchResultsAjax,
.ISalesLog #theSearchResultsAjax,
z.ILeadsReportContainer #theSearchResultsAjax,
z.IInventoryNeededReport #theSearchResultsAjax,
.IInventoryByCountyContainer #theSearchResultsAjax,
z.IInventoryByStateContainer #theSearchResultsAjax {
  width: 100%;
  border-top: 1px solid #dcdcdc;
  margin: 0;
  background-color: white;
  padding: 30px;
  xbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }

.shelf .IRegionFormFields .FormTable tr td {
  flex: 1;
  xwidth: 50%; }

.shelf #theIRegionFormBody div {
  width: 25%; }

.shelf #theIRegionFormBody div:first-child {
  width: 75%; }

@media screen and (min-width: 750px) {
  .shelf .FormTable tr {
    flex-wrap: wrap; }

  .shelf .FormTable tr td {
    xflex: auto;
    xwidth: 50%; }

  .IAppointments .shelf .ISalesAjaxContainer .FormTable.RowThree tr td {
    flex: 1; } }
/* Shelf Next Steps */
.shelf .next-actions {
  padding: 0;
  margin: 0;
  display: flex; }

.shelf .next-actions li {
  list-style: none;
  padding: 0 3px; }

.shelf .next-actions li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 40px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: white;
  zbackground-color: white;
  zpadding: 5px 15px;
  zwidth: 100%;
  zdisplay: block;
  ztext-align: center;
  zfont-size: 0.85em;
  zcolor: #0097bf;
  zborder: 1px solid #04bbe0;
  ztext-decoration: none; }
  .shelf .next-actions li a svg {
    fill: white;
    width: 20px;
    height: 20px; }
  .shelf .next-actions li a:hover:not(:disabled), .shelf .next-actions li a:focus:not(:disabled) {
    color: white;
    background-color: #0099cc; }
    .shelf .next-actions li a:hover:not(:disabled) svg, .shelf .next-actions li a:focus:not(:disabled) svg {
      fill: white; }
  .shelf .next-actions li a:focus {
    outline: none; }
  .shelf .next-actions li a:hover {
    text-decoration: none !important; }
  .shelf .next-actions li a.submit:active {
    filter: brightness(85%); }
  .shelf .next-actions li a:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .shelf .next-actions li a:disabled svg {
      fill: #000000; }
  .shelf .next-actions li a.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.shelf .next-actions li a:hover {
  zbackground-color: #92e0f0;
  zcolor: initial; }

.shelf .next-actions li.noSale a:hover {
  background-color: red;
  color: white;
  border: 1px solid red; }

.shelf .next-actions li.interestedNeedsFollowup a:hover {
  background-color: orange;
  color: white;
  border: 1px solid orange; }

.shelf .next-actions li.soldaPolicy a:hover {
  background-color: green;
  background-color: white;
  border: 1px solid green; }

.shelf .next-actions li.soldaPolicy a {
  position: relative;
  text-decoration: none;
  overflow: hidden;
  border-color: mediumseagreen;
  color: green; }

.shelf .next-actions li.soldaPolicy a span {
  position: relative;
  z-index: 1; }

.shelf .next-actions li.soldaPolicy a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: lightgreen;
  white-space: nowrap;
  overflow: hidden;
  transition: width 275ms ease;
  z-index: 0; }

.shelf .next-actions li.soldaPolicy a:hover:after {
  width: 100%; }

/* Testing 

.shelf {
  background-color: #e0f6f9;
  padding: 0 0 25px;
}
.shelf {
  background-color: #e0f6f9;
  padding: 0 0 25px;
}
.shelf .titlebar div:last-child {
  right: 25px;
  top: 7px;
}
.shelf .titlebar {
  padding: 0 25px;
  background-color: white;
  border-bottom: none;
}
.shelf .titlebar div {
	padding: 10px 0;
  xborder-bottom: 1px solid #ddd;
}
.shelf .contents {
  padding: 0 25px;
}
.shelf .IComponent .IComponent, 
.shelf .IAppointmentEditorContainer,
.shelf .IShoppingCartContainer {
	background: #F4F5F7;
	border-bottom: 1px solid rgba(9, 45, 66, 0.13);
	border-radius: 3px;
	xbox-shadow: 0 1px 1px rgba(9, 45, 66, 0.25), 0 0 0 1px rgba(9, 45, 66, 0.08);
	margin: 25px 0 15px 0;
}
.shelf .IAppointmentEditorContainer form {
  display: block;
  padding: 10px;
  background-color: white;
  border: 1px solid #ddd;
}
.shelf .IAppointmentEditorContainer form input.text,
.shelf .IAppointmentEditorContainer form select {
	background-color: #f8f9fa;
}
.shelf .alert,
.shelf .alert.severityHigh {
  background-color: rgb(255, 255, 255);
}
.shelf .task div.status {
  background-color: #fff;
}
.shelf .task div.body {
  background-color: #fff;
}
.IAppointments .shelf .SSForm {
  background-color: #F4F5F7;
  border-top: 1px solid rgba(9, 45, 66, 0.13);
  margin: 20px 0 0;
}
.shelf .IComponent, .shelf .IAppointmentEditorContainer {
  background-color: #F4F5F7;
  margin: 20px 0 15px 0;
  padding: 15px;
  border: 1px solid rgba(9, 45, 66, 0.13);
}
*/
/* Testing 

.shelf {
  background-color: #e0f6f9;
  padding: 0 0 25px;
}
.shelf {
  background-color: #e0f6f9;
  padding: 0 0 25px;
}
.IAppointments .shelf .SSForm {
	background-color: transparent;
	padding: 0;
	border:none;
}
.shelf .titlebar div:last-child {
  right: 25px;
  top: 7px;
}
.shelf .titlebar {
  padding: 0 25px;
  background-color: white;
  border-bottom: none;
}
.shelf .titlebar div {
	padding: 10px 0;
  xborder-bottom: 1px solid #ddd;
}
.shelf .contents {
  padding: 0 25px;
}
.shelf .IComponent .IComponent, 
.shelf .IAppointmentEditorContainer,
.shelf .IShoppingCartContainer {
	background: transparent;
	border-bottom: none;
	border-radius: 3px;
	xbox-shadow: 0 1px 1px rgba(9, 45, 66, 0.25), 0 0 0 1px rgba(9, 45, 66, 0.08);
	margin: 25px 0 25px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 0 0 25px;
}
.shelf .IAppointmentEditorContainer form {
  display: block;
  padding: 10px;
  background-color: white;
  border: 1px solid #ddd;
}
.shelf .IAppointmentEditorContainer form input.text,
.shelf .IAppointmentEditorContainer form select {
	background-color: #f8f9fa;
}
.shelf .alert,
.shelf .alert.severityHigh {
  background-color: rgb(255, 255, 255);
}
.shelf .task div.status {
  background-color: #fff;
}
.shelf .task div.body {
  background-color: #fff;
}
.IAppointments .shelf .SSForm {
  background-color: transparent;
  border-top: none;
  margin: 20px 0 0;
}
.shelf .IComponent, .shelf .IAppointmentEditorContainer {
  background-color: transparent;
  margin: 20px 0 15px 0;
  padding: 0;
  border: none;
}
*/
/* Testing */
.IAvailableLeads .shelf form {
  background-color: transparent;
  padding: 0; }

.shelf .IComponent,
.shelf .IAppointmentEditorContainer,
.IDealEditorShelfContainer,
.ITaskEditorShelfContainer,
.IInformDialogContainer,
.IInformDialogContainer,
.ISubscribeToLeadsEditorContainer,
.ICompetitionEditorShelfContainer,
.IExternalInventoryEditShelfContainer,
.IUserEditorShelfContainer,
.ISalesAjaxContainer,
x.IAddLeadShelfContainer,
.IChooseDateRangeShelfContainer,
x.shelf .IRightShelfContainerWrap,
.IChooseDialogAjaxContainer,
.ISendADDPolicyGift {
  zborder: 1px solid rgba(9, 45, 66, 0.13);
  xborder-bottom: 1px solid rgba(9, 45, 66, 0.13);
  xbox-shadow: 0 1px 1px rgba(9, 45, 66, 0.25), 0 0 0 1px rgba(9, 45, 66, 0.08);
  background-color: #f2f3f7;
  padding: 1rem;
  border-radius: 0.75rem; }

.shelf .IChooseImageDialogAjax .IComponent.IRightShelfContainer {
  zborder: 1px solid rgba(9, 45, 66, 0.13);
  zbackground-color: #e0f6f9;
  zpadding: 15px; }

x.IDashboard .shelf .IRightShelfContainerWrap {
  border: none;
  background-color: transparent;
  padding: 0; }

.backButton #theIChooseDialogAjaxBody.SSFormBody {
  padding: 0; }

.IAddLeadShelfContainer .splitLeadBox {
  padding: 0.5rem; }

.SSForm.ISalesAjaxContainer .secondary-commands {
  margin: 0; }

.SSForm.ISalesAjaxContainer .ISalesAjaxFields {
  padding: 15px; }

.SSForm.ISalesAjaxContainer .ISalesAjaxFields input.text,
.SSForm.ISalesAjaxContainer .ISalesAjaxFields select,
.SSForm.ISalesAjaxContainer .ISalesAjaxFields textarea {
  background-color: #f8f9fa; }

.SSForm.ISalesAjaxContainer .dateInputView input {
  width: 24%; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px 10px 15px;
  xdisplay: block;
  margin: 10px 0; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .competitorsBox {
  padding: 0.75rem; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order {
  display: flex;
  margin: 2px 0;
  border-bottom: 1px solid #dcdcdc;
  padding: 2px 0 4px;
  font-size: 0.875em; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order:last-child {
  margin: 2px 0 0;
  border-bottom: none;
  padding: 2px 0 0; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order label {
  width: 80%;
  font-size: 1em;
  flex: 1; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order span {
  flex: 1; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order input.text {
  flex: 1;
  height: 26px; }

/* turn this section in to a table */
.ICompetitionEditorShelfContainer .FormTable.RowTwo .order span:last-child {
  text-align: left !important; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .competitorsBox {
  display: table; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .competitorsBox .weight {
  padding: 10px 5px 0;
  display: block; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order {
  display: table-row;
  padding: 2px 0 4px; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order label,
.ICompetitionEditorShelfContainer .FormTable.RowTwo .order span,
.ICompetitionEditorShelfContainer .FormTable.RowTwo .order input.text {
  xflex: 1;
  width: 25%;
  text-align: left !important;
  display: table-cell;
  padding: 5px;
  xoutline: 1px solid red; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order input.text {
  xwidth: 10%;
  min-width: 50px; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order span.status span {
  text-align: left !important; }

.ICompetitionEditorShelfContainer .help {
  font-size: 0.85em;
  padding: 5px;
  font-weight: 700; }

@media screen and (min-width: 750px) {
  .ICompetitionEditorShelfContainer .FormTable.RowTwo .competitorsBox {
    width: 100%; } }
@media screen and (max-width: 600px) {
  .ICompetitionEditorShelfContainer .FormTable.RowTwo .competitorsBox .weight {
    padding: 10px 10px 0;
    display: block; }

  .ICompetitionEditorShelfContainer .FormTable.RowTwo .order {
    display: block;
    padding: 10px 10px 10px; }

  .ICompetitionEditorShelfContainer .FormTable.RowTwo .order label,
  .ICompetitionEditorShelfContainer .FormTable.RowTwo .order span,
  .ICompetitionEditorShelfContainer .FormTable.RowTwo .order input.text {
    display: block; } }
/**/
.ICompetitionEditorShelfContainer .FormTable.RowTwo .order span:last-child {
  text-align: right !important; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order .submit {
  font-size: 0;
  background-color: #ddd;
  border: 1px solid #dcdcdc;
  background-repeat: no-repeat;
  background-position: center;
  xwidth: 50px;
  xheight: 40px;
  background-size: 18px;
  background-image: url("/skins/0/images/up.png");
  margin: 0 0 0 5px;
  width: 10%; }

.ICompetitionEditorShelfContainer .FormTable.RowTwo .order .submit:last-child {
  background-image: url("/skins/0/images/down.png");
  margin: 0 0 0 5px; }

.shelf .ISubscribeToLeadsEditorContainer input.text,
.shelf .ISubscribeToLeadsEditorContainer select,
.shelf .ISubscribeToLeadsEditorContainer textarea {
  background-color: #f8f9fa; }

.IInformDialogContainer .labelGroup {
  background-color: transparent; }

.IInformDialogContainer td {
  white-space: normal; }

.IInformDialogContainer .inform-contents {
  background-color: #fff;
  margin: 0 0 1rem;
  padding: 30px;
  position: relative;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }

.IInformDialogContainer .inform-contents h2 {
  border-bottom: none;
  font-weight: 700;
  font-size: 1.2em; }

.IInformDialogContainer .inform-contents h3 {
  margin: 1rem 0; }

.shelf .IComponent.IAgentLifeContainer {
  zbackground-image: url("/skins/0/images/agent-bg.jpg?v=3");
  zbackground-color: #2fdea4;
  zbackground-size: cover; }

.shelf .IComponent.ISalesLifeContainer {
  zbackground-image: url("/skins/0/images/sales-bg.jpg?v=4");
  zbackground-color: #28d8e4;
  zbackground-size: cover; }

.shelf .IAgentLifeContainer,
.shelf .ISalesLifeContainer {
  padding: 0; }
  .shelf .IAgentLifeContainer h3,
  .shelf .ISalesLifeContainer h3 {
    padding: 1rem;
    color: white;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 0.75rem; }
  .shelf .IAgentLifeContainer .results,
  .shelf .ISalesLifeContainer .results {
    padding: 1rem !important; }

.shelf .IAgentLifeContainer h3 {
  background-color: #2fbb3f; }

.shelf .ISalesLifeContainer h3 {
  background-color: #3baae0; }

.shelf .cart table {
  zbackground-color: #fff;
  xborder-top: 1px solid rgba(9, 45, 66, 0.13);
  zborder: none;
  zbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }

.shelf .cart tr {
  zborder-bottom: 1px solid rgba(9, 45, 66, 0.13);
  zbackground-color: white; }

.shelf .cart tr:last-child {
  zborder-bottom: none; }

.IAppointments .shelf .contents h1 {
  font-size: 1.2em;
  margin: 5px 0 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 15px; }

.IAppointments .shelf h4 {
  border-left: none;
  background-color: lightgreen;
  display: inline-block;
  padding: 9px 10px 6px 22px;
  color: green;
  margin: 0;
  width: initial;
  font-size: 0.625em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  height: initial;
  position: relative; }

.IAppointments .shelf h4:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>");
  left: 9px;
  top: 8px;
  width: 9px;
  position: absolute; }

.shelf .IAppointmentSchedulerContainer {
  border-top: 1px solid rgba(9, 45, 66, 0.13);
  border-bottom: 1px solid rgba(9, 45, 66, 0.13);
  box-shadow: 0 1px 1px rgba(9, 45, 66, 0.25), 0 0 0 1px rgba(9, 45, 66, 0.08);
  background-color: #e0f6f9;
  margin: -1px 0 15px 0;
  padding: 15px; }

.IAppointments .shelf .SSFormBody .FormTable label {
  margin: 0; }

.IAppointments .shelf .IAppointmentSchedulerFields,
.IAppointments .shelf .IAppointmentEditorFields {
  padding: 5px 15px 15px;
  background-color: rgba(0, 0, 0, 0.025); }

z.shelf .submit {
  width: 50%;
  font-size: 1em; }

.shelf .contactDocs .adder .submit {
  zwidth: 28%;
  zfont-size: 1em; }

.IAppointments .shelf #theChosenAjax {
  position: relative; }

.IAppointments .shelf #theChosenAjax .autocomplete {
  xdisplay: block !important;
  top: 85px !important; }

.deal-picker {
  background-color: white;
  border: 1px solid #dcdcdc;
  padding: 5px 15px;
  margin: 10px 0;
  font-size: 0.9em; }
  .deal-picker p {
    margin: 5px 0; }
    .deal-picker p:first-child {
      font-weight: 700; }
  .deal-picker a {
    font-size: 0.9em;
    text-decoration: underline; }

.shelf .INoSaleContainer .contentHead,
.shelf .INoShowContainer .contentHead {
  padding: 0;
  margin: 0; }

.shelf .INoSaleContainer .SSFormBody,
.shelf .INoShowContainer .SSFormBody {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }

.IManageUsers
.IRightShelfContainer
.IUserEditorShelfFields
#theParentAgentAjax {
  xdisplay: none; }

/* Receipt */
.shelf .IReceiptContainer .receipt-panel {
  width: 100% !important;
  background-color: white !important; }

.shelf .IReceiptContainer #receipt-billing-shipping-info {
  width: 100% !important; }

@media screen and (max-width: 500px) {
  .shelf .IReceiptContainer .half {
    width: 100%; }

  .shelf .IReceiptContainer .data-title {
    margin: 7.5px 0 0; } }
/* Stripe Receipt */
.shelf .st-Background table {
  min-width: 100px !important;
  width: 100%; }

.shelf .st-Divider.st-Width.st-Width--mobile {
  display: none; }

.shelf .st-Wrapper div {
  padding: 0 !important; }

.shelf .st-Background tr {
  display: none; }

.shelf .st-Background tr + tr,
.shelf .st-Background tr + tr tr {
  display: block; }

@media screen and (max-width: 600px) {
  .shelf .st-Background table td {
    white-space: normal; }

  .shelf .st-Background table {
    text-align: center; }

  .shelf .st-Copy.st-Copy--standalone.st-Copy--caption td {
    display: block;
    padding: 2px 0 !important; }

  .shelf .st-Blocks-item td {
    display: block;
    padding: 2px 0 !important;
    text-align: center; } }
/* Beastmode Shelf */
.shelf .wrapper.row {
  margin: 0;
  padding: 0; }

.shelf .wrapper.row .info {
  width: 100%;
  padding: 0; }

.shelf .IDealEditorShelfContainer .FormActions .submit {
  flex: none; }

@media screen and (max-width: 1000px) {
  .shelf .IDealEditorShelfContainer label {
    white-space: normal; } }
/* CRM More Actions */
.shelf .IComponent.IContactQuickShelfContainer {
  background-color: transparent;
  border: none;
  padding: 0; }
  .shelf .IComponent.IContactQuickShelfContainer .contentHead {
    padding: 20px 0 0; }
    .shelf .IComponent.IContactQuickShelfContainer .contentHead h1 {
      xtext-align: center;
      font-weight: 500;
      font-size: 1.1em;
      margin: 0 0 1rem 0;
      text-transform: uppercase; }
  .shelf .IComponent.IContactQuickShelfContainer .IComponentWrap .contentHead {
    padding: 0;
    margin: 0 0 10px 0; }
    .shelf .IComponent.IContactQuickShelfContainer .IComponentWrap .contentHead h1 {
      margin: 0;
      font-weight: 700;
      font-size: 1.1em;
      text-transform: none; }

.shelf .IContactQuickActionsContainer {
  display: flex;
  flex-wrap: wrap; }
  .shelf .IContactQuickActionsContainer h4.actionTitle {
    margin: 0 0 10px 0; }
  .shelf .IContactQuickActionsContainer .mainActions {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px; }
    .shelf .IContactQuickActionsContainer .mainActions form {
      width: 100%; }
      .shelf .IContactQuickActionsContainer .mainActions form .leadStatusContainer {
        width: 50%;
        margin: 1%; }
        .shelf .IContactQuickActionsContainer .mainActions form .leadStatusContainer select {
          xwidth: 48%;
          xmargin: 1%; }
  .shelf .IContactQuickActionsContainer .contact-info {
    font-weight: 700; }
  .shelf .IContactQuickActionsContainer .quickActions {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    zborder-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 10px 0 0;
    padding: 10px 0 0; }
    .shelf .IContactQuickActionsContainer .quickActions form {
      width: 100%;
      display: block;
      xborder-top: 1px solid rgba(255, 255, 255, 0.5);
      xmargin: 10px 0 0;
      xpadding: 10px 0 0; }
    .shelf .IContactQuickActionsContainer .quickActions select {
      width: 48%;
      margin: 1%; }
    .shelf .IContactQuickActionsContainer .quickActions p {
      font-size: 0.95em;
      margin: 0;
      line-height: 1.4; }
      .shelf .IContactQuickActionsContainer .quickActions p.title {
        font-weight: 700; }
  .shelf .IContactQuickActionsContainer .contentHead {
    width: 100%; }

.shelf .IContactQuickActionsContainer a,
.shelf .IContactQuickActionsContainer .submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: white;
  margin-left: 0;
  zline-height: 1;
  zpadding: 10px 15px;
  zborder-radius: 3px;
  zbackground-color: deepskyblue;
  zcolor: white !important;
  zfont-size: 0.875em;
  zwidth: 48%;
  xwidth: 31.3333%;
  zmargin: 1%;
  ztext-align: center;
  ztext-decoration: none; }
  .shelf .IContactQuickActionsContainer a svg,
  .shelf .IContactQuickActionsContainer .submit svg {
    fill: white;
    width: 20px;
    height: 20px; }
  .shelf .IContactQuickActionsContainer a:hover:not(:disabled), .shelf .IContactQuickActionsContainer a:focus:not(:disabled),
  .shelf .IContactQuickActionsContainer .submit:hover:not(:disabled),
  .shelf .IContactQuickActionsContainer .submit:focus:not(:disabled) {
    color: white;
    background-color: #0099cc; }
    .shelf .IContactQuickActionsContainer a:hover:not(:disabled) svg, .shelf .IContactQuickActionsContainer a:focus:not(:disabled) svg,
    .shelf .IContactQuickActionsContainer .submit:hover:not(:disabled) svg,
    .shelf .IContactQuickActionsContainer .submit:focus:not(:disabled) svg {
      fill: white; }
  .shelf .IContactQuickActionsContainer a:focus,
  .shelf .IContactQuickActionsContainer .submit:focus {
    outline: none; }
  .shelf .IContactQuickActionsContainer a:hover,
  .shelf .IContactQuickActionsContainer .submit:hover {
    text-decoration: none !important; }
  .shelf .IContactQuickActionsContainer a.submit:active,
  .shelf .IContactQuickActionsContainer .submit.submit:active {
    filter: brightness(85%); }
  .shelf .IContactQuickActionsContainer a:disabled,
  .shelf .IContactQuickActionsContainer .submit:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .shelf .IContactQuickActionsContainer a:disabled svg,
    .shelf .IContactQuickActionsContainer .submit:disabled svg {
      fill: #000000; }
  .shelf .IContactQuickActionsContainer a.processing,
  .shelf .IContactQuickActionsContainer .submit.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }
  .shelf .IContactQuickActionsContainer a.createQuote,
  .shelf .IContactQuickActionsContainer .submit.createQuote {
    display: none; }

.shelf .IContactQuickActionsContainer .submit {
  zline-height: 1;
  xpadding: 10px 15px;
  zfont-size: 0.875em;
  zwidth: 48%;
  zmargin: 1%; }

.shelf .IContactQuickActionsContainer a:hover {
  background-color: #017cd9;
  text-decoration: none; }

.shelf .INoteEditorAjaxContainer {
  zoverflow: scroll; }

.shelf .INoteEditorAjaxContainer {
  background-color: #f9f9f9;
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd;
  box-shadow: none;
  max-height: 500px;
  position: relative;
  overflow: auto; }
  .shelf .INoteEditorAjaxContainer h1 {
    margin: 0 0 7.5px 0; }
  .shelf .INoteEditorAjaxContainer .SSFormBody {
    xposition: relative; }
    .shelf .INoteEditorAjaxContainer .SSFormBody a {
      position: absolute;
      top: 8px;
      right: 15px;
      font-size: 0.9em;
      text-decoration: underline; }
    .shelf .INoteEditorAjaxContainer .SSFormBody div a {
      position: static; }
  .shelf .INoteEditorAjaxContainer form {
    display: block; }

.shelf .INoteEditorAjaxContainer #contact-notes {
  max-height: 520px;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0; }
  .shelf .INoteEditorAjaxContainer #contact-notes h4 {
    xdisplay: none; }
  .shelf .INoteEditorAjaxContainer #contact-notes .note {
    box-shadow: none; }
  .shelf .INoteEditorAjaxContainer #contact-notes .noteNote {
    background-color: white;
    padding: 15px;
    border: 1px solid #dcdcdc; }

.shelf .IDocumentsContainer {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 15px 0 0; }

.shelf .contactDocs {
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  max-height: 500px;
  padding: 0px;
  position: relative; }
  .shelf .contactDocs h3 {
    font-size: 0.95em;
    padding: 15px;
    margin: 0; }
  .shelf .contactDocs .doc-logs {
    xpadding: 15px;
    background-color: white; }
    .shelf .contactDocs .doc-logs .doc {
      display: flex;
      padding: 7.5px 15px;
      border-bottom: 1px solid #dcdcdc; }
      .shelf .contactDocs .doc-logs .doc a {
        flex: 1;
        font-size: 0.9em;
        text-decoration: underline;
        margin: 0; }
        .shelf .contactDocs .doc-logs .doc a.email {
          text-align: right; }

/* Booker Leads Notes */
.IBookerLeads.Module-Leads .shelf .INoteEditorAjaxContainer {
  max-height: initial; }
  .IBookerLeads.Module-Leads .shelf .INoteEditorAjaxContainer p {
    overflow-x: hidden; }

.IBookerLeads.Module-Leads .shelf .INoteEditorAjaxContainer #contact-notes {
  max-height: initial; }
  .IBookerLeads.Module-Leads .shelf .INoteEditorAjaxContainer #contact-notes p {
    overflow-x: hidden; }

/* CRM Add Related Lead */
.IEditLead .shelf #theShelfComponent {
  zwidth: 100%;
  zbackground-color: #e0f6f9;
  zpadding: 15px;
  zborder: 1px solid rgba(9, 45, 66, 0.13);
  zborder-top: none; }
  .IEditLead .shelf #theShelfComponent .IRelatedLeadWizContainer {
    border: none;
    zpadding: 0; }
  .IEditLead .shelf #theShelfComponent .SSForm h1 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    padding: 0 0 15px; }
  .IEditLead .shelf #theShelfComponent .SSForm .SSFormBody {
    padding: 0;
    background-color: transparent;
    border: none; }
    .IEditLead .shelf #theShelfComponent .SSForm .SSFormBody .splitLeadBox {
      zpadding: 5px 0 0 10px; }
    .IEditLead .shelf #theShelfComponent .SSForm .SSFormBody .chosenBox {
      position: relative;
      outline: 1px solid red; }
      .IEditLead .shelf #theShelfComponent .SSForm .SSFormBody .chosenBox .autocomplete {
        width: calc(100% - 14px);
        position: absolute;
        top: 85px !important;
        left: 6px !important; }
  .IEditLead .shelf #theShelfComponent .SSForm #theIAddLeadShelfBody {
    background-color: #f5f5f5;
    padding: 1rem;
    box-shadow: 0 0 10px 0 #ddd;
    border-radius: 0.75rem; }

/* Text Messages */
.shelf .IMessagesWaitingContainer .newMessage {
  border: 1px solid transparent;
  display: block;
  background-color: white;
  padding: 15px;
  margin: 0 0 15px 0;
  transition: all 0.25s ease-in 0.1s; }
  .shelf .IMessagesWaitingContainer .newMessage .text-sender {
    color: #333; }
  .shelf .IMessagesWaitingContainer .newMessage .text-date {
    font-size: 13px;
    color: #555;
    xtext-align: center;
    display: block;
    padding: 0 0 5px; }
  .shelf .IMessagesWaitingContainer .newMessage .text-message {
    background-color: #ddd;
    padding: 10px 15px;
    border-radius: 20px;
    display: inline-block;
    width: initial;
    max-width: 100%;
    line-height: 1.4;
    color: #333; }
  .shelf .IMessagesWaitingContainer .newMessage .text-sender:last-child {
    background-color: deepskyblue;
    color: white;
    margin: 15px 0 0;
    width: max-content;
    padding: 5px 15px;
    border-radius: 25px;
    font-size: 0.9em; }
  .shelf .IMessagesWaitingContainer .newMessage:hover {
    border: 1px solid #999;
    text-decoration: none; }
  .shelf .IMessagesWaitingContainer .newMessage:last-child {
    margin: 0; }

.shelf .task {
  background-color: white;
  padding: 15px 15px 15px 38px; }
  .shelf .task:before {
    left: 15px;
    top: 20px; }

/* Palettes */
.IAgentBusinessCard .shelf,
x.IOnboardingMarketing .shelf {
  width: 30rem;
  background: #f6f7f9; }

.IAgentBusinessCard.backButton .SSFormBody {
  padding: 0; }
  .IAgentBusinessCard.backButton .SSFormBody p {
    font-weight: 700; }

.IAgentBusinessCard .shelf .IComponent.IRightShelfContainer {
  padding: 0.625rem; }

.IMortgageBrokerOnboarding .shelf {
  padding: 0; }
.IMortgageBrokerOnboarding .IChooseImageDialogAjaxFields table {
  margin: 0; }
.IMortgageBrokerOnboarding .IChooseImageDialogAjaxFields p {
  font-size: 20px; }

.IChooseImageDialogAjaxFields .selectView a {
  padding: 1rem;
  border-radius: 1.25rem;
  margin: 0 auto 1rem;
  background-color: white;
  box-shadow: 0.25rem 0.375rem 1.25rem rgba(0, 0, 0, 0.05);
  border: 1px solid #fff;
  display: block;
  position: relative; }
  .IChooseImageDialogAjaxFields .selectView a .palette {
    width: 100%;
    position: relative; }
    .IChooseImageDialogAjaxFields .selectView a .palette img {
      height: 50px; }
  .IChooseImageDialogAjaxFields .selectView a:hover {
    text-decoration: none;
    box-shadow: 0.25rem 0.375rem 1.625rem rgba(0, 0, 0, 0.137); }
    .IChooseImageDialogAjaxFields .selectView a:hover img {
      zborder: 1px solid #000; }
  .IChooseImageDialogAjaxFields .selectView a img {
    width: 100%;
    display: block;
    margin-top: 0.625rem;
    border-radius: 0.75rem; }
  .IChooseImageDialogAjaxFields .selectView a.selected {
    cursor: default;
    border-color: #2bd56a; }
    .IChooseImageDialogAjaxFields .selectView a.selected .palette:before {
      content: url("data:image/svg+xml; utf8, <svg fill='rgb(43, 213, 106)' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><path d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z'/></svg>");
      right: 0px;
      top: 0px;
      background: transparent;
      position: absolute; }
    .IChooseImageDialogAjaxFields .selectView a.selected img {
      border: 1px solid #2bd56a;
      opacity: 0.4; }
  .IChooseImageDialogAjaxFields .selectView a:last-of-type {
    margin-bottom: 0; }

/* IOnboardingMarketing Shelf */
.IOnboardingMarketing .shelf .IRightShelfContainer form p {
  font-size: 0.875rem;
  color: #999;
  line-height: initial; }
.IOnboardingMarketing .shelf .IRightShelfContainer form p.contact-count {
  background-color: #a9185a;
  color: white;
  width: fit-content;
  padding: 0.625rem 1.25rem 0.625rem 2.5rem;
  position: relative;
  border-radius: 0.75rem; }
.IOnboardingMarketing .shelf .IRightShelfContainer form p.contact-count::before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='18' fill='white' viewBox='0 0 24 24'><path d='M15.137 3.945c-.644-.374-1.042-1.07-1.041-1.82v-.003c.001-1.172-.938-2.122-2.096-2.122s-2.097.95-2.097 2.122v.003c.001.751-.396 1.446-1.041 1.82-4.667 2.712-1.985 11.715-6.862 13.306v1.749h20v-1.749c-4.877-1.591-2.195-10.594-6.863-13.306zm-3.137-2.945c.552 0 1 .449 1 1 0 .552-.448 1-1 1s-1-.448-1-1c0-.551.448-1 1-1zm3 20c0 1.598-1.392 3-2.971 3s-3.029-1.402-3.029-3h6z'/></svg>");
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 100%;
  background-color: #303439;
  border-radius: 0.5rem;
  padding: 0; }
.IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups {
  border: 1px solid #a9185a;
  background-color: white;
  padding: 1rem;
  line-height: 1;
  border-radius: 0.75rem; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups li {
    margin: 0;
    list-style: none; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups li input[type="checkbox"] {
    appearance: none;
    /* Remove the default style */
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
    padding: 0 !important;
    background-color: white;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    vertical-align: middle;
    /* Change Background and Border Color When Checked */
    /* Add the Original Check Icon */
    margin: 0 0.625rem 0 0; }
    .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups li input[type="checkbox"]:checked {
      background-color: #a9185a;
      border-color: #a9185a; }
    .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups li input[type="checkbox"]:checked::after {
      content: "";
      display: block;
      width: 6px;
      height: 10px;
      border: 1px solid white;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      position: absolute;
      top: 2px;
      left: 5px; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups li > label {
    color: #a9185a; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups ul {
    padding: 0; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups .automation {
    margin-top: 0.5rem;
    line-height: 1.4; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups .automation .coms {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 0.25rem; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups .automation .coms a {
    border: 2px solid #a9185a;
    float: right;
    font-size: 0.8rem;
    padding: 5px 10px;
    border-radius: 1rem;
    color: inherit;
    text-decoration: none;
    line-height: 1; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups .automation label {
    font-size: 0.9rem; }
  .IOnboardingMarketing .shelf .IRightShelfContainer form ul.bizGroups .automation label.kind {
    font-size: 0.8rem;
    height: 1.5rem;
    color: white;
    background-color: #1bbe7f;
    padding: 4px 12px;
    border-radius: 1rem; }
.IOnboardingMarketing .shelf .IRightShelfContainer form h4 {
  text-align: center;
  font-weight: 700; }
.IOnboardingMarketing .shelf .IRightShelfContainer form .stats {
  display: flex;
  background-color: white;
  padding: 0.9375rem;
  margin: 0.9375rem 0 1.875rem;
  border-radius: 0.75rem; }
.IOnboardingMarketing .shelf .IRightShelfContainer form .stats div {
  flex: 1;
  text-align: center;
  line-height: 1;
  padding: 0 0.3125rem; }
.IOnboardingMarketing .shelf .IRightShelfContainer form .stats div h4 {
  font-size: 2rem;
  font-weight: 700; }
.IOnboardingMarketing .shelf .IRightShelfContainer form .stats div label {
  font-size: 0.8rem;
  color: #999; }

.IDashboard {
  zbackground-color: #f6f7f9; }
  .IDashboard header {
    background-color: #fff; }
  .IDashboard .mainBody {
    background-color: transparent;
    border: none; }
    .IDashboard .mainBody table {
      font-size: 1em; }
  .IDashboard .contentHead {
    max-width: 100%; }
  .IDashboard .mainContainer .contentHead {
    display: none; }
  .IDashboard .widget .contentHead {
    padding: 0;
    margin: 0;
    display: block; }
  .IDashboard .widget .IComponent {
    height: 100%; }

.widget-bar {
  display: flex;
  flex-wrap: wrap;
  border-collapse: separate;
  border-spacing: 6px;
  background-color: #f2f3f7;
  padding: 0.75rem 1rem;
  position: sticky;
  top: 0;
  z-index: 2;
  box-shadow: 0 0 10px 0 #ddd;
  transition: all 0.6s ease-out 0s;
  width: 650px;
  float: right;
  border-radius: 0.75rem; }
  .widget-bar.stick {
    width: 51%;
    margin-right: 2rem;
    width: 650px;
    margin-right: -30px;
    border-radius: 12px 0 0 12px; }
  .widget-bar div {
    xdisplay: table-cell; }
  .widget-bar .draggableIcons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%; }
  .widget-bar .draggableIcons .widget.used {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px 0 #ddd; }
  .widget-bar .suiteIcons,
  .widget-bar .otherIcons {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap; }

.widgets-used {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }

.widgets-used .droppable {
  background-color: rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  position: relative;
  margin: 0.75%;
  width: 31.777%;
  border-radius: 0.75rem; }

.widget-bar .widget.draggable {
  position: relative; }

.widget-bar .widget.draggable[title]:hover:after {
  background-color: rgba(0, 0, 0, 0.5);
  content: attr(title);
  position: absolute;
  bottom: 50px;
  left: -25px;
  color: white;
  font-size: 0.8em;
  border-radius: 0.25rem;
  line-height: 1.4em;
  min-width: 75px;
  padding: 6px;
  font-size: 12px; }

.widget-bar.stick .widget.draggable[title]:hover:after {
  top: 50px;
  bottom: auto;
  font-size: 12px; }

.widget-bar .widget.draggable {
  cursor: grab !important;
  text-align: center;
  zbackground-color: deepskyblue;
  zmargin: 0 0.25rem;
  zbox-sizing: border-box;
  zfont-size: 0;
  zpadding: 10px 0;
  display: inline-block;
  height: 45px !important;
  width: 45px !important;
  border-radius: 0.75rem;
  zbox-shadow: 0 3px 2px rgba(0, 0, 0, 0); }
  .widget-bar .widget.draggable svg {
    width: 100%;
    height: 100%; }

.widget.draggable:not(:where(.ISalesLife,
.IAgentLife,
.ILeadsLife,
.IMarketingLife,
.IBookerLife,
.ILoyaltyLife)
) svg path {
  fill: #d2d2d2 !important; }

.widget-bar .widget.draggable:hover {
  box-shadow: 0 0 10px 0 #ddd;
  scale: 1.1;
  transition: all 0.3s ease-out 0s; }

.widget.draggable svg path {
  zfill: white; }

.widget-bar .used.widget.draggable {
  zbackground-color: #ccc; }

.widget-bar .used.widget.draggable:hover {
  zbox-shadow: 0 3px 2px rgba(0, 0, 0, 0); }

.widget-bar .used.widget.draggable svg path {
  zfill: white; }

.add-widget-title-wrapper {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  margin-right: auto; }
  .add-widget-title-wrapper span {
    line-height: 1.2; }
  .add-widget-title-wrapper span:nth-child(1) {
    color: #222; }
  .add-widget-title-wrapper span:nth-child(2) {
    font-size: 14px;
    color: #777777; }

.droppable .widget-empty {
  color: rgba(0, 0, 0, 0.4);
  width: 100%;
  border: 2px solid transparent;
  padding: 3rem;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box; }

.droppable.hover {
  border: 2px dashed #999 !important;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.4); }

.droppable.hover h1,
.droppable.hover label {
  color: rgba(0, 0, 0, 0.4) !important; }

.widgets-used .filters {
  padding: unset;
  background-color: unset;
  margin: unset;
  box-shadow: unset;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  gap: 1rem; }

.widgets-used .widget button.submit {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  background: transparent;
  color: #333;
  font-weight: 300;
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  background: #666;
  color: #333;
  font-weight: 300;
  padding: 2px 0 0;
  font-size: 0.75em;
  color: #bbb;
  width: 25px;
  height: 21px;
  line-height: 1em;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); }

.executive .widgets-used .widget button.submit {
  display: none; }

.executive .widgets-used .widget:hover button.submit {
  display: block; }

.widgets-used .widget button.submit:hover {
  background: crimson;
  color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0); }

.IRewards {
  display: none !important; }

@media screen and (max-width: 2400px) {
  .widget-bar.stick {
    width: 75%; } }
@media screen and (max-width: 1000px) {
  .IDashboard a {
    white-space: normal; }

  .IDashboard main {
    max-width: 100%;
    padding: 1rem; }

  .IDashboard .contentHead {
    padding: 0;
    margin: 0; }

  .IDashboard .mainBody {
    padding: 0; }

  .widget-bar {
    display: none; }

  .widget-bar.stick {
    width: 100%;
    margin-right: 0; }

  .widgets-used .droppable {
    width: 48.5%; } }
@media screen and (max-width: 750px) {
  .widgets-used .droppable,
  .widgets-used .droppable:nth-child(2n) {
    width: 100%; }

  .widgets-used .droppable,
  .widgets-used .droppable:nth-child(2n) {
    margin: 0.5rem 0; } }
/* Droppable Section full */
.widgets-used .widget {
  background-color: #f2f3f7;
  padding: 0;
  height: 100%;
  box-shadow: 0 0 10px 0 #ddd;
  border-radius: 0.75rem;
  overflow: hidden; }
  .widgets-used .widget.ISalesLife h3::before {
    background-image: url("/skins/0/images/logos/sales-life.svg"); }
  .widgets-used .widget.IAgentLife h3::before {
    background-image: url("/skins/0/images/logos/agent-life.svg"); }
  .widgets-used .widget.IAllStars h3::before {
    background-image: url("/skins/0/images/logos/all-stars.svg"); }
  .widgets-used .widget.IExecutiveReports h3::before {
    background-image: url("/skins/0/images/logos/reports.svg"); }
  .widgets-used .widget.IQRCodeInvite h3::before {
    background-image: url("/skins/0/images/logos/qr-code.svg"); }
  .widgets-used .widget.ITopRecruiters h3::before {
    background-image: url("/skins/0/images/logos/top-recruiters.svg"); }
  .widgets-used .widget.ITotalSales h3::before {
    background-image: url("/skins/0/images/logos/sales-total.svg"); }
  .widgets-used .widget.IUpcomingInterviews h3::before {
    background-image: url("/skins/0/images/logos/calendar.svg"); }
  .widgets-used .widget.IRaffleGame .contentHead, .widgets-used .widget.IRankTotalsWidget .contentHead, .widgets-used .widget.IRaffle .contentHead, .widgets-used .widget.IBookingWidget .contentHead {
    display: none; }

.widgets-used .widget.draggable {
  padding: 20px;
  text-align: left;
  cursor: initial !important;
  min-height: 363px; }

.executive .widgets-used .widget.draggable {
  cursor: grab !important; }

.widgets-used .widget.draggable h2 {
  font-size: 1.4rem; }

.widgets-used .widget table {
  width: 100%; }

.widgets-used .widget table.data td:last-child {
  text-align: right; }

.widgets-used .widget h1 {
  font-size: 1.4rem; }

.widgets-used .widget svg {
  position: relative;
  ztop: -4px; }

.widgets-used .widget svg.show {
  display: initial; }

.booker .widgets-used .widget {
  box-shadow: none;
  border: 1px solid #ccc; }

.booker .droppable .widget-empty {
  display: none; }

/* Alerts */
.alert {
  background-color: #fafbfc;
  zbackground-color: #777;
  padding: 0.75rem 1rem;
  zmargin: 0.25rem 0;
  margin: 0; }

.severityLow:first-of-type,
.severityMedium:first-child,
.severityHigh:first-child {
  margin: 1px 0 0; }

.alert.severityMedium {
  border-left-color: orange; }

.alert.severityMedium {
  color: white;
  font-weight: 500;
  background-color: coral;
  position: relative; }

.alert.severityHigh {
  zcolor: white;
  zfont-weight: 500;
  zbackground-color: #fceae6;
  zbackground-color: crimson;
  zborder-left-color: #e84527;
  zposition: relative;
  zpadding: 0.5rem 0.5rem 0.5rem 3.25rem; }

.alert {
  position: relative; }

.alert:before {
  content: "!";
  color: rgba(255, 255, 255, 0.75);
  font-weight: 900;
  background-color: transparent;
  width: 22px;
  display: inline-block;
  text-align: center;
  padding: 0px 0 1px;
  margin: 0;
  position: absolute;
  height: 20px;
  left: 8px;
  top: 7px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.75); }

.alert.severityMedium a,
.alert.severityHigh a {
  ztext-decoration: underline; }

.shelf .alert {
  background-color: rgba(255, 255, 255, 0.9); }

.shelf .alert a {
  ztext-decoration: underline; }

.alert a {
  ztext-decoration: underline;
  color: #222; }

.widgets-used .widget h3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  font-weight: 400; }
  .widgets-used .widget h3::before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 0;
    left: 0; }

z.widgets-used .widget h3:before {
  position: relative;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #333;
  display: none;
  border-radius: 50%;
  margin: 0 5px 0 0; }

.IAgentLifeContainerWrap .results,
.ISalesLifeContainerWrap .results {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  max-height: 320px;
  overflow: auto;
  height: 100% !important;
  border-radius: unset !important; }

/* Sales Life */
z.widgets-used .widget h3:before {
  background-color: #ddd;
  display: inline-block; }

.widgets-used .widget.ISalesLife {
  position: relative;
  border-top-color: #28d8e4; }

.widgets-used .widget.ISalesLife h3:before {
  zbackground-color: #28d8e4; }

.widgets-used .widget.IUpcomingInterviews h3:before {
  zbackground-color: #1ad0a7; }

/* Agent Life */
.widgets-used .widget.IAgentLife {
  position: relative;
  zborder-top-color: #2fdea4; }

.widgets-used .widget.IAgentLife h3:before {
  zbackground-color: #2fdea4;
  zdisplay: inline-block; }

/* Testing */
.widgets-used .widget.IAgentLife {
  z-index: url("/skins/0/images/agent-bg.jpg?v=3");
  zbackground-color: #2fdea4;
  zposition: relative;
  zbackground-size: cover; }

.widgets-used .widget.ISalesLife {
  zbackground-image: url("/skins/0/images/sales-bg.jpg?v=4");
  zbackground-color: #28d8e4;
  zposition: relative;
  zbackground-size: cover; }

.alert {
  background-color: #fff;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem; }

.alert.severityHigh,
.alert.severityMedium {
  color: #333; }

.alert a,
.alert.severityMedium a,
.alert.severityHigh a {
  ztext-decoration: underline; }

.alert.severityHigh {
  background-color: white;
  zpadding: 0.5rem 0.5rem 0.5rem 2.25rem; }

.alert.severityMedium {
  background-color: white;
  zpadding: 0.5rem 0.5rem 0.5rem 2.25rem; }

.alert:before {
  content: "";
  background-color: #999;
  width: 8px;
  padding: 0;
  margin: 0;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 9999px;
  border: none; }

.alert.severityMedium:before {
  background-color: orange; }

.alert.severityHigh:before {
  background-color: crimson; }

.widgets-used .widget.IAgentLife h3:before,
.widgets-used .widget.ISalesLife h3:before {
  zbackground-color: rgba(0, 0, 0, 0.3); }

/* Rewards */
.widgets-used .widget.IBookingWidget {
  padding: 0; }
  .widgets-used .widget.IBookingWidget section {
    padding: 20px; }
    .widgets-used .widget.IBookingWidget section.stats {
      background-color: #ba3f17;
      margin: 0 0 10px;
      display: table;
      width: 100%;
      background-position: right -29px; }
      .widgets-used .widget.IBookingWidget section.stats div {
        display: table-row; }
        .widgets-used .widget.IBookingWidget section.stats div span {
          display: table-cell;
          padding: 2.5px 0 0 15px;
          vertical-align: middle; }
          .widgets-used .widget.IBookingWidget section.stats div span:first-child {
            font-size: 1.57em;
            font-weight: 700;
            text-align: right;
            padding: 0 15px 0 0;
            border-right: 1px solid white; }
    .widgets-used .widget.IBookingWidget section.currentTier .widgetContent {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      -moz-box-pack: center;
      justify-content: center;
      -moz-box-align: center;
      height: 100%; }
    .widgets-used .widget.IBookingWidget section.currentTier .tierContainer img {
      height: 65px;
      margin: -11px auto 0;
      display: none; }
    .widgets-used .widget.IBookingWidget section.currentTier.goodLife div .lifeTier .goodLifeLogo {
      display: block; }
    .widgets-used .widget.IBookingWidget section.currentTier.bestLife div .lifeTier .bestLifeLogo {
      display: block; }
    .widgets-used .widget.IBookingWidget section.currentTier div .userPoints .lifeTier {
      font-size: 1.35em;
      margin: 0;
      display: inline-block;
      font-weight: 700;
      background-color: transparent;
      padding: 0;
      width: initial;
      color: #333;
      border: none;
      border-radius: 0;
      position: static; }

.widgets-used .widget.IBookingWidget section.currentTier .benefits {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.25); }

.widgets-used .widget.IBookingWidget section.currentTier .benefits a {
  display: inline-block;
  ztext-decoration: underline; }

.widgets-used .widget.IBookingWidget section.currentTier .userPoints {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.25); }

.widgets-used
.widget.IBookingWidget
section.currentTier
.userPoints
.pointNeeded {
  font-weight: 900; }

.widgets-used
.widget.IBookingWidget
section.currentTier
.userPoints
.currentPoints {
  background-color: white;
  font-size: 2.8em;
  padding: 20px 20px 20px;
  line-height: 1;
  left: 50%;
  margin: -15px auto 0px;
  display: inline-block; }

.widgets-used
.widget.IBookingWidget
section.currentTier
.userPoints
.currentPoints
label {
  color: coral;
  font-size: 1em;
  padding: 0;
  display: block;
  text-transform: uppercase; }

/**/
.widgets-used .widget.IBookingWidget section.currentTier div span.livingLabel {
  display: none; }

.widgets-used .widget.IBookingWidget section.currentTier .benefits {
  padding: 0;
  margin: 0; }

.IBookingWidget .lifeClassContainer {
  display: flex;
  height: 100%; }

.widgets-used .widget.IBookingWidget section.currentTier {
  position: relative;
  height: initial;
  margin: auto 0 0;
  background-color: white;
  width: 100%; }

.widgets-used .widget.IBookingWidget section.currentTier .benefits {
  line-height: 1.4;
  position: relative; }
  .widgets-used .widget.IBookingWidget section.currentTier .benefits img {
    width: 185px; }

.widgets-used .widget.IBookingWidget section.currentTier .tierContainer {
  position: absolute;
  width: 100%;
  text-align: center;
  display: inline-block;
  top: -55px;
  left: 0; }

.widgets-used .widget.IBookingWidget p {
  margin: 0; }

.widgets-used .widget.IBookingWidget section.currentTier div .lifeTier {
  font-size: 1.875em;
  margin: 10px auto 0;
  display: inline-block;
  font-weight: 700;
  background-color: transparent;
  padding: 36px 15px;
  width: initial;
  color: white;
  border: none;
  border-radius: 0;
  width: 200px;
  text-align: center;
  line-height: 1;
  position: absolute;
  background-color: white;
  border-radius: 50%;
  left: 50%;
  margin: 0 0 0 -100px;
  top: -14px;
  display: none; }

.widgets-used
.widget.IBookingWidget
section.currentTier.goodLife
div
.lifeTier {
  top: -6px; }

.widgets-used
.widget.IBookingWidget
section.currentTier.goodLife
.tierContainer
img {
  height: 60px; }

.widgets-used
.widget.IBookingWidget
section.currentTier.goodLife
.tierContainer
img {
  margin: -22px auto 0; }

/* Best Life */
.widgets-used .widget.IBookingWidget .IBookingWidgetContainerWrap {
  height: 100%; }

.widgets-used .widget.IBookingWidget.goodLifeTier {
  background-image: url("/skins/0/images/b2.jpg");
  background-size: cover;
  background-position: center -46px; }

.widgets-used .widget.IBookingWidget.bestLifeTier {
  xbackground-image: url("/skins/0/images/good-life.jpg");
  xbackground-position: center -226px;
  background-size: cover;
  background-image: url("/skins/0/images/stock-4.jpg");
  background-position: center -82px; }

.widgets-used
.widget.IBookingWidget
section.currentTier.bestLife
.userPoints
.currentPoints,
.widgets-used
.widget.IBookingWidget
section.currentTier.bestLife
.userPoints
.currentPoints
label {
  color: #07c5ee; }

.widgets-used
.widget.IBookingWidget
section.currentTier.goodLife
.userPoints
.currentPoints,
.widgets-used
.widget.IBookingWidget
section.currentTier.goodLife
.userPoints
.currentPoints
label {
  color: #f3a63b; }

.widgets-used .widget.IBookingWidget section.currentTier.bestLife {
  padding: 30px 20px; }

.widgets-used
.widget.IBookingWidget
section.currentTier.goodLife
.userPoints
.currentPoints {
  border-top: 2px solid #f3a63b;
  border-bottom: 2px solid #f3a63b; }

.widgets-used
.widget.IBookingWidget
section.currentTier
.userPoints
.currentPoints,
.bestLifeTier .userPoints {
  display: none; }

/* Rank Totals */
.widgets-used .widget.IRankTotalsWidget {
  color: black;
  padding: 0;
  background-color: #fff;
  background-image: url("/skins/0/images/t10.jpg");
  background-size: 150%;
  background-position: center -149px; }
  .widgets-used .widget.IRankTotalsWidget section {
    padding: 50px 20px; }
    .widgets-used .widget.IRankTotalsWidget section.stats {
      background-color: white;
      background-image: none;
      display: flex;
      justify-content: center;
      margin: auto 0 0;
      height: initial;
      width: 100%; }
      .widgets-used .widget.IRankTotalsWidget section.stats div {
        flex: 1;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
        .widgets-used .widget.IRankTotalsWidget section.stats div span {
          display: block;
          padding: 0;
          text-align: center;
          font-size: 0.75em;
          line-height: 1.4; }
          .widgets-used .widget.IRankTotalsWidget section.stats div span:first-child {
            font-size: 1.875em;
            font-weight: 700;
            text-align: center;
            padding: 0;
            border-right: none; }

.widgets-used .widget.IRankTotalsWidget section.stats div:first-child,
.widgets-used .widget.IRankTotalsWidget section.stats div:last-child {
  border: none; }

.widgets-used .widget .IRankTotalsWidgetContainerWrap {
  height: 100%; }

.IRankTotalsWidgetContainer {
  display: flex;
  height: 100%; }
  .IRankTotalsWidgetContainer .statsContainer {
    display: flex;
    width: 100%;
    min-height: 366px; }
    .IRankTotalsWidgetContainer .statsContainer .icon {
      position: absolute;
      width: 100px;
      left: 50%;
      margin-left: -50px;
      top: 120px;
      border-radius: 50%;
      overflow: hidden;
      border: 4px solid white;
      height: 100px;
      display: block; }
      .IRankTotalsWidgetContainer .statsContainer .icon img {
        height: 95px;
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }

/* Rank Totals */
.IRankTotalsWidgetContainer .statsContainer .icon
.widget.IAllStars div {
  width: 100%; }

.widgets-used .widget.IAllStars svg.show {
  display: initial;
  width: 22px;
  vertical-align: middle;
  margin: 0 0.35rem 0 -4px; }

.widgets-used .widget.IAllStars.draggable .results {
  zoverflow-y: auto;
  zmax-height: 425px;
  zbackground-color: rgba(0, 0, 0, 0.05);
  zpadding: 1rem;
  zbox-sizing: border-box;
  zwidth: calc(100% - 0rem);
  zborder: none; }

.widgets-used .widget.IAllStars.draggable .data td {
  border-bottom: 1px solid #dcdcdc;
  padding: 0.75rem 0.25rem; }

.widgets-used .widget.draggable .data tr:last-child td {
  border-bottom: none; }

.widgets-used .widget.IAllStars.draggable .data tr:nth-child(2) td .runnerUp,
.widgets-used .widget.IAllStars.draggable .data tr:nth-child(3) td .runnerUp,
.widgets-used .widget.IAllStars.draggable .data tr:nth-child(4) td .runnerUp {
  display: none; }

.widgets-used .widget.IAllStars.draggable .data td svg.runnerUp {
  width: 18px;
  margin: 0 0.55rem 0 -4px; }

.widgets-used .widget.IAllStars.draggable .data td svg.runnerUp path {
  fill: rgba(255, 255, 255, 0.25);
  fill: rgba(255, 255, 255, 0); }

.widgets-used .widget.IAllStars.draggable .data tr:nth-child(2) td svg path {
  fill: #ffd23e; }

.widgets-used .widget.IAllStars.draggable .data tr:nth-child(3) td svg path {
  fill: #ced3d2; }

.widgets-used .widget.IAllStars.draggable .data tr:nth-child(4) td svg path {
  fill: #fba93b; }

x.widgets-used .widget.IAllStars .form {
  background-color: #0197ff;
  margin: 1.75rem 0 0;
  padding: 2.35rem 1.5rem;
  box-sizing: border-box;
  display: none;
  flex-wrap: wrap;
  border-radius: 0 0 0.25rem 0.25rem; }

x.widgets-used .widget.IAllStars .form span {
  width: 100%;
  font-size: 1.1em;
  margin: 0 0 0.75rem; }

x.widgets-used .widget.IAllStars .form label {
  width: 39%;
  white-space: normal;
  color: white;
  font-size: 1em; }

x.widgets-used .widget.IAllStars .form input.text {
  width: 38%;
  margin: 0 0.25rem; }

x.widgets-used .widget.IAllStars .form input.submit {
  background-color: #fea400 !important;
  width: 20.5%;
  padding: 0;
  float: none;
  height: 54px; }

/* Top Recruiters */
.widget.ITopRecruiters div {
  width: 100%; }

.widgets-used .widget.ITopRecruiters.draggable h2 {
  font-size: 1.4em;
  color: white;
  padding: 1.5rem 1.5rem 0; }

.widgets-used .widget.ITopRecruiters svg.show {
  display: initial;
  width: 22px;
  vertical-align: middle;
  margin: 0 0.35rem 0 -4px; }

.widgets-used .widget.ITopRecruiters.draggable .results {
  zoverflow-y: auto;
  zbackground-color: rgba(0, 0, 0, 0.05);
  zpadding: 1rem;
  zbox-sizing: border-box;
  zwidth: calc(100% - 3rem);
  zwidth: calc(100% - 0rem);
  zborder: none; }

.IDashboard .widgets-used .widget.draggable .results,
.IDashboard .widgets-used .widget.draggable .results {
  zpadding: 1rem;
  zbackground-color: white;
  border: none;
  zheight: 232px;
  max-height: 320px;
  height: 100%;
  overflow: auto;
  border-radius: 0.75rem; }

.widgets-used .widget.ITopRecruiters.draggable .data {
  zfont-size: 1em; }

.widgets-used .widget.ITopRecruiters.draggable .data th {
  zfont-size: 1em; }

.widgets-used .widget.ITopRecruiters.draggable .data th,
.widgets-used .widget.ITopRecruiters.draggable .data td {
  zpadding: 0.75rem 0.25rem; }

.widgets-used .widget.ITopRecruiters.draggable .data th {
  zpadding: 0 0.25rem 0.75rem; }

.widgets-used
.widget.ITopRecruiters.draggable
.data
tr:nth-child(2)
td
.runnerUp,
.widgets-used
.widget.ITopRecruiters.draggable
.data
tr:nth-child(3)
td
.runnerUp,
.widgets-used
.widget.ITopRecruiters.draggable
.data
tr:nth-child(4)
td
.runnerUp {
  display: none; }

.widgets-used .widget.ITopRecruiters.draggable .data td svg.runnerUp {
  width: 18px;
  margin: 0 0.55rem 0 -4px; }

.widgets-used .widget.ITopRecruiters.draggable .data td svg.runnerUp path {
  fill: rgba(255, 255, 255, 0.25);
  fill: rgba(255, 255, 255, 0); }

.widgets-used
.widget.ITopRecruiters.draggable
.data
tr:nth-child(2)
td
svg
path {
  fill: #ffd23e; }

.widgets-used
.widget.ITopRecruiters.draggable
.data
tr:nth-child(3)
td
svg
path {
  fill: #ced3d2; }

.widgets-used
.widget.ITopRecruiters.draggable
.data
tr:nth-child(4)
td
svg
path {
  fill: #fba93b; }

.widgets-used .widget.ITopRecruiters .form {
  background-color: #0197ff;
  margin: 1.75rem 0 0;
  padding: 2.35rem 1.5rem;
  box-sizing: border-box;
  display: none;
  flex-wrap: wrap;
  border-radius: 0 0 0.25rem 0.25rem; }

.widgets-used .widget.ITopRecruiters .form span {
  width: 100%;
  font-size: 1.1em;
  margin: 0 0 0.75rem; }

.widgets-used .widget.ITopRecruiters .form label {
  width: 39%;
  white-space: normal;
  color: white;
  font-size: 1em; }

.widgets-used .widget.ITopRecruiters .form input.text {
  width: 38%;
  margin: 0 0.25rem; }

.widgets-used .widget.ITopRecruiters .form input.submit {
  background-color: #fea400 !important;
  width: 20.5%;
  padding: 0;
  float: none;
  height: 54px; }

/* Top Recruiters and All Stars */
.widgets-used .widget.ITopRecruiters td:first-child, .widgets-used .widget.IAllStars td:first-child {
  padding-left: 80px; }
.widgets-used .widget.ITopRecruiters span.agent-place, .widgets-used .widget.IAllStars span.agent-place {
  min-height: 50px;
  min-width: 50px;
  display: inline-flex;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #afafaf;
  border-radius: 12px;
  color: white;
  font-size: 1.125rem; }
.widgets-used .widget.ITopRecruiters span.agent-place.first-place, .widgets-used .widget.IAllStars span.agent-place.first-place {
  background: #6b7488;
  background: linear-gradient(45deg, #6b7488 0%, #303536 100%); }
.widgets-used .widget.ITopRecruiters span.agent-place.second-place, .widgets-used .widget.IAllStars span.agent-place.second-place {
  background: #ffcc50;
  background: linear-gradient(45deg, #ffcc50 0%, #c19113 100%); }
.widgets-used .widget.ITopRecruiters span.agent-place.third-place, .widgets-used .widget.IAllStars span.agent-place.third-place {
  background: #9ca1a2;
  background: linear-gradient(45deg, #9ca1a2 0%, #585d5e 100%); }
.widgets-used .widget.ITopRecruiters span.agent-info-wrapper, .widgets-used .widget.IAllStars span.agent-info-wrapper {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 4px;
  line-height: 1.2; }
.widgets-used .widget.ITopRecruiters span.place-logo, .widgets-used .widget.IAllStars span.place-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
.widgets-used .widget.ITopRecruiters span.place-logo.first-place, .widgets-used .widget.IAllStars span.place-logo.first-place {
  background-image: url("/skins/0/images/logos/platinum-star.svg"); }
.widgets-used .widget.ITopRecruiters span.place-logo.second-place, .widgets-used .widget.IAllStars span.place-logo.second-place {
  background-image: url("/skins/0/images/logos/gold-star.svg"); }
.widgets-used .widget.ITopRecruiters span.place-logo.third-place, .widgets-used .widget.IAllStars span.place-logo.third-place {
  background-image: url("/skins/0/images/logos/silver-star.svg"); }
.widgets-used .widget.ITopRecruiters .ITopRecruiters td:first-child, .widgets-used .widget.IAllStars .ITopRecruiters td:first-child {
  padding-left: 70px !important; }
.widgets-used .widget.ITopRecruiters span.agent-leads, .widgets-used .widget.IAllStars span.agent-leads {
  color: #777; }

/* Total Sales */
.widgets-used .widget.ITotalSales .filters * {
  box-sizing: border-box; }

.widgets-used .widget.ITotalSales .filters {
  zdisplay: flex;
  zflex-wrap: wrap; }

.widgets-used .widget.ITotalSales .filters select {
  margin: 0 0 10px 0; }

.widgets-used .widget.ITotalSales .filters input {
  zwidth: 37%;
  zmargin: 0 0.5%;
  zmin-width: unset; }

.widgets-used .widget.ITotalSales .filters input.checkbox {
  zwidth: 20px;
  zheight: 20px; }

.widgets-used .widget.ITotalSales .filters input:last-child {
  zwidth: 24.5%;
  zmargin: 0 0 0 0.5%;
  zcolor: white; }

.widgets-used .widget.ITotalSales .filters .dates {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; }

.widgets-used .widget.ITotalSales .checkbox-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px; }

.widgets-used .widget.ITotalSales .results {
  zmargin: 10px 0 0px 0.5%;
  zborder-top: 4px solid #eee;
  zpadding: 5px;
  zbackground-color: #f9fafb;
  zborder-bottom: 4px solid #eee; }

.widgets-used .widget .results table,
.widgets-used .widget table.appointments {
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0 0.5rem; }

.widget .results table tr,
.widget table.appointments tr {
  background-color: #fff;
  position: relative; }

.widgets-used .widget .results table tr:first-child th,
.widgets-used .widget table.appointments tr:first-child th {
  zpadding: 0 0 0.5rem 0; }

.widgets-used .widget .results table th,
.widgets-used .widget .results table td,
.widgets-used .widget table.appointments th,
.widgets-used .widget table.appointments td {
  zborder-bottom: 1px solid #dcdcdc;
  padding: 0.75rem 1rem;
  white-space: normal; }

.widgets-used .widget .results table th:first-child,
.widgets-used .widget .results table td:first-child,
.widgets-used .widget table.appointments th:first-child,
.widgets-used .widget table.appointments td:first-child {
  border-radius: 12px 0 0 12px; }

.widgets-used .widget .results table th:last-child,
.widgets-used .widget .results table td:last-child,
.widgets-used .widget table.appointments th:last-child,
.widgets-used .widget table.appointments td:last-child {
  text-align: right;
  border-radius: 0 12px 12px 0; }

.widgets-used .widget.ITotalSales table td:first-child:before {
  content: "";
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: deepskyblue;
  border-radius: 9999px; }

/* Top Sales */
.widgets-used .widget.ITopSales .results {
  overflow-y: auto;
  max-height: 316px;
  background-color: #f9f9f9;
  padding: 0.5rem 1rem 1rem;
  margin: 1rem 0;
  border: 1px solid #e0e0e0; }

.widgets-used .widget.ITopSales .results table {
  overflow: hidden; }

.widgets-used .widget.ITopSales .results table tr:first-child th {
  font-size: 1.1em;
  padding: 0.5rem 0; }

.widgets-used .widget.ITopSales .results table th,
.widgets-used .widget.ITopSales .results table td {
  border-bottom: 1px solid #ccc;
  padding: 0.75rem 0; }

.widgets-used .widget.ITopSales .results table th:last-child,
.widgets-used .widget.ITopSales .results table td:last-child {
  text-align: right; }

/* Executive Reports */
.widgets-used .widget.IExecutiveReports form {
  display: inline;
  display: block;
  zbackground-color: #f9f9f9; }

.widgets-used .widget.IExecutiveReports .filters {
  zdisplay: flex;
  zflex-wrap: wrap;
  zmargin-bottom: 1rem; }

.widgets-used .widget .filters input:not(.submit):not(.checkbox) {
  min-width: fit-content;
  flex: 1; }

.widgets-used .widget .filters input.submit {
  margin-left: auto; }

.widgets-used .widget.IExecutiveReports .results table th {
  font-weight: 500; }

/* Raffle */
.widgets-used .widget.IRaffle {
  padding: 0;
  background-image: url("/skins/0/images/rafflebg.jpg");
  background-position: center;
  background-size: cover;
  min-height: 340px;
  background-repeat: no-repeat; }

.IRaffleContainerWrap {
  margin: auto 0 0;
  display: initial; }

.IRaffleContainer {
  display: table; }

.IRaffleContainer .form {
  display: table-cell;
  vertical-align: middle; }

.widgets-used .widget.IRaffle .errors {
  margin-top: -16px; }

.widgets-used .widget.IRaffle .contentHead {
  padding: 1rem;
  text-align: center; }

.widgets-used .widget.IRaffle .contentHead h3 {
  margin: 0; }

.widgets-used .widget.IRaffle .contentHead h3:before {
  display: none; }

.widgets-used .widget.IRaffle .SSForm {
  padding: 0;
  box-shadow: none; }

.widgets-used .widget.IRaffle .IRaffleFormFields {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px; }

.widgets-used .widget.IRaffle .info {
  width: 100%;
  font-size: 1em;
  text-align: center; }

.widgets-used .widget.IRaffle .FormTable {
  width: 100%; }

.widgets-used .widget.IRaffle .FormTable label {
  margin: 1.5rem 0 0;
  display: block; }

.widgets-used .widget.IRaffle .FormTable td {
  width: 50%;
  padding: 0 0.5rem 0 1.5rem; }

.widgets-used .widget.IRaffle .FormTable td:last-child {
  padding: 0 1.5rem 0 0; }

.widgets-used .widget.IRaffle .IRaffleFormActions.FormActions {
  margin: 0;
  text-align: center; }

.widgets-used .widget.IRaffle .IRaffleFormActions.FormActions .submit {
  margin: 0 auto;
  padding: 1rem 1.5rem;
  border-radius: 50%;
  text-transform: uppercase;
  width: 100px;
  height: 100px;
  color: white;
  font-weight: 700; }

@media screen and (max-width: 1300px) {
  .widgets-used .widget.IRaffle .FormTable td {
    width: 100%;
    padding: 0 0.5rem 0 0.5rem;
    box-sizing: border-box; }

  .widgets-used .widget.IRaffle .FormTable td:last-child {
    padding: 0 0.5rem 0 0.5rem; }

  .widgets-used .widget.IRaffle .FormTable label {
    margin: 0.5rem 0 0; } }
.IRaffle .text-box {
  margin-left: 44vw;
  margin-top: 42vh; }

.IRaffle .btn:link,
.IRaffle .btn:visited {
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 40px;
  display: inline-block;
  border-radius: 100px;
  transition: all 0.2s;
  position: absolute; }

.IRaffle .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  border: 3px solid #f5f1e8;
  outline: 3px solid deepskyblue; }

.IRaffle .btn:active {
  transform: translateY(-1px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.IRaffle .btn:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.4s; }

.IRaffle .btn-white:after {
  background-color: #fff; }

.IRaffle .btn:hover:after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0; }

.IRaffle .btn-animated {
  animation: moveInBottom 2s ease-out;
  animation-fill-mode: backwards; }

@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }
/* booking widget */
@media screen and (max-width: 750px) {
  .IDashboard .widget .IComponent.IBookingWidgetContainer {
    height: 400px; }

  .widgets-used .widget.IBookingWidget section.currentTier {
    width: 100%; } }
/*
$fuschia: #ff0081;
$button-bg: $fuschia;
$button-text-color: #fff;
$baby-blue: #f8faff;

.EnterAction{
  display: inline-block;
  padding: 1em 2em;
  margin-bottom: 60px;
  -webkit-appearance: none;
  appearance: none;
  background-color: $button-bg;
  color: $button-text-color;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);
  
  &:focus {
    outline: 0;
  }
  
  &:before, &:after{
    position: absolute;
    content: '';
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
  }
  
  &:before{
    display: none;
    top: -75%;
    background-image:  
      radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle,  transparent 20%, $button-bg 20%, transparent 30%),
    radial-gradient(circle, $button-bg 20%, transparent 20%), 
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle,  transparent 10%, $button-bg 15%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  //background-position: 0% 80%, -5% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 85% 30%;
  }
  
  &:after{
    display: none;
    bottom: -75%;
    background-image:  
    radial-gradient(circle, $button-bg 20%, transparent 20%), 
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle,  transparent 10%, $button-bg 15%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%),
    radial-gradient(circle, $button-bg 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
  //background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
 
  &:active{
    transform: scale(0.9);
    background-color: darken($button-bg, 5%);
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
  }
  
  &.animate{
    &:before{
      display: block;
      animation: topBubbles ease-in-out 0.75s forwards;
    }
    &:after{
      display: block;
      animation: bottomBubbles ease-in-out 0.75s forwards;
    }
  }
}


@keyframes topBubbles {
  0%{
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
    50% {
      background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;}
 100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
  background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}

@keyframes bottomBubbles {
  0%{
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;}
 100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
  background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  }
}
*/
/* Upcoming Appointments */
.widgets-used .widget.IUpcomingInterviews h4 {
  font-size: 0.85em;
  margin: 0 0 0.25rem 0;
  font-weight: 500;
  display: none; }

.widgets-used .widget.IUpcomingInterviews table td:first-child:before {
  content: "";
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: crimson;
  border-radius: 9999px; }

.widgets-used .widget.IUpcomingInterviews .firstRow td {
  zfont-weight: 700;
  zvertical-align: bottom;
  zborder-bottom: 1px solid #ccc;
  zpadding: 0.25rem 0.25rem 1rem 0.25rem;
  white-space: normal; }

.widgets-used .widget.IUpcomingInterviews td:last-child {
  text-align: right; }

@media screen and (max-width: 600px) {
  .widgets-used .widget.IUpcomingInterviews .upcomingAppointments {
    overflow-x: scroll; } }
/* Booking Widget */
.IBookingWidget h2 {
  margin: 0;
  width: 68%; }

.travelCreditsExplainationContainer {
  margin: 0.5rem 0 1rem; }

.travelCreditsExplainationContainer a {
  font-size: 0.9rem;
  color: blue; }

#tcExplained {
  overflow: visible;
  border: 1px solid #e0e0e0;
  padding: 0 0.5rem;
  font-size: 0.9em;
  background-color: #f9f9f9; }

.IBookingWidget .travelCredits {
  position: absolute;
  top: -14px;
  right: 2rem;
  background-color: #fea400;
  padding: 1.5rem;
  border-radius: 50%;
  text-align: center;
  z-index: 1;
  width: 130px;
  border: 4px solid white; }

.IBookingWidget .travelCredits label {
  color: white;
  display: block;
  white-space: normal;
  line-height: 1.1em; }

.IBookingWidget .travelCredits span {
  color: white;
  font-size: 2.15em;
  margin: 0.5rem 0 0;
  display: block; }

.IBookingWidget .lifeClassContainer {
  height: 100%; }

/* Booking Form */
.searchForm {
  font-family: arial;
  font-size: 1em;
  color: #555;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  color: #333; }

.searchForm a {
  color: #333;
  text-decoration: none; }

.searchForm input {
  width: 100%;
  font-weight: bold; }

.searchForm input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.searchForm select {
  font-weight: bold; }

.searchForm form {
  display: table;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  box-sizing: border-box; }

.searchTabs {
  display: table;
  width: 100%; }

.searchTabs ul {
  padding: 0;
  margin: 0; }

.searchTabs ul li {
  display: table-cell;
  width: 1%;
  text-align: center;
  border-right: 1px solid white; }

.searchTabs li:last-child {
  border-right: none; }

.searchTabs ul li a {
  border: 1px solid #ccc;
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  padding: 10px; }

.searchTabs ul li a.active {
  background-color: white; }

.searchContainer {
  background-color: white;
  border: 1px solid #ccc;
  padding: 15px;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  margin: -1px 0 0; }

.searchContainer label {
  display: block;
  margin: 0 0 5px 0;
  font-size: 1em; }

.searchForm form div {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px 0 0; }

.searchForm form div.searchTypeContainer {
  width: 100%;
  margin: 0 0 1.5rem 0; }

.searchForm form div.searchFieldContainer {
  width: 48%;
  margin: 0 0 1.5rem 0; }

.searchForm form div.searchFieldContainer.checkOut {
  width: 48%;
  margin: 0; }

.searchFieldContainer input {
  background-repeat: no-repeat;
  background-position: right 10px center; }

.searchForm form div.searchFieldContainer.numberOfRooms {
  width: 15%;
  margin: 0; }

.searchForm form div.hotelNameContainer {
  width: 63.5%; }

.searchForm form div.GoButtonHolder {
  vertical-align: bottom;
  width: 17%;
  margin: 0;
  padding: 0; }

.GoButtonHolder input {
  background-color: #0072ce;
  color: white;
  border: none; }

@media screen and (max-width: 1200px) {
  .searchForm form div {
    display: inline-block;
    margin: 10px 0 0; }

  .searchForm form div.searchTypeContainer {
    width: 50%; }

  .searchForm form div.searchFieldContainer {
    width: 23.7%; }

  .searchForm form div.hotelNameContainer {
    width: 39%; } }
@media screen and (max-width: 1200px) {
  .searchForm form div.searchFieldContainer {
    width: 23%; }

  .searchForm form div.GoButtonHolder {
    width: 23%; } }
@media screen and (max-width: 600px) {
  .searchForm form div.searchTypeContainer,
  .searchForm form div.searchFieldContainer,
  .searchForm form div.hotelNameContainer,
  .searchForm form div.GoButtonHolder,
  .searchForm form div.searchFieldContainer.numberOfRooms {
    width: 100%;
    padding: 0; }

  .searchForm form div.searchFieldContainer.numberOfRooms {
    width: 50%; } }
/* Autocomplete Customizations */
.ui-menu .ui-menu-item {
  border: 1px solid transparent; }

/* QR Code */
.widgets-used .widget.IQRCodeInvite canvas {
  display: block;
  width: 100%;
  margin: 1rem 0;
  background: white;
  padding: 1rem 20%;
  border-radius: 0.75rem; }

.widgets-used .widget.IQRCodeInvite .copy-action {
  text-align: center; }

/* Vendor Dashboard */
.IVendorDashboard .dashboardHeader {
  background-color: white;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 45px 0;
  xpadding: 15px;
  display: flex; }
  .IVendorDashboard .dashboardHeader h1 {
    font-size: 18px;
    font-weight: 700;
    flex: 1 0;
    padding: 28px 10px; }
  .IVendorDashboard .dashboardHeader .commands {
    xflex: 1;
    margin: 0;
    padding: 0;
    float: none; }
.IVendorDashboard .mainBody {
  padding: 0; }
  .IVendorDashboard .mainBody .dash-container {
    width: 80%;
    margin: 0 auto; }
    .IVendorDashboard .mainBody .dash-container .dash tr {
      display: flex;
      flex-wrap: wrap; }
      .IVendorDashboard .mainBody .dash-container .dash tr td {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        xflex: 1;
        gap: 20px; }
        .IVendorDashboard .mainBody .dash-container .dash tr td #myChart {
          margin: 0 auto; }
        .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div {
          background-color: white;
          flex: 1;
          align-items: center;
          display: flex;
          flex-wrap: wrap;
          padding: 15px;
          text-align: center;
          box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0);
          transition: all 0.4s; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div:hover {
            box-shadow: 0px 3px 19px 0px rgba(0, 0, 0, 0.15); }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div div.innerContents {
            padding: 0;
            box-shadow: none; }
            .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div div.innerContents:hover {
              box-shadow: none; }
            .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div div.innerContents .icon {
              background-color: red;
              width: 60px;
              height: 60px;
              flex: none;
              margin: 0px auto 50px;
              text-align: center;
              padding: 0;
              border-radius: 50%; }
              .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div div.innerContents .icon:hover {
                box-shadow: none; }
              .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div div.innerContents .icon svg {
                margin: 0 auto; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.totalSalesVolume div.innerContents .icon {
            background-color: #e8f3fe; }
            .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.totalSalesVolume div.innerContents .icon svg {
              margin: 0 auto; }
              .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.totalSalesVolume div.innerContents .icon svg path {
                fill: #307ae9; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.potentialCommission div.innerContents .icon {
            background-color: #eefaeb; }
            .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.potentialCommission div.innerContents .icon svg {
              margin: 0 auto; }
              .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.potentialCommission div.innerContents .icon svg path {
                fill: #58ba46; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.totalLeads div.innerContents .icon {
            background-color: #f3f1fe; }
            .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.totalLeads div.innerContents .icon svg {
              margin: 0 auto; }
              .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div.totalLeads div.innerContents .icon svg path {
                fill: #8369f1; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div label {
            font-size: 14px;
            order: 2;
            width: 100%;
            margin: 15px 0 0;
            color: #555; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div span {
            font-size: 60px;
            font-weight: 900;
            width: 100%; }
          .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div:last-child ul li {
            font-size: 20px;
            text-align: left; }

@media screen and (max-width: 1366px) {
  .IVendorDashboard .mainBody .dash-container {
    width: 100%;
    padding: 20px; }
    .IVendorDashboard .mainBody .dash-container .dash {
      width: 100%;
      min-width: 100% !important; }

  .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div {
    flex: none;
    width: 48%;
    margin: 0 auto; }

  #myChart {
    width: 100% !important; } }
@media screen and (max-width: 600px) {
  .IVendorDashboard .dashboardHeader h1 {
    font-size: 14px; }

  .IVendorDashboard .mainBody .dash-container .dash tr td:first-child div {
    width: 100%; } }
.IRaffleGame {
  padding: 0 !important; }

.raffle-card {
  background-color: #00a3ff;
  border-radius: 16px;
  padding: 24px;
  color: white; }

.raffle-points {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0; }

.raffle-points-value {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.5rem;
  font-weight: bold; }

.raffle-points-value:before {
  content: "";
  position: relative;
  display: block;
  background-image: url("/skins/0/images/star-badge.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 1.25rem;
  width: 1.25rem; }

.raffle-expire {
  font-size: 14px;
  opacity: 0.8; }

.raffle-progress {
  background: white;
  border-radius: 16px;
  padding: 20px;
  margin: -20px 20px 20px;
  -moz-box-shadow: 10px 15px 15px 0px #f1f1f1;
  -webkit-box-shadow: 10px 15px 15px 0px #f1f1f1;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1), 4px 4px 6px rgba(0, 0, 0, 0.05); }

.raffle-days {
  display: flex;
  justify-content: center;
  margin: 16px 0;
  flex-wrap: wrap;
  gap: 0.5rem; }

.raffle-day {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 2.75rem; }

.raffle-card h3 {
  color: white; }

/* wrapper div of raffle-day-points and raffle-day-circle */
.raffle-day-cntent {
  display: flex;
  padding: 0.5rem 0.25rem;
  flex-direction: column;
  align-items: center;
  background: #ebebeb;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  width: 100%;
  gap: 0.25rem; }

.raffle-day.checked .raffle-day-cntent {
  background: #f8f2ea; }

.raffle-day.checked .raffle-day-cntent,
.raffle-day.current .raffle-day-cntent {
  border: 1px solid #00a3ff; }
.raffle-day.checked .raffle-day-points,
.raffle-day.checked .raffle-day-label,
.raffle-day.current .raffle-day-points,
.raffle-day.current .raffle-day-label {
  color: #00a3ff; }

.raffle-day-points,
.raffle-day-label {
  color: #666;
  font-size: 0.675rem; }

.raffle-day-circle {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00a3ff;
  background-image: url("/skins/0/images/star-badge.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.raffle-day.checked .raffle-day-circle {
  border: 2px solid #00a3ff;
  background: white; }

.raffle-day:last-of-type .raffle-day-cntent {
  padding: 0;
  background: radial-gradient(circle, #9ff0ff, #00bfeb);
  padding-bottom: 8px; }
  .raffle-day:last-of-type .raffle-day-cntent .raffle-day-points {
    background: #00aee3;
    color: white;
    padding: 0 4px;
    border-radius: 8px 8px 0 0; }
  .raffle-day:last-of-type .raffle-day-cntent .raffle-day-circle {
    background-image: url("/skins/0/images/medals.svg");
    width: 28px;
    height: 28px; }

.raffle-message {
  text-align: center;
  color: #666;
  font-size: 14px;
  xmargin: 16px 0; }

button.raffle-play.submit,
button.raffle-spin.submit {
  /* Reset inherited styles */
  position: static !important;
  display: block !important;
  background: #666 !important;
  padding: 12px !important;
  width: 70% !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: white !important;
  border: none !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  z-index: auto !important;
  margin: 1.25rem auto !important; }

.raffle-progress .raffle-play:disabled,
button.raffle-play.submit:disabled,
.raffle-progress .raffle-spin:disabled,
button.raffle-spin.submit:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: #666 !important; }

.raffle-game-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; }
  .raffle-game-overlay.overlay-hidden {
    display: none; }

.raffle-game-container {
  background-color: #fff;
  width: 400px;
  padding: 30px;
  margin-bottom: 0;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd;
  max-width: 90%;
  text-align: center;
  position: relative; }
  .raffle-game-container .card-hidden {
    display: none; }

.IRaffleGame h3:before {
  display: none !important; }

.raffle-game-title {
  color: #00a3ff;
  font-size: 20px;
  margin-bottom: 24px; }

.raffle-wheel {
  display: none;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 10px solid #ffd700;
  position: relative;
  background: #0099ff;
  margin: 20px auto;
  transform-origin: center; }

.raffle-wheel-segment {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  color: white;
  font-weight: bold;
  transform-origin: center; }

.raffle-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  background: none !important;
  border: none !important;
  font-size: 24px !important;
  cursor: pointer !important;
  color: #666 !important;
  padding: 4px 8px !important; }

.jackpot-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.jackpot-card h3 {
  font-size: 1.75rem; }

.jackpot-image {
  display: flex;
  justify-content: center;
  margin: 20px auto; }
  .jackpot-image img {
    width: 80%;
    height: auto;
    max-width: 250px; }

.jackpot-points {
  margin-top: 1.5rem;
  font-size: 1.125rem; }

.close-jackpot-card,
.close-raffle-card {
  position: absolute;
  top: 1rem;
  right: 1rem; }
  .close-jackpot-card .close-jackpot-button,
  .close-jackpot-card .close-card-button,
  .close-raffle-card .close-jackpot-button,
  .close-raffle-card .close-card-button {
    border: unset;
    background-color: unset;
    cursor: pointer; }
    .close-jackpot-card .close-jackpot-button svg path,
    .close-jackpot-card .close-card-button svg path,
    .close-raffle-card .close-jackpot-button svg path,
    .close-raffle-card .close-card-button svg path {
      fill: #999 !important; }

.raffle-game-overlay .raffle-wheel-v2 {
  display: grid !important; }

.raffle-wheel-v2 {
  display: none !important;
  --_items: 12;
  all: unset;
  aspect-ratio: 1 / 1;
  container-type: inline-size;
  direction: ltr;
  background: #f0d376;
  background: linear-gradient(90deg, #f0d376 0%, #b78841 20%, #f0d376 50%, #b78841 80%, #f0d376 100%);
  padding: 1rem !important;
  border-radius: 50%;
  position: relative;
  margin: 2rem 0; }
  .raffle-wheel-v2::after {
    aspect-ratio: 1/cos(30deg);
    background: #f0d376;
    background: linear-gradient(90deg, #b78841 0%, #f0d376 50%, #b78841 100%);
    clip-path: polygon(50% 100%, 100% 0, 0 0);
    content: "";
    height: 5cqi;
    position: absolute;
    place-self: center center;
    scale: 1.4;
    left: 57.5%;
    transform: rotate(270deg) translateX(30%);
    top: 50%; }
  .raffle-wheel-v2 > * {
    position: absolute; }
  .raffle-wheel-v2 button {
    aspect-ratio: 1 / 1;
    background: #f0d376;
    background: linear-gradient(180deg, #f0d376 0%, #b78841 25%, #f0d376 50%, #b78841 75%, #f0d376 100%);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 5cqi;
    place-self: center;
    width: 17cqi;
    padding: 6px; }
    .raffle-wheel-v2 button:before {
      content: "";
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 9999px;
      background-color: #009ccc; }
  .raffle-wheel-v2 ul {
    all: unset;
    clip-path: inset(0 0 0 0 round 50%);
    display: grid;
    inset: 0;
    place-content: center start;
    width: 100%;
    height: 100%; }
    .raffle-wheel-v2 ul li {
      --_idx: 0;
      align-content: center;
      aspect-ratio: 1/calc(2 * tan(180deg / var(--_items)));
      clip-path: polygon(0% -1%, 100% 50%, 0% 100%);
      display: grid;
      font-size: 5cqi;
      grid-area: 1 / -1;
      padding-right: 5ch;
      rotate: calc(360deg / var(--_items) * calc(var(--_idx) - 1));
      transform-origin: center right;
      user-select: none;
      justify-content: flex-start;
      width: 51cqi;
      color: white;
      gap: 8px;
      display: flex;
      align-items: center;
      flex-direction: row-reverse; }
      .raffle-wheel-v2 ul li:nth-child(even) {
        background: linear-gradient(90deg, #30abe8, #609bb9); }
      .raffle-wheel-v2 ul li:nth-child(odd) {
        background: linear-gradient(90deg, #206d92, #48a9d8f5); }
      .raffle-wheel-v2 ul li span {
        transform: rotate(180deg);
        white-space: nowrap; }

/* Raffle Game wheel with images */
.raffle-overlay .raffle-wheel-v3 {
  display: flex !important; }

.raffle-wheel-v3 {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-image: url("/skins/0/images/raffle-wheel-border.png");
  position: relative;
  padding: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
  display: none !important; }

.raffle-wheel-v3,
.raffle-wheel-v3 img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.raffle-points-image {
  width: 100%; }

.raffle-wheel-needle {
  position: absolute;
  width: 65px; }

/* Onboarding */
.IInformDialog .contentHead {
  padding: 0; }

.IOnboarding .commands {
  margin: 0;
  float: none; }

.Module-Recruiting .progress {
  display: none; }

.Module-Onboarding .SSForm {
  box-shadow: none; }

x.Module-Onboarding .mainBody {
  display: flex;
  flex-wrap: wrap; }

.Module-Onboarding .mainBody .onboarding-progress,
.progress {
  display: table;
  width: 100%;
  height: 1rem;
  margin: 0 0 0.75rem 0; }

.Module-Onboarding .mainBody .onboarding-progress div,
.progress div {
  background-color: #ccc;
  display: table-cell;
  border: 1px solid #f5f5f5;
  height: 1.25rem; }

.Module-Onboarding .mainBody .onboarding-progress div:first-child,
.progress div:first-child {
  border-radius: 2rem 0 0 2rem; }

.Module-Onboarding .mainBody .onboarding-progress div:last-child,
.progress div:last-child {
  border-radius: 0 2rem 2rem 0; }

.Module-Onboarding .mainBody .onboarding-progress div.done,
.progress div.done {
  background-color: #4bbf3c; }

.Module-Onboarding .mainBody .onboarding-progress .done:last-child {
  border-radius: 0 8px 8px 0; }

.Module-Onboarding .mainBody .listLicensing,
.Module-Onboarding .mainBody .listAgentSetup,
.Module-Onboarding .mainBody .listContracting {
  zwidth: 100%;
  background-color: #f1f2f4;
  border-radius: 0.75rem;
  min-width: 350px;
  height: fit-content;
  zmargin: 0.5rem 0;
  zpadding: 0;
  zborder: 1px solid #ccc; }

.Module-Onboarding a.expandLink {
  text-decoration: none; }

.IMasterQuestionaire h2 {
  padding: 1rem 0; }

.Module-Onboarding h2 {
  margin: 1rem;
  font-size: 1.15em;
  color: rgba(0, 0, 0, 0.9);
  display: inline-block !important; }

.IQuestionaireSupportEditor h2 {
  padding: 1rem 0 0; }

.Module-Onboarding a.expandLink:hover h2 {
  text-decoration: underline; }

.Module-Onboarding h2 svg {
  width: 0.85rem;
  margin: 2px 0.5rem 0 0;
  float: left; }

.collapseIcon.toggled {
  display: inline !important; }

.extendIcon.toggled {
  display: none !important; }

.Module-Onboarding h2 svg path {
  fill: #555; }

.Module-Onboarding .containerWrap {
  transition: all 0.3s ease-out 0s; }

.Module-Onboarding .containerWrap.toggled {
  display: block; }

.Module-Onboarding .list {
  width: 100%; }

/* First Login Animation */
.onFirstLogin .onboarding-requirement {
  position: relative;
  transition: all 0.3s ease-out 0s; }

.onFirstLogin .onboarding-requirement .starHere {
  opacity: 0;
  position: absolute;
  top: -1.75rem;
  left: calc(100% - 100px);
  animation-timing-function: ease;
  transition: all 0.8s ease-out 0s; }

.onFirstLogin .onboarding-requirement .starHere div span {
  background-color: white;
  padding: 1rem 2rem 0.75rem;
  color: #333;
  z-index: 2;
  border-radius: 0.25rem;
  position: relative;
  line-height: 1;
  font-size: 1.2em;
  font-weight: 700;
  box-shadow: 6px 7px 7px 0px rgba(0, 0, 0, 0.1); }

.onFirstLogin .onboarding-requirement .starHere div:before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: white;
  top: 19px;
  transform: rotate(45deg);
  position: absolute;
  left: 50%;
  margin: 0 0 0 -12px;
  z-index: 3; }

.onFirstLogin .onboarding-requirement .starHere div:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1; }

.onFirstLogin .onboarding-requirement .starHere.move {
  left: calc(36px);
  opacity: 1; }

.onFirstLogin .onboarding-requirement .starHere.hide {
  opacity: 0; }

@media screen and (max-width: 850px) {
  .onFirstLogin .onboarding-requirement .starHere div::before {
    top: 19px; } }
/***********************/
/***** Onboarding ******/
/***********************/
.IOnboardingContainer > div {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

.onboarding-requirement {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1rem;
  background-color: white;
  margin: 1.25rem;
  padding: 1rem;
  border-radius: 0.75rem;
  transition: all 0.3s ease-out 0s; }

.onboarding-requirement > input[type="checkbox"] {
  display: none !important; }

.onboarding-requirement .onboarding-section-title {
  color: #000;
  text-decoration: none; }
  .onboarding-requirement .onboarding-section-title:hover {
    text-decoration: none; }
  .onboarding-requirement .onboarding-section-title svg {
    display: none; }
.onboarding-requirement .status-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 14px; }
  .onboarding-requirement .status-wrapper .status-text {
    line-height: 2; }
    .onboarding-requirement .status-wrapper .status-text:before {
      content: "\2713";
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 1rem;
      height: 1rem;
      color: white;
      margin-right: 4px;
      border-radius: 9999px; }
    .onboarding-requirement .status-wrapper .status-text.complete {
      color: #2ad56b; }
      .onboarding-requirement .status-wrapper .status-text.complete:before {
        background-color: #2ad56b; }
    .onboarding-requirement .status-wrapper .status-text.incomplete {
      color: #fdb525; }
      .onboarding-requirement .status-wrapper .status-text.incomplete:before {
        background-color: #fdb525; }
  .onboarding-requirement .status-wrapper .action-text {
    color: white;
    padding: 0.5rem 1rem;
    line-height: 1;
    cursor: pointer;
    border-radius: 9999px;
    user-select: none; }
    .onboarding-requirement .status-wrapper .action-text.complete {
      background-color: #1bbe7f; }
    .onboarding-requirement .status-wrapper .action-text.incomplete {
      background-color: #f8ae1b; }
      .onboarding-requirement .status-wrapper .action-text.incomplete:hover {
        background-color: #1bbe7f; }

.onboarding-requirement .SSFormBody {
  zborder: 1px solid #ddd; }

.onboarding-requirement label {
  white-space: normal; }

.onboarding-requirement:first-child {
  border-top: 1px solid #ccc; }

.onboarding-requirement:last-child {
  border-bottom: none; }

.onboarding-requirement h1 {
  font-size: 1em;
  font-weight: 700;
  color: #444;
  text-transform: uppercase;
  margin: 0 0 10px; }

.onboarding-requirement a {
  zpadding: 0 0 0.75rem;
  display: inline-block;
  font-size: 1em;
  font-weight: 500; }

.onboarding-requirement a:hover {
  text-decoration: underline; }

.onboarding-requirement a svg {
  width: 13px;
  height: 13px;
  margin: 9px 0 0 5px;
  position: relative;
  top: 2px;
  transform: rotate(0deg);
  transition: all 0.3s ease-out 0s; }

.onboarding-requirement.open a svg {
  transform: rotate(-180deg); }

.onboarding-requirement svg path {
  fill: #555; }

.onboarding-requirement input {
  xwidth: initial; }

.onboarding-requirement input[type="checkbox"]:disabled {
  background-color: #eee !important; }

.onboarding-requirement input[type="checkbox"] {
  width: 20px;
  height: 20px;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0px 8px 0 0;
  position: relative;
  ztop: 4px;
  z-index: 0; }

.IOnboarding div.onboarding-requirement > input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  transition-duration: 0.3s;
  cursor: pointer; }

.IOnboarding div.onboarding-requirement > input[type="checkbox"]:checked {
  border: 1px solid #4bbf3c;
  background-color: #4bbf3c !important;
  color: white; }

.IOnboarding
div.onboarding-requirement
> input[type="checkbox"]:checked:before {
  left: 5px;
  top: 1px;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute; }

.IOnboarding div.onboarding-requirement > input[type="checkbox"]:active {
  border: 2px solid #34495e; }

.onboarding-requirement .require-action {
  background-color: #f7f7f7;
  width: 100%;
  margin: 0;
  padding: 1rem;
  border-radius: 0.75rem; }

.onboarding-requirement .require-action:last-child {
  zmargin: 0 0 1rem 0; }

.onboarding-requirement .require-action .FormFields label {
  width: 100%; }

.onboarding-requirement .require-action .dateInputView {
  display: flex;
  flex-wrap: wrap; }
  .onboarding-requirement .require-action .dateInputView select,
  .onboarding-requirement .require-action .dateInputView input {
    flex: 1;
    border-radius: 0.75rem;
    margin: 0;
    width: unset; }
  .onboarding-requirement .require-action .dateInputView input {
    width: 80px; }

.onboarding-requirement .require-action .radioGroupView {
  display: flex;
  flex-wrap: wrap; }

.onboarding-requirement .require-action .submit {
  margin-top: 0.5rem; }

.onboarding-requirement .require-action a {
  text-decoration: underline;
  zmargin: 0 0.75rem 0 0;
  color: blue; }

.onboarding-requirement .require-action .call-to-action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: white; }
  .onboarding-requirement .require-action .call-to-action svg {
    fill: white;
    width: 20px;
    height: 20px; }
  .onboarding-requirement .require-action .call-to-action:hover:not(:disabled), .onboarding-requirement .require-action .call-to-action:focus:not(:disabled) {
    color: white;
    background-color: #0099cc; }
    .onboarding-requirement .require-action .call-to-action:hover:not(:disabled) svg, .onboarding-requirement .require-action .call-to-action:focus:not(:disabled) svg {
      fill: white; }
  .onboarding-requirement .require-action .call-to-action:focus {
    outline: none; }
  .onboarding-requirement .require-action .call-to-action:hover {
    text-decoration: none !important; }
  .onboarding-requirement .require-action .call-to-action.submit:active {
    filter: brightness(85%); }
  .onboarding-requirement .require-action .call-to-action:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .onboarding-requirement .require-action .call-to-action:disabled svg {
      fill: #000000; }
  .onboarding-requirement .require-action .call-to-action.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.onboarding-requirement .require-action a:first-child {
  margin: 0;
  padding: 0;
  zdisplay: inline; }

.onboarding-requirement a.carrier-specific-toggle {
  text-decoration: none;
  color: #1877aa; }

.onboarding-requirement a.carrier-specific-toggle:hover {
  text-decoration: underline; }

.onboarding-requirement a.carrier-specific-toggle h3 {
  color: #1877aa;
  text-decoration: none; }

.onboarding-requirement a.carrier-specific-toggle.open svg {
  transform: rotate(-180deg); }

.onboarding-requirement .require-action p a {
  margin: 0; }

.onboarding-requirement .SSFormBody {
  background-color: white;
  zborder: 1px solid #e9e9e9;
  padding: 1rem;
  border-radius: 0.75rem; }

.Module-Onboarding .onboarding-requirement .SSFormBody h2 {
  margin: 0;
  padding: 1rem 0; }

.onboarding-requirement .SSFormBody table {
  width: 100%; }

.onboarding-requirement .SSFormBody table th {
  text-align: left; }

.onboarding-requirement .SSFormBody .FormActions {
  margin: 20px 0px 0; }

.onboarding-requirement .info .importantInfo {
  display: block;
  font-weight: 700; }

.onboarding-requirement .IAgentCarrierEditorContainer {
  margin: 0 0 1rem 0; }

#theSocialSecurityNumberAjax {
  position: relative; }

#theSocialSecurityNumberAjax svg.social {
  position: absolute;
  right: 10px;
  bottom: 1.25rem; }

#theSocialSecurityNumberAjax input {
  xwidth: -webkit-calc(100% - 40px);
  xwidth: -moz-calc(100% - 40px);
  xwidth: calc(100% - 40px); }

#theSocialSecurityNumberAjax svg.social path {
  fill: green; }

#theSocialSecurityNumberAjax .socialVisible {
  position: absolute;
  right: 55px;
  top: 47px; }

#theSocialSecurityNumberAjax .socialVisible svg {
  width: 16px;
  height: 16px; }

#theSocialSecurityNumberAjax .socialVisible svg path {
  fill: #b8b8b9; }

.onboarding-requirement .badge {
  padding: 6px 10px 4px;
  margin: 0 0 0 0.25rem;
  color: white;
  font-size: 0.75em;
  line-height: 1;
  border-radius: 1rem;
  text-transform: uppercase; }

.onboarding-requirement .badge.statusReviewing {
  background-color: darkgray; }

.onboarding-requirement .badge.statusNeedsWork {
  background-color: red; }

.onboarding-requirement .badge.statusSubmitted {
  background-color: orange; }

.onboarding-requirement .badge.statusAccepted {
  background-color: #a3d200 !important;
  border-color: #81a603 !important; }

.onboarding-requirement .IInformDialogContainer .SSFormBody {
  border: none; }

.onboarding-requirement .IInformDialogContainer .SSFormBody span.instructions {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 1rem; }

@media screen and (min-width: 1500px) {
  .Module-Onboarding .list {
    width: 50%; } }
@media screen and (max-width: 1500px) {
  .onboarding-requirement tr {
    display: flex;
    flex-wrap: wrap; } }
@media screen and (max-width: 1000px) {
  .Module-Onboarding .list {
    width: 100%; }

  .Module-Onboarding .mainBody {
    zpadding: 0; } }
/* Instruction Dialogs */
div#overlay {
  opacity: 0.75 !important;
  background-color: rgba(0, 0, 0, 0.75) !important;
  z-index: 2 !important;
  position: fixed !important; }

.IInformDialogContainer .SSFormBody {
  padding: 0; }

.IInformDialogContainer td {
  width: 100%;
  padding: 0; }

/* Onboarding Wizard */
.wizard-step {
  display: flex;
  margin: 60px 0 25px; }
  .wizard-step div {
    flex: 1;
    text-align: center;
    position: relative;
    min-width: 120px;
    line-height: 1.4em;
    margin: 0 5px; }
    .wizard-step div a {
      color: #2bd56a;
      font-size: 14px; }
    .wizard-step div:before {
      content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>");
      background-color: #2bd56a;
      border: 2px solid #2bd56a;
      width: 15px;
      height: 15px;
      position: absolute;
      top: -50px;
      left: 50%;
      transform: translate(-50%, 0%);
      border-radius: 50%;
      display: flex;
      padding: 12px;
      z-index: 1; }
    .wizard-step div:after {
      content: "";
      background-color: #2bd56a;
      padding: 4px;
      position: absolute;
      left: 50%;
      width: 100%;
      top: -32px;
      z-index: 0; }
    .wizard-step div.incomplete a {
      color: #999; }
    .wizard-step div.incomplete:before {
      background-color: #f4f4f4;
      border-color: #dddddd;
      content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(0, 0, 0, 0.2)' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }
    .wizard-step div.incomplete:after {
      background-color: #dddddd; }
    .wizard-step div.option-selected a {
      color: #2bd56a; }
    .wizard-step div.option-selected:before {
      border-color: #2bd56a;
      color: #2bd56a;
      content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(43, 213, 106)' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }
    .wizard-step div.option-selected.completed:before {
      content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }
    .wizard-step div.option-selected:after {
      background-color: #2bd56a; }
    .wizard-step div.option-selected.incomplete .wizard-step div.option-selected:after {
      background-color: #dddddd; }
    .wizard-step div.connect {
      display: none; }
    .wizard-step div:last-child:after {
      display: none; }

/* Interviews */
.IInterviewsContainer {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.interview {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  background-color: #f4f4f4;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd;
  box-shadow: none; }
  .interview p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333; }
  .interview p.name {
    font-size: 20px;
    margin-bottom: 10px; }
  .interview.hired p.name {
    width: calc(100% - 50px); }
  .interview p.email a {
    color: #333; }
  .interview p.invited {
    color: #777777; }
  .interview .commands {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 0 0; }
  .interview .commands a.hiringFlow,
  .interview .commands a.scheduleInterview,
  .interview .commands a.rescheduleInterview {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: block;
    min-width: fit-content;
    background-color: #323338;
    color: white;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2;
    border: none;
    height: unset; }
    .interview .commands a.hiringFlow:hover,
    .interview .commands a.scheduleInterview:hover,
    .interview .commands a.rescheduleInterview:hover {
      text-decoration: none;
      background-color: #1a1a1d; }
    .interview .commands a.hiringFlow:disabled,
    .interview .commands a.scheduleInterview:disabled,
    .interview .commands a.rescheduleInterview:disabled {
      background-color: #dddddd;
      cursor: not-allowed; }
  .interview .selectCandidate,
  .interview .commands a.setupAgentAccount {
    background-color: #22ce78;
    color: white; }
    .interview .selectCandidate:hover:not(:disabled),
    .interview .commands a.setupAgentAccount:hover:not(:disabled) {
      background-color: #1ba25f; }
    .interview .selectCandidate:hover:not(:disabled),
    .interview .commands a.setupAgentAccount:hover:not(:disabled) {
      color: white; }
  .interview .rejectCandidate {
    background-color: #cf302c;
    color: white; }
    .interview .rejectCandidate:hover:not(:disabled) {
      background-color: #a52623; }
    .interview .rejectCandidate:hover:not(:disabled) {
      color: white; }
  .interview .commands form {
    display: flex;
    margin: 0;
    gap: 10px;
    flex-wrap: wrap; }
    .interview .commands form > div {
      display: none; }
  .interview .commands input {
    zmargin: 5px;
    zflex: 1;
    zmin-width: fit-content;
    height: 40px;
    padding: 0.75rem 1rem;
    font-size: 0.9rem; }

.IInviteAgents .interview div {
  width: 50%; }

.Module-Recruiting .mainBody .interviewRequests {
  background-color: #fff;
  flex: auto;
  width: 100%; }

.interviewRequests .interview div {
  width: 50%; }

.interviewRequests .interview div.commands {
  zwidth: 65%;
  ztext-align: right;
  zmargin: 0 0 10px; }

.interview .commands a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 40px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #323338;
  border: none;
  color: #fff;
  margin: 0; }
  .interview .commands a svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  .interview .commands a:hover:not(:disabled), .interview .commands a:focus:not(:disabled) {
    color: #fff;
    background-color: #1a1a1d; }
    .interview .commands a:hover:not(:disabled) svg, .interview .commands a:focus:not(:disabled) svg {
      fill: #fff; }
  .interview .commands a:focus {
    outline: none; }
  .interview .commands a:hover {
    text-decoration: none !important; }
  .interview .commands a.submit:active {
    filter: brightness(85%); }
  .interview .commands a:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .interview .commands a:disabled svg {
      fill: #000000; }
  .interview .commands a.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.interview div.commands a,
.interview div.commands .submit {
  zpadding: 12px 10px;
  zmargin: 0 4px 0 0;
  zfont-size: 0.875em;
  min-width: fit-content;
  margin: 0; }

.interview pre {
  width: 35%;
  margin: 0; }

.interviewRequests .interview div:last-child {
  text-align: right; }

.IRecruits.es-MX .interviewRequests .interview form {
  margin: 0 0 0 0.5rem; }

.IInterviews .mainBody .interviewRequests {
  width: 100%;
  zpadding: 30px;
  zborder: 1px solid #dcdcdc; }

.interview div.commands {
  zdisplay: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: 100%; }

.interview div.commands a:first-child {
  grid-column: span 2; }

@media screen and (max-width: 2500px) {
  .IInterviews .mainBody .interviewRequests {
    margin: 1rem 0 0;
    display: block;
    width: 100%; } }
@media screen and (max-width: 850px) {
  Z.interview div.commands {
    width: 100%;
    text-align: left;
    margin: 1rem 0 0; }

  Z.interview div.commands a {
    margin: 0 0.5rem 0 0; } }
@media screen and (max-width: 600px) {
  .interview div.commands a,
  .interview div.commands form {
    zmargin: 0.5rem 0;
    zdisplay: block;
    ztext-align: center; }

  .interview div.commands form input {
    zwidth: 100%;
    zpadding: 1rem 0.75rem 0.75rem;
    zdisplay: block; } }
/* Tasks */
.ITasks zselect {
  width: 100%;
  margin: 0 0 1rem 0;
  zpadding: 0.5rem 1.5rem 0.5rem 0.5rem; }
.ITasks .tasks {
  padding: 2rem 1.5rem 1.5rem;
  background-color: #fff;
  flex: auto;
  margin: 1.5rem 0;
  border: 1px solid #ccc;
  width: 100%; }
  .ITasks .tasks .task {
    display: flex;
    flex-wrap: wrap;
    background-color: #f5f5f5;
    margin: 0 0 1rem;
    padding: 1rem;
    position: relative; }
    .ITasks .tasks .task div {
      width: 100%; }
      .ITasks .tasks .task div label {
        margin: 0 5px 0 0;
        color: inherit;
        font-weight: 700; }
    .ITasks .tasks .task span {
      color: inherit; }
    .ITasks .tasks .task .body {
      background-color: white;
      border: 1px solid #ddd;
      padding: 0.5rem;
      margin: 0.5rem 0 0.75rem; }
    .ITasks .tasks .task .submit {
      background-color: white;
      color: green;
      font-size: 1em;
      border: 1px solid mediumseagreen;
      padding: 0.75rem 1rem 0.6rem;
      border-radius: 2rem; }
.ITasks .ITasksContainer select {
  width: initial;
  zbackground-color: white; }

.filters-container {
  display: inline-flex;
  gap: 10px; }

#tasks,
.task-wrap {
  display: flex;
  flex-wrap: wrap; }
  #tasks .task,
  .task-wrap .task {
    background-color: #fff;
    padding: 30px;
    margin: 0.25%;
    zborder: 1px solid #dcdcdc;
    position: relative;
    width: 32.8%;
    border-radius: 0.75rem; }
    #tasks .task:before,
    .task-wrap .task:before {
      zleft: 9px;
      ztop: 35px; }

/* Responsive Adjustments */
@media screen and (max-width: 1200px) {
  #tasks .task,
  .task-wrap .task {
    width: 49.5%; } }
@media screen and (max-width: 1000px) {
  #tasks .task,
  .task-wrap .task {
    width: 100%; } }
/* Shelf Layout */
.shelf #tasks,
.shelf .task-wrap {
  display: block; }
  .shelf #tasks .task,
  .shelf .task-wrap .task {
    width: 100%;
    margin: 0 0 15px; }

/* Task Styling as per latest UI */
.task-wrap {
  width: 100%;
  /* General Styling for Task Sections */
  /* Task Header Styling */
  /* Priority-Based Header Colors */
  /* Task Body Layout */
  /* Full-Width for Body Content */
  /* Task Footer Layout */
  /* Status Badge */
  /* Status Indicator (Before Element) */ }
  .task-wrap .task {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
  .task-wrap .task-header,
  .task-wrap .task-body,
  .task-wrap .task-footer {
    padding: 1rem 1.5rem; }
  .task-wrap .task-header {
    border-radius: 0.75rem; }
  .task-wrap .task-header a,
  .task-wrap span {
    color: white; }
    .task-wrap .task-header a:hover,
    .task-wrap span:hover {
      text-decoration: none; }
  .task-wrap .task-header .when label {
    display: none; }
  .task-wrap .task.low .task-header {
    background-color: #1bbe7f; }
  .task-wrap .task.medium .task-header {
    background-color: #ff8f0f; }
  .task-wrap .task.high .task-header {
    background-color: #d91818; }
  .task-wrap .task.none .task-header {
    background-color: deepskyblue; }
  .task-wrap .task-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
    gap: 1rem;
    flex: 1; }
  .task-wrap .task-body * {
    display: block; }
  .task-wrap .task-body label {
    color: #969595;
    font-weight: 400; }
  .task-wrap .task-body span {
    color: #000;
    font-weight: 400; }
  .task-wrap .task-body .body {
    grid-column: span 2;
    width: 100%;
    padding: 0 1rem; }
  .task-wrap .task-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem; }
  .task-wrap .task-footer .status {
    width: fit-content;
    border-radius: 4px;
    display: flex;
    position: relative; }
  .task-wrap .task-footer .status span {
    padding: 0.75rem 1.25rem;
    color: #000; }
  .task-wrap .task-footer .status::before {
    content: "";
    width: 8px;
    height: 100%;
    background: #bbbbbb;
    border-radius: 9999px;
    position: absolute;
    left: 0;
    top: 0; }
  .task-wrap .task-footer button.submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 40px;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: #525151;
    border: none;
    color: #fff;
    margin-left: auto; }
    .task-wrap .task-footer button.submit svg {
      fill: #fff;
      width: 20px;
      height: 20px; }
    .task-wrap .task-footer button.submit:hover:not(:disabled), .task-wrap .task-footer button.submit:focus:not(:disabled) {
      color: #fff;
      background-color: #383838; }
      .task-wrap .task-footer button.submit:hover:not(:disabled) svg, .task-wrap .task-footer button.submit:focus:not(:disabled) svg {
        fill: #fff; }
    .task-wrap .task-footer button.submit:focus {
      outline: none; }
    .task-wrap .task-footer button.submit:hover {
      text-decoration: none !important; }
    .task-wrap .task-footer button.submit.submit:active {
      filter: brightness(85%); }
    .task-wrap .task-footer button.submit:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .task-wrap .task-footer button.submit:disabled svg {
        fill: #000000; }
    .task-wrap .task-footer button.submit.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }

.IMasterQuestionaireContainer .labelGroup {
  background-color: #fff;
  padding: 1.5rem;
  margin: 0 0 1.5rem 0;
  xborder-radius: .5rem;
  border: 1px solid #ddd; }

.labelGroup {
  background-color: #f8fafb; }

.labelGroup input,
.labelGroup select {
  xbackground-color: white; }

.IMasterQuestionaireContainer .SSFormBody .labelGroup .FormTable {
  background-color: transparent; }

.IMasterQuestionaireContainer h3 {
  margin: 1rem 0;
  font-size: 1.75em;
  font-weight: 500; }

.IMasterQuestionaireContainer td {
  width: 49%;
  display: inline-block;
  margin: 0 !important; }

.IMasterQuestionaireContainer .FormFields label {
  margin: 1rem 0 0;
  white-space: normal; }

.radioGroupView div {
  display: inline-block;
  margin: 0 .5rem 0 0; }

.IMasterQuestionaireContainer .SSFormBody legend {
  position: static; }

.SSFormBody .FormTable {
  width: 100%;
  padding: 0;
  margin: 15px 0; }

.SSFormBody .FormTable label {
  font-size: .9em;
  font-size: 1em; }

.SSFormBody .FormTable label {
  zcolor: #666; }

.SSFormBody legend {
  font-size: 1.2em;
  font-weight: 700;
  margin: 2rem 0 .5rem;
  width: 100%;
  padding: 1.5rem 0 0;
  color: rgba(0, 0, 0, 0.8) !important; }

.SSFormBody legend:first-child {
  margin: 0 0 .5rem;
  padding: 0; }

.SSFormBody .FormTable.RowEighteen td {
  width: 49%; }

.IMasterQuestionaireContainer .SSFormBody .labelGroup .FormTable tr {
  display: flex;
  flex-wrap: wrap; }

.Module-Onboarding .IMasterQuestionaireContainer .FormTable td {
  width: 100%;
  padding: .15rem 1.25%;
  box-sizing: border-box;
  flex: none; }

@media screen and (min-width: 800px) {
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowOne td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowTwo td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowThree td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowFour td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowFive td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowSix td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowNine td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowTen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowEleven td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowThirteen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowFourteen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowFifteen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowSixteen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowSeventeen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowEighteen td,
  .IMasterQuestionaireContainer .SSFormBody .FormTable.RowNineteen td {
    width: 49%; } }
#theLabelResidentialAjax,
#thePastAddressAjax,
#theLabelMailingAjax,
#theLabelBeneficiaryAjax,
#theLabelOptionsAjax {
  width: 100%; }

@media screen and (max-width: 1400px) {
  .IMasterQuestionaireContainer .SSFormBody td {
    width: 48%; }

  .IInviteAgents .SSFormBody td {
    width: 100%;
    display: block; }

  .ISales .SSFormBody td {
    width: 33.3%; } }
@media screen and (max-width: 850px) {
  .SSFormBody td,
  .ISales .SSFormBody td {
    width: 100%;
    display: block; } }
/* Explaination & Docs */
.IQuestionaireSupportEditor .instructions {
  font-weight: bold;
  margin: 1.5rem 0 0; }

.IQuestionaireDocumentsEditorFields .SSFormBody td {
  width: 26%; }

.IQuestionaireDocumentsEditorFields .SSFormBody td.fileUploadView {
  width: 36%; }

.IQuestionaireDocumentsEditorFields .SSFormBody td input.file {
  width: 100%; }

.IQuestionaireDocumentsEditorFields .SSFormBody .FormTable .FormActions {
  padding: 26px 0px 0;
  display: table-cell;
  vertical-align: middle;
  float: right; }

.IQuestionaireDocumentsEditorFields .SSFormBody .FormTable .IQuestionaireDocumentEditorActions.FormActions {
  float: none; }

@media screen and (max-width: 1500px) {
  .IQuestionaireDocumentsEditorFields .SSFormBody td {
    width: 35%;
    display: inline-block; }

  .IQuestionaireDocumentsEditorFields .SSFormBody td.fileUploadView {
    width: 63%; }

  .IQuestionaireDocumentsEditorFields .SSFormBody .FormTable .FormActions {
    padding: 0;
    width: 100%;
    text-align: right;
    display: block;
    margin: 0 0px 1rem 0; } }
@media screen and (max-width: 1250px) {
  .IQuestionaireDocumentsEditorFields .SSFormBody td {
    width: 100%;
    display: block; }

  .IQuestionaireDocumentsEditorFields .SSFormBody td.fileUploadView {
    width: 100%; } }
.IProfileContainer {
  position: relative;
  padding: 30px; }
  .IProfileContainer z.profile-image {
    background-image: url("/skins/0/images/no-image.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    border-radius: 60px;
    aspect-ratio: 1 / 1;
    xborder-radius: 50%;
    xtop: 0;
    xleft: 50%;
    xmargin-left: -72.5px;
    xwidth: 125px;
    xheight: 125px;
    xborder: 5px solid #fff;
    xbox-shadow: 0px 10px 6px rgba(0, 0, 0, 0.15);
    xmargin-top: -30px;
    margin: 0 0 25px 0; }
  .IProfileContainer .profile-image img {
    xmax-height: 125px;
    xposition: absolute;
    xmargin: auto;
    xleft: 50%;
    xtop: 50%;
    xtransform: translate(-50%, -50%);
    border-radius: 60px;
    width: 100%; }

.IProfile table td,
.IProfileContainer table td {
  vertical-align: top; }
.IProfile .FormFields label + label,
.IProfileContainer .FormFields label + label {
  height: 54px; }
.IProfile #theBiographyAjax,
.IProfileContainer #theBiographyAjax {
  width: 100%; }
.IProfile #theBiographyAjax label:last-child,
.IProfileContainer #theBiographyAjax label:last-child {
  white-space: normal;
  height: initial;
  text-indent: 0;
  padding: 1rem;
  font-weight: 500; }
.IProfile z#theProfileImagePathAjax input,
.IProfileContainer z#theProfileImagePathAjax input {
  display: block;
  padding: 0.5rem 1%;
  width: 98%;
  margin: 0 auto; }
.IProfile z.compensationBox span,
.IProfileContainer z.compensationBox span {
  display: block;
  background-color: #f8f9fa;
  color: #888;
  padding: 0.5rem;
  height: 50px;
  cursor: not-allowed; }
.IProfile z.compensationLevelBox span,
.IProfileContainer z.compensationLevelBox span {
  display: block;
  background-color: #f8f9fa;
  color: #888;
  padding: 0.5rem;
  height: 50px;
  cursor: not-allowed; }
.IProfile z.roleBox span,
.IProfileContainer z.roleBox span {
  display: block;
  background-color: #f8f9fa;
  color: #888;
  padding: 0.5rem;
  height: 50px;
  cursor: not-allowed; }
.IProfile .FormActions,
.IProfileContainer .FormActions {
  text-align: right;
  margin: 1rem 0 0 0; }

.kalsey .navigation-content {
  line-height: inherit; }

.SSFormBody .IProfileFields a {
  display: block;
  font-size: 0.9em; }

.SSFormBody .IProfileFields .FormTable {
  margin: 0 0 1rem; }

.SSFormBody .IProfileFields .FormTable.RowOne td,
.SSFormBody .IProfileFields .FormTable.RowTwo td,
.SSFormBody .IProfileFields .FormTable.RowFour td,
.IProfile.Module-ManageTeam .SSFormBody .FormTable.RowThree td {
  xwidth: 33%; }

.FormFields label + label {
  background-color: #f9f9f9;
  color: #999;
  height: 54px;
  xpadding: 0.5rem 0;
  xpadding: 0.85rem 0 0.35rem;
  padding: 10px;
  margin: 0;
  xtext-indent: 1.5rem; }

.IAddLicenses label a {
  margin: 0 0 0 0.5rem; }

@media screen and (max-width: 1400px) {
  .IProfileContainer .profile-image {
    xtop: -7.5rem; } }
@media screen and (max-width: 600px) {
  .IProfileContainer {
    zpadding: 0; }

  .IProfileContainer .profile-image {
    xtop: -7.5rem;
    xleft: initial;
    xright: 0rem; }

  #theIProfileBody .IProfileFields {
    flex-wrap: wrap; }

  #theIProfileBody .IProfileFields .profileImageSection {
    width: 100%; }

  #theIProfileBody .IProfileFields .profileDetailsSection {
    zpadding: 25px 0 0; } }
@media screen and (max-width: 850px) {
  .SSFormBody .IProfileFields .FormTable.RowOne td,
  .SSFormBody .IProfileFields .FormTable.RowTwo td,
  .SSFormBody .IProfileFields .FormTable.RowFour td,
  .IProfile.Module-ManageTeam .SSFormBody .FormTable.RowThree td,
  .SSFormBody .IProfileFields .FormTable.RowTwo td,
  .SSFormBody .IProfileFields .FormTable.RowFour td {
    width: 100%; } }
.IProfile .mainBody {
  xbackground-image: url("/skins/0/images/profilebg.jpg");
  xbackground-position: center top;
  xbackground-size: contain;
  xbackground-repeat: no-repeat;
  padding: 0; }
  .IProfile .mainBody .topBanner {
    display: flex;
    display: none;
    min-height: 250px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 20px;
    background: #202628;
    background: linear-gradient(90deg, #202628 0%, #495558 100%); }
    .IProfile .mainBody .topBanner .profileImageSection {
      display: flex;
      align-items: center;
      padding: 30px;
      gap: 40px;
      position: relative;
      min-width: 50%;
      padding-left: 80px;
      flex: 1; }
      .IProfile .mainBody .topBanner .profileImageSection .FormTable {
        display: none; }
      .IProfile .mainBody .topBanner .profileImageSection .user-info > * {
        color: white; }
    .IProfile .mainBody .topBanner .profileImageSection .profile-image {
      position: relative; }
      .IProfile .mainBody .topBanner .profileImageSection .profile-image img {
        height: 170px;
        width: 170px;
        min-width: 170px;
        object-fit: cover;
        object-position: center;
        border-radius: 9999px; }
      .IProfile .mainBody .topBanner .profileImageSection .profile-image .change-profile-image {
        position: absolute;
        left: 70%;
        bottom: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #d9d9d9;
        width: 36px;
        height: 36px;
        cursor: pointer;
        border-radius: 9999px; }
        .IProfile .mainBody .topBanner .profileImageSection .profile-image .change-profile-image svg {
          fill: #494949; }
        .IProfile .mainBody .topBanner .profileImageSection .profile-image .change-profile-image:hover {
          background-color: #494949; }
          .IProfile .mainBody .topBanner .profileImageSection .profile-image .change-profile-image:hover svg {
            fill: #d9d9d9; }
    .IProfile .mainBody .topBanner .user-info-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1;
      gap: 20px;
      min-width: 50%; }
      .IProfile .mainBody .topBanner .user-info-wrapper * {
        color: white; }
      .IProfile .mainBody .topBanner .user-info-wrapper h1 {
        margin: 1.5rem 0 1rem 0; }
    .IProfile .mainBody .topBanner .user-info-wrapper .agent-info {
      display: flex;
      gap: 1.5rem;
      background: linear-gradient(to right, #202628, #495558);
      height: 100%;
      width: 100%;
      padding: 30px;
      padding-top: 60px;
      border-radius: 18% 82% 52% 48% / 32% 0% 100% 68%; }
    .IProfile .mainBody .topBanner .user-info-wrapper .agent-info .agent-tag {
      height: 5rem;
      width: 5rem;
      background-image: url("/skins/0/images/pro-agent-tag.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
.IProfile .contentHead {
  max-width: 100%;
  height: 250px;
  padding: 0;
  margin: 0 auto 0;
  background-color: #1c252d;
  background-image: url("/skins/0/images/profilebg.jpg");
  background-size: cover;
  background-position: center; }
  .IProfile .contentHead .container {
    max-width: 1600px;
    padding: 0 30px;
    margin: 0 auto;
    padding: 1rem 30px; }
    .IProfile .contentHead .container h1 {
      color: #fff;
      display: none; }
.IProfile x.profile-image {
  background-image: url("/skins/0/images/no-image.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  top: 4rem;
  left: 50%;
  margin-left: -72.5px;
  width: 175px;
  height: 175px;
  border: 0px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.075);
  margin-top: -50px;
  margin-bottom: 100px;
  z-index: 1;
  outline: 2px solid rgba(255, 255, 255, 0.25); }
  .IProfile x.profile-image img {
    max-height: 175px;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
.IProfile .footer-commands {
  display: block; }

.IEditAgentCampaignsFields table td div {
  margin: 5px 0; }

@media screen and (max-width: 1800px) {
  .IProfile .mainBody {
    background-size: 165%; } }
@media screen and (max-width: 1000px) {
  .IProfile .mainBody {
    background-size: 300%; } }
@media screen and (max-width: 550px) {
  .IProfile .mainBody {
    background-size: 500%; } }
#theIProfileBody {
  padding: 0; }
  #theIProfileBody .IProfileFields {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.75rem;
    /* Set Permissions */ }
    #theIProfileBody .IProfileFields .prof-commands-wrapper {
      width: 100%;
      display: flex;
      border-bottom: 4px solid #ddd; }
    #theIProfileBody .IProfileFields .prof-commands {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      position: relative; }
    #theIProfileBody .IProfileFields .prof-commands a,
    #theIProfileBody .IProfileFields .more-button,
    #theIProfileBody .IProfileFields .more-dropdown a {
      position: relative;
      bottom: -4px;
      color: #333;
      margin: 0;
      padding: 10px 1rem;
      text-align: center;
      white-space: nowrap;
      border-bottom: 4px solid #ddd;
      cursor: pointer; }
    #theIProfileBody .IProfileFields .prof-commands a.active,
    #theIProfileBody .IProfileFields .prof-commands a:hover,
    #theIProfileBody .IProfileFields .more-button:hover,
    #theIProfileBody .IProfileFields .more-dropdown a:hover {
      border-color: deepskyblue;
      background-color: #dbf1f7; }
    #theIProfileBody .IProfileFields .more-dropdown {
      position: relative;
      display: none;
      margin-left: auto; }
      #theIProfileBody .IProfileFields .more-dropdown .more-button {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px; }
      #theIProfileBody .IProfileFields .more-dropdown .dropdown-content {
        position: absolute;
        top: calc(100% + 4px);
        right: 0;
        background: white;
        box-shadow: 0 0 10px 0 #ddd;
        display: none;
        min-width: 120px;
        border-radius: 12px;
        overflow: hidden; }
        #theIProfileBody .IProfileFields .more-dropdown .dropdown-content a {
          text-align: left;
          bottom: 0;
          border: none; }
    #theIProfileBody .IProfileFields .more-dropdown:hover .dropdown-content {
      display: block; }
    #theIProfileBody .IProfileFields .backButtonGlobal {
      margin-bottom: 1rem !important;
      font-size: 0.85em; }
    #theIProfileBody .IProfileFields .profileImageSection {
      background-color: #eee;
      padding: 25px;
      border-radius: 0.75rem; }
      #theIProfileBody .IProfileFields .profileImageSection .profileImagePathBox {
        text-align: center; }
    #theIProfileBody .IProfileFields .profileDetailsSection {
      background-color: #fff;
      width: 100%;
      padding: 30px;
      margin-bottom: 30px;
      border-radius: 0.75rem;
      box-shadow: 0 0 10px 0 #ddd;
      border-radius: 0 0 12px 12px; }
    #theIProfileBody .IProfileFields .profileDetailsSection,
    #theIProfileBody .IProfileFields .profileDetails {
      flex: 1; }
    #theIProfileBody .IProfileFields z.profileDetailsSection,
    #theIProfileBody .IProfileFields .profileDetails .section,
    #theIProfileBody .IProfileFields > .section {
      margin: 0 0 0 45px; }
    #theIProfileBody .IProfileFields .profileDetails .section {
      border-top: 1px solid #ddd;
      padding: 25px 0 0 0;
      margin: 25px 0 0 45px; }
    #theIProfileBody .IProfileFields .ISetAgentPermissionsContainerWrap {
      background-color: #fff;
      width: 100%;
      padding: 30px;
      margin-bottom: 30px;
      border-radius: 0.75rem;
      box-shadow: 0 0 10px 0 #ddd;
      border-radius: 0 0 12px 12px; }
    #theIProfileBody .IProfileFields .ISetAgentPermissionsContainer h1 {
      margin-bottom: 1rem; }
    #theIProfileBody .IProfileFields .ISetAgentPermissionsContainer .permission {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      margin-bottom: 10px;
      padding: 10px;
      background: #f7f7f7;
      border-radius: 12px; }

@media screen and (max-width: 1060px) {
  #theIProfileBody .IProfileFields .profileImageSection {
    padding: 15px; }

  #theIProfileBody .IProfileFields .profileDetailsSection {
    zmargin: 0 0 0 15px; }

  #theIProfileBody .IProfileFields .profileDetails .section {
    margin: 0 0 0 15px; }

  #theIProfileBody .IProfileFields .ISetAgentPermissionsContainer .permission {
    grid-template-columns: 5fr 1fr; }
    #theIProfileBody .IProfileFields .ISetAgentPermissionsContainer .permission label {
      white-space: normal; }
    #theIProfileBody .IProfileFields .ISetAgentPermissionsContainer .permission .checkbox {
      margin: auto; } }
@media screen and (max-width: 600px) {
  .SSFormBody .IProfileFields .FormTable {
    margin: 0; }

  #theIProfileBody .IProfileFields .profileDetailsSection {
    zpadding: 30px 0 0 0;
    margin: 0; }
    #theIProfileBody .IProfileFields .profileDetailsSection td {
      padding: 10px 0; }

  #theIProfileBody .IProfileFields .profileDetails .section {
    padding: 25px 0;
    margin: 25px 0 0 0; } }
.ISubscriptions .mainContainer .contentHead,
.ISetAgentBranding .mainContainer .contentHead,
.IAdvanceCapEditor .mainContainer .contentHead,
.IPluggableForm .mainContainer .contentHead,
x.IAddLicenses .mainContainer .contentHead,
.ILeadBookingAgent .mainContainer .contentHead,
.IEditTerritories .mainContainer .contentHead,
.contentHead.top {
  xpadding: 30px 30px 0; }

.ISubscriptions .mainContainer .SSForm,
x.ISetAgentBranding .mainContainer .SSForm,
x.IAdvanceCapEditor .mainContainer .SSForm,
x.IPluggableForm .mainContainer .SSForm,
x.IAddLicenses .mainContainer .SSForm,
z.ILeadBookingAgent .mainContainer .SSForm,
z.IEditTerritories .mainContainer .SSForm,
x.ISetupUpline .mainContainer .SSForm,
x.IEditCarriers .mainContainer .SSForm,
x.IAddLicenseTypes .mainContainer .SSForm,
#theIEditTerritoriesBody,
#theILeadBookingAgentBody,
#theIAdvanceCapEditorBody,
#theICommunicationPreferencesFormBody,
#thePluggableFormBody,
#theIAddLicensesBody,
#theIEditAgentCampaignsBody,
.IMyCompRatesContainer,
#theIEditCarriersBody,
#theIChooseMultiDialogBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.authenticated .IAdvanceCapEditorFields .FormTable tr {
  flex-wrap: wrap;
  margin: 0 0 25px;
  border-bottom: 1px solid #dcdcdc;
  padding: 0 0 25px 0; }

.authenticated .IAdvanceCapEditorFields .FormTable tr:last-child {
  border: none; }

.IAdvanceCapEditorFields .FormTable .FormActions {
  margin: 27px 0 0; }

z.IAdvanceCapEditorFields .FormTable .FormActions input {
  height: 54px; }

.IAdvanceCapEditorFields tr td:first-child {
  width: 100%;
  display: block;
  flex: initial;
  font-size: 1.2em;
  font-weight: 700; }

.licenseNeverExpiresBox {
  padding: 38px 0.25rem 0.25rem; }

@media screen and (min-width: 800px) {
  .authenticated .IAdvanceCapEditorFields .FormTable tr {
    display: flex; } }
@media screen and (min-width: 800px) {
  .authenticated .IAdvanceCapEditorFields .FormTable tr td {
    flex: 1; }

  .authenticated .IAdvanceCapEditorFields tr td:first-child {
    width: 100%;
    display: block;
    flex: initial; }

  .authenticated .IAdvanceCapEditorFields tr td:last-child {
    xwidth: 100%;
    display: block;
    flex: initial; } }
.qaSite .IMyCompRatesBody .wrapContainer,
.IMyCompRatesBody .wrapContainer {
  background-color: transparent;
  border: none;
  padding: 0; }
.qaSite .IMyCompRatesBody .IReportContainer .standard-report,
.IMyCompRatesBody .IReportContainer .standard-report {
  margin: 0;
  padding: 0;
  border-top: none; }
  .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr,
  .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr {
    display: flex; }
    .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th,
    .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th {
      background-color: white; }
    .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td,
    .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th,
    .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td,
    .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th {
      white-space: normal;
      flex: 1; }
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td:not([class]),
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th:not([class]),
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td:not([class]),
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th:not([class]) {
        background-color: white; }
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td:nth-child(4), .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td:nth-child(5),
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th:nth-child(4),
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th:nth-child(5),
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td:nth-child(4),
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td:nth-child(5),
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th:nth-child(4),
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th:nth-child(5) {
        xborder: 1px solid red;
        flex: none;
        text-align: left;
        width: 15%; }
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td.carrier,
      .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th.carrier,
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr td.carrier,
      .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable tr th.carrier {
        xfont-weight: 700; }

@media screen and (max-width: 800px) {
  .qaSite .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable,
  .IMyCompRatesBody .IReportContainer .standard-report .standardDataTable {
    min-width: 800px; } }
.IMyCompRates #theIMyCompRatesBody {
  zwidth: 100%;
  xdisplay: flex;
  xflex-wrap: nowrap;
  zpadding: 1.5rem;
  zmargin: 0; }
.IMyCompRates .standard-report {
  zwidth: 100%;
  zborder-top: 1px solid #dcdcdc;
  zmargin: 0;
  zbackground-color: white;
  zpadding: 30px; }
  .IMyCompRates .standard-report tr {
    zdisplay: flex; }
    .IMyCompRates .standard-report tr th,
    .IMyCompRates .standard-report tr td {
      flex: 1;
      white-space: normal; }

#lightbox .IInformDialogContainer.onboardingStatus {
  width: 600px; }
  #lightbox .IInformDialogContainer.onboardingStatus .SSFormBody {
    border: none; }
    #lightbox .IInformDialogContainer.onboardingStatus .SSFormBody input {
      min-height: 20px;
      height: auto;
      margin: 0 10px 0 0; }
    #lightbox .IInformDialogContainer.onboardingStatus .SSFormBody span {
      position: relative;
      top: -2px;
      display: inline-block;
      white-space: initial;
      width: calc(100% - 30px);
      line-height: 1.5;
      vertical-align: top; }
    #lightbox .IInformDialogContainer.onboardingStatus .SSFormBody .FormActions {
      margin: 0; }

@media screen and (max-width: 500px) {
  #lightbox .IInformDialogContainer.onboardingStatus {
    width: 95%;
    margin: 0 auto; } }
#lightbox
.IInformDialogContainer.onboardingStatus
input[type="checkbox"][disabled] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #ccc;
  position: relative;
  background-color: #ccc !important;
  vertical-align: top; }

#lightbox
.IInformDialogContainer.onboardingStatus
input[type="checkbox"][disabled][checked] {
  border: 2px solid #28a745;
  background-color: #28a745 !important; }

#lightbox
.IInformDialogContainer.onboardingStatus
input[type="checkbox"][disabled][checked]:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0px;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform-origin: bottom;
  transform: rotate(45deg); }

/* Send Text Message, Set Advance Cap */
#theITwilioFormBody,
.theIRequestAdvanceCapChangeBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

/* Licenses */
.IAddLicensesFields .section a,
.IAddLicensesFields .section .submit {
  display: block;
  margin-left: 0;
  margin-top: 10px; }

/* Setup Upline */
.ISetupUpline label.notification {
  position: static;
  text-align: left;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  text-transform: initial;
  font-size: 11px;
  margin: 5px 0 0 !important; }
  .ISetupUpline label.notification.pending {
    color: orange;
    padding: 5px 5px 3px;
    border: 1px solid orange;
    width: fit-content; }
    .ISetupUpline label.notification.pending:before {
      content: "!";
      xposition: absolute;
      xtop: 0;
      xleft: 0;
      width: 20px;
      height: 12px;
      background-color: orange;
      color: white;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      clip-path: polygon(100% 100%, 0% 100%, 50% 0%);
      float: left;
      padding: 5px 0 0;
      margin: -1px 5px 0 0px; }

.ISetupUpline .FormTable td:first-child label {
  xfont-size: 1.2em;
  xfont-weight: 700;
  xcolor: #333;
  xwidth: 100%; }

.ISetupUpline .FormTable td:first-child div label {
  xfont-size: initial;
  xfont-weight: initial; }

.ISetupUpline .ISetupUplineFields table {
  xbackground-color: #f8fafb;
  xmargin: 0 0 30px;
  xborder-radius: 1rem;
  font-size: 0.95em;
  width: 100%; }
  .ISetupUpline .ISetupUplineFields table tr.header-row-carrier th {
    position: relative;
    padding: 25px 0.75rem 0;
    xoutline: 1px solid red; }
    .ISetupUpline .ISetupUplineFields table tr.header-row-carrier th:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #dcdcdc; }
  .ISetupUpline .ISetupUplineFields table tr.header-row-carrier:first-child {
    xposition: static;
    xoutline: 1px solid blue; }
    .ISetupUpline .ISetupUplineFields table tr.header-row-carrier:first-child th {
      padding: 0.75rem 0.75rem 0; }
      .ISetupUpline .ISetupUplineFields table tr.header-row-carrier:first-child th:before {
        display: none; }
  .ISetupUpline .ISetupUplineFields table tr.product-type-row, .ISetupUpline .ISetupUplineFields table tr.products-row, .ISetupUpline .ISetupUplineFields table tr.carrier-row {
    xbackground-color: #f8fafb;
    xbackground-color: #effafc;
    xborder-bottom: 10px solid white;
    xposition: relative;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc; }
    .ISetupUpline .ISetupUplineFields table tr.product-type-row select, .ISetupUpline .ISetupUplineFields table tr.products-row select, .ISetupUpline .ISetupUplineFields table tr.carrier-row select {
      background-color: white;
      min-width: 152px; }
  .ISetupUpline .ISetupUplineFields table tr.carrier-row {
    xbackground-color: #f8fafb;
    xbackground-color: #effafc;
    xborder-bottom: 10px solid white;
    xposition: relative;
    background-color: transparent; }
    .ISetupUpline .ISetupUplineFields table tr.carrier-row td:first-child {
      width: 200px; }
    .ISetupUpline .ISetupUplineFields table tr.carrier-row td a {
      text-decoration: underline; }
    .ISetupUpline .ISetupUplineFields table tr.carrier-row select {
      background-color: white; }
  .ISetupUpline .ISetupUplineFields table tr.header-row-product {
    background-color: rgba(255, 255, 255, 0.5); }
    .ISetupUpline .ISetupUplineFields table tr.header-row-product table th {
      padding: 0.75rem 0.75rem; }
  .ISetupUpline .ISetupUplineFields table tr.product-type-row {
    border-bottom: none; }
    .ISetupUpline .ISetupUplineFields table tr.product-type-row select {
      border: 1px solid #999; }
  .ISetupUpline .ISetupUplineFields table tr.product-type-row:hover, .ISetupUpline .ISetupUplineFields table tr.products-row:hover, .ISetupUpline .ISetupUplineFields table tr.carrier-row:hover {
    xbackground-color: #f1f3f5;
    xbackground-color: #e7f6f9; }
  .ISetupUpline .ISetupUplineFields table th {
    xfont-size: 0.8em;
    font-weight: 700;
    padding: 0.75rem 0.75rem;
    white-space: normal;
    line-height: 1.4;
    xmin-width: 152px; }
  .ISetupUpline .ISetupUplineFields table td {
    padding: 0.75rem; }
    .ISetupUpline .ISetupUplineFields table td .carrier-container {
      background-color: #eef1f4;
      xbackground-color: #f5f5f5;
      xbackground-color: #f8f9fa;
      padding: 15px;
      margin: 15px 0 30px 0;
      border-radius: 10px;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); }
      .ISetupUpline .ISetupUplineFields table td .carrier-container .carrierUncontracted {
        color: red;
        xpadding: 5px 15px;
        xborder: 1px solid red;
        margin: 15px 0 0 auto;
        font-weight: 700;
        width: max-content; }
        .ISetupUpline .ISetupUplineFields table td .carrier-container .carrierUncontracted:before {
          content: "!";
          border: 2px solid red;
          border-radius: 50%;
          padding: 0 7px;
          margin: 0 7px 0 0; }
  .ISetupUpline .ISetupUplineFields table .products-row td {
    padding: 0.25rem 0.75rem; }
    .ISetupUpline .ISetupUplineFields table .products-row td:first-child {
      xposition: absolute;
      left: 50%;
      xpadding: 5px 5px 0;
      xbackground-color: #f8fafb;
      height: 25px;
      border-radius: 0 0 25px 25px;
      width: 50px;
      text-align: center;
      margin: 0 0 0 -25px;
      bottom: -5px;
      padding: 0 0.75rem; }
      .ISetupUpline .ISetupUplineFields table .products-row td:first-child svg {
        width: 15px;
        transform: rotate(-90deg);
        transition: all 0.5s; }
    .ISetupUpline .ISetupUplineFields table .products-row td.open svg {
      transform: rotate(0deg); }
    .ISetupUpline .ISetupUplineFields table .products-row td table tr {
      border-bottom: 2px solid white;
      border-bottom: 1px solid #ddd; }
      .ISetupUpline .ISetupUplineFields table .products-row td table tr:first-child {
        background-color: #f7f8fa;
        border-bottom: 1px solid #ddd; }
      .ISetupUpline .ISetupUplineFields table .products-row td table tr:last-child {
        border-bottom: none; }
      .ISetupUpline .ISetupUplineFields table .products-row td table tr th {
        xpadding: 5px 0; }
        .ISetupUpline .ISetupUplineFields table .products-row td table tr th:first-child {
          width: 40%; }
      .ISetupUpline .ISetupUplineFields table .products-row td table tr td {
        padding: 7.5px 7.5px 7.5px 0; }
        .ISetupUpline .ISetupUplineFields table .products-row td table tr td:first-child {
          width: 40%;
          position: static;
          background-color: transparent;
          height: initial;
          border-radius: 0;
          width: initial;
          text-align: left;
          margin: 0;
          transition: all 0.5s; }
      .ISetupUpline .ISetupUplineFields table .products-row td table tr:hover {
        background-color: #e7ebee;
        background-color: #f5f5f5; }
  .ISetupUpline .ISetupUplineFields table .products-row.overridden, .ISetupUpline .ISetupUplineFields table .products-row.dirty {
    background-color: #effafc;
    background-color: #fee7ea; }
    .ISetupUpline .ISetupUplineFields table .products-row.overridden select, .ISetupUpline .ISetupUplineFields table .products-row.dirty select {
      border: 1px solid red; }
    .ISetupUpline .ISetupUplineFields table .products-row.overridden td, .ISetupUpline .ISetupUplineFields table .products-row.dirty td {
      xborder: 1px solid red; }
    .ISetupUpline .ISetupUplineFields table .products-row.overridden:hover, .ISetupUpline .ISetupUplineFields table .products-row.dirty:hover {
      background-color: #fee7ea; }
  .ISetupUpline .ISetupUplineFields table .product-type-row td {
    padding: 0.5rem 0.75rem; }
    .ISetupUpline .ISetupUplineFields table .product-type-row td:first-child {
      padding: 0.25rem 0.25rem 0.25rem 20px; }
    .ISetupUpline .ISetupUplineFields table .product-type-row td:nth-child(2) {
      xbackground-color: red; }
      .ISetupUpline .ISetupUplineFields table .product-type-row td:nth-child(2) span {
        background-color: #555;
        color: white;
        padding: 3px 10px 3px;
        border-radius: 15px; }
        .ISetupUpline .ISetupUplineFields table .product-type-row td:nth-child(2) span a {
          color: white;
          font-size: 0.95em; }
  .ISetupUpline .ISetupUplineFields table .product-type-row.overridden, .ISetupUpline .ISetupUplineFields table .product-type-row.dirty {
    xbackground-color: #effafc;
    xbackground-color: #fee7ea;
    xborder-left: 5px solid red; }
    .ISetupUpline .ISetupUplineFields table .product-type-row.overridden select, .ISetupUpline .ISetupUplineFields table .product-type-row.dirty select {
      border: 1px solid orange; }
    .ISetupUpline .ISetupUplineFields table .product-type-row.overridden td:last-child, .ISetupUpline .ISetupUplineFields table .product-type-row.dirty td:last-child {
      background-color: #fbeace;
      xborder: 1px solid red; }
      .ISetupUpline .ISetupUplineFields table .product-type-row.overridden td:last-child label, .ISetupUpline .ISetupUplineFields table .product-type-row.dirty td:last-child label {
        xcolor: orange;
        xfont-weight: bold; }
        .ISetupUpline .ISetupUplineFields table .product-type-row.overridden td:last-child label:after, .ISetupUpline .ISetupUplineFields table .product-type-row.dirty td:last-child label:after {
          content: "!";
          width: 16px;
          height: 14px;
          display: inline-block;
          float: right;
          color: orange;
          border: 2px solid orange;
          text-align: center;
          line-height: 1;
          border-radius: 50%;
          padding: 2px 0 0;
          position: relative;
          top: 3px;
          width: 20px;
          height: 12px;
          color: white;
          background-color: orange;
          border-radius: 0;
          padding: 5px 0 0;
          clip-path: polygon(100% 100%, 0% 100%, 50% 0%);
          font-size: 0.8em; }
    .ISetupUpline .ISetupUplineFields table .product-type-row.overridden:hover, .ISetupUpline .ISetupUplineFields table .product-type-row.dirty:hover {
      xbackground-color: #fee7ea; }

.ISetupUpline .FormTable td {
  xpadding: 1rem; }

.ISetupUpline .carriersContractedWithBox {
  xdisplay: flex;
  xflex-wrap: wrap;
  xgap: 5px; }

.ISetupUpline .FormTable td div {
  xmargin: 0.5%;
  xwidth: 48%; }

.ISetupUpline table.agent tr th {
  border: 0.25rem solid white;
  padding: 0.25rem; }

.ISetupUpline table.agent tr td {
  border: 0.5rem solid white;
  overflow: hidden;
  width: 33.333%; }

.ISetupUpline table.RowOne tr td label {
  font-size: 0.8em;
  font-weight: 700;
  white-space: normal;
  line-height: 1.4;
  text-transform: uppercase;
  color: #333; }
.ISetupUpline table.RowOne tr td.ReadOnly {
  position: relative; }
  .ISetupUpline table.RowOne tr td.ReadOnly span {
    width: 100%;
    display: inline-block;
    height: 50px;
    background-color: #f7f8f9;
    padding: 10px; }
  .ISetupUpline table.RowOne tr td.ReadOnly a {
    position: absolute;
    right: 40px;
    top: 40px; }

.ISetupUpline .ISetupUplineFields table.RowTwo {
  margin: 30px 0 0;
  position: relative; }
  .ISetupUpline .ISetupUplineFields table.RowTwo:before {
    position: absolute;
    top: -10px;
    content: "";
    border-top: 1px solid #dcdcdc;
    width: 100%; }
  .ISetupUpline .ISetupUplineFields table.RowTwo .carriersContractedWithBox label {
    font-size: 1em;
    font-weight: 700;
    float: none !important;
    color: initial; }
  .ISetupUpline .ISetupUplineFields table.RowTwo .carriersContractedWithBox .addCarrier {
    margin: -29px 0 0; }
  .ISetupUpline .ISetupUplineFields table.RowTwo .carriersContractedWithBox table .carrier-row label {
    font-size: 1.2em;
    line-height: 1.3;
    font-weight: 700;
    color: inherit;
    white-space: normal;
    position: relative;
    padding: 0 0 0 20px; }
    .ISetupUpline .ISetupUplineFields table.RowTwo .carriersContractedWithBox table .carrier-row label:before {
      content: "";
      width: 13px;
      height: 13px;
      display: inline-block;
      background-color: #888;
      border-radius: 50%;
      margin: 0 5px 0 0;
      position: absolute;
      top: 5px;
      left: 0px; }
  .ISetupUpline .ISetupUplineFields table.RowTwo .carriersContractedWithBox table tr:nth-child(2n) {
    xbackground: #f5f8fd; }

@media screen and (min-width: 1100px) {
  .authenticated.ISetupUpline .FormTable tr {
    display: table-row; }

  .authenticated.ISetupUpline .FormTable tr td {
    white-space: normal; }
    .authenticated.ISetupUpline .FormTable tr td label {
      white-space: initial; } }
@media screen and (min-width: 750px) {
  .authenticated.ISetupUpline .FormTable.RowOne tr td {
    width: 50%;
    vertical-align: top; } }
@media screen and (max-width: 1300px) {
  .ISetupUpline .scroll {
    width: 100% !important;
    overflow-x: scroll;
    margin: 2px 0 0 !important; }

  .ISetupUpline .FormTable td div {
    margin: 0.5% 0;
    width: 100%; }

  .ISetupUpline .SSFormBody td {
    display: table-cell;
    white-space: normal; } }
@media screen and (max-width: 750px) {
  table.agent {
    border: none; }

  .ISetupUpline table.agent tr th {
    display: none; }

  .ISetupUpline table.agent tr td {
    width: 100%;
    display: block; }

  .ISetupUpline table.RowOne tr td.compensationLevelBox {
    display: block;
    width: 100%; }

  .ISetupUpline table.RowOne tr td.parentAgentBox {
    display: block;
    width: 100%; } }
.layoutAction {
  position: relative;
  top: -3px;
  display: flex;
  flex-wrap: nowrap;
  width: 190px;
  border-radius: 2rem;
  background-color: white;
  margin: 0 0 15px; }

.layoutAction a {
  xbackground-color: #f8f9fa;
  color: #777;
  cursor: pointer;
  margin: 0;
  padding: 0.5rem 1rem;
  line-height: 1; }

.layoutAction a {
  text-decoration: none; }

.vertical .layoutAction a.vert {
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  color: white;
  border-radius: 2rem 0 0 2rem; }

.horizontal .layoutAction a.horiz {
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  color: white;
  border-radius: 0 2rem 2rem 0; }

/* My Team Vertical */
.vertical .downline {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fbfbfb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  width: 100%;
  border: 1px solid #ccc; }

.vertical .downline ul.main {
  margin: 50px 0 0; }

.vertical .downline li {
  list-style-type: none;
  margin: 0;
  padding: 10px 5px 0 5px;
  position: relative; }

.vertical .downline li::before,
.vertical .downline li::after {
  content: "";
  left: -20px;
  position: absolute;
  right: auto; }

.vertical .downline li::before {
  border-left: 1px solid #999;
  bottom: 50px;
  height: 100%;
  top: 0;
  width: 1px; }

.vertical .downline li::after {
  border-top: 1px solid #999;
  height: 20px;
  top: 30px;
  width: 25px; }

.vertical .downline li div.agent {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #999;
  border-radius: 5px;
  display: inline-block;
  padding: 30px 0px 30px 80px;
  text-decoration: none;
  position: relative;
  text-align: right;
  transition: all 0.5s;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.vertical .downline li div.agent:hover {
  box-shadow: 4px 6px 6px 0px rgba(0, 0, 0, 0.15); }

.vertical .downline li div.agent a {
  text-decoration: none; }

.vertical .downline li div.agent .name {
  padding: 0 15px; }

.vertical .downline li div.agent a div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100px;
  overflow: hidden; }

.vertical .downline li div .agency {
  width: auto;
  background-color: #eee;
  border: 1px solid #999;
  padding: 4px 6px;
  line-height: 1;
  font-size: 0.8em;
  display: inline-block;
  margin: 0 15px; }

.vertical .downline li div .unlicensedLabel {
  display: block !important;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  top: 6px;
  color: white;
  width: max-content;
  background-color: black;
  font-size: 10px;
  border: 1px solid #999;
  line-height: 1;
  padding: 5px;
  letter-spacing: 0.5px;
  margin: 0 15px 0 auto;
  right: 0; }

.vertical .downline li div.agent a div.no-image {
  background-image: url("/skins/0/images/no-image.jpg");
  background-size: cover;
  background-position: -19px center;
  opacity: 0.2;
  background-repeat: no-repeat; }

.vertical .downline li div img {
  position: absolute;
  width: 100px;
  left: 25px;
  top: 50%;
  transform: translate(-44%, -50%); }

.vertical .downline li div.agent a span {
  color: #333; }

.vertical .downline li.parent_li > div {
  cursor: pointer; }

.vertical .downline > ul > li::before,
.vertical .downline > ul > li::after {
  border: 0; }

.vertical .downline li:last-child::before {
  height: 30px; }

.vertical .downline .agent:hover,
.vertical .downline .agent:hover + ul li div.agent {
  background: #eee;
  border: 1px solid #94a0b4;
  color: #000; }

.vertical .downline div.moreInfo {
  position: static;
  left: 5rem;
  padding: 0 10px;
  font-size: 0.8em;
  top: -6px; }

.vertical .downline div.moreInfo label,
.vertical .downline div.moreInfo div {
  line-height: 1.4; }

.vertical .downline div.moreInfo a {
  text-decoration: underline !important; }

.vertical .downline div.moreInfo div.name {
  font-size: 0.9rem;
  font-weight: 700; }

.vertical .downline div.moreInfo div.role {
  color: initial;
  text-align: right; }

.vertical .downline div.moreInfo label {
  margin: 0 0.25rem 0 0; }

/* Testing New My Team */
.horizontal .downline {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fbfbfb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  width: 100%;
  border: 1px solid #ccc;
  overflow-x: scroll; }

.horizontal .downline ul {
  padding: 20px 0 0 0;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  display: table; }

.horizontal .downline li {
  margin: 0;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  display: table-cell; }

.horizontal .downline li::before,
.horizontal .downline li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 20px; }

.horizontal .downline li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #ccc; }

.horizontal .downline li:only-child::after,
.horizontal .downline li:only-child::before {
  display: none; }

.horizontal .downline li:only-child {
  padding-top: 0; }

.horizontal .downline li:first-child::before,
.horizontal .downline li:last-child::after {
  border: 0 none; }

.horizontal .downline li:last-child::before {
  border-right: 1px solid #ccc;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0; }

.horizontal .downline li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0; }

.horizontal .downline ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
  height: 20px; }

.horizontal .downline .agent {
  position: relative;
  border: 2px solid transparent;
  text-decoration: none;
  color: #666;
  font-size: 0.69em;
  display: inline-block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  border-radius: 50%;
  width: 85px;
  height: 85px; }

.horizontal .downline li div.agent a div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 85px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #999;
  box-shadow: 0px 4px 3px 1px rgba(0, 0, 0, 0);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; }

.horizontal .downline li div.agent a div.no-image {
  background-image: url("/skins/0/images/no-image.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.2; }

.horizontal .horizontal .downline li div img {
  position: absolute;
  width: 50px;
  left: 25px;
  top: 50%;
  transform: translate(-50%, -50%); }

.horizontal .downline .moreInfo {
  position: absolute;
  left: -2rem;
  text-align: left;
  line-height: 1.4em;
  xfont-size: 0.85em;
  border: 1px solid #ccc;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.85);
  top: 5.15rem;
  z-index: 2; }

.horizontal .downline li div.agent a div.no-image {
  background-image: url("/skins/0/images/no-image.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.2; }

.horizontal .downline li div img {
  position: absolute;
  width: 85px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.horizontal .downline li div .name {
  position: absolute;
  top: 5.5rem;
  width: 100%;
  line-height: 1.2em;
  xfont-size: 0.75em; }

.horizontal .downline li div .agency {
  position: absolute;
  top: 62px;
  width: 100%;
  line-height: 1.2em;
  xfont-size: 0.75em;
  border: 1px solid white;
  background-color: white;
  border: 1px solid #999;
  padding: 4px 0;
  line-height: 1; }

.horizontal .downline li div .unlicensedLabel {
  display: block !important;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  top: 41px;
  color: white;
  text-align: center;
  width: 100%;
  background-color: black;
  font-size: 10px;
  border: 1px solid #999;
  line-height: 1;
  padding: 5px;
  letter-spacing: 0.5px; }

.horizontal .downline li .agent:hover,
.horizontal .downline li .agent:hover + ul li .agent {
  background: #c8e4f8;
  color: #000;
  border-radius: 50%;
  border: 2px solid #999; }

.horizontal .downline li .agent:hover + ul li::after,
.horizontal .downline li .agent:hover + ul li::before,
.horizontal .downline li .agent:hover + ul::before,
.horizontal .downline li .agent:hover + ul ul::before {
  border-color: #94a0b4; }

.IReviewChanges #theFilters {
  background-color: transparent;
  padding: 0 0 20px 0;
  margin: 0 auto 20px;
  border: none;
  border-bottom: 1px solid #dcdcdc;
  width: 100%; }
  .IReviewChanges #theFilters table {
    width: 100%; }
    .IReviewChanges #theFilters table td:last-child {
      padding: 0.25rem 0.75rem;
      flex: 0;
      text-align: center; }

x.Module-Admin .mainBody li,
x.Module-Recruiting .mainBody li {
  margin: 0.5rem 0.5%;
  list-style: none;
  width: 49%;
  border: 10px solid red; }

x.Module-Admin .mainBody li a,
x.Module-Recruiting li a {
  margin: 0;
  list-style: none;
  background-color: #fff;
  padding: 5rem 0;
  width: 44%;
  text-align: center;
  color: #333;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 0; }

x.Module-Admin .mainBody li a:hover,
x.Module-Recruiting .mainBody li a:hover {
  border: 1px solid #555; }

x.Module-Admin .mainBody li a svg,
x.Module-Recruiting .mainBody li a svg {
  width: 5rem;
  height: 5rem;
  display: block;
  margin: 0 auto 1rem;
  background-color: #95c33d;
  padding: 1rem;
  border-radius: 50%; }

x.Module-Admin .mainBody li a svg path,
x.Module-Recruiting .mainBody li a svg path {
  fill: rgba(255, 255, 255, 0.55);
  transition: all 0.3s ease-out 0s; }

x.Module-Admin .mainBody li a:hover svg path,
x.Module-Recruiting .mainBody li a:hover svg path {
  fill: white; }

.IChooseMultiDialogActions {
  display: inline-flex;
  width: 100%; }

input.NextAction.submit,
.NextAction {
  margin-left: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 2.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #a3d200;
  border: none;
  color: #fff; }
  input.NextAction.submit svg,
  .NextAction svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  input.NextAction.submit:hover:not(:disabled), input.NextAction.submit:focus:not(:disabled),
  .NextAction:hover:not(:disabled),
  .NextAction:focus:not(:disabled) {
    color: #fff;
    background-color: #7b9f00; }
    input.NextAction.submit:hover:not(:disabled) svg, input.NextAction.submit:focus:not(:disabled) svg,
    .NextAction:hover:not(:disabled) svg,
    .NextAction:focus:not(:disabled) svg {
      fill: #fff; }
  input.NextAction.submit:focus,
  .NextAction:focus {
    outline: none; }
  input.NextAction.submit:hover,
  .NextAction:hover {
    text-decoration: none !important; }
  input.NextAction.submit.submit:active,
  .NextAction.submit:active {
    filter: brightness(85%); }
  input.NextAction.submit:disabled,
  .NextAction:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    input.NextAction.submit:disabled svg,
    .NextAction:disabled svg {
      fill: #000000; }
  input.NextAction.submit.processing,
  .NextAction.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

input.NextAction.submit:hover,
.NextAction:hover {
  zbackground-color: #81a603 !important;
  ztext-decoration: none; }

.NextAction + .CancelAction {
  float: right;
  zmargin: 6px 10px 0 0; }

.Module-Recruiting .RequestAgentApprovalAction.submit {
  float: right; }

z.IAdditionalInformationContainer .IAdditionalInformationFields table {
  background-color: #f8fafb;
  padding: 1rem;
  display: block;
  margin: 1rem 0; }

.IAdditionalInformationContainer .IAdditionalInformationActions {
  display: flex;
  justify-content: flex-end; }

.IAdditionalInformationContainer .FormTable td label:first-child,
.SSForm.ICustomizeWelcomeEmailContainer .FormTable label {
  font-weight: 700; }

.IAddProductsContainer p,
.IAddCarriersContainer p,
.IAdditionalInformationContainer label:first-child {
  font-weight: 700;
  margin: 0 0 0.5rem; }

.IAddCarriersContainer table {
  background-color: transparent; }

.IAddCarriersContainer td {
  padding: 0.25rem;
  width: 25%;
  vertical-align: top; }

.IAddCarriersContainer .carrier {
  padding: 1rem 0.5rem;
  margin: 0.5rem 0;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
  position: relative; }

.IEditCarriers .carrierBox table,
.IChooseMultiDialogFields .choicesBox table,
.IEditTerritories .territoryBox table,
.IEditAgentCampaigns .campaignBox table {
  width: 100%; }
.IEditCarriers .carrierBox tr,
.IChooseMultiDialogFields .choicesBox tr,
.IEditTerritories .territoryBox tr,
.IEditAgentCampaigns .campaignBox tr {
  display: flex;
  column-gap: 1rem; }
.IEditCarriers .carrierBox td,
.IChooseMultiDialogFields .choicesBox td,
.IEditTerritories .territoryBox td,
.IEditAgentCampaigns .campaignBox td {
  padding: 0;
  width: 100%; }
.IEditCarriers .carrierBox a,
.IChooseMultiDialogFields .choicesBox a,
.IEditTerritories .territoryBox a,
.IEditAgentCampaigns .campaignBox a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #f0f1f2;
  border: none;
  color: #222;
  margin-bottom: 1rem; }
  .IEditCarriers .carrierBox a svg,
  .IChooseMultiDialogFields .choicesBox a svg,
  .IEditTerritories .territoryBox a svg,
  .IEditAgentCampaigns .campaignBox a svg {
    fill: #222;
    width: 20px;
    height: 20px; }
  .IEditCarriers .carrierBox a:hover:not(:disabled), .IEditCarriers .carrierBox a:focus:not(:disabled),
  .IChooseMultiDialogFields .choicesBox a:hover:not(:disabled),
  .IChooseMultiDialogFields .choicesBox a:focus:not(:disabled),
  .IEditTerritories .territoryBox a:hover:not(:disabled),
  .IEditTerritories .territoryBox a:focus:not(:disabled),
  .IEditAgentCampaigns .campaignBox a:hover:not(:disabled),
  .IEditAgentCampaigns .campaignBox a:focus:not(:disabled) {
    color: white;
    background-color: deepskyblue; }
    .IEditCarriers .carrierBox a:hover:not(:disabled) svg, .IEditCarriers .carrierBox a:focus:not(:disabled) svg,
    .IChooseMultiDialogFields .choicesBox a:hover:not(:disabled) svg,
    .IChooseMultiDialogFields .choicesBox a:focus:not(:disabled) svg,
    .IEditTerritories .territoryBox a:hover:not(:disabled) svg,
    .IEditTerritories .territoryBox a:focus:not(:disabled) svg,
    .IEditAgentCampaigns .campaignBox a:hover:not(:disabled) svg,
    .IEditAgentCampaigns .campaignBox a:focus:not(:disabled) svg {
      fill: white; }
  .IEditCarriers .carrierBox a:focus,
  .IChooseMultiDialogFields .choicesBox a:focus,
  .IEditTerritories .territoryBox a:focus,
  .IEditAgentCampaigns .campaignBox a:focus {
    outline: none; }
  .IEditCarriers .carrierBox a:hover,
  .IChooseMultiDialogFields .choicesBox a:hover,
  .IEditTerritories .territoryBox a:hover,
  .IEditAgentCampaigns .campaignBox a:hover {
    text-decoration: none !important; }
  .IEditCarriers .carrierBox a.submit:active,
  .IChooseMultiDialogFields .choicesBox a.submit:active,
  .IEditTerritories .territoryBox a.submit:active,
  .IEditAgentCampaigns .campaignBox a.submit:active {
    filter: brightness(85%); }
  .IEditCarriers .carrierBox a:disabled,
  .IChooseMultiDialogFields .choicesBox a:disabled,
  .IEditTerritories .territoryBox a:disabled,
  .IEditAgentCampaigns .campaignBox a:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .IEditCarriers .carrierBox a:disabled svg,
    .IChooseMultiDialogFields .choicesBox a:disabled svg,
    .IEditTerritories .territoryBox a:disabled svg,
    .IEditAgentCampaigns .campaignBox a:disabled svg {
      fill: #000000; }
  .IEditCarriers .carrierBox a.processing,
  .IChooseMultiDialogFields .choicesBox a.processing,
  .IEditTerritories .territoryBox a.processing,
  .IEditAgentCampaigns .campaignBox a.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.IEditCarriers .carrierBox .carrier,
.IChooseMultiDialogFields .choicesBox .choice,
.IEditTerritories .territoryBox .territory,
.IEditAgentCampaigns .campaignBox .campaign {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f9f9f9;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  white-space: normal; }

.IAddCarriers .carrier span {
  display: block;
  text-align: center;
  font-size: 0; }

.IAddCarriers .carrier span {
  display: block;
  text-align: center;
  font-size: 0; }

.IAddCarriers .carrier span img {
  box-sizing: content-box;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  max-height: 50px;
  padding: 1.5rem 0; }

.IAddCarriersContainer td a:first-child {
  border: 1px solid red; }

.IAddCarriersContainer td a:first-of-type {
  float: right;
  margin: -40px 0 0; }

.IAddCarriersContainer .controlMe {
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%; }

.IAddCarriersContainer .controlMe svg {
  display: none;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1; }

.IAddCarriersContainer .controlMe svg path {
  fill: #a3d200; }

.IAddCarriersContainer .controlMe::after {
  content: "";
  background-color: rgba(245, 245, 245, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid transparent;
  z-index: 1; }

.IAddCarriersContainer .checkbox:checked ~ .controlMe::after {
  content: "";
  background-color: #f5f8fd;
  border: 1px solid blue;
  z-index: 0; }

.IAddCarriersContainer .checkbox:checked ~ .controlMe svg {
  display: block; }

.IAddCarriersContainer span {
  line-height: 1;
  position: relative;
  z-index: 1; }

.IAddCarriersContainer input.checkbox {
  z-index: 2;
  cursor: pointer; }

@media screen and (max-width: 1700px) {
  .IAddCarriersContainer table table tr {
    display: flex;
    flex-wrap: wrap; }

  .IAddCarriersContainer table table td {
    width: 49%; }

  .carrierBox table tr {
    flex-wrap: wrap !important;
    display: flex !important; }

  .carrierBox table td {
    width: 50%; } }
@media screen and (max-width: 1100px) {
  .IEditCarriers .carrierBox tr,
  .IChooseMultiDialogFields .choicesBox tr,
  .IEditTerritories .territoryBox tr,
  .IEditAgentCampaigns .campaignBox tr {
    flex-wrap: wrap; } }
@media screen and (max-width: 1000px) {
  .IAddCarriersContainer table table td {
    width: 100%; } }
@media screen and (max-width: 850px) {
  .IAdditionalInformation table td label {
    white-space: normal; }

  .IAddCarriersContainer td {
    display: initial; }

  .carrierBox table td {
    width: 100%; } }
@media screen and (max-width: 600px) {
  .IAddCarriersContainer td a:first-of-type {
    float: none;
    margin: 0; } }
/* Branding */
.ISetBranding .FormTable {
  margin: 0px 0 0;
  border-bottom: 1px solid #ccc !important;
  padding: 1rem 0; }

.ISetBranding td.FormFields p {
  color: #bbb;
  width: 600px; }

.rgbInputView {
  display: flex;
  flex-wrap: wrap; }

.rgbInputView label {
  width: 100%; }

.rgbInputView span {
  width: 8%;
  text-align: center;
  padding: 0.7rem 0; }

.rgbInputView input {
  width: 24% !important; }

@media screen and (max-width: 1450px) {
  .ISetBranding table td {
    white-space: normal;
    display: block; }

  .ISetBranding .FormTable {
    background-color: #f9f9f9;
    padding: 1rem;
    display: block;
    margin: 1rem 0;
    border: none !important;
    border-radius: 1rem; }

  .rgbInputView input {
    margin: 0 0.5rem; } }
/* Permissions */
.ISetUserPermissions table {
  background-color: white;
  width: 100%; }
  .ISetUserPermissions table tr:nth-child(2n) {
    background: #f8fafb; }
  .ISetUserPermissions table td {
    text-align: center; }
    .ISetUserPermissions table td:first-child {
      text-align: left; }

.ISetAgentPermissions h1 {
  display: none; }
.ISetAgentPermissions .permissions {
  background-color: white;
  width: 100%; }
  .ISetAgentPermissions .permissions div:nth-child(2n) {
    background: #f8fafb; }
  .ISetAgentPermissions .permissions div {
    display: flex;
    align-items: center; }
    .ISetAgentPermissions .permissions div label {
      min-width: 250px;
      width: 25%;
      padding: 10px 5px; }
    .ISetAgentPermissions .permissions div input {
      xflex: 1; }

.theDefaultRoleAjax label {
  display: block; }
.theDefaultRoleAjax select {
  width: initial; }

@media screen and (min-width: 1450px) {
  .ISetUserPermissions table td {
    line-height: 1; } }
table td#theNotesAjax {
  white-space: normal; }

x#contact-notes,
.notes {
  margin: 1rem 0;
  background-color: #f5f5f5;
  padding: 1rem 1rem;
  border: 1px solid #ddd;
  font-size: 0.95em;
  max-height: 200px;
  overflow-y: scroll; }

x#contact-notes .note,
x.notes .note {
  margin: 0.25rem 0; }

x#contact-notes .note span {
  margin: 0 0.5rem 0 0; }

x.notes .note:last-child {
  margin: 0.25rem 0 0.75rem; }

x#contact-notes .note .user,
x.notes .note .user {
  margin: 0 0.5rem 0 0;
  font-weight: 700; }

x#contact-notes .note .time,
x.notes .note .time {
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.6); }

x.notes .note .note {
  margin: 0 0 0 0.5rem; }

x#contact-notes h4,
x.notes h4 {
  margin: 0; }

x#contact-notes {
  max-height: 400px;
  padding: 0;
  background-color: transparent;
  border: none;
  border-top: 4px solid #eee;
  padding: 1rem 0;
  margin: 1.5rem 0 0; }

x#contact-notes .note {
  background-color: #f9f9f9;
  margin: 0.5rem 0 0;
  padding: 1rem;
  border: none;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.15); }

x#contact-notes .note .note {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  font-weight: 500; }

x#contact-notes .note span {
  margin: 0 0.5rem 0 0;
  font-size: 0.8em;
  text-transform: capitalize;
  background-color: #555;
  color: white;
  padding: 5px 5px 4px;
  line-height: 1; }

x#contact-notes .note span:first-child {
  font-size: 0.95em;
  background-color: transparent;
  color: inherit;
  padding: 0; }

x#contact-notes .note span:last-child {
  float: right;
  background-color: transparent;
  margin: 0; }

.Module-Admin .filters {
  text-align: right;
  xbackground-color: rgba(0, 0, 0, 0.05);
  padding: 0.75rem;
  margin: 0 0 0.85rem auto; }

.Module-Admin .filters form {
  display: table;
  width: 100%; }

.Module-Admin .filters label {
  text-align: right;
  padding: 0 0.5rem;
  vertical-align: middle; }

.Module-Admin .filters select {
  width: 130px;
  padding: 0.25rem;
  height: 35px; }

ztable.agent {
  background-color: white;
  width: 100%;
  text-align: left;
  background-color: #fff;
  width: 100%;
  border: 1px solid #e7eef3;
  font-size: 0.9em;
  xmargin: 1rem 0 0; }

ztable.agent tr {
  background-color: #f7f8f9;
  border-bottom: 3px solid white; }

ztable.agent tr th,
ztable.agent tr td {
  border: 1px solid white;
  overflow: hidden; }

table.agent th {
  padding: 0.75rem 0.75rem 0;
  text-align: left;
  zbackground-color: #f3f7f9;
  zbackground-color: #f8fafb;
  background-color: #fff;
  text-transform: uppercase;
  zfont-size: 0.8em;
  zfont-weight: 700; }

ztable.agent td {
  padding: 0.75rem; }

table.agent select {
  background-color: #fff;
  border: 1px solid #dcdcdc; }

.Module-Admin table.agent .reviewing td:nth-child(4) {
  xcolor: red; }

.Module-Admin table.agent .needswork td:nth-child(4) {
  xcolor: #aaa; }

.Module-Admin table.agent .submitted td:nth-child(4) {
  xcolor: orange; }

.Module-Admin table.agent .accepted td:nth-child(4) {
  xcolor: #4cbf3c; }

.IApproveNewHires .interview {
  width: 100%;
  margin: 0.5rem 0 0; }

.IApproveNewHires .interview:first-child {
  border: none;
  margin: 0; }

.IApproveNewHires .interview table {
  width: 100%;
  padding: 0;
  border: none; }

.IApproveNewHires .interview div {
  width: 100%; }

.IApproveNewHires .interview div form {
  margin: 1.75rem 0 0;
  display: inline-block; }

.IContractReviewContainer {
  padding: 1rem;
  background-color: white;
  border: 1px solid #ccc; }

.IContractReviewContainer .toReview a {
  margin: 0 1rem 0 0;
  display: inline-block; }

.IContractReviewContainer .submit {
  margin: 0 0.25rem 0 0; }

/* Changes Review */
.IReviewChanges .mainBody form,
.IAgentReviewChanges .mainBody form {
  width: 100%; }
  .IReviewChanges .mainBody form #theChangesAjax,
  .IAgentReviewChanges .mainBody form #theChangesAjax {
    overflow: auto; }
  .IReviewChanges .mainBody form .changes,
  .IAgentReviewChanges .mainBody form .changes {
    zbackground-color: white;
    zwidth: 100%;
    ztext-align: left; }
    .IReviewChanges .mainBody form .changes tr:nth-child(2n),
    .IAgentReviewChanges .mainBody form .changes tr:nth-child(2n) {
      zbackground: #f7f8f9; }
    .IReviewChanges .mainBody form .changes td:last-child,
    .IAgentReviewChanges .mainBody form .changes td:last-child {
      white-space: nowrap; }
    .IReviewChanges .mainBody form .changes input.submit,
    .IAgentReviewChanges .mainBody form .changes input.submit {
      display: inline-block;
      min-width: fit-content;
      background-color: #323338;
      color: white;
      font-size: 0.9rem;
      padding: 0.5rem 1rem;
      border-radius: 9999px;
      text-align: center;
      white-space: nowrap;
      line-height: 1.2;
      border: none;
      height: unset; }
      .IReviewChanges .mainBody form .changes input.submit:hover,
      .IAgentReviewChanges .mainBody form .changes input.submit:hover {
        text-decoration: none;
        background-color: #1a1a1d; }
      .IReviewChanges .mainBody form .changes input.submit:disabled,
      .IAgentReviewChanges .mainBody form .changes input.submit:disabled {
        background-color: #dddddd;
        cursor: not-allowed; }

.IReviewContract #theNotesAjax a {
  white-space: normal; }

@media screen and (max-width: 600px) {
  .IReviewContract #theNotesAjax a {
    display: block; } }
@media screen and (max-width: 1500px) {
  .IReviewContracts .contentContainer,
  .ISetUserPermissions .contentContainer,
  .IReviewChanges .contentContainer,
  .IAgentReviewChanges .contentContainer {
    overflow-x: scroll; } }
/* Integrations */
.IAgentIntegrations .IComponent {
  zpadding: 0;
  zborder: none;
  zbackground-color: transparent; }

.IAgentIntegrationsActions a {
  width: 100%;
  display: block;
  background-color: white;
  padding: 35px;
  border-radius: 15px;
  box-sizing: border-box;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-out 0s;
  margin-bottom: 1.5rem; }
  .IAgentIntegrationsActions a:after {
    content: "Bind Now";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 44px;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: #f0f1f2;
    border: none;
    color: #fff;
    float: right;
    height: unset;
    color: #333;
    margin: -48px 0 0; }
    .IAgentIntegrationsActions a:after svg {
      fill: #fff;
      width: 20px;
      height: 20px; }
    .IAgentIntegrationsActions a:after:hover:not(:disabled), .IAgentIntegrationsActions a:after:focus:not(:disabled) {
      color: #fff;
      background-color: #d5d8da; }
      .IAgentIntegrationsActions a:after:hover:not(:disabled) svg, .IAgentIntegrationsActions a:after:focus:not(:disabled) svg {
        fill: #fff; }
    .IAgentIntegrationsActions a:after:focus {
      outline: none; }
    .IAgentIntegrationsActions a:after:hover {
      text-decoration: none !important; }
    .IAgentIntegrationsActions a:after.submit:active {
      filter: brightness(85%); }
    .IAgentIntegrationsActions a:after:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .IAgentIntegrationsActions a:after:disabled svg {
        fill: #000000; }
    .IAgentIntegrationsActions a:after.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }
  .IAgentIntegrationsActions a span {
    display: block;
    font-weight: 500;
    line-height: 1.4; }
  .IAgentIntegrationsActions a img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 25px 0 0;
    width: 70px;
    height: 70px;
    float: left;
    margin: -9px 25px 0 0; }
  .IAgentIntegrationsActions a .icon {
    position: relative; }
    .IAgentIntegrationsActions a .icon svg {
      width: 45px;
      height: 46px;
      float: left;
      margin: 0 35px 0 0;
      position: relative;
      z-index: 1; }
      .IAgentIntegrationsActions a .icon svg path {
        fill: white; }
    .IAgentIntegrationsActions a .icon:after {
      content: "";
      position: absolute;
      background-color: #4785f4;
      width: 72px;
      height: 72px;
      border-radius: 50%;
      left: -14px;
      top: -11px; }
  .IAgentIntegrationsActions a:hover {
    color: #337ab7;
    text-decoration: underline;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(0, 0, 0, 0.35); }
    .IAgentIntegrationsActions a:hover:after {
      color: white;
      background-color: deepskyblue;
      transition: all 0.3s ease-out 0s; }
      .IAgentIntegrationsActions a:hover:after:hover {
        background-color: black; }

.IAgentIntegrationsActions .submit.UnbindCalendarAction {
  box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.15);
  padding: 30px;
  display: inline-block;
  border-radius: 15px;
  width: 100%;
  display: block;
  background-color: aliceblue;
  padding: 35px;
  border-radius: 0;
  border-radius: 15px;
  box-sizing: border-box;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-out 0s;
  border: 1px solid lightblue;
  transition: all 0.3s ease-out 0s; }
  .IAgentIntegrationsActions .submit.UnbindCalendarAction:hover {
    text-decoration: none;
    box-shadow: 0 5px 4px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(0, 0, 0, 0.35);
    color: white; }

x.BindGoogleCalendarAction img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 25px 0 0; }

x.BindGoogleCalendarAction svg {
  margin: 1px 10px 0 0;
  position: relative;
  background-color: #333;
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 50%;
  float: left;
  top: 0; }
  x.BindGoogleCalendarAction svg path {
    fill: white; }

@media screen and (max-width: 800px) {
  .IAgentIntegrationsActions a:after {
    color: white;
    background-color: deepskyblue;
    float: none;
    margin: 15px 0 0 96px;
    display: block;
    width: max-content; } }
.Module-Shop .ISubscribeToLeadsContainer,
z.Module-Shop .IManualSubscribeToLeadsContainer {
  padding: 0; }

z.Module-Shop .ISubscribeToLeadsContainer fieldset,
z.Module-Shop .IManualSubscribeToLeadsContainer fieldset {
  padding: 30px; }
  z.Module-Shop .ISubscribeToLeadsContainer fieldset .additionalRegionsGroup,
  z.Module-Shop .IManualSubscribeToLeadsContainer fieldset .additionalRegionsGroup {
    padding: 0; }

.Module-Shop .IManualSubscribeToLeadsContainer {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.ISubscribeToLeadsFields fieldset {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

/* All Orders */
.IAllOrders .SSForm.IAllOrdersContainer {
  zbackground-color: transparent; }

.IAllOrders .allOrdersResults {
  padding: 30px;
  border-top: 1px solid #dcdcdc; }

.IAllOrders #theSearchResultsAjax .standardDataTable {
  margin: 0; }

.IManageSubscriptionsContainer z#theIManageSubscriptionsBody,
.IManageSubscriptionsContainer z#theSearchResultsAjax {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
.IManageSubscriptionsContainer #theIManageSubscriptionsBody .FormTable tr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  gap: 1rem 2rem; }

.IMyOrders #theSearchResultsAjax,
.IMyOrders .subscriptionsContainer {
  zpadding: 15px;
  zbackground-color: #fff;
  zborder: 1px solid #dcdcdc;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.IMyOrders #theSearchResultsAjax {
  zpadding: 15px; }
  .IMyOrders #theSearchResultsAjax .standardDataTable {
    margin: 0; }

.IMyOrders .subscriptionsContainer {
  zpadding: 15px;
  zmargin: 0 0 25px;
  xborder-color: mediumseagreen;
  xbackground-color: #e1fbee;
  max-height: 350px;
  overflow: auto; }
  .IMyOrders .subscriptionsContainer .standardDataTable {
    xbackground-color: #e1fbee;
    width: 100%;
    font-size: 0.9rem;
    margin: 0; }
    .IMyOrders .subscriptionsContainer .standardDataTable tr {
      xbackground-color: rgba(255, 255, 255, 0.45);
      xbackground-color: #bfecd5;
      background-color: transparent;
      border-bottom: none;
      xbackground-color: #d0fed0;
      xborder: 1px solid #65d765;
      background-color: #e0f6fe;
      border: 1px solid #73abd3;
      background-color: #f1f9fd;
      border: 1px solid #b2d2ed;
      xdisplay: flex;
      margin: 5px 0 0; }
      .IMyOrders .subscriptionsContainer .standardDataTable tr:first-child {
        border: none;
        margin: 0; }
      .IMyOrders .subscriptionsContainer .standardDataTable tr:first-child td {
        text-align: left;
        xbackground-color: #fff;
        xbackground-color: rgba(255, 255, 255, 0.75);
        background-color: white;
        font-size: 0.8em;
        font-weight: 700;
        padding: 0 0.75em; }
        .IMyOrders .subscriptionsContainer .standardDataTable tr:first-child td.subscriptionStatus span {
          font-size: unset;
          text-transform: none;
          border-radius: 0;
          background-color: transparent;
          color: initial;
          padding: 0;
          display: inline;
          font-weight: 700;
          xposition: fixed;
          border: none; }
          .IMyOrders .subscriptionsContainer .standardDataTable tr:first-child td.subscriptionStatus span:before {
            display: none; }
      .IMyOrders .subscriptionsContainer .standardDataTable tr td {
        border: none;
        flex: 1; }
        .IMyOrders .subscriptionsContainer .standardDataTable tr td.subscriptionStatus span {
          text-transform: uppercase;
          xbackground-color: #538abb;
          display: inline-block;
          font-weight: 700;
          font-size: 0.625em;
          padding: 0 15px 0 25px;
          position: reltive;
          border-radius: 20px;
          border: 1px solid #538abb;
          color: #538abb;
          background-color: white; }
          .IMyOrders .subscriptionsContainer .standardDataTable tr td.subscriptionStatus span:before {
            content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='steelblue' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>");
            left: 25px;
            top: 16px;
            width: 9px;
            position: absolute; }
        .IMyOrders .subscriptionsContainer .standardDataTable tr td.actions {
          text-align: left !important; }
        .IMyOrders .subscriptionsContainer .standardDataTable tr td a {
          white-space: nowrap; }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.active
td.subscriptionStatus
span {
  border-color: mediumseagreen;
  color: mediumseagreen; }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.active
td.subscriptionStatus
span:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='mediumseagreen' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-cancelPending
td.subscriptionStatus
span {
  border-color: orange;
  color: orange; }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-cancelPending
td.subscriptionStatus
span:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='orange' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-pendingAdmin
td.subscriptionStatus
span {
  border-color: orange;
  color: orange; }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-pendingAdmin
td.subscriptionStatus
span:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='orange' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-paused
td.subscriptionStatus
span {
  border-color: darkgray;
  color: darkgray; }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-paused
td.subscriptionStatus
span:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='darkgray' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-expired
td.subscriptionStatus
span {
  border-color: gray;
  color: gray; }

.IMyOrders
.subscriptionsContainer
.standardDataTable
tr.subscription-expired
td.subscriptionStatus
span:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='gray' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>"); }

@media screen and (max-width: 2000px) {
  .IAllOrders .allOrdersResults,
  .IManageSubscriptionsContainer,
  z.IMyOrders #theSearchResultsAjax,
  .subscriptionsContainer {
    overflow: auto;
    position: relative; } }
@media screen and (max-width: 900px) {
  .IMyOrders .subscriptionsContainer .standardDataTable tr {
    display: table-row; } }
.ISubscribeToLeadsFields,
.IManualSubscribeToLeadsFields {
  display: flex;
  flex-wrap: wrap; }

.IStripeContainer {
  margin: 10px 0; }

.leads-disclaimer {
  line-height: 1.4;
  margin: 15px 0;
  font-size: 0.875em;
  font-weight: 500; }

#stored-payment-message {
  width: 100%;
  background-color: aliceblue;
  margin: 10px 0;
  padding: 15px;
  border: 1px solid deepskyblue;
  xmargin: 0 0 20px 0;
  color: initial;
  border-radius: 0;
  line-height: 1.4;
  padding: 15px 15px 15px 83px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-left: 10px solid deepskyblue;
  background-size: 42px;
  background-position: 21px 20px;
  background-repeat: no-repeat; }
  #stored-payment-message.visa {
    background-image: url("/skins/0/images/visa.png"); }
  #stored-payment-message.mastercard {
    background-image: url("/skins/0/images/mastercard.png"); }
  #stored-payment-message.amex {
    background-image: url("/skins/0/images/amex.png"); }
  #stored-payment-message div {
    display: block;
    width: 100%;
    margin: 4px 0; }
    #stored-payment-message div span {
      font-weight: 900;
      xmargin: 0 0 0 5px; }
    #stored-payment-message div.payment-actions {
      position: absolute;
      right: 15px;
      top: 10px;
      xwidth: 237px;
      width: auto; }
      #stored-payment-message div.payment-actions div {
        display: inline; }

@media screen and (max-width: 1279px) {
  #stored-payment-message div.payment-actions {
    position: static; } }
@media screen and (max-width: 500px) {
  #stored-payment-message {
    background-image: none !important;
    padding: 15px; } }
.otherInfoContainer .IPaymentViewContainer div {
  xwidth: 100%;
  xbackground-color: aliceblue;
  xpadding: 10px;
  xborder: 1px solid deepskyblue;
  xmargin: 0 0 20px 0;
  xcolor: initial;
  xborder-radius: 5px; }
  .otherInfoContainer .IPaymentViewContainer div#no-stored-payment-message {
    background-color: #fee7ea;
    border: 2px solid red;
    color: initial;
    padding: 10px;
    position: relative; }
    .otherInfoContainer .IPaymentViewContainer div#no-stored-payment-message #use-card-selector {
      position: absolute;
      width: initial;
      right: 15px;
      top: 5px; }
  .otherInfoContainer .IPaymentViewContainer div #use-card-selector {
    background-color: transparent;
    padding: 0;
    border: none; }
  .otherInfoContainer .IPaymentViewContainer div a {
    text-decoration: underline; }

#use-card-selector {
  xdisplay: inline;
  xmargin: 0 0 0 15px;
  display: inline;
  margin: 10px 0 0 0;
  display: inline-block;
  line-height: 1; }
  #use-card-selector a {
    xmargin: 0 7.5px 0 0;
    xborder-right: 1px solid #337ab7;
    xdisplay: block;
    xpadding: 0 7.5px 0 0; }

.ILeadCheckout #use-card-selector a {
  margin: 0 7.5px 0 0;
  border-right: 1px solid #337ab7;
  padding: 0 7.5px 0 0; }

#stored-payment-message #use-alt-payment {
  line-height: 1;
  margin-left: 10px; }

#theLeadInfoGroup,
#theSubscriptionInfoGroup {
  width: 100%; }

.shelf #theLeadInfoGroup,
.shelf #theSubscriptionInfoGroup {
  width: 100%; }

#theSubscriptionInfoGroup {
  zbackground-color: #f8fafb;
  xspadding: 10px 15px;
  zborder-top: 1px solid #dcdcdc; }

z#theSubscriptionInfoGroup input,
z#theSubscriptionInfoGroup select {
  background-color: #fff; }

.Module-Shop fieldset {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.Module-Shop fieldset div {
  width: 100%; }

.FieldRadioGroup input {
  zheight: 25px; }

.Module-Shop fieldset h3 {
  width: 100%;
  xdisplay: none; }

.Module-Shop fieldset#theLeadInfoGroup div,
.Module-Shop fieldset#theSubscriptionInfoGroup div {
  width: 32.333%;
  margin: 0 0.5%;
  padding: 0.25rem 0; }

.IManualSubscribeToLeads.Module-Shop fieldset#theSubscriptionInfoGroup div {
  width: 49%; }

.IManualSubscribeToLeads.Module-Shop fieldset#theLeadInfoGroup div.agentBox {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  padding: 0.25rem 0 20px 0;
  margin: 0 0.5% 15px 0.5%; }
  .IManualSubscribeToLeads.Module-Shop fieldset#theLeadInfoGroup div.agentBox label {
    width: 33.33%; }
  .IManualSubscribeToLeads.Module-Shop fieldset#theLeadInfoGroup div.agentBox select {
    width: 32.6%;
    margin: 0 0.5% 0 0; }

@media screen and (max-width: 750px) {
  .IManualSubscribeToLeads.Module-Shop fieldset#theLeadInfoGroup div.agentBox {
    width: 100%; }
    .IManualSubscribeToLeads.Module-Shop fieldset#theLeadInfoGroup div.agentBox label {
      width: 100%; }
    .IManualSubscribeToLeads.Module-Shop fieldset#theLeadInfoGroup div.agentBox select {
      width: 100%;
      margin: 0; } }
@media screen and (max-width: 500px) {
  .Module-Shop fieldset#theLeadInfoGroup div,
  .Module-Shop fieldset#theSubscriptionInfoGroup div {
    width: 100%;
    margin: 0;
    flex: none; } }
.Module-Shop fieldset#theLeadInfoGroup div label,
.Module-Shop fieldset#theSubscriptionInfoGroup div label {
  white-space: normal;
  line-height: 1.5; }

x.executive.Module-Shop fieldset#theLeadInfoGroup div {
  width: 32.333%;
  margin: 0 0.5%; }

.Module-Shop fieldset div#theAsapAjax,
.Module-Shop fieldset div#theIndefiniteAjax {
  padding: 38px 0 0 20px; }

#theSubscriptionInfoGroup .FormFields.checkboxView,
#theIsHouseAjax.FormFields.checkboxView,
#theIsForOrdersAjax.FormFields.checkboxView,
.IOnboardingContainer .FormFields.checkboxView,
.FormFields.splitLeadBox.checkboxView,
.FormFields.optInEmailBox.checkboxView,
.FormFields.optInTextBox.checkboxView,
.sendTextAlertsBox {
  padding: 38px 0 0 20px; }

.FormFields.splitLeadBox.checkboxView,
.FormFields.optInEmailBox.checkboxView,
.FormFields.optInTextBox.checkboxView {
  flex: inherit; }

@media screen and (max-width: 850px) {
  .FormFields.splitLeadBox.checkboxView,
  .FormFields.optInEmailBox.checkboxView,
  .FormFields.optInTextBox.checkboxView {
    padding: 5px 0.25rem; } }
.Module-Shop #theTermsOfServiceAjax {
  margin: 15px 0 0; }

#theAdditionalRegionsGroup {
  xpadding: 15px 30px;
  xborder-top: 1px solid #dcdcdc;
  xborder-bottom: 1px solid #dcdcdc;
  xmargin: 0px 0 10px;
  zbackground-color: transparent;
  xmargin: 30px 0 0;
  zpadding: 30px 30px 30px;
  zborder-top: 1px solid #dcdcdc; }
  #theAdditionalRegionsGroup div {
    margin: 0;
    flex: unset; }
    #theAdditionalRegionsGroup div#theIRegionFormBody {
      zwidth: calc(100% - 38px); }
    #theAdditionalRegionsGroup div.IRegionFormContainer {
      position: relative;
      padding: 5px; }
    #theAdditionalRegionsGroup div.IRegionFormActions {
      zposition: absolute;
      zmargin: 0;
      zright: 10px;
      zwidth: 30px;
      ztop: 29px;
      zflex-wrap: wrap;
      display: flex;
      align-items: flex-end;
      gap: 8px;
      margin-bottom: 1.25rem;
      width: fit-content; }
      #theAdditionalRegionsGroup div.IRegionFormActions input {
        xwidth: 100%; }
        #theAdditionalRegionsGroup div.IRegionFormActions input.XAction {
          background-image: url("/skins/0/images/closex-white.png");
          background-color: crimson !important;
          border: none !important;
          zbackground-size: 8px !important;
          zwidth: 100% !important;
          zheight: 15px !important; }
    #theAdditionalRegionsGroup div#theRegionsAjax1304944 {
      xmargin: 0 0 2.5px 0;
      xbackground-color: rgba(0, 0, 0, 0.03);
      xpadding: 5px; }

x.Module-Shop .IRequestInternetLeadsFields fieldset div.additionalRegionsBox {
  width: 50%;
  margin: 0 0 0 auto;
  display: block;
  flex: unset;
  padding: 0 40px; }

#theAdditionalRegionsGroup input {
  float: left;
  margin: 0 5px 0 0;
  width: initial;
  background-color: deepskyblue;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0; }

#theAdditionalRegionsGroup label {
  margin: 0;
  white-space: normal;
  line-height: 1.4; }

x.Module-Shop fieldset div.additionalRegionsBox {
  width: initial; }

#theIRegionFormBody {
  display: flex;
  gap: 1rem;
  zflex-wrap: wrap; }

#theIRegionFormBody div {
  width: 100%; }

#theIRegionFormBody div.FormActions {
  xmargin: 40px 0 0; }

#theIRegionFormBody div.FormActions .submit {
  font-size: 0px;
  background-color: #ddd;
  border: 1px solid #dcdcdc;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1 / 1;
  width: 44px !important;
  height: 44px !important;
  background-size: 14px;
  border-radius: 0.5rem;
  margin: 0;
  padding: 0; }

.UpAction.submit {
  background-image: url("/skins/0/images/up.png");
  margin: 0 0 0 5px; }

.DownAction.submit {
  background-image: url("/skins/0/images/down.png"); }

.XAction.submit {
  background-image: url("/skins/0/images/closeX.svg");
  background-color: transparent !important;
  border: none !important;
  background-size: 14px !important;
  width: 25px !important; }

/* Request Leads */
.IRequestInternetLeadsContainer {
  padding: 0; }

.Module-Shop .IRequestInternetLeadsFields {
  display: flex;
  flex-wrap: wrap; }
  .Module-Shop .IRequestInternetLeadsFields [type="radio"] {
    zheight: initial;
    margin: 0 5px 0 0; }
  .Module-Shop .IRequestInternetLeadsFields fieldset {
    display: flex; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.leadInfoGroup {
      width: 50%;
      padding: 30px; }
      .Module-Shop .IRequestInternetLeadsFields fieldset.leadInfoGroup label {
        line-height: 1.5; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup {
      zbackground-color: #f8fafb;
      zwidth: 100%;
      zpadding: 30px;
      zborder-top: 1px solid #dcdcdc; }
      .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup label {
        line-height: 1.5; }
      .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup input {
        zbackground-color: white; }
      .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup select {
        background-color: white; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.deliveryInfoGroup {
      padding: 30px 30px; }
    .Module-Shop .IRequestInternetLeadsFields fieldset div {
      xflex: 1; }
      .Module-Shop .IRequestInternetLeadsFields fieldset div.day {
        margin: 5px 0 0; }
      .Module-Shop .IRequestInternetLeadsFields fieldset div.countyBox {
        xmargin: 0 5px; }
      .Module-Shop .IRequestInternetLeadsFields fieldset div.daysBox div input {
        float: left;
        margin: 3px 6px 0 0; }
      .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox {
        margin: 30px 0 0; }
        .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox div:first-of-type {
          margin: 0 0 10px; }
          .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox div:first-of-type.startTime {
            margin: 0; }
        .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox .timePicker:first-of-type {
          xmargin: 0 0 0 15px; }
        .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox select {
          min-width: unset; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup div {
      margin: 0 0.5%; }
    .Module-Shop .IRequestInternetLeadsFields fieldset#theLeadInfoGroup {
      xwidth: 100%; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.additionalRegionsGroup {
      xmargin: 15px 0 !important;
      xpadding: 15px 0 !important; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.deliveryInfoGroup {
      display: block;
      border-top: 1px solid #dcdcdc; }
      .Module-Shop .IRequestInternetLeadsFields fieldset.deliveryInfoGroup label {
        display: inline;
        xmargin: 0 15px; }
      .Module-Shop .IRequestInternetLeadsFields fieldset.deliveryInfoGroup .checkbox {
        xdisplay: block; }
    .Module-Shop .IRequestInternetLeadsFields fieldset.otherInfoGroup {
      xpadding: 15px 0 0; }
  .Module-Shop .IRequestInternetLeadsFields #stored-payment-message {
    margin: 0 0 20px 0; }

@media screen and (min-width: 1230px) {
  .Module-Shop
  .IRequestInternetLeadsFields
  fieldset
  div.timesBox
  div:first-of-type.startTime {
    display: inline;
    display: inline;
    margin: 0 0 0 10px; }

  .Module-Shop .IRequestInternetLeadsFields fieldset.deliveryInfoGroup label {
    margin: 0 15px; }

  .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox div.endTime {
    display: inline; }

  .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox div.timeZone {
    display: inline;
    margin: 0 0 0 10px; }
    .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox div.timeZone select {
      width: auto; } }
@media screen and (max-width: 1280px) {
  .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup {
    width: 100%; } }
@media screen and (max-width: 1230px) {
  .Module-Shop .IRequestInternetLeadsFields fieldset div.timesBox div.timeZone {
    width: 264px;
    margin: 10px 0 0; } }
@media screen and (max-width: 750px) {
  .Module-Shop .IRequestInternetLeadsFields fieldset div {
    flex: unset; }

  .Module-Shop fieldset#theLeadInfoGroup div,
  .Module-Shop fieldset#theSubscriptionInfoGroup div {
    width: 100%;
    margin: 0; }

  .Module-Shop .IRequestInternetLeadsFields fieldset.regionInfoGroup div {
    margin: 7px 0 0; } }
.safari
.Module-Shop
.IRequestInternetLeadsFields
fieldset
div.timesBox
div.timeZone select {
  padding: 0.5rem 2rem 0.5rem 0.5rem; }

/* Order Details */
.IOrderDetailsContainer h3 {
  border-bottom: 1px solid #dcdcdc;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0; }
.IOrderDetailsContainer .details div {
  display: table-row; }
  .IOrderDetailsContainer .details div label {
    display: table-cell;
    font-size: 1em;
    margin: 0 5px 0 0; }
  .IOrderDetailsContainer .details div span {
    padding: 0 25px;
    display: table-cell;
    font-weight: 700; }
.IOrderDetailsContainer .quality label {
  xcolor: rgba(0, 0, 0, 0.7);
  xfont-weight: 700;
  xfont-size: 1.2em; }
.IOrderDetailsContainer .quality span {
  xcolor: rgba(0, 0, 0, 0.7);
  xfont-weight: 700;
  xfont-size: 1.2em; }
.IOrderDetailsContainer .order-logs {
  background-color: #f7f7f7;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
  padding: 15px;
  margin: 30px 0 0; }
  .IOrderDetailsContainer .order-logs h3 {
    color: #333;
    font-size: 0.95em;
    border: none; }
  .IOrderDetailsContainer .order-logs .entity-log {
    background-color: white;
    padding: 15px;
    border: 1px solid #dcdcdc; }
    .IOrderDetailsContainer .order-logs .entity-log .created {
      font-size: 0.8em;
      color: rgba(0, 0, 0, 0.6); }
    .IOrderDetailsContainer .order-logs .entity-log .subject {
      font-size: 0.95em;
      font-weight: 700; }
    .IOrderDetailsContainer .order-logs .entity-log .body {
      background-color: white;
      margin: 0; }

@media screen and (min-width: 1280px) {
  .IOrderDetailsContainer .order-logs {
    max-width: 50%; } }
.shelf .ISubscribeToLeadsEditorFields fieldset {
  border: none !important;
  margin: 15px 0 0; }

.shelf .ISubscribeToLeadsEditorFields fieldset#theLeadInfoGroup,
.shelf .ISubscribeToLeadsEditorFields fieldset#theSubscriptionInfoGroup {
  display: flex;
  flex-wrap: wrap;
  background-color: white; }

.shelf .ISubscribeToLeadsEditorFields fieldset#theLeadInfoGroup div,
.shelf .ISubscribeToLeadsEditorFields fieldset#theSubscriptionInfoGroup div {
  width: 49%;
  margin: 0 0.5%; }

.shelf .ISubscribeToLeadsEditorFields fieldset#theSubscriptionInfoGroup div {
  width: 100%;
  padding: 5px 0; }

.shelf
.ISubscribeToLeadsEditorFields
fieldset#theSubscriptionInfoGroup
div
label {
  white-space: normal;
  line-height: 1.5; }

.shelf .ISubscribeToLeadsEditorFields h3 {
  width: 100%;
  margin: 0; }

.shelf #theRegionsAjax {
  margin: 0 0 5px 0; }

.shelf .IRegionFormContainer {
  margin: -20px 0 0; }

#theAdditionalRegionsAjax input.submit {
  width: 28px;
  padding: 5px; }

.shelf #theIRegionFormBody div.FormActions .submit {
  width: 45px;
  flex: unset; }

.cardSelector {
  width: 100%;
  background-color: white;
  font-size: 0.875;
  zborder: 5px solid white;
  border-radius: 0.75rem;
  overflow: hidden; }
  .cardSelector tr:first-child {
    background-color: #eee; }
  .cardSelector th {
    padding: 10px;
    font-size: 0.9em; }
  .cardSelector td {
    padding: 10px;
    border-top: 1px solid #dcdcdc; }

.shelf .cardSelector .submit {
  width: 100%;
  height: 36px;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  zfont-size: 0.875em;
  zpadding: 6px 5px; }

.shelf .IPaymentViewContainer form {
  xbackground-color: white;
  xoutline: 1px solid red;
  xpadding: 5px;
  xdisplay: block;
  xborder: 1px solid #dcdcdc; }

.shelf #theSavedCardsAjax {
  xcolor: white;
  margin: 0 0 15px;
  overflow: auto; }

.shelf #theSavedCardsAjax form {
  color: initial; }

.shelf .IStripeContainer form {
  margin: 0;
  display: block; }

.shelf .IStripeContainer form .selected {
  background-color: #f1f9fd;
  border-top: 2px solid #b2d2ed;
  border-bottom: 2px solid #b2d2ed; }

.cardSelector .selected td:first-child {
  color: red; }

.cardInUseIndicator {
  color: red;
  font-size: 0.85em;
  padding: 0 0 0 10px; }

.shelf .IStripeContainer form {
  margin: 0;
  display: block; }

.shelf .IStripeContainer .StripeElement {
  margin: 10px 0; }

.shelf .IStripeContainer h4 {
  margin: 15px 0 0;
  border-top: 1px solid #fff;
  padding: 10px 0 0; }

.shelf .IStripeContainer {
  background-image: linear-gradient(#364653 5%, #1c252d);
  border-radius: 0 0 15px 15px; }

.shelf .IStripeContainer h4 {
  margin: 5px 0 0;
  border-top: none;
  color: white; }

.Module-Shop fieldset.otherInfoGroup {
  zborder-top: 1px solid #dcdcdc;
  xxmargin: 15px 0 0;
  zpadding: 30px 30px 0;
  display: block; }

.Module-Shop fieldset div.noteAboutOrderBox {
  width: calc(50% - 60px); }

.noteAboutOrderBox textarea {
  min-height: 75px; }

#theOtherInfoGroup #theOrderSummaryAjax,
.order-summary span {
  font-size: 1.45em;
  color: #ff5050;
  color: #b12704;
  margin: 15px 0;
  font-weight: bold;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0 13px;
  display: block; }

.Module-Shop fieldset div.otherInfoContainer {
  color: white;
  padding: 30px 30px 45px;
  width: calc(50% - 60px);
  margin: 15px 0 30px;
  xbackground-image: linear-gradient(#353d52 5%, #181d2a);
  background-image: linear-gradient(#364653 5%, #1c252d);
  border-radius: 20px;
  border: none; }
  .Module-Shop fieldset div.otherInfoContainer .termsOfServiceBox p {
    font-size: 0.85em;
    line-height: 1.5; }
  .Module-Shop fieldset div.otherInfoContainer label {
    color: white; }

@media screen and (max-width: 1280px) {
  .Module-Shop fieldset div.otherInfoContainer {
    xwidth: calc(100% - 60px);
    width: 100%;
    margin: 15px auto 30px; }

  .Module-Shop fieldset div.noteAboutOrderBox {
    xwidth: calc(100% - 60px);
    width: 100%; }
    .Module-Shop fieldset div.noteAboutOrderBox label {
      white-space: normal; } }
.order-summary span {
  color: #fff;
  margin: 5px 0 15px;
  border-top: none;
  border-bottom: none;
  padding: 0; }

form .IManualSubscribeToLeadsActions.FormActions {
  margin: 10px 0 0;
  margin: 15px 0 0;
  padding: 0; }

#theFillInfoGroup {
  zpadding: 30px 30px 0;
  zborder-top: 1px solid #dcdcdc; }

.ISubscribeToLeadsContainer form .FormActions {
  margin: 15px 0px 0; }

@media screen and (max-width: 1280px) {
  #theLeadInfoGroup,
  #theSubscriptionInfoGroup {
    width: 100%; }

  #theSubscriptionInfoGroup {
    margin: 25px 0 0; } }
@media screen and (max-width: 600px) {
  .ISubscribeToLeads fieldset#theLeadInfoGroup div,
  .ISubscribeToLeads fieldset#theSubscriptionInfoGroup div {
    width: 100%;
    margin: 0; }

  .ISubscribeToLeads fieldset div#theAsapAjax,
  .ISubscribeToLeads fieldset div#theIndefiniteAjax {
    padding: 10px 0; } }
/* Pending Subscriptions */
.IManageSubscriptions .myOrders {
  position: relative; }
.IManageSubscriptions .standardDataTable {
  margin: 0; }
  .IManageSubscriptions .standardDataTable td:last-child {
    white-space: nowrap;
    text-align: left !important; }
.IManageSubscriptions .tableOptions {
  position: absolute;
  background-color: transparent;
  z-index: 1;
  right: 0px;
  top: -20px; }
  .IManageSubscriptions .tableOptions .labelContainer {
    text-align: center;
    xbackground-color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 8px;
    margin: 2.5px 0 0; }
    .IManageSubscriptions .tableOptions .labelContainer:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    .IManageSubscriptions .tableOptions .labelContainer.active {
      background-color: rgba(0, 0, 0, 0.05); }
  .IManageSubscriptions .tableOptions label {
    position: relative;
    font-size: 0;
    width: 5px;
    height: 5px;
    background-color: black;
    display: inline-block;
    border-radius: 50%; }
    .IManageSubscriptions .tableOptions label svg {
      width: 20px;
      display: none; }
    .IManageSubscriptions .tableOptions label:before {
      display: block;
      content: "";
      width: 5px;
      height: 5px;
      background-color: black;
      border-radius: 50%;
      position: absolute;
      top: 9px; }
    .IManageSubscriptions .tableOptions label:after {
      display: block;
      content: "";
      width: 5px;
      height: 5px;
      background-color: black;
      border-radius: 50%;
      position: absolute;
      top: 18px; }
  .IManageSubscriptions .tableOptions .container {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
    padding: 0;
    position: absolute;
    right: -5px;
    background-color: #fff;
    width: 166px;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0); }
    .IManageSubscriptions .tableOptions .container.open {
      max-height: 500px;
      padding: 15px;
      box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.25); }
  .IManageSubscriptions .tableOptions span.title {
    font-size: 0.875em;
    display: block;
    border-bottom: 2px solid #eee;
    margin: 0 0 5px 0;
    font-weight: 700; }
  .IManageSubscriptions .tableOptions span.option {
    font-size: 0.875em;
    margin: 0 5px 0 0;
    display: block; }
    .IManageSubscriptions .tableOptions span.option span.image {
      background-image: url("/skins/0/images/on-off-toggle.png");
      background-repeat: no-repeat;
      background-size: 20px;
      width: 21px;
      height: 10px;
      display: inline-block;
      background-position: 0px 0px;
      margin: 0 5px 0 0; }
    .IManageSubscriptions .tableOptions span.option.off span.image {
      background-position: 0px -15px;
      xborder: 1px solid red; }

@media screen and (min-width: 1825px) {
  .subscriptions td.actions,
  .allOrdersToProcess td:last-child,
  .myOrders td:last-child {
    white-space: nowrap; } }
.subscriptions tr .actions,
.allOrdersToProcess tr .actions,
.myOrders tr .actions {
  text-align: left !important; }

.subscriptions .actions > *,
.allOrdersToProcess td.actions > *,
.myOrders td.actions > * {
  display: inline;
  min-width: fit-content;
  background-color: #323338;
  color: white;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .subscriptions .actions > *:hover,
  .allOrdersToProcess td.actions > *:hover,
  .myOrders td.actions > *:hover {
    text-decoration: none;
    background-color: #1a1a1d; }
  .subscriptions .actions > *:disabled,
  .allOrdersToProcess td.actions > *:disabled,
  .myOrders td.actions > *:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

.subscriptions tr:first-child .actions a,
.subscriptions tr:first-child .actions a:hover,
.allOrdersToProcess tr:first-child td:last-child a,
.allOrdersToProcess tr:first-child td:last-child a:hover,
.myOrders tr:first-child td:last-child a,
.myOrders tr:first-child td:last-child a:hover {
  font-size: intial;
  margin: 0;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  color: initial; }

@media screen and (max-width: 2000px) {
  z.IManageSubscriptions #theSearchResultsAjax {
    overflow-x: scroll; } }
.standardDataTable td.subscriptionId,
.standardDataTable td.bizId,
.standardDataTable td.orderId {
  xmax-width: 135px;
  xtext-overflow: ellipsis;
  xoverflow: unset;
  xtransition: all 0.9s ease-out 0s; }

.standardDataTable td.subscriptionId span,
.standardDataTable td.bizId span,
.standardDataTable td.orderId span {
  xtext-overflow: ellipsis;
  xdisplay: block;
  xwidth: 58px;
  xxmax-width: 205px;
  xoverflow: hidden;
  xposition: relative;
  xdirection: rtl;
  xtransition: all 0.9s ease-out 0s; }

.standardDataTable td.subscriptionId:hover,
.standardDataTable td.bizId:hover,
.standardDataTable td.orderId:hover {
  xmax-width: 300px;
  xtext-overflow: none;
  xoverflow: unset; }

.standardDataTable td.subscriptionId:hover span,
.standardDataTable td.bizId:hover span,
.standardDataTable td.orderId:hover span {
  xtext-overflow: none;
  xdisplay: block;
  xwidth: initial; }

.standardDataTable td.subscriptionId div,
.standardDataTable td.bizId div,
.standardDataTable td.orderId div {
  xbackground-color: rgba(0, 0, 0, 0.5);
  xcontent: attr(title);
  xposition: absolute;
  xtop: -10px;
  xleft: 3px;
  xcolor: white;
  xfont-size: 0.875em;
  xborder-radius: 0.25rem;
  xline-height: 1.4em;
  xmin-width: 75px;
  xpadding: 5px 10px;
  display: none; }

.standardDataTable td.subscriptionId:hover div,
.standardDataTable td.bizId:hover div,
.standardDataTable td.orderId:hover div {
  xdisplay: block; }

#theIManageSubscriptionsBody form .IManageSubscriptionsFields {
  width: 100%; }

#theIAllOrdersBody form {
  display: flex;
  flex-wrap: wrap; }

#theIAllOrdersBody,
.IAllOrdersContainer #theSearchResultsAjax {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.IAllOrdersFields {
  width: 100%; }

.IAllOrdersFields .FormTable tr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  gap: 1rem 2rem; }

x#theIAllOrdersBody form .IAllOrdersActions {
  width: 10%; }

x#theIAllOrdersBody form .IAllOrdersActions {
  width: 10%;
  margin: 0; }

x#theIAllOrdersBody form .IAllOrdersActions input.submit {
  width: 100%;
  margin: 31px 0 0 5px;
  height: 53px; }

/* Subscriptions */
.ISubscriptions h4 {
  margin: 0.5rem 0;
  width: 100%; }

x.ISubscribeToLeads .ISubscribeToLeadsFields table {
  xbackground-color: #f9f9f9;
  xpadding: 0.5rem;
  xborder: 1px solid #e0e0e0; }

x.ISubscribeToLeads .ISubscribeToLeadsFields table.RowTwo {
  xborder-bottom: 1px solid #dcdcdc;
  margin: 0 0 40px 0;
  padding: 0 0 9px 0;
  position: relative; }

x.ISubscribeToLeads .ISubscribeToLeadsFields table.RowTwo:after {
  content: "";
  position: absolute;
  height: 1px;
  left: 0;
  bottom: -20px;
  background-color: #dcdcdc;
  z-index: 6;
  width: 100%; }

#allSubscriptionsId {
  margin: 0 0 1rem 0;
  width: 100%; }

#allSubscriptionsId > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #f0f1f2;
  border: none;
  color: #222;
  margin-bottom: 1rem; }
  #allSubscriptionsId > a svg {
    fill: #222;
    width: 20px;
    height: 20px; }
  #allSubscriptionsId > a:hover:not(:disabled), #allSubscriptionsId > a:focus:not(:disabled) {
    color: white;
    background-color: deepskyblue; }
    #allSubscriptionsId > a:hover:not(:disabled) svg, #allSubscriptionsId > a:focus:not(:disabled) svg {
      fill: white; }
  #allSubscriptionsId > a:focus {
    outline: none; }
  #allSubscriptionsId > a:hover {
    text-decoration: none !important; }
  #allSubscriptionsId > a.submit:active {
    filter: brightness(85%); }
  #allSubscriptionsId > a:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    #allSubscriptionsId > a:disabled svg {
      fill: #000000; }
  #allSubscriptionsId > a.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.available-subscriptions,
.active-subscriptions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem 0; }

.active-subscriptions .subscription {
  border: 1px solid #65d765;
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  background-color: #adf9ad;
  xwidth: 32.7%;
  display: flex;
  margin: 0.25rem;
  align-items: center;
  box-sizing: border-box; }

.active-subscriptions .subscription {
  border: 1px solid #b2d2ed;
  background-color: #f1f9fd; }

.active-subscriptions .subscription label {
  font-weight: 500;
  font-size: 1rem;
  white-space: normal; }

.active-subscriptions .subscription .submit {
  margin: 0 0 0 0.5rem;
  background-color: white !important;
  font-size: 0.8rem;
  color: black;
  border: 1px solid #65d765;
  float: right;
  max-height: 94px; }

.available-subscriptions a {
  zborder: 1px solid #ddd;
  background-color: #f5f5f5;
  text-decoration: none;
  display: block;
  align-items: center;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  width: 32.7%;
  display: flex;
  margin: 0.25rem;
  align-items: center;
  box-sizing: border-box; }

x.ISubscribeToLeads #theTerritoryAjax a {
  margin: 0 0 0 5px; }

/* Manual Orders */
.IManualOrders .FormTable.RowOne {
  display: none; }

@media screen and (min-width: 1100px) {
  .authenticated.IManualOrders .FormTable.RowOne tr {
    display: table-row; }

  .IManualOrders h4 {
    margin: 25px 0 0; }

  .IManualOrders .FormTable.RowOne {
    width: 50%; }

  .IManualOrders .FormTable.RowTwo {
    width: 50%; } }
/* Payment Page */
#payment-element table {
  border: 1px solid #dcdcdc;
  background-color: #f8fafb;
  padding: 10px;
  display: block; }

#payment-element table tbody {
  width: 100%;
  display: block; }

#payment-element input {
  zbackground-color: #fff;
  xbox-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02) !important; }

#payment-element table {
  width: 100%; }

#payment-element table input {
  width: 100%; }

/* Manual Subscription COnfirm Lightbox */
#lightbox .SSForm.IInformDialogContainer .inform-contents {
  background-color: transparent;
  margin: 0;
  padding: 0;
  position: relative;
  box-shadow: none; }

#lightbox .SSForm.IInformDialogContainer .inform-contents h3 {
  margin: 25px 0 0; }

#lightbox .SSForm.IInformDialogContainer .inform-contents h2 {
  display: none !important; }

#lightbox input.submit {
  min-height: initial; }

#leadGrid table tr {
  zbackground-color: #f7f8f9;
  zborder-bottom: 3px solid white; }

#leadGrid table tr:hover {
  zbackground-color: #f1f3f5; }

#leadGrid table tr th,
#leadGrid table tr td {
  zborder: 1px solid white;
  overflow: hidden;
  line-height: 1.5; }

table tr td address {
  font-style: initial; }

#leadGrid table tr td.createdOn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px; }

#leadGrid .appointment a {
  display: inline;
  width: initial; }

table tr .actions,
table tr .leadForm {
  text-align: center !important; }

table tr .actions svg,
table tr .leadForm svg {
  width: 15px;
  margin: 0 5px 0 0; }

table tr td.actions svg path {
  fill: black; }

table tr th.split,
table tr td.split {
  text-align: center !important; }

/* Status in Tables */
.paymentStatus > span,
.status > span,
.hiringStatus > span,
.myOrders .status > span,
.external-inventory > span {
  display: block;
  min-width: fit-content;
  background-color: transparent;
  color: white;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .paymentStatus > span:hover,
  .status > span:hover,
  .hiringStatus > span:hover,
  .myOrders .status > span:hover,
  .external-inventory > span:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0); }
  .paymentStatus > span:disabled,
  .status > span:disabled,
  .hiringStatus > span:disabled,
  .myOrders .status > span:disabled,
  .external-inventory > span:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

#leadGrid table tr td:first-child,
.allOrdersResults table tr td:first-child,
.allOrdersResults table tr th:first-child,
table.myOrders tr td:first-child,
table.myOrders tr th:first-child {
  position: relative;
  padding: 0 0 0 20px;
  zborder: 2px solid transparent;
  overflow: visible; }
  #leadGrid table tr td:first-child:before,
  .allOrdersResults table tr td:first-child:before,
  .allOrdersResults table tr th:first-child:before,
  table.myOrders tr td:first-child:before,
  table.myOrders tr th:first-child:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 9999px; }

#leadGrid table tr td.actions button {
  background-color: transparent;
  padding: 0;
  color: #0097bf;
  font-size: 0.95em; }

.status,
table .filledSoFar {
  text-align: center !important; }

.status:before {
  content: "";
  position: absolute; }

#leadGrid table tr.status-new {
  background-color: #effafc; }

#leadGrid table tr.status-new:hover {
  background-color: #e7f6f9; }

/* Leads Table Colors */
table tr.status-new td:first-child:before,
.status-new .status > span,
.new .status {
  background-color: #ef226f;
  color: white; }

table tr.status-reschedule td:first-child:before,
.status-reschedule .status > span {
  background-color: #74b4cb;
  color: white; }

table tr.status-appointment td:first-child:before,
.status-appointment .status > span {
  background-color: #1ad0a7;
  color: white; }

table tr.status-quoteProvided td:first-child:before,
.status-quoteProvided .status > span {
  background-color: #27ae60;
  color: white; }

table tr.status-booked td:first-child:before,
.status-booked .status > span {
  background-color: #1ad0a7;
  color: white; }

table tr.status-customer td:first-child:before,
.status-customer .status > span {
  background-color: dodgerblue;
  color: white; }

table tr.status-doorKnock td:first-child:before,
.status-doorKnock .status > span {
  background-color: #999;
  color: white; }

table tr.status-firstCall td:first-child:before,
.status-firstCall .status > span {
  background-color: coral;
  color: white; }

table tr.status-secondCall td:first-child:before,
.status-secondCall .status > span {
  background-color: #dc6944;
  color: white; }

table tr.status-thirdCall td:first-child:before,
.status-thirdCall .status > span {
  background-color: #c95a3a;
  color: white; }

table tr.status-fourthCall td:first-child:before,
.status-fourthCall .status > span {
  background-color: #b22d4a;
  color: white; }

table tr.status-fifthCall td:first-child:before,
.status-fifthCall .status > span {
  background-color: #91503f;
  color: white; }

table tr.status-badLead td:first-child:before,
.status-badLead .status > span {
  background-color: #000;
  color: white; }

table td.paymentStatus {
  text-align: center; }

table tr.payment-paid td.paymentStatus > span,
table tr.payment-paid td.status > span,
table tr.payment-paid td:first-child:before {
  background-color: mediumseagreen;
  color: white; }

table tr.payment-openInvoice td.paymentStatus > span,
table tr.payment-openInvoice td.status > span,
table tr.payment-openInvoice td:first-child:before {
  background-color: #4eb4e8;
  background-color: #ef226f;
  color: white; }

table tr.payment-overdueInvoice td.paymentStatus > span,
table tr.payment-overdueInvoice td.status > span,
table tr.payment-overdueInvoice td:first-child:before {
  background-color: red;
  color: white; }

table tr.payment-pendingPayment td.paymentStatus > span,
table tr.payment-pendingPayment td.status > span,
table tr.payment-pendingPayment td:first-child:before {
  background-color: orange;
  color: white; }

table tr.payment-credited td.paymentStatus > span,
table tr.payment-credited td.status > span,
table tr.payment-credited td:first-child:before {
  background-color: #538abb;
  color: white; }

table tr.payment-refunded td.paymentStatus > span,
table tr.payment-refunded td.status > span,
table tr.payment-refunded td:first-child:before {
  background-color: #538abb;
  color: white; }

table tr.payment-declined td.paymentStatus > span,
table tr.payment-declined td.status > span,
table tr.payment-declined td:first-child:before {
  background-color: #990000;
  color: white; }

table tr.payment-cancelled td.paymentStatus > span,
table tr.payment-cancelled td.status > span,
table tr.payment-cancelled td:first-child:before {
  background-color: indianred;
  color: white; }

/* Subscriptions */
.IManageSubscriptions table tr.subscription-active td.status > span,
.IManageSubscriptions table tr.subscription-active td:first-child:before {
  background-color: mediumseagreen;
  color: white; }

.IManageSubscriptions table tr.subscription-paused td.status > span,
.IManageSubscriptions table tr.subscription-paused td:first-child:before {
  background-color: darkgray;
  color: white; }

.IManageSubscriptions table tr.subscription-cancelPending td.status > span,
.IManageSubscriptions
table
tr.subscription-cancelPending
td:first-child:before {
  background-color: red;
  color: white; }

.IManageSubscriptions table tr.subscription-pendingAdmin td.status > span,
.IManageSubscriptions table tr.subscription-pendingAdmin td:first-child:before {
  background-color: #ef226f;
  color: white; }

.IManageSubscriptions table tr.subscription-expired td.status > span,
.IManageSubscriptions table tr.subscription-expired td:first-child:before {
  background-color: gray;
  color: white; }

.IManageSubscriptions table tr.subscription-declined td.status > span,
.IManageSubscriptions table tr.subscription-declined td:first-child:before {
  background-color: #990000;
  color: white; }

.IManageSubscriptions table tr.subscription-cancelled td.status > span,
.IManageSubscriptions table tr.subscription-cancelled td:first-child:before {
  background-color: indianred;
  color: white; }

/* My Orders */
.IMyOrders table tr.payment-credited td.status > span,
.IMyOrders table tr.payment-credited td:first-child:before {
  background-color: #538abb;
  color: white; }

.IMyOrders table tr.payment-refunded td.status > span,
.IMyOrders table tr.payment-refunded td:first-child:before {
  background-color: #538abb;
  color: white; }

.IMyOrders table tr.payment-paid td.status > span,
.IMyOrders table tr.payment-paid td:first-child:before {
  background-color: mediumseagreen;
  color: white; }

.IMyOrders table tr.payment-cancelled td.status > span,
.IMyOrders table tr.payment-cancelled td:first-child:before {
  background-color: indianred;
  color: white; }

.IMyOrders table tr.payment-pendingPayment td.status > span,
.IMyOrders table tr.payment-pendingPayment td:first-child:before {
  background-color: orange;
  color: white; }

table tr.status-dealinProgress td:first-child:before,
.status-dealinProgress .status > span {
  background-color: goldenrod;
  color: white; }

table tr.status-pendingDeal td:first-child:before,
.status-pendingDeal .status > span {
  background-color: mediumseagreen;
  color: white; }

table tr.status-customerUpsell td:first-child:before,
.status-customerUpsell .status > span {
  background-color: #000;
  color: white; }

table tr.status-noDealWorked td:first-child:before,
.status-noDealWorked .status > span {
  background-color: #666;
  color: #ccc; }

table tr.status-declinedAppointment td:first-child:before,
.status-declinedAppointment .status > span {
  background-color: #7e178e;
  color: white; }

#leadGrid table tr.status-noDealWorked {
  color: #999; }

/* Review Contracts */
.IReviewContractsContainer th:nth-child(4),
.IReviewContractsContainer td:nth-child(4) {
  ztext-align: center; }

.IReviewContractsContainer td:nth-child(4) {
  xcolor: white; }

.IReviewContractsContainer .beingsigned td:nth-child(4) {
  background-color: darkorange; }

.IReviewContractsContainer .needswork td:nth-child(4) {
  background-color: orange; }

.IReviewContractsContainer .reviewing td:nth-child(4) {
  background-color: #ef226f; }

.IReviewContractsContainer .submitted td:nth-child(4) {
  background-color: #538abb; }

.IReviewContractsContainer .accepted td:nth-child(4) {
  background-color: mediumseagreen; }

.IReviewContractsContainer .declined td:nth-child(4) {
  background-color: #990000; }

/* User Roles */
.allOrdersToProcess td:first-child {
  position: relative;
  padding-left: 20px;
  border: 2px solid transparent;
  overflow: visible; }
  .allOrdersToProcess td:first-child:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 9999px; }

x.role {
  color: white;
  text-align: center; }

/*
tr.role-executive td:first-child:before,
.role-executive .role {
	background-color:#000;
	color:white;
}
tr.role-manager td:first-child:before,
.role-manager .role {
	background-color:#444;
}
tr.role-leads td:first-child:before,
.role-leads .role {
	background-color:cornflowerblue;
}
tr.role-leadsAgent td:first-child:before,
.role-leadsAgent .role {
	background-color:darkslateblue;
}
tr.role-admin td:first-child:before,
.role-admin .role {
	background-color:darkgray;
}

tr.role-recruit td:first-child:before,
.role-recruit .role {
	background-color:royalblue;
}
tr.role-managingDirector td:first-child:before,
.role-managingDirector .role {
	background-color:navy;
}
tr.role-booker td:first-child:before,
.role-booker .role {
	background-color: $primaryBtn;
}
tr.role-agent td:first-child:before,
.role-agent .role {
	background-color:blue;
}
tr.role-admin td:first-child:before,
.role-admin .role {
	background-color:midnightblue;
}
tr.role-contractingAdmin td:first-child:before,
.role-contractingAdmin .role {
	background-color:#222;
}
tr.role-principleAgent td:first-child:before,
.role-principleAgent .role {
	background-color:darkblue;
}
*/
.hiringStatus {
  color: white;
  text-align: center; }

tr.status-notApproved td:first-child:before,
.status-notApproved .hiringStatus > span {
  background-color: goldenrod; }

tr.status-soldLeads td:first-child:before,
.status-soldLeads .hiringStatus > span {
  background-color: darkgray; }

tr.status-hired td:first-child:before,
.status-hired .hiringStatus > span {
  background-color: dodgerblue; }

tr.status-waitingApproverContractingAdmin td:first-child:before,
.status-waitingApproverContractingAdmin .hiringStatus > span {
  background-color: deeppink; }

tr.status-soldLeads td:first-child:before,
.status-soldLeads .hiringStatus > span {
  xbackground-color: darkgray; }

/* Inventory */
table td.external-inventory {
  text-align: center !important;
  color: white; }

table td.external-inventory.yes > span {
  background-color: #ef226f; }

table td.external-inventory.no > span {
  background-color: orange; }

/* Testing 


.standardDataTable tr {
  background-color: #fbfbfb;
}
.standardDataTable tr:hover {
  background-color: #f8f8f8;
}
.standardDataTable td {
  border: none;
}

table tr td.status {
	text-align:left;
}
table tr td.status span,
table tr td.paymentStatus span {
	xtext-transform: uppercase;
	display: inline-block;
	font-weight: 500;
	font-size: 0.8em;
	padding: 0 15px 0 25px;
	position: reltive;
	border-radius: 10px;
	border: 1px solid #fff;
	color: #333;
	background-color: white;
	min-width: 135px;
	letter-spacing: 0.25px;
	text-align: center;
}


.IManageSubscriptions table tr.subscription-active td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-active td.status span {
	color:$active;
	background-color:#e0f6ee;
	border-color:#e0f6ee;
}
.IManageSubscriptions table tr.subscription-active:hover td.status span {
	border-color:$active;
}

.IManageSubscriptions table tr.subscription-paused td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-paused td.status span {
	color:$paused;
	background-color:#eee;
	border-color:#eee;
}
.IManageSubscriptions table tr.subscription-paused:hover td.status span {
	border-color:$paused;
}

.IManageSubscriptions table tr.subscription-cancelPending td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-cancelPending td.status span {
	color:$warning;
	background-color:#fce5e3;
	border-color:#fce5e3;
}
.IManageSubscriptions table tr.subscription-cancelPending:hover td.status span {
	border-color:$warning;
}

.IManageSubscriptions table tr.subscription-pendingAdmin td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-pendingAdmin td.status span {
	color:$new;
	background-color:#f8dee6;
	border-color:#f8dee6;
}
.IManageSubscriptions table tr.subscription-pendingAdmin:hover td.status span {
	border-color:$new;
}

.IManageSubscriptions table tr.subscription-expired td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-expired td.status span {
	color:$expired;
	background-color:#ddd;
	border-color:#ddd;
}
.IManageSubscriptions table tr.subscription-expired:hover td.status span {
	border-color:$expired;
}

.IManageSubscriptions table tr.subscription-declined td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-declined td.status span {
	color:$declined;
	background-color:#fadfdd;
	border-color:#fadfdd;
}
.IManageSubscriptions table tr.subscription-declined:hover td.status span {
	border-color:$declined;
}

.IManageSubscriptions table tr.subscription-cancelled td.status {
	background-color:transparent;
}
.IManageSubscriptions table tr.subscription-cancelled td.status span {
	color:$cancelled;
	background-color:#f9dedd;
	border-color:#f9dedd;
}
.IManageSubscriptions table tr.subscription-cancelled:hover td.status span {
	border-color:$cancelled;
}


table td.paymentStatus {
	text-align:center;
}

table tr.payment-paid td.paymentStatus {
	background-color:transparent;
}
table tr.payment-paid td.paymentStatus span {
	color:$paid;
	background-color:#e0f6ee;
	border-color:#e0f6ee;
}
table tr.payment-paid:hover td.paymentStatus span {
	border-color:$paid;
}

table tr.payment-openInvoice td.paymentStatus {
	background-color:transparent;
}
table tr.payment-openInvoice td.paymentStatus span {
	color:#ef226f;
	background-color:#f9dedd;
	border-color:#f9dedd;
}
table tr.payment-openInvoice:hover td.paymentStatus span {
	border-color:#ef226f;
}

table tr.payment-overdueInvoice td.paymentStatus {
	background-color:transparent;
}
table tr.payment-overdueInvoice td.paymentStatus span {
	color:$warning;
	background-color:#f9dedd;
	border-color:#f9dedd;
}
table tr.payment-overdueInvoice:hover td.paymentStatus span {
	border-color:$warning;
}

table tr.payment-pendingPayment td.paymentStatus {
	background-color:transparent;
}
table tr.payment-pendingPayment td.paymentStatus span {
	color:$pending;
	background-color:#fcefd2;
	border-color:#fcefd2;
}
table tr.payment-pendingPayment:hover td.paymentStatus span {
	border-color:$pending;
}

table tr.payment-credited td.paymentStatus {
	background-color:transparent;
}
table tr.payment-credited td.paymentStatus span {
	color:$credited;
	background-color:#e6eaf4;
	border-color:#e6eaf4;
}
table tr.payment-credited:hover td.paymentStatus span {
	border-color:$credited;
}

table tr.payment-declined td.paymentStatus {
	background-color:transparent;
}
table tr.payment-declined td.paymentStatus span {
	color:$declined;
	background-color:#fadfdd;
	border-color:#fadfdd;
}
table tr.payment-declined:hover td.paymentStatus span {
	border-color:$declined;
}

table tr.payment-cancelled td.paymentStatus {
	background-color:transparent;
}
table tr.payment-cancelled td.paymentStatus span {
	color:$cancelled;
	background-color:#f9dedd;
	border-color:#f9dedd;
}
table tr.payment-cancelled:hover td.paymentStatus span {
	border-color:$cancelled;
}


.IMyOrders table tr.payment-credited td.status span {
	color:$credited;
	background-color:#e6eaf4;
	border-color:#e6eaf4;
}
.IMyOrders table tr.payment-credited:hover td.status span {
	border-color:$credited;
}

.IMyOrders table tr.payment-paid td.status span {
	color:$paid;
	background-color:#e0f6ee;
	border-color:#e0f6ee;
}
.IMyOrders table tr.payment-paid:hover td.status span {
	border-color:$paid;
}

.IMyOrders table tr.payment-cancelled td.status span {
	color:$cancelled;
	background-color:#f8e4eb;
	border-color:#f8e4eb;
}
.IMyOrders table tr.payment-cancelled:hover td.status span {
	border-color:$cancelled;
}

.IMyOrders table tr.payment-pendingPayment td.status span {
	color:$pending;
	background-color:#fcefd2;
	border-color:#fcefd2;
}
.IMyOrders table tr.payment-pendingPayment:hover td.status span {
	border-color:$pending;
}



.status-dealinProgress .status span {
	color:$paid;
	background-color:#e0f6ee;
	border-color:#e0f6ee;
}

.status-customerUpsell .status span {
	color:#000;
	background-color:#999;
	border-color:#999;
}

.status-noDealWorked .status span {
	background-color:#bbb;
	color:white;
}

#leadGrid table tr.status-noDealWorked span {
  color: #999;
}
*/
#leads .pre-defined-filters a:nth-child(2).active {
  zbackground-color: #ef226f;
  zcolor: white;
  zborder-color: #ef226f; }

#leads .pre-defined-filters a:nth-child(3).active {
  zbackground-color: #ef226f;
  zcolor: white;
  zborder-color: #ef226f; }

#leads .pre-defined-filters a:nth-child(4).active {
  background-color: coral;
  color: white;
  border-color: coral; }

#leads .pre-defined-filters a:nth-child(5).active {
  background-color: #dc6944;
  color: white;
  border-color: #dc6944; }

#leads .pre-defined-filters a:nth-child(6).active {
  background-color: #999;
  color: white;
  border-color: #999; }

#leads .pre-defined-filters a:nth-child(7).active {
  background-color: #b22d4a;
  color: white;
  border-color: #b22d4a; }

.status-sold .status {
  background-color: #333;
  color: white; }

.IImportLeads table {
  background-color: #fff;
  width: 100%;
  border: 1px solid #e7eef3;
  margin: 1rem 0 0; }

.IImportLeads table tr {
  background-color: #f7f8f9;
  border-bottom: 5px solid white;
  display: flex; }

.IImportLeads table th {
  text-align: left;
  background-color: white;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700; }

.IImportLeads table tr th,
.IImportLeads table tr td {
  padding: 0.75rem;
  border: 1px solid white;
  flex: 1; }

.IImportLeads table tr th {
  padding: 0.75rem 0.75rem 0; }

.IImportLeads table tr td {
  background-color: #f7f8f9; }

.IImportLeads .IImportLeadsContainer h4:nth-child(3) {
  border-top: 1px solid #ddd;
  padding: 20px 0 0;
  margin: 30px 0 0; }

.IImportLeads .IImportLeadsContainer span {
  font-weight: 700; }

.IImportLeads .IImportLeadsContainer textarea {
  border: 2px dashed #ddd;
  background-color: #f9f9f9;
  margin: 0 0 15px 0; }

.IImportLeadsContainer select {
  background-color: #fff; }

/* Leads Section */
#leadGrid address div {
  zmargin: 0 15px 0 0;
  zdisplay: inline-block;
  width: initial;
  white-space: nowrap; }

#leadGrid {
  position: relative;
  zborder-top: 1px solid #dcdcdc;
  margin: 0;
  xbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
  overflow-x: auto;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
  #leadGrid:after {
    content: "";
    position: absolute; }
  #leadGrid .selectAllLeads zinput {
    height: 16px; }
  #leadGrid .selectAllLeads label {
    margin: 0 0 0 5px; }
  #leadGrid .mapLeadsAnchor {
    margin: 0 0 0 5px;
    padding: 0 0 0 7px;
    border-left: 1px solid #dcdcdc; }
    #leadGrid .mapLeadsAnchor a {
      font-size: 0.875em; }

#leadGrid table {
  background-color: #fff;
  width: 100%;
  zborder: 1px solid #e7eef3;
  margin: 1rem 0 0; }

#leadGrid table td input {
  vertical-align: middle; }

#leadGrid table th {
  text-align: left;
  background-color: #f3f7f9;
  background-color: #f8fafb;
  background-color: #fff;
  xtext-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700; }

#leadGrid table th:first-child {
  xtext-align: center;
  padding: 6px 0 0; }

.ILeadsManager #leadGrid table th:first-child {
  text-align: center; }

#leadGrid table th {
  padding: 0.75rem 0.75rem 0; }

#leadGrid table td {
  padding: 0.75rem; }

#leadGrid table th.house,
#leadGrid table th.store,
#leadGrid table th.orders,
#leadGrid table td.house,
#leadGrid table td.store,
#leadGrid table td.orders {
  text-align: center; }

#leadGrid table tr td:first-child,
#leadGrid table tr th:first-child {
  xtext-align: center;
  padding: 0 15px 0 20px;
  zborder: 2px solid transparent;
  text-align: center; }

.ICRMLeads #leadGrid table tr td:first-child,
.ICRMLeads #leadGrid table tr th:first-child {
  padding: 0 0 0 20px;
  text-align: left; }

.ILeadsManager #leadGrid table tr td:first-child {
  text-align: center;
  overflow: visible; }

z#leadGrid table input[type="checkbox"] {
  height: 16px;
  x-moz-appearance: none;
  x-webkit-appearance: none;
  x-o-appearance: none;
  border: 1px solid #ccc;
  margin: -4px 0 0; }

#leadGrid table th input[type="checkbox"] {
  margin: 10px 0 0; }

/* Leads Status Dropdown */
z#leads .filters {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  zbackground-color: #f3f7f9;
  zbackground-color: #f8fafb;
  xpadding: 1.5rem;
  background-color: #ffffff;
  zmargin: 0; }

z#leads .wrapContainer .filters {
  padding: 1.5rem; }

#leads .filters table,
#leads .filters tbody,
.IDealsContainer .filters table,
.IDealsContainer .filters tbody {
  width: 100%;
  display: block; }

#leads .filters table tr,
.IDealsContainer .filters table tr {
  display: flex; }

.advanced {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #f0f1f2;
  border: none;
  color: #333;
  padding: 0.75rem 32px 0.75rem 1rem;
  position: relative; }
  .advanced svg {
    fill: #333;
    width: 20px;
    height: 20px; }
  .advanced:hover:not(:disabled), .advanced:focus:not(:disabled) {
    color: #333;
    background-color: #d5d8da; }
    .advanced:hover:not(:disabled) svg, .advanced:focus:not(:disabled) svg {
      fill: #333; }
  .advanced:focus {
    outline: none; }
  .advanced:hover {
    text-decoration: none !important; }
  .advanced.submit:active {
    filter: brightness(85%); }
  .advanced:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .advanced:disabled svg {
      fill: #000000; }
  .advanced.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }
  .advanced svg {
    transform: rotate(0deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 12px;
    transition: all 0.3s ease-out 0s;
    height: 12px;
    width: auto; }

#leads .filters .advanced.open svg,
.IDealsContainer .filters .advanced.open svg {
  transform: rotate(180deg) translateY(50%); }

.advanced:hover {
  ztext-decoration: underline; }

.advancedFiltersTableRow {
  max-height: 0;
  display: block;
  overflow: hidden;
  background-color: #ffffff;
  padding: 0;
  transition: all 0.3s ease-out 0s; }

.advancedFiltersTableRow.open {
  max-height: 620px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #eee;
  border-radius: 0.75rem; }

#leads .filters .advancedFiltersTableRow a,
#leads .filters .status-filter a,
#leads .filters .leadSource-filter a,
#leads .filters .sourceType-filter a {
  background-color: #fff;
  color: #333333;
  font-family: inherit;
  line-height: 1.5;
  outline: none;
  box-sizing: border-box;
  transition: all 0.3s ease-out 0s;
  text-align: left;
  border: 1px solid #b1b1b1;
  border-radius: 9999px;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  appearance: none;
  /* Removes the default dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Adjust the arrow position */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" stroke="black" stroke-width="2" viewBox="0 0 24 24"><path d="M3 8l9 9 9-9"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  /* Adjust '20px' to move left */
  background-size: 12px;
  padding-right: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  min-width: 75px;
  margin-top: 27px; }
  #leads .filters .advancedFiltersTableRow a::placeholder,
  #leads .filters .status-filter a::placeholder,
  #leads .filters .leadSource-filter a::placeholder,
  #leads .filters .sourceType-filter a::placeholder {
    color: #9ca3af;
    opacity: 1; }
  #leads .filters .advancedFiltersTableRow a:disabled,
  #leads .filters .status-filter a:disabled,
  #leads .filters .leadSource-filter a:disabled,
  #leads .filters .sourceType-filter a:disabled {
    background-color: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed; }
  #leads .filters .advancedFiltersTableRow a:focus,
  #leads .filters .status-filter a:focus,
  #leads .filters .leadSource-filter a:focus,
  #leads .filters .sourceType-filter a:focus {
    border-color: #989898; }

z.advancedFiltersTableRow input,
z.advancedFiltersTableRow select,
z.advancedFiltersTableRow a {
  background-color: #fff; }

#leads .filters table td,
.IDealsContainer .filters table td {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  gap: 1rem 2rem; }
  #leads .filters table td div.archived-filter,
  #leads .filters table td div.doNotContact-filter,
  .IDealsContainer .filters table td div.archived-filter,
  .IDealsContainer .filters table td div.doNotContact-filter {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 10px; }

#leads .filters table .advancedTableRow td,
.IDealsContainer .filters table .advancedTableRow td {
  display: flex;
  gap: 1rem; }

.advancedTableRow,
.advancedFiltersTableRow {
  margin-top: 1rem; }

z#leads .filters div {
  zwidth: initial;
  xdisplay: table-cell;
  vertical-align: bottom;
  padding: 0 0.25rem;
  flex: 1; }

z#leads .filters input,
z#leads .filters select,
z.IDealsContainer .filters input,
z.IDealsContainer .filters select {
  background-color: #f8f9fa; }

z#leads .filters .advancedFiltersTableRow input,
z#leads .filters .advancedFiltersTableRow select,
z#leads .filters .advancedFiltersTableRow a {
  background-color: #fff; }

#leads .filters div#statusFilterList div,
#leads .filters div#sourceTypeFilterList div,
#leads .filters div#leadSourceFilterList div {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px; }

#leads .filters .status-filter,
#leads .filters .leadSource-filter,
#leads .filters .sourceType-filter {
  position: relative; }

z#leads .filters .status-filter a,
z#leads .filters .leadSource-filter a,
z#leads .filters .sourceType-filter a {
  color: initial; }

#leads .filters td label,
.IDealsContainer .filters td label {
  display: block; }

.status-filter,
.leadSource-filter,
.sourceType-filter {
  position: relative; }

#statusFilterList,
#sourceTypeFilterList,
#leadSourceFilterList {
  position: absolute;
  background-color: white;
  padding: 1rem;
  border: 1px solid #ccc;
  max-height: 342px;
  overflow: scroll;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem;
  width: 250px !important;
  z-index: 2;
  padding: 10px !important; }

#statusFilterList .option-status input,
#sourceTypeFilterList .option-sourceType input,
#leadSourceFilterList .option-leadSource input {
  zheight: 16px; }

z.filters .status-filter a,
z.filters .leadSource-filter a,
z.filters .sourceType-filter a {
  background-image: url("/skins/0/images/dropdown.png");
  padding: 0.75rem 0.5rem 0.5rem 0.75rem;
  font-weight: 500;
  display: block;
  margin: 27px 0 0;
  height: 50px;
  border-radius: 0.25rem;
  text-decoration: none;
  color: #050505;
  background-position: right 5px center;
  background-repeat: no-repeat;
  border: 1px solid #e5eaef;
  background-color: #f8f9fa;
  position: relative;
  font-size: 0;
  width: 100%;
  min-width: 75px; }

.status-filter a:before,
.leadSource-filter a:before,
.sourceType-filter a:before {
  position: absolute;
  content: "Status";
  top: 0;
  font-weight: 400;
  font-size: 1rem;
  left: 6px; }

.leadSource-filter a:before {
  content: "Lead Source"; }

.sourceType-filter a:before {
  content: "Marketing Channel"; }

#leadGrid .status-filter div.option-status,
#leadGrid .leadSource-filter div.option-status,
#leadGrid .sourceType-filter div.option-status {
  width: 100%;
  margin: 0.5rem; }

#leads .filters .status-filter div.option-status label,
#leads .filters .leadSource-filter div.option-leadSource label,
#leads .filters .sourceType-filter div.option-sourceType label {
  display: inline; }

z.option-status input,
z.option-leadSource input,
z.option-sourceType input {
  height: 20px;
  margin: 0 5px 0 0; }

@media screen and (max-width: 1000px) {
  z#leads .filters table:nth-child(1) td,
  z.IDealsContainer .filters table td {
    flex-wrap: wrap; }

  #leads .filters table:nth-child(1) td,
  z.IDealsContainer .filters table td {
    flex-wrap: wrap; }

  z#leads .filters table:nth-child(1) div,
  z.IDealsContainer .filters table div {
    width: 50%;
    flex: unset;
    padding: 0 0.25rem;
    margin: 0; } }
@media screen and (max-width: 550px) {
  z#leads .filters table:nth-child(1) div,
  z.IDealsContainer .filters table:nth-child(1) div {
    width: 100%; } }
/* Leads Map */
.ol-popup {
  padding: 15px 24px 10px;
  border-radius: 10px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); }

.ol-popup-closer {
  position: absolute;
  right: 16px;
  top: -4px;
  font-weight: 300;
  font-size: 0.875em;
  color: red; }

.ol-popup-closer:after {
  position: absolute;
  content: "x"; }

#popup-content br {
  display: none; }

#leads .agent-filters h3 {
  width: 100%; }

#leads .agent-filters {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 0 0; }

#leads .agent-filters a {
  background-color: #edfcfa;
  border: 1px solid #edfcfa;
  position: relative;
  background-color: #dcf7f2;
  xborder-radius: 50%;
  overflow: hidden;
  width: 200px;
  height: 200px; }

#leads .agent-filters a.active {
  color: initial !important; }

#leads .agent-filters a div {
  opacity: 0;
  position: absolute;
  bottom: 29px;
  padding: 10px 0 0;
  width: 100%;
  background-color: #dcf7f2;
  font-weight: 700;
  left: 0;
  transition: all 0.3s ease-out 0s; }

#leads .agent-filters a div:last-child {
  position: absolute;
  bottom: 0px;
  font-weight: 500;
  padding: 0 0 10px; }

#leads .agent-filters a:hover div {
  opacity: 1; }

#leads .agent-filters a:hover {
  border: 1px solid #05dcc5; }

#leads .agent-filters a.active {
  background-color: #caf9f0;
  border: 1px solid #05dcc5; }

#leads .agent-filters a img {
  width: 100%;
  height: 100%; }

@media screen and (max-width: 1000px) {
  #leads .pre-defined-filters a {
    width: 48.5%; }

  #leads .agent-filters a img {
    width: 75px;
    float: right; }

  #leads .agent-filters a div {
    opacity: 1;
    position: static;
    text-align: left; }

  #leads .agent-filters a div:last-child {
    position: static; } }
@media screen and (max-width: 500px) {
  #leads .pre-defined-filters a {
    width: 100%; } }
.IEditLeadContainer table {
  width: 100%; }

.IEditLeadContainer td {
  xdisplay: block; }
  .IEditLeadContainer td a {
    margin: 0 0 0 0.5rem; }

.IEditLeadContainer table td table td {
  display: initial;
  width: 100%; }

@media screen and (min-width: 850px) {
  .authenticated .IEditLeadContainer table td table.RowNineteen tr {
    display: table-row; }

  .IEditLeadContainer table td table.RowNineteen td {
    padding: 15px 15px 15px 7px !important;
    display: inline-block;
    width: initial; } }
/* Users */
.IManageUsersContainer .IManageUsersFields #leadsActions {
  margin: 0; }
.IManageUsersContainer #theIManageUsersBody {
  padding-bottom: 0; }
.IManageUsersContainer #theSearchResultsAjax {
  padding-top: 0; }

/* New CRM Page */
.salesLifeSuite .ICampaignSelectorContainer a {
  border: 1px solid #0097bf; }
  .salesLifeSuite .ICampaignSelectorContainer a.selected {
    background-color: #0097bf; }
.salesLifeSuite .ICampaignSelectorContainer form .campaign .toggle {
  background-image: url("/skins/0/images/toggle-on-1-sales-life.png"); }

.leadsLifeSuite .ICampaignSelectorContainer a {
  border: 1px solid burlywood; }
  .leadsLifeSuite .ICampaignSelectorContainer a.selected {
    background-color: burlywood; }
.leadsLifeSuite .ICampaignSelectorContainer form .campaign .toggle {
  background-image: url("/skins/0/images/toggle-on-1-leads-life.png"); }

.salesLifeSuite .ICampaignSelectorContainer,
.leadsLifeSuite .ICampaignSelectorContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.75rem; }

.salesLifeSuite .ICampaignSelectorContainer div {
  width: unset; }

.ICampaignSelectorContainer a {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0.25rem 1rem;
  text-decoration: none;
  line-height: 1.4em;
  color: #555;
  border-radius: 1rem;
  width: initial;
  background-color: transparent;
  font-size: 0.9375rem;
  border: 1px solid #0097bf; }
  .ICampaignSelectorContainer a.selected {
    color: #fff; }
    .ICampaignSelectorContainer a.selected:before {
      display: none; }
  .ICampaignSelectorContainer a:hover {
    text-decoration: none; }
  .ICampaignSelectorContainer a:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 50%;
    background-color: #c3c3c3;
    margin: 0 0.375rem 0 0; }

.ICampaignSelectorContainer form {
  display: flex !important;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem !important;
  margin-top: 0.5rem; }

.ICampaignSelectorContainer form .campaign {
  display: flex; }
  .ICampaignSelectorContainer form .campaign .disabled .toggle {
    background-image: url("/skins/0/images/toggle-off-1.png"); }
  .ICampaignSelectorContainer form .campaign .toggle {
    margin: 0;
    width: 40px; }
  .ICampaignSelectorContainer form .campaign label {
    white-space: normal; }

.IEditLeadContainer .secondary-commands {
  float: right; }
.IEditLeadContainer tr {
  display: flex; }
.IEditLeadContainer td.primary-info {
  width: 60%;
  margin: 0 15px 0 0; }
  .IEditLeadContainer td.primary-info a {
    display: none;
    ztext-decoration: underline; }
  .IEditLeadContainer td.primary-info div a {
    display: inline-flex; }
  .IEditLeadContainer td.primary-info .doNotContactBox {
    xtext-align: right; }
  .IEditLeadContainer td.primary-info fieldset {
    padding: 0;
    border-top: 1px solid #dcdcdc;
    margin: 20px 0 0; }
    .IEditLeadContainer td.primary-info fieldset:first-child {
      border-top: none;
      margin: 0; }
      .IEditLeadContainer td.primary-info fieldset:first-child h3 {
        border-bottom: 1px solid #dcdcdc;
        padding: 15px 0;
        margin: 0 0 15px 0;
        font-size: 18px; }
    .IEditLeadContainer td.primary-info fieldset h3 {
      padding: 15px 0 7px;
      border-bottom: none;
      margin: 0;
      font-size: 15px; }
    .IEditLeadContainer td.primary-info fieldset .splitLeadBox {
      xpadding: 0.25rem; }
    .IEditLeadContainer td.primary-info fieldset .originalLeadFormBox span {
      display: block; }
    .IEditLeadContainer td.primary-info fieldset .originalLeadFormBox a:first-of-type {
      margin: 0; }
    .IEditLeadContainer td.primary-info fieldset .RowTen {
      xdisplay: none; }
      .IEditLeadContainer td.primary-info fieldset .RowTen td {
        xdisplay: none; }
        .IEditLeadContainer td.primary-info fieldset .RowTen td.doNotContactBox {
          display: block; }
    .IEditLeadContainer td.primary-info fieldset.misc td.vendorDataBox {
      white-space: normal;
      background-color: #f9f9f9;
      padding: 15px;
      border: 1px solid #dcdcdc; }
      .IEditLeadContainer td.primary-info fieldset.misc td.vendorDataBox div {
        margin: 0 0 5px;
        border-bottom: 1px solid #eee;
        padding: 0 0 5px 0; }
        .IEditLeadContainer td.primary-info fieldset.misc td.vendorDataBox div span {
          font-weight: 700;
          font-size: 0.875em; }
        .IEditLeadContainer td.primary-info fieldset.misc td.vendorDataBox div:last-child {
          margin: 0;
          border-bottom: none;
          padding: 0; }
.IEditLeadContainer td .ArchiveAction {
  float: right; }
.IEditLeadContainer td.related-info {
  width: 40%;
  xpadding: 44px 0 0;
  xoutline: 1px solid red;
  white-space: normal; }
  .IEditLeadContainer td.related-info .section {
    background-color: #f7f7f7;
    zborder: 1px solid #dcdcdc;
    margin: 0 0 20px 0;
    box-shadow: 0 0 10px 0 #ddd;
    position: relative;
    border-radius: 0.75rem;
    overflow: hidden; }
    .IEditLeadContainer td.related-info .section .adder {
      position: absolute;
      top: 1rem;
      right: 1rem; }
      .IEditLeadContainer td.related-info .section .adder a,
      .IEditLeadContainer td.related-info .section .adder .submit {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        min-width: auto;
        cursor: pointer;
        user-select: none;
        line-height: 1.2;
        height: 40px;
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
        border-radius: 9999px;
        transition: all 0.3s ease-out 0s;
        font-weight: 500;
        background-color: deepskyblue;
        border: none;
        color: white;
        margin: 0; }
        .IEditLeadContainer td.related-info .section .adder a svg,
        .IEditLeadContainer td.related-info .section .adder .submit svg {
          fill: white;
          width: 20px;
          height: 20px; }
        .IEditLeadContainer td.related-info .section .adder a:hover:not(:disabled), .IEditLeadContainer td.related-info .section .adder a:focus:not(:disabled),
        .IEditLeadContainer td.related-info .section .adder .submit:hover:not(:disabled),
        .IEditLeadContainer td.related-info .section .adder .submit:focus:not(:disabled) {
          color: white;
          background-color: #0099cc; }
          .IEditLeadContainer td.related-info .section .adder a:hover:not(:disabled) svg, .IEditLeadContainer td.related-info .section .adder a:focus:not(:disabled) svg,
          .IEditLeadContainer td.related-info .section .adder .submit:hover:not(:disabled) svg,
          .IEditLeadContainer td.related-info .section .adder .submit:focus:not(:disabled) svg {
            fill: white; }
        .IEditLeadContainer td.related-info .section .adder a:focus,
        .IEditLeadContainer td.related-info .section .adder .submit:focus {
          outline: none; }
        .IEditLeadContainer td.related-info .section .adder a:hover,
        .IEditLeadContainer td.related-info .section .adder .submit:hover {
          text-decoration: none !important; }
        .IEditLeadContainer td.related-info .section .adder a.submit:active,
        .IEditLeadContainer td.related-info .section .adder .submit.submit:active {
          filter: brightness(85%); }
        .IEditLeadContainer td.related-info .section .adder a:disabled,
        .IEditLeadContainer td.related-info .section .adder .submit:disabled {
          background-color: #f3f4f6;
          border: 1px solid #f3f4f6;
          cursor: not-allowed;
          color: #000000; }
          .IEditLeadContainer td.related-info .section .adder a:disabled svg,
          .IEditLeadContainer td.related-info .section .adder .submit:disabled svg {
            fill: #000000; }
        .IEditLeadContainer td.related-info .section .adder a.processing,
        .IEditLeadContainer td.related-info .section .adder .submit.processing {
          background-image: url("//app.lifeley.tech/images/loading.gif");
          background-repeat: no-repeat;
          background-position: center right;
          background-size: 15px; }
  .IEditLeadContainer td.related-info .INoteEditorAjaxContainer .INoteEditorAjaxFields {
    display: block;
    padding: 15px 15px 0; }
    .IEditLeadContainer td.related-info .INoteEditorAjaxContainer .INoteEditorAjaxFields input {
      zbackground-color: white; }
    .IEditLeadContainer td.related-info .INoteEditorAjaxContainer .INoteEditorAjaxFields select {
      zbackground-color: white; }
    .IEditLeadContainer td.related-info .INoteEditorAjaxContainer .INoteEditorAjaxFields textarea {
      background-color: white; }
  .IEditLeadContainer td.related-info .INoteEditorAjaxContainer .INoteEditorAjaxActions {
    display: block;
    padding: 0 15px 15px;
    border-bottom: 1px solid #dcdcdc; }
  .IEditLeadContainer td.related-info .ITasksContainer {
    xoutline: 1px solid red; }
    .IEditLeadContainer td.related-info .ITasksContainer div:nth-child(1) {
      zbackground-color: #fff;
      zmargin: 0;
      zpadding: 0px 25px 10px 25px; }
    .IEditLeadContainer td.related-info .ITasksContainer .task:before {
      top: 34px;
      left: 25px; }
    .IEditLeadContainer td.related-info .ITasksContainer .task .body {
      zpadding: 2px 15px;
      zmargin: 15px 0 15px 0;
      zborder: 1px solid #dcdcdc; }
    .IEditLeadContainer td.related-info .ITasksContainer #theFilters {
      margin: 1rem;
      width: unset;
      zborder: none;
      zpadding: 25px 25px 0; }
      .IEditLeadContainer td.related-info .ITasksContainer #theFilters .filter-container {
        display: flex;
        gap: 1rem; }
    .IEditLeadContainer td.related-info .ITasksContainer select {
      zwidth: 50%;
      zmargin: 0px 0 0 auto;
      zbackground-color: white; }
    .IEditLeadContainer td.related-info .ITasksContainer .no-task {
      background-color: white;
      padding: 15px; }
    .IEditLeadContainer td.related-info .ITasksContainer .commands {
      position: absolute;
      right: 1rem;
      top: 1rem;
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin: 0; }
      .IEditLeadContainer td.related-info .ITasksContainer .commands a {
        zcolor: #337ab7 !important;
        zbackground-color: transparent;
        zcolor: initial;
        zpadding: 0;
        margin: 0;
        zline-height: 1;
        ztext-decoration: underline; }
    .IEditLeadContainer td.related-info .ITasksContainer #tasks,
    .IEditLeadContainer td.related-info .ITasksContainer .task-wrap {
      padding: 1rem;
      zbackground-color: white; }
      .IEditLeadContainer td.related-info .ITasksContainer #tasks .task,
      .IEditLeadContainer td.related-info .ITasksContainer .task-wrap .task {
        width: 100%;
        border: none;
        zpadding: 0 0 15px 0;
        zborder-bottom: 1px solid #dcdcdc; }
        .IEditLeadContainer td.related-info .ITasksContainer #tasks .task:last-child,
        .IEditLeadContainer td.related-info .ITasksContainer .task-wrap .task:last-child {
          zborder: none; }
        .IEditLeadContainer td.related-info .ITasksContainer #tasks .task .subject,
        .IEditLeadContainer td.related-info .ITasksContainer .task-wrap .task .subject {
          margin: -30px 0 0 0; }
        .IEditLeadContainer td.related-info .ITasksContainer #tasks .task:before,
        .IEditLeadContainer td.related-info .ITasksContainer .task-wrap .task:before {
          display: none; }
  .IEditLeadContainer td.related-info .contactDeals h3 {
    zmargin: 0; }
  .IEditLeadContainer td.related-info .contactDeals .deals-logs {
    background-color: white;
    padding: 15px; }
    .IEditLeadContainer td.related-info .contactDeals .deals-logs .deal {
      border-bottom: 1px solid #dcdcdc; }
  .IEditLeadContainer td.related-info .contactRelatedLeads h3 {
    zmargin: 0; }
  .IEditLeadContainer td.related-info .contactRelatedLeads .related-logs {
    background-color: white; }
    .IEditLeadContainer td.related-info .contactRelatedLeads .related-logs .contact {
      padding: 7.5px 10px;
      border-bottom: 1px solid #dcdcdc; }
      .IEditLeadContainer td.related-info .contactRelatedLeads .related-logs .contact:last-child {
        border: none; }
      .IEditLeadContainer td.related-info .contactRelatedLeads .related-logs .contact .relationship {
        margin: 0 0 0 10px;
        background-color: #eee;
        padding: 2px 10px;
        border-radius: 3rem;
        font-size: 0.8em;
        font-weight: 700; }
.IEditLeadContainer .labelGroup {
  background-color: transparent;
  margin: 15px 0 0; }
.IEditLeadContainer h1 {
  font-size: 17px;
  font-weight: 700;
  padding: 15px; }
.IEditLeadContainer h3 {
  font-size: 17px;
  font-weight: 700;
  padding: 15px; }
.IEditLeadContainer .INoteEditorAjaxContainer {
  margin: 40px 0 20px 0; }
  .IEditLeadContainer .INoteEditorAjaxContainer h1 {
    margin: 0; }
  .IEditLeadContainer .INoteEditorAjaxContainer a {
    position: absolute;
    top: 1rem;
    right: 1rem; }
  .IEditLeadContainer .INoteEditorAjaxContainer .SSFormBody {
    background-color: #f7f7f7;
    border: none;
    padding: 0; }
.IEditLeadContainer #contact-notes {
  xpadding: 0 15px 15px;
  xpadding: 15px; }

.addNoteLink {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 40px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: white; }
  .addNoteLink svg {
    fill: white;
    width: 20px;
    height: 20px; }
  .addNoteLink:hover:not(:disabled), .addNoteLink:focus:not(:disabled) {
    color: white;
    background-color: #0099cc; }
    .addNoteLink:hover:not(:disabled) svg, .addNoteLink:focus:not(:disabled) svg {
      fill: white; }
  .addNoteLink:focus {
    outline: none; }
  .addNoteLink:hover {
    text-decoration: none !important; }
  .addNoteLink.submit:active {
    filter: brightness(85%); }
  .addNoteLink:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .addNoteLink:disabled svg {
      fill: #000000; }
  .addNoteLink.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.contactDocs {
  background-color: #f7f7f7;
  zborder: 1px solid #dcdcdc !important;
  zbox-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25) !important;
  position: relative;
  margin: 0 0 20px 0;
  border-radius: 0.75rem; }
  .contactDocs h3 {
    font-size: 17px;
    font-weight: 700;
    padding: 15px;
    margin: 0 !important; }
  .contactDocs .adder {
    position: static !important;
    padding: 0 0 15px 15px; }
  .contactDocs input.file {
    background-color: white; }
  .contactDocs .doc-logs {
    background-color: white;
    xpadding: 15px; }
    .contactDocs .doc-logs .doc {
      display: flex;
      padding: 7.5px 15px;
      border-bottom: 1px solid #dcdcdc;
      justify-content: space-between;
      align-items: center; }
      .contactDocs .doc-logs .doc a {
        width: 100%;
        margin: 0;
        overflow: hidden; }
        .contactDocs .doc-logs .doc a.download {
          flex: 2;
          line-height: 1.5; }
        .contactDocs .doc-logs .doc a.email {
          flex: 1;
          text-align: center;
          max-width: 60px; }
      .contactDocs .doc-logs .doc .delete.submit {
        justify-content: flex-end;
        display: flex;
        background-color: red;
        padding: 2px;
        height: 24px;
        width: 24px;
        border-radius: 0;
        xflex: 1;
        /* Takes up 1/3 of the available space */
        xtext-align: right; }

.safari .contactDocs .doc-logs .doc .delete.submit {
  padding: 2px 8px; }

.contactSms {
  padding: 15px;
  margin: 0; }
  .contactSms h3 {
    margin: 0 !important;
    padding: 0; }
  .contactSms .make-call {
    float: right;
    margin: -27px 0 1rem;
    width: initial; }
    .contactSms .make-call zinput.submit {
      background-color: mediumseagreen;
      border-radius: 20px; }
      .contactSms .make-call zinput.submit:hover {
        background-color: #44945d; }
    .contactSms .make-call .submit {
      height: 40px;
      padding: 0.75rem 1rem;
      font-size: 0.9rem; }
  .contactSms .filters {
    margin: 10px 0 15px; }
    .contactSms .filters a {
      zbackground-color: white;
      margin: 0 0.5rem 0 0;
      text-transform: capitalize; }
  .contactSms .sms-logs {
    background-color: white;
    padding: 20px;
    zborder: 1px solid #dcdcdc;
    max-height: 300px;
    overflow: auto;
    margin: 0 0 10px 0;
    border-radius: 0.75rem; }
    .contactSms .sms-logs .call .call-date {
      font-size: 13px;
      color: #555;
      text-align: center;
      display: block;
      padding: 5px; }
    .contactSms .sms-logs .text .text-date {
      font-size: 13px;
      color: #555;
      text-align: center;
      display: block;
      padding: 5px; }
    .contactSms .sms-logs .text .text-message {
      background-color: #ddd;
      padding: 10px 15px;
      border-radius: 20px;
      display: inline-block;
      width: initial;
      max-width: 75%;
      line-height: 1.4; }
    .contactSms .sms-logs .text.sent {
      text-align: right; }
      .contactSms .sms-logs .text.sent .text-message {
        background-color: #333;
        color: white;
        text-align: left;
        opacity: 0.8; }
    .contactSms .sms-logs .text.agent {
      text-align: right; }
      .contactSms .sms-logs .text.agent .text-message {
        background-color: #333;
        color: white;
        text-align: left; }
  .contactSms .sms-send {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    .contactSms .sms-send textarea {
      width: 100%;
      min-height: 70px;
      padding: 8px;
      border: 1px solid #dcdcdc;
      border-radius: 4px;
      font-size: 14px;
      font-family: inherit;
      resize: vertical;
      box-sizing: border-box; }
    .contactSms .sms-send input.submit {
      background-color: mediumseagreen;
      color: white;
      height: 36px;
      padding: 0.5rem 1.5rem;
      font-size: 0.9rem;
      align-self: flex-end;
      padding: 8px 16px;
      border-radius: 4px;
      font-weight: 600;
      cursor: pointer;
      border: none; }
      .contactSms .sms-send input.submit:hover:not(:disabled) {
        background-color: #2f8d59; }
      .contactSms .sms-send input.submit:hover:not(:disabled) {
        color: white; }
      .contactSms .sms-send input.submit:hover {
        background-color: #2f8d59; }

@media screen and (max-width: 1500px) {
  .IEditLeadContainer td.related-info .contactDocs .adder {
    margin: 15px; }
    .IEditLeadContainer td.related-info .contactDocs .adder input.file {
      width: 100% !important; }
    .IEditLeadContainer td.related-info .contactDocs .adder input.submit {
      zwidth: 100% !important;
      margin: 5px 0 0;
      zdisplay: block; } }
@media screen and (max-width: 850px) {
  .IEditLeadContainer tr {
    flex-wrap: wrap; }
  .IEditLeadContainer td.primary-info {
    width: 100%;
    margin: 0; }
  .IEditLeadContainer td.related-info {
    width: 100%;
    padding: 0; } }
.shelf .ITaskEditorShelfFields input.text,
.shelf .ITaskEditorShelfFields select,
.shelf .ITaskEditorShelfFields textarea {
  zbackground-color: #f8f9fa; }

.IEditLeadContainer .notes {
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  max-height: 500px; }
  .IEditLeadContainer .notes .SSForm {
    position: relative; }
  .IEditLeadContainer .notes .SSFormBody a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.9em;
    text-decoration: underline; }

#contact-notes {
  xmax-height: 520px;
  xbackground-color: transparent;
  xborder: none;
  xmargin: 0; }
  #contact-notes h4 {
    xdisplay: none; }
  #contact-notes .note {
    xbox-shadow: none;
    xbackground-color: white;
    xpadding: 15px;
    xborder: 1px solid #dcdcdc; }
    #contact-notes .note a {
      xposition: static; }

/* Leads Management Buttons */
.ILeadsManager .secondary-commands .submit {
  background-image: url("/skins/0/images/button-icon-sprite-dark.png");
  background-repeat: no-repeat;
  background-position: 10px 15px;
  padding: 10px 12px 10px 32px;
  background-size: 16px; }
  .ILeadsManager .secondary-commands .submit:nth-child(1) {
    background-position: 10px -48px; }
  .ILeadsManager .secondary-commands .submit:nth-child(2) {
    background-position: 10px -81px; }
  .ILeadsManager .secondary-commands .submit:nth-child(3) {
    background-position: 10px 15px; }
  .ILeadsManager .secondary-commands .submit.assignLeads {
    background-position: 10px -48px; }
  .ILeadsManager .secondary-commands .submit.unassignLeads {
    background-position: 10px -81px; }
  .ILeadsManager .secondary-commands .submit.deleteLeads {
    background-size: 14px;
    background-position: 10px -160px; }
  .ILeadsManager .secondary-commands .submit.addToCart {
    background-position: 10px 15px; }
  .ILeadsManager .secondary-commands .submit:hover:not(:disabled) {
    background-image: url("/skins/0/images/button-icon-sprite.png"); }

.custom-dropdown-wrapper {
  display: none;
  vertical-align: bottom; }

.secondary-commands .custom-dropdown-wrapper {
  display: inline-block;
  position: relative;
  margin-left: 0.5rem; }
  .secondary-commands .custom-dropdown-wrapper .export-btn {
    gap: 10px;
    width: 100%; }
    .secondary-commands .custom-dropdown-wrapper .export-btn svg {
      width: 1rem;
      height: 1rem; }
      .secondary-commands .custom-dropdown-wrapper .export-btn svg.action-icon {
        margin-right: auto; }
      .secondary-commands .custom-dropdown-wrapper .export-btn svg.dropdown-icon {
        margin-left: auto; }
    .secondary-commands .custom-dropdown-wrapper .export-btn.open {
      background-color: deepskyblue;
      color: #fff; }
      .secondary-commands .custom-dropdown-wrapper .export-btn.open svg {
        fill: white; }
    .secondary-commands .custom-dropdown-wrapper .export-btn.open .dropdown-icon {
      transform: rotate(180deg); }
  .secondary-commands .custom-dropdown-wrapper .custom-dropdown {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 200px;
    z-index: 1;
    right: 0;
    top: 100%;
    margin-top: 10px;
    border-radius: 12px;
    overflow: hidden; }
    .secondary-commands .custom-dropdown-wrapper .custom-dropdown > input.submit {
      border-radius: 0;
      margin: 0 !important;
      width: 100%;
      text-align: left;
      border: none !important; }
      .secondary-commands .custom-dropdown-wrapper .custom-dropdown > input.submit:not(:disabled) {
        background-color: #646464;
        color: white; }
        .secondary-commands .custom-dropdown-wrapper .custom-dropdown > input.submit:not(:disabled):hover:not(:disabled) {
          background-color: #4b4b4b; }
        .secondary-commands .custom-dropdown-wrapper .custom-dropdown > input.submit:not(:disabled):hover:not(:disabled) {
          color: white; }

.ILeadsManager .secondary-commands .custom-dropdown-wrapper .custom-dropdown .submit {
  padding: 0.75rem 1.25rem;
  background-image: unset; }
.ILeadsManager .secondary-commands .custom-dropdown-wrapper z.custom-dropdown .cvsExport,
.ILeadsManager .secondary-commands .custom-dropdown-wrapper z.custom-dropdown .zipExport,
.ILeadsManager .secondary-commands .custom-dropdown-wrapper z.custom-dropdown .pdfExport {
  padding: 10px 12px 10px 40px !important;
  background-image: url("/skins/0/images/exportIconDark.svg");
  background-position: 16px 14px !important;
  background-repeat: no-repeat;
  background-size: 14px; }
  .ILeadsManager .secondary-commands .custom-dropdown-wrapper z.custom-dropdown .cvsExport:not(:disabled),
  .ILeadsManager .secondary-commands .custom-dropdown-wrapper z.custom-dropdown .zipExport:not(:disabled),
  .ILeadsManager .secondary-commands .custom-dropdown-wrapper z.custom-dropdown .pdfExport:not(:disabled) {
    background-image: url("/skins/0/images/exportIconLight.svg"); }

/* Upload Lead Sheets, Input Single Leads*/
#theIImportLeadsMetadataBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

/* Import Leads */
#theIImportLeadsMetadataBody .IImportLeadsMetadataActions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px; }

#theIImportLeadsMetadataBody h2 {
  display: block !important;
  border: none;
  padding: 0;
  margin: 65px 0 0; }

.previousImports {
  padding: 30px;
  background-color: white;
  zborder: 1px solid #dcdcdc;
  zmargin: 15px 0 0;
  border-radius: 0.75rem; }

.previousImports .standardDataTable {
  border: none;
  margin: 0; }

.previousImports table.standardDataTable th {
  white-space: nowrap;
  padding: 0.25rem;
  text-align: left;
  background-color: white; }

@media screen and (max-width: 850px) {
  .SSFormBody .standardDataTable td {
    width: initial;
    display: table-cell; } }
.standardDataTable.sales th,
.standardDataTable.orders th,
.standardDataTable.inventoryNeeded th {
  padding: 0.75rem 0.75rem 0;
  text-align: left;
  background-color: #f3f7f9;
  background-color: #f8fafb;
  background-color: #fff;
  xtext-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700; }

.ISalesAjaxFields {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 15px; }

x.leadsLifeSuite.ILeadsManager .mainBody .IComponent,
x.leadsLifeSuite.ILeads .mainBody .IComponent {
  background-color: transparent;
  border: none;
  padding: 0; }

@media screen and (min-width: 750px) {
  .leadsLifeSuite .FormTable tr td#theCreatedOnAjax {
    width: 50%;
    flex: unset; } }
/* Agency Logs */
#theIAgencyReportBody {
  padding-bottom: 1.5rem;
  background-color: transparent;
  margin: 0; }

.IAgencyReportContainer #theSearchResultsAjax {
  zwidth: 100%;
  zborder-top: 1px solid #dcdcdc;
  zmargin: 0;
  zbackground-color: white;
  zpadding: 30px;
  xbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }

.IAgencyReportContainer .standard-report div {
  display: flex;
  padding: 0.75rem;
  background-color: #f8fafb;
  border-bottom: 3px solid white;
  flex-wrap: wrap;
  width: 100%;
  xtext-align: center;
  margin: 0; }
  .IAgencyReportContainer .standard-report div:hover {
    background-color: #f1f3f5; }
  .IAgencyReportContainer .standard-report div.sectionContainer {
    border: none;
    background-color: #f1f3f5;
    margin: 15px 0 0;
    border-radius: 0.75rem; }
    .IAgencyReportContainer .standard-report div.sectionContainer:first-child {
      margin: 0; }
    .IAgencyReportContainer .standard-report div.sectionContainer div:first-child {
      background-color: #f1f3f5;
      padding: 0 0.75rem 0.75rem;
      font-weight: 700;
      font-size: 1em; }
      .IAgencyReportContainer .standard-report div.sectionContainer div:first-child label {
        font-weight: 700;
        font-size: 1em; }
    .IAgencyReportContainer .standard-report div.sectionContainer div:last-child {
      border: none; }
  .IAgencyReportContainer .standard-report div label {
    xflex: 1;
    min-width: 400px; }
  .IAgencyReportContainer .standard-report div span {
    xflex: 1;
    min-width: 100px;
    text-align: center; }
  .IAgencyReportContainer .standard-report div.emptyDiv {
    background-color: transparent;
    padding: 0; }

@media screen and (max-width: 720px) {
  .IAgencyReportContainer .standard-report div {
    xborder-bottom: 10px solid white; }

  .IAgencyReportContainer .standard-report div {
    text-align: left;
    xborder-bottom: 10px solid white; }
    .IAgencyReportContainer .standard-report div label {
      min-width: 100%;
      font-weight: 700;
      white-space: normal;
      line-height: 1.4; }
    .IAgencyReportContainer .standard-report div span {
      text-align: left;
      min-width: 50px; } }
x.IAgencyReport #theSearchResultsAjax {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }
  x.IAgencyReport #theSearchResultsAjax .IAgencyReportContainer .standard-report div {
    display: flex;
    padding: 0.75rem;
    background-color: #f8fafb;
    border-bottom: none;
    width: 25%; }

x.IAgencyReportContainer .standard-report div {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem;
  background-color: #f8fafb;
  border-bottom: none;
  width: 24.4%;
  text-align: center;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
  padding: 25px;
  border-radius: 5px; }
  x.IAgencyReportContainer .standard-report div:hover {
    background-color: #f1f3f5; }
  x.IAgencyReportContainer .standard-report div label {
    width: 100%;
    font-size: 1.1em;
    white-space: normal;
    font-weight: 700; }
  x.IAgencyReportContainer .standard-report div span {
    width: 100%;
    font-size: 1.5em; }

/* Lead Reporting */
#theILeadsReportBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.IDeals.overlay .shelf,
.IDeals.overlay .shelf.open {
  top: 0; }

/* Deals */
.IDeals z.filters {
  background-color: white;
  padding: 1.5rem;
  border: 1px solid #dcdcdc;
  width: 99.5%;
  margin: 0 auto 30px; }
  .IDeals z.filters div {
    flex: 1;
    margin: 0 5px; }
    .IDeals z.filters div.archived-filter {
      display: flex;
      align-content: center;
      justify-content: flex-start;
      width: fit-content;
      flex: none; }
      .IDeals z.filters div.archived-filter label {
        display: flex;
        align-items: center;
        margin: 20px 7px 0; }
      .IDeals z.filters div.archived-filter input.checkbox {
        zdisplay: flex;
        zalign-items: center;
        margin: auto 0px 20px;
        zwidth: 15px;
        zheight: 15px; }

.IDealsContainer #theSearchResultsAjax {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.IImportUpdateDealsContainer form {
  display: block;
  padding: 1.5rem;
  background-color: white;
  border-radius: 0.75rem; }
  .IImportUpdateDealsContainer form h1 {
    margin: 0 0 1rem; }

/* Views */
.views {
  position: relative;
  top: -3px;
  display: flex;
  flex-wrap: nowrap;
  width: 154px;
  border-radius: 2rem;
  background-color: white;
  margin: 0 0 15px; }

.views a {
  xbackground-color: #f8f9fa;
  color: #777;
  cursor: pointer;
  margin: 0;
  padding: 0.5rem 1rem;
  line-height: 1; }

.views a {
  text-decoration: none; }

.kanban .views a:first-child {
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  color: white;
  border-radius: 2rem 0 0 2rem; }

.dealsTable .views a:last-child {
  background-color: deepskyblue;
  xborder-bottom: 3px solid #017cd9;
  color: white;
  border-radius: 0 2rem 2rem 0; }

@media screen and (min-width: 1365px) {
  .IDeals .secondary-commands {
    margin: 0px 0 25px; }

  .views {
    float: left; } }
.board {
  display: flex;
  flex-wrap: wrap; }

.list-wrapper .list {
  background-color: #e4e5ea !important;
  border-radius: 0.75rem; }

.list-wrapper #potentialList.list {
  xbackground-color: #ef226f; }

.list-wrapper #pendingList.list {
  xbackground-color: orange; }

.list-wrapper #madeSaleList.list {
  xbackground-color: #1ad0a7; }

.list-wrapper #noSaleList.list {
  xbackground-color: #999; }

.list-wrapper {
  box-sizing: border-box;
  display: inline-block;
  width: 272px;
  height: 100%;
  margin-left: 8px;
  vertical-align: top;
  white-space: nowrap;
  width: 24.5% !important;
  margin: 0 0.25% !important; }
  .list-wrapper .list-footer {
    margin: 10px !important; }

.list .sub-status-filter {
  background-color: rgba(255, 255, 255, 0.85);
  xwidth: calc(100% - 16px);
  margin: 0 auto 8px;
  zheight: 36px;
  width: calc(56% - 16px);
  position: absolute;
  top: 13px;
  right: 12px; }

.list .line {
  border: 1px solid rgba(255, 255, 255, 0.45);
  margin: 10px auto 18px;
  width: calc(100% - 16px);
  display: none; }

.list h3 {
  margin: 0; }

.list-header {
  padding: 10px 15px !important;
  margin: 0 0 10px 0;
  border-radius: 0.75rem 0.75rem 0 0; }

#potentialList .list-header {
  background-color: #ef226f; }

#pendingList .list-header {
  background-color: orange; }

#madeSaleList .list-header {
  background-color: #1ad0a7; }

#noSaleList .list-header {
  background-color: #999; }

.list-header h3 {
  color: white; }

.list-header p {
  color: white;
  margin: -5px 0 0;
  font-size: 0.85em; }

.list-card {
  padding: 15px !important;
  min-height: 70px !important;
  box-shadow: 0 2px 0 #091e4240 !important;
  margin: 0 0 10px 0;
  font-size: 0.95em;
  text-decoration: none;
  color: initial;
  line-height: 1.7em;
  max-width: 100% !important;
  border-radius: 0.75rem; }

.list-card:hover {
  background-color: #f3f3f3;
  background-image: url("/skins/0/images/pencil2.svg");
  xbackground-position: 95% 14px;
  background-position: 93% 55px;
  background-size: 14px;
  box-shadow: 0 2px 0 #091e4277 !important;
  background-repeat: no-repeat; }

.dropping .list-card .userInfo {
  xbackground-color: rgba(0, 0, 0, 0.3);
  xdisplay: block;
  xmargin: 0 auto;
  xborder-radius: 50%;
  xoverflow: hidden;
  xposition: relative;
  xheight: 40px;
  xwidth: 40px;
  xposition: absolute;
  xright: 15px;
  xbottom: 15px;
  background-color: rgba(0, 0, 0, 0.3);
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  margin: 0px 0 0 15px; }
  .dropping .list-card .userInfo img {
    height: 60px;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.agent .dropping .list-card .userInfo {
  display: none; }

.dropping a:hover {
  text-decoration: none; }

.dropping.moving {
  transform: rotate(2.18deg);
  z-index: 1;
  position: relative; }

.dropping.hover {
  border: 2px dashed #999 !important; }

.dropping.moving .list-card {
  cursor: grab; }

.dropping .list-card .name {
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1;
  margin: 0 0 7.5px 0;
  padding: 0 40px 0 0;
  xtransition: all 0.3s ease-out 0s; }

.dropping .list-card:hover .name {
  xfont-size: 1.15em; }

.dropping .list-card .annualPremium {
  color: #555;
  line-height: 1;
  margin: 0 0 7.5px 0px;
  font-size: 0.85em;
  xfont-weight: 700; }

.dropping .list-card .annualPremium span {
  xfont-weight: 500; }

.dropping .list-card .carrierLogo {
  width: 25px;
  height: 25px;
  background-color: #eee;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: initial;
  height: 24px;
  background-color: transparent;
  border-radius: 0;
  background-position: center left;
  xfilter: grayscale(100%);
  xwidth: 50px;
  xbackground-position: center right;
  xfloat: right;
  xmargin: -18px 0 0;
  position: relative;
  margin: 30px 0 0; }
  .dropping .list-card .carrierLogo:before {
    position: relative;
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background-color: #dcdcdc;
    top: -10px; }
  .dropping .list-card .carrierLogo.nil {
    display: none; }
  .dropping .list-card .carrierLogo.americoFinancialLifeandAnnuityInsuranceCompany {
    background-image: url("/skins/0/images/carriers/americo.png");
    height: 15px; }
  .dropping .list-card .carrierLogo.americanNational {
    background-image: url("/skins/0/images/carriers/an.png");
    height: 28px; }
  .dropping .list-card .carrierLogo.americanAmicableLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/americanamicable.png");
    height: 28px; }
  .dropping .list-card .carrierLogo.aIG {
    background-image: url("/skins/0/images/carriers/aig.png");
    height: 18px; }
  .dropping .list-card .carrierLogo.aETNA {
    background-image: url("/skins/0/images/carriers/aetna.png");
    height: 13px; }
  .dropping .list-card .carrierLogo.americanGeneralLife {
    background-image: url("/skins/0/images/carriers/aig.png");
    height: 13px; }
  .dropping .list-card .carrierLogo.kansasCityLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/kcl.png"); }
  .dropping .list-card .carrierLogo.sBLI {
    background-image: url("/skins/0/images/carriers/SBLI-Logo.png"); }
  .dropping .list-card .carrierLogo.guaranteeTrustLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/gtl.png");
    height: 15px; }
  .dropping .list-card .carrierLogo.greatWesternInsuranceCompany {
    background-image: url("/skins/0/images/carriers/gwic.png"); }
  .dropping .list-card .carrierLogo.gerberLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/gerber.png");
    height: 28px; }
  .dropping .list-card .carrierLogo.forestersTheIndependentOrderofForesters, .dropping .list-card .carrierLogo.forestersFinancial {
    background-image: url("/skins/0/images/carriers/foresters.png"); }
  .dropping .list-card .carrierLogo.oxfordLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/oxford.png");
    height: 15px; }
  .dropping .list-card .carrierLogo.nationalLifeGroupNLG, .dropping .list-card .carrierLogo.nationalLifeGroup {
    background-image: url("/skins/0/images/carriers/nlg.png"); }
  .dropping .list-card .carrierLogo.mutualofOmaha {
    background-image: url("/skins/0/images/carriers/mutualomaha2.png");
    height: 20px; }
  .dropping .list-card .carrierLogo.unitedofOmahaLifeInsuranceCompany, .dropping .list-card .carrierLogo.unitedOfOmahaLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/mutualomaha2.png");
    height: 20px; }
  .dropping .list-card .carrierLogo.lifeshieldNationalInsuranceCompany {
    background-image: url("/skins/0/images/carriers/lifeshield.png");
    height: 15px; }
  .dropping .list-card .carrierLogo.libertyBankersInsuranceGroup, .dropping .list-card .carrierLogo.libertyBankersLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/lb.png");
    height: 22px; }
  .dropping .list-card .carrierLogo.transamericaLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/transamerica.png"); }
  .dropping .list-card .carrierLogo.sentinelSecurityLifeInsurance {
    background-image: url("/skins/0/images/carriers/sentinel.png");
    height: 28px; }
  .dropping .list-card .carrierLogo.prosperityLifeGroup {
    background-image: url("/skins/0/images/carriers/prosperity.png");
    height: 15px; }
  .dropping .list-card .carrierLogo.sonsOfNorway {
    background-image: url("/skins/0/images/carriers/sonsofnorway.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.americanEquity {
    background-image: url("/skins/0/images/carriers/american-equity.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.lafayetteInsurance, .dropping .list-card .carrierLogo.lafayetteLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/Lafayette_insurance-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.mutualTrustLife, .dropping .list-card .carrierLogo.mutualTrustLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/Mutual-Trust-Life-LOGO.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.athene {
    background-image: url("/skins/0/images/carriers/Athene-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.johnHancockInsurance, .dropping .list-card .carrierLogo.johnHancock {
    background-image: url("/skins/0/images/carriers/John_Hancock_Insurance_Logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.allianz {
    background-image: url("/skins/0/images/carriers/allianz-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.fGAnnuitiesLifeInc {
    background-image: url("/skins/0/images/carriers/F&G_Annuities_&_Life-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.baltimoreLife, .dropping .list-card .carrierLogo.baltimoreLifeInsuranceCompany {
    background-image: url("/skins/0/images/carriers/baltimore-life-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.silacInsurance, .dropping .list-card .carrierLogo.sILACInsuranceCompany {
    background-image: url("/skins/0/images/carriers/silac-insurance-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.ameritas, .dropping .list-card .carrierLogo.ameritasMutualHoldingCompany {
    background-image: url("/skins/0/images/carriers/ameritas-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.northAmericanInsurance, .dropping .list-card .carrierLogo.northAmericanCompanyforLifeHealthInsurance {
    background-image: url("/skins/0/images/carriers/North_American_Insurance-logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.GAFG, .dropping .list-card .carrierLogo.globalAtlanticFinancialGroup {
    background-image: url("/skins/0/images/carriers/GAFG_Logo.png");
    height: 24px; }
  .dropping .list-card .carrierLogo.royalNeighbors, .dropping .list-card .carrierLogo.royalNeighborsOfAmerica, .dropping .list-card .carrierLogo.royalNeighborsofAmerica {
    background-image: url("/skins/0/images/carriers/Royal-Neighbors-logo2.png");
    height: 24px; }

.dropping .list-card .phone {
  font-size: 0.9em; }

.dropping .list-card .substatus {
  xbackground-color: #eee;
  xfont-size: 0.8em;
  xmargin: 0 0 10px 0;
  xpadding: 4px 7.5px 4px;
  xdisplay: inline-block;
  xfont-weight: 600;
  xborder-radius: 2px;
  xline-height: 1;
  xletter-spacing: 0.25px;
  xbackground-color: #eee;
  font-size: 0.8em;
  margin: 12px 0 0 -5px;
  padding: 4px 7.5px 4px;
  xdisplay: inline-block;
  xfont-weight: 600;
  border-radius: 2px;
  line-height: 1;
  letter-spacing: 0.25px;
  display: inline-block; }

.dropping .list-card .HasError {
  xborder: 1px solid red;
  display: inline-block;
  width: initial;
  xpadding: 5px 7px;
  font-size: 0.75em;
  xbackground-color: #fdeeee;
  color: red;
  line-height: 1;
  margin: 15px 0 0;
  position: absolute;
  right: 15px;
  bottom: 20px; }

.dropping.openRequirement .list-card .substatus {
  background-color: red;
  color: white; }

.openRequirement .list-card {
  border-left: 4px solid red; }

.dropping.potential .list-card .substatus {
  xbackground-color: #ef226f;
  xcolor: white;
  xborder-left: 4px solid #ef226f;
  background-color: lightpink; }

.potential .list-card {
  border-left: 4px solid #ef226f; }

.dropping.policyIssued .list-card .substatus {
  xbackground-color: #1ad0a7;
  xcolor: white;
  xborder-left: 4px solid #1ad0a7;
  background-color: #d8f7f0; }

.policyIssued .list-card {
  border-left: 4px solid #1ad0a7; }

.dropping.appSubmitted .list-card .substatus {
  xbackground-color: orange;
  xcolor: white;
  xborder-left: 4px solid orange;
  background-color: #fff0d4; }

.appSubmitted .list-card {
  border-left: 4px solid orange; }

.dropping.appPlaced .list-card .substatus {
  xbackground-color: #1ad0a7;
  xcolor: white;
  xborder-left: 4px solid #1ad0a7;
  background-color: #1ad0a7; }

.appPlaced .list-card {
  border-left: 4px solid #1ad0a7; }

.dropping.appApproved .list-card .substatus {
  xbackground-color: orange;
  xcolor: white;
  xborder-left: 4px solid orange;
  background-color: #fff0d4; }

.appApproved .list-card {
  border-left: 4px solid orange; }

.dropping.declinedByCarrier .list-card .substatus {
  xbackground-color: #990000;
  xcolor: white;
  xborder-left: 4px solid #990000;
  background-color: lightpink; }

.declinedByCarrier .list-card {
  border-left: 4px solid #990000; }

.dropping.didntQualifyforaPolicy .list-card .substatus {
  xbackground-color: #999;
  xcolor: white;
  xborder-left: 4px solid #999;
  background-color: #ddd; }

.didntQualifyforaPolicy .list-card {
  border-left: 4px solid #999; }

.dropping.declinedOther .list-card .substatus {
  xbackground-color: #990000;
  xcolor: white;
  xborder-left: 4px solid #555;
  background-color: #ccc; }

.declinedOther .list-card {
  border-left: 4px solid #555; }

.dropping.noMoney .list-card .substatus {
  xbackground-color: #999;
  xcolor: white;
  xborder-left: 4px solid #999;
  background-color: #ddd; }

.noMoney .list-card {
  border-left: 4px solid #999; }

.dropping.declinedUnfulfilledRequirements .list-card .substatus {
  background-color: #ddd; }

.declinedUnfulfilledRequirements .list-card {
  border-left: 4px solid #ddd; }

.dropping.alreadyInsured .list-card .substatus {
  background-color: #ddd; }

.alreadyInsured .list-card {
  border-left: 4px solid #ddd; }

.list-footer #batch {
  background-color: #fff;
  padding: 5px;
  gap: 8px;
  border-radius: 0.75rem; }

.IDeals #lightbox .contentHead {
  display: none; }

x.IDeals #lightbox a:first-child {
  position: absolute;
  right: 18px;
  top: 14px;
  text-decoration: none;
  color: red;
  font-weight: 300;
  font-size: 1.125em; }

.IDeals #lightbox a:nth-child(2) {
  xmargin: 0;
  xfont-size: 0; }

@media screen and (max-width: 1280px) {
  .board {
    flex-wrap: nowrap;
    overflow-x: scroll; }
    .board .list-wrapper {
      min-width: 300px !important; } }
/* Calendar */
/* Calendar Page */
.schedule td,
.schedule th {
  border: none; }

.schedule {
  width: 100%; }

.schedule .appointments {
  background-color: white; }

.schedule .appointments td.appointmentCalendarCol {
  background-color: #f9f9f9;
  padding: 0.5rem; }

.schedule .appointments td.appointmentCalendarCol td {
  background-color: #fff; }

.schedule .headerContent .Legend {
  font-size: 1.75em;
  padding: 1rem 0; }

.schedule form,
.schedule table {
  width: 100%;
  background-color: white; }

.schedule table tr {
  font-size: 1em; }

.schedule table tr:first-child td {
  font-size: 0.8em;
  padding: 0.25rem; }

.schedule table tr td {
  border: 1px solid #ccc;
  vertical-align: top; }

.schedule table tr.dateHeading td,
.schedule table tr td.shade {
  font-size: 1.5em;
  border: none; }

.schedule .appointment {
  font-size: 0.69em;
  margin: 0 0 5px 0;
  padding: 0.25rem 0.5rem;
  display: block;
  width: auto;
  cursor: pointer; }

.schedule .appointment img {
  width: 38px;
  border-radius: 50%;
  float: right; }

.schedule .calendar.month-calendar .appointment img {
  width: 33px; }

.schedule .appointment .appointment {
  color: #333;
  margin: 0;
  padding: 0;
  background-color: transparent;
  line-height: 1.4em; }

.schedule .appointment.showed,
.schedule .appointment.noshowed {
  background-color: #ddd !important;
  border: 1px solid #ddd !important;
  color: #999; }

.schedule .appointment.showed label,
.schedule .appointment.noshowed label {
  color: #999; }

.schedule .appointment.showed img,
.schedule .appointment.noshowed img {
  opacity: 0.5; }

/* Blackout */
.schedule .blackout {
  position: relative; }

.schedule .blackout .appointment {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.schedule .appointment.user1 {
  background-color: #ceeafd;
  border: 1px solid #7cc7f9; }

.calendar .headerContent .userFilters .user1 img {
  border: 3px solid #7cc7f9; }

.schedule .appointment.user2 {
  background-color: #cefdeb;
  border: 1px solid #7cf9c9; }

.calendar .headerContent .userFilters .user2 img {
  border: 3px solid #7cf9c9; }

.schedule .appointment.user3 {
  background-color: #edcefd;
  border: 1px solid #ce7cf9; }

.calendar .headerContent .userFilters .user3 img {
  border: 3px solid #ce7cf9; }

.schedule .appointment.user4 {
  background-color: #fdf0ce;
  border: 1px solid #f9d57c; }

.calendar .headerContent .userFilters .user4 img {
  border: 3px solid #f9d57c; }

.schedule .appointment.user5 {
  background-color: #fdddce;
  border: 1px solid #f9a47c; }

.calendar .headerContent .userFilters .user5 img {
  border: 3px solid #f9a47c; }

.schedule .appointment.user6 {
  background-color: #f6fdce;
  border: 1px solid #e8f97c; }

.calendar .headerContent .userFilters .user6 img {
  border: 3px solid #e8f97c; }

.schedule .moving .appointment {
  opacity: 0.5 !important;
  cursor: grab; }

.schedule .moving .appointment:last-child {
  transform: rotate(6.18deg);
  opacity: 0.75 !important; }

.schedule .month-calendar table tr td {
  border: 1px solid #dbdbdb !important; }

.schedule .month-calendar .appointmentCalendar tr:first-child td {
  height: initial !important; }

.schedule .month-calendar .appointmentCalendar td {
  height: 150px !important; }

.schedule .month-calendar .appointment {
  display: block; }

.schedule .moving .appointment label {
  cursor: grab; }

.schedule .appointment label {
  display: block;
  white-space: normal;
  cursor: pointer;
  font-size: 0.69em;
  line-height: 1.6em;
  margin: 0;
  font-weight: 700;
  width: calc(100% - 20px); }

.schedule .appointmentCalendar .appointment label {
  font-size: 12px; }

.schedule .appointmentCalendar .appointment {
  font-size: 11px;
  letter-spacing: 0.25px; }

.schedule .month-calendar .appointment label:nth-child(2) {
  font-size: 0.7em;
  font-size: 11.25px;
  font-weight: 500; }

.schedule .appointment div {
  display: block;
  line-height: 1.4; }

/* calendar */
.IAppointmentCalendar .commands {
  float: none;
  margin: 0 5px 1rem;
  position: sticky;
  top: 3.75rem;
  /* 60px */
  z-index: 2;
  background: white;
  padding: 0.625rem;
  /* 10px */ }

.IAppointmentCalendar .commands a {
  font-size: 0.9em;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #999;
  padding: 0.5rem 0.75rem;
  margin: 0;
  font-weight: 300;
  text-decoration: none;
  background-color: #f1f3f5;
  background-color: #effafc;
  border: 1px solid #e5eaef;
  color: #333 !important; }

.IAppointmentCalendar .commands a.active {
  border: 1px solid #04bbe0;
  background-color: #d0f3fa;
  color: #333; }

.IAppointmentCalendar .commands a:nth-child(4),
.IAppointmentCalendar .commands a:nth-child(5) {
  border: none;
  background-color: transparent;
  color: #333;
  font-weight: bold;
  font-family: initial; }

.schedule .calendar table tr.not-working,
.schedule .calendar table tr.not-working td,
.schedule .calendar table tr td.not-working {
  background-color: #f3f3f3 !important; }

.schedule .calendar table tr td.lastMonth.not-working {
  background-color: #f3f3f3 !important;
  color: #bbb; }

.calendar .headerContent {
  font-size: 1.4em;
  margin: 1.75rem 0 1.5rem; }

.calendar .headerContent .legend {
  display: inline-block; }

/* Calendar User Filters */
.calendar .headerContent .userFilters {
  float: right;
  margin: -30px 0 0; }

.calendar .headerContent .userFilters a {
  display: inline-block;
  padding: 0 0.5rem;
  text-align: center; }

.calendar .headerContent .userFilters a.inactive {
  opacity: 0.4; }

.calendar .headerContent .userFilters img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  margin: 0 auto; }

.calendar .headerContent .userFilters label {
  display: block;
  font-size: 0.75em;
  margin: 0; }

/* Shared Calendar Submenu */
.calendar .headerContent .calFilters {
  float: right;
  margin: -61px 0 0;
  float: none;
  margin: 20px 0 0;
  display: flex;
  flex-wrap: wrap; }
  .calendar .headerContent .calFilters a {
    display: inline-block;
    padding: 0 0.5rem;
    text-align: center;
    background-color: #51dcb7;
    border: 1px solid #2cb98b;
    padding: 3px 10px;
    margin: 0 5px 5px 0; }
    .calendar .headerContent .calFilters a.inactive {
      opacity: 1;
      background-color: #d6f9ee;
      border: 1px solid #51dcb7; }
    .calendar .headerContent .calFilters a:hover {
      text-decoration: none;
      cursor: pointer; }
    .calendar .headerContent .calFilters a label {
      xcolor: white;
      font-size: 0.65em;
      cursor: pointer; }

.calendar .headerContent .userFilters label {
  display: block;
  font-size: 0.75em;
  margin: 0; }

.schedule .calendar.day-calendar .appointment {
  position: relative;
  z-index: 1; }

.schedule .calendar.day-calendar .appointmentCalendar div {
  border: none !important;
  border-bottom: 1px solid #dbdbdb !important;
  padding: 0; }

.schedule .calendar.day-calendar .appointmentCalendar div.user-name {
  padding: 0.25rem;
  text-align: center; }

.schedule .calendar.day-calendar .appointmentCalendar div.appointment {
  padding: 0.25rem; }

.schedule .calendar.day-calendar .appointment label {
  line-height: 1.25em; }

.schedule .calendar.day-calendar .appointmentCalendar td div:first-child {
  min-height: 40px !important;
  overflow-y: auto;
  overflow-x: hidden; }

.schedule .calendar.day-calendar .appointmentCalendar div:nth-child(even) {
  border-bottom: 1px dashed #dbdbdb !important; }

.schedule .calendar.day-calendar .appointmentCalendar div.not-working {
  background-color: #eee !important; }

.schedule .calendar.day-calendar .appointmentCalendar div.appointment,
.schedule .calendar.day-calendar .appointmentCalendar div.appointment div {
  border-bottom: none !important; }

.schedule .calendar.day-calendar .appointmentCalendar div.appointment div,
.schedule .calendar.day-calendar .appointmentCalendar div.appointment div div {
  padding: 0; }

.schedule .calendar.day-calendar table {
  table-layout: fixed; }

.schedule .calendar.day-calendar table tr:nth-child(even) {
  border-bottom: 1px solid #eee !important; }

.calendar.day-calendar tr th {
  font-size: 0.625em;
  font-weight: 500;
  text-align: right;
  color: #70757a !important;
  width: 100px; }

.schedule .calendar.day-calendar table tr {
  font-size: 1em;
  border: 1px solid #dbdbdb !important; }

.schedule .calendar.day-calendar table tr td {
  font-size: 0.8em;
  border: none;
  border-left: 1px solid #ccc;
  vertical-align: top;
  min-width: 15%;
  padding: 0;
  overflow: hidden; }

.schedule .calendar.day-calendar table tr td:first-child div,
.schedule .calendar.week-calendar table tr td:first-child div {
  padding: 0.25rem; }

table.appointmentCalendar > tbody > tr:first-child td {
  text-align: center; }

.schedule .calendar.month-calendar table tr td {
  width: 14.2888%; }

.schedule .calendar.month-calendar table td.not-working {
  background-color: #eee !important; }

.schedule .appointmentCalendar div.working,
.schedule .month-calendar .appointmentCalendar td.droppable {
  cursor: pointer;
  position: relative; }
  .schedule .appointmentCalendar div.working:before,
  .schedule .month-calendar .appointmentCalendar td.droppable:before {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.875rem;
    /* 30px */
    color: #bdbdbd; }
  .schedule .appointmentCalendar div.working:after,
  .schedule .month-calendar .appointmentCalendar td.droppable:after {
    content: "Double click to create appointment";
    visibility: hidden;
    width: fit-content;
    max-width: 12.5rem;
    /* 200px */
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 0.3125rem;
    /* 5px */
    white-space: nowrap;
    word-break: break-word;
    border-radius: 0.3125rem;
    /* 5px */
    pointer-events: none;
    /* Positioning */
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    /* Fade-in effect */
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1;
    font-size: 0.625rem;
    /* 10px */ }
  .schedule .appointmentCalendar div.working:hover:after,
  .schedule .month-calendar .appointmentCalendar td.droppable:hover:after {
    visibility: visible;
    opacity: 1; }

/* Weekly Calendar */
.schedule .calendar.week-calendar table tr td {
  font-size: 0.8em;
  border: none;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  vertical-align: top;
  width: 10.289%;
  padding: 0;
  overflow: hidden; }

.schedule .calendar.week-calendar table tr:first-child {
  border-bottom: 1px solid #dbdbdb !important; }

.schedule .calendar.week-calendar table tr td:first-child {
  width: 4% !important;
  /* padding: .25rem; */ }

.schedule .calendar.week-calendar table tr td tr:first-child {
  border: none !important; }

.schedule .calendar.week-calendar .appointmentCalendar table {
  border: none !important; }

.schedule .calendar.week-calendar .appointmentCalendar div {
  padding: 0; }

.schedule .calendar.week-calendar .appointmentCalendar div.not-working {
  background-color: #eee !important; }

.schedule .calendar.week-calendar .appointmentCalendar div {
  border: none !important;
  border-bottom: 1px solid #dbdbdb !important;
  overflow: hidden; }
  .schedule .calendar.week-calendar .appointmentCalendar div.time {
    display: none; }

.schedule .calendar.week-calendar .appointmentCalendar div:nth-child(2n) {
  border-bottom: 1px dashed #dbdbdb !important; }

.schedule .calendar.week-calendar .appointmentCalendar div.appointment {
  height: 100%;
  padding: 0.25rem;
  margin: 0;
  border: none !important; }

.schedule .calendar.week-calendar .appointmentCalendar div.appointment div {
  border: none !important; }

/* Calendar Settings Page */
#theICalendarSettingsBody {
  background-color: white;
  padding: 1.5rem;
  border: 1px solid #dcdcdc; }
  #theICalendarSettingsBody .FormTable tr {
    padding: 0.625rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.625rem; }

@media screen and (min-width: 750px) {
  #theICalendarSettingsBody .FormTable tr td {
    flex: none;
    padding: 0.25rem 1.5rem 0.25rem 0.25rem;
    min-width: 150px; }
    #theICalendarSettingsBody .FormTable tr td.ColOne {
      padding: 38px 0.25rem 0.25rem 0.25rem;
      min-width: 135px; } }
@media screen and (max-width: 749px) {
  #theICalendarSettingsBody .FormTable {
    margin: 0 0 25px 0; } }
/* New Appointment Lightbox */
#appointment-editor #lightbox {
  width: 650px; }

#appointment-editor label {
  display: block; }

#appointment-editor #lightbox input,
#appointment-editor #lightbox select {
  min-height: auto;
  height: auto; }

#appointment-editor .timePicker {
  margin: 0 0 0 5px; }

#appointment-editor .dateAndTimeInputView .text:nth-child(4) {
  margin: 0 15px 0 0; }

/* Reschedule appointment */
#appointment-editor .contentHead {
  padding: 0; }

#appointment-editor .secondary-commands {
  float: none;
  text-align: left; }

#appointment-editor p {
  font-weight: 700; }

#appointment-editor .FormFields label + label {
  background-color: transparent;
  color: #000;
  height: auto;
  padding: 0;
  text-indent: 0;
  margin: 0.25rem 0 0 0.5rem; }

#theIAppointmentSchedulerBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

#theIAppointmentSchedulerBody input,
#theIAppointmentSchedulerBody select,
#theIAppointmentSchedulerAjaxBody select {
  min-height: 54px;
  height: auto; }

#theIAppointmentSchedulerBody select,
#theIAppointmentSchedulerAjaxBody select {
  min-height: auto; }

#theIAppointmentEditorBody .FormFields label + label {
  background-color: transparent;
  color: #000;
  height: auto;
  padding: 0;
  text-indent: 0;
  margin: 0;
  font-weight: 700; }

.dateAndTimeInputView select,
.dateAndTimeInputView input.text {
  width: initial; }

/* Appointments */
div.appointment {
  display: flex;
  flex-wrap: wrap;
  background-color: #f8fafb;
  margin: 0 0 1rem;
  padding: 1rem;
  position: relative; }

.appointment div {
  width: 100%; }

.AppointmentInfo {
  width: 50%; }

.appointment a {
  display: block;
  width: 100%; }

.appointment .commands {
  width: 50%;
  text-align: right; }

.appointment .title {
  text-transform: uppercase;
  margin: 0 0 10px;
  border-bottom: 1px solid #ccc;
  display: inline-block;
  width: 100%;
  padding: 5px 0 10px; }

.appointment div label,
.appointment div a {
  margin: 0 5px 0 0;
  xcolor: inherit;
  font-weight: 700;
  font-size: 0.875em; }

.appointment div label {
  color: inherit; }

.appointment div span {
  color: inherit; }

.appointment .title label {
  color: #999;
  margin: 0 5px 0 0; }

.appointment .title span {
  color: inherit; }

.appointment .startTime {
  display: inline-block;
  margin: 0 0.5rem 0 0; }

.appointment .dash {
  display: inline;
  padding: 0 0.5rem 0 0; }

.appointment .endTime {
  display: inline-block; }

.appointment .contact {
  xfont-size: 1.4em;
  xfont-weight: 700;
  xborder: 10px solid red;
  xoutline: 10px solid red; }

.appointment div.status {
  border-left: 4px solid mediumseagreen;
  background-color: lightgreen;
  display: inline-block;
  padding: 2.5px 10px;
  color: green;
  margin: 0.5rem 0;
  width: initial; }

.appointment .body {
  background-color: rgba(0, 0, 0, 0.02);
  padding: 1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.075);
  font-size: 0.95em;
  max-height: 200px;
  overflow-y: scroll;
  margin: 1rem 0 0; }

.appointment .commands {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
  width: initial; }

.appointment .commands a:hover {
  background-color: #eee; }

.appointment button {
  font-size: 0.85em; }

@media screen and (max-width: 850px) {
  .appointment .commands {
    margin: 15px 0 0; } }
@media screen and (max-width: 650px) {
  .AppointmentInfo {
    width: 100%; }

  .appointment .commands {
    margin: 10px 0 0;
    width: 100%;
    text-align: left; } }
.IPending table td {
  white-space: normal; }

.IPending input.text {
  width: auto; }

.IPending select {
  width: auto; }

.IPending .timePicker:nth-child(6) {
  margin: 0 0 0 15px; }

@media screen and (max-width: 650px) {
  .IPending .timePicker:nth-child(6) {
    margin: 0; } }
/* Appointment Editor page in CRM */
.IAppointmentEditor #theIAppointmentEditorBody {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

/* Beast Mode appointments Page */
.IAppointmentsContainer {
  transition: all 0.3s ease-out 0s; }

.openShelf .IAppointmentsContainer {
  width: 60%; }

@media screen and (max-width: 800px) {
  .openShelf .IAppointmentsContainer {
    max-width: 100%; } }
.IAppointments .appointment .appointment {
  padding: 0;
  margin: 0;
  color: black; }

.IAppointments .appointment div.status {
  border-left: none;
  background-color: lightgreen;
  display: inline-block;
  padding: 9px 10px 0 22px;
  color: green;
  margin: 0 10px;
  width: initial;
  font-size: 0.625em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  height: initial;
  position: relative; }

.IAppointments .appointment div.status:before {
  content: none; }

.wrapper.row {
  display: flex;
  zmargin: 20px 0 0;
  zpadding: 15px 0 0;
  zmargin: 5px 0 0; }
  .wrapper.row label {
    white-space: normal; }
  .wrapper.row .info {
    width: 70%;
    padding: 0 2% 0 0; }
  .wrapper.row .otherInfo {
    width: 28%; }
    .wrapper.row .otherInfo .dealDocs .adder {
      display: flex; }
      .wrapper.row .otherInfo .dealDocs .adder .file {
        background-color: white; }
    .wrapper.row .otherInfo tr {
      display: flex;
      flex-wrap: wrap !important; }
    .wrapper.row .otherInfo td {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      white-space: normal; }
  .wrapper.row .relatedInfo {
    width: 30%;
    padding: 0 0 0 2%;
    xborder-left: 1px solid #dcdcdc; }

.IDealEditor .wrapper.row .info {
  width: 50%;
  padding: 0 15px 0 0; }
.IDealEditor .wrapper.row #theIDealEditorBody,
.IDealEditor .wrapper.row .otherInfo {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
.IDealEditor .wrapper.row .otherInfo {
  width: 50%;
  zbackground-color: #fff;
  zborder: 1px solid #dcdcdc;
  zpadding: 30px;
  margin: 43px 0 0; }
  .IDealEditor .wrapper.row .otherInfo .SSFormBody {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    margin-bottom: 1rem; }
    .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before {
      content: "Edit";
      position: absolute;
      top: -45px;
      right: 0;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      min-width: auto;
      cursor: pointer;
      user-select: none;
      line-height: 1.2;
      height: 44px;
      padding: 0.75rem 2.25rem;
      font-size: 0.9rem;
      border-radius: 9999px;
      transition: all 0.3s ease-out 0s;
      font-weight: 500;
      background-color: deepskyblue;
      border: none;
      color: #fff;
      box-sizing: border-box; }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before svg {
        fill: #fff;
        width: 20px;
        height: 20px; }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:hover:not(:disabled), .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:focus:not(:disabled) {
        color: #fff;
        background-color: #0099cc; }
        .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:hover:not(:disabled) svg, .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:focus:not(:disabled) svg {
          fill: #fff; }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:focus {
        outline: none; }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:hover {
        text-decoration: none !important; }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before.submit:active {
        filter: brightness(85%); }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:disabled {
        background-color: #f3f4f6;
        border: 1px solid #f3f4f6;
        cursor: not-allowed;
        color: #000000; }
        .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before:disabled svg {
          fill: #000000; }
      .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly:before.processing {
        background-image: url("//app.lifeley.tech/images/loading.gif");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 15px; }
    .IDealEditor .wrapper.row .otherInfo .SSFormBody.readOnly .FormTable {
      zborder-bottom: 1px solid #dcdcdc; }
    .IDealEditor .wrapper.row .otherInfo .SSFormBody .FormTable {
      margin: 0 0 15px 0; }

@media screen and (max-width: 1100px) {
  .IDealEditor .wrapper.row {
    flex-wrap: wrap; }
    .IDealEditor .wrapper.row .info {
      width: 100%; }
    .IDealEditor .wrapper.row .otherInfo {
      width: 100%;
      margin: 28px 0 0; } }
.IDealEditor div#lightbox {
  width: 1000px; }

.IDealEditor .shelf {
  top: 0; }

#lightbox .wrapper.row {
  margin: 25px 0 0;
  padding: 0; }
  #lightbox .wrapper.row .info {
    width: 55%;
    padding: 0 25px 0 0;
    margin: 0 0; }
    #lightbox .wrapper.row .info .dealNotes {
      background-color: #f9f9f9;
      border: 1px solid #dcdcdc;
      padding: 15px;
      margin: 15px 0 0;
      position: relative; }
      #lightbox .wrapper.row .info .dealNotes a {
        position: absolute;
        font-size: 0.9em;
        text-decoration: underline;
        right: 15px;
        top: 15px; }
      #lightbox .wrapper.row .info .dealNotes h3 {
        margin: 0 0 15px 0; }
      #lightbox .wrapper.row .info .dealNotes .note-logs .note {
        background-color: #fff;
        padding: 15px;
        box-shadow: none !important;
        zborder: 1px solid #dcdcdc;
        margin: 0 0 10px;
        zborder-radius: 0;
        border-radius: 0.75rem; }
    #lightbox .wrapper.row .info .ArchiveAction {
      float: right; }
  #lightbox .wrapper.row .otherInfo {
    width: 45%;
    background-color: #f4f5f7;
    background-color: #f6f7f9;
    background-color: #fff;
    padding: 15px;
    xmax-height: 600px;
    xoverflow-y: scroll; }
    #lightbox .wrapper.row .otherInfo table td {
      zwhite-space: normal;
      zoverflow: hidden;
      ztext-overflow: ellipsis; }
    #lightbox .wrapper.row .otherInfo h3 {
      margin: 0 0 5px 0;
      font-size: 17px; }
    #lightbox .wrapper.row .otherInfo .IClientInfoContainer {
      background-color: #f7f7f7;
      zborder: 1px solid #dcdcdc;
      padding: 10px;
      margin: 0 0 15px 0;
      box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
      position: relative;
      border-radius: 0.75rem; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer .splitLeadBox span {
        zbackground-color: #999;
        zbackground-color: #999;
        zfont-size: 0.75em;
        zpadding: 3px 5px 1px;
        zline-height: 1;
        zcolor: white;
        ztext-transform: uppercase;
        zfont-weight: 700; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer .splitLeadBox.splitTrue span {
        background-color: green;
        color: white; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer .splitLeadBox.splitFalse span {
        background-color: maroon;
        color: white; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer:hover {
        background-image: url("/skins/0/images/pencil2.svg");
        background-position: 97% 10px;
        background-size: 14px;
        background-repeat: no-repeat;
        cursor: pointer; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer input.text {
        background-color: white; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer select {
        background-color: white; }
      #lightbox .wrapper.row .otherInfo .IClientInfoContainer textarea {
        background-color: white; }
    #lightbox .wrapper.row .otherInfo #theTasksAjax {
      xborder-bottom: 1px solid #dcdcdc;
      xmargin: 0 0 15px 0;
      xpadding: 0 0 15px 0; }
    #lightbox .wrapper.row .otherInfo .IClientInfoContainer {
      xborder-bottom: 1px solid #dcdcdc;
      margin: 0 0 15px 0; }
    #lightbox .wrapper.row .otherInfo .secureNotesBox span {
      display: block;
      background-color: #fcf0e6;
      padding: 5px 5px 5px 45px;
      position: relative;
      border: 1px solid #e5712d; }
      #lightbox .wrapper.row .otherInfo .secureNotesBox span:before {
        background-color: transparent;
        content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'><path fill='chocolate' d='M12 1l-12 22h24l-12-22zm-1 8h2v7h-2v-7zm1 11.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/></svg>");
        width: 20px;
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 14px; }
      #lightbox .wrapper.row .otherInfo .secureNotesBox span pre {
        margin: 0;
        white-space: pre-wrap; }
    #lightbox .wrapper.row .otherInfo .related-lead {
      border-top: 1px solid #dcdcdc;
      padding: 10px;
      margin: 10px 0 0;
      background-color: #f7f7f7;
      border: 1px solid #dcdcdc;
      margin: 0 0 15px 0;
      box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
      position: relative; }
      #lightbox .wrapper.row .otherInfo .related-lead h3 {
        display: inline; }
      #lightbox .wrapper.row .otherInfo .related-lead a {
        float: right;
        font-size: 0.85em;
        text-decoration: underline; }
      #lightbox .wrapper.row .otherInfo .related-lead div a {
        float: none; }
        #lightbox .wrapper.row .otherInfo .related-lead div a.createRelatedDeal {
          float: right;
          margin: -28px 0 0; }
      #lightbox .wrapper.row .otherInfo .related-lead .IClientInfoContainer {
        border: none;
        padding: 0;
        margin: 0;
        box-shadow: none; }
        #lightbox .wrapper.row .otherInfo .related-lead .IClientInfoContainer a.createRelatedDeal {
          margin: -28px 0 0; }
      #lightbox .wrapper.row .otherInfo .related-lead .readOnly:hover {
        background-image: url("/skins/0/images/pencil2.svg");
        background-position: 97% 10px;
        background-size: 14px;
        background-repeat: no-repeat;
        cursor: pointer; }
    #lightbox .wrapper.row .otherInfo #theTasksAjax {
      border-top: 1px solid #dcdcdc;
      padding: 10px;
      margin: 10px 0 0;
      background-color: #f7f7f7;
      border: 1px solid #dcdcdc;
      margin: 0 0 15px 0;
      box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
      position: relative; }
      #lightbox .wrapper.row .otherInfo #theTasksAjax input.submit {
        background-color: transparent;
        float: right;
        color: #337ab7;
        text-decoration: underline;
        font-size: 0.95em;
        margin: -29px 0 0 0;
        padding: 0; }
      #lightbox .wrapper.row .otherInfo #theTasksAjax .task-logs {
        margin: 15px 0 0; }
        #lightbox .wrapper.row .otherInfo #theTasksAjax .task-logs .contact-task {
          border-top: 1px solid #dcdcdc;
          xborder-bottom: 1px solid #dcdcdc;
          padding: 7.5px 7.5px 7.5px 30px; }
        #lightbox .wrapper.row .otherInfo #theTasksAjax .task-logs input {
          zmin-height: 20px;
          margin: 0 6px 0 -30px; }
        #lightbox .wrapper.row .otherInfo #theTasksAjax .task-logs div a {
          display: none; }
    #lightbox .wrapper.row .otherInfo .dealDocs {
      border-top: 1px solid #dcdcdc;
      padding: 10px;
      margin: 10px 0 0;
      background-color: #f7f7f7;
      border: 1px solid #dcdcdc;
      margin: 0 0 15px 0;
      box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
      position: relative; }
      #lightbox .wrapper.row .otherInfo .dealDocs .adder {
        margin: 0 0 10px 0; }
        #lightbox .wrapper.row .otherInfo .dealDocs .adder input {
          max-width: 215px; }
      #lightbox .wrapper.row .otherInfo .dealDocs .doc {
        display: flex;
        background-color: white;
        margin: 5px 0; }
        #lightbox .wrapper.row .otherInfo .dealDocs .doc a {
          width: 100%;
          margin: 0;
          overflow: hidden;
          padding: 0 0 0 5px; }
        #lightbox .wrapper.row .otherInfo .dealDocs .doc .delete.submit {
          justify-content: flex-end;
          display: flex;
          background-color: transparent;
          padding: 2px;
          height: 24px;
          width: 24px;
          border-radius: 0;
          color: red; }
    #lightbox .wrapper.row .otherInfo .dealLeadForm {
      border-top: 1px solid #dcdcdc;
      padding: 10px;
      margin: 10px 0 0;
      background-color: #f7f7f7;
      border: 1px solid #dcdcdc;
      margin: 0 0 15px 0;
      box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.25);
      position: relative; }

@media screen and (min-width: 750px) {
  x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr {
    flex-wrap: wrap;
    display: flex; }
    x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td {
      flex: none;
      width: 100%; }
      x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td.policyNumberBox {
        width: 50%; }
      x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td .dealSplitting {
        xbackground-color: red; }
        x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td .dealSplitting td {
          width: 66%; }
          x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td .dealSplitting td:last-child {
            width: 34%; } }
@media screen and (max-width: 600px) {
  x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td .dealSplitting td {
    width: 100%;
    text-align: left; }
    x.authenticated #lightbox .wrapper.row .info .FormTable.RowTwo tr td .dealSplitting td:last-child {
      padding: 0 0 10px 0; } }
.IDealEditorFields .RowThree tr,
.IDealEditorAjaxFields .RowThree tr {
  flex-wrap: wrap; }
  .IDealEditorFields .RowThree tr td,
  .IDealEditorAjaxFields .RowThree tr td {
    xwidth: 100%;
    zflex: none; }

.dealSplittingTable {
  width: 100%; }
  .dealSplittingTable .dealSplitting {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0.75rem; }
    .dealSplittingTable .dealSplitting tr {
      zborder-top: 2px solid #e0f6f9; }
      .dealSplittingTable .dealSplitting tr .SSForm.IDealsSplitContainer {
        background-color: transparent;
        padding: 0;
        border: none; }
        .dealSplittingTable .dealSplitting tr .SSForm.IDealsSplitContainer tr {
          border: none; }
          .dealSplittingTable .dealSplitting tr .SSForm.IDealsSplitContainer tr td.agentBox {
            width: 80%; }
          .dealSplittingTable .dealSplitting tr .SSForm.IDealsSplitContainer tr td.cutBox {
            width: 20%; }
            .dealSplittingTable .dealSplitting tr .SSForm.IDealsSplitContainer tr td.cutBox label {
              text-align: left; }
      .dealSplittingTable .dealSplitting tr td .submit {
        width: 100%;
        margin: 25px 0px 0px 0px; }
    .dealSplittingTable .dealSplitting .SSFormBody {
      padding: 0; }
  .dealSplittingTable .submit {
    margin: 5px 0 0; }

.IDealEditorFields .dealSplitting,
.IDealEditorAjaxFields .dealSplitting {
  background-color: #f7f7f7;
  width: 100%; }
  .IDealEditorFields .dealSplitting tr td,
  .IDealEditorAjaxFields .dealSplitting tr td {
    flex: none; }
    .IDealEditorFields .dealSplitting tr td:last-child,
    .IDealEditorAjaxFields .dealSplitting tr td:last-child {
      width: 20%;
      padding: 0.25rem 0.5rem 0.25rem 0.25rem; }
    .IDealEditorFields .dealSplitting tr td div td:last-child,
    .IDealEditorAjaxFields .dealSplitting tr td div td:last-child {
      padding: 0.25rem; }
    .IDealEditorFields .dealSplitting tr td input.text,
    .IDealEditorFields .dealSplitting tr td select,
    .IDealEditorAjaxFields .dealSplitting tr td input.text,
    .IDealEditorAjaxFields .dealSplitting tr td select {
      background-color: white; }
  .IDealEditorFields .dealSplitting .IDealsSplitContainer,
  .IDealEditorAjaxFields .dealSplitting .IDealsSplitContainer {
    border-top: 1px solid #ccc; }
    .IDealEditorFields .dealSplitting .IDealsSplitContainer:first-child,
    .IDealEditorAjaxFields .dealSplitting .IDealsSplitContainer:first-child {
      border: none; }

@media screen and (max-width: 1000px) {
  .IDealEditor div#lightbox {
    width: 100%; }

  .IDeals #lightbox .wrapper.row {
    flex-wrap: wrap; }
    .IDeals #lightbox .wrapper.row .info {
      width: 100%;
      padding: 0; }
    .IDeals #lightbox .wrapper.row .otherInfo {
      width: 100%;
      padding: 0; }
    .IDeals #lightbox .wrapper.row label {
      white-space: normal; } }
@media screen and (max-width: 750px) {
  .IDealEditor div#lightbox {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    transform: none;
    max-height: 100vh; }

  .IDealEditor #lightbox .wrapper.row {
    flex-wrap: wrap; }

  .IDealEditor #lightbox .wrapper.row .info {
    width: 100%;
    padding: 0; }

  .IDealEditor #lightbox .wrapper.row .otherInfo {
    width: 100%;
    padding: 0; }

  .dealSplittingTable
  .dealSplitting
  tr
  .SSForm.IDealsSplitContainer
  tr
  td.agentBox {
    width: 100%; }

  .dealSplittingTable
  .dealSplitting
  tr
  .SSForm.IDealsSplitContainer
  tr
  td.cutBox {
    width: 50%; }

  .dealSplittingTable .dealSplitting tr td .submit {
    margin: 0;
    width: 50%; }

  .IDealEditorFields .dealSplitting tr td:last-child,
  .IDealEditorAjaxFields .dealSplitting tr td:last-child {
    width: 100%; } }
.IAppointments .scheduling {
  margin: 15px 0 0; }

.IAppointments .scheduling span {
  display: inline-block;
  margin: 0 5px 0 0; }

.IAppointments .scheduling a {
  display: inline-block;
  padding: 6px 12px;
  margin: 3px 5px 3px 0;
  background: white;
  color: #00838F;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  transition: all 0.15s ease;
  border: 1.5px solid #00BCD4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  white-space: nowrap;
  line-height: 1.4; }

.IAppointments .scheduling a:hover {
  background: #00BCD4;
  border-color: #00BCD4;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 188, 212, 0.3); }

.IAppointments .scheduling a:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 188, 212, 0.2); }

.IAppointmentsContainer div.appointment {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  margin: 0 0 1rem;
  padding: 30px;
  position: relative;
  xborder: 1px solid #dcdcdc; }

.IAppointmentsContainer div.appointment .commands.secondary a {
  padding: 20px 25px; }

.IAppointmentsContainer div.appointment .commands.secondary a.showed {
  background-color: lightgreen;
  color: #333;
  border-color: transparent; }

.IAppointmentsContainer div.appointment .commands.secondary a.showed:hover {
  background-color: #88e977;
  border-color: mediumseagreen; }

.IAppointmentsContainer div.appointment .commands.secondary a.noshowed {
  background-color: antiquewhite;
  color: #333;
  border-color: transparent; }

.IAppointmentsContainer div.appointment .commands.secondary a.noshowed:hover {
  background-color: #f0dabf;
  border-color: #f0dabf; }

.IAppointmentsContainer div.appointment div {
  box-shadow: none;
  xborder: none; }

.IAppointmentsContainer div.appointment div.inviteTemplate {
  margin: 16px 0 0;
  border-bottom: 1px solid #dcdcdc;
  padding: 0 0 18px; }

.IAppointmentsContainer div.appointment textarea {
  xmin-height: 10px;
  xheight: 40px;
  transition: all 0.3s ease-out 0s; }

.IAppointmentsContainer div.appointment .inviteTemplate button {
  display: none; }

.IAppointmentsContainer div.appointment .inviteTemplate .dirty button {
  display: initial; }

.IAppointmentsContainer div.appointment .inviteTemplate .dirty textarea,
.IAppointmentsContainer div.appointment .privateNotes .dirty textarea {
  zmin-height: 200px;
  height: initial; }

.IAppointmentsContainer div.appointment div.IClientInfoContainer {
  zborder-top: 1px solid #dcdcdc;
  margin: 0.75rem 0 0;
  padding: 15px;
  background-color: #effafc;
  zborder-bottom: 1px solid #dcdcdc;
  border-radius: 0.75rem; }
  .IAppointmentsContainer div.appointment div.IClientInfoContainer .contentHead {
    padding: 0;
    margin: 0; }
    .IAppointmentsContainer div.appointment div.IClientInfoContainer .contentHead h3 {
      margin: 0;
      position: relative; }
    .IAppointmentsContainer div.appointment div.IClientInfoContainer .contentHead:before {
      position: relative;
      content: "";
      width: 12px;
      height: 12px;
      background-color: #333;
      display: none;
      border-radius: 50%;
      margin: 0 5px 0 0; }

.authenticated .relatedInfo .FormTable tr {
  display: table-row; }

.IAppointmentsContainer
div.appointment
.relatedInfo
div.IClientInfoContainer
table
tr
td {
  width: 100%;
  padding: 0.25rem 0.25rem 0px;
  display: block; }

.IAppointmentsContainer div.appointment .relatedInfo h3 {
  margin: 1rem 0; }

@media screen and (min-width: 750px) {
  .authenticated.openShelf .relatedInfo .FormTable tr {
    display: table-row; }

  .authenticated.openShelf .relatedInfo .FormTable tr td {
    display: block; } }
.videoconferencelink form {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.videoconferencelink form input {
  width: 75%;
  border-radius: 0.25rem 0 0 0.25rem; }

.videoconferencelink form button {
  width: 25%;
  border-radius: 0 0.25rem 0.25rem 0; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.RowOne
td.ColOne {
  position: relative; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
.RowOne
td.ColOne:after {
  content: "Edit";
  position: absolute;
  top: -28px;
  cursor: pointer;
  left: 100px;
  font-size: 0.9em;
  text-decoration: underline;
  color: #337ab7; }

.salesLifeSuite.IAppointments .IClientInfoContainer {
  position: relative; }

.salesLifeSuite.IAppointments
.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.RowOne
td.ColOne {
  position: static; }

.salesLifeSuite.IAppointments
.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
.RowOne
td.ColOne:after {
  top: 15px;
  left: auto;
  right: 25px; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
table {
  width: 50%; }

.IAppointmentsContainer
div.appointment
.relatedInfo
div.IClientInfoContainer
.readOnly
table {
  width: 100%; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
table
tr {
  xdisplay: table-row;
  flex-wrap: wrap; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
table
tr
td {
  width: 50%;
  padding: 0.25rem 0.25rem 0px;
  padding: 0.25rem 0.25rem;
  flex: none; }
  .IAppointmentsContainer
  div.appointment
  div.IClientInfoContainer
  .readOnly
  table
  tr
  td label {
    font-weight: 700;
    color: #333; }
  .IAppointmentsContainer
  div.appointment
  div.IClientInfoContainer
  .readOnly
  table
  tr
  td.splitLeadBox {
    width: 100%; }
    .IAppointmentsContainer
    div.appointment
    div.IClientInfoContainer
    .readOnly
    table
    tr
    td.splitLeadBox span {
      background-color: black;
      color: white;
      padding: 4px 10px;
      font-size: 11px;
      text-transform: uppercase;
      border-radius: 20px;
      font-weight: 700; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
table
tr
td.additionalDataBox {
  width: 100%;
  white-space: normal; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
table
tr
td
input,
.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
table
tr
td
select {
  xbackground-color: #fff; }

.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
input {
  font-size: 0.875em;
  border: none;
  padding: 0;
  height: initial;
  background-color: transparent; }

@media screen and (max-width: 1336px) {
  .wrapper.row .info {
    width: 60%; }

  .wrapper.row .relatedInfo {
    width: 40%; } }
.preMeetingNotes .SSForm {
  padding: 0;
  background-color: transparent; }

.preMeetingNotes .contentHead {
  margin: 0; }

.preMeetingNotes h1 {
  display: none; }

.preMeetingNotes .FormActions {
  display: none;
  padding: 0; }

.preMeetingNotes .dirty .FormActions {
  display: block;
  margin: 0 0 20px; }

.IAppointments .appointment div.appointment label {
  display: none; }

.IAppointments .appointments div.appointment a {
  width: initial;
  display: initial; }

.IAppointments .appointment div.appointment a:hover label {
  text-decoration: none; }

.IAppointments .appointment .name {
  font-weight: 700;
  margin: 10px 0 0; }

.IAppointments .appointment div.appointment span {
  xtext-decoration: underline;
  font-size: 1.4em;
  font-weight: 700; }

.IAppointments .appointment .actions {
  margin: 15px 0; }

.IAppointments .appointment .actions a,
.IAppointments .appointment .middle-actions a {
  display: inline-block;
  background-color: #a3d200;
  border-color: #81a603;
  color: white;
  padding: 5px 10px;
  width: initial; }

.IAppointments .appointment .actions a {
  display: inline-block;
  background-color: white;
  color: black;
  padding: 0.65rem 0.75rem 0.5rem;
  width: initial;
  margin: 0 -1px 0 0;
  border: 1px solid #ccc;
  font-size: 0.85em; }

.IAppointments .appointment .middle-actions a,
.IAppointments .appointment .middle-actions button {
  display: inline-block !important;
  background-color: deepskyblue;
  border-color: #017cd9;
  margin: 0 2px 2px 0;
  padding: 12px 12px 10px;
  border-radius: 3px;
  font-size: 0.85em;
  line-height: 1.15; }

.IAppointments .appointment .middle-actions a:hover,
.IAppointments .appointment .middle-actions button:hover {
  background-color: #017cd9; }

.IAppointments .appointment .middle-actions .submit {
  font-size: 0.85em; }

.IAppointments .appointment .actions a:hover {
  text-decoration: none;
  background-color: #eee; }

.IAppointments .appointment .actions a:last-child:hover {
  background-color: #e84527;
  color: white; }

.IAppointments .appointment .middle-actions {
  border-top: 1px solid #ccc;
  padding: 20px 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
  xdisplay: flex;
  xflex-wrap: wrap; }

.IAppointments .appointment .videoconferencelink {
  padding: 10px 0; }

.IAppointments .appointment .middle-actions h3 {
  display: none; }

.IAppointments .appointment .middle-actions h3 {
  width: 100%; }

.IAppointments .appointment .middle-actions a,
.IAppointments .appointment .middle-actions button {
  width: 49.5% !important;
  width: 24.5% !important;
  width: initial !important;
  text-align: center;
  margin: 0.25%; }

.IAppointments .appointment .middle-actions a.disabled {
  background-color: #eee;
  cursor: not-allowed !important; }

.IAppointmentsContainer div.appointment div.privateNotes {
  margin: 15px 0 0; }

.IAppointments .appointment .apptNotes {
  border-top: 1px solid #ccc;
  margin: 15px 0 0;
  padding: 15px 0 0; }

/* New Beast Mode Idea */
.openShelf .IAppointmentsContainer {
  width: 100%; }

.salesLifeSuite.IAppointments .appointment {
  background-color: transparent;
  width: 80%;
  padding: 0;
  border-radius: 0.75rem;
  box-shadow: none;
  border: none; }
  .salesLifeSuite.IAppointments .appointment .commands.secondary {
    top: 14px;
    right: 15px;
    width: initial !important; }
    .salesLifeSuite.IAppointments .appointment .commands.secondary a {
      padding: 12px 25px;
      margin: 0;
      xborder: 1px solid #dcdcdc; }
      .salesLifeSuite.IAppointments .appointment .commands.secondary a.showed {
        background-color: white;
        color: #333;
        border-color: #bbb; }
      .salesLifeSuite.IAppointments .appointment .commands.secondary a.noshowed {
        background-color: white;
        color: #333;
        border-color: #bbb;
        margin: 0 0 0 -1px; }
  .salesLifeSuite.IAppointments .appointment .middle-actions a {
    flex: 1; }
  .salesLifeSuite.IAppointments .appointment .appointment {
    background-color: transparent;
    width: 100%;
    border-radius: 0;
    padding: 0px; }
  .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap {
    background-color: white;
    padding: 20px;
    box-shadow: 0px -4px 4px -2px rgba(0, 0, 0, 0.2);
    border-radius: 0.75rem; }
    .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer {
      display: flex;
      flex-wrap: wrap; }
      .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div {
        xwidth: 100%; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.appointment {
          width: initial;
          margin-bottom: 4px; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.appointment label,
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.appointment span {
            font-size: 1.2rem; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.guest {
          margin-bottom: 0.625rem; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.guest label,
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.guest span {
            font-size: 1.4rem;
            font-weight: bold; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.scheduling {
          display: block;
          width: 100%;
          margin: 0; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.scheduling a {
            display: inline-block; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.scheduling span {
            display: block;
            width: 100%;
            margin: 0 0 0.25rem 0; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.scheduling label {
            margin: 0px 0px 5px 0;
            display: block; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.status {
          width: initial; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column {
          width: 60% !important;
          background-color: #f7f7f7;
          zborder: 1px solid #dcdcdc;
          padding: 15px;
          border-radius: 0.75rem; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column h3 {
            font-size: 0.875em;
            margin: 0;
            color: inherit; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .videoConferenceLink {
            margin: 10px 0 15px;
            border-bottom: 1px solid #dcdcdc;
            padding: 0 0 15px 0; }
            .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .videoConferenceLink form {
              display: flex; }
              .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .videoConferenceLink form input {
                width: 78%;
                zbackground-color: #fff; }
              .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .videoConferenceLink form button {
                width: 22%; }
              .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .videoConferenceLink form div {
                width: 0; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .inviteTemplate {
            border-top: 1px solid #dcdcdc;
            padding: 15px 0; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column .IClientInfoContainer {
            zborder: 1px solid #dcdcdc;
            margin: 0;
            padding: 15px;
            background-color: #fff;
            zborder-bottom: 1px solid #dcdcdc;
            border-radius: 0.75rem; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column {
          width: 40% !important;
          xbackground-color: #f7f7f7;
          xborder: 1px solid #dcdcdc;
          xpadding: 15px;
          padding: 0;
          margin: 0 0 0 15px;
          position: relative; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .IConversationsContainerWrap,
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .relatedLeadInfo {
            background-color: #f7f7f7;
            zborder: 1px solid #dcdcdc;
            padding: 15px;
            margin: 0 0 15px;
            border-radius: 0.75rem; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .IConversationsContainerWrap {
            padding: 0;
            display: none; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .takeActionInfo .mainActions {
            display: flex;
            flex-wrap: wrap;
            gap: 5px; }
            .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .takeActionInfo .mainActions button,
            .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .takeActionInfo .mainActions a {
              width: 49%;
              margin: 0; }
              .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .takeActionInfo .mainActions button.viewLeadSlip,
              .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .takeActionInfo .mainActions a.viewLeadSlip {
                width: initial; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .relatedLeadInfo {
            position: relative; }
            .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .relatedLeadInfo a {
              position: absolute;
              right: 15px;
              top: 15px;
              font-size: 0.9em;
              text-decoration: underline; }
            .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .relatedLeadInfo a + a {
              right: 53px; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column h3 {
            margin: 0 0 1rem; }
          .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column .IClientInfoContainer {
            zborder: 1px solid #dcdcdc;
            margin: 0.75rem 0 0;
            padding: 15px;
            background-color: #fff;
            zborder-bottom: 1px solid #dcdcdc;
            border-radius: 0.75rem; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.middle-actions {
          border-top: none;
          padding: 0 0 20px; }
        .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.note-logs .note {
          xbackground-color: white;
          xbox-shadow: none !important;
          xborder: 1px solid #dcdcdc !important;
          xmargin: 0 0 10px;
          xborder-radius: 0; }
  .salesLifeSuite.IAppointments .appointment textarea {
    background-color: white;
    zmin-height: 200px; }

.qaSite.salesLifeSuite.IAppointments
.appointment
.IAppointmentResultContainerWrap
.IAppointmentResultContainer
div.wrapper.row
.relatedInfo.column
.IConversationsContainerWrap {
  display: block; }

.salesLifeSuite.IAppointments
.IAppointmentsContainer
div.appointment
div.IClientInfoContainer
.readOnly
table {
  width: 100%; }

@media screen and (max-width: 2000px) {
  .salesLifeSuite.IAppointments .appointment {
    width: 100%; } }
@media screen and (max-width: 800px) {
  .salesLifeSuite.IAppointments .appointment {
    width: 100%; }
    .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row {
      flex-wrap: wrap; }
      .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .info.column {
        width: 100% !important; }
      .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.wrapper.row .relatedInfo.column {
        width: 100% !important;
        margin: -1px 0 0; }
    .salesLifeSuite.IAppointments .appointment .IAppointmentResultContainerWrap .IAppointmentResultContainer div.middle-actions {
      border-top: none;
      padding: 0 0 20px; } }
/* Sales */
.ISalesAjaxContainer table {
  margin: 0 0 20px;
  position: relative; }

.ISalesAjaxContainer table:after {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  position: relative;
  background-color: #dcdcdc;
  top: 15px; }

.ISalesAjaxContainer table:last-child:after {
  display: none; }

/***********************/
/***** Quoter Page *****/
/***********************/
.quoterModule.sub-module {
  display: none; }

.IToolkitQuoterContainer {
  max-width: 1200px;
  margin: 0 auto; }

.IToolkitQuoterContainer .labelGroup {
  border-radius: 0.25; }

.IToolkitQuoterContainer table {
  width: 100%; }

#theQuoterMainAjax .contentHead {
  margin: 0; }

.IToolkitQuoterContainer .labelGroup .labelGroup {
  padding: 0;
  max-width: 100%; }

.IToolkitQuoterContainer #theOrLabelAjax {
  text-align: center; }

/* Digital Business Card */
.IAgentPagePalleteList .standardDataTable tr th {
  background-color: #fff;
  text-align: left;
  font-weight: 700;
  letter-spacing: 0.25px; }

.IAgentPagePalleteList .IAgentPagePalleteListContainer img {
  width: 200px;
  height: 40px;
  vertical-align: middle; }

.IPageImageList .IPageImageListContainer img {
  width: 125px; }

.noSuite.IPublicScheduler:before {
  display: none; }

.IAgentBusinessCardReport .addNewCard {
  float: right; }
.IAgentBusinessCardReport .delete {
  text-align: right; }
  .IAgentBusinessCardReport .delete input {
    padding: 10px;
    background-color: maroon; }
    .IAgentBusinessCardReport .delete input:hover {
      background-color: maroon; }

.IAgentBusinessCardContainerWrap {
  background-color: white; }
  .IAgentBusinessCardContainerWrap h2 {
    font-size: 1.5em; }
  .IAgentBusinessCardContainerWrap h4 {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 700;
    font-size: 1.2em;
    margin: 0 0 1rem;
    text-transform: capitalize; }
  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div {
    background-color: #f8f8f8;
    max-width: 1380px;
    margin: 0 auto 60px;
    padding: 75px;
    border-radius: 20px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.toolbar {
      display: none; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header-image {
      position: relative;
      overflow: hidden;
      height: 400px;
      max-width: 100%;
      border-radius: 0; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header-image img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: auto; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header {
      padding: 0;
      max-width: 100%;
      border-radius: 0; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image {
        background-color: #222;
        position: relative;
        overflow: hidden;
        height: 400px; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image img {
          width: 100%;
          position: absolute;
          left: 0;
          top: 0;
          height: auto;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content {
        background-color: #14314f;
        max-width: 100%;
        margin: 0 auto;
        padding: 40px 0;
        position: relative; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile {
          display: flex;
          align-items: flex-end;
          max-width: 1380px;
          margin: 0 auto;
          position: relative;
          display: flex;
          align-items: center; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-image-container .profile-image {
            background-color: #000;
            border-radius: 50%;
            overflow: hidden;
            width: 200px;
            height: 200px;
            margin: -145px 0 0px;
            position: relative;
            transition: all 0.3s ease-out 0s; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-image-container .profile-image img {
              max-width: 100%;
              position: absolute;
              top: 50%;
              left: 50%;
              translate: -50% -50%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info {
            width: 100%;
            flex-grow: 1;
            padding: 0 0 0 50px;
            display: flex;
            flex-wrap: wrap; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info h2 {
              color: white;
              xfont-size: 1.5em;
              margin: 0;
              width: 100%; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info p {
              color: white;
              margin: 10px 0 0;
              font-size: 0.9em;
              width: 100%;
              line-height: 1; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .SSFormBody .FormTable label {
              color: #222; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons {
              color: white;
              right: 0;
              bottom: 10px;
              margin: 0 0 0 auto;
              position: absolute;
              top: 15px;
              right: 0; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a {
                padding: 8px 13px 10px;
                background-color: #8b8b8b;
                margin: 0 0 0 12px;
                border-radius: 10px;
                color: white; }
                .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a svg {
                  width: 20px;
                  height: 20px;
                  vertical-align: middle;
                  xmargin: 0 15px 0 0; }
                  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a svg path {
                    fill: white; }
                .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:first-child {
                  background-color: #8b8b8b;
                  padding: 8px 25px 10px; }
                  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:first-child svg {
                    margin: 0 15px 0 0; }
                  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:first-child:hover {
                    background-color: #177aa1; }
                .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child {
                  background-color: #2b9ecb;
                  padding: 8px 25px 10px; }
                  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child svg {
                    margin: 0 15px 0 0; }
                  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child span {
                    xmargin: 0 0 0 15px; }
                  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child:hover {
                    background-color: #177aa1; }
                .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:hover {
                  background-color: #555;
                  text-decoration: none; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.welcome-section {
      padding: 75px 0;
      border-radius: 20px;
      background-color: white; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.welcome-section h2 {
        text-align: center;
        font-size: 2em;
        display: block; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.welcome-section p {
        color: #969090;
        font-size: 1.3em;
        text-align: justify; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section {
      display: flex;
      flex-wrap: wrap;
      gap: 5%; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div {
        width: 47%; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow {
          margin: 50px auto 0;
          width: 100%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow > p > span {
            color: var(--heading-text-color);
            font-weight: 700;
            font-size: 1.2em;
            margin: 0 0 1rem;
            text-transform: capitalize; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow p {
            text-align: center;
            position: relative;
            background-color: #f8f8f8; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow p span {
              background-color: #f8f8f8;
              padding: 0 25px;
              position: relative;
              z-index: 1; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow p:after {
              content: "";
              height: 1px;
              width: 100%;
              background-color: #ccc;
              display: block;
              position: absolute;
              left: 0;
              top: 13px;
              z-index: 0; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .YourSocialLinksContainer p,
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .YourSocialLinksContainer p span {
            background-color: white; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons {
            margin: 20px auto 0;
            display: flex;
            justify-content: center;
            width: 100%;
            gap: 15px;
            text-align: center; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a {
              flex: 1;
              background-color: #165786;
              border-radius: 10px;
              padding: 15px;
              color: white; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a span {
                margin: 0 0 0 10px; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a svg {
                vertical-align: middle; }
                .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a svg path {
                  fill: white; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a:hover {
                text-decoration: none; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a:nth-child(1) {
                background-color: #1072ab; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a:nth-child(2) {
                background-color: #2e2e2e; }
              .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a:nth-child(3) {
                background-color: #4f6aa0; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section #theSkills {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        gap: 10px; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section #theSkills li {
          border: 1px solid #333;
          list-style: none;
          padding: 5px 10px;
          border-radius: 10px;
          margin: 0; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section h4 {
      font-size: 1.5em; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview {
      display: flex; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average {
        background-color: #fff;
        display: inline-block;
        padding: 40px 30px;
        border-radius: 15px; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average .star {
          xcolor: black;
          font-size: 3em;
          padding: 5px 0 4px 30px;
          background-size: 160px;
          background-repeat: no-repeat;
          background-image: url("/skins/0/images/stars1.png");
          background-position: 0px -3px; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats {
        padding: 15px;
        width: 50%; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div {
          background-color: #dddddd;
          margin: 5px 0 25px 150px;
          color: transparent;
          position: relative;
          border-radius: 25px;
          height: 15px; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div:before {
            content: "Below Average";
            font-size: 1em;
            display: inline-block;
            color: initial;
            xoutline: 1px solid red;
            margin: 0px 0 0 -125px;
            width: 125px;
            position: relative;
            top: -5px; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.excellent:before {
            content: "Excellent"; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.good:before {
            content: "Good"; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.average:before {
            content: "Average"; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.belowAverage:before {
            content: "Below Average"; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.poor:before {
            content: "Poor"; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div:after {
            content: "";
            background-color: #1dd85e;
            position: absolute;
            left: 0;
            height: 100%;
            width: 200px;
            border-radius: 25px; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating0:after {
            width: 0%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating1:after {
            width: 10%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating2:after {
            width: 20%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating3:after {
            width: 30%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating4:after {
            width: 40%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating5:after {
            width: 50%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating6:after {
            width: 60%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating7:after {
            width: 70%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating8:after {
            width: 80%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating9:after {
            width: 90%; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats div.rating10:after {
            width: 100%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews {
      margin: 10px 0 0;
      display: flex;
      gap: 15px; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review {
        background-color: #fff;
        display: inline-block;
        padding: 40px 30px;
        border-radius: 15px;
        flex: 1; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review .star {
          color: black;
          font-size: 0;
          background-size: 160px;
          background-repeat: no-repeat;
          margin: 0 0 15px 0; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review .name {
          margin: 10px 0 0; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review .loc {
          font-size: 0.9em;
          color: #666;
          margin: -7px 0 0; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review.stars5 .star {
          background-image: url("/skins/0/images/stars5.png"); }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review.stars4 .star {
          background-image: url("/skins/0/images/stars4.png"); }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review.stars3 .star {
          background-image: url("/skins/0/images/stars3.png"); }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review.stars2 .star {
          background-image: url("/skins/0/images/stars2.png"); }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review.stars1 .star {
          background-image: url("/skins/0/images/stars1.png"); }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker {
      background-color: #179ecb;
      min-height: 200px;
      position: relative; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker .video-form-section {
        margin: 0 0 0 auto;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        width: min-content;
        min-width: 70%;
        zborder-radius: 25px 0 0 25px;
        zoverflow: hidden; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker #theVideoEditor {
        background-color: white;
        padding: 1rem;
        margin-bottom: 1rem;
        border-radius: 0.75rem; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker a:not(#theNewVideo):not(.CancelAction) {
        background-color: white;
        border-radius: 10px;
        padding: 15px;
        color: #179ecb;
        position: absolute;
        top: 50%;
        left: 75px; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker a:not(#theNewVideo):not(.CancelAction):hover {
          text-decoration: none;
          background-color: #f9f9f9; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker a:not(#theNewVideo):not(.CancelAction) svg {
          width: 20px;
          vertical-align: middle;
          margin: 0 10px 0 0; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker a:not(#theNewVideo):not(.CancelAction) svg path {
            fill: #179ecb; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booking .labelGroup {
      background-color: var(--white); }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booking #theDateSummary {
      border-radius: 0.75rem; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info {
      background-image: linear-gradient(to bottom right, #14314f 70%, #2e5945 100%);
      color: white;
      position: relative;
      overflow: hidden; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info:before {
        content: "";
        background-image: url("/skins/0/images/thumbsup.png");
        background-size: auto 100%;
        background-position: right center;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        width: 50%;
        height: 128%;
        transform: translate(0%, -50%); }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info h3 {
        color: white; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info p {
        margin: 5px 0 20px;
        max-width: 50%; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info a {
        background-color: #2b9ecb;
        padding: 15px 25px;
        border-radius: 10px;
        color: white;
        display: inline-block; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info a:hover {
          text-decoration: none;
          background-color: #1f7ea3; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.contact-form-section form {
      zdisplay: flex;
      zflex-wrap: wrap; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.contact-form-section input {
      zbackground-color: white;
      zborder-radius: 10px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.contact-form-section #theNewForm {
      padding: 5px 1.25rem;
      position: relative;
      width: fit-content;
      border-radius: 9999px;
      background-color: var(--primary-button-bg-color);
      color: var(--white);
      display: block;
      margin-bottom: 1rem; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.footer {
      background-color: #093151;
      margin: 0 auto;
      max-width: 100%;
      border-radius: 50px 50px 0 0;
      color: white; }

/* @media (min-width: 1000px) { */
.notAuthenticated.stick
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-image-container
.profile-image {
  width: 60px;
  height: 60px;
  margin: 0; }

.notAuthenticated.stick
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content {
  padding: 40px 0 40px 0; }

.notAuthenticated.fixedHeader {
  padding: 130px 0 0;
  transition: all 0s ease-out 0s; }

.notAuthenticated.stick.fixedHeader
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2; }

/* }*/
@media screen and (min-width: 1010px) {
  .subPage.IAgentBusinessCard .mainBody h2 {
    display: initial; } }
.backButton .IAgentBusinessCardContainerWrap .SSFormBody {
  padding: 0; }

.IAgentBusinessCard div,
.IAgentBusinessCard td,
.IAgentBusinessCard table,
.IAgentBusinessCard span {
  xoutline: 1px solid red; }

.authenticated.IAgentBusinessCard.cropper {
  overflow: hidden; }
  .authenticated.IAgentBusinessCard.cropper:before {
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4; }
  .authenticated.IAgentBusinessCard.cropper form.profile-form {
    position: fixed;
    left: 5%;
    top: 0;
    background-color: white;
    width: 90%;
    height: 70%;
    z-index: 4;
    box-shadow: 0px 6px 28px -8px rgba(0, 0, 0, 0.2); }
    .authenticated.IAgentBusinessCard.cropper form.profile-form input {
      background-color: white;
      color: initial; }
    .authenticated.IAgentBusinessCard.cropper form.profile-form:before {
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.6);
      width: 100%;
      height: 100%; }
    .authenticated.IAgentBusinessCard.cropper form.profile-form #crop-tools {
      margin: 0 auto;
      text-align: center;
      background-color: white;
      padding: 30px;
      box-shadow: 0px 6px 28px -8px rgba(0, 0, 0, 0.2); }
      .authenticated.IAgentBusinessCard.cropper form.profile-form #crop-tools input.submit {
        border-radius: 30px;
        background-color: white;
        color: initial;
        border: 1px solid #ccc; }
.authenticated.IAgentBusinessCard.cropper-header {
  overflow: hidden; }
  .authenticated.IAgentBusinessCard.cropper-header:before {
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4; }
  .authenticated.IAgentBusinessCard.cropper-header form.dirty.header-form {
    position: fixed;
    left: 5%;
    top: 0;
    background-color: white;
    width: 90%;
    height: 70%;
    z-index: 4;
    box-shadow: 0px 6px 28px -8px rgba(0, 0, 0, 0.2); }
    .authenticated.IAgentBusinessCard.cropper-header form.dirty.header-form #crop-tools-header {
      margin: 0 auto;
      text-align: center;
      background-color: white;
      padding: 30px;
      box-shadow: 0px 6px 28px -8px rgba(0, 0, 0, 0.2); }
.authenticated.IAgentBusinessCard .iAgentBusinessCardBack {
  margin: 0px 0 0 0 !important;
  display: block;
  padding: 20px 0 0 20px;
  background-color: #f8f8f8; }
.authenticated.IAgentBusinessCard header,
.authenticated.IAgentBusinessCard .subMenuContainer,
.authenticated.IAgentBusinessCard footer,
.authenticated.IAgentBusinessCard .supportHelp,
.authenticated.IAgentBusinessCard .footer-nav {
  display: none; }
.authenticated.IAgentBusinessCard .mainBody {
  padding: 0; }
.authenticated.IAgentBusinessCard .IHomeContainer {
  background-color: transparent;
  border: none;
  padding: 0; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .toolbar {
  background-color: #f8f8f8;
  max-width: 100%;
  margin: 0;
  padding: 25px 15px 15px;
  border-radius: 0;
  display: flex;
  gap: 15px;
  display: flex;
  justify-content: space-between;
  /* Distributes space between items */
  align-items: center;
  /* Centers items vertically */ }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theSlugContainer {
  margin: 0;
  border: 1px solid #ccc;
  padding: 4px 15px 9px;
  border-radius: 30px;
  color: initial;
  flex: 0 0 50%; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theSlugContainer p {
    margin: 0; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theSlugContainer .PageURLNamespaceswillbeturnedintodashesforurlFields {
    color: initial; }
    .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theSlugContainer .PageURLNamespaceswillbeturnedintodashesforurlFields label {
      color: initial; }
    .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theSlugContainer .PageURLNamespaceswillbeturnedintodashesforurlFields input {
      color: initial;
      background-color: white;
      border: 1px solid #ccc; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theSlugContainer .viewer:after {
    content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' viewBox='0 0 24 24'><path d='m11.25 6c.398 0 .75.352.75.75 0 .414-.336.75-.75.75-1.505 0-7.75 0-7.75 0v12h17v-8.75c0-.414.336-.75.75-.75s.75.336.75.75v9.25c0 .621-.522 1-1 1h-18c-.48 0-1-.379-1-1v-13c0-.481.38-1 1-1zm-2.011 6.526c-1.045 3.003-1.238 3.45-1.238 3.84 0 .441.385.626.627.626.272 0 1.108-.301 3.829-1.249zm.888-.889 3.22 3.22 8.408-8.4c.163-.163.245-.377.245-.592 0-.213-.082-.427-.245-.591-.58-.578-1.458-1.457-2.039-2.036-.163-.163-.377-.245-.591-.245-.213 0-.428.082-.592.245z'/></svg>"); }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .select-palette,
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .select-stock-header {
  border: 1px solid #337ab7;
  padding: 5px 20px;
  display: inline-block;
  margin: 0;
  border-radius: 5px;
  font-size: 0.9em;
  align-items: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  margin-left: auto; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #thePreviewLink {
  background-color: deepskyblue;
  padding: 5px 20px;
  display: inline-block;
  margin: 0;
  border-radius: 5px;
  font-size: 0.9em;
  align-items: center;
  display: flex;
  border-radius: 30px;
  text-align: center;
  color: white; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header {
  background-color: transparent;
  position: relative; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theYourWelcomeSection {
  zborder: 1px solid #ccc;
  zpadding: 15px;
  zborder-radius: 30px;
  display: block; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theTitleEditor {
  width: 40%;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 15px; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-image-container {
  position: relative; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-image-container .header-image {
    position: relative; }
    .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-image-container .header-image:before {
      position: absolute;
      right: 20px;
      bottom: 0;
      width: 400px;
      height: 75%;
      border-radius: 20px 20px 0 0;
      content: "";
      background-color: rgba(255, 255, 255, 0.8);
      z-index: 1; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-image-container .select-stock-header {
    position: absolute;
    right: 90px;
    bottom: 160px;
    z-index: 1;
    width: 263px;
    text-align: center;
    display: block; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-image-container form {
    position: absolute;
    right: 84px;
    bottom: 92px;
    z-index: 1; }
    .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-image-container form input {
      border-radius: 30px;
      background-color: white;
      color: initial;
      border: 1px solid #ccc; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-content .viewer:after {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 24 24'><path d='m11.25 6c.398 0 .75.352.75.75 0 .414-.336.75-.75.75-1.505 0-7.75 0-7.75 0v12h17v-8.75c0-.414.336-.75.75-.75s.75.336.75.75v9.25c0 .621-.522 1-1 1h-18c-.48 0-1-.379-1-1v-13c0-.481.38-1 1-1zm-2.011 6.526c-1.045 3.003-1.238 3.45-1.238 3.84 0 .441.385.626.627.626.272 0 1.108-.301 3.829-1.249zm.888-.889 3.22 3.22 8.408-8.4c.163-.163.245-.377.245-.592 0-.213-.082-.427-.245-.591-.58-.578-1.458-1.457-2.039-2.036-.163-.163-.377-.245-.591-.245-.213 0-.428.082-.592.245z'/></svg>"); }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .header-content .profile-form input {
  border-radius: 30px; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theContactOptionsEditor,
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theReviewEditor {
  margin: 15px 0;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 15px;
  width: 100%; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap div.editor {
  margin: 15px 0;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 15px;
  width: 100%;
  background-color: var(--white); }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section {
  position: relative; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor div {
    width: 100%; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor table tr {
    flex-wrap: wrap; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor table td.FormFields {
    flex: none;
    width: 100%; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor table .list-builder {
    width: 100%; }
    .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor table .list-builder tr {
      flex-wrap: nowrap;
      border-bottom: 1px solid #333; }
      .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor table .list-builder tr td:last-child {
        text-align: right; }
        .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.editor table .list-builder tr td:last-child a {
          color: red; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .DoneAction:hover {
    background-color: #444; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .appointment-booker #theNewVideo {
  float: right;
  padding: 5px 1.25rem;
  position: relative;
  width: fit-content;
  border-radius: 9999px;
  margin: 1rem 0; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .contact-form-section .InstalltheembedjavascriptfromJotFormshereandsetupthewebhookintegrationinsettingsintegrationspointitathttpsapplifeleyqatechvapijotformstogetthedataleadshereautomaticallyFields {
  width: 100%; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .contact-form-section .InstalltheembedjavascriptfromJotFormshereandsetupthewebhookintegrationinsettingsintegrationspointitathttpsapplifeleyqatechvapijotformstogetthedataleadshereautomaticallyContainer {
  margin: 15px 0;
  border: 1px solid #ccc;
  padding: 4px 15px 9px;
  border-radius: 30px;
  width: 100%; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .contact-form-section .viewer:after {
  display: none; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .viewer:after {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='black' viewBox='0 0 24 24'><path d='m11.25 6c.398 0 .75.352.75.75 0 .414-.336.75-.75.75-1.505 0-7.75 0-7.75 0v12h17v-8.75c0-.414.336-.75.75-.75s.75.336.75.75v9.25c0 .621-.522 1-1 1h-18c-.48 0-1-.379-1-1v-13c0-.481.38-1 1-1zm-2.011 6.526c-1.045 3.003-1.238 3.45-1.238 3.84 0 .441.385.626.627.626.272 0 1.108-.301 3.829-1.249zm.888-.889 3.22 3.22 8.408-8.4c.163-.163.245-.377.245-.592 0-.213-.082-.427-.245-.591-.58-.578-1.458-1.457-2.039-2.036-.163-.163-.377-.245-.591-.245-.213 0-.428.082-.592.245z'/></svg>");
  margin: 0 0 0 10px;
  position: relative;
  top: 5px; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap #theNewReview {
  display: block; }
.authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .hider {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  height: 40px;
  margin: 0 0 10px 0;
  padding: 0.5rem 1.25rem;
  color: initial;
  background-color: #eee;
  border: 1px solid #dcdcdc;
  border-radius: 9999px; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .hider input[type="checkbox"] {
    zheight: 16px; }
  .authenticated.IAgentBusinessCard .IAgentBusinessCardContainerWrap .hider label {
    zmargin: 0 0 0 5px; }
.authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap {
  xbackground-color: white;
  xposition: relative; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .hider {
    background-color: #eee;
    padding: 5px 20px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0 0 -1px 2px;
    border-radius: 10px 10px 0 0; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .hider input {
      height: 16px;
      margin: 0 5px 0 0; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap #thePreviewLink {
    background-color: deepskyblue;
    padding: 10px 25px;
    color: white;
    position: absolute;
    top: -21px;
    right: 0px;
    z-index: 3;
    border-radius: 5px; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form {
    background-color: white;
    display: block;
    padding: 15px;
    border: 1px solid #ccc; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_ok_button,
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button {
      background-color: deepskyblue;
      padding: 10px 25px;
      color: white;
      font-size: 1em;
      border-radius: 3px;
      cursor: pointer;
      transition: all 0.3s ease-out 0s; }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_ok_button:hover,
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button:hover {
        background-color: #017cd8; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button {
      background-color: #ccc; }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button:hover {
        background-color: #999; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .list-builder {
    width: 100%; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .list-builder tr {
      background-color: #f9f9f9;
      display: flex;
      border-radius: 10px;
      margin: 0 0 5px 0;
      padding: 5px;
      border: 1px solid #ccc; }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .list-builder tr td:last-child {
        text-align: right; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .viewer {
    background-color: #f8f8f8 !important;
    padding: 10px 33px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px 17px;
    cursor: pointer; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .viewer:hover {
      background-image: url("/skins/0/images/pencil.svg");
      background-color: yellow !important; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer a:nth-child(2) {
    border: 1px solid #337ab7;
    padding: 5px 10px;
    display: inline-block;
    margin: 20px 0 20px;
    border-radius: 5px;
    font-size: 0.9em; }
  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div {
    border: 1px solid #ccc;
    xpadding: 10px;
    border-radius: 0 20px 20px 20px; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header {
      xbackground-image: url("https://plus.unsplash.com/premium_photo-1661776260388-f5d1b14ce8a2?q=80&w=3432&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
      xbackground-color: transparent;
      xborder: none; }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-image {
        margin: 0 0 15px 0; }
        .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-image ximg {
          width: initial;
          position: static;
          height: 100%;
          transform: none; }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content {
        margin: 0 auto;
        padding: 30px; }
        .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile {
          display: block;
          margin: 0; }
          .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-image-container .profile-image {
            margin: 0; }
          .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info {
            padding: 0;
            display: block; }
            .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info h2 {
              color: white;
              xfont-size: 1.5em;
              margin: 0; }
            .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info p {
              color: initial;
              xmargin: 0;
              font-size: 1em;
              font-weight: 700; }
            .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons {
              xposition: static;
              xmargin: 30px 0 0; }
              .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a {
                xmargin: 0 20px 0 0; }
                .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a svg {
                  xwidth: 20px;
                  xheight: 20px;
                  xvertical-align: middle; }
                  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a svg path {
                    xfill: white; }
                .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a:last-child {
                  xbackground-color: #2b9ecb;
                  xpadding: 8px 25px 10px; }
                  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a:last-child span {
                    xmargin: 0 0 0 15px; }
                  .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a:last-child:hover {
                    xbackground-color: #177aa1; }
                .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header x.header-content .agent-profile .profile-info .contact-buttons a:hover {
                  xbackground-color: #555;
                  xtext-decoration: none; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.welcome-section {
      xpadding: 0; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .hider {
      xmargin: 10px 0 0; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .about,
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .skills-section,
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .social-follow {
      xborder: 1px solid #ccc;
      xpadding: 10px;
      xmargin: 0 auto 0; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div {
      xwidth: 100%; }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .YourSocialLinksContainer p {
        background-color: var(--white); }
        .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .YourSocialLinksContainer p span {
          background-color: var(--white); }
      .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a {
        xdisplay: block !important; }
    .authenticated.IAgentBusinessCard x.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #rating-average {
      xdisplay: block; }

x.authenticated .IAgentBusinessCardContainerWrap {
  background-color: white;
  position: relative; }
  x.authenticated .IAgentBusinessCardContainerWrap .hider {
    background-color: #eee;
    padding: 5px 20px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0 0 -1px 2px;
    border-radius: 10px 10px 0 0; }
    x.authenticated .IAgentBusinessCardContainerWrap .hider input {
      height: 16px;
      margin: 0 5px 0 0; }
  x.authenticated .IAgentBusinessCardContainerWrap #thePreviewLink {
    background-color: deepskyblue;
    padding: 10px 25px;
    color: white;
    position: absolute;
    top: -21px;
    right: 0px;
    z-index: 3;
    border-radius: 5px; }
  x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form {
    background-color: white;
    display: block;
    padding: 15px;
    border: 1px solid #ccc; }
    x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_ok_button,
    x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button {
      background-color: deepskyblue;
      padding: 10px 25px;
      color: white;
      font-size: 1em;
      border-radius: 3px;
      cursor: pointer;
      transition: all 0.3s ease-out 0s; }
      x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_ok_button:hover,
      x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button:hover {
        background-color: #017cd8; }
    x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button {
      background-color: #ccc; }
      x.authenticated .IAgentBusinessCardContainerWrap .inplaceeditor-form .editor_cancel_button:hover {
        background-color: #999; }
  x.authenticated .IAgentBusinessCardContainerWrap .list-builder {
    width: 100%; }
    x.authenticated .IAgentBusinessCardContainerWrap .list-builder tr {
      background-color: #f9f9f9;
      display: flex;
      border-radius: 10px;
      margin: 0 0 5px 0;
      padding: 5px;
      border: 1px solid #ccc; }
      x.authenticated .IAgentBusinessCardContainerWrap .list-builder tr td:last-child {
        text-align: right; }
  x.authenticated .IAgentBusinessCardContainerWrap .viewer {
    background-color: #f8f8f8 !important;
    padding: 10px 33px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px 17px;
    cursor: pointer; }
    x.authenticated .IAgentBusinessCardContainerWrap .viewer:hover {
      background-image: url("/skins/0/images/pencil.svg");
      background-color: yellow !important; }
  x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer a:nth-child(2) {
    border: 1px solid #337ab7;
    padding: 5px 10px;
    display: inline-block;
    margin: 20px 0 20px;
    border-radius: 5px;
    font-size: 0.9em; }
  x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div {
    border: 1px solid #ccc;
    xpadding: 10px;
    border-radius: 0 20px 20px 20px; }
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header {
      xbackground-image: url("https://plus.unsplash.com/premium_photo-1661776260388-f5d1b14ce8a2?q=80&w=3432&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
      background-color: transparent;
      border: none; }
      x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image {
        margin: 0 0 15px 0; }
        x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image img {
          width: initial;
          position: static;
          height: 100%;
          transform: none; }
      x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content {
        margin: 0 auto;
        padding: 30px; }
        x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile {
          display: block;
          margin: 0; }
          x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-image-container .profile-image {
            margin: 0; }
          x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info {
            padding: 0;
            display: block; }
            x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info h2 {
              color: white;
              xfont-size: 1.5em;
              margin: 0; }
            x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info p {
              color: initial;
              xmargin: 0;
              font-size: 1em;
              font-weight: 700; }
            x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons {
              position: static;
              margin: 30px 0 0; }
              x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a {
                margin: 0 20px 0 0; }
                x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a svg {
                  width: 20px;
                  height: 20px;
                  vertical-align: middle; }
                  x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a svg path {
                    fill: white; }
                x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child {
                  background-color: #2b9ecb;
                  padding: 8px 25px 10px; }
                  x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child span {
                    xmargin: 0 0 0 15px; }
                  x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:last-child:hover {
                    background-color: #177aa1; }
                x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a:hover {
                  background-color: #555;
                  text-decoration: none; }
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.welcome-section {
      xpadding: 0; }
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .hider {
      margin: 10px 0 0; }
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .about,
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .skills-section,
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section .social-follow {
      border: 1px solid #ccc;
      padding: 10px;
      margin: 0 auto 0; }
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div {
      width: 100%; }
      x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a {
        display: block !important; }
    x.authenticated .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #rating-average {
      display: block; }

@media (max-width: 1400px) {
  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div {
    background-color: #fafafa;
    margin: 0 20px 60px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header {
      margin: 0 auto 0;
      xpadding: 400px 40px 25px; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile {
        max-width: 95%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats {
      width: 75%; } }
@media (max-width: 800px) {
  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div {
    padding: 25px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.toolbar .select-palette {
      position: absolute;
      top: 16px;
      right: 120px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.toolbar #thePreviewLink {
      position: absolute;
      top: 16px;
      right: 15px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.toolbar #theSlugContainer {
      flex: 0 0 100%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header {
      margin: 0 auto 0; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image-container .header-image {
        height: 140px; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image-container .header-image:before {
          height: 100%; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image-container .select-stock-header {
        bottom: 80px; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-image-container form {
        bottom: 25px; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-image-container .profile-image {
        width: 80px;
        height: 80px;
        margin: -115px 0 0; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info {
        width: 100%;
        flex-grow: unset;
        padding: 0 0 0 25px;
        display: flex;
        flex-wrap: wrap; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons {
          margin: 15px 0 0;
          width: 100%;
          position: static;
          display: flex;
          flex-wrap: wrap;
          gap: 5px; }
          .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a {
            padding: 8px 10px 10px;
            margin: 0 10px 0 0; }
            .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.header .header-content .agent-profile .profile-info .contact-buttons a svg {
              width: 15px;
              height: 15px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div {
      width: 100%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons {
      flex-wrap: wrap; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.about-section div.social-follow .follow-buttons a {
        flex: none;
        width: 47%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview {
      flex-wrap: wrap; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section .rating-average-overview .rating-average-stats {
        width: 100%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #rating-average {
      display: block; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews {
      flex-wrap: wrap;
      gap: 15px; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.ratings-section #theReviews .review {
        flex: none;
        width: 100%; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker {
      xbackground-color: #179ecb; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker .video-form-section {
        xmargin: 0; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker #theVideoForm {
        display: block; }
        .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker #theVideoForm iframe {
          width: 100%;
          height: auto; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info {
      background-image: none;
      background-color: #093151; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.insurance-info p {
        max-width: 100%; } }
@media (max-width: 500px) {
  .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker {
    xbackground-color: #179ecb;
    display: flex;
    flex-wrap: wrap;
    zpadding: 25px 0 0; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker a:not(#theNewVideo) {
      position: static;
      order: 1;
      margin: 0 0 25px 25px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker .video-form-section {
      margin: 0;
      order: 2;
      width: 100%;
      border-radius: 25px; }
    .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker #theVideoForm {
      display: block;
      width: 100%; }
      .IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.appointment-booker #theVideoForm iframe {
        width: 100%;
        height: auto; } }
/* Body */
.IAgentBusinessCardContainerWrap {
  background-color: var(--body-bg-color);
  color: var(--body-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.welcome-section
h2,
.IAgentBusinessCardContainerWrap h3,
.IAgentBusinessCardContainerWrap h4 {
  color: var(--heading-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.welcome-section
p {
  color: var(--body-text-color); }

/* Header Section */
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content {
  background-color: var(--header-bar-bg-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a {
  background-color: var(--tertiary-button-bg-color);
  color: var(--white); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a:first-child {
  background-color: var(--tertiary-button-bg-color);
  color: var(--primary-button-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a:first-child:hover {
  background-color: var(--tertiary-button-bg-hover-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a
svg
path {
  fill: var(--tertiary-button-svg-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a:hover {
  background-color: var(--tertiary-button-bg-hover-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a:last-child {
  background-color: var(--primary-button-bg-color);
  color: var(--primary-button-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a:last-child:hover {
  background-color: var(--primary-button-bg-hover-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.header
.header-content
.agent-profile
.profile-info
.contact-buttons
a:last-child
svg
path {
  fill: var(--primary-button-svg-color); }

/* Sections */
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div:not(.toolbar),
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.about-section
div.social-follow
p,
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.about-section
div.social-follow
p
span {
  background-color: var(--section-bg-color); }

.authenticated.IAgentBusinessCard
.IAgentBusinessCardContainerWrap
.hider
label {
  xcolor: var(--body-text-color); }

.IAgentBusinessCardContainerWrap .SSFormBody .FormTable label {
  color: var(--body-text-color); }

.IAgentBusinessCardContainerWrap textarea,
.IAgentBusinessCardContainerWrap input:not([type="submit"]) {
  background-color: var(--input-bg-color);
  color: var(--body-text-color); }

.IAgentBusinessCardContainerWrap input.SaveAction,
.IAgentBusinessCardContainerWrap input.AddAction {
  background-color: var(--primary-button-bg-color);
  color: var(--primary-button-text-color); }

/* About */
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.welcome-section {
  background-color: var(--welcome-bg-color); }

.IAgentBusinessCardContainerWrap h2 {
  color: var(--heading-text-color); }

/* Booker Appointment By Agent, All Booker Appointment */
.IBookerAppointmentsByAgent #theSearchResultsAjax,
.IAllBookerAppointments #theSearchResultsAjax {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

/* Book an Appointment Section */
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.appointment-booker {
  background-color: var(--appointment-bg-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.appointment-booker
a:not(.CancelAction) {
  background-color: var(--secondary-button-bg-color);
  color: var(--secondary-button-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.appointment-booker
a:hover {
  background-color: var(--secondary-button-bg-hover-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.appointment-booker
a
svg
path {
  fill: var(--secondary-button-svg-color); }

/* Website Section */
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.insurance-info {
  background-image: linear-gradient(to bottom right, var(--section-bg-fade-start) 70%, var(--section-bg-fade-end) 100%); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.insurance-info
a {
  background-color: var(--primary-button-bg-color);
  color: var(--primary-button-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.insurance-info
a:hover {
  background-color: var(--primary-button-bg-hover-color); }

/* Reviews */
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.ratings-section
#rating-average,
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.ratings-section
#theReviews
.review,
.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.ratings-section
.rating-average-overview
.rating-average {
  background-color: var(--reviews-bg-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.ratings-section
.rating-average-overview
.rating-average-stats
div:before {
  color: var(--body-text-color); }

.IAgentBusinessCardContainerWrap
.IAgentBusinessCardContainer
> div.ratings-section
#rating-average
.star {
  color: var(--body-text-color); }

/* Footer Section */
.IAgentBusinessCardContainerWrap .IAgentBusinessCardContainer > div.footer {
  background-color: var(--footer-bar-bg-color);
  color: var(--white); }

/* Image uploader crop tools */
#crop-tools input {
  margin: 5px; }

#crop-tools {
  margin: 0 auto;
  text-align: center; }

#canvas {
  height: 400px;
  width: 400px;
  background-color: #ffffff;
  cursor: default;
  border: 1px solid black; }

#crop-tools-header input {
  margin: 5px; }

#crop-tools-header {
  margin: 0 auto;
  text-align: center; }

#canvas-header {
  height: 400px;
  width: 400px;
  background-color: #ffffff;
  cursor: default;
  border: 1px solid black; }

/* Help Section */
.helpSection {
  position: fixed;
  top: 6rem;
  top: 0rem;
  right: -400px;
  transition: all 0.3s ease-out 0s;
  width: 400px;
  height: 100%;
  color: #333;
  z-index: 2;
  font-size: 1.1em;
  line-height: 1.7em;
  z-index: 4; }
  .helpSection h3 {
    font-size: 2em;
    line-height: 1.3em;
    margin: 0; }
  .helpSection h4 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 0; }
  .helpSection ul {
    padding: 0; }
  .helpSection li {
    margin: 10px 0px;
    line-height: 1.4; }

.helpSection.open {
  right: 0; }

.helpSection .icon {
  top: 6rem;
  position: absolute;
  left: -50px;
  background-color: darkorange;
  color: white;
  padding: 1.25rem 1.25rem 0.75rem;
  font-size: 2em;
  font-weight: 500;
  border-radius: 50% 0 0 50%;
  cursor: pointer;
  transition: all 0.3s ease-out 0s; }

.helpSection .icon:hover {
  background-color: #d96e00;
  text-decoration: none; }

.helpSection.open .icon {
  background-color: darkorange;
  color: #fff;
  padding: 0.75rem 1.05rem 0.55rem;
  font-size: 1.5em;
  text-transform: uppercase; }

.helpSection.open .icon:hover {
  padding: 0.75rem 1.05rem 0.55rem;
  font-size: 1.5em;
  text-decoration: none; }

.helpSection .content {
  background-color: white;
  padding: 0;
  height: 100%;
  border-radius: 0;
  xbox-shadow: 0 6px 5px 4px rgba(0, 0, 0, 0);
  transition: all 0.3s ease-out 0s;
  overflow-y: scroll; }

.onFirstLogin .helpSection .content div.mandatoryTitle {
  display: block !important; }

.helpSection .content div.mandatoryTitle {
  background-color: red;
  color: white !important;
  padding: 2rem; }

.helpSection .mandatoryTitle h3 {
  color: white; }

.helpSection .content div {
  padding: 0 2rem; }

.helpSection .content div:nth-child(2) {
  border-radius: 0;
  background-color: #ffffff;
  padding: 2rem; }

.helpSection .content div:nth-child(3) {
  padding: 0.25rem 2rem; }

.helpSection .content div:nth-child(3) {
  background-color: #f5f5f5;
  padding: 2rem; }

.helpSection .content div:nth-child(3) ul {
  padding: 0 0 0 0.5rem;
  margin: 0; }

.helpSection.open .content {
  xbox-shadow: -5px 20px 0px 5px rgba(0, 0, 0, 0.1); }

.helpSection .managerContact span {
  display: block;
  font-weight: 700; }

@media screen and (max-width: 900px) {
  .helpSection {
    right: -26rem; }

  .helpSection .content {
    width: 26rem; }

  .helpSection .icon {
    right: 24.5rem; } }
@media screen and (max-width: 450px) {
  .helpSection.open {
    z-index: 9; }

  .helpSection.open .content {
    width: 100%; }

  .helpSection.open .icon {
    top: 0;
    right: 0; } }
.notAuthenticated.IAgentApply.Module-Recruiting {
  background-color: #f5f5f5; }

.notAuthenticated.IAgentApply.Module-Recruiting .contentHead {
  display: none; }

.notAuthenticated.IAgentApply.Module-Recruiting input.formField.text,
.notAuthenticated.IAgentApply.Module-Recruiting select.formField {
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
  padding: 0.5rem 0;
  text-indent: 1rem;
  background-color: white; }

.notAuthenticated.IAgentApply.Module-Recruiting select.formField {
  text-indent: 0.35rem;
  height: 52px; }

.notAuthenticated.IAgentApply.Module-Recruiting main {
  display: block;
  max-width: 1280px;
  background-color: white; }

.notAuthenticated.IAgentApply.Module-Recruiting .mainContainer {
  background-color: white;
  width: 100%;
  border-radius: 0;
  box-shadow: none; }

@media screen and (min-width: 1010px) {
  .notAuthenticated.IAgentApply.Module-Recruiting .mainContainer {
    margin: 0; } }
.notAuthenticated.IAgentApply.Module-Recruiting .IAgentApplyFields table {
  width: 100%;
  padding: 0;
  background-color: transparent; }

.IAgentApply.Module-Recruiting .IAgentApplyFields table td,
.IHireAgent td {
  width: 50%; }

.notAuthenticated.IAgentApply.Module-Recruiting .IAgentApplyFields table label {
  margin: 0.5rem 0 0;
  font-size: 0.9em; }

.notAuthenticated.IAgentApply.Module-Recruiting h1 {
  display: none; }

.notAuthenticated.IAgentApply.Module-Recruiting footer {
  display: none; }

@media screen and (max-width: 767px) {
  .notAuthenticated.IAgentApply.Module-Recruiting .mainBody {
    padding: 0; }

  .notAuthenticated.IAgentApply.Module-Recruiting .IAgentApplyFields table td {
    width: 100%;
    margin: 0.5rem 0;
    padding: 0;
    display: block; }

  .notAuthenticated.IAgentApply.Module-Recruiting
  .IAgentApplyFields
  input.formField.text {
    width: 97%; }

  .IAgentApply.Module-Recruiting .IAgentApplyFields table td,
  .IHireAgent td {
    width: 100%; }

  .IHireAgent td label {
    white-space: normal; } }
.notAuthenticated.IAgentApply.Module-Recruiting.UnInvited .mainContainer {
  background-color: white !important; }

.notAuthenticated.IAgentApply.Module-Recruiting.UnInvited .mainBody {
  padding: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting label {
  white-space: normal; }

.notAuthenticated.IAgentApply.Module-Recruiting.UnInvited .SSForm {
  padding: 0; }

/* Open Application Invited */
.notAuthenticated.IAgentApply.Module-Recruiting.Invited {
  background-color: #f0f2f5 !important; }

.notAuthenticated.IAgentApply.Module-Recruiting * {
  box-sizing: border-box;
  xfont-size: 1.2em;
  xline-height: 1.7em; }

.notAuthenticated.IAgentApply.Module-Recruiting h1 {
  display: block;
  color: white;
  font-size: 2.5rem;
  line-height: 1.4em;
  font-weight: 700;
  text-align: center;
  font-family: Oswald;
  margin: 0;
  text-transform: uppercase; }

.notAuthenticated.IAgentApply.Module-Recruiting .applyTop p {
  color: white;
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight: 500;
  text-align: center !important;
  border: none !important;
  margin: 0 !important;
  padding: 2rem 12rem !important; }

a.priority.joinButton {
  border: 1px solid white;
  padding: 0.5rem;
  width: 200px;
  display: block;
  margin: 0 auto;
  color: white;
  border-radius: 2rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }

a.priority.joinButton:hover {
  text-decoration: underline;
  xcolor: black; }

a.priority.joinButton:after {
  background-color: white; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited footer {
  display: block; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited main {
  max-width: 100%; }

.notAuthenticated.IAgentApply.Module-Recruiting .SSForm {
  border: none;
  box-shadow: none;
  background-color: transparent;
  padding: 8rem 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited main,
.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainContainer {
  background-color: transparent;
  padding: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
#openApply
div.container {
  padding: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited #openApply .topContent {
  margin: 0 auto;
  max-width: 600px;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 4rem 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .topContent .top {
  display: block;
  width: 100%; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
#openApply
.topContent
img {
  width: 100%; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .contentHead h1 {
  display: none; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .topContent h1 {
  color: white;
  font-size: 2em;
  margin: 2rem 0 0;
  display: block; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .topContent p {
  color: white;
  margin: 1rem 0 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody {
  max-width: 100%;
  margin: 0px auto;
  position: relative;
  z-index: 1;
  background-color: transparent;
  border: none;
  padding: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody section {
  width: 100%;
  margin: 0;
  padding: 6rem 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
div.container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.cta
a
svg
path {
  fill: #333; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .white {
  background-color: white; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .shadow {
  box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.2); }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.topContent {
  background-image: url("/skins/0/images/profile-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.aboutContent {
  position: relative; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.aboutContent:before {
  content: "";
  position: absolute;
  top: -100px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100vw solid white;
  border-top: 100px solid transparent;
  right: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.topContent:before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 50vw solid white;
  border-top: 100px solid transparent;
  right: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
h2 {
  color: white; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
p {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  margin: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
p
strong {
  font-size: 1.4em;
  font-weight: 500; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
.divider {
  background-color: white; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody section.bio {
  width: 100%;
  margin: 0;
  padding: 6rem 0;
  position: relative; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.bio:after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 30px solid white;
  left: 50%;
  margin-left: -80px; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li {
  font-size: 1.2em;
  font-weight: 500;
  border-radius: 0;
  margin: 0px 0.25%;
  position: relative;
  background-color: white;
  line-height: 1.4;
  width: 32.33%;
  text-align: center;
  padding: 3rem 4rem;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent;
  list-style: none; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li:hover {
  border: 2px solid white;
  box-shadow: 0px 8px 7px rgba(0, 0, 0, 0.25); }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li
span {
  display: block;
  margin: 0.5rem 0 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li
span.icon {
  border: 2px solid #ddd;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
  padding: 13px 0 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li
svg {
  display: block;
  top: 0;
  margin: 0 auto;
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
  width: 35px; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li
svg
path {
  fill: black;
  transition: all 0.3s ease-in-out; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li:hover
svg {
  transform: rotate(450deg);
  width: 35px; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent
li:hover
svg
path {
  fill: #96c232; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.startCareer {
  background-color: #03bbe7;
  padding: 8rem 0;
  xbackground-image: url("/images/smile-girl4.png") !important;
  background-position: calc(50% + 15rem) center;
  background-repeat: no-repeat;
  background-size: 20rem;
  position: relative; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.startCareer:after {
  content: "";
  position: absolute;
  bottom: -29px;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 30px solid #03bbe7;
  left: 50%;
  margin-left: -80px; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.startCareer
.top {
  width: 100%; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.startCareer
h2 {
  width: 100%;
  text-align: center;
  color: white;
  line-height: 1.4em; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent.container
.left
li
svg
path {
  fill: orange; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent.container
.left
.top {
  background-color: #999;
  background-image: url("https://join.lifeley.com/uploads/1/2/3/7/123730315/background-images/1007203267.jpg");
  padding: 8rem 2rem 0;
  color: white;
  text-transform: uppercase;
  line-height: 1;
  font-size: 2em;
  background-size: cover;
  background-position: 0 44%; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.topContent.container
.left
p {
  color: initial;
  text-align: left;
  font-size: inherit;
  border: none;
  margin: 0;
  padding: 1rem 0 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section
div.container {
  max-width: 1280px;
  margin: 0 auto; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop {
  background-image: url("/skins/0/images/appbg2.jpg");
  background-size: cover;
  background-position: center;
  margin-bottom: 0;
  background-repeat: no-repeat;
  position: relative;
  padding: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.9); }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
.wrap {
  padding: 6rem 1.5rem 12rem;
  position: relative; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
.wrap:before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0;
  height: 0;
  border-left: 50vw solid white;
  border-right: 100px solid transparent;
  border-top: 100px solid transparent;
  left: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
.wrap:after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 50vw solid white;
  border-top: 100px solid transparent;
  right: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
.container {
  position: relative; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
div {
  color: white;
  xfont-size: 2em;
  line-height: 1.4em;
  font-weight: 700; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
div.title {
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  padding: 2.5rem !important;
  text-align: center; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
div.left {
  color: white;
  font-size: 2.4em;
  max-width: 49%;
  margin: 0;
  display: inline-block;
  vertical-align: top; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
section.applyTop
div.right
svg {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 4rem 0 0 3rem; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.mainBody
.referring-agent {
  width: 100%; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody table {
  margin: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody p {
  padding: 1rem 1rem 1.5rem;
  margin: 0 0 1rem;
  border-radius: 0;
  text-align: center; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
#theEmailAjax
label:last-child {
  background-color: #f5f5f5;
  color: #999;
  height: 34px;
  padding: 0.5rem 0;
  margin: 0;
  text-indent: 1.5rem; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .profile-image {
  background-color: #b4b4b4;
  height: 250px;
  display: block;
  width: 250px;
  margin: 0 2rem 0 0;
  border-radius: 36%;
  overflow: hidden;
  position: relative;
  top: 0;
  margin: -14rem auto 2rem !important;
  box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.25s; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .profile-image:hover {
  box-shadow: 0px 2px 3px 6px rgba(0, 0, 0, 0.15);
  top: -4px; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .profile-image img {
  width: 275px;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .profile-name {
  text-align: center;
  font-weight: 700;
  margin: 1rem auto 0;
  font-size: 2em;
  text-transform: uppercase;
  display: block;
  font-family: oswald; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited span.divider {
  display: block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 1em;
  color: #777;
  background-color: #0097bf;
  width: 125px;
  height: 4px;
  margin: 0 auto 0.5rem !important; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .profile-name span {
  margin: 0 0 0 0.25rem;
  display: block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 0.8em;
  color: #777;
  font-family: BlinkMacSystemFont, "“Segoe UI”", Roboto, Helvetica, Arial, sans-serif;
  margin: 15px auto 0 !important;
  display: block; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody p.bio {
  text-align: center;
  display: block;
  color: black;
  margin: 0; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.IAgentApplyContainer
.SSFormBody {
  max-width: 1280px;
  margin: 0 auto; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.IAgentApplyContainer
h2 {
  text-align: center; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited table {
  background-color: transparent !important; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited h2 {
  color: inherit;
  font-size: 2.2em;
  font-family: oswald;
  text-transform: uppercase;
  text-align: center;
  display: block;
  border: none; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.nameClone
.profile-name
span {
  display: none; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.nameClone
.profile-name {
  margin: 0;
  font-size: 1em;
  font-family: oswald;
  display: inline; }

.notAuthenticated.IAgentApply.Module-Recruiting.Invited
.IAgentApplyContainer
h2
.profile-name
.notAuthenticated.IAgentApply.Module-Recruiting.Invited
table {
  background-color: transparent !important; }

@media screen and (max-width: 1000px) {
  .notAuthenticated.IAgentApply.Module-Recruiting .applyTop p {
    padding: 2rem 0 !important; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .mainBody
  section.applyTop
  .wrap {
    padding: 3rem 1.5rem 8rem; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited .profile-image {
    margin: -10rem auto 2rem !important; }

  .notAuthenticated.IAgentApply.Module-Recruiting h1 {
    font-size: 1.5em; }

  .notAuthenticated.IAgentApply.Module-Recruiting .applyTop p {
    font-size: 1em; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .mainBody
  .topContent
  li {
    width: 100%;
    margin: 1rem; }

  .lifeleyPathsvg {
    width: 100%; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited h2,
  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .nameClone
  .profile-name {
    font-size: 1.5em; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .IAgentApplyContainer {
    padding: 4rem 1rem; } }
@media screen and (max-width: 900px) {
  .notAuthenticated.IAgentApply.Module-Recruiting.Invited #openApply {
    min-height: 380px;
    height: 380px; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  #openApply
  .topContent {
    padding: 2rem 0; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited .responsiveMenu {
    display: none !important; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  #openApply
  .topContent
  img {
    width: 70%; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited .topContent h1 {
    font-size: 1.5em;
    line-height: 1.4em;
    font-weight: 500; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited .mainBody p {
    padding: 0.5rem 1rem 0.75rem;
    border-bottom: none;
    margin: 0; } }
@media screen and (max-width: 650px) {
  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .mainBody
  section.applyTop
  .wrap:before {
    border-right: 50px solid transparent;
    border-top: 50px solid transparent; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .mainBody
  section.applyTop
  .wrap:after {
    border-left: 50px solid transparent;
    border-top: 50px solid transparent; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .mainBody
  section.startCareer {
    background-position: calc(-155% + 15rem) center; }

  .notAuthenticated.IAgentApply.Module-Recruiting.Invited
  .mainBody
  section.startCareer
  h2 {
    width: 70%;
    margin: 1rem; } }
/* Invited Agent Registration */
.IAgentApply.Module-Recruiting.UnInvited {
  margin: 0;
  background-color: #222 !important;
  position: relative;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  background-image: url("/skins/0/images/login-bg-small.jpg"); }
  .IAgentApply.Module-Recruiting.UnInvited:before {
    background-color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute; }
  .IAgentApply.Module-Recruiting.UnInvited .iAgentApplyBack {
    display: none; }
  .IAgentApply.Module-Recruiting.UnInvited .ISkinContainer {
    margin: 0 auto;
    display: flex;
    xheight: initial;
    background-color: transparent;
    xjustify-content: center;
    max-width: 1280px;
    height: 100vh;
    flex-wrap: wrap; }
  .IAgentApply.Module-Recruiting.UnInvited main {
    margin: 0 auto;
    display: flex;
    height: 100%;
    background-color: transparent;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  .IAgentApply.Module-Recruiting.UnInvited .mainBody {
    display: flex;
    flex-wrap: wrap; }
  .IAgentApply.Module-Recruiting.UnInvited .registrationLeft {
    background-image: url("/skins/0/images/reg7.jpg");
    width: 40%;
    display: block !important;
    position: relative; }
    .IAgentApply.Module-Recruiting.UnInvited .registrationLeft:before {
      content: "";
      background-color: rgba(21, 77, 102, 0.8);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .IAgentApply.Module-Recruiting.UnInvited .registrationLeft .content {
      position: relative;
      text-align: right;
      padding: 30px; }
      .IAgentApply.Module-Recruiting.UnInvited .registrationLeft .content h1 {
        color: white;
        text-align: right; }
      .IAgentApply.Module-Recruiting.UnInvited .registrationLeft .content h2 {
        color: white; }
  .IAgentApply.Module-Recruiting.UnInvited .leftNav {
    xdisplay: block;
    position: static;
    width: 40%;
    box-shadow: none;
    border: none;
    height: initial; }
    .IAgentApply.Module-Recruiting.UnInvited .leftNav .leftNavContent {
      display: none; }
  .IAgentApply.Module-Recruiting.UnInvited .mainContainer {
    xwidth: 60%; }
    .IAgentApply.Module-Recruiting.UnInvited .mainContainer .IAgentApplyFields table {
      margin: 5px 0 0; }
      .IAgentApply.Module-Recruiting.UnInvited .mainContainer .IAgentApplyFields table label {
        margin: 0; }
    .IAgentApply.Module-Recruiting.UnInvited .mainContainer .IHireAgent td {
      padding: 0 0.25rem; }
  .IAgentApply.Module-Recruiting.UnInvited .IAgentApplyContainer {
    width: 60%;
    padding: 30px !important; }
    .IAgentApply.Module-Recruiting.UnInvited .IAgentApplyContainer .SSFormBody {
      border: none;
      padding: 0; }

@media screen and (min-width: 1366px) {
  .IAgentApply.Module-Recruiting.UnInvited main {
    max-width: 1280px; }

  .IAgentApply.Module-Recruiting.UnInvited .mainContainer {
    padding: 0; } }
@media screen and (min-width: 1000px) and (max-width: 1366px) {
  .IAgentApply.Module-Recruiting.UnInvited .mainContainer {
    padding: 0; } }
@media screen and (max-width: 1000px) {
  .IAgentApply.Module-Recruiting.UnInvited .registrationLeft {
    height: initial; } }
@media screen and (max-width: 800px) {
  .IAgentApply.Module-Recruiting.UnInvited .registrationLeft {
    display: none; }
  .IAgentApply.Module-Recruiting.UnInvited .IAgentApplyContainer {
    width: 100%; } }
/* Static Page Quick Links */
.mainBody.quickLinksMainContainer {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  border: none; }

.IStaticPage .mainContainer .contentHead {
  padding: 30px 30px 0; }

.quickLinks.contentContainer {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  margin: 50px 0 0;
  border: none; }

.quickLinks div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1.5rem 0; }

.quickLinks div h2 {
  width: 100%;
  border: none;
  padding: 0 0 0 0.5rem;
  margin: 0; }

.quickLinks div li {
  width: 32.333%;
  width: 24%;
  margin: 0.5%;
  list-style: none; }
  .quickLinks div li.lifeleyBible {
    display: none; }

.quickLinks div a {
  width: 100%;
  display: block;
  background-color: white;
  padding: 2rem 1rem;
  text-align: center;
  border-radius: 1rem;
  zborder-radius: 0;
  box-sizing: border-box;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-out 0s;
  zborder: 1px solid transparent;
  border-radius: 0.75rem;
  xbackground-color: #f9f9f9; }

.quickLinks div a:hover {
  zborder: 1px solid #ddd;
  background-color: #f5f5f5;
  text-decoration: none; }

.quickLinks div a span.linkLogoContainer {
  max-height: 100%; }

.quickLinks div a span.linkLogoContainer img {
  border-radius: 50%;
  background-color: #eee;
  padding: 1rem;
  display: block;
  height: 75px;
  width: 75px;
  margin: 0 auto;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-out 0s; }

.quickLinks div a:hover span.linkLogoContainer img {
  box-shadow: 0px 7px 2px rgba(0, 0, 0, 0.2); }

.quickLinks div .hubspot a span.linkLogoContainer img {
  background-color: #fb9061; }

.quickLinks div .agentResource a span.linkLogoContainer img {
  background-color: #96c232; }

.quickLinks div .flockMessaging a span.linkLogoContainer img {
  background-color: #31ba5a; }

.quickLinks div .lifeleyBible a span.linkLogoContainer img {
  background-color: #000; }

.quickLinks div .joinLifeley a span.linkLogoContainer img {
  background-color: #0097bf; }

.quickLinks div .proVista a span.linkLogoContainer img {
  background-color: #73cef1; }

.quickLinks div .flexQuote a span.linkLogoContainer img {
  background-color: #c38a3c; }

.quickLinks div .bestPlanPro a span.linkLogoContainer img {
  background-color: #43454a; }

.quickLinks div .mutualOmahaQuoteTool a span.linkLogoContainer img {
  background-color: #000; }

.quickLinks div .phoneSalesPlatform a span.linkLogoContainer img {
  background-color: #13833c; }

.quickLinks div .phoneSalesScripting a span.linkLogoContainer img {
  background-color: #00c3f1; }

.quickLinks div .aquityCalendar a span.linkLogoContainer img {
  background-color: #636d79; }

.quickLinks div .onboardingTraining a span.linkLogoContainer img {
  background-color: #42b09c; }

.quickLinks div .leadsTraining a span.linkLogoContainer img {
  background-color: burlywood; }

.quickLinks div .salesTraining a span.linkLogoContainer img {
  background-color: #0097bf; }

.quickLinks div .lifeleyTraining a span.linkLogoContainer img {
  background-color: #03c0e5; }

.quickLinks div a span {
  display: block; }

.quickLinks div a span.name {
  margin: 1rem 0 0; }

@media screen and (max-width: 1000px) {
  .quickLinks div {
    width: 100%;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 2rem 0; }

  .quickLinks div:last-child {
    border-bottom: none; } }
@media screen and (max-width: 850px) {
  .quickLinks div li {
    width: 49%; } }
@media screen and (max-width: 500px) {
  .quickLinks div li {
    width: 100%; } }
@keyframes searchingShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
.searching .availableLeadsToSell tr {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: searchingShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  position: relative;
  height: 55px;
  width: 100%;
  display: block; }
  .searching .availableLeadsToSell tr:first-child {
    display: none; }

.searching .availableLeadsToSell tr td {
  font-size: 0 !important; }
  .searching .availableLeadsToSell tr td input {
    display: none !important; }
  .searching .availableLeadsToSell tr td select {
    display: none; }

.searching .lead-map {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: searchingShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  position: relative; }
  .searching .lead-map div {
    display: none; }

/* Buy Leads */
.IAvailableLeadsFields table td {
  width: 33.333%; }

/* Checkout Page for Leads */
@media screen and (min-width: 1100px) {
  .ILeadCheckoutFields {
    display: flex;
    flex-wrap: wrap; }

  .safari .ILeadCheckoutFields {
    display: block; }

  .ILeadCheckoutFields .FormTable {
    width: 100%; } }
@media screen and (min-width: 750px) {
  .safari .ILeadCheckoutFields td {
    width: 50%; } }
.ILeadCheckoutFields td label + span {
  padding: 0.5rem;
  display: block;
  background-color: #f9f9f9;
  color: #888; }

.ILeadCheckout .contentHead {
  padding: 1.5rem 30px 0;
  max-width: 100%;
  margin: 0; }

.ILeadCheckout .mainBody {
  position: relative; }

.ILeadCheckoutContainer {
  max-width: 60%;
  xbackground-color: #fff;
  xborder: 1px solid #dcdcdc;
  xpadding: 30px; }

@media screen and (max-width: 1625px) {
  .ILeadCheckout .contentHead {
    padding: 1.5rem 30px; } }
.SSFormBody .ILeadCheckoutFields .FormTable label {
  margin: 0px 0 0; }

.StripeElement {
  background-color: #f8f9fa;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #dcdcdc;
  border-radius: 20px; }

.ILeadCheckout table td {
  white-space: normal; }

.cart {
  border: 1px solid #ddd !important;
  float: right;
  background-color: #f0f0f0;
  width: 39%;
  padding: 1.5rem;
  margin: -65px 0 1% auto;
  border-radius: 0;
  position: sticky;
  top: 15px;
  z-index: 2;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0);
  transition: all 0.6s ease-out 0s; }

.shelf .IShoppingCartContainer {
  background-color: #f7f7f7;
  border-radius: 0.75rem; }
  .shelf .IShoppingCartContainer .cart label {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7); }
  .shelf .IShoppingCartContainer .cart h3 {
    zcolor: white; }
    .shelf .IShoppingCartContainer .cart h3 div {
      background-color: transparent;
      font-size: 0.75em; }
      .shelf .IShoppingCartContainer .cart h3 div.total {
        color: white; }
      .shelf .IShoppingCartContainer .cart h3 div.credited {
        color: #7fbc45;
        margin: 5px 0; }
      .shelf .IShoppingCartContainer .cart h3 div.remainingCredit {
        zcolor: white;
        zfont-size: 1em;
        zborder-top: 1px solid rgba(255, 255, 255, 0.15);
        zmargin: 10px 0 0;
        zpadding: 10px 0 0; }
  .shelf .IShoppingCartContainer .cart .remainingCredit {
    display: flex;
    justify-content: end;
    padding: 10px; }

.shelf .cart {
  border: none !important;
  float: none;
  background-color: transparent;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: static; }

.shelf .IShoppingCartContainer .cart.empty label {
  display: none; }
.shelf .IShoppingCartContainer .cart.empty div {
  background-color: white;
  background-image: url("/skins/0/images/empty-cart.png");
  background-repeat: no-repeat;
  background-position: center 25px;
  background-size: 190px;
  border-radius: 0.75rem; }
  .shelf .IShoppingCartContainer .cart.empty div label {
    display: block;
    font-size: 1.25em;
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin: 230px 0 25px;
    color: initial; }
    .shelf .IShoppingCartContainer .cart.empty div label a {
      margin: 15px auto 0;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      min-width: auto;
      cursor: pointer;
      user-select: none;
      line-height: 1.2;
      height: 44px;
      padding: 0.75rem 1.25rem;
      font-size: 0.9rem;
      border-radius: 9999px;
      transition: all 0.3s ease-out 0s;
      font-weight: 500;
      background-color: #fff;
      border: 1px solid #333;
      color: #333;
      display: flex; }
      .shelf .IShoppingCartContainer .cart.empty div label a svg {
        fill: #fff;
        width: 20px;
        height: 20px; }
      .shelf .IShoppingCartContainer .cart.empty div label a:hover, .shelf .IShoppingCartContainer .cart.empty div label a:focus {
        background-color: #333;
        color: #fff; }
      .shelf .IShoppingCartContainer .cart.empty div label a:focus {
        outline: none; }
      .shelf .IShoppingCartContainer .cart.empty div label a:hover {
        text-decoration: none !important; }
      .shelf .IShoppingCartContainer .cart.empty div label a.submit:active {
        filter: brightness(85%); }
      .shelf .IShoppingCartContainer .cart.empty div label a:disabled {
        background-color: #f3f4f6;
        border: 1px solid #f3f4f6;
        cursor: not-allowed;
        color: #000000; }
        .shelf .IShoppingCartContainer .cart.empty div label a:disabled svg {
          fill: #000000; }
      .shelf .IShoppingCartContainer .cart.empty div label a.processing {
        background-image: url("//app.lifeley.tech/images/loading.gif");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 15px; }

.cart label {
  font-size: 1.5em;
  font-weight: 500; }

.cart table {
  width: 100%;
  border-top: 1px solid #ddd;
  font-size: 0.9rem;
  margin: 1rem 0 0; }

.cart tr {
  background-color: transparent;
  border-bottom: 1px solid #dcdcdc; }

.cart tr:last-child {
  border-bottom: 2px solid #dcdcdc; }

.cart td {
  xborder: 1px solid white;
  overflow: hidden;
  padding: 0.75rem 0;
  padding: 0.75rem;
  white-space: normal; }

.cart td:first-child {
  width: 50%; }

.cart tr:first-child td {
  text-align: left;
  xbackground-color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700; }

.cart form td input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #b1b1b1;
  padding: 0.25rem; }
  .cart form td input:focus {
    border-bottom-color: #989898; }

.cart tr td a {
  color: crimson;
  font-size: 0.75em; }

.cart tr td a.closeIt {
  position: static; }

.cart div {
  font-size: 1em;
  zbackground-color: rgba(255, 255, 255, 0.5);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1px; }
  .cart div.remainingCredit {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    font-size: 1rem; }
  .cart div.actions {
    background-color: transparent;
    justify-content: flex-end;
    margin: 0; }

.cart div.productId {
  font-weight: 700;
  line-height: 1.4em; }

.cart div.name {
  color: mediumseagreen;
  font-size: 0.85em;
  line-height: 1.4; }

.cart div.actions a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 40px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: deepskyblue;
  border: none;
  color: #fff;
  margin-top: 20px; }
  .cart div.actions a svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  .cart div.actions a:hover:not(:disabled), .cart div.actions a:focus:not(:disabled) {
    color: #fff;
    background-color: #0099cc; }
    .cart div.actions a:hover:not(:disabled) svg, .cart div.actions a:focus:not(:disabled) svg {
      fill: #fff; }
  .cart div.actions a:focus {
    outline: none; }
  .cart div.actions a:hover {
    text-decoration: none !important; }
  .cart div.actions a.submit:active {
    filter: brightness(85%); }
  .cart div.actions a:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .cart div.actions a:disabled svg {
      fill: #000000; }
  .cart div.actions a.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }

.ILeadCheckout .cart div.actions a {
  display: none; }

.cart div.actions a:hover {
  zbackground-color: #017cd9;
  ztext-decoration: none; }

.cart div label {
  font-size: 1em;
  width: 50%; }

.cart div label:last-child {
  text-align: right;
  font-weight: 700; }

.cart h3 {
  margin: 0;
  font-size: 1.45em;
  font-weight: bold; }

.shelf .cart table th {
  text-align: left;
  padding: 10px; }

.shelf .cart .submit {
  background-color: transparent !important;
  color: blue;
  text-align: right;
  display: block;
  xwidth: 100%;
  font-size: 0.75em;
  margin: 0 0 0 auto; }

@media screen and (max-width: 800px) {
  .cart {
    float: none;
    width: 100%;
    position: static;
    margin: 0; }

  .cart label {
    display: none; }

  .cart table {
    margin: 0; }

  .ILeadCheckoutContainer {
    max-width: 100%; } }
.IAvailableLeads {
  background-color: #f6f7f9 !important; }
  .IAvailableLeads .IAvailableLeadsContainer {
    font-size: 0.875em; }
  .IAvailableLeads z.wrapContainer {
    padding: 15px; }

.notAuthenticated.IAvailableLeads .mainContainer {
  padding: 0;
  margin: 76px 0 0; }

.notAuthenticated.IAvailableLeads #openLeadsStore {
  display: flex !important;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  width: 100%;
  top: 0; }

.notAuthenticated.IAvailableLeads .logoContainer {
  xpadding: 25px; }

.notAuthenticated.IAvailableLeads .navRowOpen {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  float: none;
  margin: 0; }

.notAuthenticated.IAvailableLeads .navContainerOpen {
  display: flex;
  margin-left: auto;
  line-height: 1em;
  font-size: 0.9em; }

.notAuthenticated.IAvailableLeads .navContainerOpen .login.submit {
  display: inline-block;
  margin: 0;
  padding: 0 12.5px 0;
  position: relative;
  border-left: 1px solid #ddd;
  color: inherit;
  height: 100%;
  border-radius: 0;
  color: white; }

.notAuthenticated.IAvailableLeads .navContainerOpen a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none; }

.notAuthenticated.IAvailableLeads .navContainerOpen .login.submit:hover {
  background-color: #017cd9;
  text-decoration: none; }

.IAvailableLeads .mainBody {
  max-width: 100%;
  padding: 0;
  background-color: transparent; }

.IAvailableLeads .contentHead {
  background-color: #f6f7f9;
  padding: 0;
  max-width: 100%;
  margin: 0; }
  .IAvailableLeads .contentHead div.container {
    padding: 15px 0 0; }
    .IAvailableLeads .contentHead div.container h1 {
      color: #eee;
      font-size: 1.2em; }
    .IAvailableLeads .contentHead div.container a {
      color: #0097bf; }

.IAvailableLeads .IAvailableLeadsContainer {
  display: flex;
  flex-wrap: wrap;
  padding: 0 14px; }

z.IAvailableLeads #theIAvailableLeadsBody {
  background-color: #fff;
  width: 270px;
  margin: 0 25px 0 0;
  position: fixed;
  height: 100%; }

.IAvailableLeads .commonTable {
  background-color: transparent;
  padding: 0; }

.IAvailableLeads #theIAvailableLeads p {
  margin: 0 0 0.5rem; }

.IAvailableLeads #theIAvailableLeads select {
  padding-top: 1rem;
  height: 48px; }

.IAvailableLeads
#theIAvailableLeadsBody
.FormActions
.ClearFiltersAction.submit {
  zbackground-image: url("/skins/0/images/close-filters.png");
  zbackground-repeat: no-repeat;
  zbackground-size: 7px;
  zbackground-position: right 10px top 11px;
  xcolor: #999;
  zmargin: -25px 0 0 5px;
  xdisplay: inline-block;
  zwidth: initial;
  xpadding: 0;
  xbackground-color: transparent;
  zdisplay: inline-block;
  zfont-size: 12px;
  zbackground-color: aliceblue;
  zborder: 1px solid lightblue;
  zpadding: 8px;
  zdisplay: none; }

.IAvailableLeads.dirty
#theIAvailableLeadsBody
.FormActions
.ClearFiltersAction.submit {
  color: #337ab7;
  display: inline-flex; }

.IAvailableLeads .IAvailableLeadsFields table tr {
  display: flex;
  flex-wrap: wrap; }

.IAvailableLeads .IAvailableLeadsFields table td {
  width: 100%;
  position: relative;
  padding: 0.25rem 0; }

.IAvailableLeads #theIAvailableLeadsBody .FormFields label {
  display: block;
  position: absolute;
  top: 2px;
  font-size: 0.75em;
  color: #999;
  padding: 0 1.25rem;
  margin: 0; }

.IAvailableLeads #theIAvailableLeadsBody #batch {
  display: flex; }
  .IAvailableLeads #theIAvailableLeadsBody #batch label {
    position: unset; }

.safari .IAvailableLeads #theIAvailableLeadsBody label {
  top: 5px;
  left: 12px; }

z.IAvailableLeads #theIAvailableLeadsBody select {
  padding: 1.5rem 0.5rem 0.5rem;
  font-size: 0.875; }

z.safari .IAvailableLeads #theIAvailableLeadsBody select {
  padding: 1.5rem 2.5rem 0.5rem 0.5rem; }

.IAvailableLeads .FormActions {
  margin: 0; }

.IAvailableLeads .FormActions .SearchAction {
  background-color: #a3d200;
  border-color: #a3d200; }

.IAvailableLeads .FormActions .SearchAction:hover {
  background-color: #81a603; }

.IAvailableLeads .FormActions a {
  margin: 10px 0 0;
  display: block;
  line-height: 1; }

.IAvailableLeads #theIAvailableLeadsBody .submit {
  width: 50%; }

z.IAvailableLeads #theSearchResultsAjax {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 270px; }
  z.IAvailableLeads #theSearchResultsAjax .leadMap {
    width: 35.25%;
    position: fixed;
    right: 0;
    top: 77px;
    height: 100%; }
  z.IAvailableLeads #theSearchResultsAjax form {
    width: 60%;
    padding: 0 20px; }

.availableLeadsToSell {
  width: 100%; }

.standardDataTable.availableLeadsToSell {
  background-color: transparent;
  border: none;
  font-size: inherit;
  margin: 0;
  line-height: 1.4em; }

.standardDataTable.availableLeadsToSell tr:first-child td {
  text-align: left;
  text-transform: capitalize; }

.availableLeadsToSell tr:first-child td {
  background-color: transparent;
  border: none; }

.availableLeadsToSell tr {
  zbackground-color: #effafc;
  zborder-bottom: 6px solid white; }

.availableLeadsToSell tr:hover {
  zbackground-color: #e7f6f9; }

.availableLeadsToSell tr.notForSale,
.availableLeadsToSell tr.notForSale:hover {
  background-color: #f5f5f5;
  color: #999; }

.availableLeadsToSell tr.notForSale .submit:disabled {
  display: none !important; }

.availableLeadsToSell tr:first-child {
  xposition: sticky;
  top: 76px;
  border: none;
  background-color: #fff; }

.availableLeadsToSell td {
  flex: 1;
  white-space: normal;
  padding: 10px 5px;
  border: none; }

.availableLeadsToSell input.text {
  background-color: #fff;
  min-width: 70px;
  width: 70px;
  height: 35px;
  padding: 0.5rem;
  border: 1px solid #dcdcdc; }

.availableLeadsToSell input.submit {
  font-size: 0.9rem;
  display: block;
  min-width: fit-content;
  background-color: #323338;
  color: white;
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  border: none;
  height: unset; }
  .availableLeadsToSell input.submit:hover {
    text-decoration: none;
    background-color: #1a1a1d; }
  .availableLeadsToSell input.submit:disabled {
    background-color: #dddddd;
    cursor: not-allowed; }

@media screen and (max-width: 1240px) {
  .IAvailableLeads .contentHead {
    margin: 0; }

  .IAvailableLeads #theIAvailableLeadsBody {
    width: 20%;
    margin: 0 1% 0 0; }

  .IAvailableLeads #theSearchResultsAjax {
    flex-grow: initial;
    width: 79%; } }
@media screen and (max-width: 1000px) {
  .IAvailableLeads #theIAvailableLeadsBody,
  .IAvailableLeads #theSearchResultsAjax {
    width: 100%;
    margin: 0;
    margin: 0 0 1rem 0; }

  .IAvailableLeads .IAvailableLeadsFields table td {
    width: 33.333%;
    padding: 0.25rem; } }
@media screen and (max-width: 550px) {
  .IAvailableLeads .IAvailableLeadsFields table td {
    width: 100%;
    padding: 0.25rem; } }
.IAvailableLeads .leadMap,
.IAvailableLeads form {
  width: 100%;
  display: block; }

.IAvailableLeads form {
  xpadding: 14px; }

.IAvailableLeads #theIAvailableLeadsBody form {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

/* Search Page */
/*.IAvailableLeads .subMenuContainer {
	display:none;
}*/
.IAvailableLeads.searchRoot .contentHead {
  background-image: url("/skins/0/images/leads1a.jpg?v=2");
  background-image: url("/skins/0/images/leads5a.jpg");
  max-width: 75rem;
  padding: 0 30px;
  margin: 4rem auto 0;
  justify-content: center;
  display: flex;
  height: 350px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  position: relative; }
  .IAvailableLeads.searchRoot .contentHead div.container {
    padding: 0;
    margin: 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center; }
    .IAvailableLeads.searchRoot .contentHead div.container h1 {
      font-size: 3.75rem;
      color: white;
      display: block; }
    .IAvailableLeads.searchRoot .contentHead div.container a {
      background-color: darkorange;
      color: white;
      display: inline-block;
      width: initial;
      margin: 15px auto 0;
      padding: 10px 20px;
      font-size: 1.125em;
      border-radius: 2rem; }
    .IAvailableLeads.searchRoot .contentHead div.container a:hover {
      background-color: #cd7120;
      text-decoration: none; }

.authenticated.IAvailableLeads.searchRoot .contentHead {
  margin: 5rem auto 0; }

.IAvailableLeads.searchRoot .mainBody {
  margin: 4rem auto;
  max-width: 75rem;
  background-color: rgba(0, 0, 0, 0.015);
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 20px; }

.IAvailableLeads.searchRoot .commonTable {
  background-color: #fff;
  padding: 1.5rem;
  padding: 0;
  border-radius: 20px; }

.IAvailableLeads.searchRoot #theIAvailableLeadsBody {
  width: 100%;
  width: 100%;
  margin: 0;
  position: static;
  background-color: white; }

.IAvailableLeads.searchRoot #theIAvailableLeadsBody .submit {
  width: 25%; }

.IAvailableLeads.searchRoot .SSFormBody {
  padding: 20px;
  background-color: white;
  border-radius: 20px;
  border: 1px solid #ddd; }

.IAvailableLeads.searchRoot #theIAvailableLeadsBody form {
  background-color: white;
  padding: 0; }

.IAvailableLeads.searchRoot .FormActions {
  margin: 0.25rem 0 0 0;
  text-align: center; }

.IAvailableLeads.searchRoot .IAvailableLeadsFields table td {
  position: relative;
  width: 33.333%;
  padding: 0.25rem; }

.IAvailableLeads.searchRoot #theIAvailableLeadsBody label {
  display: block;
  position: absolute;
  top: 1px;
  font-size: 0.75em;
  color: #999;
  left: 16px; }

z.IAvailableLeads.searchRoot #theIAvailableLeadsBody select {
  padding: 1.5rem 0.5rem 0.5rem; }

z.IAvailableLeads.searchRoot .commonTable input,
z.IAvailableLeads.searchRoot .commonTable select {
  background-color: #f8f9fa; }

/* New idea */
.notAuthenticated.IAvailableLeads .mainContainer {
  margin: 0; }

.notAuthenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
  left: 1129px; }

.IAvailableLeads #theSearchResultsAjax .leadMap #theMapCloseButton {
  position: absolute;
  z-index: 1;
  top: 75px;
  background-color: white;
  padding: 5px;
  left: 8px;
  background-image: url("/skins/0/images/extend.webp");
  padding: 5px 15px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  border: 2px solid #888;
  display: none; }

.IAvailableLeads #theSearchResultsAjax .leadMap.extend #theMapCloseButton {
  background-image: url("/skins/0/images/collapse.webp"); }

.IAvailableLeads .IAvailableLeadsContainer {
  display: block;
  width: 1130px;
  padding: 0 30px;
  transition: all 0.3s ease-out 0s; }

.authenticated.IAvailableLeads .IAvailableLeadsContainer,
.authenticated.IAvailableLeads.unlockMenu.openNav .IAvailableLeadsContainer {
  zwidth: 1080px; }

.authenticated.IAvailableLeads.unlockMenu .IAvailableLeadsContainer,
x.authenticated.IAvailableLeads.unlockMenu.openNav .IAvailableLeadsContainer {
  width: 1290px; }

.IAvailableLeads #theIAvailableLeadsBody {
  zbackground-color: transparent;
  width: 100%;
  margin: 30px 0 0;
  position: static;
  height: 100%;
  top: 0;
  z-index: 1; }

.IAvailableLeads .contentHead div.container h1 {
  font-size: 1.75em;
  color: #333;
  font-weight: 500;
  transition: all 0.6s ease-out 0s; }

.IAvailableLeads .contentHead div.container {
  padding: 20px 0 25px; }

.IAvailableLeads.stick .contentHead div.container {
  padding: 15px 0 10px; }

.availableLeadsToSell tr:first-child {
  top: 186px;
  top: 238px;
  box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0);
  border-radius: 0; }

.IAvailableLeads .IAvailableLeadsFields table td {
  padding: 0.25rem;
  flex: 1; }

.IAvailableLeads .IAvailableLeadsFields table td#theZipCodesAjax {
  display: none; }

.IAvailableLeads #theSearchResultsAjax {
  display: block;
  width: 100%;
  margin: 0;
  border-top: none; }

.IAvailableLeads #theSearchResultsAjax form {
  zwidth: 100%;
  zpadding: 0; }

.IAvailableLeads #theSearchResultsAjax .leadMap {
  width: auto;
  position: fixed;
  right: 0;
  top: 77px;
  height: 100%;
  left: 1380px;
  bottom: 0;
  z-index: 1;
  transition: all 0.6s ease-out 0s; }

.authenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
  top: 138px; }

.authenticated.IAvailableLeads.stick #theSearchResultsAjax .leadMap {
  top: 58px; }

.IAvailableLeads.stick #theSearchResultsAjax .leadMap {
  top: 0; }

.IAvailableLeads #theSearchResultsAjax .IMapViewContainer,
.IComponentWrap.IMapViewContainerWrap {
  height: 100%; }

.availableLeadsToSell tr:first-child {
  top: 0; }

.authenticated .availableLeadsToSell tr:first-child {
  top: 60px; }

.IAvailableLeads #theIAvailableLeadsBody .submit:not(.ClearFiltersAction) {
  width: 24%;
  margin: 0 0.25rem;
  display: inline-block; }

.IAvailableLeads #theIAvailableLeadsBody #theSearchResultsListAjax .submit {
  width: 100%;
  margin: 0; }

.IAvailableLeads.searchRoot .IAvailableLeadsContainer {
  width: 100%; }

@media screen and (min-width: 1000px) {
  x.IAvailableLeads.stick .IAvailableLeadsFields table td {
    padding: 0.05rem; }

  .stick .availableLeadsToSell tr:first-child {
    box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.2);
    z-index: 1; }

  x.IAvailableLeads.stick #theIAvailableLeadsBody label {
    font-size: 0.69em;
    top: 0; }

  x.IAvailableLeads.stick #theIAvailableLeadsBody select {
    padding: 1.2rem 0.5rem 0.15rem;
    height: 45px;
    font-size: 0.9em; } }
.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
  box-shadow: -3px 4px 7px -1px rgba(0, 0, 0, 0.4); }

@media screen and (max-width: 1710px) {
  .IAvailableLeads #theSearchResultsAjax .leadMap #theMapCloseButton {
    display: block; }

  .IAvailableLeads .IAvailableLeadsContainer {
    width: 960px; }

  .authenticated.IAvailableLeads .IAvailableLeadsContainer {
    width: 980px; }

  .authenticated.IAvailableLeads.unlockMenu .IAvailableLeadsContainer,
  x.authenticated.IAvailableLeads.unlockMenu.openNav .IAvailableLeadsContainer {
    width: 1120px; }

  .authenticated.IAvailableLeads.unlockMenu.openNav .IAvailableLeadsContainer {
    width: 1010px; }

  .notAuthenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 955px; }

  .notAuthenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
    left: 560px; }

  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 1180px; }

  .authenticated.multiAgency.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 1230px; }

  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
    left: 580px; } }
@media screen and (max-width: 1366px) {
  .authenticated.multiAgency.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 1180px; }

  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 1150px; }

  .authenticated.IAvailableLeads.hideNav #theSearchResultsAjax .leadMap {
    left: 1050px; }

  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
    left: 400px; }

  .authenticated.IAvailableLeads.hideNav #theSearchResultsAjax .leadMap.extend {
    left: 400px; }

  .authenticated.IAvailableLeads .IAvailableLeadsContainer {
    width: 960px; }

  .authenticated.IAvailableLeads.unlockMenu .IAvailableLeadsContainer,
  x.authenticated.IAvailableLeads.unlockMenu.openNav .IAvailableLeadsContainer {
    width: 960px; }

  .authenticated.IAvailableLeads.showNav #theSearchResultsAjax .leadMap {
    left: 1230px; } }
/*
@media screen and (max-width:1279px) {
	.authenticated.IAvailableLeads .IAvailableLeadsContainer {
		width: 850px;
	}
	.authenticated.IAvailableLeads.hideNav .IAvailableLeadsContainer {
	  width: 960px;
	}
	.authenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
	  left: 1085px;
	}
	x.authenticated.IAvailableLeads.hideNav #theSearchResultsAjax .leadMap {
	  left: 890px;
	}
	.authenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
	  left: 500px;
	}
	
	.authenticated.IAvailableLeads.showNav #theSearchResultsAjax .leadMap {
	  left: 1040px;
	}
}
*/
@media screen and (max-width: 1279px) {
  .authenticated.IAvailableLeads .IAvailableLeadsContainer {
    width: 100%; }

  .authenticated.IAvailableLeads.hideNav .IAvailableLeadsContainer {
    width: 100%; }

  .authenticated.multiAgency.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 100%; }

  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap,
  .authenticated.IAvailableLeads.hideNav #theSearchResultsAjax .leadMap {
    left: 100%; }

  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
    left: 400px; }

  .authenticated.IAvailableLeads.showNav #theSearchResultsAjax .leadMap {
    left: 1040px; }

  .authenticated.IAvailableLeads
  #theSearchResultsAjax
  .leadMap
  #theMapCloseButton {
    left: -60px;
    z-index: 9;
    font-size: 14px;
    background-image: url("/skins/0/images/map.jpg");
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    border: none;
    box-shadow: 0px 4px 2px -1px rgba(0, 0, 0, 0.2);
    transition: all 0.6s ease-out 0s; }
    .authenticated.IAvailableLeads
    #theSearchResultsAjax
    .leadMap
    #theMapCloseButton:hover {
      cursor: pointer;
      box-shadow: 0px 4px 2px -1px rgba(0, 0, 0, 0.4); }

  .authenticated.IAvailableLeads
  #theSearchResultsAjax
  .leadMap.extend
  #theMapCloseButton {
    background-image: url("/skins/0/images/map.jpg");
    border-radius: 20px 0 0 20px; } }
@media screen and (max-width: 1000px) {
  .IAvailableLeads #theSearchResultsAjax .leadMap #theMapCloseButton {
    top: 1rem; }

  .authenticated.IAvailableLeads.stick
  #theSearchResultsAjax
  .leadMap
  #theMapCloseButton {
    top: 198px; }

  .notAuthenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
    left: 100%; }

  .notAuthenticated.IAvailableLeads
  #theSearchResultsAjax
  .leadMap
  #theMapCloseButton {
    left: -60px;
    z-index: 9;
    font-size: 14px;
    background-image: url("/skins/2/images/map.jpg");
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    border: none;
    box-shadow: 0px 4px 2px -1px rgba(0, 0, 0, 0.2);
    transition: all 0.6s ease-out 0s; }
    .notAuthenticated.IAvailableLeads
    #theSearchResultsAjax
    .leadMap
    #theMapCloseButton:hover {
      cursor: pointer;
      box-shadow: 0px 4px 2px -1px rgba(0, 0, 0, 0.4); }

  .notAuthenticated.IAvailableLeads
  #theSearchResultsAjax
  .leadMap.extend
  #theMapCloseButton {
    background-image: url("/skins/2/images/map.jpg");
    border-radius: 20px 0 0 20px; } }
@media screen and (max-width: 1000px) {
  .authenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
    left: 200px; } }
/*
@media screen and (max-width:1150px) {
	.authenticated.IAvailableLeads .IAvailableLeadsContainer {
		width: 750px;
	}
	.authenticated.IAvailableLeads.hideNav .IAvailableLeadsContainer {
	  width: 910px;
	}
	.authenticated.IAvailableLeads #theSearchResultsAjax .leadMap {
	  left: 990px;
	}
	.authenticated.IAvailableLeads.hideNav #theSearchResultsAjax .leadMap {
	  left: 990px;
	}
}
*/
@media screen and (max-width: 1000px) {
  .notAuthenticated.IAvailableLeads #theSearchResultsAjax .leadMap.extend {
    left: 200px; }

  .IAvailableLeads .IAvailableLeadsContainer,
  .authenticated.IAvailableLeads .IAvailableLeadsContainer {
    width: 100%; }

  .authenticated.IAvailableLeads.lockMenu .IAvailableLeadsContainer,
  .authenticated.IAvailableLeads.openNav .IAvailableLeadsContainer {
    width: 100%; }

  .IAvailableLeads #theIAvailableLeadsBody {
    padding: 0; }

  .IAvailableLeads .contentHead {
    padding: 0; }

  .IAvailableLeads .contentHead div.container {
    padding: 0;
    display: flex;
    flex-wrap: wrap; }

  .IAvailableLeads .contentHead div.container h1 {
    margin: 20px 0 0;
    font-size: 1.25em; }

  .IAvailableLeads .contentHead div.container a {
    width: 100%;
    padding: 10px;
    margin: 20px 0 0;
    text-align: center;
    background-color: deepskyblue;
    color: white;
    text-decoration: none; }

  .IAvailableLeads .contentHead div.container a:first-child {
    border-right: 1px solid white; }

  .IAvailableLeads .contentHead div.container a:hover {
    background-color: #017cd9; }

  .IAvailableLeads form#theIAvailableLeads {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s ease-out 0s; }

  .IAvailableLeads form#theIAvailableLeads.open {
    max-height: 800px;
    xpadding: 15px; }

  .IAvailableLeads .IAvailableLeadsFields table td {
    width: 100%;
    padding: 0.25rem; }

  .IAvailableLeads #theIAvailableLeads .IAvailableLeadsFields table td {
    width: 50%;
    flex: none; }

  .availableLeadsToSell tr:first-child {
    position: static; }

  .availableLeadsToSell td {
    padding: 5px;
    display: table-cell; }

  .availableLeadsToSell {
    xtable-layout: fixed;
    width: 100%;
    *margin-left: -100px;
    /*ie7*/ }

  .availableLeadsToSell tr {
    display: table-row; }

  .availableLeadsToSell td {
    vertical-align: middle;
    padding: 10px;
    width: 100px;
    height: 95px;
    border: none;
    border-bottom: 2px solid #fff; }

  .availableLeadsToSell tr:first-child td {
    height: auto;
    background-color: rgba(0, 0, 0, 0.015); }

  .availableLeadsToSell .fix {
    position: absolute;
    margin-left: -100px;
    width: 100px !important;
    margin-top: -1px;
    background-color: rgba(0, 0, 0, 0.015); }

  .IAvailableLeadsContainer #theSearchResultsAjax form {
    position: relative; }

  .IAvailableLeadsContainer .scroll {
    overflow-x: scroll;
    overflow-y: visible;
    margin: 2px 0 0 100px !important;
    width: calc(100% - 100px) !important; } }
.SSForm.IAllOrdersContainer {
  zbackground-color: #f8fafb;
  zpadding: 1.5rem; }

/* Checkout */
.ILeadCheckout.confirmed .confirmedHeader {
  max-width: 100%;
  height: 250px;
  padding: 0;
  margin: 0 auto 0;
  background-color: #1c252d;
  background-image: url("/skins/0/images/profilebg.jpg");
  background-size: cover;
  background-position: center; }

.ILeadCheckout.confirmed .links {
  text-align: center; }

.ILeadCheckout.confirmed .links a {
  margin: 0 7.5px;
  text-decoration: underline; }

.ILeadCheckout.confirmed h1 {
  display: none; }

.ILeadCheckout.confirmed h2 {
  color: #ccc;
  border-bottom: none;
  font-weight: 500;
  font-size: 1.75em;
  text-align: left;
  display: block;
  max-width: 514px;
  line-height: 1.3em;
  padding: 92px 0 0;
  margin: 0 auto;
  text-align: center; }

.ILeadCheckout.confirmed .st-Background {
  background-color: transparent !important; }

.ILeadCheckout.confirmed .Section.Header {
  display: none; }

.confirmed .st-Wrapper {
  margin: 20px auto !important;
  border: 1px solid #dcdcdc; }

.confirmed .st-Wrapper div {
  padding: 0 !important; }

.confirmed .Content.Title-copy {
  padding: 30px 0 0 !important; }

.IRecruiting h3 {
  display: none; }

#theFilters {
  background-color: white;
  padding: 1.5rem;
  zborder: 1px solid #dcdcdc;
  width: 100%;
  margin: 0 auto 30px;
  border-radius: 0.75rem; }
  #theFilters table tr {
    display: flex; }
    #theFilters table tr td {
      flex: 1; }
      #theFilters table tr td div label {
        display: block; }

@media screen and (max-width: 767px) {
  #theFilters table tr {
    flex-wrap: wrap; }
    #theFilters table tr td {
      flex: none;
      width: 100%; } }
/* Import List of Recruits */
p.help {
  margin: 0; }
  p.help label {
    font-weight: 700; }

.IImportRecruitsContainer h1 {
  font-size: 1.2em;
  margin: 0 0 1rem;
  font-weight: 700; }
.IImportRecruitsContainer textarea {
  margin: 0 0 15px 0; }
.IImportRecruitsContainer select {
  width: auto;
  display: block; }
.IImportRecruitsContainer input.submit {
  margin-left: 10px; }

@media screen and (max-width: 767px) {
  .IImportRecruitsContainer select {
    width: 100%; } }
.IImportRecruits.Module-Recruiting table {
  margin: 1rem 0;
  background-color: #f9f9f9;
  padding: 5px;
  border: 1px solid #dcdcdc; }
  .IImportRecruits.Module-Recruiting table tr {
    border-bottom: 1px solid #dcdcdc; }
    .IImportRecruits.Module-Recruiting table tr th,
    .IImportRecruits.Module-Recruiting table tr td {
      padding: 0.5rem 1rem;
      border: 1px solid #e0e0e0;
      padding: 0.5rem 1rem; }
    .IImportRecruits.Module-Recruiting table tr select {
      background-color: white;
      width: 100%;
      display: initial; }

x.IImportLeadsMetadataContainer ul,
x.IImportRecruitsContainer ul {
  padding: 0 0 0 15px; }
  x.IImportLeadsMetadataContainer ul li,
  x.IImportRecruitsContainer ul li {
    color: green;
    margin: 0; }

ul.helpInstruction {
  padding: 0 0 0 15px;
  xbackground-color: #f9f9f9;
  xbackground-color: currentcolor;
  xbackground-color: cornsilk;
  xbackground-color: bisque;
  xbackground-color: aliceblue;
  xbackground-color: ghostwhite;
  xbackground-color: linen;
  zbackground-color: oldlace;
  background-color: #fcf6e9;
  xbackground-color: seashell;
  zborder: 1px solid #dcdcdc;
  zborder: 1px solid #fae4b9;
  border-radius: 0.75rem;
  padding: 5px 5px 5px 25px;
  font-size: 15px;
  color: #333; }
  ul.helpInstruction li {
    color: #333;
    margin: 0; }

.IInviteAgents .SSFormBody {
  padding: 0; }

.IInviteAgentsFields .contentHead {
  display: none; }

.IInviteAgentsFields .IInviteAgentContainer {
  background-color: transparent;
  padding: 0; }

.IInviteAgents .IInviteAgentsContainer {
  background-color: transparent;
  padding: 0; }

.IInviteAgents .subNav,
.IInviteAgents .IInviteAgentsContainer .contentHead {
  display: none; }

.IInviteAgents .interviewRequests {
  background-color: rgba(255, 255, 255, 0.5); }

.IInviteAgents .IHomeContainer {
  margin: 30px 0 0; }

.IInviteAgents td {
  width: 32.25%; }

@media screen and (max-width: 767px) {
  .IInviteAgents td {
    width: 100%; } }
/* Invite Email Sample */
.IInviteAgents .emailSampleContainer {
  text-align: center;
  background-color: #f0f2f5;
  padding: 1.5rem;
  margin: 50px 0 0; }

.IInviteAgentsFields .IInviteAgentContainer table,
.IInviteAgentsFields .IInviteAgentContainer table label {
  margin: 0; }

.IInviteAgentsFields .IInviteAgentContainer table label {
  margin: 0; }

@media screen and (max-width: 1200px) {
  .IInviteAgents .emailSampleContainer img {
    width: 100%; } }
.qaSite.IInviteAgents .emailSampleContainer {
  position: relative;
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
  .qaSite.IInviteAgents .emailSampleContainer h3 {
    position: absolute;
    top: 53px;
    background-color: white;
    width: 150px;
    text-align: center;
    left: 50%;
    margin-left: -75px;
    border-radius: 5rem;
    padding: 2px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); }
  .qaSite.IInviteAgents .emailSampleContainer .sample img {
    width: 100%; }

/* Schedule Interview */
.IInterviews .SSFormBody .FormTable {
  margin: 0.5rem 0; }

.IInterviews .mainBody .upcomingInterviews {
  background-color: #fff;
  flex: auto;
  margin: 1.5rem 0;
  border: 1px solid #dcdcdc;
  padding: 1.5rem;
  width: 100%; }

.potentialAgent {
  background-color: #f8fafb;
  padding: 1.5rem;
  margin: 0 0 1rem; }

.IScheduleInterview .timePicker:nth-child(6) {
  margin: 0 0 0 1rem; }

@media screen and (max-width: 1800px) {
  .IInterviews .mainBody .upcomingInterviews {
    margin: 1.5rem 0.5rem; } }
@media screen and (max-width: 1500px) {
  .IInterviews .mainBody fieldset {
    width: auto; }

  .IInterviews .mainBody .upcomingInterviews {
    margin: 1.5rem 0; } }
@media screen and (max-width: 600px) {
  .IScheduleInterview table td {
    white-space: normal; }

  .IScheduleInterview #theScheduledOnAjax {
    color: transparent; } }
.upcomingInterviews .interview pre {
  width: initial; }

.upcomingInterviews .interview .commands {
  position: absolute;
  right: 15px;
  top: 15px; }

/* Tables */
.Module-Recruiting table {
  width: 100%;
  padding: 1rem;
  margin: 1rem 0 0; }
  .Module-Recruiting table:hover {
    xbackground-color: #f1f3f5; }

.IAdditionalInformation.Module-Recruiting table {
  padding: 0.5rem 1rem; }
  .IAdditionalInformation.Module-Recruiting table tbody {
    display: block; }
  .IAdditionalInformation.Module-Recruiting table input,
  .IAdditionalInformation.Module-Recruiting table select {
    zbackground-color: white; }

.IAgentApply.Module-Recruiting table {
  background-color: white !important; }

.IAddLicenseTypesFields .section div {
  margin: -1px 0 0;
  background-color: #f1f9fd;
  border: 1px solid #b2d2ed;
  display: flex;
  padding: 10px; }
  .IAddLicenseTypesFields .section div input {
    margin: 0 0 0 auto; }

.ISetupUplineActions.FormActions {
  display: flex; }
  .ISetupUplineActions.FormActions input.NextAction.submit,
  .ISetupUplineActions.FormActions .NextAction {
    float: none;
    margin: 0 0 0 auto; }

@media screen and (max-width: 1100px) {
  .IAdditionalInformation.Module-Recruiting table tr {
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .IAdditionalInformation.Module-Recruiting table tr td {
      flex: 1; } }
@media screen and (max-width: 700px) {
  .IAdditionalInformation.Module-Recruiting table tr {
    display: block;
    width: 100%;
    display: block;
    flex-wrap: wrap; }
    .IAdditionalInformation.Module-Recruiting table tr td {
      white-space: normal;
      flex: none; } }
/* Forms */
.onboarding-requirement .require-action .fileUploadView a {
  margin: 0 0 0 1rem; }

.Module-Recruiting .FormActions {
  zheight: 12px; }

.recruitingSection {
  max-width: 84%;
  margin: 0 0 0 auto; }

.recruitingAction svg {
  transition: all 0.3s ease-out 0s;
  transform: rotate(0deg); }

.recruitingAction.open svg {
  transform: rotate(-180deg); }

.recruitingSection a {
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: #777;
  font-size: 0.9em; }

.recruitingAction {
  cursor: pointer; }

.editAgentApplication {
  position: static !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05); }

/* Recruits Page */
.Module-Recruiting .mainBody .IRecruitsContainer .interviewRequests {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.Module-Recruiting .mainBody .interviewRequests {
  border: none; }

.Module-Recruiting .mainBody .interviewRequests,
.IInterviews .mainBody .upcomingInterviews {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  width: 100%;
  gap: 1rem 2rem; }

.Module-Recruiting .mainBody h3 {
  width: 100%;
  grid-column: 1/-1; }

.interviewRequests .interview div {
  width: 100%; }

.interviewRequests .interview div:last-child {
  text-align: left; }

.interviewRequests .interview div:last-child input {
  zmargin-top: 10px; }

.IInterviews .mainBody .upcomingInterviews {
  background-color: transparent;
  margin: 15px 0 0;
  border: none;
  padding: 0;
  width: 100%; }

.interview pre {
  width: 100% !important; }

.interviewRequests .interview div.commands {
  width: 100%;
  text-align: left;
  align-self: end; }

.upcomingInterviews .interview .commands {
  position: static;
  right: 15px;
  top: 15px;
  float: none;
  align-self: end; }

@media screen and (max-width: 1620px) {
  .interviewRequests .interview,
  .upcomingInterviews .interview {
    zwidth: 49.5%; } }
@media screen and (max-width: 1000px) {
  .interviewRequests .interview,
  .upcomingInterviews .interview {
    zwidth: 100%; } }
.IOnboardingMarketing button.submit,
.IOnboardingMarketing input.submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: auto;
  cursor: pointer;
  user-select: none;
  line-height: 1.2;
  height: 44px;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  border-radius: 9999px;
  transition: all 0.3s ease-out 0s;
  font-weight: 500;
  background-color: #a9185a;
  border: none;
  color: #fff; }
  .IOnboardingMarketing button.submit svg,
  .IOnboardingMarketing input.submit svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  .IOnboardingMarketing button.submit:hover:not(:disabled), .IOnboardingMarketing button.submit:focus:not(:disabled),
  .IOnboardingMarketing input.submit:hover:not(:disabled),
  .IOnboardingMarketing input.submit:focus:not(:disabled) {
    color: #fff;
    background-color: #7c1242; }
    .IOnboardingMarketing button.submit:hover:not(:disabled) svg, .IOnboardingMarketing button.submit:focus:not(:disabled) svg,
    .IOnboardingMarketing input.submit:hover:not(:disabled) svg,
    .IOnboardingMarketing input.submit:focus:not(:disabled) svg {
      fill: #fff; }
  .IOnboardingMarketing button.submit:focus,
  .IOnboardingMarketing input.submit:focus {
    outline: none; }
  .IOnboardingMarketing button.submit:hover,
  .IOnboardingMarketing input.submit:hover {
    text-decoration: none !important; }
  .IOnboardingMarketing button.submit.submit:active,
  .IOnboardingMarketing input.submit.submit:active {
    filter: brightness(85%); }
  .IOnboardingMarketing button.submit:disabled,
  .IOnboardingMarketing input.submit:disabled {
    background-color: #f3f4f6;
    border: 1px solid #f3f4f6;
    cursor: not-allowed;
    color: #000000; }
    .IOnboardingMarketing button.submit:disabled svg,
    .IOnboardingMarketing input.submit:disabled svg {
      fill: #000000; }
  .IOnboardingMarketing button.submit.processing,
  .IOnboardingMarketing input.submit.processing {
    background-image: url("//app.lifeley.tech/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15px; }
.IOnboardingMarketing .shelf {
  width: 30rem;
  padding: 1.25rem; }
  .IOnboardingMarketing .shelf .titlebar {
    border-bottom: none; }
    .IOnboardingMarketing .shelf .titlebar .title {
      display: none; }
    .IOnboardingMarketing .shelf .titlebar div:last-child {
      zright: 0;
      ztop: -1rem; }
    .IOnboardingMarketing .shelf .titlebar #warningBell svg {
      width: 1.125rem;
      margin: auto; }
    .IOnboardingMarketing .shelf .titlebar #warningBell svg path {
      fill: #c9c9c9; }
  .IOnboardingMarketing .shelf .IComponent.IRightShelfContainer {
    border: none;
    background-color: transparent;
    padding: 0.625rem; }
.IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a {
  padding: 1.25rem;
  border-radius: 1.25rem;
  margin: 0 auto 1.25rem;
  background-color: white;
  box-shadow: 0.25rem 0.375rem 1.25rem rgba(0, 0, 0, 0.05);
  border: 1px solid #fff; }
  .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a .palette {
    width: 100%;
    position: relative; }
  .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a:hover {
    text-decoration: none;
    box-shadow: 0.25rem 0.375rem 1.625rem rgba(0, 0, 0, 0.137); }
    .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a:hover img {
      zborder: 1px solid #000; }
  .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a img {
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 0.625rem;
    margin-top: 0.625rem; }
  .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a.selected {
    cursor: default;
    border-color: #2bd56a; }
    .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a.selected .palette:before {
      content: url("data:image/svg+xml; utf8, <svg fill='rgb(43, 213, 106)' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'><path d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z'/></svg>");
      right: 0px;
      top: 0px;
      background: transparent; }
    .IOnboardingMarketing .IChooseImageDialogAjaxFields .selectView a.selected img {
      border: 1px solid #2bd56a;
      opacity: 0.4; }
.IOnboardingMarketing .IComponent {
  border: none;
  zbackground-color: transparent;
  zpadding: 0; }
.IOnboardingMarketing label {
  white-space: normal; }
.IOnboardingMarketing .SSFormBody .FormTable {
  zmargin: 0 0 15px 0; }
  .IOnboardingMarketing .SSFormBody .FormTable label {
    color: #222; }
  .IOnboardingMarketing .SSFormBody .FormTable tr {
    display: flex; }
.IOnboardingMarketing .IHomeContainer {
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  /* Life is Marketing */
  /* Purchase Poiints */
  /* Domain Creation */
  /* Branding */
  /* Onboarding Complete */
  /* Dashboard */
  /* Branding */ }
  .IOnboardingMarketing .IHomeContainer .IStaticPageBody,
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody,
  .IOnboardingMarketing .IHomeContainer .IPointsCheckoutContainer,
  .IOnboardingMarketing .IHomeContainer .IDomainSetupContainer,
  .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainerWrap {
    background-color: #fff;
    width: 100%;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 1.25rem;
    box-shadow: 0 0 10px 0 #ddd; }
  .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingContainer x.IStaticPageContainerWrap {
    background-color: white;
    border-radius: 1.25rem;
    display: flex;
    padding: 2.5rem 5rem;
    gap: 1.25rem;
    position: relative; }
  .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; }
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .messages {
      width: 100%; }
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .IShoppingCartContainerWrap {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .IShoppingCartContainerWrap .cart {
        float: none;
        padding: 1.5rem;
        margin: 0 0 20px;
        position: static;
        top: 0;
        width: 100%;
        border-radius: 20px; }
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody #theIPointsCheckout {
      flex: 2;
      xorder: 1; }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody #theIPointsCheckout .FormTable tr {
        display: flex; }
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .StripeElement {
      background-color: #f7f7f7;
      border: unset; }
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart {
      border: unset !important;
      background-color: #f7f7f7; }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart div {
        background-color: unset; }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart label {
        font: 1.2rem;
        font-weight: 700;
        color: rgba(0, 0, 0, 0.7); }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart table {
        border-top: 1px solid #dcdcdc; }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart tr,
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart tr:first-child {
        border-bottom: 1px solid #dcdcdc;
        background-color: unset; }
      .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .cart tr:last-child {
        border-bottom: 2px solid #dcdcdc; }
  .IOnboardingMarketing .IHomeContainer .packages-header {
    margin: 0 10%;
    text-align: center; }
  .IOnboardingMarketing .IHomeContainer .packages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    width: 100%;
    gap: 2rem;
    margin: 2rem 10%; }
    .IOnboardingMarketing .IHomeContainer .packages > div {
      flex: 1; }
  .IOnboardingMarketing .IHomeContainer .package-card {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #f4f4f4;
    height: 100%;
    border-radius: 20px; }
    .IOnboardingMarketing .IHomeContainer .package-card.pink .package-header,
    .IOnboardingMarketing .IHomeContainer .package-card.pink .select-package {
      background-color: #a9185a; }
    .IOnboardingMarketing .IHomeContainer .package-card.pink .package-price-circle {
      background: #ecd3de; }
    .IOnboardingMarketing .IHomeContainer .package-card.pink .package-points {
      color: #a9185a; }
    .IOnboardingMarketing .IHomeContainer .package-card.gray .package-header,
    .IOnboardingMarketing .IHomeContainer .package-card.gray .select-package {
      background: #7d7d7d; }
    .IOnboardingMarketing .IHomeContainer .package-card.gray .package-price-circle {
      background: #d9d9d9; }
    .IOnboardingMarketing .IHomeContainer .package-card.gray .package-points {
      color: #7d7d7d; }
    .IOnboardingMarketing .IHomeContainer .package-card.gold .package-header,
    .IOnboardingMarketing .IHomeContainer .package-card.gold .select-package {
      background-color: #c09919; }
    .IOnboardingMarketing .IHomeContainer .package-card.gold .package-price-circle {
      background-color: #e4dcc3; }
    .IOnboardingMarketing .IHomeContainer .package-card.gold .package-points {
      color: #c09919; }
  .IOnboardingMarketing .IHomeContainer .package-header {
    color: white;
    padding: 20px;
    width: 100%;
    border-radius: 20px 20px 0 0;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .IOnboardingMarketing .IHomeContainer .package-price-circle {
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    font-size: 1.25rem;
    align-items: center;
    aspect-ratio: 1/1;
    padding: 10px;
    margin: 1rem;
    font-weight: 600; }
  .IOnboardingMarketing .IHomeContainer .package-contacts {
    color: #7d7d7d; }
  .IOnboardingMarketing .IHomeContainer ul.package-features {
    list-style: none;
    padding: 0 30px;
    margin: 0; }
  .IOnboardingMarketing .IHomeContainer .package-features li:before {
    content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' viewBox='0 0 24 24'><path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/></svg>");
    position: relative;
    left: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00d674;
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 1rem;
    height: 1rem; }
  .IOnboardingMarketing .IHomeContainer .package-features li {
    position: relative;
    display: flex;
    align-items: center; }
  .IOnboardingMarketing .IHomeContainer a.select-package {
    margin: auto 1rem 1rem;
    border-radius: 9999px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 0.75rem 1.25rem;
    height: 44px; }
    .IOnboardingMarketing .IHomeContainer a.select-package:hover {
      text-decoration: none; }
  .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .points-info {
    display: none; }
  .IOnboardingMarketing .IHomeContainer .points-info {
    position: relative;
    display: flex;
    background-color: #f4f4f4;
    padding: 0.625rem;
    row-gap: 1rem;
    border-radius: 0.75rem;
    width: fit-content; }
  .IOnboardingMarketing .IHomeContainer .points-ways {
    display: flex;
    flex-direction: column;
    gap: 0.625rem; }
  .IOnboardingMarketing .IHomeContainer .points-section-header {
    background-color: #c0c0c0;
    color: white;
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem 0.75rem;
    width: 140px;
    line-height: 1.2;
    cursor: pointer;
    border-radius: 0.75rem; }
    .IOnboardingMarketing .IHomeContainer .points-section-header.active {
      background-color: #a9185a; }
  .IOnboardingMarketing .IHomeContainer .points-table-wrapper {
    display: none;
    align-items: center;
    margin: 0 2rem; }
    .IOnboardingMarketing .IHomeContainer .points-table-wrapper.active {
      display: flex; }
  .IOnboardingMarketing .IHomeContainer .points-table tr {
    display: flex; }
  .IOnboardingMarketing .IHomeContainer .points-table td {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    text-align: center;
    white-space: normal;
    font-size: 0.9rem; }
    .IOnboardingMarketing .IHomeContainer .points-table td .points-activity {
      font-weight: bold;
      line-height: 1;
      max-width: fit-content;
      width: 7rem; }
    .IOnboardingMarketing .IHomeContainer .points-table td .points-value {
      color: #a9185a;
      white-space: nowrap; }
  .IOnboardingMarketing .IHomeContainer .points-bonus-text {
    position: absolute;
    left: 97%;
    bottom: 36%;
    background: #a9185a;
    color: white;
    width: 120px;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    padding: 0 24px;
    line-height: 1.4; }
  @media screen and (max-width: 1200px) {
    .IOnboardingMarketing .IHomeContainer .points-info {
      flex-direction: column;
      margin: auto; }
      .IOnboardingMarketing .IHomeContainer .points-info td {
        display: inline-flex; }
    .IOnboardingMarketing .IHomeContainer .points-ways {
      flex-direction: row;
      width: 100%; }
    .IOnboardingMarketing .IHomeContainer .points-section-header {
      width: 100%; }
    .IOnboardingMarketing .IHomeContainer .points-bonus-text {
      position: unset;
      aspect-ratio: unset;
      flex-direction: row;
      width: fit-content;
      border-radius: 0.75rem;
      padding: 0.75rem 1.25rem;
      margin: auto; } }
  .IOnboardingMarketing .IHomeContainer .back-to-packages {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.025em;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0;
    background-color: transparent;
    color: #a9185a;
    border: 0.0625rem solid #a9185a;
    /* Properties which can be updated */
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
    text-transform: none;
    border-radius: 9999px; }
    .IOnboardingMarketing .IHomeContainer .back-to-packages:focus {
      outline: none; }
    .IOnboardingMarketing .IHomeContainer .back-to-packages:disabled, .IOnboardingMarketing .IHomeContainer .back-to-packages.disabled {
      cursor: not-allowed;
      opacity: 0.65;
      pointer-events: none; }
    .IOnboardingMarketing .IHomeContainer .back-to-packages svg {
      width: 1.25rem;
      height: 1.25rem; }
    .IOnboardingMarketing .IHomeContainer .back-to-packages:hover:not(:disabled) {
      color: #fff;
      background-color: #a9185a; }
    .IOnboardingMarketing .IHomeContainer .back-to-packages:disabled {
      color: #6c757d;
      border-color: #dee2e6;
      cursor: not-allowed;
      opacity: 0.65; }
      .IOnboardingMarketing .IHomeContainer .back-to-packages:disabled:hover {
        background-color: transparent;
        color: #6c757d; }
  @media screen and (max-width: 1024px) {
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody td {
      display: table-cell;
      width: unset; }
    .IOnboardingMarketing .IHomeContainer #theIPointsCheckoutBody .points-info td {
      display: inline-flex; } }
  .IOnboardingMarketing .IHomeContainer .domainHeadingWrapper {
    text-align: center; }
    .IOnboardingMarketing .IHomeContainer .domainHeadingWrapper label {
      font-size: 1.5rem; }
  .IOnboardingMarketing .IHomeContainer .domainSearchInputGroup {
    display: grid;
    grid-template-columns: 4fr 1fr;
    column-gap: 10px; }
  .IOnboardingMarketing .IHomeContainer .domainSearchInputGroup input.submit {
    margin-top: auto;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .IOnboardingMarketing .IHomeContainer .domainSearchAndHeadingWrapper {
    margin: 0 20%; }
  .IOnboardingMarketing .IHomeContainer .secondaryText {
    font-size: 14px;
    color: #808080; }
  .IOnboardingMarketing .IHomeContainer .idealDomainSuggestion {
    padding: 15px 30px;
    background: #f7f7f7;
    border-radius: 12px;
    border: 1px solid #b50459; }
  .IOnboardingMarketing .IHomeContainer .suggestionWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px; }
  .IOnboardingMarketing .IHomeContainer p.idealDomain {
    font-size: 1.35rem;
    margin: 0 0 0.75rem; }
  .IOnboardingMarketing .IHomeContainer p.domainName {
    font-weight: 600; }
  .IOnboardingMarketing .IHomeContainer .domainSuggestionsWrapper {
    margin: 0 10%;
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .IOnboardingMarketing .IHomeContainer .otherDomain {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 2px solid #eee; }
  .IOnboardingMarketing .IHomeContainer .otherDomain input.submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 44px;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #a9185a;
    color: #a9185a; }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit svg {
      fill: #fff;
      width: 20px;
      height: 20px; }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit:hover, .IOnboardingMarketing .IHomeContainer .otherDomain input.submit:focus {
      background-color: #a9185a;
      color: #fff; }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit:focus {
      outline: none; }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit:hover {
      text-decoration: none !important; }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit.submit:active {
      filter: brightness(85%); }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .IOnboardingMarketing .IHomeContainer .otherDomain input.submit:disabled svg {
        fill: #000000; }
    .IOnboardingMarketing .IHomeContainer .otherDomain input.submit.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }
  @media screen and (max-width: 1000px) {
    .IOnboardingMarketing .IHomeContainer .domainSearchAndHeadingWrapper {
      margin: 0 15%; } }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .branding-page-header {
    margin: 0 10% 2rem;
    text-align: center; }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout {
    width: 100%; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr {
      gap: 1.5rem; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr {
      display: flex; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr td {
        flex: 1; }
        .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr td:first-of-type {
          width: 70%;
          zbackground-color: white; }
        .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr td:last-of-type {
          width: 30%;
          xbackground-color: #efefef; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout form.preview-toggle {
      display: flex;
      zgap: 10px;
      zalign-items: center;
      zmargin-bottom: 10px; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout form.preview-toggle input[type="radio"] {
        appearance: none;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #525151;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        transition: all 0.3s ease;
        padding: 0.5rem;
        vertical-align: middle;
        /* Default state */
        background-color: #fff;
        /* Hover effect */
        /* Checked state */ }
        .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout form.preview-toggle input[type="radio"]:hover {
          border-color: #525151; }
        .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout form.preview-toggle input[type="radio"]:checked {
          background-color: white;
          /* Change the color here */
          border-color: #525151;
          /* Optional: Add a custom inner circle */ }
          .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout form.preview-toggle input[type="radio"]:checked::before {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            margin: auto;
            background-color: #525151;
            /* Inner circle color */
            border-radius: 50%;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout .previewTab {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #e5e3e3;
      padding: 0.75rem;
      gap: 10px;
      width: 10rem; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout .previewTab.active {
        background-color: #f4f4f4; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout .previewTab:nth-of-type(1) {
        border-radius: 0.75rem 0 0 0; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout .previewTab:nth-of-type(2) {
        border-radius: 0 0.75rem 0 0; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout iframe {
      padding: 1rem;
      border: none;
      background: #f4f4f4;
      border-radius: 0 0.75rem 0.75rem 0.75rem; }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .FormTable.RowOne,
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .FormTable.RowFour,
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .FormTable.RowSix {
    margin: 0; }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .brandSectionHeadingBox {
    font-size: 1.25rem; }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type tr {
    flex-wrap: wrap; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type tr td {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 10px; }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .profileImagePathBox,
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .logoImagePathBox {
    flex-wrap: wrap;
    min-width: fit-content; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .profileImagePathBox img,
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .logoImagePathBox img {
      margin: auto;
      object-fit: contain; }
  .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    background: #f4f4f4;
    padding: 1rem;
    border-radius: 0.75rem; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox .palette {
      display: flex;
      flex-direction: column; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox .palette label {
      margin-bottom: 0.5rem; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox .palette img {
      width: 100%;
      height: 50px; }
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      cursor: pointer;
      text-decoration: none;
      font-family: inherit;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.025em;
      border: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      user-select: none;
      white-space: nowrap;
      vertical-align: middle;
      height: 2.5rem;
      padding: 0.5rem 1rem;
      font-size: 1rem;
      border-radius: 0;
      background-color: #525151;
      color: white;
      border: 0.0625rem solid #525151;
      /* Properties which can be updated */
      margin: auto 0 5px;
      font-weight: 500;
      text-align: center;
      text-transform: none;
      border-radius: 9999px; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a:focus {
        outline: none; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a:disabled, .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a.disabled {
        cursor: not-allowed;
        opacity: 0.65;
        pointer-events: none; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a svg {
        width: 1.25rem;
        height: 1.25rem; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a:hover:not(:disabled) {
        background-color: #3d3d3d; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a:disabled, .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a.disabled {
        background-color: #e9ecef;
        color: #6c757d;
        cursor: not-allowed;
        opacity: 0.65;
        border-color: #dee2e6; }
        .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a:disabled:hover, .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout > tbody > tr > td:first-of-type .paletteBox a.disabled:hover {
          background-color: #e9ecef; }
  @media screen and (max-width: 768px) {
    .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr {
      flex-direction: column-reverse;
      width: unset !important; }
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr td:first-of-type,
      .IOnboardingMarketing .IHomeContainer .IMarketingBrandingBody .layout tr td:last-of-type {
        width: unset !important; } }
  .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer > h1 {
      text-align: center;
      margin: auto; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer > .domain-info {
      background: #fff8e1;
      border: 1px solid #ffe082;
      border-radius: 8px;
      padding: 16px;
      display: flex;
      align-items: center;
      gap: 12px;
      width: 100%;
      flex: unset; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer > .domain-info .important-icon:before {
      content: "\26A0";
      color: #ffa000;
      font-size: 20px; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section {
      display: flex;
      flex-direction: column;
      background-color: white;
      border: 1px solid #eee;
      padding: 20px;
      border-radius: 0.75rem; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info .domain-meta {
      margin-bottom: 20px;
      color: #666; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info .domain-header {
      display: flex;
      align-items: center;
      margin-bottom: 4px;
      font-size: 1.125rem;
      font-weight: 500;
      color: #333; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info .status-badge {
      background: #c4ebe4;
      color: #028361;
      padding: 0 1rem;
      font-size: 14px;
      margin: 0 2rem;
      border-radius: 9999px; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info .expire-date {
      color: #cf302c; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info div.auto-renewal {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info div.auto-renewal .toggle {
        display: block;
        width: 40px;
        height: 20px;
        background-image: url("/skins/0/images/toggle-on-1-marketing-life.png");
        margin: 0;
        background-size: contain;
        background-repeat: no-repeat; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .domain-info div.auto-renewal .disabled .toggle {
        background-image: url("/skins/0/images/toggle-off-1.png"); }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .contact-info {
      border-top: 1px solid #eee; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .contact-info h3 {
        margin: 20px 0;
        font-size: 18px;
        color: #333;
        font-weight: 500; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .contact-info dl {
        margin: 0;
        display: grid;
        grid-template-columns: max-content 1fr; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .contact-info dt {
        color: #666;
        font-weight: normal; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .domain-section .contact-info dd {
        color: #333;
        font-weight: 500; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-manage-wrapper {
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 20px; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-section {
      background-color: white;
      border: 1px solid #eee;
      padding: 20px;
      border-radius: 0.75rem; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-section p {
        margin-top: 0;
        color: #666; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-section ul {
        list-style: none;
        padding: 0; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-section li {
        margin: 10px 0 0 0;
        color: #333;
        display: flex;
        gap: 8px;
        font-size: 15px; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-section li:before {
        content: "\2713";
        background-color: #2ad56b;
        font-weight: bold;
        font-size: 14px;
        width: 18px;
        height: 18px;
        aspect-ratio: 1 / 1;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 6px; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .checklist-section ul li span {
        color: #2ad56b; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options {
      display: flex;
      flex-direction: column;
      gap: 20px; }
    .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option {
      padding: 20px;
      margin: 0;
      background: white;
      border: 1px solid #eee;
      display: flex;
      align-items: center;
      gap: 20px;
      cursor: pointer;
      text-decoration: none;
      color: inherit;
      border-radius: 0.75rem;
      transition: all 0.2s ease; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option:hover {
        border-color: #a9185a;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .icon-website,
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .icon-campaigns {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 0; }
        .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .icon-website::before,
        .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .icon-campaigns::before {
          content: "";
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          width: 100%;
          height: 100%;
          position: relative; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .icon-campaigns::before {
        background-image: url("/skins/0/images/manageEmailIcon.svg"); }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .icon-website::before {
        background-image: url("/skins/0/images/manageWebIcon.svg"); }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .option-content {
        flex: 1; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .option-content h3 {
        margin: 0 0 8px 0;
        font-size: 18px;
        color: #333;
        font-weight: 500; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .option-content p {
        margin: 0;
        color: #666;
        font-size: 14px;
        line-height: 1.5; }
      .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .arrow-right {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0; }
        .IOnboardingMarketing .IHomeContainer .IOnboardingMarketingCompleteContainer .management-options .management-option .arrow-right::before {
          content: "";
          display: flex;
          background-image: url("/skins/0/images/arrow-right.svg");
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          width: 20px;
          height: 20px;
          position: relative; }
  .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer label {
    white-space: normal; }
  .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer #theIMarketingDashboardBody {
    display: none; }
  .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem 0; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info h3 {
      margin: 0;
      color: #a9185a; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .legend {
      display: flex;
      background-color: white;
      flex-wrap: wrap;
      height: 44px;
      padding: 0.75rem 1.25rem;
      font-size: 0.9rem;
      border-radius: 9999px;
      line-height: 1.5; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .legend div {
        margin: 0 10px;
        display: flex;
        white-space: nowrap; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .legend div:before {
          content: "";
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background-color: #c3c3c3;
          position: relative;
          top: 2px;
          margin: 0 5px 0 0; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .legend div.email:before {
          background-color: #1bbe7f; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .legend div.sms:before {
          background-color: #35bceb; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info #theIMarketingDashboardBody {
      display: block; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info #theNameFilterAjax {
      position: relative; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info #theNameFilterAjax:after {
        content: "";
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 8px;
        right: 8px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="white"><path d="M13.0006 6.49905C13.0006 7.93321 12.535 9.25802 11.7506 10.3329L15.707 14.2917C16.0977 14.6822 16.0977 15.3165 15.707 15.7071C15.3164 16.0976 14.682 16.0976 14.2913 15.7071L10.3349 11.7483C9.25983 12.5357 7.93476 12.9981 6.50032 12.9981C2.90952 12.9981 0 10.0891 0 6.49905C0 2.90895 2.90952 0 6.50032 0C10.0911 0 13.0006 2.90895 13.0006 6.49905ZM6.50032 10.9984C7.09129 10.9984 7.67649 10.882 8.22248 10.6559C8.76847 10.4298 9.26457 10.0984 9.68245 9.68056C10.1003 9.26276 10.4318 8.76676 10.658 8.22087C10.8841 7.67499 11.0005 7.08991 11.0005 6.49905C11.0005 5.90819 10.8841 5.32311 10.658 4.77722C10.4318 4.23134 10.1003 3.73534 9.68245 3.31753C9.26457 2.89973 8.76847 2.56831 8.22248 2.3422C7.67649 2.11609 7.09129 1.99971 6.50032 1.99971C5.90934 1.99971 5.32415 2.11609 4.77816 2.3422C4.23217 2.56831 3.73607 2.89973 3.31818 3.31753C2.9003 3.73534 2.56881 4.23134 2.34266 4.77722C2.1165 5.32311 2.0001 5.90819 2.0001 6.49905C2.0001 7.08991 2.1165 7.67499 2.34266 8.22087C2.56881 8.76676 2.9003 9.26276 3.31818 9.68056C3.73607 10.0984 4.23217 10.4298 4.77816 10.6559C5.32415 10.882 5.90934 10.9984 6.50032 10.9984Z" /></svg>');
        background-position: center;
        background-repeat: no-repeat;
        background-color: #a9185a;
        width: 36px;
        height: 36px;
        border-radius: 9999px;
        cursor: pointer; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info #theNameFilterAjax label {
        display: none; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info input.text {
      background-color: white;
      height: 44px;
      padding: 0.75rem 1.25rem;
      font-size: 0.9rem;
      padding-right: 50px;
      width: 400px; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info input.text:hover:not(:disabled) {
        background-color: #e6e6e6; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .FormTable {
      margin: 0; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters {
      box-shadow: none;
      display: flex;
      justify-content: flex-end;
      margin: 0;
      gap: 10px;
      padding: 0;
      background-color: unset;
      flex: 1; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        min-width: auto;
        cursor: pointer;
        user-select: none;
        line-height: 1.2;
        height: 44px;
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
        border-radius: 9999px;
        transition: all 0.3s ease-out 0s;
        font-weight: 500;
        background-color: #fff;
        border: 1px solid #a9185a;
        color: #a9185a;
        width: 250px;
        justify-content: space-between;
        position: relative; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label svg {
          fill: #fff;
          width: 20px;
          height: 20px; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label:hover, .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label:focus {
          background-color: #a9185a;
          color: #fff; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label:focus {
          outline: none; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label:hover {
          text-decoration: none !important; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label.submit:active {
          filter: brightness(85%); }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label:disabled {
          background-color: #f3f4f6;
          border: 1px solid #f3f4f6;
          cursor: not-allowed;
          color: #000000; }
          .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label:disabled svg {
            fill: #000000; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters label.processing {
          background-image: url("//app.lifeley.tech/images/loading.gif");
          background-repeat: no-repeat;
          background-position: center right;
          background-size: 15px; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters > label:hover svg path {
        fill: white; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters .inner {
        background: white;
        border-radius: 20px 0 0 20px;
        position: absolute;
        z-index: 1;
        right: 0;
        width: 0;
        box-shadow: -2px 4px 7px #c1c1c1;
        user-select: none;
        overflow: hidden;
        min-height: fit-content;
        height: 81vh; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters .inner a {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          border-radius: 0.5rem;
          margin: 0;
          margin: 4px 0.75rem;
          padding: 2px 1.25rem;
          line-height: 1.4em;
          width: unset;
          background-color: transparent; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters .inner a:hover,
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters .inner a.active {
          background-color: #fcedf4; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters .inner label {
          color: #000;
          border: none;
          background: transparent; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters za {
        display: flex;
        text-align: center;
        padding: 3px 15px;
        text-decoration: none;
        line-height: 1.4em;
        color: #555;
        border-radius: 30px;
        width: initial;
        background-color: transparent;
        font-size: 0.9rem;
        border: 1px solid #d2a3dd;
        align-items: center; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters za:before {
          content: "";
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background-color: #c3c3c3;
          xposition: relative;
          xtop: 5px;
          margin: 0 5px 0 0; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters za.emails:before {
          background-color: #22d64d; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .top-info .filters za:hover {
          background-color: rgba(0, 0, 0, 0.05); }
  .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    width: 100%;
    gap: 1.25rem;
    background-color: transparent;
    font-size: 0.9em;
    margin: 0 0 30px;
    position: relative; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group {
      background-color: white;
      border: none !important;
      padding: 15px;
      box-shadow: 3px 3px 26px -8px rgba(0, 0, 0, 0.2);
      position: relative;
      transition: all 0.3s ease-out 0s;
      border-radius: 0.75rem; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group:hover {
        transform: scale(1.05); }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .campaign-image {
        display: flex;
        margin-bottom: 1rem; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .campaign-image img {
          width: 100%;
          min-width: 100%;
          height: 12rem;
          object-fit: cover;
          object-position: top;
          border-radius: 0.75rem; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group a {
        line-height: 1.4;
        display: block; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group a label {
          white-space: normal;
          font-weight: 700;
          line-height: 1.4;
          width: 100%;
          display: block;
          margin-bottom: 10px; }
          .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group a label:not(.name) {
            font-size: 0.9em;
            color: #999;
            margin: 5px 0 0 7px;
            display: inline-block;
            width: max-content; }
          .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group a label.name {
            min-height: 45px; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group a .toggler {
          xdisplay: inline-block;
          float: left;
          width: 40px;
          /* Adjust the width */
          height: 20px;
          /* Adjust the height */
          margin: 5px 0 0 0;
          background-image: url("/skins/0/images/toggle-on-1-marketing-life.png");
          background-size: contain;
          vertical-align: middle;
          background-repeat: no-repeat; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group.disabled a {
        color: inherit;
        cursor: pointer;
        background-color: transparent !important; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group.disabled a .toggler {
          background-image: url("/skins/0/images/toggle-off-1.png"); }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations {
        margin: 15px 0 0; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations a {
          margin: 0; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations label {
          color: #a9185a; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations .automation {
          xdisplay: flex;
          margin: 8px 0 0;
          line-height: 1.4; }
          .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations .automation a {
            border: 2px solid #a9185a;
            float: right;
            font-size: 0.9em;
            padding: 5px 10px;
            border-radius: 20px;
            color: inherit;
            line-height: 1; }
            .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations .automation a:hover {
              background-color: rgba(0, 0, 0, 0.05); }
          .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations .automation label {
            display: block;
            xfont-size: 0.9em;
            color: inherit; }
            .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group .automations .automation label.kind {
              background-color: #1bbe7f;
              color: white;
              padding: 4px 12px;
              width: max-content;
              border-radius: 20px;
              font-size: 0.8em;
              margin: 5px 0 0; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group ul {
        padding: 0; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group ul.bizGroups {
          margin: 0 0 0 20px; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group ul label {
          font-weight: 500; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group ul li::marker {
          list-style: none; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group xinput + label:before {
        content: "";
        display: inline-block;
        width: 30px;
        /* Adjust the width */
        height: 20px;
        /* Adjust the height */
        margin-right: 8px;
        background-image: url("/skins/0/images/toggle-off.png");
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns .campaign-group xinput:checked + label:before {
        background-image: url("/skins/0/images/toggle-on.png"); }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .campaigns #batch {
      grid-column: 1 / -1; }
  .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages-wrapper {
    background: white;
    padding: 1.5em 5em 2.5em;
    text-align: center;
    margin-bottom: 2rem;
    border-radius: 1.25rem; }
  .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages {
    --gap: 20px;
    display: flex;
    gap: var(--gap);
    position: relative; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages div {
      flex: 1;
      max-width: calc((100% - var(--gap) * 3) / 4);
      background-color: #ccc;
      border-radius: 10px;
      display: flex;
      align-items: center;
      position: relative; }
      .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages div a {
        padding: 65px 5px;
        xdisplay: block;
        xwidth: 100%;
        xtext-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        text-transform: capitalize;
        opacity: 0;
        text-decoration: none; }
        .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages div a:hover {
          opacity: 1; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages label.previous,
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages label.next,
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages a.previous,
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages a.next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages label.previous,
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages a.previous {
      left: -60px; }
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages label.next,
    .IOnboardingMarketing .IHomeContainer .IMarketingDashboardContainer .landing-pages a.next {
      right: -60px; }
  .IOnboardingMarketing .IHomeContainer #theISetAgentBrandingBody {
    background-color: white;
    border-radius: 10px;
    border: none !important;
    padding: 45px;
    box-shadow: 3px 3px 26px -8px rgba(0, 0, 0, 0.2); }
    .IOnboardingMarketing .IHomeContainer #theISetAgentBrandingBody .paletteBox {
      flex: none;
      width: 25%; }
      .IOnboardingMarketing .IHomeContainer #theISetAgentBrandingBody .paletteBox a:nth-child(1) {
        border: 1px solid #337ab7;
        padding: 5px 10px;
        display: inline-block;
        margin: 20px 0 20px;
        border-radius: 5px;
        font-size: 0.9em; }
    .IOnboardingMarketing .IHomeContainer #theISetAgentBrandingBody #thePalette .palette img {
      width: 100%;
      border: 1px solid #bbb;
      display: block;
      border-radius: 10px; }
    .IOnboardingMarketing .IHomeContainer #theISetAgentBrandingBody .logoImagePathBox {
      padding: 88px 0 0 15px; }
  .IOnboardingMarketing .IHomeContainer .wizard-completed-future-access {
    text-align: center;
    margin: 30px 0 0; }
    .IOnboardingMarketing .IHomeContainer .wizard-completed-future-access div {
      display: inline-block;
      margin: 0 5px; }
.IOnboardingMarketing .pager {
  margin: 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem; }
  .IOnboardingMarketing .pager a {
    display: inline-block;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #a9185a !important;
    border-radius: 30px;
    padding: 5px 20px;
    color: #a9185a !important;
    text-decoration: none !important; }
    .IOnboardingMarketing .pager a:hover {
      background-color: #a9185a !important;
      color: white !important; }
  .IOnboardingMarketing .pager span {
    display: inline-block;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #dddddd !important;
    border-radius: 30px;
    padding: 5px 20px;
    color: #dddddd !important;
    text-decoration: none;
    cursor: not-allowed; }
  .IOnboardingMarketing .pager .next {
    margin-left: auto; }
.IOnboardingMarketing .IPaymentViewContainer .submit {
  margin: 0; }
.IOnboardingMarketing .cardSelector td {
  padding: 10px; }

/* Life is Marketing Landing Page */
/* Hide save button when in preview mode */
body.preview-mode button.submit,
body.preview-mode input[type="submit"],
body.preview-mode .submit-button {
  display: none !important; }

.IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer {
  /* Banner Section */
  /* Main Section */
  /* Features Section */
  /* trial Section */
  /* Demo Section */
  /* Competitors Section */
  /* Testimonials Section */
  /* Last Section */
  /* Footer */ }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .landingPageWrapper {
    width: 100%;
    max-height: 100vh;
    position: relative;
    overflow: auto; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .container {
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .logoImageWrapper {
    padding: 10px 0;
    margin: 0; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.025em;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0;
    background-color: transparent;
    color: #a9185a;
    border: 0.0625rem solid #a9185a;
    /* Properties which can be updated */
    margin: 0;
    font-weight: 500;
    text-align: center;
    text-transform: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline:focus {
      outline: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline:disabled, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline.disabled {
      cursor: not-allowed;
      opacity: 0.65;
      pointer-events: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline svg {
      width: 1.25rem;
      height: 1.25rem; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline:hover:not(:disabled) {
      color: #fff;
      background-color: #a9185a; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline:disabled {
      color: #6c757d;
      border-color: #dee2e6;
      cursor: not-allowed;
      opacity: 0.65; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonOutline:disabled:hover {
        background-color: transparent;
        color: #6c757d; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.025em;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 0;
    background-color: #a9185a;
    color: #fff;
    border: 0.0625rem solid #a9185a;
    /* Properties which can be updated */
    margin: 0;
    font-weight: 500;
    text-align: center;
    text-transform: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled:focus {
      outline: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled:disabled, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled.disabled {
      cursor: not-allowed;
      opacity: 0.65;
      pointer-events: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled svg {
      width: 1.25rem;
      height: 1.25rem; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled:hover:not(:disabled) {
      background-color: #851347; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled:disabled, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled.disabled {
      background-color: #e9ecef;
      color: #6c757d;
      cursor: not-allowed;
      opacity: 0.65;
      border-color: #dee2e6; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled:disabled:hover, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.buttonFilled.disabled:hover {
        background-color: #e9ecef; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.viewAllTestimonialsButton, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.unlockMoreFeatureButton {
    margin: auto; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .buttonLink.trialButton {
    font-weight: 600; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .text-md {
    font-size: 1rem;
    line-height: 1.5; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .text-l {
    font-size: 1.125rem;
    line-height: 1.5; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .text-2xl {
    font-size: 2rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .text-3xl {
    font-size: 2.25rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .headerWrapper {
    position: absolute;
    z-index: 1;
    overflow-y: hidden;
    width: 100%;
    padding: 20px 30px;
    xbackground-color: rgba(35, 35, 35, 0.95);
    background-color: transparent;
    display: none; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .headerWrapper .headerContent {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .headerWrapper .desktopNav.nav {
    margin-left: auto; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .headerWrapper .navList {
    list-style: none; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .headerWrapper .navLink {
    display: inline-block;
    border: 1px solid #fff;
    padding: 8px 12px;
    text-decoration: none;
    color: #fff; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .headerWrapper .logoWrapper img {
    max-height: 30px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .backgroundImage {
    min-height: 500px;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .backgroundImage.bannerWrapper {
      /* background-image: url(./marketingLifeLandingPageBanner.png); */
      background-image: url("/skins/0/images/marketingLifeLandingPageV2/marketingLifeLandingPageBanner.png");
      /*For now used weebly image here for background later will change this. */ }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .backgroundImage.bannerWrapper::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        height: inherit;
        background: rgba(0, 0, 0, 0.2);
        zcontent: ""; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .backgroundImage.lastSectionWrapper {
      background-image: url("/skins/0/images/marketingLifeLandingPage/lastSection.png"); }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .points-list-wrapper .points-list-header {
    font-size: 1.25rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .points-list-wrapper .points-list {
    padding: 0; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .points-list-wrapper .points-list li {
    position: relative;
    padding-left: 1.5rem;
    list-style: none; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .points-list-wrapper .points-list li:before {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/skins/0/images/marketingLifeLandingPageV2/checkIcon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button {
    margin: 2rem 0 1rem; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      min-width: auto;
      cursor: pointer;
      user-select: none;
      line-height: 1.2;
      height: 44px;
      padding: 0.75rem 1.25rem;
      font-size: 0.9rem;
      border-radius: 9999px;
      transition: all 0.3s ease-out 0s;
      font-weight: 500;
      background-color: white;
      border: none;
      color: #a9185a;
      text-transform: uppercase; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit svg {
        fill: #a9185a;
        width: 20px;
        height: 20px; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:hover:not(:disabled), .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:focus:not(:disabled) {
        color: white;
        background-color: #a9185a; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:hover:not(:disabled) svg, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:focus:not(:disabled) svg {
          fill: white; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:focus {
        outline: none; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:hover {
        text-decoration: none !important; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit.submit:active {
        filter: brightness(85%); }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:disabled {
        background-color: #f3f4f6;
        border: 1px solid #f3f4f6;
        cursor: not-allowed;
        color: #000000; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit:disabled svg {
          fill: #000000; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button button.submit.processing {
        background-image: url("//app.lifeley.tech/images/loading.gif");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 15px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .action-button.center {
      justify-content: center;
      text-align: center; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .promotion-wrapper {
    background-color: #7c1242;
    width: 100%; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .promotion-wrapper .container {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 1.5rem;
      padding: 1rem 25px !important;
      color: #ffffff; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    width: 100%;
    gap: 1rem 2rem;
    align-items: center;
    margin-top: 2rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .container {
    padding: 90px 25px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .container {
    padding: 8px 25px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 36px;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: #201a3d;
    border: none;
    color: white; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action svg {
      fill: white;
      width: 20px;
      height: 20px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:hover:not(:disabled), .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:focus:not(:disabled) {
      color: white;
      background-color: #0d0b19; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:hover:not(:disabled) svg, .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:focus:not(:disabled) svg {
        fill: white; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:focus {
      outline: none; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:hover {
      text-decoration: none !important; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action.submit:active {
      filter: brightness(85%); }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action:disabled svg {
        fill: #000000; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerWrapper .promotion-wrapper .promotion-action.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .scroll-btn {
    position: absolute;
    padding: 1.25rem 0.75rem;
    border-radius: 9999px;
    cursor: pointer; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .scroll-btn.scroll-down {
      bottom: 1rem;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(255, 255, 255, 0.3);
      border: 1px solid white; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .scroll-btn.scroll-down:hover {
        background: #a9185a;
        border-color: #a9185a; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .scroll-btn.scroll-up {
      right: 2rem;
      bottom: 12rem;
      background-color: #b425679e;
      border: 1px solid #b425679e; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .scroll-btn.scroll-up:hover {
        background: #a9185a;
        border-color: #a9185a; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .scroll-btn svg {
      height: 30px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerContent {
    display: flex;
    flex-direction: column;
    width: 65%;
    color: white; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerContent .bannerLogo {
      width: auto;
      max-width: 100%;
      height: 60px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerContent .bannerTitle {
      font-size: 2.5rem;
      line-height: 3.5rem;
      padding-bottom: 1rem;
      display: block;
      color: #ffffff; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerContent .bannerSubHeading {
      font-size: 1.125rem;
      line-height: 1.5;
      padding-bottom: 1rem;
      width: 80%;
      color: white; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper {
    position: relative; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .container {
    padding: 70px 25px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .sectionTitle {
    font-size: 1.825rem;
    line-height: 2.5rem;
    margin: 0; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .sectionTitle.center {
      text-align: center; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .sectionSubTitle {
    font-size: 1.25rem; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .sectionSubTitle.center {
      text-align: center; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .featuresWrapper {
    background-color: #292949;
    color: #fff; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .mainWrapper .featuresWrapper .featureCard:hover {
      background-color: #a9185a; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featuresContent {
    display: flex;
    width: 100%;
    flex-direction: column; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featuresCardWrapper .featureCardImage {
    margin: 3rem 0;
    height: 6rem;
    width: 6rem;
    object-fit: cover;
    max-width: 100%; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featuresCardWrapper .featureCardTitle {
    font-weight: bold; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featuresCardWrapper .featureCardDescription {
    font-size: 0.75rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featureCard {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 20px;
    padding: 1rem;
    color: white;
    text-align: center;
    background-color: #201a3d;
    transition: all 0.3s ease-out 0s;
    height: 100%; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 {
    background: linear-gradient(180deg, #292949 0%, #911c53 100%);
    color: white; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent {
    display: flex;
    flex-direction: column; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent > div img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .automated-content-creation,
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content {
      background: rgba(20, 20, 54, 0.8);
      padding: 2rem;
      border-radius: 1.5rem;
      margin-top: 2rem;
      border: 1px solid rgba(20, 20, 54, 0.8); }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .automated-content-creation:hover,
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content:hover {
        border: 1px solid #a9185a; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content {
      display: none; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .sectionTitleWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .available-content-actions {
        display: flex;
        gap: 1rem;
        align-items: center; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .back {
        color: white;
        margin: 0 !important; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .back svg path {
          fill: white; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .tabs-wrapper {
        background: #3d3d67e5;
        padding: 0.5rem;
        font-size: 0.875rem;
        border-radius: 9999px;
        display: flex; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .emails-tab,
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .landing-page-tab {
        padding: 0.75rem 1.25rem;
        border-radius: 9999px;
        line-height: 1;
        cursor: pointer; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .emails-tab.active,
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .landing-page-tab.active {
          background-color: #951451; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .available-landing-pages,
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .available-emails {
        display: none; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .available-landing-pages.active,
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .available-emails.active {
          display: grid; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .featureCardImageWrapper {
        overflow: hidden;
        border-radius: 0.75rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .featureCard {
        background-color: transparent;
        padding: 0; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-content .featureCardImage {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .automated-content-image {
      position: relative;
      height: 100%;
      width: 100%; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .automated-content-image img {
        position: absolute;
        top: -100px;
        min-height: 350px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content {
      display: none;
      flex-direction: column;
      position: relative; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content > div {
        width: 100%; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .back {
        position: absolute;
        top: 0.5rem;
        display: inline-flex;
        align-items: center;
        font-size: 0.875rem;
        color: white;
        z-index: 1; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .back svg path {
          fill: white; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard {
        align-items: flex-start;
        text-align: left; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard.card1:hover {
          background: linear-gradient(180deg, #28badf 0%, #2cbce1 100%); }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard.card2:hover {
          background: linear-gradient(180deg, #1eb37c 0%, #2dde9d 100%); }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard.card3:hover {
          background: linear-gradient(180deg, #e25826 0%, #f9713f 100%); }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard.card4:hover {
          background: linear-gradient(180deg, #3ea8ff 0%, #2a4bdc 100%); }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard .featureCardImage {
          margin-top: 0;
          width: 100px;
          object-fit: contain; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .available-gifts-content .featureCard .featureCardDescription {
          font-size: 1rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .demoWrapper {
    background: #141436; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .demoContent {
    color: white; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .demoContent .demoImageWrapper img {
      width: 100%;
      object-fit: contain; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonWrapper {
    background-color: #141436;
    color: white; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCardWrapper {
    margin-top: 2rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard {
    padding: 2rem;
    border-radius: 20px;
    height: 100%; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard .cardHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard .cardHeader p {
        max-width: 50%; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard .cardHeader img {
        width: auto;
        object-fit: contain; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.competitorsCard {
      background-color: #1f1f3b; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.competitorsCard .cardHeader {
        padding-bottom: 2rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.competitorsCard img {
        height: 1.75rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.competitorsCard .points-list li:before {
        background-image: url("/skins/0/images/marketingLifeLandingPageV2/checkIconDisabled.svg"); }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.ourCard {
      background-color: #292949;
      border: 1px solid #292949; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.ourCard:hover {
        border: 1px solid #a9185a; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.ourCard .cardHeader {
        padding-bottom: 1rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard.ourCard img {
        height: 2.75rem; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .testimonialsCardWrapper {
    display: flex;
    margin: 3rem 0;
    gap: 30px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .testimonialsCardWrapper .testimonialCard {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: #15182b;
      color: white;
      padding: 1.825rem 2.25rem;
      border-radius: 20px;
      flex: 1; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .testimonialsCardWrapper .testimonialCard .reviewerDataWrapper {
        display: flex;
        gap: 1rem;
        align-items: center;
        margin-top: 1rem; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .testimonialsCardWrapper .testimonialCard .reviewerDataWrapper .reviewerImage {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          object-fit: cover;
          object-position: center; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .testimonialsCardWrapper .testimonialCard .reviewerDataWrapper .reviewerName {
          font-weight: 800; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionWrapper .promotion-wrapper .container {
    max-width: 810px; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionWrapper .container {
    z-index: 1; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionWrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c5c5de;
    background: linear-gradient(180deg, rgba(197, 197, 222, 0.11) 0%, #201a3d 100%); }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent {
    min-height: calc(100vh - 90px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: auto;
    max-width: 810px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent > div {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: white;
      position: relative; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent .book-demo-wrapper p {
      color: #141436; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent form {
      display: block;
      width: 100%;
      margin: 2rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent form div {
        display: flex;
        gap: 2rem; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent form input {
        height: 50px;
        padding: 1rem 1.5rem;
        font-size: 0.9rem;
        border: 1px solid #9595b2;
        border-radius: 10px;
        color: #292949;
        background-color: rgba(255, 255, 255, 0.9);
        margin-bottom: 10px; }
      .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent form button.submit {
        background-color: #a9185a;
        color: white; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent form button.submit:hover:not(:disabled) {
          background-color: #7c1242; }
        .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent form button.submit:hover:not(:disabled) {
          color: white; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .lastSectionContent .logo-vertical {
      height: 100px;
      object-fit: contain;
      margin: 2rem 0; }
  .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .footerWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .footerWrapper .container {
      padding: 1rem 25px; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .footerWrapper .footerContent {
      display: flex;
      justify-content: center;
      align-items: center;
      color: white; }
  @media screen and (min-width: 1000px) and (max-width: 1386px) {
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featuresCardWrapper {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); } }
  @media screen and (max-width: 768px) {
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .bannerContent {
      width: 100%; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .demoContent,
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .testimonialsCardWrapper,
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .footerContent {
      flex-direction: column; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .comparisonCard .cardHeader {
      flex-direction: column-reverse; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .section3 .sectionContent .automated-content-image img {
      position: relative;
      top: 0; }
    .IOnboardingMarketing .IOnboardingMarketingContainer .IStaticPageContainer .featuresCardWrapper {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); } }

.ILandingPages .IHomeContainer {
  padding: 0;
  background-color: unset;
  box-shadow: unset; }
.ILandingPages .secondary-commands a.addNewPage {
  background-color: #a9185a;
  color: white;
  gap: 8px; }
  .ILandingPages .secondary-commands a.addNewPage:hover:not(:disabled) {
    background-color: #7c1242; }
  .ILandingPages .secondary-commands a.addNewPage:hover:not(:disabled) {
    color: white; }
  .ILandingPages .secondary-commands a.addNewPage:before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.52268 1.23097C8.53499 1.07422 8.51475 0.916626 8.46321 0.768082C8.41168 0.619537 8.32998 0.483258 8.22325 0.367809C8.11651 0.252361 7.98705 0.16024 7.84299 0.0972366C7.69894 0.034233 7.54341 0.00170898 7.38618 0.00170898C7.22895 0.00170898 7.07342 0.034233 6.92937 0.0972366C6.78532 0.16024 6.65585 0.252361 6.54912 0.367809C6.44238 0.483258 6.36068 0.619537 6.30915 0.768082C6.25762 0.916626 6.23737 1.07422 6.24968 1.23097V6.76897H1.13568C0.826337 6.79393 0.537729 6.93444 0.327288 7.16254C0.116846 7.39065 0 7.68962 0 7.99997C0 8.31032 0.116846 8.60929 0.327288 8.83739C0.537729 9.0655 0.826337 9.20601 1.13568 9.23097H6.24968V14.769C6.23737 14.9257 6.25762 15.0833 6.30915 15.2319C6.36068 15.3804 6.44238 15.5167 6.54912 15.6321C6.65585 15.7476 6.78532 15.8397 6.92937 15.9027C7.07342 15.9657 7.22895 15.9982 7.38618 15.9982C7.54341 15.9982 7.69894 15.9657 7.84299 15.9027C7.98705 15.8397 8.11651 15.7476 8.22325 15.6321C8.32998 15.5167 8.41168 15.3804 8.46321 15.2319C8.51475 15.0833 8.53499 14.9257 8.52268 14.769V9.23097H13.6367C13.946 9.20601 14.2346 9.0655 14.4451 8.83739C14.6555 8.60929 14.7724 8.31032 14.7724 7.99997C14.7724 7.68962 14.6555 7.39065 14.4451 7.16254C14.2346 6.93444 13.946 6.79393 13.6367 6.76897H8.52268V1.23097Z' fill='white'/%3E%3C/svg%3E"); }
.ILandingPages .landing-pages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  width: 100%;
  gap: 2rem; }
.ILandingPages .landing-page {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 0.75rem;
  background: white;
  box-shadow: 0 0 10px 0 #ddd; }
  .ILandingPages .landing-page:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-out 0s; }
.ILandingPages .landing-page-info,
.ILandingPages .landing-page-action {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.ILandingPages .landing-page-info {
  margin-top: 1rem; }
  .ILandingPages .landing-page-info .page-title {
    color: #222; }
  .ILandingPages .landing-page-info button.page-delete,
  .ILandingPages .landing-page-info .page-copy {
    padding: unset;
    height: 40px;
    width: 40px;
    font-size: 0; }
    .ILandingPages .landing-page-info button.page-delete svg,
    .ILandingPages .landing-page-info .page-copy svg {
      width: 18px;
      height: unset;
      fill: transparent; }
  .ILandingPages .landing-page-info .page-copy {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f3f7;
    border-radius: 9999px; }
    .ILandingPages .landing-page-info .page-copy:hover:not(:disabled) {
      background-color: #d2d6e4; }
  .ILandingPages .landing-page-info .page-delete {
    background-color: #cf302c;
    color: white; }
    .ILandingPages .landing-page-info .page-delete:hover:not(:disabled) {
      background-color: #a52623; }
    .ILandingPages .landing-page-info .page-delete:hover:not(:disabled) {
      color: white; }
.ILandingPages .landing-page iframe {
  order: -1;
  border: 0;
  border-radius: 0.75rem;
  height: 250px !important; }

/* Edit Landing Pages */
.IAgentBusinessCard input.checkbox:checked {
  background-color: var(--primary-button-bg-color) !important;
  border-color: var(--primary-button-bg-color) !important; }

.IMortgageBrokerOnboarding {
  /* Domain Creation / Web and email */ }
  .IMortgageBrokerOnboarding.backButton .SSFormBody {
    padding: 0; }
  .IMortgageBrokerOnboarding .contentHead.top {
    text-align: center; }
  .IMortgageBrokerOnboarding .shelf {
    width: auto;
    max-width: min(90%, 600px); }
    .IMortgageBrokerOnboarding .shelf .IChooseImageDialogAjaxFields .selectView a .palette img {
      height: 54px;
      width: auto; }
  .IMortgageBrokerOnboarding .mortgage-broker-checkout-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 0.75rem; }
  .IMortgageBrokerOnboarding .IMortgageBrokerCheckoutBody {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding-top: 3rem; }
    .IMortgageBrokerOnboarding .IMortgageBrokerCheckoutBody h2 {
      margin: 0; }
  .IMortgageBrokerOnboarding .IShoppingCartContainerWrap {
    flex: 1; }
  .IMortgageBrokerOnboarding .cart {
    float: unset;
    margin: 0;
    width: 100%;
    border: none;
    border-radius: 0.75rem; }
  .IMortgageBrokerOnboarding #theIMortgageBrokerCheckout {
    flex: 2; }
  .IMortgageBrokerOnboarding .domainHeadingWrapper {
    text-align: center; }
    .IMortgageBrokerOnboarding .domainHeadingWrapper p {
      font-size: 1.25rem; }
  .IMortgageBrokerOnboarding .domainSearchInputGroup {
    display: grid;
    grid-template-columns: 4fr 1fr;
    column-gap: 10px;
    margin-bottom: 1.5rem; }
    .IMortgageBrokerOnboarding .domainSearchInputGroup label {
      margin-bottom: 0.5rem; }
    .IMortgageBrokerOnboarding .domainSearchInputGroup .secondaryText {
      display: none; }
  .IMortgageBrokerOnboarding .domainSearchInputGroup input.submit {
    margin-top: auto;
    min-width: fit-content;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #9257d3;
    color: white; }
    .IMortgageBrokerOnboarding .domainSearchInputGroup input.submit:hover:not(:disabled) {
      background-color: #7833c4; }
    .IMortgageBrokerOnboarding .domainSearchInputGroup input.submit:hover:not(:disabled) {
      color: white; }
  .IMortgageBrokerOnboarding .domainSearchAndHeadingWrapper {
    margin: 0 20%; }
  .IMortgageBrokerOnboarding .secondaryText {
    font-size: 14px;
    color: #808080;
    margin: 0; }
  .IMortgageBrokerOnboarding .idealDomainSuggestion {
    padding: 15px 30px;
    background: #f7f7f7;
    border-radius: 12px;
    border: 1px solid #9257d3; }
    .IMortgageBrokerOnboarding .idealDomainSuggestion .secondaryText {
      display: flex;
      align-items: center;
      margin-left: 0.5rem; }
      .IMortgageBrokerOnboarding .idealDomainSuggestion .secondaryText:before {
        content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' viewBox='0 0 24 24' > <path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z' /> </svg>");
        position: relative;
        left: -8px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #00d674;
        border-radius: 50%;
        aspect-ratio: 1/1;
        width: 1rem;
        height: 1rem; }
  .IMortgageBrokerOnboarding .suggestionWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px; }
    .IMortgageBrokerOnboarding .suggestionWrapper input.submit {
      background-color: #9257d3;
      color: white; }
      .IMortgageBrokerOnboarding .suggestionWrapper input.submit:hover:not(:disabled) {
        background-color: #7833c4; }
      .IMortgageBrokerOnboarding .suggestionWrapper input.submit:hover:not(:disabled) {
        color: white; }
  .IMortgageBrokerOnboarding p.idealDomain {
    font-size: 1.35rem;
    margin: 0 0 1rem; }
  .IMortgageBrokerOnboarding p.domainName {
    font-weight: 600; }
  .IMortgageBrokerOnboarding .domainSuggestionsWrapper {
    margin: 0 10%;
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .IMortgageBrokerOnboarding .otherDomain {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 2px solid #eee; }
  .IMortgageBrokerOnboarding .otherDomain input.submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 44px;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #9257d3;
    color: #9257d3; }
    .IMortgageBrokerOnboarding .otherDomain input.submit svg {
      fill: #fff;
      width: 20px;
      height: 20px; }
    .IMortgageBrokerOnboarding .otherDomain input.submit:hover, .IMortgageBrokerOnboarding .otherDomain input.submit:focus {
      background-color: #9257d3;
      color: #fff; }
    .IMortgageBrokerOnboarding .otherDomain input.submit:focus {
      outline: none; }
    .IMortgageBrokerOnboarding .otherDomain input.submit:hover {
      text-decoration: none !important; }
    .IMortgageBrokerOnboarding .otherDomain input.submit.submit:active {
      filter: brightness(85%); }
    .IMortgageBrokerOnboarding .otherDomain input.submit:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .IMortgageBrokerOnboarding .otherDomain input.submit:disabled svg {
        fill: #000000; }
    .IMortgageBrokerOnboarding .otherDomain input.submit.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }
  @media screen and (max-width: 1000px) {
    .IMortgageBrokerOnboarding .domainSearchAndHeadingWrapper {
      margin: 0 15%; } }
  .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields td h1 {
    text-align: center;
    white-space: normal;
    margin-bottom: 0.75rem; }
  .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields td p {
    font-size: 1.25rem;
    text-align: center;
    color: #777777;
    white-space: normal;
    margin: 0; }
  .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    width: 100%;
    gap: 1.5rem;
    margin-top: 2rem; }
  .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    position: relative;
    border: 2px solid #9257d3;
    border-radius: 0.75rem; }
    .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option input {
      display: none; }
    .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option .custom-toggle {
      position: absolute;
      right: 1rem;
      top: 2.5rem;
      display: flex;
      cursor: pointer; }
    .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option label {
      white-space: normal;
      color: #2d3444;
      font-size: 1rem;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 1rem; }
    .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option .gift-option-description {
      white-space: normal;
      color: #888888;
      text-align: left; }
    .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option .read-more {
      color: #2d3444;
      margin-top: auto;
      font-weight: bold; }
      .IMortgageBrokerOnboarding .IAgencyCampaignSetupFields .gift-option .read-more:hover {
        text-decoration: underline; }
  .IMortgageBrokerOnboarding .IAgencyCampaignSetupActions {
    display: flex;
    justify-content: flex-end;
    margin: 0; }
  .IMortgageBrokerOnboarding .IInviteUsersBody .contentHead {
    padding: 30px;
    text-align: center; }
    .IMortgageBrokerOnboarding .IInviteUsersBody .contentHead > p {
      font-size: 1.25rem; }
  .IMortgageBrokerOnboarding .IInviteUsersActions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem; }
    .IMortgageBrokerOnboarding .IInviteUsersActions .secondary-commands {
      margin: 0 !important; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .secondary-commands a {
        background-color: deepskyblue;
        color: white; }
        .IMortgageBrokerOnboarding .IInviteUsersActions .secondary-commands a:hover:not(:disabled) {
          background-color: #0099cc; }
        .IMortgageBrokerOnboarding .IInviteUsersActions .secondary-commands a:hover:not(:disabled) {
          color: white; }
    .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother,
    .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      min-width: auto;
      cursor: pointer;
      user-select: none;
      line-height: 1.2;
      height: 44px;
      padding: 0.75rem 2.25rem;
      font-size: 0.9rem;
      border-radius: 9999px;
      transition: all 0.3s ease-out 0s;
      font-weight: 500;
      background-color: transparent;
      border: 1px solid deepskyblue;
      color: deepskyblue; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother svg,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast svg {
        fill: transparent;
        width: 20px;
        height: 20px; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:hover, .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:focus,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:hover,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:focus {
        background-color: deepskyblue;
        color: transparent; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:focus,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:focus {
        outline: none; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:hover,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:hover {
        text-decoration: none !important; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother.submit:active,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast.submit:active {
        filter: brightness(85%); }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:disabled,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:disabled {
        background-color: #f3f4f6;
        border: 1px solid #f3f4f6;
        cursor: not-allowed;
        color: #000000; }
        .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:disabled svg,
        .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:disabled svg {
          fill: #000000; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother.processing,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast.processing {
        background-image: url("//app.lifeley.tech/images/loading.gif");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 15px; }
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:not(:disabled):hover,
      .IMortgageBrokerOnboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:not(:disabled):hover {
        color: white; }
  .IMortgageBrokerOnboarding .pager {
    margin: 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem; }
    .IMortgageBrokerOnboarding .pager a {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      border: 1px solid #9257d3 !important;
      border-radius: 30px;
      padding: 5px 20px;
      color: #9257d3 !important;
      text-decoration: none !important; }
      .IMortgageBrokerOnboarding .pager a:hover {
        background-color: #9257d3 !important;
        color: white !important; }
    .IMortgageBrokerOnboarding .pager span {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      border: 1px solid #dddddd !important;
      border-radius: 30px;
      padding: 5px 20px;
      color: #dddddd !important;
      text-decoration: none;
      cursor: not-allowed; }

.IInviteUsersContainer {
  background-color: #f4f4f4;
  width: 100%;
  padding: 1.5rem;
  margin-bottom: 0;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
  .IInviteUsersContainer .contentHead {
    padding: 0; }

.IInviteUsers.Module-Onboarding .contentHead {
  padding: 30px;
  text-align: center; }
  .IInviteUsers.Module-Onboarding .contentHead > p {
    font-size: 1.25rem; }
.IInviteUsers.Module-Onboarding .IInviteUsersActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem; }
  .IInviteUsers.Module-Onboarding .IInviteUsersActions .secondary-commands {
    margin: 0 !important; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .secondary-commands a {
      background-color: deepskyblue;
      color: white; }
      .IInviteUsers.Module-Onboarding .IInviteUsersActions .secondary-commands a:hover:not(:disabled) {
        background-color: #0099cc; }
      .IInviteUsers.Module-Onboarding .IInviteUsersActions .secondary-commands a:hover:not(:disabled) {
        color: white; }
  .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother,
  .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 44px;
    padding: 0.75rem 2.25rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: transparent;
    border: 1px solid deepskyblue;
    color: deepskyblue; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother svg,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast svg {
      fill: transparent;
      width: 20px;
      height: 20px; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:hover, .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:focus,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:hover,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:focus {
      background-color: deepskyblue;
      color: transparent; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:focus,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:focus {
      outline: none; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:hover,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:hover {
      text-decoration: none !important; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother.submit:active,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast.submit:active {
      filter: brightness(85%); }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:disabled,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:disabled svg,
      .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:disabled svg {
        fill: #000000; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother.processing,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .addAnother:not(:disabled):hover,
    .IInviteUsers.Module-Onboarding .IInviteUsersActions .custom-actions-wrapper .cancelLast:not(:disabled):hover {
      color: white; }

.notAuthenticated.ILoanOfficerBranding .ub-container {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }

.ub-container > h1,
.ub-container p {
  text-align: center; }
.ub-container > p {
  font-size: 1.25rem; }

.ub-left-column .template-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.75rem; }
  .ub-left-column .template-grid .template-tile {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    aspect-ratio: 3 / 4;
    border: 6px solid transparent;
    display: flex;
    flex-direction: column; }
    .ub-left-column .template-grid .template-tile:hover {
      transform: scale(1.05); }
    .ub-left-column .template-grid .template-tile > img {
      width: 100%;
      height: auto;
      object-fit: cover;
      object-position: top; }
    .ub-left-column .template-grid .template-tile > div:not(.selected-template-text) {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 1;
      padding: 1rem;
      background: white;
      display: flex;
      align-items: center;
      gap: 1rem; }
      .ub-left-column .template-grid .template-tile > div:not(.selected-template-text) label {
        white-space: normal; }
    .ub-left-column .template-grid .template-tile .selected-template-text {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      background: linear-gradient(transparent, #9257d3);
      padding: 80px 20px;
      border: none !important;
      color: white;
      font-size: 1.25rem;
      font-weight: 600;
      text-align: center;
      letter-spacing: 1px;
      text-transform: capitalize; }
.ub-left-column .template-tile:has(input[type="radio"]:checked) {
  border: 6px solid #9257d3;
  box-shadow: 0 4px 12px rgba(146, 87, 211, 0.25); }
  .ub-left-column .template-tile:has(input[type="radio"]:checked) > div:not(.selected-template-text) {
    background: #9257d3; }
    .ub-left-column .template-tile:has(input[type="radio"]:checked) > div:not(.selected-template-text) label {
      color: white; }

.ub-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 2rem;
  margin-top: 2rem; }
  .ub-grid h2 {
    margin: 0; }
  .ub-grid .ub-card-preview {
    display: flex;
    flex-direction: column; }
  .ub-grid .preview-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0; }
  .ub-grid .ub-open-fullsize {
    text-align: right;
    margin: 0; }
    .ub-grid .ub-open-fullsize .ub-open-fullsize-link {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      min-width: auto;
      cursor: pointer;
      user-select: none;
      line-height: 1.2;
      height: 40px;
      padding: 0.75rem 1rem;
      font-size: 0.9rem;
      border-radius: 9999px;
      transition: all 0.3s ease-out 0s;
      font-weight: 500;
      background-color: #fff;
      border: 1px solid deepskyblue;
      color: deepskyblue; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link svg {
        fill: #fff;
        width: 20px;
        height: 20px; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link:hover, .ub-grid .ub-open-fullsize .ub-open-fullsize-link:focus {
        background-color: deepskyblue;
        color: #fff; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link:focus {
        outline: none; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link:hover {
        text-decoration: none !important; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link.submit:active {
        filter: brightness(85%); }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link:disabled {
        background-color: #f3f4f6;
        border: 1px solid #f3f4f6;
        cursor: not-allowed;
        color: #000000; }
        .ub-grid .ub-open-fullsize .ub-open-fullsize-link:disabled svg {
          fill: #000000; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link.processing {
        background-image: url("//app.lifeley.tech/images/loading.gif");
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 15px; }
      .ub-grid .ub-open-fullsize .ub-open-fullsize-link:hover {
        text-decoration: none; }
  .ub-grid .preview-tabs {
    display: flex;
    margin: 0;
    gap: 0; }
    .ub-grid .preview-tabs .tab {
      background-color: #e5e3e3;
      border: none;
      width: 150px;
      text-align: center;
      margin: 0 !important;
      color: #000;
      padding: 10px 20px; }
      .ub-grid .preview-tabs .tab:first-child {
        border-radius: 5px 0 0 0; }
      .ub-grid .preview-tabs .tab:last-child {
        border-radius: 0 5px 0 0; }
      .ub-grid .preview-tabs .tab.active {
        background-color: #f4f4f4; }
      .ub-grid .preview-tabs .tab svg {
        color: black; }
      .ub-grid .preview-tabs .tab.active svg {
        color: #9257d3; }
  .ub-grid .preview-wrapper {
    border: none;
    padding: 1rem;
    background-color: #f4f4f4;
    border-radius: 0.75rem;
    border-top-left-radius: 0px;
    flex: 1; }
    .ub-grid .preview-wrapper iframe {
      min-height: 100%; }
  .ub-grid .logoImagePathBox,
  .ub-grid .profileImagePathBox {
    display: flex;
    flex-direction: column; }
    .ub-grid .logoImagePathBox img,
    .ub-grid .profileImagePathBox img {
      margin: 1rem auto 0; }
  .ub-grid .profileImagePathBox .profile-image {
    text-align: center; }
  .ub-grid td.paletteBox {
    background-color: #f4f4f4;
    padding: 0.75rem;
    border-radius: 0.75rem; }
    .ub-grid td.paletteBox .palette label {
      margin-bottom: 0.5rem; }
    .ub-grid td.paletteBox .palette a {
      float: right;
      min-width: 160px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      cursor: pointer;
      text-decoration: none;
      font-family: inherit;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.025em;
      border: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      user-select: none;
      white-space: nowrap;
      vertical-align: middle;
      height: 2.5rem;
      padding: 0.5rem 1rem;
      font-size: 1rem;
      border-radius: 0;
      background-color: #525151;
      color: white;
      border: 0.0625rem solid #525151;
      /* Properties which can be updated */
      margin: auto 0 5px;
      font-weight: 500;
      text-align: center;
      text-transform: none;
      border-radius: 9999px; }
      .ub-grid td.paletteBox .palette a:focus {
        outline: none; }
      .ub-grid td.paletteBox .palette a:disabled, .ub-grid td.paletteBox .palette a.disabled {
        cursor: not-allowed;
        opacity: 0.65;
        pointer-events: none; }
      .ub-grid td.paletteBox .palette a svg {
        width: 1.25rem;
        height: 1.25rem; }
      .ub-grid td.paletteBox .palette a:hover:not(:disabled) {
        background-color: #3d3d3d; }
      .ub-grid td.paletteBox .palette a:disabled, .ub-grid td.paletteBox .palette a.disabled {
        background-color: #e9ecef;
        color: #6c757d;
        cursor: not-allowed;
        opacity: 0.65;
        border-color: #dee2e6; }
        .ub-grid td.paletteBox .palette a:disabled:hover, .ub-grid td.paletteBox .palette a.disabled:hover {
          background-color: #e9ecef; }

@media screen and (max-width: 1440px) {
  .ub-grid {
    grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 1000px) {
  .ub-grid {
    grid-template-columns: 1fr; } }
.mb-dashboard-header {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd; }
  .mb-dashboard-header h1 {
    margin-bottom: 0.5rem;
    font-weight: bold; }
  .mb-dashboard-header p {
    color: #777777;
    font-size: 1.25rem;
    margin: 0; }

.mb-grid .mb-card {
  background-color: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 0;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px 0 #ddd;
  display: flex;
  flex-direction: column; }
  .mb-grid .mb-card h3 {
    font-size: 1.25rem; }
  .mb-grid .mb-card #inviteSection {
    display: flex;
    flex-direction: column;
    flex: 1; }
    .mb-grid .mb-card #inviteSection .mb-actions {
      margin-top: auto; }
  .mb-grid .mb-card .mb-settings {
    margin-bottom: 0.5rem; }
    .mb-grid .mb-card .mb-settings li {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 1rem; }
      .mb-grid .mb-card .mb-settings li::before {
        content: "";
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-size: cover;
        background-position: center; }
      .mb-grid .mb-card .mb-settings li.branding-settings::before {
        background-image: url("/skins/0/images/branding-settings.png"); }
      .mb-grid .mb-card .mb-settings li.gift-settings::before {
        background-image: url("/skins/0/images/gift-settings.png"); }
      .mb-grid .mb-card .mb-settings li.image-upload::before {
        background-image: url("/skins/0/images/image-upload.png"); }
      .mb-grid .mb-card .mb-settings li.invite-loan-officers::before {
        background-image: url("/skins/0/images/invite-loan-officers.png"); }
      .mb-grid .mb-card .mb-settings li.upload-client-database::before {
        background-image: url("/skins/0/images/upload-client-database.png"); }
  .mb-grid .mb-card .inline-actions .btn,
  .mb-grid .mb-card .mb-actions .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: auto;
    cursor: pointer;
    user-select: none;
    line-height: 1.2;
    height: 44px;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 9999px;
    transition: all 0.3s ease-out 0s;
    font-weight: 500;
    background-color: #9257d3;
    border: none;
    color: white; }
    .mb-grid .mb-card .inline-actions .btn svg,
    .mb-grid .mb-card .mb-actions .btn svg {
      fill: white;
      width: 20px;
      height: 20px; }
    .mb-grid .mb-card .inline-actions .btn:hover:not(:disabled), .mb-grid .mb-card .inline-actions .btn:focus:not(:disabled),
    .mb-grid .mb-card .mb-actions .btn:hover:not(:disabled),
    .mb-grid .mb-card .mb-actions .btn:focus:not(:disabled) {
      color: white;
      background-color: #7833c4; }
      .mb-grid .mb-card .inline-actions .btn:hover:not(:disabled) svg, .mb-grid .mb-card .inline-actions .btn:focus:not(:disabled) svg,
      .mb-grid .mb-card .mb-actions .btn:hover:not(:disabled) svg,
      .mb-grid .mb-card .mb-actions .btn:focus:not(:disabled) svg {
        fill: white; }
    .mb-grid .mb-card .inline-actions .btn:focus,
    .mb-grid .mb-card .mb-actions .btn:focus {
      outline: none; }
    .mb-grid .mb-card .inline-actions .btn:hover,
    .mb-grid .mb-card .mb-actions .btn:hover {
      text-decoration: none !important; }
    .mb-grid .mb-card .inline-actions .btn.submit:active,
    .mb-grid .mb-card .mb-actions .btn.submit:active {
      filter: brightness(85%); }
    .mb-grid .mb-card .inline-actions .btn:disabled,
    .mb-grid .mb-card .mb-actions .btn:disabled {
      background-color: #f3f4f6;
      border: 1px solid #f3f4f6;
      cursor: not-allowed;
      color: #000000; }
      .mb-grid .mb-card .inline-actions .btn:disabled svg,
      .mb-grid .mb-card .mb-actions .btn:disabled svg {
        fill: #000000; }
    .mb-grid .mb-card .inline-actions .btn.processing,
    .mb-grid .mb-card .mb-actions .btn.processing {
      background-image: url("//app.lifeley.tech/images/loading.gif");
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 15px; }
  .mb-grid .mb-card .mb-stats {
    display: none; }
  .mb-grid .mb-card .mb-activity {
    padding: 0;
    margin: 0; }
    .mb-grid .mb-card .mb-activity li {
      display: flex;
      list-style: none;
      gap: 1.5rem;
      align-items: center;
      margin-bottom: 20px; }
      .mb-grid .mb-card .mb-activity li:last-of-type {
        margin-bottom: 0; }
        .mb-grid .mb-card .mb-activity li:last-of-type .activity::after {
          display: none; }
      .mb-grid .mb-card .mb-activity li .date {
        color: #777777; }
      .mb-grid .mb-card .mb-activity li .activity {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        position: relative;
        z-index: 0; }
        .mb-grid .mb-card .mb-activity li .activity::before {
          content: "";
          display: inline-block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-size: cover;
          background-position: center; }
        .mb-grid .mb-card .mb-activity li .activity::after {
          content: "";
          display: inline-block;
          height: 40px;
          width: 2px;
          background-color: #ededed;
          position: absolute;
          left: 20px;
          top: 20px;
          z-index: -1; }
        .mb-grid .mb-card .mb-activity li .activity.invite-sent::before {
          background-image: url("/skins/0/images/invite-sent.png"); }
        .mb-grid .mb-card .mb-activity li .activity.invite-reminder-sent::before {
          background-image: url("/skins/0/images/invite-reminder-sent.png"); }
        .mb-grid .mb-card .mb-activity li .activity.invite-accepted::before {
          background-image: url("/skins/0/images/invite-accepted.png"); }
        .mb-grid .mb-card .mb-activity li .activity.image-uploaded::before {
          background-image: url("/skins/0/images/image-uploaded.png"); }
        .mb-grid .mb-card .mb-activity li .activity.onboarding-completed::before {
          background-image: url("/skins/0/images/onboarding-completed.png"); }

@media screen and (max-width: 900px) {
  .mb-grid {
    grid-template-columns: 1fr !important; }

  .mb-span-2 {
    grid-column: span 1 !important; } }
.mb-chart {
  min-height: fit-content; }
  .mb-chart .mb-chart-canvas-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff; }
  .mb-chart .custom-legend {
    display: flex;
    justify-content: center;
    gap: 1rem; }
  .mb-chart .legend-item {
    display: flex;
    flex-direction: column;
    /* align-items: center; */ }
  .mb-chart .legend-count {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2; }
  .mb-chart .legend-label {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #444;
    white-space: nowrap; }
  .mb-chart .legend-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px; }
  .mb-chart .chart-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    pointer-events: none;
    white-space: nowrap; }

.devTeamLabel,
.betaUserLabel {
  margin: auto 10px;
  background-color: #333;
  color: white;
  padding: 3px 12px 1px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75em; }

.betaUserLabel {
  background-color: crimson; }

.devTeam .unlockMenu.openNav .leftNav,
.devTeam .leftNav {
  background-color: #222;
  border-left: 40px solid #111; }

@media screen and (max-width: 600px) {
  .devTeamLabel,
  .betaUserLabel {
    padding: 4px 12px 4px;
    position: absolute;
    left: 34px;
    line-height: 1;
    z-index: 3;
    margin: auto 4px; }

  .devTeamLabel {
    top: 20px; }

  .betaUserLabel {
    top: 50px; } }
/* Package Cards Styling */
.packages-header {
  text-align: center;
  margin-bottom: 2rem; }

.packages-header h1 {
  color: #2c3e50;
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: 700; }

.package-subtitle {
  color: #7f8c8d;
  font-size: 1.1rem;
  margin: 0; }

.packages {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  margin: 2rem 0;
  padding: 0 1rem; }

.package-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  text-align: center;
  max-width: 320px;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid transparent; }

.package-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); }

.package-header {
  font-size: 1.1rem;
  font-weight: 700;
  color: #34495e;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px; }

.package-price-circle {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); }

.package-points {
  color: #2ad56b;
  font-size: 1.1rem;
  margin-bottom: 0.5rem; }

.points-amount {
  font-weight: 700; }

.package-contacts {
  color: #7f8c8d;
  font-size: 0.95rem;
  margin-bottom: 1.5rem; }

.package-features {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem 0;
  text-align: left; }

.package-features li {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  color: #2c3e50;
  position: relative; }

.package-features li:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' viewBox='0 0 24 24' > <path d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z' /> </svg>");
  position: relative;
  left: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00d674;
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 1rem;
  height: 1rem; }

.package-features li:last-child {
  border-bottom: none; }

.select-package {
  margin: auto 1rem 1rem;
  border-radius: 9999px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 0.75rem 1.25rem;
  height: 44px; }
  .select-package:hover {
    text-decoration: none; }

.select-package:hover {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  color: white;
  text-decoration: none; }

/* Package Type Specific Styling */
.package-card.apprentice-broker {
  border-color: #48c3f8; }

.package-card.apprentice-broker .package-price-circle {
  background: #48c3f8;
  box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); }

.package-card.apprentice-broker .select-package {
  background: #48c3f8; }

.package-card.apprentice-broker .select-package:hover {
  background: linear-gradient(135deg, #48c3f8 0%, #3498db 100%);
  box-shadow: 0 4px 15px rgba(52, 152, 219, 0.4); }

.package-card.standard-broker {
  border-color: #9257d3; }

.package-card.standard-broker .package-price-circle {
  background: #9257d3;
  box-shadow: 0 4px 15px #9257d34d; }

.package-card.standard-broker .select-package {
  background: #9257d3; }

.package-card.standard-broker .select-package:hover {
  background: #9257d3;
  box-shadow: 0 4px 15px #9257d34d; }

.package-card.enterprise-broker {
  border-color: #b39147; }

.package-card.enterprise-broker .package-price-circle {
  background: #b39147;
  box-shadow: 0 4px 15px #b391474d; }

.package-card.enterprise-broker .select-package {
  background: #b39147; }

.package-card.enterprise-broker .select-package:hover {
  background: #b39147;
  box-shadow: 0 4px 15px #b391474d; }

/* Points package styling for compatibility */
.package-card.pink {
  border-color: #e91e63; }

.package-card.pink .package-price-circle {
  background: linear-gradient(135deg, #e91e63 0%, #ad1457 100%);
  box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3); }

.package-card.pink .select-package {
  background: linear-gradient(135deg, #e91e63 0%, #ad1457 100%); }

.package-card.pink .select-package:hover {
  background: linear-gradient(135deg, #ad1457 0%, #e91e63 100%);
  box-shadow: 0 4px 15px rgba(233, 30, 99, 0.4); }

.back-to-packages {
  display: inline-block;
  margin: 1rem 0;
  color: #667eea;
  text-decoration: none;
  font-weight: 600; }

.back-to-packages:hover {
  color: #764ba2;
  text-decoration: none; }

/* Responsive design */
@media (max-width: 768px) {
  .packages {
    flex-direction: column;
    align-items: center; }

  .package-card {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem; }

  .packages-header h1 {
    font-size: 1.5rem; } }
.notAuthenticated.IMortgageBrokerRegistration main {
  height: calc(100vh - 76px); }

.notAuthenticated.IMortgageBrokerRegistration .mainBody {
  padding: 0; }

#theIMortgageBrokerRegistration {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  background: white;
  padding: 3rem;
  border-radius: 1rem 0 0 1rem;
  width: min(40%, 550px);
  min-height: calc(100vh - 76px); }

.IMortgageBrokerRegistrationActions {
  text-align: center;
  margin: 0; }

@media screen and (max-width: 768px) {
  #theIMortgageBrokerRegistration {
    border-radius: 0;
    padding: 1.5rem; } }
label,
.SSFormBody .FormTable label {
  font-weight: 400;
  xxfont-size: 0.875em;
  margin: 0; }

footer {
  color: inherit;
  width: 100%;
  background-color: transparent;
  margin: 0;
  padding: 1rem 0; }

.loginPage footer,
.IGetMyLeads footer,
.IRegister footer {
  color: white;
  xdisplay: none;
  padding: 2rem 0 1rem; }

@media screen and (max-width: 1710px) {
  .loginPage footer,
  .IGetMyLeads footer,
  .IRegister footer,
  .IAvailableLeads footer,
  .loginPage .footer-nav,
  .IGetMyLeads .footer-nav,
  .IRegister .footer-nav,
  .IAvailableLeads .footer-nav {
    width: 100%; } }
@media screen and (max-width: 960px) {
  .loginPage footer,
  .IGetMyLeads footer,
  .IRegister footer,
  .IAvailableLeads footer,
  .loginPage .footer-nav,
  .IGetMyLeads .footer-nav,
  .IRegister .footer-nav,
  .IAvailableLeads .footer-nav {
    width: 100%; } }
@media screen and (min-width: 1000px) {
  .contentHead div.container {
    background-color: transparent;
    padding: 1.5rem 0 0; } }
@media screen and (min-width: 1010px) {
  .contentHead div.container {
    padding: 0;
    margin: 0; } }
.footer-nav {
  padding: 0 15px 15px;
  text-align: center; }
  .footer-nav a {
    margin: 0 7.5px;
    text-decoration: underline; }

.loginPage .footer-nav a,
.IGetMyLeads .footer-nav a,
.IRegister .footer-nav a {
  color: white; }

.footer-commands {
  padding: 15px;
  text-align: center; }
  .footer-commands a {
    text-decoration: underline;
    margin: 0 7.5px; }
    .footer-commands a.privacy-policy {
      xdisplay: none; }

.aboutModule {
  display: none; }

/* work these in to the other style sheets once ready to go live */
xx.qaSite {
  /* sitewide 1452 */
  /* leads 906 */
  /* 1713 */
  /* 1718 */
  /* lead purchasing 1108 */
  /* sitewide 1518 */
  /* 1521 */
  /* add these */ }
  xx.qaSite .wrapContainer {
    padding: 30px; }
  xx.qaSite.IAvailableLeads .wrapContainer {
    padding: 15px; }
  xx.qaSite .IReportContainer .standard-report {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #dcdcdc; }
  xx.qaSite #leadGrid {
    background-color: transparent;
    padding: 0; }
  xx.qaSite #leads .filters {
    padding: 0; }
  xx.qaSite #theIAgencyReportBody {
    padding: 0;
    xbackground-color: transparent;
    xmargin: 0; }
  xx.qaSite .IAgencyReportContainer #theSearchResultsAjax {
    xwidth: 100%;
    border-top: none;
    xmargin: 0;
    background-color: transparent;
    padding: 0;
    xbox-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.1); }
  xx.qaSite .SSForm.IAllOrdersContainer {
    padding: 0; }
  xx.qaSite.IManageUsers #theIManageUsersBody {
    padding: 0; }
  xx.qaSite.IManageUsers #theSearchResultsAjax {
    padding: 0;
    border-top: none; }
  xx.qaSite .IManualOrdersContainer,
  xx.qaSite x.ISubscribeToLeadsContainer,
  xx.qaSite x.IManualSubscribeToLeadsContainer,
  xx.qaSite x.IImportLeadsMetadataFields,
  xx.qaSite x.IAddLeadFields,
  xx.qaSite .IPricing .IPricingContainer,
  xx.qaSite .IImportLeadsContainer,
  xx.qaSite x.contentContainer,
  xx.qaSite .Module-Recruiting .IHomeContainer,
  xx.qaSite .WhoareyousendingtoContainer,
  xx.qaSite x#theIInviteAgentsBody,
  xx.qaSite .IPendingSubsContainer,
  xx.qaSite .IActiveSubsContainer,
  xx.qaSite .IManageSubscriptionsContainer,
  xx.qaSite .SSForm.IManageIntegrationsContainer,
  xx.qaSite .IExternalInventoryContainer,
  xx.qaSite x.IInventorySettingsContainer,
  xx.qaSite .IBizProcessReportContainer,
  xx.qaSite .IBookerAppointmentsByAgentContainer,
  xx.qaSite .IAllBookerAppointmentsContainer,
  xx.qaSite x.IRequestInternetLeadsContainer,
  xx.qaSite .IHireAgent .IHireAgentContainer,
  xx.qaSite .IHireAgent .IAddLicenseTypesContainer,
  xx.qaSite .IImportUpdateDealsContainer,
  xx.qaSite .IDealsContainer .table,
  xx.qaSite .recruitingMenu .IAdditionalInformationContainer .SSFormBody,
  xx.qaSite .ISetAgentPermissionsContainer,
  xx.qaSite .IAllCampaignsContainer,
  xx.qaSite .IMyCampaignsContainer,
  xx.qaSite x.ISetAgentBrandingFields,
  xx.qaSite .ISplitLeadsReportContainer,
  xx.qaSite .IImportRecruitsContainer {
    background-color: transparent;
    border: none;
    padding: 0; }
  xx.qaSite .ILeadsReportFields,
  xx.qaSite .IInventoryNeededReportContainer,
  xx.qaSite #theIInventoryByCountyBody,
  xx.qaSite #theIInventoryByStateBody,
  xx.qaSite x.reportingMenu .SSForm,
  xx.qaSite x.reportingMenu #theSearchResultsAjax,
  xx.qaSite .ISalesLog #theSearchResultsAjax,
  xx.qaSite .ILeadsReportContainer #theSearchResultsAjax,
  xx.qaSite .IInventoryNeededReport #theSearchResultsAjax,
  xx.qaSite .IInventoryByCountyContainer #theSearchResultsAjax,
  xx.qaSite .IInventoryByStateContainer #theSearchResultsAjax {
    padding: 0; }
  xx.qaSite.IMyOrders .wrapContainer {
    background-color: transparent;
    border: none;
    padding: 0; }
  xx.qaSite.ICRMLeads #leads .filters, xx.qaSite.ICRMLeads #leadGrid, xx.qaSite.IGlicRXContainer {
    background-color: white;
    border: 1px solid #dcdcdc;
    padding: 30px; }

.SSFormBody {
  xoutline: 1px solid red; }

.welcomeMessage {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: none; }

.user21 .welcomeMessage,
.user2 .welcomeMessage {
  xdisplay: block; }

.welcomeMessage div {
  xbackground-image: url("/skins/0/images/profilebg.jpg");
  background-color: #fff;
  max-width: 600px;
  width: 100%;
  margin: 3rem auto;
  padding: 30px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  text-align: center; }

.welcomeMessage div span img {
  height: 250px; }

.welcomeMessage div span.close {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer; }

.welcomeMessage div span.close svg {
  width: 15px; }

.welcomeMessage div span.close svg path {
  fill: red; }

.welcomeMessage h1 {
  text-align: center;
  font-size: 20px;
  font-weight: 700; }

.welcomeMessage p {
  text-align: center;
  font-size: 14px;
  line-height: 1.4em; }

.welcomeMessage div p svg {
  width: 26 px;
  position: relative;
  top: 6px; }

.welcomeMessage div p svg path {
  fill: orange; }

.getStarted {
  font-size: 14px;
  background-color: deepskyblue;
  color: white;
  padding: 5px 10px;
  display: inline-block;
  margin: 15px 0 0;
  cursor: pointer; }

.notAuthenticated .supportHelp {
  display: none; }

.supportHelp {
  position: fixed;
  right: 1%;
  bottom: 2%;
  z-index: 9;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease-out 0s; }

.supportHelp:hover {
  width: 60px;
  height: 60px; }

.supportHelp svg {
  width: 50px;
  height: 50px;
  transition: all 0.3s ease-out 0s; }

.supportHelp svg:hover {
  width: 60px;
  height: 60px;
  cursor: pointer; }

.supportHelp svg path {
  fill: orange; }

.supportForm .close {
  position: absolute;
  right: 20px;
  top: 12px;
  cursor: pointer; }

.supportForm .close svg {
  width: 12px; }

.supportForm .close svg path {
  fill: crimson; }

.supportForm {
  background-color: #f1f1f1;
  position: fixed;
  bottom: 0;
  right: -400px;
  z-index: 2;
  xbackground-color: white;
  padding: 10px 20px;
  top: 0;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0);
  transition: all 0.3s ease-out 0s; }

.supportForm.open {
  right: 0;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15); }

body.largeText {
  font-size: 20px; }

body.darkMode {
  background-color: #1e1e1e;
  color: #eee; }
  body.darkMode header {
    background-color: #2d2d2d; }
  body.darkMode .navContainerOpen a,
  body.darkMode .navContainer a,
  body.darkMode .profileMenu {
    border-left: 1px solid #1e1e1e; }
  body.darkMode .SSFormBody .FormTable label {
    color: #eee; }
  body.darkMode input,
  body.darkMode select,
  body.darkMode textarea {
    color: #eee;
    background-color: #59595a;
    border: none; }
  body.darkMode #leads .filters input,
  body.darkMode #leads .filters select {
    color: #eee;
    background-color: #59595a; }
  body.darkMode .subMenuContainer {
    background-color: #2d2d2d; }
  body.darkMode .leftNav {
    background-color: #2d2d2d;
    border-color: #1e1e1e;
    border-right: 5px solid #1e1e1e; }
  body.darkMode header {
    border-bottom: 1px solid #000; }
  body.darkMode .subMenuContainer {
    border-bottom: 2px solid #000; }
  body.darkMode .module-submenu a, body.darkMode.module-submenu a:hover {
    color: #eee !important; }
  body.darkMode .module-submenu a svg path,
  body.darkMode .module-submenu a:hover svg path {
    fill: #ccc; }
  body.darkMode .IMyOrdersContainer,
  body.darkMode .ISubscribeToLeadsContainer,
  body.darkMode .IManualSubscribeToLeadsContainer,
  body.darkMode .IImportLeadsMetadataFields .IAddLeadFields,
  body.darkMode .IPricingContainer,
  body.darkMode .IImportLeadsContainer,
  body.darkMode .contentContainer,
  body.darkMode .Module-Recruiting,
  body.darkMode .IProfileContainer,
  body.darkMode .IEditLeadContainer,
  body.darkMode .IYesNoDialogContainer,
  body.darkMode .WhoareyousendingtoContainer,
  body.darkMode .IAssignLeadsContainer,
  body.darkMode #theIInviteAgentsBody,
  body.darkMode .IPendingSubsContainer,
  body.darkMode .IActiveSubsContainer,
  body.darkMode .IManageSubscriptionsContainer,
  body.darkMode #theSearchResultsAjax,
  body.darkMode #leadGrid,
  body.darkMode #leadGrid table th {
    background-color: #2d2d2d;
    border: none; }
  body.darkMode .wrapContainer {
    background-color: #2d2d2d;
    border: 1px solid #000; }
  body.darkMode .standardDataTable {
    background-color: #2d2d2d;
    border: 1px solid #333; }
    body.darkMode .standardDataTable .standardDataTable tr, body.darkMode .standardDataTable.standardDataTable td {
      background-color: #2d2d2d;
      border: none; }
    body.darkMode .standardDataTable .standardDataTable td {
      background-color: #444; }
  body.darkMode .interviewRequests .interview,
  body.darkMode .upcomingInterviews .interview {
    background-color: #444;
    border: none; }