/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.button-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C3D0E7;
  height: 44px;
  min-width: 44px;
  padding: 0 10px;
  background: #F7FAFF;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-weight: 500;
}
button.primary {
  border-color: #184977;
  color: #184977;
}
button.secondary {
  color: #98A3AF;
}
button.secondary:hover,
button.secondary:focus {
  color: inherit;
  background: #d1dbea;
}
button.no-border {
  border: none;
  background: transparent;
  font-size: 13px;
  border-radius: 2cm;
  color: #184977;
}
button.icon {
  border: none;
  border-radius: 50%;
  background: none;
}
button.icon .material-icons {
  font-size: 20px;
  color: #184977;
}
button.icon .material-icons:hover,
button.icon .material-icons:focus {
  color: inherit;
}
button.slim {
  height: 30px;
  padding: 0 20px;
}
button.slim .material-icons {
  font-size: 22px;
}
button:focus {
  outline: none;
}
button:hover,
button:focus {
  background: rgba(247, 250, 255, 0.2);
  border-color: #184977;
  color: #184977;
}
button:active {
  background: #F7FAFF;
  color: #FFFFFF;
  transition: none;
}
button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
button.alt {
  border: solid 1px rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  background: none;
}
button.alt:hover,
button.alt:focus {
  background: rgba(255, 255, 255, 0.2);
}
button.alt:active {
  background: #FFFFFF;
  color: #184977;
}
button .material-icons {
  cursor: inherit;
}
button .material-icons + .label {
  margin-left: 6px;
}
button .rotate {
  transform: rotate(-90deg);
}
button .rotate-right {
  transform: rotate(90deg);
}
.unify-checkbox {
  line-height: 30px;
  white-space: nowrap;
}
.unify-checkbox .k-checkbox {
  border-color: #007bff;
  height: 19px;
  width: 19px;
  transition: all 330ms ease-in;
}
.unify-checkbox .k-checkbox:hover {
  border-color: #007bff;
  background: rgba(0, 123, 255, 0.1);
}
.unify-checkbox .k-checkbox:checked {
  background: #007bff;
}
.unify-checkbox .k-checkbox:checked:before {
  width: 20px;
  height: 19px;
}
.unify-checkbox .k-checkbox:focus,
.unify-checkbox .k-checkbox:checked:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.unify-checkbox .k-checkbox-label {
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
}
.unify-checkbox .k-switch-label {
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
  display: inline-block;
  width: 140px;
  padding-bottom: 15px;
}
input[type=checkbox] {
  border-color: #007bff;
  height: 19px;
  width: 19px;
  transition: all 330ms ease-in;
}
input[type=checkbox]:hover {
  border-color: #007bff;
  background: rgba(0, 123, 255, 0.1);
}
input[type=checkbox]:checked {
  background: #007bff;
  border-color: #007bff;
}
input[type=checkbox]:checked:before {
  width: 20px;
  height: 19px;
}
input[type=checkbox]:focus,
input[type=checkbox]:checked:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.unify-dropdown .k-dropdown,
.unify-combobox .k-dropdown,
.unify-dropdown .k-combobox,
.unify-combobox .k-combobox {
  height: 36px;
  width: 100%;
  cursor: pointer;
}
.unify-dropdown .k-dropdown .k-dropdown-wrap,
.unify-combobox .k-dropdown .k-dropdown-wrap,
.unify-dropdown .k-combobox .k-dropdown-wrap,
.unify-combobox .k-combobox .k-dropdown-wrap,
.unify-dropdown .k-dropdown .k-combobox-wrap,
.unify-combobox .k-dropdown .k-combobox-wrap,
.unify-dropdown .k-combobox .k-combobox-wrap,
.unify-combobox .k-combobox .k-combobox-wrap {
  border-radius: 3px;
  background: #FFFFFF;
  border: solid 1px #C3D0E7;
}
.unify-dropdown .k-dropdown .k-dropdown-wrap:hover,
.unify-combobox .k-dropdown .k-dropdown-wrap:hover,
.unify-dropdown .k-combobox .k-dropdown-wrap:hover,
.unify-combobox .k-combobox .k-dropdown-wrap:hover,
.unify-dropdown .k-dropdown .k-combobox-wrap:hover,
.unify-combobox .k-dropdown .k-combobox-wrap:hover,
.unify-dropdown .k-combobox .k-combobox-wrap:hover,
.unify-combobox .k-combobox .k-combobox-wrap:hover,
.unify-dropdown .k-dropdown .k-dropdown-wrap.k-state-focused,
.unify-combobox .k-dropdown .k-dropdown-wrap.k-state-focused,
.unify-dropdown .k-combobox .k-dropdown-wrap.k-state-focused,
.unify-combobox .k-combobox .k-dropdown-wrap.k-state-focused,
.unify-dropdown .k-dropdown .k-combobox-wrap.k-state-focused,
.unify-combobox .k-dropdown .k-combobox-wrap.k-state-focused,
.unify-dropdown .k-combobox .k-combobox-wrap.k-state-focused,
.unify-combobox .k-combobox .k-combobox-wrap.k-state-focused,
.unify-dropdown .k-dropdown .k-dropdown-wrap.k-state-active,
.unify-combobox .k-dropdown .k-dropdown-wrap.k-state-active,
.unify-dropdown .k-combobox .k-dropdown-wrap.k-state-active,
.unify-combobox .k-combobox .k-dropdown-wrap.k-state-active,
.unify-dropdown .k-dropdown .k-combobox-wrap.k-state-active,
.unify-combobox .k-dropdown .k-combobox-wrap.k-state-active,
.unify-dropdown .k-combobox .k-combobox-wrap.k-state-active,
.unify-combobox .k-combobox .k-combobox-wrap.k-state-active,
.unify-dropdown .k-dropdown .k-dropdown-wrap.k-state-border-up,
.unify-combobox .k-dropdown .k-dropdown-wrap.k-state-border-up,
.unify-dropdown .k-combobox .k-dropdown-wrap.k-state-border-up,
.unify-combobox .k-combobox .k-dropdown-wrap.k-state-border-up,
.unify-dropdown .k-dropdown .k-combobox-wrap.k-state-border-up,
.unify-combobox .k-dropdown .k-combobox-wrap.k-state-border-up,
.unify-dropdown .k-combobox .k-combobox-wrap.k-state-border-up,
.unify-combobox .k-combobox .k-combobox-wrap.k-state-border-up {
  background: rgba(255, 255, 255, 0.2) !important;
  box-shadow: none;
}
.unify-dropdown .k-dropdown .k-icon,
.unify-combobox .k-dropdown .k-icon,
.unify-dropdown .k-combobox .k-icon,
.unify-combobox .k-combobox .k-icon {
  display: none;
}
.unify-dropdown .k-dropdown .k-select,
.unify-combobox .k-dropdown .k-select,
.unify-dropdown .k-combobox .k-select,
.unify-combobox .k-combobox .k-select {
  background: none;
  border: none;
  width: 30px;
}
.unify-dropdown .k-dropdown:after,
.unify-combobox .k-dropdown:after,
.unify-dropdown .k-combobox:after,
.unify-combobox .k-combobox:after {
  content: 'arrow_drop_down';
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 4px;
  top: 5px;
  pointer-events: none;
  color: #184977;
}
.unify-dropdown .k-dropdown .k-input,
.unify-combobox .k-dropdown .k-input,
.unify-dropdown .k-combobox .k-input,
.unify-combobox .k-combobox .k-input {
  color: #3B496D;
  font-size: 15px;
  height: 100%;
}
.unify-dropdown.alt,
.unify-combobox.alt {
  background: transparent;
}
.unify-dropdown.alt .k-dropdown,
.unify-combobox.alt .k-dropdown,
.unify-dropdown.alt .k-combobox,
.unify-combobox.alt .k-combobox {
  height: 36px;
}
.unify-dropdown.alt .k-dropdown .k-input,
.unify-combobox.alt .k-dropdown .k-input,
.unify-dropdown.alt .k-combobox .k-input,
.unify-combobox.alt .k-combobox .k-input {
  color: #184977;
}
.unify-dropdown.alt .k-dropdown:after,
.unify-combobox.alt .k-dropdown:after,
.unify-dropdown.alt .k-combobox:after,
.unify-combobox.alt .k-combobox:after {
  top: 5px;
}
.search-input {
  position: relative;
  border-radius: 3px;
}
.search-input .k-widget {
  width: 100%;
}
.search-input.searched:after {
  display: none;
}
.search-input.searched .clear {
  visibility: visible;
}
.search-input .k-textbox {
  border: none;
}
.search-input .k-textbox:focus,
.search-input .k-textbox:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(185, 202, 233, 0.2);
  border: 1px solid #184977;
}
.search-input .k-input {
  background: #FFFFFF;
  padding-right: 40px;
  height: 100%;
  border: 1px solid #184977;
}
.search-input:after {
  content: 'search';
  color: #184977;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -12px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.search-input .clear {
  visibility: collapse;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.search-input.alt {
  border: 1px solid #D0DBED;
}
.search-input.alt .k-input {
  background: #FFFFFF;
}
.switch {
  background: #F0F4FC;
  color: #98A3AF;
  height: 36px;
  padding: 3px 4px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  transition: color 130ms ease-in;
  cursor: pointer;
  position: relative;
}
.switch.on span:first-of-type {
  color: #184977;
}
.switch.on span:last-of-type {
  color: inherit;
}
.switch.on .toggle {
  transform: translateX(-48px);
}
.switch span {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: color 230ms ease-in-out;
}
.switch span:last-of-type {
  color: #184977;
}
.switch .toggle {
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 3px;
  background: #FFFFFF;
  width: 50%;
  border-radius: 20px;
  transition: all 330ms ease-in-out;
}
.switch .toggle.animate {
  animation-name: toggle-animation;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
@keyframes toggle-animation {
  0% {
    width: 50%;
  }
  50% {
    width: 60%;
  }
  100% {
    width: 50%;
  }
}
.tabs {
  display: flex;
  flex-direction: column;
  padding-bottom: 5px;
}
.tabs .tab-headers {
  flex: 0 0 50px;
  display: flex;
  color: #98A3AF;
  font-weight: bold;
  text-transform: uppercase;
}
.tabs .tab-headers > a {
  padding: 0 30px;
  cursor: pointer;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  position: relative;
}
.tabs .tab-headers > a:hover {
  background: #cdd8e9;
  box-shadow: 3px 2px 5px 0px #a4a9ad;
}
.tabs .tab-headers > a:after {
  content: '';
  height: 60%;
  position: absolute;
  right: 0;
  top: 20%;
  width: 8px;
  background: none;
  border-right: solid 1px #B9CAE9;
}
.tabs .tab-headers > a.hidden {
  overflow: hidden;
  white-space: nowrap;
  justify-content: flex-start;
  padding: 0 8px;
  text-overflow: clip;
}
.tabs .tab-headers > a.active {
  position: relative;
  background: #F7FAFF;
  color: #184977;
  box-shadow: 0px 4px 14px #CCD7ED;
  z-index: 1;
  max-width: min-content !important;
  overflow: visible;
  padding: 0 30px;
  white-space: nowrap;
}
.tabs .tab-headers > a.active:after {
  display: none;
}
.tabs .tab-contents {
  flex: 1 1;
  box-shadow: 0px 4px 14px #CCD7ED;
}
.tabs .tab-contents.no-scroll {
  overflow: hidden;
  border-radius: 8px;
  border-top-left-radius: 0px;
}
.tabs .tab-contents.first > .active {
  border-top-left-radius: 0;
}
.tabs .tab-contents.first > .active .content-header {
  border-top-left-radius: 0;
}
.tabs .tab-contents > div {
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 8px;
  display: none;
}
.tabs .tab-contents > div.active {
  display: flex;
  flex-direction: column;
}
.tabs .tab-contents > div .tab-content {
  flex: 1 1;
  overflow: auto;
  background: #FFFFFF;
}
.tabs .tab-contents > div .tab-content.padding {
  padding: 20px;
}
.tabs.alt .tab-headers {
  background: #F0F4FC;
  overflow: hidden;
}
.tabs.alt .tab-headers a:after {
  display: none;
}
.tabs.alt .tab-headers a.active {
  background: #F7FAFF;
}
.tabs.alt .tab-contents {
  box-shadow: none;
}
.tabs.alt .tab-contents .tab-content {
  background: #F7FAFF;
}
.unify-textbox {
  position: relative;
}
.unify-textbox .k-textbox {
  border: none;
  height: 36px;
  width: 100%;
}
.unify-textbox .k-textbox:focus,
.unify-textbox .k-textbox:focus-within {
  border-color: #B9CAE9 !important;
  color: #184977 !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.2rem rgba(185, 202, 233, 0.2) !important;
}
.unify-textbox .k-numerictextbox,
.unify-textbox .k-maskedtextbox {
  height: 36px;
  width: 100%;
}
.unify-textbox .k-numerictextbox .k-numeric-wrap,
.unify-textbox .k-maskedtextbox .k-numeric-wrap {
  border-color: #B9CAE9;
}
.unify-textbox .k-numerictextbox .k-textbox,
.unify-textbox .k-maskedtextbox .k-textbox {
  background: #FFFFFF;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #B9CAE9;
}
.unify-textbox .k-numerictextbox .k-input {
  border: none;
}
.unify-textbox .k-invalid .k-input {
  border-color: #CF0404 !important;
}
.unify-textbox .k-textarea {
  border: none;
  width: 100%;
  resize: vertical;
}
.unify-textbox .k-input {
  background: #FFFFFF;
  height: 100%;
  border-radius: 3px;
  border: 1px solid #B9CAE9;
  overflow: hidden;
}
.unify-textbox.alt .k-input {
  background: #F0F4FC;
}
.k-window {
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  border-radius: 7px;
  border: none;
  background: #F0F4FC;
}
.k-window .k-window-titlebar {
  background: #184977;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: bold;
  border-style: none;
}
.base-window {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.base-window .window-content {
  flex: 1 1;
}
.base-window.scroll-content {
  overflow: hidden;
}
.base-window.scroll-content .window-content {
  overflow: auto;
  color: #184977;
}
.base-window h2,
.base-window h4 {
  color: #184977;
}
.k-form-error.field-validation-error {
  background: #CF0404;
  /*position: absolute;*/
  left: 12px;
  right: 12px;
  top: 100%;
  margin-top: 0;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  justify-content: center;
  font-weight: 700;
  font-size: 11px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  height: 100%;
}
.steps .step-headers {
  display: flex;
  flex: 0 0 60px;
  align-items: center;
  color: #828B9D;
  font-size: 16px;
  font-weight: 500;
  padding: 0 30px;
  background: #F7FAFF;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  border-radius: 7px;
}
.steps .step-headers .active {
  border-color: #184977;
}
.steps .step-headers .complete:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  content: 'done';
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -12px;
}
.steps .step-headers .active,
.steps .step-headers .complete {
  color: #000000;
}
.steps .step-headers > a {
  margin-right: 70px;
  border-bottom: solid 3px transparent;
  padding: 0 6px;
  position: relative;
  margin-left: 24px;
  cursor: pointer;
}
.steps .step-headers > div {
  margin-right: 70px;
  border-bottom: solid 3px transparent;
  padding: 0 6px;
  position: relative;
  margin-left: 24px;
}
.steps .step-contents {
  flex: 1 1;
  overflow: hidden;
}
.steps .step-contents > div {
  display: none;
}
.steps .step-contents > div .page-header {
  margin: 0;
  height: 80px;
  margin: 0 16px;
  display: none;
}
.steps .step-contents > div.active {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
#StepContent_ChooseContacts {
  padding: 10px 20px 0 20px;
}
.k-datepicker,
.k-datetimepicker {
  height: 36px;
  width: 100%;
}
.k-datepicker .k-picker-wrap,
.k-datetimepicker .k-picker-wrap {
  border: solid 1px #B9CAE9;
}
.k-datepicker span.k-select,
.k-datetimepicker span.k-select {
  background: transparent !important;
  border-left: none;
  color: #184977;
}
.k-datepicker span.k-select .k-link,
.k-datetimepicker span.k-select .k-link {
  border-left: none;
}
.column-selector {
  display: flex;
  flex: 1 1;
  overflow: hidden;
}
.column-selector > div {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.column-selector > div label {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.column-selector > div .column-list {
  border-radius: 3px;
  border: solid 1px #B9CAE9;
  flex: 1 1;
  overflow: auto;
  background: #FFFFFF;
  color: #184977;
}
.column-selector > div .column-list > div {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}
.column-selector > div .column-list > div:hover {
  background: rgba(24, 73, 119, 0.2);
}
.column-selector .move-controls {
  flex: 0 0 auto;
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.column-selector .move-controls button {
  margin-top: 20px;
  color: #184977;
}
.column-selector .move-controls .rotate {
  transform: rotate(180deg);
}
.toggleable-list-item {
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #FFFFFF;
}
.toggleable-list-item:nth-of-type(even) {
  background: #FFFFFF;
}
.toggleable-list-item:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.toggleable-list-item .grid-initials .material-icons {
  color: #184977;
}
.toggleable-list-item .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.toggleable-list-item .initials:focus {
  border: 2px solid #184977;
}
.toggleable-list-item .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.toggleable-list-item .initials.low {
  background: #184977;
}
.toggleable-list-item .initials.medium {
  background: #FF8A00;
}
.toggleable-list-item .initials.high {
  background: #C10000;
}
.toggleable-list-item .initials.dead {
  background: #909297;
}
.toggleable-list-item .initials.missing {
  background: #5da07d;
}
.toggleable-list-item .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.toggleable-list-item .actions:focus {
  border: 2px solid #184977;
}
.toggleable-list-item .actions .success {
  color: #65B122;
}
.toggleable-list-item .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.toggleable-list-item .actions > button:focus {
  opacity: 1;
}
.toggleable-list-item .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.toggleable-list-item .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.toggleable-list-item .content-toggle {
  background: transparent;
  transition: all 230ms ease-out;
  user-select: none;
}
.toggleable-list-item:nth-child(even) {
  background: #F7FAFF;
}
.toggleable-list-item .main-content {
  display: flex;
  align-items: center;
}
.toggleable-list-item .main-content .grid {
  margin-top: 4px;
  font-size: 13px;
  grid-template-columns: repeat(3, min-content);
  grid-template-rows: repeat(2, min-content);
  grid-auto-flow: column;
  gap: 0px 10px;
}
.toggleable-list-item.expanded .additional-content {
  display: grid;
}
.toggleable-list-item.expanded .content-toggle {
  transform: rotate(-180deg);
}
.toggleable-list-item .additional-content {
  display: none;
  grid-template-columns: repeat(2, min-content);
  gap: 4px 10px;
  margin-top: 10px;
  padding-left: 94px;
}
.toggleable-list-item .additional-content label,
.toggleable-list-item .additional-content div {
  white-space: nowrap;
}
.unify-radio {
  white-space: nowrap;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.unify-radio .k-radio {
  float: left;
}
.unify-radio .k-radio-margin {
  float: left;
  margin-left: 10px;
}
.unify-radio .k-radio-label {
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
  white-space: nowrap;
  color: #828B9D;
}
.unify-radio #kRadioLabel {
  float: left;
  margin-left: 10px;
}
.call-indicator {
  background: #EAEFF8;
  height: 40px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  justify-content: space-between;
  color: #184977;
  min-width: 250px;
}
.call-indicator .active {
  color: #65B122;
}
.call-indicator > div {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
}
.call-indicator > div:first-child {
  width: 90px;
}
.call-indicator > div .material-icons ~ span {
  margin-left: 8px;
}
.loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading .loading-icon {
  color: #184977;
  font-size: 50px;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.unify-file {
  border: solid 1px #184977;
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 10px;
  background: #FFFFFF;
}
.unify-file input {
  display: none;
}
.unify-file .label {
  color: #959CAF;
  margin-left: 10px;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}
.unify-file .material-icons {
  cursor: pointer;
}
.unify-file .selected-file {
  color: #959CAF;
  font-size: 12px;
  line-height: 12px;
  margin-left: 10px;
}
.unify-file.selected .label {
  display: none;
}
.growl {
  position: absolute;
  top: 100px;
  right: -100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #FFFFFF;
  background: #184977;
  display: flex;
  align-items: center;
  padding: 20px;
  transition: all 330ms ease-in-out;
  opacity: 0;
  z-index: 100;
  min-width: 375px;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
}
.growl.open {
  right: 0;
  opacity: 1;
}
.growl.close {
  opacity: 0;
  top: 120px;
}
.growl .material-icons {
  margin-right: 20px;
}
.growl .close-button {
  margin-left: auto;
  margin-right: 0;
  cursor: pointer;
}
.page-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.page-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.page-header .search-input {
  margin-left: 20px;
}
.page-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.page-header .actions {
  margin-left: auto;
}
.page-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.page-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.page-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.page-header .advanced-search label {
  margin-right: 0.75em;
}
.page-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.page-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.page-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.page-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.page-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.page-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.page-header .advanced-search .k-dropdown .k-dropdown-wrap,
.page-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.page-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.page-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.page-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.page-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.page-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.page-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.page-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.page-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.page-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.page-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.page-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.page-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.page-header.show-advanced {
  flex: 0 0 auto;
}
.page-header.show-advanced .header-content {
  display: none;
}
.page-header.show-advanced .advanced-search {
  display: flex;
}
.list-wrapper.list > div:nth-child(even) {
  background: #FFFFFF;
}
.list-wrapper.list .grid.list {
  display: grid !important;
}
.list-wrapper.list .list.four {
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr min-content 1fr;
}
.list-wrapper.list .list.eight {
  grid-template-columns: repeat(8, 1fr);
}
.list-wrapper.card {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));
  padding: 20px 10px 20px 10px;
}
.list-wrapper.card > div {
  position: relative;
  height: 350px;
  background: #F7FAFF;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  overflow: visible;
}
.list-wrapper.card > div .k-checkbox {
  position: absolute;
  top: 40px;
  right: 20px;
}
.list-wrapper.card > div .initials {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 30px;
}
.list-wrapper.card > div .initials.none {
  background: #E4E7EB;
}
.list-wrapper.card > div .initials.high {
  background: #C10000;
}
.list-wrapper.card > div .initials.medium {
  background: #FF8A00;
}
.list-wrapper.card > div .initials.low {
  background: #184977;
}
.list-wrapper.card > div .actions {
  position: absolute;
  top: 30px;
  right: 60px;
}
.list-wrapper.card > div .grid {
  display: grid;
  gap: 0 24px;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
}
.list-wrapper.card > div .grid.card {
  display: grid !important;
}
.group {
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  border-radius: 7px;
}
.list-item {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
}
.list-item:nth-of-type(even) {
  background: #FFFFFF;
}
.list-item:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.list-item .grid-initials .material-icons {
  color: #184977;
}
.list-item .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.list-item .initials:focus {
  border: 2px solid #184977;
}
.list-item .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.list-item .initials.low {
  background: #184977;
}
.list-item .initials.medium {
  background: #FF8A00;
}
.list-item .initials.high {
  background: #C10000;
}
.list-item .initials.dead {
  background: #909297;
}
.list-item .initials.missing {
  background: #5da07d;
}
.list-item .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.list-item .actions:focus {
  border: 2px solid #184977;
}
.list-item .actions .success {
  color: #65B122;
}
.list-item .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.list-item .actions > button:focus {
  opacity: 1;
}
.list-item .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.list-item .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.card-item {
  position: relative;
  height: 350px;
  background: #F7FAFF;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
}
.card-item .k-checkbox {
  position: absolute;
  top: 40px;
  right: 20px;
}
.card-item .initials {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 30px;
}
.card-item .initials.none {
  background: #E4E7EB;
}
.card-item .initials.high {
  background: #C10000;
}
.card-item .initials.medium {
  background: #FF8A00;
}
.card-item .initials.low {
  background: #184977;
}
.card-item .actions {
  position: absolute;
  top: 30px;
  right: 60px;
}
.card-item .grid {
  display: grid;
  gap: 0 24px;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
}
.card-base {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.card-base .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.card-base .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.card-base .card-header label.see-all {
  text-transform: none;
}
.card-base .card-header label.see-all a {
  color: #184977;
}
.card-base .card-header .material-icons,
.card-base .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.card-base .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.card-base .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.card-base .card-content .initials {
  margin: 0 10px;
}
.card-base .card-content .odd {
  background: #FFFFFF;
}
.page-header-shadow {
  z-index: 1;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.edit-main-content {
  display: flex;
  margin: -8px 16px 20px 16px;
  flex: 1 1;
  overflow: hidden;
  background: #FFFFFF;
  padding-top: 10px;
}
.form-content {
  background: #F7FAFF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow: auto;
  overflow-x: hidden;
  flex: 1 1;
}
.form-content .form-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.form-content .form-actions button {
  margin-left: 10px;
}
.form-content .form-section .title {
  color: #98A3AF;
  font-size: 12px;
  white-space: nowrap;
}
.form-content .form-section.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, min-content));
  gap: 30px;
}
.form-content .form-section.grid.one {
  grid-template-columns: 1fr;
}
.form-content .form-section.grid.three {
  grid-template-columns: repeat(3, 1fr);
}
.form-content .form-section.grid.three.min-content {
  grid-template-columns: repeat(3, minmax(180px, min-content));
}
.form-content .form-section.grid.three .title {
  grid-column: span 3;
}
.form-content .form-section.grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.form-content .form-section.grid.four.min-content {
  grid-template-columns: repeat(4, minmax(180px, min-content));
}
.form-content .form-section.grid.four .title {
  grid-column: span 4;
}
.form-content .form-section.grid.five {
  grid-template-columns: repeat(5, 1fr);
}
.form-content .form-section.grid.five.min-content {
  grid-template-columns: repeat(5, minmax(180px, min-content));
}
.form-content .form-section.grid.five .title {
  grid-column: span 5;
}
.form-content .form-section.grid .field-wrapper {
  display: grid;
  gap: 6px 10px;
  align-items: center;
}
.form-content .form-section.grid .field-wrapper > label {
  font-weight: bold;
}
.form-content .form-section.grid .field-wrapper.one {
  grid-template-columns: 1fr;
}
.form-content .form-section.grid .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.form-content .form-section.grid .field-wrapper.two label {
  grid-column: span 2;
}
.form-content .form-section.grid .field-wrapper.two.min-content {
  grid-template-columns: repeat(2, min-content);
}
.form-content .form-section.grid .field-wrapper.two.min-full {
  grid-template-columns: min-content 1fr;
}
.form-content .form-section.grid .field-wrapper.two.full-min {
  grid-template-columns: 1fr min-content;
}
.form-content .form-section.grid .field-wrapper.three {
  grid-template-columns: repeat(3, 1fr);
}
.form-content .form-section.grid .field-wrapper.three label {
  grid-column: span 3;
}
.form-content .form-section.grid .field-wrapper.three.min-content {
  grid-template-columns: repeat(3, min-content);
}
.form-content .form-section.grid .field-wrapper.start {
  grid-column-start: 1;
}
.form-content .form-section.grid .field-wrapper.span-two {
  grid-column: span 2;
}
.form-content .form-section.grid .field-wrapper.span-two.start {
  grid-column: 1 / span 2;
}
.form-content .form-section.grid .field-wrapper.span-three {
  grid-column: span 3;
}
.form-content .form-section.grid .field-wrapper.span-five {
  grid-column: span 5;
}
.form-content .form-section.grid .field-wrapper .schedule-row {
  display: grid;
  grid-template-columns: min-content 1fr 100px;
  gap: 0 10px;
  align-items: center;
  transition: display 100ms ease-in-out;
}
.form-content .form-section.grid .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 10px;
}
.form-content .form-section.grid .column.span-two {
  grid-column: span 2;
}
.form-content .form-section.grid .column.one {
  grid-template-columns: repeat(1, 1fr);
}
.form-content .form-section.grid .column.four {
  grid-template-columns: repeat(4, 1fr);
}
.form-content .form-section.grid .column .title {
  grid-column: span 2;
}
.campaign-events {
  padding: 40px;
  flex: 1 1;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min-content, 180px));
  gap: 40px;
}
.campaign-events .time {
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  color: #98A3AF;
}
.campaign-events .chip {
  margin: 8px 0;
}
/*kendo StarRating widget */
.contact-detail-page span.k-rating.k-widget.k-state-readonly {
  margin-left: -1em;
  padding-left: 0;
}
.contact-detail-page div.unify-textbox span.k-rating-container {
  border: 4px solid #efefef;
  margin-left: 1em;
  /* This outlines last star only, commenting out for now */
  /*.k-rating-item:nth-child(5) {
                    color: @secondary-action;
                    background: none !important;
                }*/
}
.contact-detail-page div.unify-textbox span.k-rating-container .k-rating-item.k-state-selected {
  color: #FF8A00;
  /*orange*/
  background: none !important;
}
.contact-detail-page .k-rating-label {
  color: #FF8A00;
  font-weight: bold;
  font-size: 1.2em;
}
.empty-results {
  margin-left: 20px;
  padding-top: 2em;
  font-style: italic;
}
.myday-actions .actions {
  position: absolute;
  right: 10px;
  top: 20px;
  background: transparent;
  border-radius: 20px;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
}
.myday-actions .actions button {
  margin-right: 0;
}
.myday-actions:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
#UserMgt #ItemsList input.k-checkbox {
  margin-right: 1.6em;
}
#UserMgt #ItemsList .grid.list {
  display: grid;
  grid-template-columns: 15% 25% 10% 10% 10% 10% 10% 10%;
  grid-auto-rows: 60px;
  gap: 0;
}
#UserMgt #ItemsList .grid.list div:nth-child(1),
#UserMgt #ItemsList .grid.list div:nth-child(3),
#UserMgt #ItemsList .grid.list div:nth-child(4) {
  color: #3B496D;
}
.grid > div:nth-child(2) {
  color: #207B93;
}
.lead-tracker-page .content .main .feature-lead {
  padding: 30px 50px;
  align-items: center;
  overflow: hidden;
  background: #FFFFFF;
}
.lead-tracker-page .content .main .button-content-header {
  background: none;
  padding: 0 10px;
}
.wrapper {
  display: grid;
  grid-template-columns: 20% 40% 20% 20%;
  width: 100%;
  column-gap: 30px;
}
.box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.companyFeature-tab-header {
  flex: 0 0 50px;
  display: flex;
  color: #98A3AF;
  font-weight: bold;
  text-transform: uppercase;
  justify-content: space-between;
}
/*  Alert Counters - Header  */
.counterIcons {
  position: absolute;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 3px 7px 5px 4px;
  background: #CF0404;
  color: #FFF;
  text-align: center;
  font-family: 'Roboto';
  font-size: 12px;
  z-index: 100;
}
.alertCounter {
  position: absolute;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 3px 7px 5px 4px;
  background: #CF0404;
  color: #FFF;
  text-align: center;
  font-family: 'Roboto';
  font-size: 12px;
  z-index: 100;
  top: 14px;
  margin-left: 30px;
}
.moduleCounter {
  position: absolute;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 3px 7px 5px 4px;
  background: #CF0404;
  color: #FFF;
  text-align: center;
  font-family: 'Roboto';
  font-size: 12px;
  z-index: 100;
  top: 96px;
  margin-left: 228px;
}
#inquiryHeader button {
  margin-left: 0.75em;
}
#moveUpdateAction .lead .grid {
  display: grid;
  grid-template-columns: 3% 20% 12% 36% 7.5% 8% 5.5% 8%;
  grid-auto-rows: 60px;
  gap: 0;
}
#moveUpdateAction .lead .grid div:last-child {
  justify-content: flex-end;
}
#moveUpdateAction .lead .grid .alert-icon {
  text-align: left;
  padding-top: 5px;
}
#moveUpdateAction .lead .grid .name {
  padding-left: 1.4em;
}
#moveUpdateAction .lead .grid .address {
  font-size: 14px;
}
#moveUpdateAction .lead .grid .DDL {
  display: flex;
  justify-content: flex-start;
  flex: 0 0 1;
}
#moveUpdateAction .lead .grid .moveActionDDL {
  border: 1px solid #B9CAE9;
  color: #184977;
  font-size: 0.9em;
  width: 110px;
}
#moveUpdateAction .lead:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
#MortgageInqry.lead {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 20px 30px;
  align-items: center;
  overflow: hidden;
  padding-left: 0;
}
#MortgageInqry.lead:nth-child(even) {
  background: #FFFFFF;
}
#MortgageInqry.lead .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 16px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
#MortgageInqry.lead .grid div {
  font-size: 15px;
}
#MortgageInqry.lead .grid label {
  color: #98A3AF;
  font-size: 12px;
}
#MortgageInqry.lead .k-checkbox {
  margin-left: 2.2em;
}
#MortgageInqry.lead .alert-icon {
  text-align: center;
  margin: 0 auto;
  padding-top: 5px;
  width: 160px;
}
/*.lead-tracker-page {

    .grid.list {

        div {
            border: 1px solid grey;
        }
    }
}*/
#JustLstd input.k-checkbox {
  margin-right: 2em;
}
#JustLstd .grid {
  display: grid;
  grid-template-columns: 20% 4% 28% 7% 10% 6% 10% 10% 8%;
  grid-auto-rows: 54px;
  gap: 0;
}
#JustLstd .grid .alert-icon {
  text-align: center;
  padding-top: 5px;
}
#JustLstd .grid .name:visited {
  color: #ff8a00;
}
/*  Monitored Contacts  */
#MonitoredContacts .tabs .tab-headers a:after,
#SetMonitorCntcts .tabs .tab-headers a:after {
  background: none;
}
.lead-modal .grid.list {
  display: grid;
  grid-template-columns: 7% 35% 6% 28% 12% 10%;
  grid-auto-rows: 80px;
  gap: 0;
  padding: 15px 0 15px 0;
}
.lead-modal .grid.list div {
  display: flex;
  vertical-align: middle;
  flex: auto;
  justify-content: center;
  align-items: center;
}
.lead-modal .grid.list div:nth-child(2) {
  justify-content: flex-start;
  color: #184977;
}
.lead-modal .grid.list .alert-icon {
  text-align: center;
}
.lead-modal:nth-of-type(odd) {
  background-color: #F7FAFF;
}
/*  SET TO BE MONITORED CONTACTS   */
.set-lead-modal {
  background-color: #FFFFFF;
}
.set-lead-modal .grid {
  display: grid;
  grid-template-columns: 16% 34% 36% 14%;
  grid-auto-rows: 80px;
  gap: 0;
}
.set-lead-modal .grid div {
  display: flex;
  vertical-align: middle;
  flex: auto;
  justify-content: center;
  align-items: center;
}
.set-lead-modal .grid div:nth-child(2) {
  color: #184977;
  justify-content: flex-start;
}
.set-lead-modal .grid div:nth-child(n+3) {
  justify-content: flex-start;
}
.set-lead-modal .grid .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 10px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.set-lead-modal:nth-of-type(odd) {
  background-color: #F7FAFF;
}
#MortgageSubs .section-grid-four {
  display: grid;
  grid-template-columns: 40% 10% 24% 20%;
  gap: 0;
}
#MortgageSubs .section-grid-four .p5 {
  padding-top: 5.5em;
}
#MortgageSubs .section-grid-four .m1 {
  margin-top: 1.2em;
}
#MortgageSubs .section-grid-four .ddl-dropdown {
  margin-left: -4px;
}
#MortgageSubs .section-grid-four #available-groups {
  width: 290px;
  max-height: 300px;
}
#MortgageSubs .section-grid-four #selected-groups {
  min-height: 298px;
}
#InquiryAlertLabel {
  color: #207B93;
  cursor: pointer;
}
#InquiryAlertLabel:visited {
  color: #ff8a00;
}
#FieldEmailMonitored {
  color: #207B93;
}
#OtherItemsList {
  height: 510px;
  flex: none;
}
.campaigns-page .content .main {
  flex: 1 1;
  overflow: hidden;
}
.campaigns-page .content .main .tab-content {
  display: flex;
  flex-direction: column;
}
.campaigns-page .content .main .tab-content .campaign-list {
  flex: 1 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.campaigns-page .pager-actions {
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.campaigns-page .pager-actions button {
  margin-right: 10px;
}
.campaigns-page .campaigns-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
  background: #F7FAFF;
}
.campaigns-page .campaigns-wrapper .breadcrumbs {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 20px 40px 0 40px;
  font-size: 15px;
}
.campaigns-page .campaigns-wrapper .breadcrumbs > span {
  display: inline-block;
  margin: 0 4px;
}
.campaigns-list {
  width: 100%;
  overflow: auto;
}
.campaigns-list .campaign-card {
  height: 542px;
  width: 300px;
}
.campaigns-list .campaign-card .image img {
  height: 100% !important;
  width: 100% !important;
}
.create-campaign .page-header {
  z-index: 1;
}
.create-campaign .main {
  position: relative;
  margin: 2px 16px 20px 16px;
}
.create-campaign .create-campaign-form {
  background: #F7FAFF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow-x: hidden;
  flex: 1 1;
  height: 100%;
  overflow: auto;
}
.create-campaign .create-campaign-form .form-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.create-campaign .create-campaign-form .form-actions button {
  margin-left: 10px;
}
.create-campaign .create-campaign-form .form-section .title {
  color: #98A3AF;
  font-size: 12px;
  white-space: nowrap;
}
.create-campaign .create-campaign-form .form-section.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, min-content));
  gap: 30px;
}
.create-campaign .create-campaign-form .form-section.grid.one {
  grid-template-columns: 1fr;
}
.create-campaign .create-campaign-form .form-section.grid.three {
  grid-template-columns: repeat(3, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid.three.min-content {
  grid-template-columns: repeat(3, minmax(180px, min-content));
}
.create-campaign .create-campaign-form .form-section.grid.three .title {
  grid-column: span 3;
}
.create-campaign .create-campaign-form .form-section.grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid.four.min-content {
  grid-template-columns: repeat(4, minmax(180px, min-content));
}
.create-campaign .create-campaign-form .form-section.grid.four .title {
  grid-column: span 4;
}
.create-campaign .create-campaign-form .form-section.grid.five {
  grid-template-columns: repeat(5, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid.five.min-content {
  grid-template-columns: repeat(5, minmax(180px, min-content));
}
.create-campaign .create-campaign-form .form-section.grid.five .title {
  grid-column: span 5;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper {
  display: grid;
  gap: 6px 10px;
  align-items: center;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper > label {
  font-weight: bold;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.one {
  grid-template-columns: 1fr;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.two label {
  grid-column: span 2;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.two.min-content {
  grid-template-columns: repeat(2, min-content);
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.two.min-full {
  grid-template-columns: min-content 1fr;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.two.full-min {
  grid-template-columns: 1fr min-content;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.three {
  grid-template-columns: repeat(3, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.three label {
  grid-column: span 3;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.three.min-content {
  grid-template-columns: repeat(3, min-content);
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.start {
  grid-column-start: 1;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.span-two {
  grid-column: span 2;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.span-two.start {
  grid-column: 1 / span 2;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.span-three {
  grid-column: span 3;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper.span-five {
  grid-column: span 5;
}
.create-campaign .create-campaign-form .form-section.grid .field-wrapper .schedule-row {
  display: grid;
  grid-template-columns: min-content 1fr 100px;
  gap: 0 10px;
  align-items: center;
  transition: display 100ms ease-in-out;
}
.create-campaign .create-campaign-form .form-section.grid .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 10px;
}
.create-campaign .create-campaign-form .form-section.grid .column.span-two {
  grid-column: span 2;
}
.create-campaign .create-campaign-form .form-section.grid .column.one {
  grid-template-columns: repeat(1, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid .column.four {
  grid-template-columns: repeat(4, 1fr);
}
.create-campaign .create-campaign-form .form-section.grid .column .title {
  grid-column: span 2;
}
.create-campaign .create-campaign-form .form-actions {
  top: -1px;
}
.create-campaign .events {
  padding: 40px;
  flex: 1 1;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min-content, 180px));
  gap: 40px;
}
.create-campaign .events .time {
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  color: #98A3AF;
}
.create-campaign .events .chip {
  margin: 8px 0;
}
.create-campaign .events .event {
  padding: 8px;
}
.create-campaign .events .event .fill {
  background: #F0F4FC;
  border-radius: 7px;
}
.create-campaign .events .event .fill .sample {
  padding: 10px;
}
.create-campaign .events .event .delete {
  padding-top: 8px;
  text-align: center;
}
.create-campaign .events .event .delete > span {
  cursor: pointer;
}
.campaign-detail .header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
.campaign-detail .header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.campaign-detail .header .search-input {
  margin-left: 20px;
}
.campaign-detail .header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.campaign-detail .header .actions {
  margin-left: auto;
}
.campaign-detail .header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.campaign-detail .header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.campaign-detail .header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.campaign-detail .header .advanced-search label {
  margin-right: 0.75em;
}
.campaign-detail .header .advanced-search .filterContainer {
  padding: 1em 0;
}
.campaign-detail .header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.campaign-detail .header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.campaign-detail .header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.campaign-detail .header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.campaign-detail .header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.campaign-detail .header .advanced-search .k-dropdown .k-dropdown-wrap,
.campaign-detail .header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.campaign-detail .header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.campaign-detail .header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.campaign-detail .header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.campaign-detail .header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.campaign-detail .header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.campaign-detail .header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.campaign-detail .header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.campaign-detail .header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.campaign-detail .header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.campaign-detail .header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.campaign-detail .header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.campaign-detail .header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.campaign-detail .header.show-advanced {
  flex: 0 0 auto;
}
.campaign-detail .header.show-advanced .header-content {
  display: none;
}
.campaign-detail .header.show-advanced .advanced-search {
  display: flex;
}
.campaign-detail .header .actions .chip {
  margin-right: 10px;
}
.campaign-detail .header .top {
  display: flex;
  align-items: center;
  width: 100%;
  height: 75px;
  /*border-bottom: solid 1px #C9D2E6;*/
  padding: 0 20px;
}
.campaign-detail .header .top .price {
  border-radius: 7px;
  color: #FFFFFF;
  padding: 6px 20px;
  background: #207B93;
  margin-left: 20px;
}
.campaign-detail .main {
  flex: 1 1;
}
.campaign-detail .main .content {
  background: #FFFFFF;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  border-radius: 7px;
  margin: 20px 16px;
  padding: 20px;
  height: 100%;
}
.campaign-detail .main .content .events {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  gap: 20px;
}
.campaign-detail .main .content .events .event {
  display: flex;
  flex-direction: column;
}
.campaign-detail .main .content .events .event .time {
  color: #184977;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.campaign-detail .main .content .events .event .event-content {
  background: #FFFFFF;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  border-radius: 7px;
  padding-top: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.campaign-detail .main .content .events .event .event-content .sample {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  flex: 1 1;
}
.campaign-detail .main .content .events .event .event-content .event-actions {
  height: 64px;
  background: #F0F4FC;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #184977;
}
.campaign-detail .main .content .events .event .event-content .event-actions > div {
  width: 77px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
.campaign-detail .main .content .events .event .event-content .event-actions > div .material-icons {
  margin-bottom: 8px;
}
.footer {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  position: relative;
  flex: 0 0 auto;
  border-top: solid 1px #B9CAE9;
}
.left {
  display: flex;
  align-items: center;
  height: 44px;
  min-width: 44px;
  padding: 0 10px;
  background: none;
  border-radius: 0;
  transition: all 330ms ease-in;
  text-transform: uppercase;
  position: relative;
  background: #fff;
  font-weight: 500;
}
.right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.buttonDownload {
  width: 75px;
}
.company-feature-page .company-feature-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.company-feature-page .company-feature-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.company-feature-page .company-feature-header .search-input {
  margin-left: 20px;
}
.company-feature-page .company-feature-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.company-feature-page .company-feature-header .actions {
  margin-left: auto;
}
.company-feature-page .company-feature-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.company-feature-page .company-feature-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.company-feature-page .company-feature-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.company-feature-page .company-feature-header .advanced-search label {
  margin-right: 0.75em;
}
.company-feature-page .company-feature-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.company-feature-page .company-feature-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.company-feature-page .company-feature-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.company-feature-page .company-feature-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.company-feature-page .company-feature-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.company-feature-page .company-feature-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.company-feature-page .company-feature-header .advanced-search .k-dropdown .k-dropdown-wrap,
.company-feature-page .company-feature-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.company-feature-page .company-feature-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.company-feature-page .company-feature-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.company-feature-page .company-feature-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.company-feature-page .company-feature-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.company-feature-page .company-feature-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.company-feature-page .company-feature-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.company-feature-page .company-feature-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.company-feature-page .company-feature-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.company-feature-page .company-feature-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.company-feature-page .company-feature-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.company-feature-page .company-feature-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.company-feature-page .company-feature-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.company-feature-page .company-feature-header.show-advanced {
  flex: 0 0 auto;
}
.company-feature-page .company-feature-header.show-advanced .header-content {
  display: none;
}
.company-feature-page .company-feature-header.show-advanced .advanced-search {
  display: flex;
}
.company-feature-page .content .main {
  border-radius: 7px;
}
.company-feature-page .content .main .company-feature-group-list {
  height: 100%;
  overflow: auto;
}
.company-feature-page .content .main #company-feature-tabs {
  height: 100%;
  margin: 0 16px;
}
.company-feature-page .content .main #company-feature-tabs .tab-headers {
  display: flex;
  justify-content: space-between;
  flex: 0 0 50px;
}
.company-feature-page .content .main #company-feature-tabs .tab-headers a {
  box-shadow: none;
  cursor: initial;
}
.company-feature-page .content .main .feature-group {
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  border-radius: 7px;
  margin: 30px 50px;
  padding: 30px 30px;
  align-items: center;
  overflow: hidden;
}
.company-feature-page .content .main .feature-group .feature-group-header {
  font-weight: bolder;
}
.company-feature-page .content .main .feature-group .feature {
  border-radius: 7px;
  margin-top: 20px;
  min-height: 140px;
  box-shadow: 0px 2px 15px -2px #CCD7ED;
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
}
.company-feature-page .content .main .feature-group .feature:nth-of-type(even) {
  background: #FFFFFF;
}
.company-feature-page .content .main .feature-group .feature:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.company-feature-page .content .main .feature-group .feature .grid-initials .material-icons {
  color: #184977;
}
.company-feature-page .content .main .feature-group .feature .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.company-feature-page .content .main .feature-group .feature .initials:focus {
  border: 2px solid #184977;
}
.company-feature-page .content .main .feature-group .feature .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.company-feature-page .content .main .feature-group .feature .initials.low {
  background: #184977;
}
.company-feature-page .content .main .feature-group .feature .initials.medium {
  background: #FF8A00;
}
.company-feature-page .content .main .feature-group .feature .initials.high {
  background: #C10000;
}
.company-feature-page .content .main .feature-group .feature .initials.dead {
  background: #909297;
}
.company-feature-page .content .main .feature-group .feature .initials.missing {
  background: #5da07d;
}
.company-feature-page .content .main .feature-group .feature .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.company-feature-page .content .main .feature-group .feature .actions:focus {
  border: 2px solid #184977;
}
.company-feature-page .content .main .feature-group .feature .actions .success {
  color: #65B122;
}
.company-feature-page .content .main .feature-group .feature .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.company-feature-page .content .main .feature-group .feature .actions > button:focus {
  opacity: 1;
}
.company-feature-page .content .main .feature-group .feature .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.company-feature-page .content .main .feature-group .feature .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.edit-campaign-content .content #EditCampaignActions {
  margin-right: 6px;
}
.edit-campaign-content .content .main {
  padding: 0 16px;
}
.edit-campaign-content .content .main .base-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.edit-campaign-content .content .main .base-content .campaign-content {
  display: flex;
  flex: 1 1;
  overflow: auto;
  align-items: center;
  flex-direction: column;
  padding-top: 10px;
  margin-top: 10px;
}
.edit-campaign-content .content .main .base-content .campaign-content #EditCampaignForm {
  margin-bottom: 20px;
}
.edit-campaign-content .content .main .base-content .campaign-content .form-section {
  background: #F0F4FC;
  padding: 30px 80px;
  border-radius: 8px;
}
.edit-campaign-content .content .main .base-content .campaign-content .campaign-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: min-content 1fr;
  align-items: center;
  row-gap: 5px;
  margin-bottom: 15px;
}
.edit-campaign-content .content .main .base-content .campaign-content .campaign-wrapper .unify-textbox {
  grid-column: 1;
}
.edit-campaign-content .content .main .base-content .campaign-content .campaign-wrapper .edit-status {
  text-align: right;
  margin-left: 20px;
}
.edit-campaign-content .content .main .base-content .campaign-content .campaign-wrapper .campaign-sample {
  grid-column: span 2;
  margin-top: 20px;
}
.edit-campaign-content .content .main .base-content .campaign-content .campaign-wrapper .campaign-sample img {
  margin: 0 auto;
}
.edit-campaign-content .content .main .base-content .campaign-content .social-media-links {
  margin-top: 4px;
  grid-column: span 2;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.edit-campaign-content .content .main .base-content .campaign-content .social-media-links > div {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.edit-campaign-content .content .main .base-content .campaign-content .social-media-links > div .unify-checkbox {
  margin-right: 10px;
}
.email-content {
  height: 100%;
  border: 1px solid #C3D0E7;
  padding: 2px;
}
.contact-detail-page .content .main {
  display: flex;
  padding: 20px 16px 0 16px;
}
.contact-detail-page .content .main > div {
  flex: 1 1 50%;
}
.contact-detail-page .content .main .tabs {
  height: 100%;
}
.contact-detail-page .content .main .tabs .timeline-wrapper {
  display: flex;
  flex: 1 1;
  overflow: hidden;
}
.contact-detail-page .content .main .tabs .timeline-wrapper > div {
  flex: 1 1 50%;
}
.contact-detail-page .content .main .tabs .tab-contents.first .tab-content {
  background: transparent;
}
.contact-detail-page .content .contact-actions {
  display: flex;
  margin: 20px 5px 0 0;
  justify-content: flex-end;
}
.contact-detail-page .timeline .contact-timeline-list .contact-timeline .title {
  width: 650px;
}
.contact-detail-page .timeline .contact-timeline-list .contact-timeline.timeline-item {
  justify-content: normal;
}
.contact-detail-page .campaign-name a label {
  color: #207B93;
  text-decoration: none;
  cursor: pointer;
}
.contact-detail-page .campaign-name a label:hover {
  text-decoration: underline;
}
.contact-detail-page .campaign-name a label:visited {
  color: #ff8a00;
}
.contact-detail-edit-page .contact-detail-header {
  z-index: 1;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
}
.contact-detail-edit-page .content {
  position: relative;
}
.contact-detail-edit-page .content .main {
  display: flex;
  margin: -8px 16px 20px 16px;
  flex: 1 1;
  overflow: hidden;
  background: #FFFFFF;
  padding-top: 10px;
  background: none;
}
.contact-detail-edit-page .content .main > div {
  flex: 1 1 50%;
}
.new-campaign-page .content .header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.new-campaign-page .content .header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.new-campaign-page .content .header .search-input {
  margin-left: 20px;
}
.new-campaign-page .content .header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.new-campaign-page .content .header .actions {
  margin-left: auto;
}
.new-campaign-page .content .header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.new-campaign-page .content .header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.new-campaign-page .content .header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.new-campaign-page .content .header .advanced-search label {
  margin-right: 0.75em;
}
.new-campaign-page .content .header .advanced-search .filterContainer {
  padding: 1em 0;
}
.new-campaign-page .content .header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.new-campaign-page .content .header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.new-campaign-page .content .header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.new-campaign-page .content .header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.new-campaign-page .content .header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.new-campaign-page .content .header .advanced-search .k-dropdown .k-dropdown-wrap,
.new-campaign-page .content .header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.new-campaign-page .content .header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.new-campaign-page .content .header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.new-campaign-page .content .header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.new-campaign-page .content .header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.new-campaign-page .content .header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.new-campaign-page .content .header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.new-campaign-page .content .header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.new-campaign-page .content .header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.new-campaign-page .content .header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.new-campaign-page .content .header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.new-campaign-page .content .header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.new-campaign-page .content .header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.new-campaign-page .content .header.show-advanced {
  flex: 0 0 auto;
}
.new-campaign-page .content .header.show-advanced .header-content {
  display: none;
}
.new-campaign-page .content .header.show-advanced .advanced-search {
  display: flex;
}
.new-campaign-page .content .header .actions {
  margin-left: auto;
}
.new-campaign-page .content .main {
  flex: 1 1;
  overflow: hidden;
}
.new-campaign-page .content .main form {
  height: 100%;
}
.new-campaign-page .content .content-header .k-checkbox {
  margin-left: 20px;
}
.new-campaign-page .content .advanced-search {
  color: #184977;
  margin: 0 20px;
}
.new-campaign-page .set-parameters {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
}
.new-campaign-page .set-parameters label {
  align-self: flex-start;
}
.new-campaign-page .set-parameters .base-content {
  display: flex;
  flex-direction: column;
  max-width: 430px;
  min-width: 430px;
  height: auto;
  flex: 0 0 auto;
  padding: 40px;
  align-items: center;
  margin-bottom: 20px;
}
.new-campaign-page .set-parameters .or-label {
  text-align: center;
  margin: 20px 0;
}
.new-campaign-page .set-parameters button {
  width: 100%;
}
.new-campaign-page .set-parameters .unify-dropdown {
  width: 100%;
}
.new-campaign-page .summary {
  flex: 1 1;
  display: flex;
  overflow: hidden;
}
.new-campaign-page .summary .preview-email {
  width: 800px;
  align-items: center;
  justify-content: center;
  overflow: auto;
  margin: 0px auto;
  box-shadow: 5px 5px 45px -5px;
}
.new-campaign-page .summary .preview-email img {
  height: 100%;
  object-fit: contain;
}
.new-campaign-page .summary .details {
  flex: 0 0 430px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  border-radius: 7px;
}
.new-campaign-page .summary .details .detail-header {
  flex: 0 0 auto;
  position: relative;
  font-size: 15px;
  padding: 40px 20px;
  background: #FFFFFF;
}
.new-campaign-page .summary .details .detail-header .actions {
  margin-bottom: 20px;
}
.new-campaign-page .summary .details .detail-header .title {
  font-weight: bold;
  font-size: 21px;
}
.new-campaign-page .summary .details .detail-header button {
  height: 44px;
}
.new-campaign-page .summary .details .detail-content {
  background: #F7FAFF;
  flex: 1 1;
  font-weight: bold;
  padding: 20px;
  overflow: auto;
}
.new-campaign-page .summary .details .detail-content .k-expander-title {
  color: #184977;
}
.new-campaign-page .summary .details .detail-content .title {
  margin-bottom: 20px;
  font-size: 16px;
}
.new-campaign-page .summary .details .detail-content .sub-title {
  border-top: solid 3px #184977;
  margin: 40px 0 20px;
  padding-top: 20px;
  font-size: 14px;
}
.new-campaign-page .summary .details .detail-content .detail-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  font-size: 13px;
  color: rgba(68, 68, 79, 0.8);
  line-height: 14px;
}
.new-campaign-page .summary .details .detail-content .detail-grid > div:nth-of-type(even) {
  text-align: right;
}
.new-campaign-page .summary .details .detail-content .detail-grid > div {
  border-bottom: solid 1px #DFE0EB;
  padding: 30px 0;
}
.my-contacts-page .content .main {
  flex: 1 1;
  overflow: hidden;
}
.my-contacts-page .pager-actions {
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.my-contacts-page .pager-actions .unify-dropdown {
  margin: 0 10px;
  width: 60px;
  min-width: 60px;
}
.my-contacts-page .pager-actions button {
  margin-right: 10px;
}
.my-contacts-page .search-results .contact {
  padding: 20px;
}
.my-contacts-page .search-results .contact:nth-child(even) {
  background: #FFFFFF;
}
.my-contacts-page .search-results .contact input {
  display: none;
}
.my-contacts-page .search-results .contact .initials {
  margin-left: 0;
}
.my-contacts-page #SelectedResultsIndicator {
  display: none;
  color: #FFFFFF;
}
.my-contacts-page #SelectedResultsIndicator .unify-checkbox {
  margin-right: 10px;
  display: inline-block;
}
.SMSValidationNumber {
  float: right;
  width: 181px;
}
.SMSValidationHeaderName {
  float: left;
  width: 328px;
}
.SMSValidationHeaderNumber {
  float: left;
  width: 100px;
}
.SMSValidationValidated {
  margin-top: 10px;
  color: #184977;
  width: 510px;
}
.SendSmsCount {
  margin-left: 10px;
  float: right;
}
.SendSmsSendTo {
  height: 245px !important;
}
.SmsSummary {
  padding-left: 5px;
}
.k-counter-container {
  float: right;
}
.SmsSummaryItemContact {
  position: relative;
  background: #F7FAFF;
  padding: 5px 30px;
  align-items: center;
  overflow: hidden;
  color: #184977;
}
.SmsSummary-list.list > div:nth-child(even) {
  background: #F0F4FC;
}
.SmsSendTo {
  padding-top: 10px;
}
.SmsValidatedSummary {
  background: #F7FAFF;
}
.SmsValidatedSummary-list {
  overflow-y: scroll;
  width: 520px;
}
.SmsValidatedSummary-list.list > div:nth-child(even) {
  background: #F0F4FC;
}
.my-campaign-detail .header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
.my-campaign-detail .header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.my-campaign-detail .header .search-input {
  margin-left: 20px;
}
.my-campaign-detail .header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.my-campaign-detail .header .actions {
  margin-left: auto;
}
.my-campaign-detail .header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.my-campaign-detail .header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.my-campaign-detail .header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.my-campaign-detail .header .advanced-search label {
  margin-right: 0.75em;
}
.my-campaign-detail .header .advanced-search .filterContainer {
  padding: 1em 0;
}
.my-campaign-detail .header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.my-campaign-detail .header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.my-campaign-detail .header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.my-campaign-detail .header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.my-campaign-detail .header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.my-campaign-detail .header .advanced-search .k-dropdown .k-dropdown-wrap,
.my-campaign-detail .header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.my-campaign-detail .header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.my-campaign-detail .header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.my-campaign-detail .header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.my-campaign-detail .header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.my-campaign-detail .header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.my-campaign-detail .header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.my-campaign-detail .header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.my-campaign-detail .header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.my-campaign-detail .header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.my-campaign-detail .header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.my-campaign-detail .header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.my-campaign-detail .header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.my-campaign-detail .header.show-advanced {
  flex: 0 0 auto;
}
.my-campaign-detail .header.show-advanced .header-content {
  display: none;
}
.my-campaign-detail .header.show-advanced .advanced-search {
  display: flex;
}
.my-campaign-detail .header .actions .chip {
  margin-right: 10px;
}
.my-campaign-detail .header .top {
  display: flex;
  align-items: center;
  width: 100%;
  height: 75px;
  border-bottom: solid 1px #C9D2E6;
  padding: 0 20px;
}
.my-campaign-detail .header .top .price {
  border-radius: 7px;
  color: #FFFFFF;
  padding: 6px 20px;
  background: #207B93;
  margin-left: 20px;
}
.my-campaign-detail .header .top .chips {
  margin-left: auto;
}
.my-campaign-detail .header .bottom {
  padding: 0 20px;
  display: flex;
  width: 100%;
}
.my-campaign-detail .header .bottom > div {
  position: relative;
  border-left: solid 1px #C9D2E6;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  flex: 1 1;
  cursor: pointer;
}
.my-campaign-detail .header .bottom > div:hover:not(.date) .title {
  text-decoration: underline;
}
.my-campaign-detail .header .bottom > div .title {
  font-size: 16px;
  font-weight: bold;
  color: #828B9D;
}
.my-campaign-detail .header .bottom > div .value {
  color: #184977;
  font-size: 26px;
  font-weight: bold;
  white-space: nowrap;
}
.my-campaign-detail .header .bottom > div:first-child {
  border-left: none;
}
.my-campaign-detail .main .tabs {
  padding: 20px 16px;
  height: 100%;
}
.my-campaign-detail .main .tabs .content-header {
  flex: 0 0 20px;
}
.my-campaign-detail .main .tabs .content-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 260px);
  padding: 20px;
  overflow: auto;
  flex: 1 1;
  align-items: flex-start;
}
.my-campaign-detail .main .tabs .content-list .content {
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 33px #CCD7ED;
  border-radius: 7px;
  padding-bottom: 20px;
}
.my-campaign-detail .main .tabs .content-list .content .content-header {
  display: flex;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  margin-bottom: 10px;
}
.my-campaign-detail .main .tabs .content-list .content .content-header .chip {
  margin-left: auto;
}
.my-campaign-detail .main .tabs .content-list .content > .chip {
  align-self: flex-start;
  margin-left: 10px;
}
.my-campaign-detail .main .tabs .content-list .content .sample {
  margin-top: 10px;
  padding: 0 20px;
}
.email-history {
  display: grid;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 20px;
  padding: 20px;
}
.email-history .title {
  color: #000000;
  font-size: 15px;
  grid-column: span 6;
  text-transform: uppercase;
}
.rainmaker-dashboard-page .content .header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
  flex: 0 0 100px;
}
.rainmaker-dashboard-page .content .header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.rainmaker-dashboard-page .content .header .search-input {
  margin-left: 20px;
}
.rainmaker-dashboard-page .content .header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.rainmaker-dashboard-page .content .header .actions {
  margin-left: auto;
}
.rainmaker-dashboard-page .content .header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.rainmaker-dashboard-page .content .header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.rainmaker-dashboard-page .content .header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.rainmaker-dashboard-page .content .header .advanced-search label {
  margin-right: 0.75em;
}
.rainmaker-dashboard-page .content .header .advanced-search .filterContainer {
  padding: 1em 0;
}
.rainmaker-dashboard-page .content .header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.rainmaker-dashboard-page .content .header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.rainmaker-dashboard-page .content .header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.rainmaker-dashboard-page .content .header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.rainmaker-dashboard-page .content .header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.rainmaker-dashboard-page .content .header .advanced-search .k-dropdown .k-dropdown-wrap,
.rainmaker-dashboard-page .content .header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.rainmaker-dashboard-page .content .header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.rainmaker-dashboard-page .content .header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.rainmaker-dashboard-page .content .header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.rainmaker-dashboard-page .content .header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.rainmaker-dashboard-page .content .header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.rainmaker-dashboard-page .content .header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.rainmaker-dashboard-page .content .header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.rainmaker-dashboard-page .content .header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.rainmaker-dashboard-page .content .header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.rainmaker-dashboard-page .content .header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.rainmaker-dashboard-page .content .header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.rainmaker-dashboard-page .content .header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.rainmaker-dashboard-page .content .header.show-advanced {
  flex: 0 0 auto;
}
.rainmaker-dashboard-page .content .header.show-advanced .header-content {
  display: none;
}
.rainmaker-dashboard-page .content .header.show-advanced .advanced-search {
  display: flex;
}
.rainmaker-dashboard-page .content .header .call-contacts-info {
  margin-left: auto;
}
.rainmaker-dashboard-page .content .header .call-contacts-info label {
  color: #959CAF;
}
.rainmaker-dashboard-page .content .header .call-contacts-info > div {
  color: #184977;
  font-weight: 700;
  font-size: 26px;
}
.rainmaker-dashboard-page .content .main {
  flex: 1 1;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  padding: 0px 16px;
  gap: 10px;
}
.rainmaker-dashboard-page .content .main .span-2 {
  grid-row: span 2;
}
.rainmaker-dashboard-page .content .main > div {
  overflow: hidden;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
}
.rainmaker-dashboard-page .content .main > div .rainmaker-list-card {
  height: 100%;
  box-shadow: none;
}
.marketing-dashboard-page .content .header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.marketing-dashboard-page .content .header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.marketing-dashboard-page .content .header .search-input {
  margin-left: 20px;
}
.marketing-dashboard-page .content .header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.marketing-dashboard-page .content .header .actions {
  margin-left: auto;
}
.marketing-dashboard-page .content .header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.marketing-dashboard-page .content .header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.marketing-dashboard-page .content .header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.marketing-dashboard-page .content .header .advanced-search label {
  margin-right: 0.75em;
}
.marketing-dashboard-page .content .header .advanced-search .filterContainer {
  padding: 1em 0;
}
.marketing-dashboard-page .content .header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.marketing-dashboard-page .content .header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.marketing-dashboard-page .content .header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.marketing-dashboard-page .content .header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.marketing-dashboard-page .content .header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.marketing-dashboard-page .content .header .advanced-search .k-dropdown .k-dropdown-wrap,
.marketing-dashboard-page .content .header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.marketing-dashboard-page .content .header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.marketing-dashboard-page .content .header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.marketing-dashboard-page .content .header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.marketing-dashboard-page .content .header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.marketing-dashboard-page .content .header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.marketing-dashboard-page .content .header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.marketing-dashboard-page .content .header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.marketing-dashboard-page .content .header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.marketing-dashboard-page .content .header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.marketing-dashboard-page .content .header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.marketing-dashboard-page .content .header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.marketing-dashboard-page .content .header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.marketing-dashboard-page .content .header.show-advanced {
  flex: 0 0 auto;
}
.marketing-dashboard-page .content .header.show-advanced .header-content {
  display: none;
}
.marketing-dashboard-page .content .header.show-advanced .advanced-search {
  display: flex;
}
.marketing-dashboard-page .content .header .actions {
  margin-left: auto;
}
.marketing-dashboard-page .content .main {
  flex: 1 1;
  overflow: hidden;
}
.marketing-dashboard-page .content .main .marketing-cards {
  padding: 20px 16px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  grid-template-rows: 1fr 356px;
  grid-auto-flow: column;
  height: 100%;
}
.marketing-dashboard-page .content .main .marketing-cards > div {
  overflow: hidden;
  box-shadow: 0px 4px 23px -13px #184977;
}
.marketing-dashboard-page .content .main .marketing-cards > div .marketing-list-card {
  height: 100%;
}
.marketing-dashboard-page .content .main .marketing-cards > div .marketing-chart-card {
  height: 100%;
}
.lead-tracker-page .lead-tracker-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.lead-tracker-page .lead-tracker-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.lead-tracker-page .lead-tracker-header .search-input {
  margin-left: 20px;
}
.lead-tracker-page .lead-tracker-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.lead-tracker-page .lead-tracker-header .actions {
  margin-left: auto;
}
.lead-tracker-page .lead-tracker-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.lead-tracker-page .lead-tracker-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.lead-tracker-page .lead-tracker-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.lead-tracker-page .lead-tracker-header .advanced-search label {
  margin-right: 0.75em;
}
.lead-tracker-page .lead-tracker-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.lead-tracker-page .lead-tracker-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.lead-tracker-page .lead-tracker-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.lead-tracker-page .lead-tracker-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.lead-tracker-page .lead-tracker-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.lead-tracker-page .lead-tracker-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.lead-tracker-page .lead-tracker-header .advanced-search .k-dropdown .k-dropdown-wrap,
.lead-tracker-page .lead-tracker-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.lead-tracker-page .lead-tracker-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.lead-tracker-page .lead-tracker-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.lead-tracker-page .lead-tracker-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.lead-tracker-page .lead-tracker-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.lead-tracker-page .lead-tracker-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.lead-tracker-page .lead-tracker-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.lead-tracker-page .lead-tracker-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.lead-tracker-page .lead-tracker-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.lead-tracker-page .lead-tracker-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.lead-tracker-page .lead-tracker-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.lead-tracker-page .lead-tracker-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.lead-tracker-page .lead-tracker-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.lead-tracker-page .lead-tracker-header.show-advanced {
  flex: 0 0 auto;
}
.lead-tracker-page .lead-tracker-header.show-advanced .header-content {
  display: none;
}
.lead-tracker-page .lead-tracker-header.show-advanced .advanced-search {
  display: flex;
}
.lead-tracker-page .results .lead {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
  padding-left: 0;
}
.lead-tracker-page .results .lead:nth-of-type(even) {
  background: #FFFFFF;
}
.lead-tracker-page .results .lead:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.lead-tracker-page .results .lead .grid-initials .material-icons {
  color: #184977;
}
.lead-tracker-page .results .lead .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.lead-tracker-page .results .lead .initials:focus {
  border: 2px solid #184977;
}
.lead-tracker-page .results .lead .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.lead-tracker-page .results .lead .initials.low {
  background: #184977;
}
.lead-tracker-page .results .lead .initials.medium {
  background: #FF8A00;
}
.lead-tracker-page .results .lead .initials.high {
  background: #C10000;
}
.lead-tracker-page .results .lead .initials.dead {
  background: #909297;
}
.lead-tracker-page .results .lead .initials.missing {
  background: #5da07d;
}
.lead-tracker-page .results .lead .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.lead-tracker-page .results .lead .actions:focus {
  border: 2px solid #184977;
}
.lead-tracker-page .results .lead .actions .success {
  color: #65B122;
}
.lead-tracker-page .results .lead .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.lead-tracker-page .results .lead .actions > button:focus {
  opacity: 1;
}
.lead-tracker-page .results .lead .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.lead-tracker-page .results .lead .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.lead-tracker-page .results .lead .k-checkbox {
  display: none;
}
.lead-tracker-page .content .main {
  border-radius: 7px;
}
.lead-tracker-page .content .main .content-header {
  flex: 0 0 20px;
  justify-content: center;
}
.lead-tracker-page .content .main .lead-tracker-list {
  height: 100%;
  overflow: auto;
}
.lead-tracker-page .content .main .lead-tracker-list.list > div:nth-child(even) {
  background: #FFFFFF;
}
.lead-tracker-page .content .main .lead-tracker-list.list .grid.list {
  display: grid !important;
}
.lead-tracker-page .content .main .lead-tracker-list.list .list.four {
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr min-content 1fr;
}
.lead-tracker-page .content .main .lead-tracker-list.list .list.eight {
  grid-template-columns: repeat(8, 1fr);
}
.lead-tracker-page .content .main .lead-tracker-list.card {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));
  padding: 20px 10px 20px 10px;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div {
  position: relative;
  height: 350px;
  background: #F7FAFF;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  overflow: visible;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .k-checkbox {
  position: absolute;
  top: 40px;
  right: 20px;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .initials {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 30px;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .initials.none {
  background: #E4E7EB;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .initials.high {
  background: #C10000;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .initials.medium {
  background: #FF8A00;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .initials.low {
  background: #184977;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .actions {
  position: absolute;
  top: 30px;
  right: 60px;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .grid {
  display: grid;
  gap: 0 24px;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
}
.lead-tracker-page .content .main .lead-tracker-list.card > div .grid.card {
  display: grid !important;
}
.lead-tracker-page .content .main #lead-tracker-tabs {
  height: 100%;
  margin: 0 16px;
}
.lead-tracker-page .content .main .lead {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
}
.lead-tracker-page .content .main .lead:nth-of-type(even) {
  background: #FFFFFF;
}
.lead-tracker-page .content .main .lead:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.lead-tracker-page .content .main .lead .grid-initials .material-icons {
  color: #184977;
}
.lead-tracker-page .content .main .lead .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.lead-tracker-page .content .main .lead .initials:focus {
  border: 2px solid #184977;
}
.lead-tracker-page .content .main .lead .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.lead-tracker-page .content .main .lead .initials.low {
  background: #184977;
}
.lead-tracker-page .content .main .lead .initials.medium {
  background: #FF8A00;
}
.lead-tracker-page .content .main .lead .initials.high {
  background: #C10000;
}
.lead-tracker-page .content .main .lead .initials.dead {
  background: #909297;
}
.lead-tracker-page .content .main .lead .initials.missing {
  background: #5da07d;
}
.lead-tracker-page .content .main .lead .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.lead-tracker-page .content .main .lead .actions:focus {
  border: 2px solid #184977;
}
.lead-tracker-page .content .main .lead .actions .success {
  color: #65B122;
}
.lead-tracker-page .content .main .lead .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.lead-tracker-page .content .main .lead .actions > button:focus {
  opacity: 1;
}
.lead-tracker-page .content .main .lead .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.lead-tracker-page .content .main .lead .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.lead-tracker-page .content .main .lead .grid.list,
.lead-tracker-page .content .main .lead .grid.card {
  display: none !important;
}
.lead-tracker-page .content .main .lead .grid.list label,
.lead-tracker-page .content .main .lead .grid.card label {
  line-height: 24px;
}
.lead-tracker-page .content .main .lead:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.lead-tracker-page #SelectedResultsIndicator {
  display: none;
  color: #FFFFFF;
}
.lead-tracker-page #SelectedResultsIndicator .unify-checkbox {
  margin-right: 10px;
  display: inline-block;
}
.lead-tracker-detail-page .content .contact-detail-header {
  z-index: 1;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
}
.lead-tracker-detail-page .content .main {
  display: flex;
  margin: -8px 16px 20px 16px;
  flex: 1 1;
  overflow: hidden;
  background: #FFFFFF;
  padding-top: 10px;
  background: none;
}
.lead-tracker-detail-page .content .main .form-wrapper {
  background: #F7FAFF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow: auto;
  overflow-x: hidden;
  flex: 1 1;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-actions button {
  margin-left: 10px;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section .title {
  color: #98A3AF;
  font-size: 12px;
  white-space: nowrap;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, min-content));
  gap: 30px;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.one {
  grid-template-columns: 1fr;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.three {
  grid-template-columns: repeat(3, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.three.min-content {
  grid-template-columns: repeat(3, minmax(180px, min-content));
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.three .title {
  grid-column: span 3;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.four.min-content {
  grid-template-columns: repeat(4, minmax(180px, min-content));
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.four .title {
  grid-column: span 4;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.five {
  grid-template-columns: repeat(5, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.five.min-content {
  grid-template-columns: repeat(5, minmax(180px, min-content));
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid.five .title {
  grid-column: span 5;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper {
  display: grid;
  gap: 6px 10px;
  align-items: center;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper > label {
  font-weight: bold;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.one {
  grid-template-columns: 1fr;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.two label {
  grid-column: span 2;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.two.min-content {
  grid-template-columns: repeat(2, min-content);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.two.min-full {
  grid-template-columns: min-content 1fr;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.two.full-min {
  grid-template-columns: 1fr min-content;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.three {
  grid-template-columns: repeat(3, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.three label {
  grid-column: span 3;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.three.min-content {
  grid-template-columns: repeat(3, min-content);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.start {
  grid-column-start: 1;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.span-two {
  grid-column: span 2;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.span-two.start {
  grid-column: 1 / span 2;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.span-three {
  grid-column: span 3;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper.span-five {
  grid-column: span 5;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .field-wrapper .schedule-row {
  display: grid;
  grid-template-columns: min-content 1fr 100px;
  gap: 0 10px;
  align-items: center;
  transition: display 100ms ease-in-out;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 10px;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .column.span-two {
  grid-column: span 2;
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .column.one {
  grid-template-columns: repeat(1, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .column.four {
  grid-template-columns: repeat(4, 1fr);
}
.lead-tracker-detail-page .content .main .form-wrapper .form-section.grid .column .title {
  grid-column: span 2;
}
.lead-tracker-detail-page .content .main form {
  width: 100%;
}
#ContentHeaderLeadTrack {
  padding: 0 10px 0 30px;
  flex: 0 0 60px;
}
.actions-lead-tracker {
  width: 78%;
  justify-content: flex-start;
  align-items: center;
}
.filter-lead-tracker {
  padding-right: 10px;
  flex: 0 0 60px;
  text-transform: capitalize;
  font-size: 1.1em;
}
.sort-lead-tracker {
  text-transform: capitalize;
  font-size: 1.1em;
}
#MainLeadSource {
  padding: 0px 15px;
}
.lead-title {
  font-weight: bold;
}
.lead-tab-contents {
  overflow: auto;
  border-radius: 8px;
}
.lead-tab-contents .lead-sources-list {
  background: #FFFFFF !important;
  padding: 8px;
}
.check-new-lead {
  display: flex;
  align-items: center;
  gap: 10px;
}
.check-new-lead .lead-icons {
  cursor: pointer;
}
.check-new-lead .lead-source-data {
  font-weight: bold;
}
.lead-delete-icon {
  cursor: pointer !important;
  margin-left: auto;
}
.lead-detail-section {
  flex-direction: row !important;
  align-items: center;
  gap: 15px;
  padding: 0px 0px !important;
  width: 80%;
}
.lead-detail-section .lead-link-detail {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.lead-detail-section .copy-button {
  margin-right: 30px;
}
.lead-form-actions {
  padding: 0px 20px !important;
}
.lead-welcome-email {
  display: flex !important;
  gap: 10px !important;
  align-items: unset !important;
}
#WelcomeEmailImg {
  width: 320px;
  height: 400px;
  grid-column-start: 1;
}
.tab-advanced-dist {
  overflow: auto;
  border-radius: 8px;
}
.tab-advanced-dist .contact-list-advanced-dist {
  background: #FFFFFF !important;
  padding: 20px;
}
.tab-advanced-dist .contact-list-advanced-dist .span-title {
  font-size: 24px;
  font-weight: bold;
  padding: 15px;
}
.tab-advanced-dist .contact-list-advanced-dist .advanced-lead-contact {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 20px 10px;
  margin-top: 15px;
}
.tab-advanced-dist .contact-list-advanced-dist .advanced-lead-contact .advanced-dist-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}
.advanced-dist-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}
.advanced-distribution-list {
  background: #FFFFFF;
  padding: 0px;
  width: 95%;
  margin-left: auto;
}
.advanced-distribution-list .advanced-distribution-contact {
  justify-content: space-between;
  padding: 20px 20px;
  background: #FFFFFF;
}
.advanced-distribution-list .advanced-distribution-contact .contact-name {
  font-weight: bold;
  width: 200px;
}
.advanced-distribution-list .advanced-distribution-contact .advanced-contact-info {
  display: grid;
  grid-template-columns: repeat(3, 270px);
  column-gap: 40px;
  row-gap: 5px;
}
.advanced-distribution-list .advanced-distribution-contact .advanced-contact-info .credit-range {
  margin-left: -70px;
}
.advanced-distribution-list .advanced-distribution-contact .advanced-contact-info .max-loan-data {
  grid-column-start: 1;
}
#LeadSourceName {
  align-items: center;
  justify-content: space-between;
}
.send-to-pos-button-wrapper {
  display: inline-block;
  margin-right: 10px;
}
.send-to-pos-button-wrapper .btn[disabled] {
  pointer-events: auto;
}
.send-to-pos-note {
  font-style: italic;
}
.field-last-response {
  white-space: pre-wrap;
}
.third-party-field-options {
  text-align: left;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: 20px 0;
}
label.hidden {
  display: none;
}
label.hidden + div {
  display: none;
}
.greatness-tracker-page .greatness-tracker-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.greatness-tracker-page .greatness-tracker-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.greatness-tracker-page .greatness-tracker-header .search-input {
  margin-left: 20px;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.greatness-tracker-page .greatness-tracker-header .actions {
  margin-left: auto;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search label {
  margin-right: 0.75em;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .k-dropdown .k-dropdown-wrap,
.greatness-tracker-page .greatness-tracker-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.greatness-tracker-page .greatness-tracker-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.greatness-tracker-page .greatness-tracker-header.show-advanced {
  flex: 0 0 auto;
}
.greatness-tracker-page .greatness-tracker-header.show-advanced .header-content {
  display: none;
}
.greatness-tracker-page .greatness-tracker-header.show-advanced .advanced-search {
  display: flex;
}
.greatness-tracker-page .content .main {
  margin: 20px 16px 0 16px;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  border-radius: 7px;
}
.greatness-tracker-page .content .main .content-header {
  flex: 0 0 20px;
}
.greatness-tracker-page .content .main .greatness-tracker-list {
  height: 100%;
  overflow: auto;
}
.greatness-tracker-page .content .main .greatness-tracker-list.list > div:nth-child(even) {
  background: #FFFFFF;
}
.greatness-tracker-page .content .main .greatness-tracker-list.list .grid.list {
  display: grid !important;
}
.greatness-tracker-page .content .main .greatness-tracker-list.list .list.four {
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr min-content 1fr;
}
.greatness-tracker-page .content .main .greatness-tracker-list.list .list.eight {
  grid-template-columns: repeat(8, 1fr);
}
.greatness-tracker-page .content .main .greatness-tracker-list.card {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));
  padding: 20px 10px 20px 10px;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div {
  position: relative;
  height: 350px;
  background: #F7FAFF;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  overflow: visible;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .k-checkbox {
  position: absolute;
  top: 40px;
  right: 20px;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .initials {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 30px;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .initials.none {
  background: #E4E7EB;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .initials.high {
  background: #C10000;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .initials.medium {
  background: #FF8A00;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .initials.low {
  background: #184977;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .actions {
  position: absolute;
  top: 30px;
  right: 60px;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .grid {
  display: grid;
  gap: 0 24px;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
}
.greatness-tracker-page .content .main .greatness-tracker-list.card > div .grid.card {
  display: grid !important;
}
.greatness-tracker-page .content .main .greatness-tracker-list .call {
  border: solid 1px #184977;
  color: #184977;
  background: #FFFFFF;
  padding: 4px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.greatness-tracker-page .content .main .greatness-tracker-list .call.active {
  background: #65B122;
}
.greatness-tracker-page .content .main .greatness-tracker-list a {
  white-space: break-spaces;
}
.greatness-tracker-page .content .main #greatness-tracker-tabs {
  height: 100%;
}
.greatness-tracker-page .content .main .lead,
.greatness-tracker-page .content .main .greatness-item {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
}
.greatness-tracker-page .content .main .lead:nth-of-type(even),
.greatness-tracker-page .content .main .greatness-item:nth-of-type(even) {
  background: #FFFFFF;
}
.greatness-tracker-page .content .main .lead:hover .actions,
.greatness-tracker-page .content .main .greatness-item:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.greatness-tracker-page .content .main .lead .grid-initials .material-icons,
.greatness-tracker-page .content .main .greatness-item .grid-initials .material-icons {
  color: #184977;
}
.greatness-tracker-page .content .main .lead .initials,
.greatness-tracker-page .content .main .greatness-item .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.greatness-tracker-page .content .main .lead .initials:focus,
.greatness-tracker-page .content .main .greatness-item .initials:focus {
  border: 2px solid #184977;
}
.greatness-tracker-page .content .main .lead .initials.none,
.greatness-tracker-page .content .main .greatness-item .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.greatness-tracker-page .content .main .lead .initials.low,
.greatness-tracker-page .content .main .greatness-item .initials.low {
  background: #184977;
}
.greatness-tracker-page .content .main .lead .initials.medium,
.greatness-tracker-page .content .main .greatness-item .initials.medium {
  background: #FF8A00;
}
.greatness-tracker-page .content .main .lead .initials.high,
.greatness-tracker-page .content .main .greatness-item .initials.high {
  background: #C10000;
}
.greatness-tracker-page .content .main .lead .initials.dead,
.greatness-tracker-page .content .main .greatness-item .initials.dead {
  background: #909297;
}
.greatness-tracker-page .content .main .lead .initials.missing,
.greatness-tracker-page .content .main .greatness-item .initials.missing {
  background: #5da07d;
}
.greatness-tracker-page .content .main .lead .actions,
.greatness-tracker-page .content .main .greatness-item .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.greatness-tracker-page .content .main .lead .actions:focus,
.greatness-tracker-page .content .main .greatness-item .actions:focus {
  border: 2px solid #184977;
}
.greatness-tracker-page .content .main .lead .actions .success,
.greatness-tracker-page .content .main .greatness-item .actions .success {
  color: #65B122;
}
.greatness-tracker-page .content .main .lead .actions > button,
.greatness-tracker-page .content .main .greatness-item .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.greatness-tracker-page .content .main .lead .actions > button:focus,
.greatness-tracker-page .content .main .greatness-item .actions > button:focus {
  opacity: 1;
}
.greatness-tracker-page .content .main .lead .grid,
.greatness-tracker-page .content .main .greatness-item .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.greatness-tracker-page .content .main .lead .grid label,
.greatness-tracker-page .content .main .greatness-item .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.greatness-tracker-page .content .main .lead .grid.list,
.greatness-tracker-page .content .main .greatness-item .grid.list,
.greatness-tracker-page .content .main .lead .grid.card,
.greatness-tracker-page .content .main .greatness-item .grid.card {
  display: none !important;
}
.login {
  height: 100%;
  width: 100%;
  background-image: url('../assets/login-background.jpg');
  background-repeat: no-repeat;
  background-color: #184977;
  background-size: cover;
  background-position: bottom center;
  background-blend-mode: multiply;
  color: #184977;
}
.login .instructions {
  width: 100%;
  padding: 40px 20px;
  font-size: 15px;
}
.login .instructions .title {
  font-size: 22px;
  font-weight: bold;
}
.login a {
  color: #184977;
}
.login .panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 660px;
  height: 100%;
  padding-top: 50px;
  position: relative;
}
.login .panel > * {
  z-index: 1;
}
.login .panel:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #FFFFFF 37.94%, rgba(255, 255, 255, 0.35) 100%);
  opacity: 0.9;
  z-index: 0;
}
.login .panel .logo {
  width: 300px;
}
.login .panel .headline {
  font-size: 30px;
  font-weight: normal;
  margin-top: 40px;
}
.login .panel form {
  width: 100%;
  padding: 20px;
}
.login .panel form .section-field-wrapper {
  width: 100%;
  margin-bottom: 20px;
}
.login .panel form .section-field-wrapper label {
  color: #184977;
  font-weight: bold;
}
.login .panel form button {
  width: 100%;
  border-color: #184977;
  color: #184977;
}
.app-downloads {
  display: flex;
  align-items: center;
}
.app-downloads > a img .app-store {
  height: 50px;
}
.app-downloads > a img .google-play {
  height: 34px;
}
.my-day .header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.my-day .header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.my-day .header .search-input {
  margin-left: 20px;
}
.my-day .header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.my-day .header .actions {
  margin-left: auto;
}
.my-day .header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.my-day .header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.my-day .header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.my-day .header .advanced-search label {
  margin-right: 0.75em;
}
.my-day .header .advanced-search .filterContainer {
  padding: 1em 0;
}
.my-day .header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.my-day .header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.my-day .header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.my-day .header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.my-day .header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.my-day .header .advanced-search .k-dropdown .k-dropdown-wrap,
.my-day .header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.my-day .header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.my-day .header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.my-day .header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.my-day .header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.my-day .header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.my-day .header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.my-day .header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.my-day .header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.my-day .header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.my-day .header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.my-day .header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.my-day .header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.my-day .header.show-advanced {
  flex: 0 0 auto;
}
.my-day .header.show-advanced .header-content {
  display: none;
}
.my-day .header.show-advanced .advanced-search {
  display: flex;
}
.my-day .main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  padding: 0px 10px 16px 16px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.my-day .main #RecentTasks {
  display: grid;
  grid-template-columns: inherit;
  grid-column-gap: inherit;
  grid-column: 1 / span 4;
  position: relative;
  width: 100%;
  overflow: inherit;
}
.my-day .main .scheduled-calls {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
  /*grid-row: span 2;*/
  background: #FAFBFE;
  background: #ccc;
}
.my-day .main .scheduled-calls .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.my-day .main .scheduled-calls .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.my-day .main .scheduled-calls .card-header label.see-all {
  text-transform: none;
}
.my-day .main .scheduled-calls .card-header label.see-all a {
  color: #184977;
}
.my-day .main .scheduled-calls .card-header .material-icons,
.my-day .main .scheduled-calls .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.my-day .main .scheduled-calls .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.my-day .main .scheduled-calls .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.my-day .main .scheduled-calls .card-content .initials {
  margin: 0 10px;
}
.my-day .main .scheduled-calls .card-content .odd {
  background: #FFFFFF;
}
.my-day .main .scheduled-calls .card-content {
  background-color: #F7FAFF;
}
.my-day .main .scheduled-calls .section-label {
  color: #184977;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 20px;
  background: #d1dbea;
}
.my-day .main .scheduled-calls .call {
  position: relative;
  padding: 20px;
  display: flex;
  gap: 15px;
  align-items: center;
  color: #184977;
  background: #F7FAFF;
}
.my-day .main .scheduled-calls .call .actions {
  position: absolute;
  right: 10px;
  top: 20px;
  background: transparent;
  border-radius: 20px;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
}
.my-day .main .scheduled-calls .call .actions button {
  margin-right: 0;
}
.my-day .main .scheduled-calls .call:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.my-day .main .scheduled-calls .call:nth-child(even) {
  background: #FFFFFF;
}
.my-day .main .scheduled-calls .action {
  margin-left: auto;
}
.my-day .main .scheduled-calls .action span {
  color: #828B9D;
  font-style: italic;
}
.my-day .main .customer-alerts {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
  grid-column: span 3;
  grid-row: span 2;
  position: relative;
}
.my-day .main .customer-alerts .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.my-day .main .customer-alerts .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.my-day .main .customer-alerts .card-header label.see-all {
  text-transform: none;
}
.my-day .main .customer-alerts .card-header label.see-all a {
  color: #184977;
}
.my-day .main .customer-alerts .card-header .material-icons,
.my-day .main .customer-alerts .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.my-day .main .customer-alerts .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.my-day .main .customer-alerts .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.my-day .main .customer-alerts .card-content .initials {
  margin: 0 10px;
}
.my-day .main .customer-alerts .card-content .odd {
  background: #FFFFFF;
}
.my-day .main .customer-alerts .unify-dropdown {
  margin-left: 20px;
  width: 200px;
  position: absolute;
  right: 20px;
  top: 7px;
}
.my-day .main .customer-alerts .alert-select {
  display: flex;
  align-items: center;
  flex: 0 0 50px;
  background: #FFFFFF;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 12px;
}
.my-day .main .customer-alerts .alert-select label {
  color: #184977;
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}
.my-day .main .customer-alerts .alert-select button {
  margin-right: 6px;
}
.my-day .main .customer-alerts .alert-select button span {
  font-size: 14px;
  padding-right: 6px;
}
.my-day .main .customer-alerts .card-content {
  background: #F7FAFF;
}
.my-day .main .customer-alerts .card-content .tabs {
  height: 100%;
}
.my-day .main .customer-alerts .card-content .tabs .tab-contents {
  overflow: hidden;
}
.my-day .main .customer-alerts .card-content .tabs .tab-contents .tab-content {
  overflow: auto;
}
.my-day .main .customer-alerts .card-content .alert {
  display: grid;
  position: relative;
  grid-template-columns: min-content repeat(8, 1fr);
  column-gap: 20px;
  grid-template-rows: min-content min-content;
  font-size: 15px;
  align-items: center;
  padding: 20px;
}
.my-day .main .customer-alerts .card-content .alert .actions {
  position: absolute;
  right: 10px;
  top: 20px;
  background: transparent;
  border-radius: 20px;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
}
.my-day .main .customer-alerts .card-content .alert .actions button {
  margin-right: 0;
}
.my-day .main .customer-alerts .card-content .alert:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.my-day .main .customer-alerts .card-content .alert:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.my-day .main .customer-alerts .card-content .alert .alert-icon {
  grid-row: span 2;
  width: 110px;
}
.my-day .main .customer-alerts .card-content .alert:nth-child(even) {
  background: #FFFFFF;
}
.my-day .main .customer-alerts .card-content .alert .name,
.my-day .main .customer-alerts .card-content .alert .number {
  font-size: 15px;
}
.my-day .main .customer-alerts .card-content .alert .material-icons {
  grid-row: span 2;
}
.my-day .main .customer-alerts .card-content .alert label {
  color: #828B9D;
  font-size: 13px;
}
.my-day .main .customer-alerts .card-content .alert .span-4 {
  grid-column: span 4;
  border: 1px solid red;
}
.my-day .main .customer-alerts .card-content .alert .number {
  grid-column: 2;
}
.my-day .main .customer-alerts .card-content .lead {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 20px 30px;
  align-items: center;
  overflow: hidden;
}
.my-day .main .customer-alerts .card-content .lead:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.my-day .main .customer-alerts .card-content input.k-checkbox {
  margin-right: 1.6em;
}
.my-day .main .customer-alerts .card-content .grid.list {
  grid-template-columns: 15% 25% 10% 10% 10% 10% 10% 10%;
  grid-auto-rows: 60px;
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 16px;
  align-items: center;
  gap: 0 30px;
}
.my-day .main .customer-alerts .card-content .grid.list div:nth-child(1),
.my-day .main .customer-alerts .card-content .grid.list div:nth-child(3),
.my-day .main .customer-alerts .card-content .grid.list div:nth-child(4) {
  color: #3B496D;
}
.my-day .main .customer-alerts .card-content .grid.list label {
  color: #98A3AF;
  font-size: 12px;
}
.my-day .main .customer-alerts .card-content .grid.list .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.my-day .main .customer-alerts .card-content .grid.list .actions > button {
  margin-right: 0px;
}
.my-day .main .customer-alerts .card-content .grid.list:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.my-day .main .empty-results {
  padding-left: 0;
  padding-top: 0;
  padding: 10px;
}
.my-day .main .empty-results {
  padding-left: 0;
  padding-top: 0;
  padding: 10px;
}
.my-day .main .tasks {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.my-day .main .tasks .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.my-day .main .tasks .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.my-day .main .tasks .card-header label.see-all {
  text-transform: none;
}
.my-day .main .tasks .card-header label.see-all a {
  color: #184977;
}
.my-day .main .tasks .card-header .material-icons,
.my-day .main .tasks .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.my-day .main .tasks .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.my-day .main .tasks .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.my-day .main .tasks .card-content .initials {
  margin: 0 10px;
}
.my-day .main .tasks .card-content .odd {
  background: #FFFFFF;
}
.my-day .main .tasks .card-content {
  background-color: #F7FAFF;
}
.my-day .main .tasks .section-label {
  padding: 10px 20px;
  color: #184977;
  font-weight: bold;
  font-size: 14px;
  background: #d1dbea;
}
.my-day .main .tasks .task {
  position: relative;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: repeat(2, min-content);
  grid-column-gap: 15px;
  align-items: center;
  padding: 20px;
  background: #F7FAFF;
}
.my-day .main .tasks .task .actions {
  position: absolute;
  right: 10px;
  top: 20px;
  background: transparent;
  border-radius: 20px;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
}
.my-day .main .tasks .task .actions button {
  margin-right: 0;
}
.my-day .main .tasks .task:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.my-day .main .tasks .task span {
  grid-row: span 2;
}
.my-day .main .tasks .task .due {
  font-size: 13px;
}
.my-day .main .tasks .task:nth-child(even) {
  background: #FFFFFF;
}
.my-day .main .appointments {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.my-day .main .appointments .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.my-day .main .appointments .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.my-day .main .appointments .card-header label.see-all {
  text-transform: none;
}
.my-day .main .appointments .card-header label.see-all a {
  color: #184977;
}
.my-day .main .appointments .card-header .material-icons,
.my-day .main .appointments .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.my-day .main .appointments .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.my-day .main .appointments .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.my-day .main .appointments .card-content .initials {
  margin: 0 10px;
}
.my-day .main .appointments .card-content .odd {
  background: #FFFFFF;
}
.my-day .main .appointments .card-content {
  background-color: #F7FAFF;
}
.my-day .main .appointments .section-label {
  color: #184977;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 20px;
  background: #d1dbea;
}
.my-day .main .appointments .appointment {
  display: flex;
  position: relative;
  align-items: center;
  padding: 10px;
  background: #F7FAFF;
}
.my-day .main .appointments .appointment .actions {
  position: absolute;
  right: 10px;
  top: 20px;
  background: transparent;
  border-radius: 20px;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
}
.my-day .main .appointments .appointment .actions button {
  margin-right: 0;
}
.my-day .main .appointments .appointment:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.my-day .main .appointments .appointment:nth-child(odd) {
  background: #FFFFFF;
}
.my-day .main .appointments .appointment .details {
  margin: 0 10px;
  flex: 1 1;
}
.my-day .main .appointments .appointment .details .next-action {
  margin-top: 8px;
}
.my-day .main .appointments .appointment .details .next-action span {
  font-weight: bold;
}
.my-day .main .top-realtor-partners {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.my-day .main .top-realtor-partners .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.my-day .main .top-realtor-partners .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.my-day .main .top-realtor-partners .card-header label.see-all {
  text-transform: none;
}
.my-day .main .top-realtor-partners .card-header label.see-all a {
  color: #184977;
}
.my-day .main .top-realtor-partners .card-header .material-icons,
.my-day .main .top-realtor-partners .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.my-day .main .top-realtor-partners .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.my-day .main .top-realtor-partners .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.my-day .main .top-realtor-partners .card-content .initials {
  margin: 0 10px;
}
.my-day .main .top-realtor-partners .card-content .odd {
  background: #FFFFFF;
}
.my-day .main .top-realtor-partners .realtor {
  display: flex;
  position: relative;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
  padding: 10px;
  background: #F7FAFF;
}
.my-day .main .top-realtor-partners .realtor:nth-of-type(even) {
  background: #FFFFFF;
}
.my-day .main .top-realtor-partners .realtor:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.my-day .main .top-realtor-partners .realtor .grid-initials .material-icons {
  color: #184977;
}
.my-day .main .top-realtor-partners .realtor .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.my-day .main .top-realtor-partners .realtor .initials:focus {
  border: 2px solid #184977;
}
.my-day .main .top-realtor-partners .realtor .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.my-day .main .top-realtor-partners .realtor .initials.low {
  background: #184977;
}
.my-day .main .top-realtor-partners .realtor .initials.medium {
  background: #FF8A00;
}
.my-day .main .top-realtor-partners .realtor .initials.high {
  background: #C10000;
}
.my-day .main .top-realtor-partners .realtor .initials.dead {
  background: #909297;
}
.my-day .main .top-realtor-partners .realtor .initials.missing {
  background: #5da07d;
}
.my-day .main .top-realtor-partners .realtor .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.my-day .main .top-realtor-partners .realtor .actions:focus {
  border: 2px solid #184977;
}
.my-day .main .top-realtor-partners .realtor .actions .success {
  color: #65B122;
}
.my-day .main .top-realtor-partners .realtor .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.my-day .main .top-realtor-partners .realtor .actions > button:focus {
  opacity: 1;
}
.my-day .main .top-realtor-partners .realtor .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.my-day .main .top-realtor-partners .realtor .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.my-day .main .top-realtor-partners .realtor .grid {
  font-size: 13px;
}
.my-day .main .top-realtor-partners .realtor:nth-child(even) {
  background: #F0F4FC;
}
.my-day .main #AlertsList {
  flex: auto;
}
.my-day .main #AlertsList > div:nth-child(even) {
  background: #FFFFFF;
}
.details div a {
  font-weight: 700;
  color: #207B93;
}
#myday-card-header {
  background: #FFFFFF;
}
.pipeline-dashboard {
  display: flex;
  flex-direction: column;
}
.pipeline-dashboard .page-header {
  align-items: stretch;
  padding: 0;
}
.pipeline-dashboard .page-header > div {
  position: relative;
  border-left: solid 1px #C9D2E6;
  display: flex;
  padding: 0 20px 0 30px;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
}
.pipeline-dashboard .page-header > div .title {
  font-size: 16px;
  font-weight: bold;
  color: #828B9D;
}
.pipeline-dashboard .page-header > div .value {
  color: #184977;
  font-size: 26px;
  font-weight: bold;
}
.pipeline-dashboard .page-header > div:before {
  content: ' ';
  position: absolute;
  left: -7px;
  top: 50%;
  height: 14px;
  width: 14px;
  border-top: solid 1px #CCD7ED;
  border-right: solid 1px #CCD7ED;
  transform: rotate(45deg);
  background: #FFFFFF;
}
.pipeline-dashboard .page-header > div:first-child {
  border-left: none;
}
.pipeline-dashboard .page-header > div:first-child:before {
  display: none;
}
.pipeline-dashboard .main {
  flex: 1 1;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  padding: 20px 16px;
  gap: 10px;
}
.pipeline-dashboard .main .pipeline-card {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.pipeline-dashboard .main .pipeline-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.pipeline-dashboard .main .pipeline-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.pipeline-dashboard .main .pipeline-card .card-header label.see-all {
  text-transform: none;
}
.pipeline-dashboard .main .pipeline-card .card-header label.see-all a {
  color: #184977;
}
.pipeline-dashboard .main .pipeline-card .card-header .material-icons,
.pipeline-dashboard .main .pipeline-card .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.pipeline-dashboard .main .pipeline-card .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.pipeline-dashboard .main .pipeline-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.pipeline-dashboard .main .pipeline-card .card-content .initials {
  margin: 0 10px;
}
.pipeline-dashboard .main .pipeline-card .card-content .odd {
  background: #FFFFFF;
}
/*Loan Detail correction to header tabs*/
#lead-tracker-tabs.tabs .tab-headers a.active {
  box-shadow: none;
}
/* PIPELINE - Loan Detail -- bubble fill color */
.loan-status.contact .initials.white {
  color: #184977;
  border: 1px solid #184977;
  background-color: #FFFFFF;
}
/*Pipeline - Loan Detail tab content area*/
.loan-details {
  overflow: scroll;
  margin: 0 0 0 16px;
  border-radius: 7px;
}
/*Manage Loan Assignment*/
.section-grid-one {
  display: grid;
  grid-template-columns: 2fr 1fr;
  height: 55px;
  background: #F0F4FC;
  padding-left: 0px;
  margin: 10px 10px 0 10px;
  justify-content: end;
  /*Manage Loan Assignment*/
}
.section-grid-one div {
  display: flex;
  align-items: center;
  padding: 0.5em 1em 0.5em 1em;
}
.section-grid-one div > *:not(:first-child) {
  text-align: right;
  justify-content: flex-end;
  font-size: 0.9em;
}
.section-grid-one span {
  font-family: Roboto;
  font-style: normal;
  line-height: 100%;
  font-weight: bold;
  font-size: 21px;
  justify-content: left;
}
.form-section .section-grid-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
  padding: 1em 0;
}
.form-section .section-grid-four {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}
.form-section .section-grid-four label {
  font-size: 12px;
}
.form-section .section-grid-four .material-icons {
  cursor: pointer;
  font-size: 18px;
  color: #207B93;
}
.form-section .section-grid-four .unify-textbox {
  color: #184977;
  font-size: 16px;
  font-weight: 400;
}
.field-wrapper.last {
  float: right;
  align-items: end;
  margin-right: 0;
  margin-left: 10px;
}
/*PIPELINE - LOAN DETAIL - Marketing Referral Partner*/
.form-section .section-grid-five {
  display: grid;
  grid-template-columns: 5fr 1fr;
  grid-gap: 0;
  margin-bottom: 20px;
  padding: 0.5em 25px;
  color: #184977;
}
.form-section .section-grid-five .ddl-dropdown {
  float: right;
  width: 300px;
  margin-bottom: 0;
  border-radius: 3px;
  border-width: 1px;
  border-color: rgba(185, 202, 233, 0.75);
}
/*Pipeline Loan Detail page bottom data  */
.pipeline-list {
  padding-left: 8px;
  padding-top: 8px;
}
.form-section .pipeline-list .section-grid-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 0;
  margin-bottom: 0px;
  padding: 1em 30px;
  border-bottom: 2px solid #f0f4fd;
  color: #184977;
  font-weight: 400;
}
.form-section .pipeline-list .section-grid-two:nth-child(even) {
  background-color: #F7FAFF;
}
/*  PAYMENT BREAKDOWN - page bottom data content   */
.form-section .section-grid-two .item {
  font-size: 16px;
  color: #3B496D;
}
.form-section .section-grid-two .item span.material-icons {
  color: #207B93;
  cursor: pointer;
  font-size: 18px;
}
.form-section .section-grid-two .item .price {
  font-size: 16px;
  color: #3B496D;
}
.form-section .section-grid-two div:last-child {
  text-align: right;
}
.form-section .section-grid-two .price {
  display: flex;
  justify-content: flex-end;
}
/*    .section-grid-two > div:last-child {
        text-align: right;
        vertical-align:bottom;
    }*/
.form-section .pipeline-list .section-grid-two:last-child {
  border-bottom: none;
}
.contact-list.list .two.col {
  grid-template-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  margin-bottom: 20px;
}
/*   LOS MODIFIED DATE:   */
.form-section-header-data {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0;
  row-gap: 1em;
  margin-bottom: 20px;
  margin: 0;
  padding: 2em;
  background: #F0F4FC;
  color: #184977;
  font-weight: 400;
}
.form-section-header-data div:last-child {
  text-align: right;
}
.form-section-header-data .unify-textbox {
  display: flex;
  justify-content: flex-end;
}
.form-section-header-data.lemon {
  background-color: #FBFBF3;
}
.form-section-header-data .field-wrapper {
  justify-content: end;
}
.form-section-header-data .unify-dropdown:hover {
  background: #FFF;
  width: 190px;
}
/*  .section-field-wrapper {
        label >
    }*/
.section-label {
  color: #184977;
  font-weight: 600;
  font-size: 16px;
  padding: 20px 0;
}
/*PIPELINE - index.cshtml */
.padRight {
  flex: 0 0 60px;
  padding-right: 10px;
}
.padleft {
  flex: 0 0 60px;
  padding-left: 20px;
}
.flex60 {
  flex: 0 0 60px;
}
.flexPad60 {
  flex: 0 0 60px;
  padding: 0 30px;
  padding: 8px 0 0 70px;
  margin-left: 20px;
}
.valign {
  vertical-align: central;
}
.total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 600;
}
.border1 {
  border: 1px solid purple;
}
.border2 {
  border: 1px solid green;
}
.negMargin {
  margin-left: -170%;
}
/*PIPELINE Loan details - filebusiness contacts initials chip*/
.lead-tracker-list.card .lead:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.lead-tracker-list.card .lead .initials {
  text-align: center;
}
.lead-tracker-list.card .lead .alt {
  font-size: 9px;
  color: #E87728;
  background: rgba(249, 228, 204, 0.9);
  border: none;
  height: 20px;
  margin-top: -24px;
  margin-bottom: 1em;
}
/*    UW Conditions   */
.uw-condition-labeled-items {
  display: grid;
  grid-template-columns: 2% 80% 8% 6%;
  gap: 1%;
}
.uw-condition-labeled-items:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.uw-condition-labeled-items > div {
  vertical-align: middle;
  padding: 1em 0;
}
.uw-condition-labeled-items div:first-child {
  margin-top: 0.5em;
  overflow: hidden;
}
.uw-condition-labeled-items div:first-child > div:last-child {
  width: 10px;
  height: 10px;
  background-color: red;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}
.uw-condition-labeled-items div:first-child > div:last-child .chip.alt {
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}
.uw-condition-labeled-items .material-icons-outlined {
  vertical-align: middle;
  padding-top: 0.5em;
}
.contact-list.list {
  background-color: #FFFFFF;
}
.contact-list.list:nth-child(odd) {
  background-color: #F7FAFF;
}
.lead-tracker-page .section-grid-four {
  padding: 20px 0 20px 24px;
}
.home {
  padding: 36px;
}
.home .content {
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px !important;
}
.home .content .title {
  font-size: 26px;
  color: #184977;
  font-weight: bold;
  margin-bottom: 20px;
  display: flex;
}
.home .content .title .today {
  margin-left: auto;
  color: #959CAF;
  font-size: 14px;
}
.home .content > .main {
  display: flex;
}
.home .content > .main .left {
  flex: 0 0 45%;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
}
.home .content > .main .left .resources {
  flex: 0 0 auto;
}
.home .content > .main .left .wheel {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  overflow: hidden;
}
.home .content > .main .left .wheel .image {
  flex: 1 1 60%;
  display: flex;
  background: url('/assets/wheel.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.home .content > .main .left .wheel .description {
  flex: 0 0 auto;
  color: #184977;
  font-size: 15px;
}
.home .content > .main .left .title {
  font-size: 22px;
}
.home .content > .main .left > div {
  background: #F0F4FC;
  padding: 20px;
  border-radius: 10px;
}
.home .content > .main .left > div .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, min-content);
  gap: 20px;
}
.home .content > .main .left > div .grid > div {
  display: flex;
  align-items: center;
}
.home .content > .main .left > div .grid > div span {
  margin-right: 6px;
  color: #FF8A00;
  text-decoration: none !important;
  font-size: 24px;
}
.home .content > .main .right {
  flex: 1 1 55%;
}
.home .content > .main .right .optimal-blue .container .nav li {
  background: transparent;
  color: #959CAF;
}
.home .content > .main .right .optimal-blue .container .nav li.active {
  background: #F0F4FC;
  color: #184977;
}
#AccountDetailsForm .material-icons-outlined {
  position: relative;
  top: -30px;
  left: 370px;
  z-index: 100;
  color: #207B93;
}
#AccountDetailsForm .section-grid-four {
  display: grid;
  grid-template-columns: 32% 32% 18% 18%;
  grid-gap: 0;
  margin: 1em 0;
  padding: 0;
}
#AccountDetailsForm .section-grid-four .section-field-wrapper {
  justify-content: flex-start;
}
#AccountDetailsForm .section-grid-four .section-field-wrapper .unify-textbox {
  height: 36.5px;
  width: 300px;
  color: #184977;
  border-width: 1px;
  border-color: #b9cae9;
  border-radius: 3px;
}
#AccountDetailsForm .section-grid-four .section-field-wrapper label {
  text-transform: uppercase;
  font-size: 14px;
}
#AccountDetailsForm .section-grid-five {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  margin: 1em 0;
  padding: 0;
}
#AccountDetailsForm .section-grid label {
  text-transform: uppercase;
}
#AccountDetailsForm p.asst-warning {
  display: block;
  font-size: 16px;
  color: #E9C320;
  font-weight: 700;
  padding-top: 0;
}
#AccountDetailsForm .assistant div:nth-child(even) {
  background-color: rgba(192, 209, 243, 0.5);
}
#AccountDetailsForm .assistant label {
  color: #184977;
  margin: 2em 0 2em 5.5em;
}
#AccountDetailsForm .assistant .k-switch-container {
  margin: 1em 4em;
}
#AccountDetailsForm .assistant .k-switch-off .k-switch-container {
  border-color: #184977;
  background-color: grey;
  border-color: #FFFEF1;
}
#AccountDetailsForm .assistant .k-switch-handle {
  background-color: white;
}
#AccountDetailsForm .assistant .k-switch-on .k-switch-container {
  background-color: #184977;
  border-color: white;
}
#AccountDetailsForm .stateLic {
  width: 100%;
}
#AccountDetailsForm .stateLic div {
  padding: 2em 1em;
}
#AccountDetailsForm .stateLic div:nth-child(even) {
  background-color: rgba(192, 209, 243, 0.5);
}
#AccountDetailsForm .stateLic .k-checkbox + .k-checkbox-label,
#AccountDetailsForm .stateLic .k-checkbox-label + .k-checkbox {
  margin: 1.6em 0;
  color: #184977;
}
#AccountDetailsForm .stateLic .k-checkbox-label {
  padding-left: 2em;
}
#AccountDetailsForm .stateLic .k-checkbox {
  border-width: 2px;
  border-color: #b9cae9;
  border-radius: 3px;
  padding: 0.5em;
  margin-left: 3em;
}
#UserSettings .form-section-header {
  display: flex;
  flex: 0 0 100px;
  padding: 0 30px;
  margin: 10px 20px;
  height: 100px;
}
#UserSettings .form-section-header .contact-name {
  color: #184977;
  font-size: 26px;
  line-height: 24px;
  font-weight: bold;
}
#UserSettings .form-section-header .contact-type {
  color: #3B496D;
  font-size: 14px;
  font-weight: 300;
  padding-top: 1em;
}
#UserSettings .form-section {
  display: flex;
  flex: 0 0 100px;
  padding: 1em 30px;
  margin: 0 0px;
}
#UserSettings .form-section .section-grid {
  flex-direction: column;
  display: flex;
  padding: 1em 1em 6em 1em;
}
#UserSettings .form-section .section-grid .options {
  align-items: center;
  padding: 0 1em;
}
#UserSettings .form-section .section-grid .options label {
  color: #184977;
  margin: 1em 0 0em 1em;
  display: block;
}
#UserSettings .form-section .section-grid .options .k-switch-container {
  margin: 1em 1em;
}
#UserSettings .form-section .section-grid .options .k-switch-off .k-switch-container {
  background-color: grey;
  border-color: #FFFEF1;
}
#UserSettings .form-section .section-grid .options .k-switch-handle {
  background-color: white;
}
#UserSettings .form-section .section-grid .options .k-switch-on .k-switch-container {
  background-color: #184977;
  border-color: white;
}
#UserSettings .form-section .section-grid .options label.date {
  display: inline-flex;
  padding-left: 2em;
}
#UserSettings .section-grid-four {
  display: grid;
  grid-template-columns: 32% 32% 18% 18%;
  grid-gap: 10px;
  margin: 1em 0;
  padding: 0;
}
#UserSettings .mxy-0 {
  margin: 0;
}
#UserSettings .section-grid-three {
  display: grid;
  grid-template-columns: 10% 32% 34%;
  grid-gap: 10px;
  margin: 1em 0;
  padding: 0;
}
#UserSettings .section-grid-three div:nth-child(1) {
  justify-content: flex-start;
  background: red;
}
#UserSettings .section-grid-three label {
  color: red;
  display: block;
  width: 100%;
}
#UserSettings .outlook,
#UserSettings .google {
  align-items: center;
  padding: 0 1em;
}
#UserSettings .outlook label,
#UserSettings .google label {
  color: #184977;
  margin: 1em 0;
  display: block;
}
#UserSettings .outlook button,
#UserSettings .google button {
  margin-right: 1em;
  justify-content: space-between;
  color: #184977;
  display: inline-flex;
}
#UserSettings .leadNotes {
  align-items: center;
  padding: 1em 0 2em 1em;
  width: 100%;
}
#UserSettings .leadNotes label {
  color: #184977;
  margin: 1em 0 0;
  display: block;
}
#UserSettings .leadNotes .unify-textbox {
  justify-content: space-between;
  color: #184977;
  display: inline-flex;
}
#UserSettings .leadNotes .unify-textbox .material-icons-outlined {
  position: relative;
  top: 5px;
  left: -54px;
  z-index: 100;
  color: #207B93;
}
#UserSettings .leadNotes .switchh {
  margin-right: 1em;
  align-items: center;
  justify-content: center;
  color: #184977;
  display: inline-flex;
}
#UserSettings .leadNotes .switchh .k-switch-container {
  margin: 1em 4em;
}
#UserSettings .leadNotes .switchh .k-switch-off .k-switch-container {
  border-color: #184977;
  background-color: grey;
  border-color: #FFFEF1;
}
#UserSettings .leadNotes .switchh .k-switch-handle {
  background-color: white;
}
#UserSettings .leadNotes .switchh .k-switch-on .k-switch-container {
  background-color: #184977;
  border-color: white;
}
#UserSettings .leadNotes .switchh label {
  color: #184977;
  display: inline-block;
  padding-left: 5em;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin-top: -2px;
}
#UserSettings .leadNotes button {
  margin-right: 1em;
  justify-content: center;
  color: #184977;
  display: inline-flex;
  margin-left: 5em;
  padding: 0.25em 2em;
}
.ddl-dropdown {
  width: 300px;
  height: 36px;
  border-color: rgba(185, 202, 233, 0.75);
  border-radius: 3px;
  border-width: 1px;
  margin: 0 10px;
}
.ddl-textbox {
  border-radius: 3px;
  border-width: 2px;
  border-color: #B9CAE9;
  width: 300px;
  margin: 0 10px;
}
.ddl-date1 {
  width: 132px;
  margin-right: 5px;
  margin-left: 5px;
}
.ddl-date2 {
  width: 133px;
  margin-left: 5px;
  margin-right: 2px;
}
.ddl-dropdown-interest-rate {
  width: 150px;
  height: 36px;
  border-color: rgba(185, 202, 233, 0.75);
  border-radius: 3px;
  border-width: 1px;
  margin-right: 5px;
  margin-left: 5px;
}
.ddl-textbox-interest-rate {
  border-radius: 3px;
  border-width: 2px;
  border-color: #B9CAE9;
  width: 135px;
  margin-right: 2px;
  margin-left: 5px;
}
.ddl-searchAndOr {
  width: 75px;
  margin: 0px 0px 5px 15px;
  display: inline-block;
  height: 33.5px;
}
.view-header {
  display: flex;
  align-items: center;
  background: #184977;
  flex: 0 0 90px;
  color: #FFFFFF;
  padding: 0 35px;
  position: relative;
  z-index: 20;
  /*	.impersonation-user-details {
		font-size: 12px;

		label {
			text-transform: uppercase;
			color: #FFFFFF;
		}

		.user {
			font-size: 20px;
			font-weight: 500;
			line-height: 20px;
		}
	}*/
}
.view-header .menu-trigger {
  width: 44px;
}
.view-header .application-title {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Roboto Slab';
  margin-left: 34px;
}
.view-header .application-title .company-logo-adjust {
  max-width: 100%;
  display: block;
  height: 65px;
  width: auto;
  border-radius: 5px;
  box-shadow: 2px 2px 25px -5px #000000;
}
.view-header .page-title {
  text-transform: uppercase;
  margin-left: 14px;
}
.view-header .page-title > a {
  color: white;
  text-decoration: underline;
}
.view-header .user-actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: -10px;
}
.view-header .user-actions > button {
  margin-right: 14px;
}
.view-header .user-actions .user-menu-trigger {
  font-size: 20px;
  font-weight: 700;
  flex-direction: column;
}
.view-header .user-actions .user-menu-trigger .material-icons {
  line-height: 2px;
  margin-bottom: 6px;
}
.navigation {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  width: 260px;
  background: #184977;
  color: #FFFFFF;
  z-index: 11;
  transform: translateX(-260px);
  transition: transform ease-in-out 230ms;
  overflow: auto;
}
.navigation.active {
  transform: translateX(0);
}
.navigation.active > a {
  visibility: visible;
}
.navigation .title {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  margin-top: 90px;
}
.navigation > a {
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 30px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  visibility: collapse;
}
.navigation > a:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.navigation > a:hover {
  text-decoration: underline;
}
.navigation .linkMenu {
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0 30px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
.navigation .linkMenu > a {
  color: #FFFFFF;
}
.navigation .spanicon {
  padding-left: 5px;
}
.navigation .spanicon:hover {
  text-decoration: none !important;
}
.module-selector {
  background: #184977;
  position: absolute;
  color: #FFFFFF;
  font-weight: bold;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 20;
  visibility: collapse;
}
.module-selector.active {
  visibility: visible;
}
.module-selector .header {
  background: rgba(0, 0, 0, 0.25);
  height: 68px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.module-selector .header .close {
  margin-left: auto;
  cursor: pointer;
}
.module-selector .modules {
  display: grid;
  grid-template-columns: 140px 140px;
  gap: 12px;
  padding: 12px;
  z-index: 10;
}
.module-selector .modules > a {
  height: 120px;
  display: flex;
  color: inherit;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  line-height: 14px;
}
.module-selector .modules > a .icon {
  flex: 1 1;
  margin-bottom: 10px;
}
.module-selector .modules > a:hover,
.module-selector .modules > a:focus {
  box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.25);
}
div.is-impersonating {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 36%;
  top: 0;
  width: 30%;
  height: 34px;
  z-index: 1001;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.is-impersonating a {
  font-weight: 100;
  font-size: 0.9em;
}
div.is-impersonating span {
  display: flex;
  align-items: center;
}
div.is-impersonating div:nth-child(1) {
  width: 10%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
div.is-impersonating div:nth-child(2) {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0.5em;
  align-content: flex-start;
  line-height: 12px;
}
.view-footer {
  flex: 0 0 60px;
  background: linear-gradient(270.03deg, #F0F4FC 74.15%, #FFFFFF 99.75%);
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: #828B9D;
}
.view-footer .copyright {
  margin-left: 20px;
}
.view-footer .help {
  color: #3B496D;
  white-space: nowrap;
  display: grid;
  gap: 0px 20px;
  grid-template-columns: min-content min-content;
  margin-left: auto;
  margin-right: 40px;
  border-left: solid 8px #FF8A00;
  padding-left: 8px;
  align-items: center;
  font-size: 12px;
}
.view-footer .help .title {
  font-weight: bold;
  font-size: 14px;
}
.view-footer .help .sub-title {
  font-weight: bold;
}
.user-profile {
  background: #184977;
  position: absolute;
  right: 35px;
  top: 90px;
  color: #FFFFFF;
  align-items: center;
  flex-direction: column;
  width: 240px;
  padding-top: 20px;
  z-index: 20;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  display: none;
}
.user-profile.active {
  display: flex;
}
.user-profile a {
  color: #FFFFFF !important;
}
.user-profile .image {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.user-profile .user {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
}
.user-profile .social {
  font-size: 20px;
  margin-top: 10px;
}
.user-profile .social a {
  text-decoration: none !important;
}
.user-profile .social a + a {
  margin-left: 8px;
}
.user-profile .linkProfile {
  display: flex;
  gap: 5px;
  line-height: 34px;
  border-top: 1px solid #22578E;
  font-weight: 400;
  font-size: 13px;
  padding: 0 20px;
  transition: all 130ms ease-in-out;
  align-items: center;
}
.user-profile .linkProfile:hover {
  background: rgba(255, 255, 255, 0.4);
}
.user-profile .links {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 20px 0;
}
.user-profile .links > a {
  line-height: 34px;
  border-top: 1px solid #22578E;
  font-weight: 400;
  font-size: 13px;
  padding: 0 20px;
  transition: all 130ms ease-in-out;
}
.user-profile .links > a:last-child {
  border-bottom: 1px solid #22578E;
}
.user-profile .links > a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.user-profile .links > a:visited {
  color: white !important;
}
.user-profile .hours {
  font-weight: bold;
}
.user-profile .copyright {
  font-size: 9px;
  padding: 8px 0;
}
.campaign-card {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.campaign-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.campaign-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.campaign-card .card-header label.see-all {
  text-transform: none;
}
.campaign-card .card-header label.see-all a {
  color: #184977;
}
.campaign-card .card-header .material-icons,
.campaign-card .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.campaign-card .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.campaign-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.campaign-card .card-content .initials {
  margin: 0 10px;
}
.campaign-card .card-content .odd {
  background: #FFFFFF;
}
.campaign-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  padding: 0 20px;
}
.campaign-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #207B93;
}
.campaign-card .card-header .material-icons {
  margin-left: auto;
  margin-right: 10px;
  color: #184977;
}
.campaign-card .card-content {
  overflow: auto;
}
.campaign-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.campaign-card .card-content .initials {
  margin: 0 10px;
}
.campaign-groups-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.campaign-groups-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.campaign-groups-header .search-input {
  margin-left: 20px;
}
.campaign-groups-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.campaign-groups-header .actions {
  margin-left: auto;
}
.campaign-groups-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.campaign-groups-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.campaign-groups-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.campaign-groups-header .advanced-search label {
  margin-right: 0.75em;
}
.campaign-groups-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.campaign-groups-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.campaign-groups-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.campaign-groups-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.campaign-groups-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.campaign-groups-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.campaign-groups-header .advanced-search .k-dropdown .k-dropdown-wrap,
.campaign-groups-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.campaign-groups-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.campaign-groups-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.campaign-groups-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.campaign-groups-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.campaign-groups-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.campaign-groups-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.campaign-groups-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.campaign-groups-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.campaign-groups-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.campaign-groups-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.campaign-groups-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.campaign-groups-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.campaign-groups-header.show-advanced {
  flex: 0 0 auto;
}
.campaign-groups-header.show-advanced .header-content {
  display: none;
}
.campaign-groups-header.show-advanced .advanced-search {
  display: flex;
}
.campaign-groups-header .search-input {
  margin-left: 20px;
}
.campaign-groups-header .advanced-search {
  color: #184977;
  margin: 0 20px;
}
.campaign-groups-header .actions {
  margin-left: auto;
}
.campaign-groups {
  height: 100%;
  overflow: hidden;
  padding: 20px 16px;
}
.campaign-groups .content-header .k-checkbox {
  margin-left: 20px;
}
.campaign-groups .tabs {
  height: 100%;
}
.campaign-groups .group-tab-options {
  text-align: left;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: 20px 10px;
}
.campaign {
  height: 120px;
  padding: 15px 30px;
  display: flex;
  gap: 20px;
  align-items: center;
  background: #FFFFFF;
}
.campaign:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.campaign:nth-child(even) {
  background: #F7FAFF;
}
.campaign .campaign-name {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.campaign .campaign-name label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 13px;
}
.campaign .campaign-name .chip {
  padding: 0 30px;
  width: 190px;
}
.campaign .campaign-name .chip:nth-child(2) {
  margin-top: 10px;
}
.campaign .details {
  display: grid;
  grid-template-columns: min-content min-content;
  white-space: nowrap;
  gap: 10px 20px;
  margin: 0 20px;
}
.campaign .details-slim {
  display: none;
  align-items: center;
  margin-top: 10px;
}
.campaign .details-slim .contacts {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.campaign .details-slim .contacts > div {
  background: #FF8A00;
  color: #FFFFFF;
  width: 35px;
  height: 35px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.campaign .details-slim .contacts > div + div {
  margin-left: 8px;
}
.campaign .chips {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.campaign .grid {
  flex: 1 1;
  white-space: nowrap;
  font-size: 16px;
  align-items: center;
}
.campaign .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.campaign-type-options {
  text-align: left;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: 20px 0;
}
.social-media-share-links {
  display: flex;
  flex-direction: row;
  height: 4em;
}
.social-media-share-links + label {
  padding-top: 1.6em;
  color: red;
}
.social-media-share-links div.unify-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.social-media-share-links div.unify-radio input {
  margin-top: 0.25em;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.social-media-share-links div.unify-radio label {
  margin: 0 1.8em 0 0.4em;
  justify-content: center;
}
label.pt-2 {
  padding-top: 4em;
}
#SocialMediaShareForm .social-media-links img {
  max-width: 700px;
}
.campaign-browse {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
}
.campaign-browse .page-header {
  padding: 20px;
  margin: 20px;
  flex: 1 1;
  flex-direction: column;
  align-items: flex-start;
}
.campaign-browse .search-input {
  margin-left: 0;
  width: 300px;
}
.dropdown-button {
  position: relative;
  transform: translateX(-200px);
  opacity: 0;
  display: none !important;
}
#CampaignTypeFilter {
  z-index: 20;
}
.on > .dropdown-button {
  display: inline-flex !important;
}
.on > .pending-button,
.on > .approved-button,
.on > .declined-button {
  transform: translateX(0px);
  opacity: 1;
}
.toggle-filters {
  display: flex;
  align-items: center;
  align-self: stretch;
  position: relative;
}
.toggle-filters > .chip {
  margin-right: 10px;
  white-space: nowrap;
  border: solid 1px #184977;
  padding: 5px 15px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #184977;
  cursor: pointer;
}
.toggle-filters > .chip.selected {
  background: #184977;
  color: #FFFFFF;
}
.unify-dropdown {
  /*margin-left: auto;*/
}
.campaigns {
  flex: 1 1;
  overflow: auto;
}
.campaign-groups-list,
.campaigns-list {
  display: grid;
  padding: 30px 40px;
  gap: 20px;
}
.campaign-groups-list {
  grid-template-columns: repeat(auto-fill, 200px);
}
.campaigns-list {
  grid-template-columns: repeat(auto-fill, 300px);
}
.campaign-group {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  height: auto;
  min-width: none;
  border: none !important;
  padding: 0;
}
.campaign-group:hover,
.campaign-group:focus,
.campaign-group:focus-within {
  box-shadow: 0px 10px 33px -13px #7f8694;
  background: none;
}
.campaign-group .image {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.campaign-group img {
  height: 100%;
  width: 100%;
}
.campaign-group .label {
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.campaign-card {
  background: #FFFFFF !important;
  display: flex;
  flex-direction: column;
  border-radius: 7px;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  height: auto;
}
.campaign-card:hover,
.campaign-card:focus,
.campaign-card:focus-within {
  box-shadow: 0px 10px 33px -13px #7f8694;
}
.campaign-card .image {
  flex: 1 1;
  width: 100%;
  cursor: pointer;
}
.campaign-card .image img {
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
}
.campaign-card .label {
  flex: 0 0 auto;
  padding: 30px 20px;
  color: #44444F;
  font-weight: bold;
  font-size: 16px;
  align-self: flex-start;
}
.campaign-card .un-favorite {
  display: none;
}
.campaign-card .is-favorited .favorite {
  display: none;
}
.campaign-card .is-favorited .un-favorite {
  display: block;
}
.campaign-card .campaign-actions {
  flex: 0 0 64px;
  background: #F0F4FC;
  display: flex;
  align-items: center;
  align-self: stretch;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 0 20px;
  color: #184977;
}
.campaign-card .campaign-actions > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  font-size: 12px;
  cursor: pointer;
}
.campaign-card .campaign-actions button {
  width: 100px;
  margin-left: auto;
}
.campaign-card.multi-touch {
  position: relative;
}
.campaign-card.multi-touch:after {
  content: 'Multi-touch';
  position: absolute;
  background: #207B93;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  width: 120px;
  text-align: center;
  top: -20px;
  right: -20px;
  border-radius: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .campaign-group img {
      height: 167px;
      width: 196px;
    }
  }
}
.contact-card {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.contact-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.contact-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.contact-card .card-header label.see-all {
  text-transform: none;
}
.contact-card .card-header label.see-all a {
  color: #184977;
}
.contact-card .card-header .material-icons,
.contact-card .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.contact-card .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.contact-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.contact-card .card-content .initials {
  margin: 0 10px;
}
.contact-card .card-content .odd {
  background: #FFFFFF;
}
.contact-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  padding: 0 20px;
}
.contact-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #207B93;
}
.contact-card .card-header .material-icons {
  margin-left: auto;
  margin-right: 10px;
  color: #184977;
}
.contact-card .card-content {
  overflow: auto;
}
.contact-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.contact-card .card-content .initials {
  margin: 0 10px;
}
.contact-groups-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
}
.contact-groups-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.contact-groups-header .search-input {
  margin-left: 20px;
}
.contact-groups-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.contact-groups-header .actions {
  margin-left: auto;
}
.contact-groups-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.contact-groups-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.contact-groups-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.contact-groups-header .advanced-search label {
  margin-right: 0.75em;
}
.contact-groups-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.contact-groups-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.contact-groups-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.contact-groups-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.contact-groups-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.contact-groups-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.contact-groups-header .advanced-search .k-dropdown .k-dropdown-wrap,
.contact-groups-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.contact-groups-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.contact-groups-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.contact-groups-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.contact-groups-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.contact-groups-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.contact-groups-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.contact-groups-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.contact-groups-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.contact-groups-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.contact-groups-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.contact-groups-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.contact-groups-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.contact-groups-header.show-advanced {
  flex: 0 0 auto;
}
.contact-groups-header.show-advanced .header-content {
  display: none;
}
.contact-groups-header.show-advanced .advanced-search {
  display: flex;
}
#DedupHeader {
  margin: 16px 36px 4px 36px !important;
}
.contact-groups {
  height: 100%;
  overflow: hidden;
}
.contact-groups .content-header #SelectAll {
  margin-left: 28px;
}
.contact-groups .tabs {
  height: 100%;
  margin: 0 16px;
}
#SelectGroupTabsWindow {
  padding: 0;
}
#contact-group-tabs {
  padding-right: 100px;
  position: relative;
}
#contact-group-tabs #TabsButton {
  position: absolute;
  right: 10px;
  top: 3px;
  border-radius: 1cm;
}
#contact-group-tabs #TabsButton:focus {
  border: 1px solid #184977;
  box-shadow: 0 0 0 0.2rem #0c253c;
  background: #CCD7ED;
}
#contact-group-tabs .delete-group {
  display: none;
  margin-left: 10px;
  margin-right: -20px;
}
#contact-group-tabs a.active .delete-group {
  display: inline-block;
}
.group-tab-options {
  text-align: left;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  align-content: start;
  gap: 20px 0;
  padding: 1rem 1rem;
}
#TabHeader_all .delete-group {
  display: none !important;
}
#SelectSortWindow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  background: #F7FAFF;
}
.myCustomSort {
  top: 295px !important;
  left: 79% !important;
}
@media (max-width: 1600px) {
  .myCustomSort {
    top: 295px !important;
    left: 75% !important;
  }
}
@media (max-width: 1536px) {
  .myCustomSort {
    top: 295px !important;
    left: 74% !important;
  }
}
@media (max-width: 1366px) {
  .myCustomSort {
    top: 295px !important;
    left: 71% !important;
  }
}
#IconToggleButton {
  border: 1px solid #C3D0E7;
}
#ActionsGroup {
  width: 68%;
  justify-content: flex-start;
  align-items: center;
}
#list_filter {
  padding-right: 10px;
  flex: 0 0 60px;
  text-transform: capitalize;
  font-size: 1.1em;
}
#ActionsGroup2 {
  justify-content: flex-start;
  align-items: center;
}
#LabelActions {
  text-transform: capitalize;
  font-size: 1.1em;
}
#filterIndicator {
  display: flex;
  margin-left: 20px;
}
.contact-list {
  padding-left: 8px;
  padding-top: 8px;
}
.contact-list.list > div:nth-child(even) {
  background: #FFFFFF;
}
.contact-list.list .grid.list {
  display: grid !important;
}
.contact-list.list .list.four {
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr min-content 1fr;
}
.contact-list.list .list.eight {
  grid-template-columns: repeat(8, 1fr);
}
.contact-list.card {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));
  padding: 20px 10px 20px 10px;
}
.contact-list.card > div {
  position: relative;
  height: 350px;
  background: #F7FAFF;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  overflow: visible;
}
.contact-list.card > div .k-checkbox {
  position: absolute;
  top: 40px;
  right: 20px;
}
.contact-list.card > div .initials {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 30px;
}
.contact-list.card > div .initials.none {
  background: #E4E7EB;
}
.contact-list.card > div .initials.high {
  background: #C10000;
}
.contact-list.card > div .initials.medium {
  background: #FF8A00;
}
.contact-list.card > div .initials.low {
  background: #184977;
}
.contact-list.card > div .actions {
  position: absolute;
  top: 30px;
  right: 60px;
}
.contact-list.card > div .grid {
  display: grid;
  gap: 0 24px;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
}
.contact-list.card > div .grid.card {
  display: grid !important;
}
#ContactsList .contact:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.contact {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
}
.contact:nth-of-type(even) {
  background: #FFFFFF;
}
.contact:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.contact .grid-initials .material-icons {
  color: #184977;
}
.contact .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.contact .initials:focus {
  border: 2px solid #184977;
}
.contact .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.contact .initials.low {
  background: #184977;
}
.contact .initials.medium {
  background: #FF8A00;
}
.contact .initials.high {
  background: #C10000;
}
.contact .initials.dead {
  background: #909297;
}
.contact .initials.missing {
  background: #5da07d;
}
.contact .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.contact .actions:focus {
  border: 2px solid #184977;
}
.contact .actions .success {
  color: #65B122;
}
.contact .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.contact .actions > button:focus {
  opacity: 1;
}
.contact .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.contact .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.contact .initials {
  cursor: pointer;
}
.contact label.hidden {
  display: none;
}
.contact label.hidden + div {
  display: none;
}
.contact-field-options {
  text-align: left;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: 20px 0;
}
.contact-message {
  position: relative;
  padding: 16px;
  display: flex;
}
.contact-message:nth-child(even) {
  background: #F0F4FC;
}
.contact-message .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 700;
  margin: 0 30px;
}
.contact-message .initials {
  height: 53px;
  flex: 0 0 53px;
  width: 53px;
  margin: 0 10px;
}
.contact-message .grid {
  font-size: 12px;
  flex: 1 1;
  display: grid;
  white-space: nowrap;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  color: #828B9D;
}
.contact-message .grid .sender {
  font-size: 15px;
  color: #3B496D;
}
.contact-message .grid label {
  font-size: 12px;
}
.contact-message .grid .time {
  text-align: right;
}
.contact-message .grid .message-body {
  grid-column: span 2;
}
.contact-message .grid .message-body {
  white-space: normal;
}
.contact-message .grid-additional-content {
  font-size: 12px;
  display: flex;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 6px 20px;
}
.contact-message .grid-additional-content .additional-content {
  display: none;
}
.contact-message .grid-additional-content .additional-content div {
  display: flex;
  flex-direction: row;
  grid-gap: 0 5px;
}
.contact-message .grid-additional-content .additional-content div label {
  flex: 1;
  white-space: nowrap;
}
.contact-message .grid-additional-content .additional-content div div {
  white-space: nowrap;
}
.contact-message .grid-additional-content .additional-content.expanded {
  display: block;
}
#AddToContactGroupWindow {
  overflow: hidden;
}
.add-to-contact-group {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.add-to-contact-group .spacer {
  flex: 0 0 40px;
}
.add-to-contact-group .window-actions {
  flex: 0 0 auto;
}
.contact-editable-list.list > div:nth-child(even) {
  background: #FFFFFF;
}
.contact-editable-list.list .grid.list {
  display: grid !important;
}
.contact-editable-list.list .list.four {
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr min-content 1fr;
}
.contact-editable-list.list .list.eight {
  grid-template-columns: repeat(8, 1fr);
}
.contact-editable-list.card {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(620px, 1fr));
  padding: 20px 10px 20px 10px;
}
.contact-editable-list.card > div {
  position: relative;
  height: 350px;
  background: #F7FAFF;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  overflow: visible;
}
.contact-editable-list.card > div .k-checkbox {
  position: absolute;
  top: 40px;
  right: 20px;
}
.contact-editable-list.card > div .initials {
  height: 80px;
  flex: 0 0 80px;
  width: 80px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 30px;
}
.contact-editable-list.card > div .initials.none {
  background: #E4E7EB;
}
.contact-editable-list.card > div .initials.high {
  background: #C10000;
}
.contact-editable-list.card > div .initials.medium {
  background: #FF8A00;
}
.contact-editable-list.card > div .initials.low {
  background: #184977;
}
.contact-editable-list.card > div .actions {
  position: absolute;
  top: 30px;
  right: 60px;
}
.contact-editable-list.card > div .grid {
  display: grid;
  gap: 0 24px;
  grid-template-columns: min-content min-content;
  grid-auto-rows: min-content;
}
.contact-editable-list.card > div .grid.card {
  display: grid !important;
}
.contact-editable-list .contact {
  padding: 16px;
}
.contact-editable-list .contact .grid-initials {
  display: flex;
  align-items: center;
}
.contact-editable-list .contact .initials {
  height: 35px;
  flex: 0 0 35px;
  width: 35px;
  margin-left: 0;
  margin-bottom: 14px;
  font-size: 13px;
}
.contact-editable-list .contact .details {
  flex: 1 1;
}
.contact-editable-list .contact .email .material-icons {
  color: #FF8A00;
  font-size: 14px;
  cursor: pointer;
}
.contact-editable-list .contact .email a {
  text-decoration: underline;
}
.contact-editable-list .contact .email .edit-email {
  display: none;
  margin: 8px 0;
  align-items: center;
}
.contact-editable-list .contact .email .edit-email .material-icons {
  margin-left: 8px;
  cursor: pointer;
}
.contact-editable-list .contact .email.show-input .edit-email {
  display: flex;
}
.contact-editable-list .contact .email.show-input > a,
.contact-editable-list .contact .email.show-input > .material-icons {
  display: none;
}
.contact-editable-list .contact .numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  font-size: 12px;
}
.contact-editable-list .contact .numbers label {
  color: #828B9D;
}
.add-event-window h2,
.add-event-window h4 {
  grid-column: span 3;
}
#NewConcierge .steps .step-headers {
  flex: 0 0 60px;
  margin-bottom: 0.25em;
}
.NameDescription labels {
  text-transform: uppercase;
  display: block;
}
.NameDescription .k-textbox {
  width: 300px;
}
#QuickClickList .campaign-item-list {
  height: 78px;
}
#QuickClickList .campaign-item-list:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
#QuickClickList .grid {
  display: grid;
  grid-template-columns: 6% 20% 42% 10% 12% 6%;
  grid-auto-rows: 78px;
  grid-column-gap: 0;
}
#QuickClickList .grid-five {
  display: grid;
  grid-template-columns: 20% 44% 12% 12% 12%;
  grid-auto-rows: 74px;
  grid-column-gap: 0;
  padding: 0px 45px;
  align-items: baseline;
}
#QuickClickList .grid-five > :nth-child(2) {
  padding-right: 2em;
}
#QuickClickList .grid-six {
  display: grid;
  grid-template-columns: 16% 30% 12% 12% 12% 12%;
  grid-column-gap: 0;
  padding: 0px 45px;
  align-items: baseline;
  gap: 20px;
}
#QuickClickList .grid-seven {
  grid-template-columns: 16% 16% 16% 10% 12% 12% 12% !important;
  height: 100%;
  padding: 20px 45px;
}
.campaignIntro {
  display: grid;
  grid-template-columns: 76% 4% 20%;
  grid-row-gap: 0;
  margin-bottom: 4em;
}
.campaignIntro > :nth-child(1) {
  padding: 2em 1em 2em 3em;
}
.campaignIntro > :nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.campaignIntro .chip {
  background-color: #184977;
  color: white;
  font-size: 11px;
  padding: 0.5em 1em;
}
.campaign-browse .toggle-filters.mc #MarketingConciergeFilter_QuickClicks,
.campaign-browse .toggle-filters.mc #MarketingConciergeFilter_MyConcierge,
.campaign-browse .toggle-filters.mc #MarketingConciergeFilter_CompanyConcierge {
  padding: 0 4.7em;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border: 1px solid;
  border-color: rgba(185, 202, 233, 0.75);
}
.campaigns-wrapper .breadcrumbs {
  padding: 30px 0 10px 44px;
  overflow: hidden;
  width: auto;
  display: flex;
}
.campaigns-wrapper .breadcrumbs #CampaignType a {
  color: #184977;
}
.campaigns-wrapper .breadcrumbs span.material-icons-outlined {
  vertical-align: bottom;
  font-size: 18px !important;
  padding-bottom: 3px;
  color: #184977;
}
.new-campaign-page .set-parameters button {
  width: auto;
}
#QueryBldr {
  padding: 1.3em 0 1em 1.5em;
  margin-top: -17px !important;
}
#QueryBldr .search-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
#QueryBldr .k-switch-on {
  padding-left: 2em;
}
#QueryBldr .k-switch-label {
  padding-bottom: 4px;
  padding-left: 2.2em;
  vertical-align: baseline;
}
#QueryBldr .advSearch-grid {
  width: auto;
}
#QueryBldr .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  padding-left: 88px;
  justify-content: flex-start;
  margin-bottom: 1em;
  margin-bottom: 0.2em;
}
#QueryBldr .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
#QueryBldr .searchTxt {
  color: #184977;
  padding-right: 10px;
  padding-top: 7px;
  text-align: left;
  font-weight: 600;
}
#QueryBldr .k-dropdown .k-dropdown-wrap,
#QueryBldr .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
#QueryBldr .k-dropdown-wrap span.k-input {
  height: 35px;
}
#QueryBldr #searchHideButton :nth-child(1) {
  margin-left: 1em;
}
#QueryBldr .k-widget.k-dropdown {
  height: 36px;
}
#QueryBldr .ddl-dropdown {
  width: 286px;
  border-color: rgba(185, 202, 233, 0.75);
  border-radius: 3px;
  margin: 0 10px;
  padding-bottom: 0;
}
#QueryBldr .ddl-textbox {
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: inline-block;
  width: 286px;
  height: 36px;
  margin: 0 10px;
  white-space: nowrap;
}
#QueryBldr .ddl-date1 {
  width: 132px;
  margin-right: 5px;
  margin-left: 5px;
}
#QueryBldr .ddl-date2 {
  width: 133px;
  margin-left: 5px;
  margin-right: 5px;
}
#QueryBldr .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-top: 10px;
  text-align: left;
}
#QueryBldr .plus-icon {
  margin-top: -1px;
  border: none;
}
#QueryBldr .buttons {
  display: flex;
  margin-left: 1em;
  align-items: flex-start;
  margin-top: -10px;
}
#QueryBldr .buttons .material-icons-outlined {
  margin-top: -4px;
}
#QueryBldr .buttons span {
  padding: 0.2em 0.2em 0 0.2em;
}
#queryheader .k-checkbox {
  margin-right: 0.5em;
}
#queryheader label.k-checkbox-label {
  vertical-align: bottom;
  align-self: center;
  padding: 0;
}
.set-parameters.queryBldr {
  margin-top: 0;
  padding-top: 1.4em;
}
.query-data {
  height: 490px;
  width: 100%;
  overflow: auto;
}
#StepContent_SelectCampaign .tabs .tab-headers a.active {
  box-shadow: 0px 4px -1px #CCD7ED;
}
#StepContent_SelectCampaign .tabs .tab-headers a:after {
  background: none;
}
#StepContent_SelectCampaign .tabs .tab-contents {
  z-index: 5;
}
.NameDescription {
  margin-top: -18px;
  padding: 0 0;
  border-radius: 7px;
  box-sizing: border-box;
}
.NameDescription .content-header {
  padding: 0.5em 0 4em 0;
  width: 96%;
  background: white;
}
.NameDescription .content-header .section-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: stretch;
}
.NameDescription .content-header .section-grid div {
  padding-bottom: 5px;
}
.NameDescription .content-header label {
  padding: 0.5em 1em 0 0;
  text-transform: uppercase;
  display: block;
}
.NameDescription .content-header .k-input {
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: block;
  width: 290px;
  height: 36px;
}
.NameDescription .content-header .k-textarea {
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: block;
  width: 520px;
  height: 36px;
  margin: 0 10px 0 0px;
}
#CampaignsContent.tab-content {
  overflow: hidden;
}
#CampaignsContent.tab-content .content-header .page-header {
  margin: 20px;
  padding: 20px;
}
#CampaignsContent.tab-content #CampaignsList.campaigns {
  height: 509px;
}
#CampaignsContent.tab-content #CampaignsList.campaigns .campaign-groups-list {
  height: auto;
}
#StepContent_SelectCampaign .campaigns-list {
  height: 100% !important;
  width: 100% !important;
  overflow: auto;
}
#dateSearchDiv {
  display: flex;
  flex: 0 0 auto;
  padding: 1em 0;
}
#dateSearchDiv div {
  justify-content: center;
  align-items: center;
}
#dateSearchDiv label {
  padding: 0.6em 0.5em 0 2em;
  align-items: baseline;
}
#dateSearchDiv .unify-datepicker {
  align-items: flex-end;
  width: 140px;
}
#dateSearchDiv .field-wrapper {
  display: flex;
  flex: 1 1 auto;
  margin: -0.3em 0 0 3em;
}
.pad-2-28 {
  padding: 2em 2.8em;
}
.mr-2 {
  margin-right: 2em;
}
.mr-14 {
  margin-right: 1.4em;
}
.mr-half {
  margin-right: 0.5em;
}
.main-white {
  background: #FFFFFF;
  overflow: auto;
  margin-bottom: 4em;
  padding-bottom: 4em;
}
#contentHeaderInbox {
  padding: 0 30px;
  flex: 0 0 60px;
}
#materialIconsInbox {
  padding-left: 20px;
  flex: 0 0 60px;
}
.label-inbox {
  flex: 0 0 60px;
}
#InboxDetails {
  overflow: auto;
}
.marketing-list-card {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.marketing-list-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.marketing-list-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.marketing-list-card .card-header label.see-all {
  text-transform: none;
}
.marketing-list-card .card-header label.see-all a {
  color: #184977;
}
.marketing-list-card .card-header .material-icons,
.marketing-list-card .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.marketing-list-card .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.marketing-list-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.marketing-list-card .card-content .initials {
  margin: 0 10px;
}
.marketing-list-card .card-content .odd {
  background: #FFFFFF;
}
.marketing-list-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  padding: 0 10px 0 20px;
}
.marketing-list-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.marketing-list-card .card-header .material-icons {
  margin-left: auto;
  color: #FF8A00;
  line-height: 1.5;
}
.marketing-list-card .card-header .header-actions {
  margin-left: auto;
  display: inline-flex;
}
.marketing-list-card .card-header .header-actions .unify-dropdown {
  margin: 0 10px;
  width: 160px;
  min-width: 100px;
  color: #184977;
}
.marketing-list-card .card-content {
  overflow: auto;
}
.marketing-list-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.marketing-list-card .card-content .initials {
  margin: 0 10px;
}
.marketing-list-card .card-content .campaign-item-list {
  display: block;
  position: relative;
  height: auto;
  padding: 20px;
}
.marketing-list-card .card-content .campaign-item-list:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.marketing-list-card .card-content .campaign-item-list .chips {
  position: absolute;
  top: 20px;
  right: 20px;
}
.marketing-list-card .card-content .campaign-item-list .details {
  display: none;
  margin: 20px 0 0 0;
}
.marketing-list-card .card-content .campaign-item-list .details-slim {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.marketing-list-card .card-content .campaign-item-list .details-slim .alt {
  letter-spacing: -0.5px;
  font-size: 12px;
  width: 190px;
}
.marketing-chart-card {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
  background: radial-gradient(50% 50% at 50% 50%, rgba(240, 244, 252, 0) 0%, #F0F4FC 100%);
}
.marketing-chart-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.marketing-chart-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.marketing-chart-card .card-header label.see-all {
  text-transform: none;
}
.marketing-chart-card .card-header label.see-all a {
  color: #184977;
}
.marketing-chart-card .card-header .material-icons,
.marketing-chart-card .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.marketing-chart-card .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.marketing-chart-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.marketing-chart-card .card-content .initials {
  margin: 0 10px;
}
.marketing-chart-card .card-content .odd {
  background: #FFFFFF;
}
.marketing-chart-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 0 0 56px;
  padding: 0 10px 0 20px;
}
.marketing-chart-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.marketing-chart-card .card-header .material-icons {
  margin-left: auto;
  color: #FF8A00;
}
.marketing-chart-card .card-header .header-actions {
  margin-left: auto;
  display: inline-flex;
}
.marketing-chart-card .card-header .header-actions .unify-dropdown {
  margin: 0 10px;
  width: 160px;
  min-width: 100px;
  color: #184977;
}
.marketing-chart-card .card-content {
  overflow: hidden;
  background: #ffffff;
}
.marketing-chart-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.marketing-chart-card .card-content .initials {
  margin: 0 10px;
}
/*  Marketing Referral Partner  */
.view-content.marketingPartners .content .main {
  box-shadow: 0px 4px 14px #CCD7ED;
  border-bottom: none;
  /*height: 600px;*/
}
.view-content.marketingPartners .content .main .k-grid {
  border: 1px solid rgba(192, 209, 243, 0.4);
  border-radius: 3px;
  height: 590px;
  height: 96%;
  box-shadow: 0px 4px 14px #CCD7ED;
}
.view-content.marketingPartners .content .main .k-grid .k-grid-header {
  background-color: rgba(192, 209, 243, 0.2);
  border-bottom: 1px solid rgba(192, 209, 243, 0.6);
  border-right: 1px solid rgba(192, 209, 243, 0.6);
  border-top: none;
}
.view-content.marketingPartners .content .main .k-grid .k-grid-header a.k-link {
  color: #989898;
  color: #184977;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 0.5em;
}
.view-content.marketingPartners .content .main .k-grid .k-grid-header a.k-link:hover {
  color: #184977;
}
.view-content.marketingPartners .content .main .k-grid .k-grid-header a.k-link:active {
  color: #184977;
}
.view-content.marketingPartners .content .main .k-grid .k-grid-header a.k-link:visited {
  color: #184977;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar .toolbar-btns {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 160px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border: none;
  outline: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  margin-left: 20px;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar a.k-grid-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 160px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border: none;
  outline: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  margin-left: 20px;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar a.k-grid-add:hover {
  color: #006699;
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar a.k-grid-add:focus {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar a.k-grid-excel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 160px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border: none;
  outline: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  margin-left: 20px;
  margin-left: 4em;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar a.k-grid-excel:hover {
  color: #006699;
}
.view-content.marketingPartners .content .main .k-toolbar.k-grid-toolbar a.k-grid-excel:focus {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.view-content.marketingPartners .content .main tr.k-master-row {
  height: 3.6em;
}
.view-content.marketingPartners .content .main tr.k-master-row td {
  color: #184977;
  font-size: 1em;
  border-right: none;
  border-left: none;
  padding-left: 2em;
}
.view-content.marketingPartners .content .main tr.k-master-row:hover {
  background-color: rgba(192, 209, 243, 0.15);
  color: #184977;
}
.view-content.marketingPartners .content .main tr.k-alt.k-master-row {
  background-color: rgba(192, 209, 243, 0.2);
}
.view-content.marketingPartners .content .main tr.k-alt.k-master-row:hover {
  background-color: rgba(192, 209, 243, 0.55);
  color: #184977;
}
.view-content.marketingPartners .content .main .k-grid td .grid-btns {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 40px;
  width: 100px;
  padding: 0 10px;
  color: #184977;
  border-radius: 0;
  outline: none;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: none;
  font-weight: 500;
  margin: 0 5px;
}
.view-content.marketingPartners .content .main .k-grid td a.k-grid-Upload {
  align-items: center;
  justify-content: center;
  border: none;
  height: 40px;
  width: 100px;
  padding: 0 10px;
  color: #184977;
  border-radius: 0;
  outline: none;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  background: none;
  font-weight: 500;
  margin: 0 5px;
  display: inline-flex;
  text-align: end;
  height: 44px;
  width: 110px;
  padding: 0 0px 0 5px;
  position: relative;
  background-image: url("/assets/portrait-icon-blu.png");
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 2em;
}
.view-content.marketingPartners .content .main .k-grid td a.k-grid-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 40px;
  width: 100px;
  padding: 0 10px;
  color: #184977;
  border-radius: 0;
  outline: none;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: none;
  font-weight: 500;
  margin: 0 5px;
}
.view-content.marketingPartners .content .main .k-grid td a.k-grid-edit:focus {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.view-content.marketingPartners .content .main .k-grid td a.k-grid-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 40px;
  width: 100px;
  padding: 0 10px;
  color: #184977;
  border-radius: 0;
  outline: none;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: none;
  font-weight: 500;
  margin: 0 5px;
}
.view-content.marketingPartners .content .main .k-grid td a.k-grid-delete:focus {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
.view-content.marketingPartners .content .main .k-grid td:focus {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}
@media screen and (min-width: 1440px) {
  .view-content.marketingPartners .content .main .k-grid td .grid-btns {
    width: 96px;
    margin: 0 4px;
  }
  .view-content.marketingPartners .content .main .k-grid td a.k-grid-edit {
    width: 96px;
    margin: 0 4px;
  }
  .view-content.marketingPartners .content .main .k-grid td a.k-grid-delete {
    width: 96px;
    margin: 0 4px;
  }
}
/*    Modal windows styles  */
.k-edit-label label {
  color: #184977;
}
.k-edit-field input.text-box {
  border-color: -webkit-activelink;
  color: #184977;
  background-color: #FFFFFF;
  border: 1px solid #B9CAE9;
  width: 165px;
}
.k-edit-field input.text-box:focus {
  border: 2px solid #B9CAE9;
  outline: none;
  box-shadow: none;
}
.k-dropdown-wrap span.k-input {
  color: #184977;
  background-color: #FFFFFF;
  border: 1px solid #B9CAE9;
}
span.k-select span.k-icon.k-i-arrow-60-down {
  color: #184977;
  background: none;
}
.k-dropdown .k-dropdown-wrap,
.k-dropdowntree .k-dropdown-wrap {
  color: #184977;
  background: #B9CAE9;
  background: #FFFFFF;
}
.k-dropdown .k-dropdown-wrap:hover,
.k-dropdowntree .k-dropdown-wrap:hover {
  background: none;
}
.k-button-primary,
.k-button.k-primary {
  border-color: #3B496D;
  color: #FFFFFF;
  background-color: #184977;
}
/*Modal window, container popup*/
.PartnerEdit {
  border-color: #FFFFFF;
}
.k-widget.k-window {
  width: 720px;
  height: auto;
}
.markertingPartnerActions {
  margin: 10px 0px 10px 0px;
}
.modalLeft {
  width: 310px;
  float: left;
  margin-left: 10px;
}
.modalLeft .k-edit-label {
  text-align: left;
  width: 120px;
}
.modalLeft .k-edit-field input {
  height: 32px;
  border-radius: 3px;
}
.modalLeft .top {
  vertical-align: middle;
  padding-top: 0;
}
.modalLeft .k-edit-field {
  text-align: right;
  width: 174px;
}
.modalRight {
  width: 320px;
  float: right;
  text-align: right;
}
.modalRight .k-textbox {
  border: 1px solid #B9CAE9;
}
.modalRight .k-edit-label {
  text-align: left;
  width: 120px;
  color: #184977;
}
.modalRight .k-edit-field input {
  height: 32px;
  border-radius: 3px;
}
.modalRight .top {
  vertical-align: middle;
  padding-top: 0;
}
.modalRight .k-edit-field {
  text-align: right;
  width: 180px;
}
.k-edit-form-container .k-edit-buttons.k-state-default {
  text-align: right;
  width: 718px;
}
.hasLogoOrImage {
  color: #65B122 !important;
}
.noLogoOrImage {
  color: #C4CECC !important;
}
.userUploadimage {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 10px;
}
.userUploadlogo {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 10px;
}
.k-grid-header .k-header {
  height: 10px;
  padding: 0;
}
.k-grid tbody tr {
  line-height: 5px;
}
.k-grid tbody td {
  padding: 0px;
}
.marketing-score-list .marketing-score {
  position: relative;
}
.marketing-score-list .marketing-score:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.marketing-score-list .marketing-score .grid {
  flex: 1 1;
  white-space: nowrap;
  font-size: 16px;
  align-items: center;
}
.marketing-score-list .marketing-score .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.marketing-score-list .marketing-score.marketing-score-item {
  height: 45px;
  padding: 0 30px;
  display: flex;
  align-items: center;
}
.marketing-score-list .marketing-score.marketing-score-item:nth-child(even) {
  background: #F7FAFF;
}
.marketing-score-list .marketing-score.marketing-score-item .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 30px;
}
.detail-section > div:nth-child(2) {
  color: #207B93 !important;
}
#VideoQuickSend {
  height: auto;
  margin: 0 7px 0 16px;
  overflow: auto;
}
#VideoQuickSend .loan-details {
  overflow: hidden;
}
#VideoQuickSend .section-grid-three {
  display: grid;
  grid-template-columns: 44% 48% 0.1fr;
  grid-gap: 30px;
  margin-bottom: 10px;
  padding: 1em 10px;
  color: #184977;
  font-weight: 400;
  border-radius: 7px;
  /*below video - title, description*/
}
#VideoQuickSend .section-grid-three .edit-video-marketing {
  display: grid;
  grid-template-rows: 400px 200px;
  row-gap: 10px;
}
#VideoQuickSend .section-grid-three .edit-video-marketing #kaltura_player {
  height: 400px;
  margin-top: 5px;
}
#VideoQuickSend .section-grid-three .quickSendForm {
  box-shadow: 0px 10px 33px -13px #CCD7ED;
  background: #F0F4FC;
  border-radius: 7px;
}
#VideoQuickSend .section-grid-three .quickSendForm .quickSendVideo {
  background: #F0F4FC;
  border-radius: 7px;
}
#VideoQuickSend .section-grid-three .quickSendForm .field-wrapper {
  margin-bottom: 15px;
}
#VideoQuickSend .section-grid-three > :nth-child(3) {
  margin: 0 auto;
}
#VideoQuickSend .section-grid-three .center {
  text-align: center;
}
#VideoQuickSend .section-grid-three .description-video-box {
  overflow: hidden;
  padding: 10px;
  resize: vertical;
  background: #F7FAFF;
  border-radius: 8px;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
}
#VideoQuickSend .section-grid-three .title {
  font-size: 18px;
  color: #184977;
  font-weight: bold;
  padding: 0.5em 0 0.5em 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
#VideoQuickSend #lblErrorMessage {
  margin-left: 20px;
}
#sendEmailmsgErrorPosition {
  width: 200px;
  position: absolute;
  margin-top: 20px;
}
#marginTopStyle {
  padding-top: 15px;
}
#emailAdresses {
  margin-left: 10px;
  height: 33px;
  width: 200px;
}
#ItemsList {
  padding: 10px 20px;
}
@media screen and (max-width: 1366px) {
  #VideoQuickSend .section-grid-three {
    grid-template-columns: 60% 41% 0.1fr;
    grid-gap: 0px;
    height: 450px;
  }
  #VideoQuickSend .section-grid-three > :nth-child(0) {
    margin-right: 80px;
  }
  #VideoQuickSend .section-grid-three .edit-video-marketing {
    gap: 30px;
    grid-template-columns: 400px 290px;
  }
  #VideoQuickSend .section-grid-three .quickSendForm {
    height: 405px;
    overflow: auto;
  }
  #VideoQuickSend .section-grid-three .description-video-box {
    background: #F7FAFF;
    border-radius: 8px;
    box-shadow: 0px 10px 23px -13px #CCD7ED;
  }
}
#EmailVideoSendModel_Body {
  resize: vertical;
}
#videoShareWithMenu {
  width: 20px;
}
#progressBarTwo {
  display: none;
  margin: 0 auto;
}
#myPreviewVideo {
  border: 1px solid grey;
  background: #FFFFFF;
  object-fit: fill;
  text-align: center;
}
#trimButton {
  margin: 0 auto;
  text-align: center;
}
#VideoQuickSendHeader {
  border-right: none;
}
#videoQuickActions {
  background: none;
  box-shadow: none;
  flex: 0 0 55px;
}
#pnlVideoTrimProcessing {
  color: #CF0404;
}
#quickSendHeading {
  padding: 15px 0;
  margin: 0;
}
#quickSendText {
  font-size: 11px;
}
#videoRecordHeader {
  background: none;
  box-shadow: none;
  flex: 0 0 55px;
}
#download {
  width: 144px;
  display: none;
}
#upload {
  width: 144px;
}
#spacerDiv {
  height: 20px;
}
#pnlSupportTable {
  width: 160px;
  margin: 0 auto;
}
#pnlSupportRow {
  padding: 40px;
  width: 40px;
}
#pnlVideoRecorder {
  text-align: center;
}
#pnlVideoReplay {
  display: none;
  text-align: center;
}
#recorded {
  margin: 0 auto;
  text-align: center;
}
#recordVideoDisclaimer {
  margin-top: auto;
  margin-bottom: 10px;
  font-size: 12px;
}
#recordVideoDisclaimer #disclaimerOne {
  text-align: left;
  padding: 0em 0 0em 1.5em;
}
#recordVideoDisclaimer #dvSaveMediaEntry {
  text-align: left;
  margin-top: 1em;
}
#recordVideoDisclaimer #dvSaveMediaEntry #disclaimerTwo {
  padding-left: 1.5em;
}
#pnlVideoUploadSuccess {
  display: none;
  margin-top: 10px;
  color: #65B122;
  text-align: center;
}
#pnlNoMediaStream {
  text-align: center;
  margin-top: 50px;
  display: none;
  font-size: x-large;
}
#pnlUpdateEdge {
  text-align: center;
  margin-top: 50px;
  display: none;
  font-size: x-large;
}
#videoSignUpText {
  width: 50%;
  padding: 20px;
}
#videoSearchInput {
  width: 400px;
  margin-right: 15px;
}
#videoFieldWrapper {
  margin-left: 2em;
}
#videoContentHeader {
  padding: 0 30px;
  flex: 0 0 60px;
}
#list_filter {
  padding-right: 10px;
  flex: 0 0 60px;
}
#videoMaterialIcons {
  padding-left: 20px;
  flex: 0 0 60px;
}
#list_sort {
  flex: 0 0 60px;
}
#progressbartwo {
  display: none;
  margin: auto;
}
#upload-file-info {
  width: 240px;
  padding: 0.3em 1em 0 0.5em;
}
#cancelBtn {
  width: 260px;
  align-items: center;
  margin-top: 5px;
  height: 30px;
}
#progress {
  width: 300px;
}
#successmsg {
  justify-content: center;
  width: 160px;
}
#videoUploadMain {
  overflow: auto;
  height: 100%;
  margin: 0px 16px;
}
#videoUploadMain #progressbar {
  display: none;
  margin: 200px auto auto 450px;
}
#videoUploadMain #divMyContent {
  display: none;
  height: 700px;
}
#videoUploadMain #divMyContent #ShareItemsList {
  position: relative;
  height: 400px;
  width: 430px;
  margin-top: 5px;
}
#VideoEdit {
  height: auto;
  background: #FFFFFF;
  margin: 0 16px;
  overflow: auto;
}
#VideoEdit .form-section {
  background-color: #FFFFFF;
  border-radius: 7px;
  padding: 20px 0;
}
#VideoEdit .heading {
  font-weight: bold;
  font-size: 21px;
  color: #184977;
  display: flex;
  justify-content: center;
  padding: 0px 0 20px 0;
}
#VideoEdit .section-grid-four {
  display: grid;
  grid-template-columns: 10px 1fr 1fr 10px;
  grid-gap: 30px;
  margin-bottom: 10px;
  color: #184977;
  font-weight: 400;
  padding: 0;
  background-color: #FFFFFF;
}
#VideoEdit .section-grid-four > :nth-child(2) {
  text-align: center;
  background-color: #F0F4FC;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 10px 33px -13px #ccd7ed;
}
#VideoEdit .section-grid-four > :nth-child(3) {
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 10px;
  background: #F0F4FC;
  box-shadow: 0px 10px 33px -13px #ccd7ed;
  border-radius: 8px;
}
#VideoEdit .section-grid-four .section-flex {
  display: flex;
  justify-content: center;
}
#VideoEdit .section-grid-four .button-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  padding: 0.9em;
  align-items: center;
}
#VideoEdit .section-grid-four .button-wrapper label {
  align-items: center;
  text-align: left;
  margin-right: 2em;
}
#VideoEdit .section-grid-four .button-wrapper #StartTime {
  text-align: center;
  width: 180px;
}
#VideoEdit .section-grid-four .button-wrapper #EndTime {
  text-align: center;
  width: 180px;
}
#VideoEdit .section-grid-four .button-wrapper button {
  align-items: center;
  justify-content: space-around;
  border: 1px solid #C3D0E7;
  height: 44px;
  min-width: 44px;
  font-size: 0.9em;
  line-height: 12px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: #FFFFFF;
  font-weight: 500;
  width: 180px;
}
#VideoEdit .section-grid-four .button-wrapper .slider {
  -webkit-appearance: none;
  width: 80%;
  height: 25px;
  background: rgba(239, 239, 239, 0.7);
  border: 1px solid #888;
  border-radius: 6px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
#VideoEdit .section-grid-four .button-wrapper .slider:hover {
  opacity: 1;
}
#VideoEdit .section-grid-four .button-wrapper .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 25px;
  background: #207B93;
  cursor: pointer;
}
#VideoEdit .section-grid-four .button-wrapper .slider::-moz-range-thumb {
  width: 10px;
  height: 25px;
  background: #207B93;
  cursor: pointer;
}
#VideoEdit .section-grid-four .button-wrapper .slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 25px;
  background: #900;
  cursor: pointer;
}
#VideoEdit .section-grid-four .button-wrapper .slider2::-moz-range-thumb {
  width: 10px;
  height: 25px;
  background: #900;
  cursor: pointer;
}
#VideoEdit .section-grid-four .button-wrapper .stoptime {
  color: #CF0404;
}
#EventPreview {
  color: #184977;
}
#VideoSignUpLabelCheckBox {
  color: #3B496D;
}
#VideoUploading .campaign-groups-header {
  display: grid;
  grid-template-columns: 15% 5% 80%;
  grid-template-rows: 80px;
}
#VideoUploading .campaign-groups-header input {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #184977;
  height: 35px;
  width: 150px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  background: #FFFFFF;
  font-weight: 500;
}
#VideoUploading .campaign-groups-header div {
  display: flex;
  /*  &:nth-child(4) {
                text-align: left;
                align-items: center;
                padding-left: 20.2em;
                padding-right: 0;
                background: #efefef;
            }*/
}
#VideoUploading .campaign-groups-header div:nth-child(1) {
  justify-content: flex-start;
  align-items: center;
  padding-left: 0.5em;
}
#VideoUploading .campaign-groups-header div:nth-child(2) {
  align-items: center;
}
#VideoUploading .campaign-groups-header div:nth-child(3) {
  justify-content: flex-end;
  align-items: center;
}
#VideoUploading .campaign-groups-header #fileinput-button input {
  color: red;
  border: 1px solid red;
  float: left;
}
#VideoUploading .campaign-groups-header .uploadBtn {
  border: 1px solid #184977;
  width: 255px;
  padding: 1em 0.5em 1em 0;
  background: #FFFFFF;
  color: red;
  position: relative;
  left: 224px;
}
#VideoUploading .campaign-groups-header .uploadBtn:hover {
  background: rgba(24, 73, 119, 0.1);
  border-color: #184977;
}
#VideoUploading .campaign-groups-header .innerBtn {
  display: flex;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  padding-top: 9px;
  color: #184977;
  height: 35px;
}
#VideoUploading .campaign-groups-header span.material-icons {
  text-align: left;
  margin-right: 5px;
  margin-top: -4px;
}
#VideoUploading #uploadbox1 .well {
  border-style: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 12px;
  text-align: left;
  justify-content: flex-start;
  color: #207B93;
}
#VideoUploading #uploadbox1 #upload-file-info.label {
  color: #207B93;
  font-size: 13px;
  text-align: left;
}
#VideoUploading #uploadbox1 #progressBar.bar.active {
  text-align: left;
  justify-content: flex-start;
  float: left;
}
#VideoUploading .form-section-header {
  vertical-align: central;
  display: flex;
  align-items: center;
  padding-left: 20px;
  /* margin: 10px 10px 10px 10px; */
  height: 52px;
  /* background: red; */
  border-radius: 1px;
  font-family: Roboto;
  font-style: normal;
  line-height: 100%;
  color: #184977;
}
#VideoUploading .form-section-header span.large {
  font-size: 20px;
  font-weight: bold;
  color: #207B93;
}
#VideoUploading .cancelBtn {
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 0.5em;
  margin-right: 1em;
  color: #184977;
}
#VideoUploading .unify-textbox {
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: block;
  width: 300px;
  height: 36px;
}
#VideoUploading .k-form-error.k-invalid-msg.field-validation-error {
  width: 300px !important;
  background: #CF0404;
  border: 1px solid red;
  color: #FFFFFF;
}
#VideoUploading #description {
  height: 120px;
  width: 700px;
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
}
#VideoUploading input.k-invalid {
  width: 300px !important;
}
#VideoUploading #description.k-invalid {
  width: 700px !important;
  height: 120px;
  border: 1px solid red;
}
#VideoUploading .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 5px 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
#VideoUploading .main {
  flex: 1 1;
  overflow: auto;
  background: #FFFFFF;
}
#VideoUploading .main .contact-edit-form {
  padding: 2em;
  margin: 48px;
  display: grid;
  grid-template-columns: 1fr 500px;
  justify-content: center;
  gap: 36px;
}
#VideoUploading .main .contact-edit-form .waiting-text {
  margin-top: 10px;
}
#VideoUploading .main .contact-edit-form .video-upload-form {
  padding: 3em;
  background: #F0F4FC !important;
  border-radius: 8px;
}
@media screen and (max-width: 1366px) {
  #VideoUploading .main .contact-edit-form {
    max-width: 1250px;
    margin: 12px 24px;
  }
  #VideoUploading .main .unify-textbox {
    width: 500px !important;
  }
  #VideoUploading .main #description {
    width: 500px !important;
  }
  #VideoUploading .main #divMyContent {
    height: 540px;
  }
  #VideoUploading .main .video-upload-form {
    height: 470px;
  }
  #VideoUploading .main .video-upload-form .lead-tracker-list {
    height: 320px !important;
    margin-top: 5px !important;
  }
}
#VideoUploading .main label {
  color: #98A3AF;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 0;
}
#VideoUploading .main .field-validation-error {
  padding: 0.5em 1em;
  width: 300px;
  font-size: 1em;
  margin-top: 0;
  border-radius: 4px;
  visibility: hidden;
}
#VideoUploading .main .unify-textbox {
  height: 35.5px;
  width: 300px;
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: block;
  padding-right: 2em;
  margin: 0 10px 10px 0;
  color: #184977;
}
#VideoUploading .main .unify-textarea {
  height: 35.5px;
  width: 100%;
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #184977;
}
#VideoUploading .main .unify-textarea:focus {
  outline: none;
  box-shadow: none;
}
#VideoUploading .main .button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C3D0E7;
  height: 44px;
  min-width: 44px;
  padding: 0 5em;
  background: none;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: #FFFFFF;
  font-weight: 500;
  margin: 1em 0.75em 1em 0;
}
#VideoUploading .main .button.primary {
  border-color: #184977;
  color: #184977;
}
#VideoUploading .main .button:focus {
  outline: none;
}
#VideoUploading .main .button:hover,
#VideoUploading .main .button:focus {
  background: rgba(24, 73, 119, 0.1);
  border-color: #184977;
}
#VideoUploading .main .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-width: 44px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: #FFFFFF;
  font-weight: 500;
  border: 1px solid #184977;
  margin-top: 2em;
  width: 48%;
}
#VideoUploading .main p {
  padding: 1em 0;
  color: #184977;
}
#VideoUploading .pt2 {
  padding-top: 2em;
}
#editVideoDetail {
  border-right: none;
}
#VideoRecording {
  /*
    #videoRecordForm {
        overflow:auto;
        position: relative;
    }
    */
}
#VideoRecording .main {
  height: 100%;
  background: #FFFFFF;
}
#VideoRecording .main .new-video-detail {
  height: 100%;
  width: 99.2%;
  overflow: auto !important;
  margin: 0 auto;
}
#VideoRecording .video-record-header {
  width: 96%;
  margin: 0px auto 0px auto;
}
#VideoRecording .video-record-form {
  width: 96%;
  margin: 0px auto 10px auto;
  position: relative;
}
#VideoRecording .video-record-form .video-spinner {
  margin: 200px auto;
  display: none;
}
#VideoRecording .video-record-form .display-none {
  display: none;
  text-align: center;
  margin: 0 auto;
}
#VideoRecording .video-record-form .whitecard-more {
  width: 100%;
  margin: 0px auto 25px auto;
  height: auto;
  text-align: right;
  padding: 0px 70px 50px;
  max-height: 780px;
}
#VideoRecording .video-record-form .videoRecorded {
  display: flex;
  gap: 20px;
  background-color: #F0F4FC;
  padding: 20px;
  border-radius: 0.2cm;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
}
#VideoRecording .video-record-form .pls-support {
  width: 100%;
  height: 350px;
  padding: 25px;
  margin: 0 25px;
  text-align: center;
  display: none;
}
#VideoRecording .video-record-form .kaltura-content {
  display: grid;
  grid-template-rows: 300px 1fr;
  grid-row-gap: 10px;
  text-align: center;
  width: 100%;
  height: 400px;
  background-color: #F0F4FC;
  /*
            overflow-x: hidden;
            overflow-y: hidden;
            overflow: hidden;
            */
}
#VideoRecording .video-record-form .kaltura-content .contact-edit-form {
  background-color: #F0F4FC;
  overflow: hidden;
}
#VideoRecording .campaign-groups-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 90px;
}
#VideoRecording .campaign-groups-header div {
  justify-content: flex-start;
}
#VideoRecording .campaign-groups-header div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#VideoRecording .campaign-groups-header div .btn {
  display: flex;
  align-items: center;
  height: 44px;
  min-width: 44px;
  padding: 0 1em;
  background: none;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  background: #FFFFFF;
  font-weight: 500;
  border: 1px solid #184977;
}
#VideoRecording .campaign-groups-header div .btn:hover,
#VideoRecording .campaign-groups-header div .btn:focus {
  background: rgba(24, 73, 119, 0.1);
  border-color: #184977;
}
#VideoRecording .form-section {
  background-color: #F0F4FC;
}
#VideoRecording .form-section .section-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 50px 100px;
  grid-row-gap: 40px;
  grid-auto-rows: 70px;
  /*
            .overflow-xy {
                width: 310px;
                overflow-x: hidden;
                overflow-y: hidden;
                overflow: hidden;
            }
            */
}
#VideoRecording .form-section .section-grid div {
  text-align: left;
}
#VideoRecording .form-section .section-grid label {
  color: #98A3AF;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 0;
}
#VideoRecording .form-section .section-grid .unify-txtbox {
  height: 35.5px;
  width: 100%;
  max-width: 390px;
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  padding-left: 0.5em;
  margin: 0;
  color: #184977;
}
#VideoRecording .form-section .section-grid .unify-txtbox:focus {
  border: 2px solid #b9cae9;
  outline: none;
  box-shadow: none;
}
#VideoRecording .form-section .section-grid .unify-dropdown {
  overflow: auto;
}
#VideoRecording .form-section .section-grid .unify-textarea {
  height: 35.5px;
  width: 550px;
  height: 150px;
  max-height: 150px;
  max-width: 750px;
  border-radius: 3px;
  border-width: 2px;
  border-color: #b9cae9;
  display: inline-block;
  margin: 0 10px 5px 0;
  color: #184977;
  resize: vertical;
}
#VideoRecording .form-section .section-grid .unify-textarea:focus {
  outline: none;
  box-shadow: none;
}
#VideoRecording .form-section .section-grid .field-validation-error {
  padding: 0.5em 1em;
  width: 300px;
  font-size: 1em;
  margin-top: 0;
  border-radius: 4px;
  visibility: hidden;
}
#VideoRecording .section-grid-two {
  display: grid;
  grid-template-columns: 170px 1fr 150px 150px;
  grid-auto-rows: 60px;
  grid-column-gap: 15px;
  width: 100%;
  align-items: center;
}
#VideoRecording .section-grid-two div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#VideoRecording .section-grid-two div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C3D0E7;
  height: 44px;
  min-width: 44px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border-radius: 0;
  background: #FFFFFF;
  font-weight: 500;
}
#VideoRecording .section-grid-two div:nth-child(2) {
  align-items: center;
  justify-content: center;
  grid-column: 3;
}
#VideoRecording .section-grid-two div:nth-child(3) {
  align-items: center;
  justify-content: center;
  grid-column: 4;
}
#VideoRecording .section-grid-two .button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C3D0E7;
  height: 44px;
  min-width: 44px;
  padding: 0 10px;
  background: none;
  color: #184977;
  border-radius: 0;
  transition: all 330ms ease-in;
  cursor: pointer;
  text-transform: uppercase;
  background: #FFFFFF;
  font-weight: 500;
}
#VideoRecording .section-grid-two .button.primary {
  border-color: #184977;
  color: #184977;
}
#VideoRecording .section-grid-two .button:focus {
  outline: none;
}
#VideoRecording .section-grid-two .button:hover,
#VideoRecording .section-grid-two .button:focus {
  background: rgba(24, 73, 119, 0.1);
  border-color: #184977;
}
#VideoRecording .section-grid-two p {
  padding: 1em 0;
  color: #184977;
  color: red;
}
.sendEmailmsgError {
  color: white !important;
  font-size: 13px !important;
  width: 350px;
}
@media (max-width: 1370px) {
  #VideoRecording .form-section .section-grid .unify-textarea {
    max-width: 390px;
  }
}
@media (min-width: 1500px) {
  #VideoRecording .form-section .section-grid .unify-textarea {
    max-width: 550px;
  }
  #VideoRecording .form-section .section-grid .unify-txtbox {
    max-width: 550px;
  }
}
#LoanCommunicationsForm {
  height: 100%;
}
#LoanCommunicationsForm .content {
  height: 100%;
  overflow: auto !important;
  /*Pipeline Communcations - Send Communications To - yellow div bottom section*/
  /*  Closing Information  */
  /*Closing Information*/
  /*Closing Information - page bottom section*/
}
#LoanCommunicationsForm .content .pipeline-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2em;
  margin: 0;
}
#LoanCommunicationsForm .content .timeline {
  padding: 0;
}
#LoanCommunicationsForm .content .timeline .form-section-header {
  margin: 0;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list {
  padding: 0 15px;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item {
  display: flex;
  justify-content: space-around;
  width: 100%;
  flex: 0 0 1;
  padding: 1.5em 0;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item .item-content {
  padding: 0;
  width: 100%;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item .item-content .title {
  padding-left: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #184977;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item .item-content .chip.alt {
  display: flex;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item .item-content:last-child {
  border: none;
}
#LoanCommunicationsForm .content .timeline .LOS-timeline-list .timeline-item:nth-child(even) {
  background-color: #F7FAFF;
}
#LoanCommunicationsForm .content .kendo-wrapper {
  flex: 0 0 1;
  margin: 16px 0 0 10px;
  width: 94%;
}
#LoanCommunicationsForm .content .kendo-wrapper .item-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 38px;
  vertical-align: middle;
  font-size: 16px;
}
#LoanCommunicationsForm .content .kendo-wrapper hr {
  border: 1px solid #CFE2F3;
  border-radius: 5px;
  text-align: center;
  margin-left: 2em;
}
#LoanCommunicationsForm .content .unify-checkbox {
  margin-top: 10px;
}
#LoanCommunicationsForm .content .unify-checkbox .k-checkbox {
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 2em;
}
#LoanCommunicationsForm .content .k-checkbox-label {
  margin-left: 3em;
  color: #184977;
}
#LoanCommunicationsForm .content .form-section-header-data {
  display: grid;
  grid-template-columns: 340px 200px;
  grid-gap: 0;
  row-gap: 1em;
  margin: 20px 0;
  padding: 2em 1em;
  background: #FBFBF3;
  color: #184977;
  font-weight: 400;
}
#LoanCommunicationsForm .content .form-section-header-data .label {
  font-size: 1em;
  font-weight: 400;
}
#LoanCommunicationsForm .content .form-section-header-data p.note {
  font-size: 0.9em;
}
#LoanCommunicationsForm .content .contact-notes {
  margin-left: 0;
  margin-top: 2em;
}
#LoanCommunicationsForm .content .closing-wrapper {
  background: #F0F4FC;
}
#LoanCommunicationsForm .content .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  color: #006699;
}
#LoanCommunicationsForm .content .column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 1em;
}
#LoanCommunicationsForm .content .label {
  font-family: Roboto;
  font-style: normal;
  line-height: 100%;
  color: #184977;
  font-size: 1.2em;
  justify-content: left;
}
#LoanCommunicationsForm .content .data {
  justify-content: right;
  height: 100%;
  text-align: right;
}
#LoanCommunicationsForm .content .box.c p {
  display: flex;
  color: #184977;
  margin-right: 0;
  padding-right: 0;
  color: red;
}
#LoanCommunicationsForm .content .form-section-data {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-auto-rows: 70px;
  grid-column-gap: 0;
  margin: 2em 0;
  padding: 2em 1em;
  background-color: #FBFBF3;
}
#LoanCommunicationsForm .content .form-section-data .label {
  font-size: 1em;
  padding-top: 1em;
}
#LoanCommunicationsForm .content .form-section-data .field-wrapper {
  padding-right: 1em;
  display: flex;
  justify-content: center;
}
#LoanCommunicationsForm .content .form-section-data .unify-dropdown {
  justify-content: flex-end;
  width: 220px;
  border-radius: 3px;
  border-width: 1px;
  border-color: rgba(185, 202, 233, 0.75);
}
#LoanCommunicationsForm .content .section-grid-one {
  display: flex;
  flex: 0 0 1;
  height: 60px;
  background: #F0F4FC;
  padding-left: 0px;
  margin: 10px 0 0;
  justify-content: start;
}
#LoanCommunicationsForm .content .box {
  display: flex;
  justify-content: right;
  align-items: center;
  color: #006699;
  padding: 0.5em 0 0.5em 1em;
  color: #184977;
}
#LoanCommunicationsForm .content .a {
  font-family: Roboto;
  font-style: normal;
  line-height: 100%;
  font-weight: bold;
  font-size: 21px;
  justify-content: left;
}
#LoanCommunicationsForm .content .section-grid-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 60px;
  padding-left: 0px;
  padding-bottom: 4em;
  margin: 10px 0 40px 0;
  justify-content: end;
}
#LoanCommunicationsForm .content .section-grid-two div:nth-child(3) {
  background-color: rgba(192, 209, 243, 0.2);
}
#LoanCommunicationsForm .content .section-grid-two div:nth-child(4) {
  background-color: rgba(192, 209, 243, 0.2);
}
#LoanCommunicationsForm .content .section-grid-two .label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1em;
  color: #98A3AF;
}
#LoanCommunicationsForm .content .section-grid-two .data {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 2em;
  font-size: 1.2em;
  height: 100%;
}
#LoanCommunicationsForm .content .section-grid-two .cell {
  position: relative;
  border-bottom: 1px solid #CFE2F3;
  border-bottom: 2px solid #DFE0EB;
}
#BusinessContactsList {
  position: relative;
}
#map_canvas {
  width: 100%;
  height: 500px;
  margin-top: 2em;
  margin-bottom: 2em;
}
#check_circle {
  color: green;
}
#headerPipeline {
  flex: 0 0 60px;
  padding: 0 30px;
}
#actionsPipeline {
  width: 90%;
  justify-content: flex-start;
  align-items: center;
}
#actionsPipelineFollowUp {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
#list_filter {
  text-transform: capitalize;
  font-size: 1.1em;
}
#list_sort {
  text-transform: capitalize;
  font-size: 1.1em;
}
.arrow {
  width: 120px;
  margin: 50px auto;
  display: flex;
}
.line {
  margin-top: 6px;
  width: 90px;
  background: #184977;
  height: 8px;
  float: left;
}
.point {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 30px solid #184977;
  float: right;
}
.rainmaker-list-card {
  border-radius: 7px;
  background: #F7FAFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 33px -13px #CCD7ED;
  overflow: hidden;
}
.rainmaker-list-card .card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 56px;
  padding: 0 20px;
  background: #F7FAFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.rainmaker-list-card .card-header label {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #184977;
}
.rainmaker-list-card .card-header label.see-all {
  text-transform: none;
}
.rainmaker-list-card .card-header label.see-all a {
  color: #184977;
}
.rainmaker-list-card .card-header .material-icons,
.rainmaker-list-card .card-header .material-icons-outlined {
  margin-left: auto;
  margin-right: 10px;
  color: #FF8A00;
  opacity: 0.9;
}
.rainmaker-list-card .card-content {
  overflow: auto;
  flex: 1 1;
  background: #FFFFFF;
}
.rainmaker-list-card .card-content .actions {
  position: absolute;
  right: 10px;
  top: 10px;
}
.rainmaker-list-card .card-content .initials {
  margin: 0 10px;
}
.rainmaker-list-card .card-content .odd {
  background: #FFFFFF;
}
.rainmaker-list-card .list {
  overflow-x: hidden;
  background: #FFFFFF;
}
.rainmaker-list-card .list:nth-child(even) {
  background: #F7FAFF;
}
.rainmaker-list-card .list .lead {
  position: relative;
}
.rainmaker-list-card .list .lead:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.rainmaker-list-card .list .actions {
  top: 50% !important;
}
.rainmaker-list-card .list .type {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 23px;
  border: solid 1px #184977;
  border-radius: 20px;
  color: #184977;
  font-size: 13px;
  padding: 0 10px;
  font-size: 9px;
  font-weight: bold;
  line-height: 23px;
}
.rainmaker-list-card .list .additional-content {
  grid-template-columns: 30% 70%;
  padding-left: 44px;
  font-size: 12px;
  font-weight: 700;
  width: 80%;
}
.rainmaker-list-card .list .additional-content .email {
  grid-column: span 2;
}
.rainmaker-list-card .list .additional-content .contact-grid {
  grid-column: span 3;
  grid-template-columns: repeat(6, min-content);
  margin-bottom: 4px;
}
.rainmaker-list-card .list .additional-content .contact-grid a {
  margin-right: 8px;
}
.rainmaker-list-card .list .additional-content div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.create-followup {
  background: #F7FAFF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow: auto;
  overflow-x: hidden;
  flex: 1 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  padding: 10px;
}
.create-followup .form-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.create-followup .form-actions button {
  margin-left: 10px;
}
.create-followup .form-section .title {
  color: #98A3AF;
  font-size: 12px;
  white-space: nowrap;
}
.create-followup .form-section.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, min-content));
  gap: 30px;
}
.create-followup .form-section.grid.one {
  grid-template-columns: 1fr;
}
.create-followup .form-section.grid.three {
  grid-template-columns: repeat(3, 1fr);
}
.create-followup .form-section.grid.three.min-content {
  grid-template-columns: repeat(3, minmax(180px, min-content));
}
.create-followup .form-section.grid.three .title {
  grid-column: span 3;
}
.create-followup .form-section.grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.create-followup .form-section.grid.four.min-content {
  grid-template-columns: repeat(4, minmax(180px, min-content));
}
.create-followup .form-section.grid.four .title {
  grid-column: span 4;
}
.create-followup .form-section.grid.five {
  grid-template-columns: repeat(5, 1fr);
}
.create-followup .form-section.grid.five.min-content {
  grid-template-columns: repeat(5, minmax(180px, min-content));
}
.create-followup .form-section.grid.five .title {
  grid-column: span 5;
}
.create-followup .form-section.grid .field-wrapper {
  display: grid;
  gap: 6px 10px;
  align-items: center;
}
.create-followup .form-section.grid .field-wrapper > label {
  font-weight: bold;
}
.create-followup .form-section.grid .field-wrapper.one {
  grid-template-columns: 1fr;
}
.create-followup .form-section.grid .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.create-followup .form-section.grid .field-wrapper.two label {
  grid-column: span 2;
}
.create-followup .form-section.grid .field-wrapper.two.min-content {
  grid-template-columns: repeat(2, min-content);
}
.create-followup .form-section.grid .field-wrapper.two.min-full {
  grid-template-columns: min-content 1fr;
}
.create-followup .form-section.grid .field-wrapper.two.full-min {
  grid-template-columns: 1fr min-content;
}
.create-followup .form-section.grid .field-wrapper.three {
  grid-template-columns: repeat(3, 1fr);
}
.create-followup .form-section.grid .field-wrapper.three label {
  grid-column: span 3;
}
.create-followup .form-section.grid .field-wrapper.three.min-content {
  grid-template-columns: repeat(3, min-content);
}
.create-followup .form-section.grid .field-wrapper.start {
  grid-column-start: 1;
}
.create-followup .form-section.grid .field-wrapper.span-two {
  grid-column: span 2;
}
.create-followup .form-section.grid .field-wrapper.span-two.start {
  grid-column: 1 / span 2;
}
.create-followup .form-section.grid .field-wrapper.span-three {
  grid-column: span 3;
}
.create-followup .form-section.grid .field-wrapper.span-five {
  grid-column: span 5;
}
.create-followup .form-section.grid .field-wrapper .schedule-row {
  display: grid;
  grid-template-columns: min-content 1fr 100px;
  gap: 0 10px;
  align-items: center;
  transition: display 100ms ease-in-out;
}
.create-followup .form-section.grid .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 10px;
}
.create-followup .form-section.grid .column.span-two {
  grid-column: span 2;
}
.create-followup .form-section.grid .column.one {
  grid-template-columns: repeat(1, 1fr);
}
.create-followup .form-section.grid .column.four {
  grid-template-columns: repeat(4, 1fr);
}
.create-followup .form-section.grid .column .title {
  grid-column: span 2;
}
.create-followup > .content {
  flex: 1 1;
  overflow: auto;
  padding: 0 6px;
}
.create-followup .form-section {
  padding: 0 !important;
}
.create-followup .footer {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  position: relative;
  flex: 0 0 auto;
}
.create-followup .footer:before {
  content: '';
  position: absolute;
  border-top: solid 1px #B9CAE9;
  width: 100%;
  top: 0;
}
.create-followup .footer .right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.create-followup .footer .right button {
  margin-left: 10px;
}
#CreateFollowupWindow {
  overflow: hidden;
}
.status-update-call {
  grid-template-columns: repeat(3, minmax(140px, min-content));
  display: grid;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
}
.status-update-call .title {
  font-size: 16px;
}
.status-update-call .email {
  grid-column: span 3;
}
.status-update-call .contact-grid {
  grid-column: span 3;
  grid-template-columns: repeat(6, min-content);
  margin-bottom: 4px;
}
.status-update-call .contact-grid a {
  margin-right: 8px;
}
.status-update-call label {
  grid-column: span 3;
  font-weight: bold;
  margin-top: 10px;
}
.status-update-call .unify-textbox {
  grid-column: span 2;
}
.status-update-call .update-action {
  grid-column: span 3;
  display: flex;
  justify-content: flex-end;
}
.about {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0px 4px 14px #CCD7ED;
  margin-bottom: 5px;
  border-radius: 7px;
  border-top-left-radius: 0;
  background-color: #FFFFFF;
}
.about .scroll {
  overflow: auto;
}
.about .contact-field-list {
  padding: 15px 0;
}
.about .contact-field-list .field-item {
  display: flex;
  padding: 13px;
}
.about .contact-field-list .field-item:nth-child(odd) {
  background: #F7FAFF;
}
.about .contact-field-list .field-item .order-actions .material-icons {
  color: #98A3AF;
}
.about .contact-field-list .field-item .field {
  padding-left: 10px;
  width: 340px;
}
.contact-edit-form {
  background: #F7FAFF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow: auto;
  overflow-x: hidden;
  flex: 1 1;
}
.contact-edit-form .form-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.contact-edit-form .form-actions button {
  margin-left: 10px;
}
.contact-edit-form .form-section .title {
  color: #98A3AF;
  font-size: 12px;
  white-space: nowrap;
}
.contact-edit-form .form-section.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, min-content));
  gap: 30px;
}
.contact-edit-form .form-section.grid.one {
  grid-template-columns: 1fr;
}
.contact-edit-form .form-section.grid.three {
  grid-template-columns: repeat(3, 1fr);
}
.contact-edit-form .form-section.grid.three.min-content {
  grid-template-columns: repeat(3, minmax(180px, min-content));
}
.contact-edit-form .form-section.grid.three .title {
  grid-column: span 3;
}
.contact-edit-form .form-section.grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.contact-edit-form .form-section.grid.four.min-content {
  grid-template-columns: repeat(4, minmax(180px, min-content));
}
.contact-edit-form .form-section.grid.four .title {
  grid-column: span 4;
}
.contact-edit-form .form-section.grid.five {
  grid-template-columns: repeat(5, 1fr);
}
.contact-edit-form .form-section.grid.five.min-content {
  grid-template-columns: repeat(5, minmax(180px, min-content));
}
.contact-edit-form .form-section.grid.five .title {
  grid-column: span 5;
}
.contact-edit-form .form-section.grid .field-wrapper {
  display: grid;
  gap: 6px 10px;
  align-items: center;
}
.contact-edit-form .form-section.grid .field-wrapper > label {
  font-weight: bold;
}
.contact-edit-form .form-section.grid .field-wrapper.one {
  grid-template-columns: 1fr;
}
.contact-edit-form .form-section.grid .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.contact-edit-form .form-section.grid .field-wrapper.two label {
  grid-column: span 2;
}
.contact-edit-form .form-section.grid .field-wrapper.two.min-content {
  grid-template-columns: repeat(2, min-content);
}
.contact-edit-form .form-section.grid .field-wrapper.two.min-full {
  grid-template-columns: min-content 1fr;
}
.contact-edit-form .form-section.grid .field-wrapper.two.full-min {
  grid-template-columns: 1fr min-content;
}
.contact-edit-form .form-section.grid .field-wrapper.three {
  grid-template-columns: repeat(3, 1fr);
}
.contact-edit-form .form-section.grid .field-wrapper.three label {
  grid-column: span 3;
}
.contact-edit-form .form-section.grid .field-wrapper.three.min-content {
  grid-template-columns: repeat(3, min-content);
}
.contact-edit-form .form-section.grid .field-wrapper.start {
  grid-column-start: 1;
}
.contact-edit-form .form-section.grid .field-wrapper.span-two {
  grid-column: span 2;
}
.contact-edit-form .form-section.grid .field-wrapper.span-two.start {
  grid-column: 1 / span 2;
}
.contact-edit-form .form-section.grid .field-wrapper.span-three {
  grid-column: span 3;
}
.contact-edit-form .form-section.grid .field-wrapper.span-five {
  grid-column: span 5;
}
.contact-edit-form .form-section.grid .field-wrapper .schedule-row {
  display: grid;
  grid-template-columns: min-content 1fr 100px;
  gap: 0 10px;
  align-items: center;
  transition: display 100ms ease-in-out;
}
.contact-edit-form .form-section.grid .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 10px;
}
.contact-edit-form .form-section.grid .column.span-two {
  grid-column: span 2;
}
.contact-edit-form .form-section.grid .column.one {
  grid-template-columns: repeat(1, 1fr);
}
.contact-edit-form .form-section.grid .column.four {
  grid-template-columns: repeat(4, 1fr);
}
.contact-edit-form .form-section.grid .column .title {
  grid-column: span 2;
}
.contact-edit-form .close-button {
  margin-top: 60px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact-edit-form .close-button .close-icon {
  color: #FFFEF1;
}
.contact-edit-form .close-button button {
  background-color: #184977;
}
.contact-edit-form .close-button label {
  font-size: 13px;
  font-weight: bold;
  margin-top: 6px;
}
.contact-edit-form .expand-link {
  cursor: pointer;
  margin-left: auto;
}
.contact-edit-form .expand-link .expand-icon {
  color: #184977;
}
.contact-edit-form .collapse-link {
  cursor: pointer;
  margin-left: auto;
}
.contact-edit-form .collapse-link .expand-icon {
  color: #184977;
}
.contact-edit-form .checkbox-list {
  margin-left: 20px;
}
.contact-edit-form .k-form-error.field-validation-error {
  position: absolute;
  display: block;
  padding-left: 1em;
}
.contact-detail-header {
  display: flex;
  align-items: center;
  flex: 0 0 75px;
  background: #FFFFFF;
  box-shadow: 0px 10px 23px -13px #CCD7ED;
  border-radius: 7px;
  padding: 0 20px;
  color: #184977;
  margin: 0 16px;
  flex: 0 0 100px;
  color: #3B496D;
  padding-right: 0;
}
.contact-detail-header .header-content {
  display: flex;
  align-items: center;
  flex: 1 1;
  gap: 10px;
}
.contact-detail-header .search-input {
  margin-left: 20px;
}
.contact-detail-header .advanced-search-trigger {
  color: #184977;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.contact-detail-header .actions {
  margin-left: auto;
}
.contact-detail-header .advanced-search {
  display: none;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex: 1 1;
  min-height: 78px;
  padding: 20px;
  gap: 15px;
  /* Advanced Search - My Contacts ADV SEARCH */
  /* input field after dropdownlist */
  /*
        .vertical-center {
            margin: 0;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        */
  /*
        .ml-5 {
            margin-left: 9em;
        }
        */
}
.contact-detail-header .advanced-search .close {
  position: absolute;
  right: 0;
  top: 26px;
  cursor: pointer;
}
.contact-detail-header .advanced-search .search-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
  gap: 50px;
}
.contact-detail-header .advanced-search label {
  margin-right: 0.75em;
}
.contact-detail-header .advanced-search .filterContainer {
  padding: 1em 0;
}
.contact-detail-header .advanced-search .advSearch-grid {
  display: inline-grid;
  grid-template-columns: 770px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 5px;
  padding: 0.5em;
}
.contact-detail-header .advanced-search .advSearch-grid > div {
  white-space: nowrap;
  flex: 1 1 auto;
  justify-content: flex-start;
}
.contact-detail-header .advanced-search .advSearch-grid > div:first-child {
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
}
.contact-detail-header .advanced-search .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.contact-detail-header .advanced-search .searchTxt {
  color: #184977;
  padding-right: 9px;
  text-align: right;
  padding-top: 0.5em;
}
.contact-detail-header .advanced-search .k-dropdown .k-dropdown-wrap,
.contact-detail-header .advanced-search .k-dropdowntree .k-dropdown-wrap {
  border-color: #B9CAE9;
  color: #184977;
  background-color: #FFFFFF;
}
.contact-detail-header .advanced-search .k-widget.k-dropdown {
  height: 34px;
}
.contact-detail-header .advanced-search .search-txt-fieldTracker {
  height: 35.5px;
  width: 300px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  color: #184977;
}
.contact-detail-header .advanced-search .search-txt-fieldTracker:focus {
  outline: none;
  box-shadow: none;
}
.contact-detail-header .advanced-search .searchByListContainer {
  margin: 0 10px 5px 5px;
  width: 300px;
  border-width: 1px;
  border-color: #b9cae9;
  color: #184977;
}
.contact-detail-header .advanced-search .searchByListContainer:focus {
  border-color: #b9cae9;
}
.contact-detail-header .advanced-search .searchByTextLabel {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  color: #184977;
  min-width: 150px;
  text-align: right;
  margin-right: 0;
  color: red;
}
.contact-detail-header .advanced-search .searchByAnd {
  color: #184977;
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.5em;
}
.contact-detail-header .advanced-search .plus-icon {
  margin-top: -6px;
  border: none;
  background: none;
  color: #184977;
}
.contact-detail-header .advanced-search .datePckr {
  margin: 0px 0px 5px 10px;
  display: inline-block;
}
.contact-detail-header .advanced-search .datePckr:focus {
  outline: none;
  border-width: 1px;
  border-color: #b9cae9;
  box-shadow: 0;
}
.contact-detail-header .advanced-search .inline-block {
  display: inline-block;
  color: #184977;
  color: red;
}
.contact-detail-header .advanced-search .inline-block2 {
  display: inline-block;
  margin-left: 75px;
}
.contact-detail-header.show-advanced {
  flex: 0 0 auto;
}
.contact-detail-header.show-advanced .header-content {
  display: none;
}
.contact-detail-header.show-advanced .advanced-search {
  display: flex;
}
.contact-detail-header .contact-name {
  color: #184977;
  font-size: 26px;
  line-height: 24px;
  font-weight: bold;
}
.contact-detail-header .contact-type {
  color: #3B496D;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.contact-detail-header .actions {
  margin-left: 20px;
  margin-right: auto;
  color: #184977;
}
.contact-detail-header .detail-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  border-right: solid 1px #B9CAE9;
  padding: 0 20px;
}
.contact-detail-header .detail-section:last-child {
  border-right: none;
}
.contact-detail-header .detail-section label {
  color: #184977;
}
.contact-detail-header .detail-section .section-grid {
  display: grid;
  grid-template-columns: min-content min-content;
  grid-gap: 0 10px;
  white-space: nowrap;
}
.contact-detail-header .detail-section .section-grid label {
  color: #184977;
}
.SendSmsTo {
  float: left;
}
.SmsNumber {
  padding-left: 5px;
}
.SendSmsInfo {
  padding-bottom: 10px !important;
}
.campaign-history {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0px 4px 14px #CCD7ED;
  margin-bottom: 5px;
  border-radius: 7px;
  border-top-left-radius: 0;
  background-color: #FFFFFF;
}
.campaign-history .content-message {
  padding: 30px;
  text-transform: uppercase;
}
.campaign-history .scroll {
  overflow: auto;
}
.contact-loans {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.contact-loans .content-header .search-input {
  margin-left: auto;
}
.contact-loans .form-section-header {
  margin: 0;
}
.contact-loans .contact-loan-list .loan-item {
  display: flex;
  position: relative;
  background: #F7FAFF;
  padding: 10px 15px;
  align-items: center;
  overflow: hidden;
}
.contact-loans .contact-loan-list .loan-item:nth-of-type(even) {
  background: #FFFFFF;
}
.contact-loans .contact-loan-list .loan-item:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.contact-loans .contact-loan-list .loan-item .grid-initials .material-icons {
  color: #184977;
}
.contact-loans .contact-loan-list .loan-item .initials {
  border-radius: 50%;
  background: #FF8A00;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.contact-loans .contact-loan-list .loan-item .initials:focus {
  border: 2px solid #184977;
}
.contact-loans .contact-loan-list .loan-item .initials.none {
  background: #E4E7EB;
  color: #184977;
}
.contact-loans .contact-loan-list .loan-item .initials.low {
  background: #184977;
}
.contact-loans .contact-loan-list .loan-item .initials.medium {
  background: #FF8A00;
}
.contact-loans .contact-loan-list .loan-item .initials.high {
  background: #C10000;
}
.contact-loans .contact-loan-list .loan-item .initials.dead {
  background: #909297;
}
.contact-loans .contact-loan-list .loan-item .initials.missing {
  background: #5da07d;
}
.contact-loans .contact-loan-list .loan-item .actions {
  background: #F0F4FC;
  border-radius: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.contact-loans .contact-loan-list .loan-item .actions:focus {
  border: 2px solid #184977;
}
.contact-loans .contact-loan-list .loan-item .actions .success {
  color: #65B122;
}
.contact-loans .contact-loan-list .loan-item .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.contact-loans .contact-loan-list .loan-item .actions > button:focus {
  opacity: 1;
}
.contact-loans .contact-loan-list .loan-item .grid {
  display: grid;
  flex: 1 1;
  white-space: nowrap;
  font-size: 14px;
  align-items: center;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 0 30px;
}
.contact-loans .contact-loan-list .loan-item .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.contact-loans .contact-loan-list .loan-item .grid {
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr min-content 1fr;
}
.contact-loans .contact-loan-list .loan-item .grid button {
  padding: 0;
}
.contact-loans .scroll {
  padding: 15px;
  overflow: auto;
}
.contact-loans .add-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.contact-loans .add-button .add-icon {
  color: #FFFEF1;
}
.contact-loans .add-button button {
  background-color: #184977;
}
.contact-loans .add-button label {
  font-size: 13px;
  font-weight: bold;
  margin-top: 6px;
}
.contact-loans #edit-note {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.contact-notes {
  background: #FFFFFF;
  box-shadow: 0px 4px 14px #CCD7ED;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  margin: 0 0 0px 10px;
  position: relative;
  overflow: hidden;
}
.contact-notes .content-header .search-input {
  margin-left: auto;
}
.contact-notes .contact-note-list .note-item {
  padding: 15px;
  background: #FFFEF1;
  margin-bottom: 10px;
  cursor: pointer;
}
.contact-notes .contact-note-list .note-item:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.contact-notes .contact-note-list .note-item .title {
  color: #184977;
  font-size: 16px;
  font-weight: bold;
}
.contact-notes .contact-note-list .note-item .details {
  color: #184977;
  font-size: 15px;
  margin-bottom: 10px;
  inline-size: 500px;
  overflow-wrap: break-word;
}
.contact-notes .contact-note-list .note-item .created {
  color: #828B9D;
  font-size: 13px;
}
.contact-notes .scroll {
  padding: 15px;
  overflow: auto;
}
.contact-notes .add-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.contact-notes .add-button .add-icon {
  color: #FFFEF1;
}
.contact-notes .add-button button {
  background-color: #184977;
}
.contact-notes .add-button label {
  font-size: 13px;
  font-weight: bold;
  margin-top: 6px;
}
.contact-notes #edit-note {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.edit-note {
  background: #F7FAFF;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow: auto;
  overflow-x: hidden;
  flex: 1 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 4px;
  background: none !important;
}
.edit-note .form-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.edit-note .form-actions button {
  margin-left: 10px;
}
.edit-note .form-section .title {
  color: #98A3AF;
  font-size: 12px;
  white-space: nowrap;
}
.edit-note .form-section.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, min-content));
  gap: 30px;
}
.edit-note .form-section.grid.one {
  grid-template-columns: 1fr;
}
.edit-note .form-section.grid.three {
  grid-template-columns: repeat(3, 1fr);
}
.edit-note .form-section.grid.three.min-content {
  grid-template-columns: repeat(3, minmax(180px, min-content));
}
.edit-note .form-section.grid.three .title {
  grid-column: span 3;
}
.edit-note .form-section.grid.four {
  grid-template-columns: repeat(4, 1fr);
}
.edit-note .form-section.grid.four.min-content {
  grid-template-columns: repeat(4, minmax(180px, min-content));
}
.edit-note .form-section.grid.four .title {
  grid-column: span 4;
}
.edit-note .form-section.grid.five {
  grid-template-columns: repeat(5, 1fr);
}
.edit-note .form-section.grid.five.min-content {
  grid-template-columns: repeat(5, minmax(180px, min-content));
}
.edit-note .form-section.grid.five .title {
  grid-column: span 5;
}
.edit-note .form-section.grid .field-wrapper {
  display: grid;
  gap: 6px 10px;
  align-items: center;
}
.edit-note .form-section.grid .field-wrapper > label {
  font-weight: bold;
}
.edit-note .form-section.grid .field-wrapper.one {
  grid-template-columns: 1fr;
}
.edit-note .form-section.grid .field-wrapper.two {
  grid-template-columns: repeat(2, 1fr);
}
.edit-note .form-section.grid .field-wrapper.two label {
  grid-column: span 2;
}
.edit-note .form-section.grid .field-wrapper.two.min-content {
  grid-template-columns: repeat(2, min-content);
}
.edit-note .form-section.grid .field-wrapper.two.min-full {
  grid-template-columns: min-content 1fr;
}
.edit-note .form-section.grid .field-wrapper.two.full-min {
  grid-template-columns: 1fr min-content;
}
.edit-note .form-section.grid .field-wrapper.three {
  grid-template-columns: repeat(3, 1fr);
}
.edit-note .form-section.grid .field-wrapper.three label {
  grid-column: span 3;
}
.edit-note .form-section.grid .field-wrapper.three.min-content {
  grid-template-columns: repeat(3, min-content);
}
.edit-note .form-section.grid .field-wrapper.start {
  grid-column-start: 1;
}
.edit-note .form-section.grid .field-wrapper.span-two {
  grid-column: span 2;
}
.edit-note .form-section.grid .field-wrapper.span-two.start {
  grid-column: 1 / span 2;
}
.edit-note .form-section.grid .field-wrapper.span-three {
  grid-column: span 3;
}
.edit-note .form-section.grid .field-wrapper.span-five {
  grid-column: span 5;
}
.edit-note .form-section.grid .field-wrapper .schedule-row {
  display: grid;
  grid-template-columns: min-content 1fr 100px;
  gap: 0 10px;
  align-items: center;
  transition: display 100ms ease-in-out;
}
.edit-note .form-section.grid .column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: min-content;
  gap: 10px;
}
.edit-note .form-section.grid .column.span-two {
  grid-column: span 2;
}
.edit-note .form-section.grid .column.one {
  grid-template-columns: repeat(1, 1fr);
}
.edit-note .form-section.grid .column.four {
  grid-template-columns: repeat(4, 1fr);
}
.edit-note .form-section.grid .column .title {
  grid-column: span 2;
}
.edit-note .k-textbox {
  width: 100%;
}
.edit-note .form-section {
  padding: 0 !important;
}
.edit-note .footer {
  display: flex;
  align-items: center;
  position: relative;
}
.edit-note .footer:before {
  content: '';
  position: absolute;
  border-top: solid 1px #B9CAE9;
  width: 100%;
  top: 0;
}
.edit-note .footer .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  border: 1px solid red;
}
.edit-note .footer .right button {
  margin-left: 0;
}
.timeline {
  display: flex;
  flex-direction: column;
  margin: 0;
  /*padding-bottom: 5px;*/
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  overflow: hidden;
}
.timeline .content-header {
  margin: 0;
}
.timeline #TimelinesContent {
  padding: 0;
  height: 100%;
  overflow-y: auto;
}
.timeline {
  box-shadow: 0px 4px 14px #CCD7ED;
  background-color: #FFFFFF;
  padding: 0;
  /*this works!*/
}
.timeline .card-header {
  display: flex;
}
.timeline .content-header {
  margin: 0;
}
.timeline .unify-dropdown {
  margin: 0 10px;
  width: 150px;
  min-width: 150px;
  color: #184977;
}
.timeline .contact-timeline-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
  grid-row-gap: 10px;
}
.timeline .contact-timeline-list .timeline-item {
  margin-left: 1em;
}
.timeline .contact-timeline-list .timeline-item:hover {
  background: #dee5ef !important;
  box-shadow: 0px 2px 15px -2px #a4a9ad;
  z-index: 10 !important;
}
.timeline .contact-timeline-list .timeline-item.even {
  background: #F7FAFF;
}
.timeline .contact-timeline-list .timeline-item .chip.alt {
  margin-left: auto;
  margin-right: 0;
}
.timeline .contact-timeline-list .timeline-item .actions {
  height: 40px !important;
  margin-right: 20px;
}
.timeline .contact-timeline-list .scroll {
  overflow: auto;
}
.timeline .contact-timeline-list .contact-timeline {
  /* padding: 1em;*/
  /*red border*/
}
.timeline .contact-timeline-list .contact-timeline:hover .actions {
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
}
.timeline .contact-timeline-list .contact-timeline .title {
  color: #184977;
  font-size: 16px;
  font-weight: bold;
  inline-size: 480px;
  overflow-wrap: break-word;
}
.timeline .contact-timeline-list .contact-timeline .actions {
  background: transparent;
  border-radius: 20px;
  height: 10px;
  display: flex;
  align-items: center;
  color: #184977;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  transition: opacity 130ms ease-in-out;
}
.timeline .contact-timeline-list .contact-timeline .actions > button {
  margin-right: 0;
  height: 100%;
  min-width: 40px;
}
.timeline .contact-timeline-list .contact-timeline .grid {
  flex: 1 1;
  flex-direction: column;
  white-space: nowrap;
  font-size: 16px;
  align-items: center;
}
.timeline .contact-timeline-list .contact-timeline .grid label {
  color: #98A3AF;
  font-size: 12px;
}
.timeline .contact-timeline-list .contact-timeline.timeline-item {
  min-height: 100px;
  display: flex;
  align-items: center;
  padding: 0 0px;
  /*grid-template-columns: 20px 550px 50px;*/
  gap: 20px;
  overflow: hidden;
  justify-content: space-between;
  /*border: px solid red;*/
}
.timeline .contact-timeline-list .contact-timeline.timeline-item .grid {
  display: grid;
  grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
  gap: 6px 30px;
}
.timeline .contact-timeline-list .contact-timeline.timeline-item .icon-content {
  width: 50px;
  flex: 0 0 50px;
  text-align: center;
}
.timeline .contact-timeline-list .contact-timeline.timeline-item .icon-content .reminder-icon {
  color: #FF8A00;
}
.timeline .contact-timeline-list .contact-timeline.timeline-item .icon-content .note-icon {
  color: #184977;
}
/*Timeline - Search Filter Modal window*/
#SelectTrackerTypesWindow .timeline-type-options {
  text-align: left;
  display: grid;
  grid-template-columns: min-content min-content 1fr;
  align-items: center;
  gap: 20px 0;
}
#SelectTrackerTypesWindow .timeline-type-options .k-checkbox-label {
  margin-left: 10px;
}
#SelectTrackerTypesWindow .timeline-type-options .icon-content {
  color: #2182C1;
  font-size: 20px;
  margin-right: 8px;
}
#SelectTrackerTypesWindow .timeline-type-options .icon-content .reminder-icon {
  color: #FF8A00;
}
#TimelineWindow .title {
  color: #184977;
  font-size: 16px;
  font-weight: bold;
  inline-size: 480px;
  overflow-wrap: break-word;
  width: 350px;
  /*color: red;*/
}
body,
html {
  height: 100%;
  width: 100%;
  font-family: 'Roboto';
  font-size: 14px;
  color: #184977;
  background: #F0F4FC;
  min-width: 1366px;
  min-height: 768px;
}
.soft-close-modal {
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}
* {
  box-sizing: border-box;
  scrollbar-color: #FF8A00 #FFFFFF;
  scrollbar-width: thin;
}
* ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
* ::-webkit-scrollbar-track {
  background: transparent;
  border: none;
}
* ::-webkit-scrollbar-thumb {
  background: #FF8A00;
  border-radius: 10px;
}
body {
  display: flex;
  flex-direction: column;
}
[class^="icon-"],
[class*=" icon-"] {
  /* these are the color overrides for the icomoon icons */
}
[class^="icon-"].green,
[class*=" icon-"].green {
  color: #4CBA7E;
}
[class^="icon-"].blue,
[class*=" icon-"].blue {
  color: #2182C1;
}
[class^="icon-"].orange,
[class*=" icon-"].orange {
  color: #E87728;
}
[class^="icon-"].red,
[class*=" icon-"].red {
  color: #E03332;
}
[class^="icon-"].yellow,
[class*=" icon-"].yellow {
  color: #E9C320;
}
[class^="icon-"].purple,
[class*=" icon-"].purple {
  color: #6844A0;
}
.is-impersonating {
  background: linear-gradient(93.89deg, #1F988A 19.07%, #1F6698 148.57%);
  text-align: center;
  line-height: 25px;
  font-weight: 700;
  font-size: 15px;
}
.is-impersonating a {
  color: #207B93;
}
.container {
  flex: 1 1;
  overflow: hidden;
}
main {
  height: 100%;
  overflow: hidden;
}
.no-wrap {
  white-space: nowrap;
}
.material-icons {
  color: inherit;
  cursor: inherit;
}
.view-title {
  font-size: 26px;
  font-weight: 700;
  color: #184977;
  margin-right: 10px;
}
.view-sub-title {
  color: #184977;
}
a {
  color: #207B93;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #ff8a00;
}
.view-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.view-content .content {
  flex: 1 1;
  padding: 10px 20px 10px 20px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  overflow: hidden;
}
.view-content .content .main {
  flex: 1 1;
  overflow: hidden;
  position: relative;
}
.view-content .view-footer {
  flex: 0 0 75px;
  background: #184977;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.content-header {
  background: #F7FAFF;
  flex: 0 0 60px;
  position: relative;
  z-index: 1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  white-space: nowrap;
}
.content-header .material-icons {
  color: #184977;
}
.content-header .material-icons ~ .title {
  margin-left: 10px;
}
.content-header .heading {
  font-weight: bold;
  font-size: 21px;
  margin-left: 20px;
  color: #184977;
}
.content-header .actions {
  margin-left: auto;
}
.content-header .title {
  font-weight: 500;
  font-size: 16px;
}
.content-header .minor-title {
  color: #98A3AF;
}
.content-header button {
  color: #184977;
}
.content-header button .label {
  color: #98A3AF;
}
.actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.actions > button {
  margin-right: 10px;
}
.actions > button.hidden {
  display: none;
}
.actions-send-sms-third-party-lead {
  margin-right: 10px;
}
.window-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.window-actions button {
  margin-left: 10px;
}
label {
  color: #959CAF;
}
label.section-header {
  color: #184977;
  font-size: 16px;
  font-weight: bold;
}
.chip {
  border: solid 1px #184977;
  border-radius: 20px;
  color: #184977;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.chip.alt {
  background: rgba(32, 123, 147, 0.15);
  border: none;
  height: 20px;
}
.k-state-selected {
  background: #184977 !important;
  box-shadow: none !important;
}
.k-widget {
  font-family: inherit !important;
}
.icon-content {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.base-content {
  background: #FFFFFF;
  box-shadow: 0px 4px 14px #CCD7ED;
  border-radius: 7px;
}
.form-section-header {
  display: flex;
  align-items: center;
  padding: 20px;
  height: 75px;
  background: #FFFFFF;
  border-radius: 1px;
  font-family: Roboto;
  font-style: normal;
  line-height: 100%;
  color: #184977;
  box-shadow: 1px 1px 25px -15px #CCD7ED;
}
.form-section-header > span {
  font-weight: bold;
  font-size: 21px;
}
.form-section-header .form-actions {
  margin-left: auto;
  padding-right: 0;
}
.form-section-header .form-actions button {
  margin-right: 10px;
}
.no-background {
  background: none !important;
}
.form-section {
  background: none;
  flex-direction: column;
  padding: 20px;
}
.form-section:last-child {
  border-right: none;
}
.form-section .section-grid {
  display: grid;
  grid-template-columns: repeat(5, 200px);
  grid-gap: 10px;
  margin-bottom: 20px;
}
.form-section .section-grid:last-child {
  margin-bottom: 0;
}
.form-section-spacer {
  height: 25px;
}
.form-actions {
  display: flex;
  justify-content: flex-end;
  padding: 15px;
}
.search-results {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 80%;
  background: #FFFFFF;
  box-shadow: 0px 32px 48px rgba(38, 50, 56, 0.32);
  border-radius: 7px;
  flex-direction: column;
  z-index: 10;
  display: none;
  min-width: 1200px;
}
.search-results.show {
  display: flex;
}
.search-results .header {
  flex: 0 0 56px;
  background: #F0F4FC;
  color: #184977;
  font-size: 16px;
  font-weight: bold;
  padding: 0 30px;
  line-height: 56px;
}
.search-results .results {
  flex: 1 1;
  overflow: auto;
}
.search-results .footer {
  background: #184977;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  flex: 0 0 75px;
}
.search-results .footer button {
  margin-left: 10px;
}
.search-results .close {
  position: absolute;
  left: -40px;
  top: 20px;
  background: #184977;
  color: #184977;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.empty-results {
  padding-left: 10px;
}
.view-followup-icon {
  color: #FF8A00;
}
.view-followup-icon .material-icons {
  color: #FF8A00 !important;
}
.view-followup-icon .material-icons:hover,
.view-followup-icon .material-icons:focus {
  color: #FF8A00 !important;
}
.view-is-new-lead-icon {
  color: #65B122;
}
.initials-is-new-lead {
  background: #65B122;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 0 30px;
  height: 50px;
  flex: 0 0 50px;
  width: 50px;
}
.k-switch-on .k-switch-container {
  background-color: #2f5b85;
  border-color: #184977;
}
.k-state-disabled .k-switch-container {
  background-color: #007bff80 !important;
}
.k-switch-off .k-switch-container {
  background-color: #f5f7fd !important;
  border-color: #184977;
}
.k-switch-off .k-switch-handle {
  background-color: #2f5b85;
}
#NoteWindow {
  padding: 0.5rem 0.5rem;
}
#SelectedResultsIndicator {
  display: flex;
  align-items: center;
  gap: 5px;
}
#OptLink {
  color: #FF8A00;
}
/*Styles for Dedup and Refinance prototypes*/
#Flex-hardData {
  display: grid;
  grid-template-columns: 100px 120px;
}
#Flex-hardData .label {
  color: #98A3AF;
}
.dedup-page {
  display: grid;
  overflow: auto;
  grid-template-columns: 1fr;
  grid-template-rows: 120px 640px 100px 750px;
  grid-row-gap: 10px;
}
.dedup-content {
  padding: 0 !important;
}
.dedup-content .dedup-main {
  padding: 0px 35px !important;
}
.dedup-content .dedup-main .dedup-tab-content {
  overflow: auto;
  border-radius: 8px;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list {
  background: #FFFFFF;
  padding: 8px;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  padding: 20px 10px;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list .dedup-contact {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list .dedup-contact .dedup-icons {
  cursor: pointer;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list .dedup-contact .dedup-contact-name {
  font-weight: bold;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list .dedup-second-list {
  background: #FFFFFF;
  padding: 0px;
  width: 95%;
  margin-left: auto;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list .dedup-second-list .contact-odd {
  justify-content: space-between;
  padding: 20px 20px;
  background: #FFFFFF;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-contact-list .dedup-second-list .contact-even {
  justify-content: space-between;
  padding: 20px 20px;
  background: #F7FAFF;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-first-list {
  align-items: center;
  justify-content: space-between;
}
.dedup-content .dedup-main .dedup-tab-content .dedup-list .dedup-first-list .contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.merge-dedup {
  display: flex;
  justify-content: center;
}
.merge-list {
  background: #FFFFFF !important;
  padding: 8px;
  overflow: auto;
  height: 600px;
}
.merge-list .merge-contact-dedup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.merge-list .merge-contact-dedup-4grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#MergeInfo {
  grid-column: -2 !important;
}
.merge-footer {
  padding: 15px !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dedup-tab-contents {
  width: 65%;
}
.dedup-tab-contents .dedup-title-bar {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.dedup-tab-contents .dedup-title-bar2 {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  margin-top: 90px;
}
.dedup-icons {
  cursor: pointer;
}
.dedup-contact-name {
  font-weight: bold;
}
.grid-dedup {
  display: grid;
  grid-template-columns: repeat(3, 270px);
  column-gap: 70px;
  row-gap: 5px;
}
.merge-contacts {
  width: 60%;
}
#Impersonation-banner {
  color: #FFFFFF;
}
.title-bar {
  background: #184977;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 15px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.25rem;
}
.merged-data {
  display: grid;
  grid-template-columns: 35px 1fr;
}
.contact-box {
  background: #FFFFFF;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 15px 30px;
}
.contact-box .contact-merge .contact-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact-box .contact-merge .contact-label {
  font-size: 0.8rem;
  color: #98A3AF;
}
.contact-box .contact-merge .contact-date-creation {
  display: grid;
  grid-template-columns: 70px 85px 60px;
  align-items: center;
}
.dedup-date-creation {
  margin-top: 10px;
}
.title-bar-refinance {
  background: #FFFFFF;
  display: flex;
  align-content: center;
  gap: 20px;
  padding: 20px;
  color: #184977;
  font-weight: bold;
  font-size: 1.25rem;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.title-bar-refinance .bar-refinance {
  display: flex;
  align-items: center;
}
.bar-refinance-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.icons-refinance {
  display: flex;
  align-items: center;
}
.refinance-container {
  background: #F7FAFF;
  overflow: auto;
  display: flex;
  gap: 10px;
  padding: 20px;
  justify-content: center;
}
.refinance-container .refinance-tool {
  padding: 20px;
  box-shadow: 0 4px 33px -5px #CCD7ED;
  overflow: auto;
  width: inherit;
  border-radius: 8px;
  overflow-x: hidden;
}
.refinance-container .refinance-tool .refinance-boxes {
  display: grid;
  grid-template-columns: 450px 450px;
  column-gap: 20px;
  row-gap: 20px;
}
.refinance-container .refinance-tool .refinance-boxes .left-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.refinance-container .refinance-tool .refinance-boxes .right-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.refinance-container .refinance-tool .refinance-boxes .box {
  background: #F0F4FC;
  width: fit-content;
  border-radius: 8px;
}
.refinance-container .refinance-tool .refinance-boxes .refinance-headers {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 15px;
}
#SearchRefinance {
  border-color: #184977;
}
.refinance-calc {
  display: flex;
  flex-direction: column;
  width: 970px;
}
.refinance-calc .refinance-buttons {
  display: flex;
  gap: 20px;
  padding: 15px;
  padding-top: 0px;
}
.refinance-calc .refinance-buttons .notes-button-refinance {
  margin-left: auto;
}
.refinance-box {
  width: 450px;
  border-collapse: collapse;
}
.refinance-box td:nth-child(2n) {
  width: 250px;
  text-align: end;
}
.refinance-box tr {
  white-space: nowrap;
}
td input {
  width: 60px;
  margin-right: 2.5px;
}
.content-refinance {
  width: fit-content;
}
.content-refinance .main-refinance .tabs-refinance {
  box-shadow: 2px -1px 15px 2px #CCD7ED;
  border-radius: 8px;
}
#refinance-tool {
  padding: 0px;
}
@media screen and (min-width: 1701px) {
  #ContactRefinanceForm {
    width: 1845px;
  }
  .refinance-calculator {
    width: 105%;
  }
  .notes-box {
    width: 180%;
    display: flex;
    flex-direction: column;
    height: 679px;
  }
}
@media screen and (max-width: 1700px) {
  #ContactRefinanceForm {
    width: 1463px;
  }
  .refinance-calculator {
    width: 105%;
  }
}
@media screen and (max-width: 1578px) {
  #ContactRefinanceForm {
    width: 1293px;
  }
  .refinance-calculator {
    width: 120%;
  }
  .toggle-filters {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, 140px);
    row-gap: 10px;
  }
  #CampaignsContent.tab-content .content-header .page-header {
    margin: 20px;
    padding: 20px;
    height: 105px;
  }
  .dropdown-button {
    position: absolute;
    top: 38px;
    left: 0px;
  }
  .on > .approved-button {
    left: 0px;
  }
  .on > .declined-button {
    transform: translateX(143px);
  }
  .on > .pending-button {
    transform: translateX(270px);
  }
}
tr:nth-child(2n+1) {
  background: transparent;
}
.add-notes {
  color: #184977;
}
.notes-box {
  box-shadow: 0 4px 33px -5px #CCD7ED;
  border-radius: 8px;
}
.notes-box .note-content {
  padding: 10px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 73%;
  gap: 10px;
}
.notes-box .add-note-btn {
  font-size: 48px;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  padding: 15px;
}
.notes {
  background: #F0F4FC;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.header-notes {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  background: #FFFFFF;
  color: #184977;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.header-notes .view-title {
  color: #184977;
}
.header-notes #Search {
  background: #FFFFFF;
}
.saved-notes {
  background: #FFFFFF;
  overflow: auto;
  height: 130px;
  padding: 15px;
}
.add-notes {
  width: 450px;
  background: #F0F4FC;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
  border-radius: 8px;
}
#SearchInputRefinance {
  margin-left: auto;
}
/*Style for workflow canvas*/
.main-canvas {
  background: #F7FAFF;
  padding: 15px;
  box-shadow: 0px 10px 33px -13px #CCD7ED;
}
/*Style for Lead Source*/
.lead-tab {
  width: 150px;
  height: 50px;
  background: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.label-lead-source {
  display: flex;
  justify-content: space-evenly;
}
.lead-source-contact {
  align-items: center;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 5fr 2fr 2fr 1fr;
}
.welcome-email-img {
  width: 320px;
  height: 400px;
  border: solid 1px #DADADA;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.filter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
#Grid-hardData {
  display: grid;
  grid-template-columns: 140px max-content;
  column-gap: 10px;
}
#Grid-hardData .label {
  color: #98A3AF;
}
label {
  color: #184977;
}
#PrintTable {
  width: 95%;
  padding: 2px;
  font-size: 12px;
}
#UnifyTextbox {
  width: 830px !important;
}
#SectionWrapper {
  width: 500px !important;
}
#ItemContent {
  padding: 20px;
}
#contactsChart {
  overflow: hidden;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.bold-title {
  font-weight: bold;
}
#IconPointer {
  cursor: pointer;
}
#messageDetails,
#workFlowDetail {
  width: 400px;
}
#overflowAuto {
  overflow: auto;
}
#boldTitle {
  font-weight: bold;
}
#detailSectionWorkflow {
  width: 60%;
}
.lblMessage,
#lblCampaignMessage,
#lblErrorMessage {
  color: #CF0404;
  font-size: 10px;
}
.emailFylerErrorMessages {
  color: #CF0404;
  font-size: 10px;
}
#workflowContact {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
}
#workflowActions {
  margin-right: 25px;
}
.display-none {
  display: none;
}
#mainWorkflow {
  margin: 0px 16px 0 16px;
}
#mainWorkflow #fullHeight {
  height: 100%;
}
#leftcard {
  min-height: 100%;
}
#triggers,
#actions {
  width: 40%;
}
#divNewLoan,
#divNewContact,
#divNewLead {
  margin-top: 10px;
  margin-bottom: 10px;
}
#gridListWorkflow {
  grid-template-columns: 5% 35% 10% 10% 10% 10% 10% 10% !important;
}
#gridTemplateWorkflow {
  grid-template-columns: 5% 40% 8% 10% 8% 10% 8% 15% !important;
}
#reloadButtonWorkflow {
  margin-left: 20px;
}
#marginTopWorkflow {
  margin-top: 15px;
}
#indexContentHeaderWorkflow {
  padding: 0 30px;
  flex: 0 0 60px;
}
#noPaddingLeft {
  padding-left: 0px;
}
#divLoanStatusChangeSelection,
#trCallCallUserAt,
#trCallUserAt,
#trCallTextUserAt,
#trCallRecurEndDate,
#trTextUserAt,
#trRecurEndDate,
#lblTaskRecurEndByOccurrenceError,
#lblCallRecurEndByOccurrenceError,
#trApptCallUserAt,
#trApptTextUserAt,
#trApptRecurEndDate,
#lblApptRecurEndByOccurrenceError,
#removeblock,
#lblCanvasObject,
#txtCampaignType {
  display: none;
}
#contactGroupWorkflow {
  width: 200px;
  padding-bottom: 5px;
}
#contactGroupTableWorkflow {
  text-align: center;
  font-size: 11px;
}
#selectMarketingBtnWorkflow {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#txtSendEmailSubject,
#txtSendSMSTo,
#txtTaskTitle,
#txtCallTitle,
#txtApptTitle {
  width: 90%;
}
#txtSendEmailMessage,
#txtSendSMSMessage,
#txtTaskDescription,
#txtCallDescription,
#txtApptDescription {
  width: 90%;
  height: 90%;
}
#helpImageWorkflow {
  float: left;
  padding: 3px;
}
#myAlertWorkflow {
  padding-bottom: 0px;
  margin-bottom: 5px;
}
#lblSendSMSToError {
  display: none;
  margin-left: 20px;
  font-size: 14px;
}
#dvCharCount {
  padding: 5px;
  font-size: 11px;
  letter-spacing: -0.01em;
}
#txtSubHeader {
  text-align: left;
}
#divCenter {
  position: center;
}
#TabHeader_insiders {
  background: #FFFFFF;
}
#ButtonInsiders {
  flex: 0 0 60px;
}
#FormActionsInsiders {
  gap: 15px;
  padding: 15px 0px;
}
#ItemsList {
  position: relative;
}
#DetailSectionAdmin {
  width: 200px;
}
#DivHeight {
  height: 20px;
}
#DivOverflowAuto {
  overflow: auto;
}
#ContentHeaderUsers {
  padding: 0 30px;
  flex: 0 0 60px;
  justify-content: unset;
}
.send-sms-button-wrapper {
  display: inline-block;
  margin-right: 10px;
}
.send-sms-button-wrapper .btn[disabled] {
  pointer-events: auto;
}
.mark-assistant-grid {
  flex: 1 1;
  white-space: nowrap;
  font-size: 16px;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 30px;
  display: grid;
}
.assistant-cell {
  display: flex;
  gap: 20px;
  line-height: 34px;
}
.mark-lead {
  display: flex;
  gap: 30px;
  align-items: center;
  padding: 30px;
}