@import url(https://fo nts.googleapis.com/icon?family=Material+Icons);
@import url(https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.7/angular-material.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css);
.primary-tile {
  color: white !important;
}

.select-with-fixed-header {
  height: 256px;
  top: calc(50% - 256px / 2) !important;
}
.select-with-fixed-header md-content {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.select-with-fixed-header md-content md-select {
  flex-grow: 0;
  flex-shrink: 0;
}
.select-with-fixed-header md-content md-select-header {
  flex-shrink: 0;
}
.select-with-fixed-header md-content md-optgroup {
  flex-grow: 1;
  overflow: auto;
}

.flex {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  box-sizing: border-box;
}

.layout-start-center {
  justify-content: start;
  align-items: center;
}

.flex-20 {
  -webkit-flex: 1 1 20%;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}

.layout-row .flex-33 {
  -webkit-flex: 1 1 calc(100% / 3);
  -ms-flex: 1 1 calc(100% / 3);
  flex: 1 1 calc(100% / 3);
  box-sizing: border-box;
}

.layout-row .flex-66 {
  -webkit-flex: 1 1 calc(200% / 3);
  -ms-flex: 1 1 calc(200% / 3);
  flex: 1 1 calc(200% / 3);
  box-sizing: border-box;
}

.layout-row .flex-33 {
  max-width: calc(100% / 3);
  max-height: 100%;
}

.layout-row .flex-66 {
  max-width: calc(200% / 3);
  max-height: 100%;
}

.layout-column .flex-33 {
  max-width: 100%;
  max-height: calc(100% / 3);
}

.layout-column .flex-66 {
  max-width: 100%;
  max-height: calc(200% / 3);
}
td.editable-cell {
  width: 50%;
}
td.editable-cell {
  width: 50%;
}
#leadsRoot {
  display: contents;
}
#partnersRoot {
  display: contents;
}
.page-container {
  display: flex;
  height: 100vh;
  width: 100vw;
  gap: 10px;
}

.page-container h5 {
  margin-bottom: 25px;
}

.left-side {
  display: flex;
  flex: 1;
  background-color: #f0f0f0;
  box-sizing: border-box;
  padding: 0;
  height: 100%;
  border-right: 2px solid #ccc;
}

.right-side {
  flex-direction: column;
  flex: 1;
  background-color: #ffffff;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}

.settings-dialog {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  background-color: #fff;
}

.settings-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  text-align: left;
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
  flex-shrink: 0;
}

.settings-header h5 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 18px;
  margin: 0;
  font-weight: normal;
}

.setting-group h2 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: normal;
}

.email-length-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.email-length-row label {
  flex: 1;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  margin-bottom: 10px;
  background-color: #f1f1f1;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.email-length-row label:last-child {
  margin-bottom: 0;
}

.left-side h2 {
  font-size: 24px;
  font-weight: bold;
}

.left-side p {
  font-size: 16px;
  color: #333;
}

.right-side h2 {
  font-size: 24px;
  font-weight: bold;
}
.content-view-scroll-wrapper {
  height: 100%;
  flex-grow: 1;
}

html {
  font-size: 0.9em;
}

md-toolbar md-icon {
  fill: white !important;
  color: white !important;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #80d6eb !important;
}

.rzslider .rz-pointer {
  outline: none !important;
}

.modal {
  z-index: 101;
}

.modal-backdrop {
  z-index: 100 !important;
}

.mortgage-content {
  overflow-x: hidden;
}
.mortgage-content md-toolbar .notification-list-wrapper {
  position: absolute;
  z-index: 5;
  right: 0;
  width: 500px;
  top: 32px;
  background: black;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.mortgage-content md-toolbar .notification-list-wrapper.ng-hide {
  opacity: 0;
  transform: translateX(100%);
}

md-whiteframe {
  background: white;
}

.table-search-wrapper input.table-search {
  width: 100%;
  margin: 0;
  padding-left: 0.5em;
  border: none;
  color: rgba(0, 0, 0, 0.87);
}
.table-search-wrapper input.table-search:focus {
  outline: none !important;
}

button, html, input, select, textarea {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(241, 241, 241, 0.3);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar {
  border-radius: 10px;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(142, 142, 142, 0.3);
  background-color: rgba(0, 0, 0, 0.4);
}

.md-primary.md-raised {
  color: white !important;
}

.table {
  background: white;
}

body {
  font-size: 14px;
  font-weight: 400;
}

.view-window {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
  display: flex;
}
.view-window .content-view {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}

.loader-wrapper {
  z-index: 10;
  position: absolute;
  background: rgba(255, 255, 255, 0.8) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
a {
  cursor: pointer;
}

.toolbar-header {
  color: white;
}

.main-sidebar {
  z-index: 1 !important;
}

.nav {
  flex-wrap: unset !important;
}

.tab-content-wrapper {
  width: 100%;
  padding: 20px;
}

.sindenav-content-wrapper md-sidenav img {
  padding: 20px 0;
  height: 200px;
}

.sindenav-content-wrapper {
  display: flex;
  flex-direction: row;
}
.sindenav-content-wrapper md-sidenav {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
@media (min-width: 600px) {
  .sindenav-content-wrapper md-sidenav {
    width: 200px;
    min-width: 200px;
  }
}
.sindenav-content-wrapper md-sidenav .brand-picker-wrapper {
  flex-shrink: 0;
}
.sindenav-content-wrapper md-sidenav .brand-picker {
  margin: 0 5px 0;
  width: calc(100% - 10px);
  box-sizing: border-box;
  flex-shrink: 0;
}
.sindenav-content-wrapper md-sidenav .brand-picker md-select {
  margin: 0;
}
.sindenav-content-wrapper md-sidenav navigation-component {
  overflow-y: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sindenav-content-wrapper md-sidenav navigation-component md-content {
  flex-grow: 1;
  height: 100%;
}
.sindenav-content-wrapper md-content.content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  flex-grow: 1;
}
.sindenav-content-wrapper md-content.content-wrapper md-toolbar {
  z-index: 4;
  width: 100%;
  flex-shrink: 0;
}
.sindenav-content-wrapper md-content.content-wrapper md-toolbar .md-toolbar-tools {
  display: flex;
  justify-content: flex-end;
  padding-right: 30px;
}
.sindenav-content-wrapper md-content.content-wrapper md-toolbar .md-toolbar-tools .userAvatar {
  width: 100%;
  heiheight: 100%;
  border-radius: 50%;
}
.sindenav-content-wrapper md-content.content-wrapper md-toolbar .alert {
  padding-left: 10px;
  padding-top: 9px;
  height: 40px;
  margin-bottom: 0px;
  margin-top: 5px;
  display: none;
}
.sindenav-content-wrapper md-content.content-wrapper md-toolbar .alert-success {
  background-color: rgba(4, 199, 179, 0.89) !important;
  border-color: #6dccd8;
}
.sindenav-content-wrapper md-content.content-wrapper md-toolbar .alert-danger {
  padding-left: 10px;
  padding-top: 9px;
}
.sindenav-content-wrapper md-content.content-wrapper .content-view {
  display: flex;
  z-index: 0;
  flex-grow: 1;
  background-color: #fafafa;
}

.navbar-static-top {
  z-index: 3 !important;
}

.content-header {
  padding: 0 !important;
}

md-whiteframe.main-tab-frame {
  background: white;
  display: block;
}

md-table-pagination .label {
  color: unset !important;
}

.table-title-search-header {
  display: flex;
  justify-content: space-between;
  margin: 0 24px;
  padding-top: 10px;
}
.table-title-search-header .table-title {
  margin-top: 18px;
}

.grid {
  height: 540px;
}

.ui-grid-viewport {
  border-bottom: 1px solid #d6d6d6;
  overflow: hidden;
}

.head-cell {
  padding-left: 14px;
}

.custom-input {
  color: #3F51B5;
  font-weight: 900;
  text-decoration: none;
}

.del-cell {
  padding: 6px;
  padding-left: 20px;
  min-width: 140px;
  width: 140px;
}

.ui-grid-row-dirty .ui-grid-cell {
  color: #bb0b0b;
}

.customers-charts {
  background: white;
  width: 100%;
  height: 500px;
}

.table > thead > tr > th {
  border: 1px solid #f4f4f4;
  text-align: justify;
}

.ng-table-sort-header {
  border: 1px solid #f4f4f4;
}

.box-header {
  padding: 0 30px 30px;
}

.main-row:hover {
  background: #f1f1f1;
}

.profile_main {
  background: white;
  border-top: 3px solid blue;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.pagination {
  margin: 10px;
}

.ng-binding {
  /*height: 100%;*/
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: #eee;
}

.loader-3d {
  top: calc(50% - 12.5px);
  left: calc(50% - 100px);
  position: absolute !important;
}

/* Demo specific styles end */
.loader-3d, .loader-3d:before, .loader-3d:after {
  width: 200px;
  height: 40px;
  background: no-repeat;
  background-image: radial-gradient(closest-side, #111 100%, transparent), radial-gradient(closest-side, #111 100%, transparent);
  background-size: 20px 20px, 20px 20px;
  background-position: 0% center, 100% center;
  position: absolute;
  transform: translateZ(0);
  animation: slide 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite, zoom ease-out 0.75s infinite alternate;
  content: "";
}

.loader-3d {
  animation-delay: 0.5s;
}

.loader-3d:after {
  animation-delay: 1s;
}

@keyframes slide {
  to {
    background-position: 100%, 0;
  }
}
@keyframes zoom {
  to {
    background-size: 40px 40px, 10px 10px;
  }
}
.nav-tabs-custom > .nav-tabs > li {
  width: 100%;
  text-align: center;
}

.number-column {
  min-width: 32px;
  max-width: 32px;
}

.field-name-column {
  min-width: 170px;
  max-width: 170px;
}

.field-value-column {
  min-width: 200px;
  max-width: 200px;
}

.field-last-update {
  min-width: 115px;
  max-width: 115px;
}

.field-edit-button {
  min-width: 42px;
  max-width: 42px;
}

.field-delete-button {
  min-width: 50px;
  max-width: 50px;
}

.contact-status {
  background: white;
  height: 100px;
  border: 1px;
  border: 2px solid #522ed2;
  margin-top: 10px;
  border-radius: 3px;
}

.contact-status-header {
  text-align: center;
  color: black;
  font-size: 18px;
}

.contact-status-content {
  margin-top: 15px;
  display: flex;
  justify-content: space-around;
}

.create-field-rule-input-block {
  margin-bottom: 5%;
}

.deleted-customer-background {
  background: #b4e4ff;
}

.deleted-customer-background:hover {
  background: #ace0fd;
}

.link-row {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.lead-status-add-button {
  color: #3c8dbc;
  margin-left: 10px;
  outline: none;
}

.lead-status-add-button:hover {
  color: #135d88;
  cursor: pointer;
}

.brand-select {
  outline: none;
}

.brand-select:hover {
  cursor: pointer;
  background: #e8e8e8;
}

.config-link-button {
  font-size: 20px;
  color: #fffffe;
  padding: 14px;
}

.config-link-button:hover {
  font-size: 20px;
  background: #ffffff6b;
  color: #6d6c6c;
  padding: 14px;
  cursor: pointer;
}

/*
.md-input-container{
    margin: 38px 0;
}
.md-dialog{
    max-width: 100%;
    max-height: 100%;
}*/
/*
.md-transition-in{
    height: 45% !important;
}*/
.test-my {
  height: 30px !important;
  max-height: 30px !important;
}

.sidenav-top-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navigation-list-wrapper md-list {
  height: 100%;
}
.navigation-list-wrapper .admin-navigation-wrapper {
  position: relative;
}
.navigation-list-wrapper .admin-navigation-wrapper .toggle-mark {
  background: url("/app/images/icons/arrow_down.svg") center center no-repeat;
  transform: rotate(-90deg);
  width: 2em;
  height: 2em;
  transition: 0.3s all ease;
  margin-left: -5px;
}
.navigation-list-wrapper .admin-navigation-wrapper .navigation-admin-wrapper-height {
  height: 500px;
  transition: 0.4s all ease;
  max-height: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #8e8e8e;
}
.navigation-list-wrapper .admin-navigation-wrapper .navigation-admin-wrapper-height .admin-navigation-items-wrapper {
  transition: 0.4s all linear;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}
.navigation-list-wrapper .admin-navigation-wrapper.isOpen .toggle-mark {
  transform: rotate(0deg);
}
.navigation-list-wrapper .admin-navigation-wrapper.isOpen .navigation-admin-wrapper-height {
  max-height: 400px;
}
.navigation-list-wrapper .admin-navigation-wrapper.isOpen .navigation-admin-wrapper-height .admin-navigation-items-wrapper {
  opacity: 1;
}
.navigation-list-wrapper .navigation-option {
  display: flex;
  align-items: center;
}
.navigation-list-wrapper .navigation-option.active {
  background: rgba(255, 255, 255, 0.07);
}
.navigation-list-wrapper .navigation-option.active .active-line {
  position: absolute;
  left: 0;
  width: 3px;
  height: 100%;
  display: inline-block;
  flex-shrink: 0;
}
.navigation-list-wrapper .navigation-option .navigation-text {
  flex-grow: 1;
}
.navigation-list-wrapper .settings-navigation-wrapper {
  position: relative;
}
.navigation-list-wrapper .settings-navigation-wrapper .toggle-mark {
  background: url("/app/images/icons/arrow_down.svg") center center no-repeat;
  transform: rotate(-90deg);
  width: 1.5em;
  height: 1.5em;
  transition: 0.3s all ease;
  margin-left: -5px;
}
.navigation-list-wrapper .settings-navigation-wrapper .navigation-settings-wrapper-height {
  height: 100px;
  transition: 0.4s all ease;
  max-height: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #8e8e8e;
}
.navigation-list-wrapper .settings-navigation-wrapper .navigation-settings-wrapper-height .settings-navigation-items-wrapper {
  transition: 0.4s all linear;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}
.navigation-list-wrapper .settings-navigation-wrapper.isOpen .toggle-mark {
  transform: rotate(0deg);
}
.navigation-list-wrapper .settings-navigation-wrapper.isOpen .navigation-settings-wrapper-height {
  max-height: 200px;
}
.navigation-list-wrapper .settings-navigation-wrapper.isOpen .navigation-settings-wrapper-height .settings-navigation-items-wrapper {
  opacity: 1;
}
.profile-wrapper {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 250px;
  position: fixed;
  min-width: 200px;
  top: 20px;
  background: white;
  right: 20px;
  color: #3e3e3e;
}
.profile-wrapper .profile-image-wrapper {
  flex-shrink: 0;
  display: flex;
  width: 300px;
  align-items: center;
}
.profile-wrapper .profile-image-wrapper img {
  width: 60%;
  margin: 16px auto;
  border-radius: 50%;
}
.profile-wrapper .controls {
  flex-shrink: 0;
  border-top: 1px solid #ccc;
  justify-self: flex-end;
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: rgba(0, 0, 0, 0.04);
}
.profile-wrapper .controls .name-wrapper {
  text-align: center;
  flex-grow: 1;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.profile-wrapper .controls .name-wrapper p {
  margin: 0;
}
.profile-wrapper .controls #sign-out-button {
  margin: 0;
}
.error_toast .md-toast-content {
  background: red !important;
}

.success_toast .md-toast-content {
  background: #1ec21c !important;
}

.warning_toast .md-toast-content {
  background: #ff6400 !important;
}

.md-toast-text {
  white-space: pre-line;
}
.cssload-thecube {
  width: 73px;
  height: 73px;
  margin: 0 auto;
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.cssload-thecube .cssload-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2ba0c7;
  animation: cssload-fold-thecube 2.76s infinite linear both;
  -o-animation: cssload-fold-thecube 2.76s infinite linear both;
  -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
  -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
  -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
  transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
}

.cssload-thecube .cssload-c2 {
  transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
}

.cssload-thecube .cssload-c3 {
  transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
}

.cssload-thecube .cssload-c4 {
  transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
}

.cssload-thecube .cssload-c2:before {
  animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  -ms-animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
}

.cssload-thecube .cssload-c3:before {
  animation-delay: 0.69s;
  -o-animation-delay: 0.69s;
  -ms-animation-delay: 0.69s;
  -webkit-animation-delay: 0.69s;
  -moz-animation-delay: 0.69s;
}

.cssload-thecube .cssload-c4:before {
  animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s;
}

@keyframes cssload-fold-thecube {
  0%, 10% {
    transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-o-keyframes cssload-fold-thecube {
  0%, 10% {
    -o-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -o-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -o-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-ms-keyframes cssload-fold-thecube {
  0%, 10% {
    -ms-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -ms-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -ms-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cssload-fold-thecube {
  0%, 10% {
    -moz-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -moz-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -moz-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}
.sorting-order-input {
  margin-top: 0.24rem;
}

.sorting-order-component-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  outline: none !important;
}
.sorting-order-component-wrapper .arrow {
  margin-bottom: 0.24rem;
  outline: none !important;
  transition: transform 0.3s ease;
}
.sorting-order-component-wrapper .arrow_up, .sorting-order-component-wrapper .arrowUp {
  transform: rotate(180deg);
}
.sorting-order-component-wrapper label {
  color: rgba(0, 0, 0, 0.56);
  font-size: 12px;
  margin-bottom: 0.24rem;
}
.pagination-elements-wrapper {
  display: flex;
  justify-content: flex-end;
}
.pagination-elements-wrapper .sorting-order-input {
  display: flex;
  align-items: center;
}
.pagination-elements-wrapper md-table-pagination {
  flex-shrink: 0;
  border-top: none !important;
}
.customer-subscription-statuses-wrapper {
  display: flex;
  justify-content: space-between;
}
.customer-subscription-statuses-wrapper .subscription-status-wrapper {
  flex-basis: calc(25% - 20px);
}
.customer-subscription-statuses-wrapper .subscription-status-wrapper md-checkbox {
  margin-bottom: 0 !important;
}
.redirect_urls_wrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px;
  padding: 15px 15px;
  background-color: white;
  min-width: 800px;
  /*width: 100%;*/
  /*height: 100%;*/
}

.redirect_urls_wrapper .redirect_urls_container {
  flex-grow: 1;
}

.redirect_urls_wrapper .redirect_urls_container .title {
  padding: 10px 5px 20px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.redierects_table_header, .redirect_table_row {
  padding: 10px 5px;
  display: flex;
  border-bottom: 1px solid #ddd;
}

.redierects_table_header > div,
.redirect_table_row > div {
  text-align: left;
}

.redierects_table_header > div.column_grow,
.redirect_table_row > div.column_grow {
  width: 45%;
}

.redierects_table_header > div.edit_column span {
  padding: 8px;
  margin: 6px;
}

.redierects_table_header > div.edit_column,
.redirect_table_row > div.edit_column {
  width: 10%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.redirect_urls_wrapper .redirect_urls_container .redirect_table_row {
  display: flex;
  justify-content: space-between;
}

.redirect_urls_wrapper .create_new_redirect {
  justify-content: flex-end;
  display: flex;
}

.configurable_url_container {
  padding: 10px;
  min-width: 900px;
  display: flex;
  flex-direction: column;
}

.configurable_url_container > div.mapping_url,
.configurable_url_container > div.redirect_url {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}

.configurable_url_container > div.submit_button {
  justify-content: flex-end;
  display: flex;
}

/*todo replace later with key value*/
.configurable_url_container > div.redirect_url .url_input_container {
  width: 100%;
}

.input_parameters_container .new_redirect_parameter {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

.input_parameters_container .new_redirect_parameter md-button,
.input_parameters_container .new_redirect_parameter button {
  flex-shrink: 0;
}

.configurable_url_container > div.redirect_url md-input-container {
  width: 100%;
}

.configurable_url_container > div .result_wrapper {
  flex-shrink: 0;
  margin: 18px 0 25px;
  line-height: 2.5em;
  max-width: 50%;
  word-break: break-all;
}

.configurable_url_container > div .result_wrapper span {
  font-size: 16px;
  font-family: Roboto, sans-serif, Arial, Verdana, "Trebuchet MS";
}

.configurable_url_container > div .result_wrapper > span {
  border-bottom: 1px solid #3f51b5;
  padding: 4px 0;
}

.configurable_url_container .url_input_container {
  display: flex;
  flex-grow: 1;
}

.configurable_url_container .url_input_container .prefix {
  margin: 19px 0;
  padding: 2px;
  font-weight: lighter;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  color: #9e9e9e;
}

.configurable_url_container .url_input_container .prefix span {
  display: inline-block;
  padding: 3px;
  background: #e7e7e7;
  border-radius: 3px;
}

.redirect_parameter_component {
  display: flex;
}

.redirect_parameter_component .parameter_cntrl {
  flex-shrink: 0;
}

.configurable_url_container > div md-input-container {
  width: 100%;
}

.create_new_redirect button {
  margin: 10px 0;
}
.manual-import-log-items-list-outer-wrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: hidden;
  height: 100%;
  margin-top: 10px;
  margin-right: 15px;
  margin-left: 15px;
}
.manual-import-log-items-list-outer-wrapper .manual-import-log-items-wrapper {
  flex-grow: 0;
  flex-shrink: 1;
  overflow-y: auto;
}
.manual-import-log-items-list-outer-wrapper .manual-import-log-items-wrapper .manual-import-log-item {
  padding: 2px 10px 2px 20px;
  border-top: 1px solid #D8D8D8;
}
.manual-import-log-items-list-outer-wrapper .manual-import-log-list-header-wrapper {
  flex-grow: 0;
  flex-shrink: 1;
  padding: 10px 10px 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.manual-import-log-items-list-outer-wrapper .manual-import-log-list-header-wrapper .manual-import-title {
  padding: 15px 15px 15px 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.manual-import-log-items-list-outer-wrapper .manual-import-log-list-header-wrapper .new-import-controls-button {
  padding-left: 15px;
  padding-right: 15px;
}
.edit-import-dialog {
  width: 50%;
}
.edit-import-dialog .edit-import-controlls-wrapper {
  flex-shrink: 0;
}
.edit-import-dialog .edit-import-controlls-wrapper .edit-import-controlls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.edit-import-dialog .dialog-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}
.edit-import-dialog .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.7rem;
  padding-left: 15px;
}
.edit-import-dialog .content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 10px 25px 10px 15px;
}
.edit-import-dialog .content .note-wrapper {
  padding-top: 10px;
}
.edit-import-dialog .content .note-wrapper .note-header {
  font-weight: bolder;
  font-style: italic;
}
.edit-import-dialog .content .note-wrapper .note-image {
  padding-top: 10px;
  overflow: hidden;
}
.edit-import-dialog .content .file-input {
  height: 100%;
}
.edit-import-dialog .input {
  width: 100%;
}
.log-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.log-title-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  overflow-x: hidden;
}
.log-title-wrapper .log-title {
  overflow-x: hidden;
}

.log-header-items-wrapper {
  padding-right: 5px;
  padding-left: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}
.log-header-items-wrapper .log-header-item {
  padding-right: 10px;
}

.log-header-status-tooltip {
  font-size: 1.2em;
  margin: 7px;
}

.log-header:hover .log-header-status-icon {
  background-color: rgba(200, 200, 200, 0.55);
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
leads-table {
  display: flex;
  overflow-x: scroll;
  height: 70vh;
}

leads-table .basic-filter-wrapper {
  height: 100% !important;
}
partners-table {
  display: flex;
  overflow-x: scroll;
  height: 70vh;
}

partners-table .basic-filter-wrapper {
  height: 100% !important;
}
.manual-funded-import-route .manual-import-logging-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
  height: 100%;
  width: 100%;
}
.manual-funded-import-route .manual-import-logging-wrapper md-progress-linear {
  position: absolute;
  top: 0;
}
.manual-funded-import-route .manual-import-logging-wrapper .all-logs {
  flex-grow: 1;
}
.manual-funded-import-route .manual-import-logging-list {
  height: 100%;
  padding: 10px 5px 20px;
}
.manual-funded-import-route md-table-pagination {
  flex-wrap: nowrap;
}
md-dialog {
  max-width: 100% !important;
}
.customers-content ordering-list {
  max-height: 50px;
  margin-left: 22px;
}
.customers-content .sortable-header {
  display: flex;
  align-items: center;
}
.customers-content order-toggle {
  display: inline-block;
}
.customers-content order-toggle .order-arrow {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.md-contact-suggestion {
  display: flex !important;
  align-items: center !important;
}
.md-contact-suggestion img {
  margin-top: unset !important;
}

.filter-icon {
  mix-blend-mode: difference;
}

.selected-customers-count {
  line-height: 40px;
}

.selected-customers-actions {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-grow: 1;
}

.md-tooltip {
  height: auto;
}

.dropdown-item-button {
  width: 91%;
  text-align: left;
}

.btn-secondary-custom {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

.customer-scroll-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
  height: 100%;
}
.customer-scroll-wrapper .customers-whiteframe {
  width: 100%;
  height: 100%;
}

.name-search {
  padding-right: 24px !important;
}

.employee_filtering_wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
}
.employee_filtering_wrapper employee-selector {
  flex-grow: 1;
}
.employee_filtering_wrapper md-content.autocomplete {
  padding: 15px 0 5px;
}
.employee_filtering_wrapper multi-employee-branch-selector, .employee_filtering_wrapper brand-picker, .employee_filtering_wrapper status-selector {
  display: flex;
  align-items: flex-end;
}
.employee_filtering_wrapper multi-employee-branch-selector md-input-container, .employee_filtering_wrapper brand-picker md-input-container, .employee_filtering_wrapper status-selector md-input-container {
  padding: 15px 0 4px;
  margin: 0 !important;
}

.employee_filtering_wrapper product-code-selector {
  flex: 0 1 240px;
  max-width: 100%;
}

#customers-list {
  display: flex;
  flex-grow: 1;
  height: 100%;
  width: 100%;
}
#customers-list md-whiteframe {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: white;
}
#customers-list .customers-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  overflow-y: hidden;
}
#customers-list .customers-content .customers-table-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
}
#customers-list md-toolbar .search-form {
  margin-left: 10px;
}
#customers-list md-toolbar md-icon {
  fill: rgba(0, 0, 0, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
#customers-list table tbody > .md-button {
  position: relative;
  display: table-row;
}
#customers-list .advanced-search {
  padding: 0 24px;
  margin: 0;
  background: #fafafa;
}
#customers-list .advanced-search employee-selector {
  padding: 0 !important;
}
#customers-list .advanced-search .advanced-search-controlls {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  align-items: center;
}
#customers-list .advanced-search .advanced-search-controlls .md-button {
  margin-right: 0;
  padding-right: 0;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input > * {
  flex-grow: 1;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input loan-type-filter md-input-container, #customers-list .advanced-search .advanced-search-controlls .advanced-search-input loan-purpose-filter md-input-container {
  width: 100%;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input .funded-datetime-picker {
  margin-right: 15px;
  flex-grow: 0;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input .funded-datetime-picker .md-errors-spacer {
  min-height: unset;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input loan-type-filter {
  margin-right: 10px;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input loan-purpose-filter {
  margin-right: 10px;
}
#customers-list .advanced-search .advanced-search-controlls .advanced-search-input .show-deleted-checkbox {
  flex-grow: 0;
  margin-right: 15px;
}
#customers-list .advanced-search .advanced-search-controlls md-checkbox {
  margin: 0;
}
#customers-list .advanced-search .advanced-search-controlls md-button {
  padding-right: 0;
  margin-right: 0;
}
#customers-list .quick-filter-row {
  padding: 0;
  display: flex;
  align-items: center;
}
#customers-list .active-filters {
  flex: 1 1 auto;
}
#customers-list .filter-buttons {
  flex: 0 0 auto;
  margin-left: auto;
  padding-right: 0;
}
#customers-list .filter-buttons md-button {
  padding-left: 0;
  padding-right: 0;
  margin-left: 8px;
}
#customers-list .filter-buttons md-button:last-child {
  margin-right: 0 !important;
}
#customers-list .filter-chips md-chip {
  background: #eceff1;
  color: #37474f;
  margin: 2px 4px;
}
#customers-list .md-xs {
  min-height: 24px !important;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 0px;
}
#customers-list .filter-buttons {
  margin-right: -8px;
}
#customers-list .rate-modal .slider-wrapper, #customers-list .equity-modal .slider-wrapper {
  padding: 8px 4px 24px;
}
#customers-list .rate-modal rzslider, #customers-list .equity-modal rzslider {
  width: 100%;
}
#customers-list .employee_filtering_wrapper {
  display: flex;
  align-items: flex-end;
  column-gap: 12px;
}
#customers-list .employee_filtering_wrapper .filter-buttons {
  margin-left: auto;
  display: flex;
  column-gap: 8px;
}
#customers-list .filter-btn {
  background-color: transparent;
  color: #1e3254;
  border: 1px solid rgba(94, 94, 94, 0.49);
  min-height: 40px;
  border-radius: 6px;
  padding: 0 14px;
  box-shadow: none;
}
#customers-list .filter-btn md-icon {
  margin-left: 6px;
  color: inherit;
}
#customers-list .filter-btn:hover {
  background-color: #f4fafe;
}
#customers-list .filter-btn--active {
  background-color: #d3eafd;
  border-color: #1971b6;
  color: #1e3254;
}
#customers-list .filter-btn--active:hover {
  background-color: #bce0fb;
}
#customers-list .search-btn {
  background: #e0e0e0;
  color: #555;
}
#customers-list .search-btn--active {
  background: #1976d2;
  color: #fff;
}
.customers-list-wrapper {
  width: 100%;
}
.customers-list-wrapper .tab-content-wrapper customers-list {
  width: 100%;
}
#campaigns {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
  padding: 5px;
}

.campaigns-grid-wrapper {
  height: 100%;
}

.campaigns-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: auto;
}
.campaigns-wrapper .campaign-item-warpper {
  flex-basis: calc(33% - 10px);
  margin: 5px;
}

.campaign-configs {
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
}
.campaign-configs .campaign-configs-description {
  padding-right: 5px;
}
.config-card {
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  height: 30em;
}
.config-card .config-content {
  flex-grow: 1;
  max-height: 100%;
  overflow: scroll;
}

.config-background {
  width: auto;
  min-height: 14vw;
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.config-background .config-conditions-list-content {
  overflow-y: auto;
}
.new-sendgrid-list-dialog .new-sendgrid-list-toolbar h2 {
  color: white;
}
.new-sendgrid-list-dialog .new-sendgrid-list-toolbar .md-toolbar-tools {
  display: flex;
}
.new-sendgrid-list-dialog .contact-list-controlls-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
.new-sendgrid-list-dialog .new-sendgrid-list-content-wrapper {
  width: 350px;
}
.new-sendgrid-list-dialog .new-sendgrid-list-content-wrapper .input-description-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.prompt-text-wrapper {
  padding: 10px 25px 10px 15px;
  justify-content: center;
  align-content: center;
  height: 100px;
  display: flex;
  flex-direction: column;
}
.prompt-text-wrapper .prompt-text {
  font-size: 1.2em;
  font-weight: 500;
}

.prompt-toolbar-wrapper {
  color: white !important;
}

.prompt-controls-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 10px;
}
.prompt-controls-wrapper .prompt-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.prompt-controls-wrapper .prompt-controls button {
  margin-left: 2px;
  margin-right: 3px;
}
.filter-dialog {
  width: 500px !important;
  max-width: 90vw !important;
  min-height: 300px;
  border-radius: 4px;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.filter-dialog md-toolbar {
  background-color: #2196F3;
  color: white;
  min-height: 64px;
}

.filter-dialog md-toolbar h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.filter-dialog md-toolbar .md-icon-button {
  color: white;
  margin: 0;
}

.filter-dialog .modal-body {
  padding: 32px 24px 24px 24px;
  min-height: 120px;
}

.slider-wrapper {
  margin: 16px 0 32px 0;
  padding: 0 8px;
}

.slider-wrapper .rzslider {
  margin: 30px 0;
}

.slider-wrapper .rz-bar {
  background-color: #e0e0e0;
  height: 4px;
  border-radius: 2px;
}

.slider-wrapper .rz-bar-wrapper {
  height: 4px;
}

.slider-wrapper .rz-bar.rz-selection {
  background-color: #2196F3;
}

.slider-wrapper .rz-pointer {
  width: 20px;
  height: 20px;
  background-color: #2196F3;
  border: 2px solid #2196F3;
  border-radius: 50%;
  cursor: pointer;
  top: -10px;
}

.slider-wrapper .rz-pointer:hover {
  background-color: #1976D2;
  border-color: #1976D2;
  transform: scale(1.1);
  transition: all 0.2s ease;
}

.slider-wrapper .rz-pointer.rz-active {
  background-color: #1976D2;
  border-color: #1976D2;
  transform: scale(1.2);
}

.slider-wrapper .rz-tick {
  background-color: #ccc;
  width: 1px;
  height: 10px;
  margin-top: -3px;
}

.slider-wrapper .rz-tick-value {
  font-size: 12px;
  color: #666;
  margin-top: 8px;
}

.current-range,
.current,
.current-range-display {
  font-size: 14px;
  color: #666;
  margin: 16px 0 0 0;
  padding: 12px 16px;
  background-color: #f5f5f5;
  border-radius: 4px;
  border-left: 4px solid #2196F3;
}

.current-range strong,
.current strong,
.current-range-display strong,
.current-range b,
.current b,
.current-range-display b {
  color: #333;
  font-weight: 600;
}

.filter-dialog loan-amount-filter {
  display: block;
  margin: 16px 0;
}

.filter-dialog loan-amount-filter .slider-wrapper {
  margin: 16px 0 32px 0;
  padding: 0 8px;
}

.filter-dialog md-dialog-actions {
  padding: 16px 24px;
  background-color: #fafafa;
  border-top: 1px solid #e0e0e0;
}

.filter-dialog md-dialog-actions md-button {
  margin-left: 8px;
  min-width: 80px;
  font-weight: 500;
}

.filter-dialog md-dialog-actions .md-warn {
  color: #f44336;
}

.filter-dialog md-dialog-actions .md-primary {
  background-color: #2196F3;
  color: white;
}

.filter-dialog md-dialog-actions .md-primary:hover {
  background-color: #1976D2;
}

@media (max-width: 768px) {
  .filter-dialog {
    width: 95vw !important;
    margin: 20px;
  }

  .filter-dialog .modal-body {
    padding: 24px 16px 16px 16px;
  }

  .filter-dialog md-dialog-actions {
    padding: 12px 16px;
  }

  .slider-wrapper {
    margin: 12px 0 24px 0;
  }
}
.filter-dialog {
  animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.filter-dialog .md-dialog-content {
  overflow: visible;
}

.filter-dialog .rz-pointer:focus {
  outline: 2px solid #2196F3;
  outline-offset: 2px;
}
.product-code-selector .md-chips {
  max-height: 10em;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding-bottom: 0;
}
.product-code-selector .md-chips .md-chip-input-container {
  width: 100%;
  position: sticky;
  bottom: 0;
  background: #fafafa;
}

.md-autocomplete-suggestions-container {
  max-width: 400px;
}
.md-autocomplete-suggestions-container .md-contact-suggestion,
.md-autocomplete-suggestions-container .md-autocomplete-suggestion {
  height: auto !important;
  min-height: 48px !important;
  padding: 8px 16px !important;
  line-height: 20px !important;
  display: flex !important;
  align-items: flex-start !important;
}
.md-autocomplete-suggestions-container .md-contact-name {
  flex: 1 1 auto;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
coborrowers .coborrower_header {
  font-size: 1.5em;
  margin-bottom: 15px;
  padding: 5px 0;
}

coborrowers .tb-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 3px 0;
}
.original_lo_title_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.archived p {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
.original_lo_title_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.archived p {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
customer-opportunities .opportunities-missing {
  text-align: center;
}
customer-opportunities .opportunities-missing div h3 {
  background: #9FAFD1;
  color: rgba(0, 0, 0, 0.6);
  display: inline;
  padding: 20px;
  margin: 20px;
  position: relative;
  top: 50px;
}
.editable_field {
  outline: none;
  width: 100%;
  min-height: 20px;
}
.editable_field.editable {
  background: rgba(0, 0, 0, 0.03);
}

.edit-field-rule {
  outline: none;
  width: 100%;
}
.edit-field-rule .value-input {
  flex-grow: 1;
}
.edit-field-rule .profile-actions-wrapper {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.edit-field-rule .profile-actions-wrapper .edit-field-wrapper {
  flex-grow: 1;
}
.edit-field-rule .profile-actions-wrapper .md-errors-spacer {
  min-height: 0 !important;
}

.profile-action .md-button[disabled=disabled].confirm md-icon {
  color: rgba(0, 0, 0, 0.38) !important;
}
.profile-action.confirm md-icon {
  color: green;
}
.profile-action.reject md-icon {
  color: #ab3535;
}
.customer-actions-tab-wrapper h4 {
  margin-bottom: 15px;
}
.customer-actions-tab-wrapper .subscription-logs-divider {
  margin: 15px 0;
}
.borrower-address-details-component-wrapper td.field-name-column {
  width: 40%;
}
.all-logs {
  padding: 20px;
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.campaign-action-log-wrapper {
  overflow-y: hidden;
}

customer-campaign-log .logs-table-wrapper {
  overflow-y: auto;
}
customer-campaign-log table {
  background: white;
}
customer-campaign-log table .customer-name:hover {
  text-decoration: underline;
}
customer-campaign-log table .customer-name:active {
  color: blue;
}
customer-campaign-log table .table-date-cell {
  max-width: 6em;
  min-width: 6em;
}
customer-campaign-log table .table-icon-cell {
  width: 120px;
}
customer-campaign-log table .table-icon-cell .table-icon {
  width: 60px;
  height: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}

.customer-subscription-statuses-wrapper {
  justify-content: flex-start !important;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.customer-subscription-statuses-wrapper .subscription-status-wrapper {
  margin-right: 15px;
}

.customer-actions-log-title {
  padding-bottom: 10px;
  padding-top: 15px;
}
.opportunity-logs-divider {
  margin-top: 25px;
  margin-bottom: 15px;
}

.customer-calculation-execution-log-title {
  margin-bottom: 15px;
}

.loan_details_dialog {
  width: 100%;
  height: 100%;
}

.loan_details_content {
  height: 100%;
}

.loan_details_content_wrapper {
  height: 100%;
}

.loan_details_dialog_content {
  height: 100%;
}

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

.scheduled_trigger_content {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
}
.scheduled_trigger_content .trigger-name-wrapper .key {
  flex-shrink: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-right: 20px;
}
.scheduled_trigger_content .trigger-name-wrapper .value {
  flex-shrink: 0;
  flex-grow: 0;
}
.scheduled_trigger_content .trigger_editing_body {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: scroll;
}
.scheduled_trigger_content .action_buttons {
  flex-grow: 0;
  flex-shrink: 0;
}
.schedule_component {
  display: inline-block;
  width: calc(50% - 20px);
  margin: 10px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.schedule_component md-input-container .md-input {
  font-weight: 200 !important;
}
.schedule_component .header {
  padding: 20px 15px 15px;
}
.schedule_component .header .last_executed {
  font-size: 0.88em;
  font-family: Roboto, sans-serif;
  font-weight: 200;
  height: unset !important;
  color: #808080;
}
.schedule_component .header .name {
  font-weight: bolder;
  font-size: 18px;
  position: relative;
}
.schedule_component .header .name md-switch {
  position: absolute;
  top: 0;
  right: 0;
}
.schedule_component .header .name md-input-container {
  width: 100%;
}
.schedule_component .description {
  border-top: 1px solid #aaaaaa;
}
.schedule_component .description .triggers_wrapper .trigger {
  border-bottom: 1px solid #eeeeee;
}
.schedule_component .description .triggers_wrapper .trigger:last-child {
  border-bottom: none;
}
.schedule_component .description .save {
  border-top: 1px solid #aaaaaa;
  display: flex;
  justify-content: space-between;
}
.schedule_component .description .schedule_trigger .name {
  font-size: 16px;
  margin: 8px;
  padding: 0 6px;
  font-family: Roboto, sans-serif;
}
.schedule_component {
  display: inline-block;
  width: calc(50% - 20px);
  margin: 10px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.schedule_component md-input-container .md-input {
  font-weight: 200 !important;
}
.schedule_component .header {
  padding: 20px 15px 15px;
}
.schedule_component .header .last_executed {
  font-size: 0.88em;
  font-family: Roboto, sans-serif;
  font-weight: 200;
  height: unset !important;
  color: #808080;
}
.schedule_component .header .name {
  font-weight: bolder;
  font-size: 18px;
  position: relative;
}
.schedule_component .header .name md-switch {
  position: absolute;
  top: 0;
  right: 0;
}
.schedule_component .header .name md-input-container {
  width: 100%;
}
.schedule_component .description {
  border-top: 1px solid #aaaaaa;
}
.schedule_component .description .triggers_wrapper .trigger {
  border-bottom: 1px solid #eeeeee;
}
.schedule_component .description .triggers_wrapper .trigger:last-child {
  border-bottom: none;
}
.schedule_component .description .save {
  border-top: 1px solid #aaaaaa;
  display: flex;
  justify-content: space-between;
}
.schedule_component .description .schedule_trigger .name {
  font-size: 16px;
  margin: 8px;
  padding: 0 6px;
  font-family: Roboto, sans-serif;
}

md-toast {
  z-index: 1000 !important;
}

.schedules_wrapper .ng-binding {
  height: unset !important;
}

.trigger .key_value_row, .schedule_component .key_value_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.trigger {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.trigger > div {
  flex-shrink: 0;
}

.trigger .next_executions_wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}

.trigger .next_executions_wrapper .key_value_row {
  flex-shrink: 0;
  flex-basis: 34px;
  min-height: unset !important;
}

.trigger .type {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-end;
  flex-shrink: 0;
  padding: 0 15px 0;
}

.trigger .type md-input-container {
  width: 222px;
}

.trigger .type .row_value .interval_input md-input-container {
  width: 55px;
}

.trigger .type .trigger_type.key {
  margin-bottom: 24px;
  flex-grow: 1;
  max-width: 50%;
}

.trigger .type .trigger_type_value.row_value {
  flex-grow: 1;
  max-width: 50%;
}

.trigger .type .trigger_type.key > md-input-container {
  width: 100%;
}

.trigger .type .trigger_type_value.row_value > div {
  width: 100%;
}

.trigger .type .trigger_type_value.row_value > div.cron_input > md-input-container {
  width: 100%;
}

.trigger .type .trigger_type_value.row_value > div.interval_input {
  display: flex;
}

.trigger .type .trigger_type_value.row_value > div.interval_input > md-input-container {
  flex-grow: 1;
}

.trigger .trigger_timezone {
  padding: 0 15px;
}

.trigger .key_value_row.active {
  padding: 20px 15px 0;
  display: flex;
  /*align-items: flex-end;*/
}

.trigger .active .key {
  font-size: 16px;
  font-weight: 600;
  flex-shrink: 1;
  flex-grow: 1;
  max-width: 50%;
}

.trigger .active .row_value {
  margin-bottom: 24px;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.trigger .active .md-errors-spacer {
  /*min-height: 0 !important;*/
}

.trigger .row_value md-select {
  margin: unset !important;
}

.trigger .key_value_row {
  padding: 0 15px;
}

.trigger .interval .row_value {
  align-self: flex-end;
}

.trigger .interval md-input-container {
  width: 60px;
  margin: 0 5px !important;
}

.trigger .interval md-input-container .md-errors-spacer {
  min-height: unset !important;
}

.trigger .cron .row_value {
  align-self: flex-end;
}

.trigger .cron .row_value .md-errors-spacer {
  min-height: unset !important;
}

.trigger .period_strategy_selector {
  padding: 0 15px;
  flex-grow: 1;
}

.trigger .action_buttons {
  display: flex;
  flex-basis: 56px;
  align-items: center;
  justify-content: flex-end;
}

.period_picker .period_calendar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.period_picker .period_calendar.RUN_INDEFINITELY {
  margin-bottom: 0;
}

.period_picker .period_calendar .period_calendar_wrapper {
  margin: 0 3px;
  position: relative;
  flex-grow: 1;
  min-height: 50px;
}

.trigger .next_executions_wrapper {
  flex-grow: 1;
}

.trigger .next_executions_wrapper .next_executions_loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  display: none;
}

.timezone_abbreviation {
  width: 80px;
  display: inline-block;
}

.trigger .next_executions_wrapper .next_executions_loader.shown {
  z-index: 1;
  display: block;
}

/*.period_picker .period_calendar period-time-picker {*/
/*width: 100%;*/
/*height: 100%;*/
/*position: absolute;*/
/*}*/
/*.period_picker .period_calendar .time_picker {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*background: rgba(255, 255, 255, 0.8);;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: -1;*/
/*opacity: 0;*/
/*-webkit-transition: transform 0.5s ease;*/
/*-moz-transition: transform 0.5s ease;*/
/*-ms-transition: transform 0.5s ease;*/
/*-o-transition: transform 0.5s ease;*/
/*transition: transform 0.5s ease;*/
/*-webkit-transform: translateY(-100%);*/
/*-moz-transform: translateY(-100%);*/
/*-ms-transform: translateY(-100%);*/
/*-o-transform: translateY(-100%);*/
/*transform: translateY(-100%);*/
/*}*/
/*.period_picker .period_calendar .time_picker.shown {*/
/*opacity: 1;*/
/*z-index: 2;*/
/*-webkit-transform: translateY(0);*/
/*-moz-transform: translateY(0);*/
/*-ms-transform: translateY(0);*/
/*-o-transform: translateY(0);*/
/*transform: translateY(0);*/
/*}*/
/*.period_picker .period_calendar .time_picker {*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*}*/
/*.period_picker .period_calendar .time_picker > div {*/
/*margin: 0 10px;*/
/*}*/
/*.period_picker .period_calendar .time_picker > div > input {*/
/*border: none;*/
/*border-bottom: 1px solid #cccccc;*/
/*font-size: 22px;*/
/*width: 70px !important;*/
/*flex-shrink: 1;*/
/*text-align: center;*/
/*background: transparent;*/
/*padding: 13px 8px;*/
/*}*/
/*.period_picker .period_calendar .time_picker > div > input:focus {*/
/*outline: none;*/
/*border-bottom: 2px solid rgb(77, 144, 254);*/
/*}*/
/*.period_picker .period_calendar.period {*/
/*justify-content: space-between;*/
/*}*/
/*.period_picker .period_calendar.until {*/
/*justify-content: flex-end;*/
/*}*/
/*.period_picker .period_calendar.starting {*/
/*justify-content: flex-start;*/
/*}*/
.task-queue-wrapper {
  display: flex;
  justify-content: start;
  overflow-x: scroll;
  align-items: center;
}
.task-queue-wrapper .queued-task {
  margin: 10px;
  min-width: fit-content;
}
.task-queue-wrapper .logs-button {
  display: flex;
  min-width: fit-content;
}
.task-queue-wrapper .logs-button .logs-icon {
  padding-left: 2px;
}

::-webkit-scrollbar {
  height: 3px;
}
.log-body {
  flex-grow: 1;
  overflow-y: hidden;
  display: flex;
}

.log-table {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  height: 100%;
}

.status-icon {
  display: flex;
}
.employee-selector .md-chips .md-chip-input-container {
  width: 100%;
}
.employee-autocomplete-template {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.employee-autocomplete-template .image-wrapper {
  min-width: 30px;
}
.employee-autocomplete-template .image-wrapper img {
  border-radius: 50%;
  height: 30px;
}
.employee-autocomplete-template .name-wrapper {
  margin-left: 10px;
  flex-grow: 1;
  flex-shrink: 0;
}
section.configuration {
  flex-grow: 1;
  max-width: 100%;
  background: white;
}
section.configuration md-input-container {
  margin-bottom: 0 !important;
}
section.configuration #configuration {
  padding: 20px;
}
section.configuration #configuration .md-color-picker-clear {
  bottom: 16px !important;
}
section.configuration #configuration .md-errors-spacer {
  min-height: 0 !important;
}
section.configuration #configuration .customers-info-table .password-cell {
  max-width: 100px;
}
section.configuration #configuration td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#branch_config {
  display: flex;
}
#branch_config .brand-url-cell {
  max-width: 200px;
}
.navigable-wrapper {
  display: flex;
  flex-direction: column;
}
.navigable-wrapper .borrower-date-fields-wrapper table {
  table-layout: fixed;
  width: 100%;
}
.navigable-wrapper .borrower-date-fields-wrapper table tr td:nth-child(1), .navigable-wrapper .borrower-date-fields-wrapper table th td:nth-child(1) {
  width: 14.3% !important;
}
.navigable-wrapper .borrower-date-fields-wrapper table tr td:nth-child(2), .navigable-wrapper .borrower-date-fields-wrapper table th td:nth-child(2) {
  width: 75.7% !important;
}
.navigable-wrapper .borrower-date-fields-wrapper table tr td:nth-child(3), .navigable-wrapper .borrower-date-fields-wrapper table th td:nth-child(3) {
  width: 10% !important;
  white-space: nowrap;
}
.navigable-wrapper navigable-content {
  width: 100%;
}
@media only screen and (min-width: 765px) {
  .navigable-wrapper {
    flex-direction: row;
    justify-content: center;
    z-index: 3;
    position: relative;
  }
  .navigable-wrapper .borrower-date-fields-wrapper table {
    table-layout: fixed;
    width: 100%;
  }
  .navigable-wrapper .borrower-date-fields-wrapper table tr td:nth-child(1), .navigable-wrapper .borrower-date-fields-wrapper table th td:nth-child(1) {
    width: 14.3% !important;
  }
  .navigable-wrapper .borrower-date-fields-wrapper table tr td:nth-child(2), .navigable-wrapper .borrower-date-fields-wrapper table th td:nth-child(2) {
    width: 75.7% !important;
  }
  .navigable-wrapper .borrower-date-fields-wrapper table tr td:nth-child(3), .navigable-wrapper .borrower-date-fields-wrapper table th td:nth-child(3) {
    width: 10% !important;
    white-space: nowrap;
  }
  .navigable-wrapper .widget-wrapper {
    width: 300px;
    position: absolute;
    left: 0;
    padding-top: 66px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    background: #fafafa;
    z-index: 1;
  }
  .navigable-wrapper .navigable-wrapper {
    position: relative;
  }
  .navigable-wrapper md-tabs-wrapper {
    z-index: 3;
  }
}
.navigable-wrapper md-tabs-wrapper {
  background: white;
}
.navigable-wrapper .widget-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
}
.navigable-wrapper .navigable-wrapper {
  flex-grow: 1;
  flex-shrink: 0;
}
.datapicker-wrapper {
  padding-bottom: 10px;
}
.datapicker-wrapper md-datepicker {
  display: flex;
  width: 100%;
  align-items: center;
}
.datapicker-wrapper md-datepicker .md-datepicker-input-container {
  flex-grow: 1;
}

employee-statistic {
  display: flex;
  flex-grow: 1;
}
employee-statistic .employeeStatistic {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}
employee-statistic .employeeStatistic .stisticsConfiguration {
  flex-grow: 0;
  background: white;
  padding: 0 10px;
  height: calc(100vh - 60px);
  width: 250px;
}
employee-statistic .employeeStatistic .stisticsConfiguration .employee-statistic-period {
  display: flex;
  flex-direction: column;
}
employee-statistic .employeeStatistic .selected-statistic {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  box-sizing: border-box;
}
.toolbar-tools {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.conversion-log-dialog {
  max-width: 97%;
}
.conversion-log-dialog .conversion-log-dialog-toolbar {
  color: white !important;
}
.conversion-log-dialog .conversion-log-dialog-content {
  height: 100%;
}
.conversion-log-dialog .conversion-log-dialog-content .opportunities-filter-wrapper {
  height: 100%;
}
.conversion-log-dialog .conversion-log-dialog-content table {
  width: 100%;
}
#calculations {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
  padding: 5px;
}
.calculations-grid-wrapper {
  height: 100%;
}

.calculations-wrapper {
  display: flex;
  height: auto;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.calculations-wrapper .calculation-item-warpper {
  flex-basis: calc(33% - 10px);
  margin: 5px;
}
.calculation_card {
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  height: 30em;
}
.calculation_card .calculation_content {
  flex-grow: 1;
  max-height: 100%;
  overflow: scroll;
}

.calculation_background {
  width: auto;
  min-height: 14vw;
  background-position: top center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.calculation_background .conditions-list-content {
  overflow-y: auto;
}
.edit_parameters_wrapper {
  padding: 10px;
  width: 500px;
}
.edit_parameters_wrapper .parameter-wrapper {
  display: flex;
}
.edit_parameters_wrapper .parameter-wrapper form {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
.edit_parameters_wrapper .parameter-wrapper form md-input-container.interest-rate, .edit_parameters_wrapper .parameter-wrapper form md-input-container.description {
  width: 200px;
}
.edit_parameters_wrapper .parameter-wrapper form .edit-parameter, .edit_parameters_wrapper .parameter-wrapper form .edit_parameter_content {
  display: flex;
  flex-grow: 1;
}
.edit_parameters_wrapper .parameter-wrapper form .description-wrapper md-input-container {
  width: 50%;
}
.edit_parameters_wrapper .parameter-wrapper form .description-wrapper md-input-container:first-child {
  padding-right: 20px;
  border-right: 1px solid #dee2e6;
}
.edit_parameters_wrapper .parameter-wrapper form .description-wrapper md-input-container:last-child {
  margin-left: 20px;
}
.edit_parameters_wrapper .parameter-wrapper form .description-text {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border-width: 0 0 1px 0;
  line-height: 26px;
  height: 30px;
}

condition-parameter {
  display: inline;
}

.inline-all {
  display: inline;
}
.inline-all * {
  display: inline;
}

condition-parameter {
  border-radius: 2px;
  overflow: hidden;
}
condition-parameter percentage-parameter {
  background-color: #0d6aad;
  color: white;
}
condition-parameter duration-parameter {
  background-color: #d95d46;
  color: white;
}
condition-parameter dollar-value-parameter {
  background-color: #1ec21c;
  color: white;
}
condition-parameter equity-percentage {
  background-color: #14d1ff;
  color: white;
}
condition-parameter .parameter {
  border-radius: 3px;
  overflow: hidden;
  padding: 3px;
}
ng-multicolumn-list {
  width: 100%;
}
ng-multicolumn-list .resoponsive_column_list {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
}
ng-multicolumn-list .resoponsive_column_list .list_one {
  display: flex;
  flex-direction: column;
}
ng-multicolumn-list .resoponsive_column_list .list_two {
  display: flex;
  flex-direction: column;
}
* .info-row:nth-child(2) {
  border-top: 0;
}

.info-row {
  display: flex;
  font-weight: 200;
  padding: 1px 8px;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  align-items: center;
}
.info-row .row-value {
  max-width: 50%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-row .row-name {
  max-width: 50%;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.opportunities {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  height: 100%;
}
.opportunities .opportunities-content-wrapper {
  height: calc(100vh - 60px);
  flex-grow: 1;
  padding-bottom: 0;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.opportunities .opportunities-content-wrapper opportunities-list {
  flex-grow: 1;
  overflow-y: auto;
}
.opportunities .opportunities-content-wrapper opportunities-list .opportunities-wrapper {
  padding: 10px;
}
.opportunities .opportunities-content-wrapper .pagination-wrapper {
  display: flex;
  justify-content: space-between;
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
}
.opportunities .opportunities-content-wrapper .pagination-wrapper .clear-all-wrapper {
  display: flex;
  align-items: center;
}
.opportunities .opportunities-content-wrapper .pagination-wrapper .pagination-elements-wrapper {
  display: flex;
  justify-content: flex-end;
}
.opportunities .opportunities-content-wrapper .pagination-wrapper .pagination-elements-wrapper .sorting-order-input {
  display: flex;
  align-items: center;
}
.opportunities .opportunities-content-wrapper .pagination-wrapper .pagination-elements-wrapper md-table-pagination {
  flex-shrink: 0;
  border-top: none !important;
}

opportunities-list md-grid-list {
  margin-bottom: 20px;
}
opportunities-list md-grid-list md-grid-tile figure {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
}
.other-estimates {
  font-size: 0.7em;
  margin: 0 !important;
}
.lqb-pricer-rate-options-dialog .pricer-results-header {
  display: flex;
  justify-content: flex-end;
}
.lqb-pricer-rate-options-dialog .selected {
  background: #0d6aad;
}
.lqb-pricer-rate-options-dialog .selected td {
  color: white !important;
}
.lqb-pricer-rate-options-dialog .select-button-cell {
  padding: 5px;
}
.lqb-pricer-rate-options-dialog .select-button-cell .md-button {
  font-size: 0.7em;
  margin: 0;
  min-height: 15px;
  line-height: 20px;
}
opportunity-item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
}
opportunity-item ::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
opportunity-item .opportunity-content {
  height: 100%;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: hidden;
}
opportunity-item .opportunity-content .notification, opportunity-item .opportunity-content .notification > div {
  height: 100%;
}
opportunity-item .opportunity-content .notification-el-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex-grow: 1;
  background: white;
  height: 100%;
}
opportunity-item .opportunity-content .notification-el-wrapper .opportunity-header {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
opportunity-item .opportunity-content .notification-el-wrapper .opportunity-header .customer-name {
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  margin: 0 !important;
  padding-top: 40px;
  min-width: 35%;
}
opportunity-item .opportunity-content .notification-el-wrapper .opportunity-header .customer-name h3 {
  cursor: pointer;
  padding: 5px;
}
opportunity-item .opportunity-content .notification-el-wrapper .opportunity-header .customer-name h3:hover {
  text-decoration: underline;
}
opportunity-item .opportunity-content .notification-el-wrapper .opportunity-header .customer-name h3:focus {
  outline: none;
}
opportunity-item .opportunity-content .notification-el-wrapper .opportunity-header .customer-name small {
  display: flex;
  flex-grow: 1;
  padding: 5px;
  color: white !important;
}
opportunity-item .opportunity-content .notification-el-wrapper.epo .customer-name h3::before {
  content: "EPO";
  position: absolute;
  background: red;
  color: white;
  top: 0;
  left: 0;
  padding: 5px 10px;
  font-size: 12px;
  width: 100%;
}
opportunity-item .opportunity-content .notification-el-wrapper.epo .tile-toolbar {
  filter: grayscale(1);
}
opportunity-item .opportunity-content .notification-el-wrapper .tile-toolbar {
  height: 100%;
  width: 100%;
  position: absolute;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
opportunity-item .opportunity-content .notification-el-wrapper .notification-text {
  padding: 10px;
  background: white;
  box-sizing: border-box;
  z-index: 2;
  height: 15%;
  overflow-y: hidden;
  flex-shrink: 0;
  transition: max-height 0.5s linear;
}
@media screen and (min-width: 1200px) {
  opportunity-item .opportunity-content .notification-el-wrapper .notification-text {
    height: 10vh;
  }
}
@media screen and (max-width: 960px) {
  opportunity-item .opportunity-content .notification-el-wrapper .notification-text {
    height: 20%;
  }
}
opportunity-item .opportunity-content .notification-el-wrapper .notification-text:hover {
  overflow-y: auto;
}
opportunity-item .opportunity-content .notification-el-wrapper .notification-parameters {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.02);
}
opportunity-item .opportunity-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
  flex-grow: 1;
  max-height: 50px;
}
opportunity-item .opportunity-date span {
  margin-left: 10px;
}
opportunity-item .opportunity-date .opportunity-item-controlls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.opportunity-dialog-toolbar {
  position: relative;
  color: white !important;
}
.opportunity-dialog-toolbar md-progress-linear {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.loan-subheader-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 2px 8px 2px 8px;
  height: 45px;
}

.customer-loan-subheader {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 400;
}

.customer-oppportunity-dialog {
  min-width: 40%;
}
.customer-oppportunity-dialog .customer-loan-subheader {
  font-size: 1.3rem;
  font-weight: 400;
}

.opportunity-dialog-content .actions-container {
  overflow: visible;
}
.opportunity-dialog-content .actions-container .actions-logs-wrapper {
  margin-top: 16px;
}
.opportunity-dialog-content .actions-container .opportunity-actions-triggers {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
}
.opportunity-dialog-content .actions-container .opportunity-actions-triggers .action-wrapper {
  margin-right: 10px;
  width: 25%;
  max-width: 200px;
}
.opportunity-dialog-content .opportunity-dialog-description {
  display: flex;
  justify-content: space-between;
}

md-whiteframe.opportunity-tile {
  max-height: 170px;
  overflow-y: auto;
  flex-grow: 1;
  margin-right: 10px;
  flex-basis: calc(33% - 10px);
}
md-whiteframe.opportunity-tile:last-child {
  margin-right: 0;
}
.savings-notification .tile-toolbar {
  background: url("/app/images/calculations/opportunity_Payment_Savings.jpg");
}
.rate-notification .tile-toolbar {
  background: url("/app/images/calculations/opportunity_Rate_Reduction.jpg");
}
.rate-term-notification-wrapper .tile-toolbar {
  background: url("/app/images/calculations/opportunity_Equity_Growth.jpg");
}

.cash-out-notification-wrapper .tile-toolbar {
  background: url("/app/images/calculations/opportunity_Cash_Out.jpg");
}
.trigger-leads-notification .tile-toolbar {
  background: url("/app/images/calculations/opportunity_Trigger_Lead.jpg");
}
.other-estimates {
  font-size: 0.7em;
  margin: 0 !important;
}
.all-logs {
  padding: 20px;
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.calculation-log-wrapper {
  overflow-y: hidden;
}

calculation-execution-log .logs-table-wrapper {
  overflow-y: auto;
}
calculation-execution-log table {
  background: white;
}
calculation-execution-log table .customer-name:hover {
  text-decoration: underline;
}
calculation-execution-log table .customer-name:active {
  color: blue;
}
calculation-execution-log table .table-date-cell {
  max-width: 6em;
  min-width: 6em;
}
calculation-execution-log table .table-icon-cell {
  width: 120px;
}
calculation-execution-log table .table-icon-cell .table-icon {
  width: 60px;
  height: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
calculation-execution-log table .table-icon-cell .table-icon.isSuccess {
  filter: unset;
  -webkit-filter: unset;
}
.inverse {
  transform: scaleX(-1);
}

.label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

.cursor-pagination {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.page-size-selector {
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 56px;
  display: flex;
  alignment: right;
}
.page-size-selector md-select {
  margin: 8px 0 8px 25px;
}
.action-component {
  padding: 20px;
  display: inline-block;
}

.action-component-title {
  text-align: center;
  font-weight: 200;
  margin: 15px 0 0;
}

.action-component-tooltip {
  font-size: 1.2em;
}

.help-button-wrapper {
  padding: 0;
  height: 0;
  display: flex;
  flex-direction: row-reverse;
}
.help-button-wrapper .help-button {
  padding: 0;
  margin: 0;
  min-width: 24px;
  min-height: 24px;
  border-radius: 12px;
  display: flex;
  left: 15px;
  bottom: 15px;
}
.preview-dialog.iframe-preview-dialog {
  width: 80%;
  height: 80%;
}
.preview-dialog.text-preview-dialog {
  width: auto;
  height: auto;
}
.preview-dialog .toolbar-tools {
  display: flex;
  justify-content: space-between;
}
.preview-dialog .toolbar-tools h2 {
  color: white;
}
.preview-dialog .dialog-content {
  overflow: hidden;
  height: 100%;
}
.preview-dialog .dialog-content .content {
  height: 100%;
  display: flex;
  justify-content: center;
}
.preview-dialog .dialog-content .content .iframe-content {
  width: 100%;
  height: -webkit-fill-available;
}
.preview-dialog .dialog-content .content .text-content {
  white-space: pre-line;
  padding: 15px;
}

.address-dialog {
  width: 500px;
  min-width: 500px;
  min-height: fit-content;
}
.address-dialog .address-input {
  padding: 10px;
}

.address-toolbar {
  display: flex;
  justify-content: space-between;
}
.user_card_wrapper {
  display: flex;
  flex-direction: column;
  background: white;
  box-sizing: border-box;
  width: calc(19em + 32px);
}
.user_card_wrapper .user_image {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.user_card_wrapper .user_image .deleted_flag {
  background: #d70f27;
  color: white;
  padding: 3px 7px;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 3px;
}
.user_card_wrapper .user_image .image_wrapper {
  overflow: hidden;
}
.user_card_wrapper .user_image .image_wrapper:hover .image_edit {
  display: flex;
}
.user_card_wrapper .user_image .image_wrapper .image {
  position: relative;
}
.user_card_wrapper .user_image .image_wrapper .image .avatar {
  filter: grayscale(1);
}
.user_card_wrapper .user_image .image_wrapper .image .avatar.is_active {
  filter: grayscale(0);
}
.user_card_wrapper .user_image .image_wrapper .image .avatar.is_deleted {
  filter: grayscale(1) !important;
}
.user_card_wrapper .user_image .image_wrapper .image .md-button {
  padding: 8px 12px;
}
.user_card_wrapper .user_image .image_wrapper .image_edit {
  display: none;
  width: 100%;
  height: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  justify-content: center;
  align-items: center;
  bottom: 0;
  font-size: 1.3em;
  font-weight: 500;
}
.user_card_wrapper .user_image .image_wrapper .image_edit md-button, .user_card_wrapper .user_image .image_wrapper .image_edit button {
  color: white;
}
.user_card_wrapper .user_image .image_wrapper .image_edit md-button md-icon, .user_card_wrapper .user_image .image_wrapper .image_edit button md-icon {
  transition: color 0.3s;
}
.user_card_wrapper .user_image .image_wrapper .image_edit md-button:hover md-icon, .user_card_wrapper .user_image .image_wrapper .image_edit button:hover md-icon {
  color: white;
}
.user_card_wrapper .user_image .image_wrapper .image_edit .icon-wrapper .toggle-element.edit-toggle md-icon {
  border: 2px solid white;
  border-radius: 5px;
  padding: 1px;
}
.user_card_wrapper .user_image .image_wrapper .image_edit .icon-wrapper .toggle-element .align-center-vert {
  display: flex;
  align-items: center;
}
.user_card_wrapper .user_image .image_wrapper .image_edit .icon-wrapper .toggle-element .button-text {
  margin-right: 10px;
}
.user_card_wrapper .user_image .image_wrapper .image .avatar {
  width: 17em;
  margin: auto;
  height: 17em;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  position: relative;
}
.user_card_wrapper .user_image .image_wrapper .image .avatar .online-status {
  width: 2em;
  height: 2em;
  background: #1cda51;
  position: absolute;
  right: 1em;
  top: 1em;
  border-radius: 50%;
}
.user_card_wrapper .description-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.02);
}
.user_card_wrapper .description-wrapper .user_name {
  margin-top: 10px;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 1.5em;
}
.user_card_wrapper .description-wrapper .user_name h4 {
  font-weight: 200;
  margin: 0;
}
.user_card_wrapper .description-wrapper .email-branch-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3px;
}
.user_card_wrapper .description-wrapper .email-branch-wrapper .user_email {
  font-size: 0.9em;
}
.user_card_wrapper .description-wrapper .email-branch-wrapper .user_branch {
  font-size: 0.9em;
}
.user_grid_container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 20px;
}
.user_grid_container .user-grid-card-wrapper {
  margin: 10px;
  position: relative;
}
.user_grid_container .user-grid-card-wrapper .edit-user-avatar {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
}
.user_grid_container .user-grid-card-wrapper .edit-user-avatar button {
  margin: 0;
}
.user_grid_container .user-grid-card-wrapper user-card {
  display: flex;
  z-index: 1;
}
.primary-tile {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 68px;
}
.primary-tile h5 {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
}

.new_user_dialog {
  min-width: 70vw;
}
.new_user_dialog .new-user-content-wrapper {
  display: flex;
  flex-direction: column;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content {
  flex-grow: 1;
  overflow-y: auto;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content span {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  padding-left: 18px;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .new-user-input-wrapper {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .new-user-input-wrapper .title-input-wrapper, .new_user_dialog .new-user-content-wrapper .edit-customer-content .new-user-input-wrapper .apply-with-me-wrapper, .new_user_dialog .new-user-content-wrapper .edit-customer-content .new-user-input-wrapper .review-me-wrapper {
  width: 50%;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .new-user-input-wrapper .grayed-out {
  filter: grayscale(1);
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .user-name-input-wrapper {
  margin-top: 5px;
  padding-top: 10px !important;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .user-name-input-wrapper .u-first-name, .new_user_dialog .new-user-content-wrapper .edit-customer-content .user-name-input-wrapper .u-middle-name, .new_user_dialog .new-user-content-wrapper .edit-customer-content .user-name-input-wrapper .u-last-name {
  width: 25%;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .user-name-input-wrapper, .new_user_dialog .new-user-content-wrapper .edit-customer-content .email-wrapper {
  display: flex;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .user-name-input-wrapper md-input-container, .new_user_dialog .new-user-content-wrapper .edit-customer-content .email-wrapper md-input-container {
  flex-grow: 1;
  flex-shrink: 1;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .user-title-input-wrapper md-input-container {
  width: 100%;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .phone-gender-wrapper {
  display: flex;
  justify-content: stretch;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .phone-gender-wrapper .gender-selector-wrapper, .new_user_dialog .new-user-content-wrapper .edit-customer-content .phone-gender-wrapper .branch-selector-el-wrapper, .new_user_dialog .new-user-content-wrapper .edit-customer-content .phone-gender-wrapper .phone-container {
  flex-grow: 1;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .phone-gender-wrapper single-employee-branch-selector md-input-container {
  width: 100%;
}
.new_user_dialog .new-user-content-wrapper .edit-customer-content .phone-gender-wrapper, .new_user_dialog .new-user-content-wrapper .edit-customer-content .password-input-wrapper {
  padding: 0 10px;
}
.new_user_dialog .new-user-content-wrapper .permission-role {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.new_user_dialog .new-user-content-wrapper .permission-role h5 {
  margin: 0;
}
.new_user_dialog .new-user-content-wrapper .permission-role access-level-picker {
  margin-left: 30px;
}
.new_user_dialog .new-user-content-wrapper .permission-role access-level-picker md-input-container {
  width: 100%;
  margin: 10px 0;
}
.new_user_dialog .new-user-content-wrapper .access-level-picker-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0;
}
.new_user_dialog .new-user-content-wrapper .access-level-picker-wrapper .primary-tile {
  justify-content: space-between;
}
.new_user_dialog .new-user-content-wrapper .new-user-controlls-wrapper {
  flex-shrink: 0;
}
.new_user_dialog .new-user-content-wrapper .new-user-controlls-wrapper .new-user-controlls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.super-admin-only-feature {
  filter: grayscale(1) !important;
}
.transfer-users-dialog-content-wrapper {
  display: flex;
  flex-direction: column;
}

.transfer-users-dialog-content {
  min-width: 500px;
  display: flex;
  flex-direction: column;
}
.transfer-users-dialog-content md-toolbar .md-toolbar-tools {
  display: flex;
  justify-content: space-between;
}
.transfer-users-dialog-content md-toolbar .md-toolbar-tools .user-name {
  font-weight: 600;
  margin-left: 5px;
}
.transfer-users-dialog-content .title-wrapper {
  flex-shrink: 0;
}
.transfer-users-dialog-content .title-wrapper .title {
  padding: 16px;
}
.transfer-users-dialog-content .transfer-users {
  min-width: 700px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.transfer-users-dialog-content .transfer-users .move-users-title {
  flex-shrink: 0;
  padding: 16px;
}
.transfer-users-dialog-content .transfer-users .move-users-title .title {
  font-weight: 200;
}
.transfer-users-dialog-content .transfer-users .emploee-selector-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
}
.transfer-users-dialog-content .transfer-users .emploee-selector-wrapper single-employee-selector {
  padding: 0 16px;
  display: block;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search {
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .query-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  padding: 16px 16px 10px;
  justify-content: flex-end;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .query-wrapper md-input-container {
  width: 24%;
  margin-right: 6px;
  margin-bottom: 0;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .query-wrapper md-input-container .md-errors-spacer {
  min-height: 0;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .customer-list {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 10px;
  min-width: 75vw;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .customer-list .customer-item {
  margin: 6px;
  width: calc(25% - 12px);
  padding: 16px;
  background: rgba(255, 255, 255, 0.03);
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .customer-list .customer-item p {
  margin-bottom: 3px;
  font-weight: 500;
}
.transfer-users-dialog-content .transfer-users .transfer-customers-search .customer-list .customer-item small {
  font-weight: 200;
}
.transfer-users-dialog-content .taransfer-customer-controlls {
  display: flex;
  justify-content: flex-end;
}
.users-route {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  position: relative;
}
.users-route .filtering {
  width: 250px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
.users-route .filtering .controls-inputs {
  display: flex;
  flex-direction: column;
}
.users-route .filtering .controls-inputs multi-employee-branch-selector .employee-branch-selector-wrapper md-input-container {
  width: 100%;
}
.users-route .filtering .controls {
  display: flex;
  justify-content: flex-end;
}
.users-route .content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.users-route .content md-progress-linear {
  position: absolute;
}
.users-route .content .users_controls {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 15px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 65px;
}
.users-route .content .users_controls md-icon {
  color: white !important;
}
.users-route .content users-grid {
  height: 0;
  display: flex;
  flex-grow: 1;
  overflow-y: auto;
}
.update-result-content {
  display: flex;
  flex-direction: column;
}

.results-table-wraper {
  margin: 15px !important;
  flex-grow: 1;
}

.number-of-updates {
  padding: 0 15px;
}

.controlls-wrapper {
  padding: 5px;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
}
.access-level-grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.access-level-grid-wrapper access-level-toggle {
  width: 30%;
  margin: 5px 1.5%;
}
.access-level-grid-wrapper access-level-toggle md-whiteframe {
  display: block;
}
.m-tile {
  width: 30%;
  margin: 5px 1.5%;
}

.user-subscription-list-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.user-subscription-list-wrapper > * {
  width: 30%;
}
.user-subscription-list-wrapper .list-wrapper md-whiteframe {
  display: block;
}

.lqb-funded-route .lqb-funded-logging-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  position: relative;
  height: 100%;
}
.lqb-funded-route .lqb-funded-logging-wrapper md-progress-linear {
  position: absolute;
  top: 0;
}
.lqb-funded-route .lqb-funded-logging-wrapper .all-logs {
  flex-grow: 1;
}
.customer-info-panel {
  padding-left: 20px;
}
.customer-info-panel .funded_customer {
  padding: 0 0 0 10px;
  margin: 12px 20px 12px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-info-panel .funded_customer.error-log p {
  color: white;
}
.customer-info-panel .funded_customer.no-customers p, .customer-info-panel .funded_customer.error-log p {
  margin: 0;
  padding: 5px 0;
}
.customer-info-panel .funded_customer .customer-empl-name .employee_name {
  font-weight: 200;
}
.customer-info-panel .funded_customer .customer-empl-name .link_wrapper {
  display: flex;
  justify-content: flex-end;
}

.customer-info-parameters {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 5px;
}
.customer-info-parameters md-whiteframe {
  max-width: 33%;
}
.file-upload-croppie-wrapper .preview {
  background: rgba(0, 0, 0, 0.05);
  height: calc(400px + 50px);
  width: 100%;
  padding: 10px;
}
.file-upload-croppie-wrapper .preview .image-paceholder {
  position: absolute;
  top: 50%;
  height: 4em;
  margin-top: -2em;
  font-size: 4em;
  line-height: 4em;
  text-align: center;
  width: calc(100% - 20px);
  left: 10px;
  border: 2px dotted black;
}
.file-upload-croppie-wrapper .preview croppie {
  height: 100%;
  width: 100%;
}
.file-upload-croppie-wrapper .file-selector-wrapper {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.file-upload-croppie-wrapper .file-selector-wrapper input {
  flex-grow: 1;
}


.branch-selector-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

.branch-search-box {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.basic-filter-wrapper {
  max-width: 250px;
  width: 250px;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
.basic-filter-wrapper .expand-input-container md-input-container {
  width: 100%;
}
.basic-filter-wrapper md-content {
  flex-grow: 1;
  padding-top: 0 !important;
}
.basic-filter-wrapper .basic-filter-controlls {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-grow: 0;
  padding-bottom: 4px;
}
.range-chip-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.range-chip-wrapper md-chip.rate-chip {
  background: #1e88e5;
  color: #fff;
  border-radius: 9999px;
  padding: 0 20px;
  line-height: 36px;
  cursor: pointer;
}
.range-chip-wrapper md-chip.rate-chip .chip-label {
  font-weight: 500;
  margin-right: 6px;
}
.range-chip-wrapper md-chip.rate-chip .chip-value {
  opacity: 0.9;
}

.ir-dialog md-dialog-content {
  width: 600px;
  display: flex;
  justify-content: center;
}
.opportunities-filter-wrapper {
  max-width: 250px;
  width: 250px;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
.opportunities-filter-wrapper .expand-input-container md-input-container {
  width: 100%;
}
.opportunities-filter-wrapper md-content {
  flex-grow: 1;
  padding-top: 0 !important;
}
.opportunities-filter-wrapper md-content .end-date {
  margin-bottom: 0;
}
.opportunities-filter-wrapper md-content .customer-name {
  padding-bottom: 0 !important;
}
.opportunities-filter-wrapper md-content .customer-name .md-errors-spacer {
  min-height: 0;
}
.opportunities-filter-wrapper md-content .customer-name md-input-container {
  width: 100%;
}
.opportunities-filter-wrapper md-content .date-filter, .opportunities-filter-wrapper md-content .success-filter {
  margin-bottom: 10px;
}
.opportunities-filter-wrapper .opportunities-filter-controlls {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-grow: 0;
  padding-bottom: 4px;
}
.condition-filter md-list {
  padding-top: 0;
}
.condition-filter md-list .condition-type {
  padding: 0 !important;
}
.condition-filter md-list .condition-type .condition-image {
  outline: none !important;
  background-position: top center !important;
  background-size: cover !important;
  transition: all 1s ease;
  padding: 24px;
  width: 100%;
  filter: saturate(0);
}
.condition-filter md-list .condition-type .condition-image.isActive {
  padding: 48px;
  filter: saturate(1.5);
}
.branches-wrapper {
  flex-grow: 1;
  padding: 20px;
  overflow-x: auto;
}
.branches-wrapper brand-branches {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-grow: 1;
  height: 100%;
}
.branches-wrapper .end-paddding {
  min-width: 20px;
  flex-shrink: 0;
}
.branches-wrapper .brand_branches {
  flex-shrink: 0;
  width: 375px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.branches-wrapper .brand_branches:nth-last-child(2) {
  margin-right: 0;
}
.branches-wrapper .brand_branches .brands-name {
  padding: 15px 5px 15px 15px;
  color: white;
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
  height: 54px;
  flex-shrink: 1;
}
.branches-wrapper .brand_branches .brands-name md-icon {
  color: white;
  fill: white;
}
branch-list {
  overflow-y: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: white;
  min-height: 25px;
}
branch-list .branches_list_component {
  position: relative;
  margin: 10px;
}
.brand-configuration-toolbar {
  display: flex;
  justify-content: space-between;
}
.brand-configuration-toolbar h2 {
  color: white;
}

.brand-configuration-dialog-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.brand-configuration-dialog-content .brand-configuration-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.brand-configuration-dialog-content .tools-dialog-wrapper {
  flex-shrink: 0;
  flex-grow: 0;
}
.brand-configuration-dialog-content .tools-dialog-wrapper {
  display: flex;
  flex-shrink: 0;
  padding: 0 10px;
  justify-content: flex-end;
}

.brand-configuration-content {
  min-width: 420px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.brand-configuration-content .form-inputs-wrapper {
  display: flex;
  flex-direction: column;
  padding: 20px 0 0;
  flex-shrink: 0;
}
.brand-configuration-content .form-inputs-wrapper .branch-address-form-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 16px 0;
}
.brand-configuration-content .form-inputs-wrapper .branch-address-form-wrapper state-picker {
  margin-bottom: 24px;
}
.brand-configuration-content .form-inputs-wrapper .branch-address-form-wrapper md-input-container {
  margin: 18px 0 0;
  width: 100%;
}
.brand-configuration-content .form-inputs-wrapper .input-wrapper {
  padding: 0 16px;
}
.brand-configuration-content .form-inputs-wrapper .input-wrapper md-input-container {
  width: 100%;
  margin: 18px 0 0;
}
.brand-configuration-content .form-inputs-wrapper .select-logo-controlls img {
  height: 25px;
  margin: 10px 0;
}
.brand-configuration-content .form-inputs-wrapper .select-logo-controlls .logo-file-input {
  position: relative;
}
.brand-configuration-content .form-inputs-wrapper .select-logo-controlls .logo-file-input input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.brand-configuration-content .colors-form-wrapper {
  padding: 10px;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.brand-configuration-content .colors-form-wrapper .input-container-wrapper {
  flex-grow: 1;
}
.brand-configuration-content .colors-form-wrapper .input-container-wrapper theme-colour-picker md-input-container, .brand-configuration-content .colors-form-wrapper .input-container-wrapper single-hue-colour-picker md-input-container {
  width: 100%;
}

.grayed-out {
  filter: grayscale(1);
}
.brand-configuration-controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  right: 0;
  bottom: 65px;
}

.brand-name {
  overflow-x: hidden;
}

.brand-configuration-button {
  background-color: rgba(97, 97, 97, 0.1);
  height: 99%;
  width: 95%;
}

.branch-configuration-button {
  width: 95%;
  height: 100%;
  background-color: rgba(97, 97, 97, 0.1);
}

.branches-list-outer-wrapper {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  height: 100%;
}
.branches-list-outer-wrapper .branches-list-wrapper {
  flex-grow: 0;
  flex-shrink: 1;
  overflow-y: auto;
}
.branches-list-outer-wrapper .branch-configuration-button-wrapper {
  flex-grow: 0;
  flex-shrink: 1;
  padding-bottom: 5%;
}
.delete-dialog-content-wrapper {
  display: flex;
  flex-direction: column;
}

.delete-dialog-content {
  min-width: 500px;
  display: flex;
  flex-direction: column;
}
.delete-dialog-content md-toolbar .md-toolbar-tools {
  display: flex;
  justify-content: space-between;
}
.delete-dialog-content .title-wrapper {
  flex-shrink: 0;
}
.delete-dialog-content .title-wrapper .title {
  padding: 16px;
}
.delete-dialog-content .delete-dialog-controlls {
  display: flex;
  justify-content: flex-end;
}
.edit-branch-dialog {
  width: 400px;
}

.edit-branch-dialog-toolbar {
  display: flex;
  justify-content: space-between;
}

.tools-dialog-wrapper {
  display: flex;
  flex-shrink: 0;
  padding: 0 10px;
  justify-content: flex-end;
}

.edit-branch-dialog-input {
  padding: 2%;
  width: 100%;
}

.edit-branch-dialog-form {
  padding-top: 2%;
}
branch-element {
  width: 100%;
}

.branch_elements_wrapper {
  display: flex;
  justify-content: space-between;
  cursor: grab;
}
.branch_elements_wrapper .branch-element-loader {
  position: fixed;
  top: 50%;
  left: 50%;
}
.branch_elements_wrapper.grabbing {
  cursor: grabbing !important;
}
.branch_elements_wrapper .more-toggle {
  margin-right: 0;
}
.branch_elements_wrapper md-input-container.brach-name-container {
  margin: 30px 20px 18px;
  flex-grow: 1;
}
.branch_elements_wrapper md-input-container.brach-name-container .md-errors-spacer {
  min-height: 0;
}
.branch_elements_wrapper .branch_original_id {
  padding: 8px;
}
.branch-users-content-wrapper {
  width: 600px;
}

.branch-users-toolbar {
  display: flex;
  justify-content: space-between;
}
.branch-dialog-wrapper .address-input {
  padding: 10px;
}
.branch-dialog-wrapper md-progress-linear {
  position: absolute;
  top: 0;
}
.branch-dialog-wrapper state-picker {
  width: 100%;
}
.branch-dialog-wrapper state-picker md-input-container {
  width: 100%;
}

.branch-address-dialog-content {
  width: 400px;
}

.branch-address-dialog-wrapper {
  width: 400px;
}

.branch-address-toolbar {
  display: flex;
  justify-content: space-between;
}

.branch-address-controlls {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.transfer-branch-users-dialog-content-wrapper {
  display: flex;
  flex-direction: column;
}

.transfer-branch-users-dialog-content {
  min-width: 500px;
  display: flex;
  flex-direction: column;
}
.transfer-branch-users-dialog-content md-toolbar .md-toolbar-tools {
  display: flex;
  justify-content: space-between;
}
.transfer-branch-users-dialog-content md-toolbar .md-toolbar-tools .branch-name {
  font-weight: 600;
  margin-left: 5px;
}
.transfer-branch-users-dialog-content .title-wrapper {
  flex-shrink: 0;
}
.transfer-branch-users-dialog-content .title-wrapper .title {
  padding: 16px;
}
.transfer-branch-users-dialog-content .transfer-branches {
  min-width: 700px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.transfer-branch-users-dialog-content .transfer-branches md-input-container {
  width: 100%;
}
.transfer-branch-users-dialog-content .transfer-branches .transfer-branch-users-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
}
.transfer-branch-users-dialog-content .transfer-branches .transfer-branch-users-list-item {
  width: 24%;
  margin: 5px;
}
.transfer-branch-users-dialog-content .transfer-branches-controls {
  display: flex;
  justify-content: flex-end;
}
branches-picker md-chips-wrap {
  box-shadow: none !important;
}
branches-picker .employee-branch-selector-wrapper md-input-container {
  width: 100%;
}
.notification-wrapper {
  cursor: pointer;
}

.notification_counter {
  background: white;
  position: absolute;
  font-weight: bold;
  bottom: -0.4rem;
  right: 0.6rem;
  /* border: 1px solid black; */
  border-radius: 50%;
  padding: 1.3em;
  font-size: 0.5em;
  width: 3em;
  height: 3em;
  font-family: Roboto, sans-serif;
  line-height: 3em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
notification-list #notifications-container {
  height: 292px;
  width: 100%;
}
notification-list .md-list-item-text {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

md-select-menu .color-option {
  position: absolute;
  width: 100%;
}

.color-option {
  font-weight: 500;
  padding: 15px 20px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  flex-shrink: 0;
}
.color-pallate {
  display: flex;
}
.color-pallate .color-option {
  flex-grow: 1;
  justify-content: center;
  width: unset;
}

md-select-menu .color-pallate {
  display: none;
}
.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

.selectdemoSelectHeader md-content._md {
  max-height: 240px;
}
.address-inputs-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  padding-bottom: 1%;
}
.address-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

state-picker {
  padding-bottom: 18px;
}
.address-validity-info {
  font-size: 88%;
  justify-content: center;
  padding-bottom: 15px;
}

.valid-address-message {
  color: #85ff20;
}

.invalid-address-message {
  color: #ff4545;
}
.manual-override-tooltip {
  font-size: 1.2em;
  padding: 5px;
}
.order-toggle-wrapper {
  display: inline-block;
  cursor: pointer;
  outline: none !important;
}
.order-toggle-wrapper .order-arrow.directionASC {
  transform: rotate(180deg);
}
ordering-list {
  display: flex;
}
ordering-list .ordering-element {
  margin: 3px;
  cursor: grab;
}
.action-status-wrapper {
  padding: 4px 8px;
  border-radius: 5px;
  font-weight: bold;
  width: 150px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.action-status-wrapper .action-status-title {
  margin-right: 7px;
  flex-grow: 1;
}
.action-status-wrapper .action-status-controls .cancel-button {
  position: absolute;
  width: 24px;
  margin: 0 0 0 0;
  min-width: 0;
  min-height: 24px;
  line-height: 20px;
}
.action-status-wrapper md-icon {
  flex-shrink: 0;
}
.all-logs {
  padding: 20px;
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.calculation-log-wrapper {
  overflow-y: hidden;
}

direct-mailer-log .logs-table-wrapper {
  overflow-y: auto;
}
direct-mailer-log .direct-log-info-table {
  background: white;
}
direct-mailer-log .direct-log-info-table .customer-name:hover {
  text-decoration: underline;
}
direct-mailer-log .direct-log-info-table .customer-name:active {
  color: blue;
}
direct-mailer-log .direct-log-info-table .table-date-cell {
  max-width: 6em;
  min-width: 6em;
}
direct-mailer-log .direct-log-info-table .table-icon-cell {
  width: 120px;
}
direct-mailer-log .direct-log-info-table .table-icon-cell .table-icon {
  width: 60px;
  height: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  filter: unset;
  -webkit-filter: unset;
}
direct-mailer-log .direct-log-info-table .small-table-icon-cell {
  width: 60px;
}
direct-mailer-log .direct-log-info-table .small-table-icon-cell .table-icon-small {
  margin-left: 30px;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
  filter: unset;
  -webkit-filter: unset;
}
.opportunities-filter-wrapper {
  max-width: 250px;
  width: 250px;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
.opportunities-filter-wrapper .expand-input-container md-input-container {
  width: 100%;
}
.opportunities-filter-wrapper md-content {
  flex-grow: 1;
  padding-top: 0 !important;
}
.opportunities-filter-wrapper md-content .selector {
  width: 100%;
}
.opportunities-filter-wrapper md-content .end-date {
  margin-bottom: 0;
}
.opportunities-filter-wrapper md-content .customer-name {
  padding-bottom: 0 !important;
}
.opportunities-filter-wrapper md-content .customer-name .md-errors-spacer {
  min-height: 0;
}
.opportunities-filter-wrapper md-content .customer-name md-input-container {
  width: 100%;
}
.opportunities-filter-wrapper md-content .date-filter, .opportunities-filter-wrapper md-content .success-filter {
  margin-bottom: 10px;
}
.opportunities-filter-wrapper .opportunities-filter-controlls {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-grow: 0;
  padding-bottom: 4px;
}

.opportunities-filter-wrapper {
  max-width: 250px;
  width: 250px;
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
.opportunities-filter-wrapper .expand-input-container md-input-container {
  width: 100%;
}
.opportunities-filter-wrapper md-content {
  flex-grow: 1;
  padding-top: 0 !important;
}
.opportunities-filter-wrapper md-content .end-date {
  margin-bottom: 0;
}
.opportunities-filter-wrapper md-content .customer-name {
  padding-bottom: 0 !important;
}
.opportunities-filter-wrapper md-content .customer-name .md-errors-spacer {
  min-height: 0;
}
.opportunities-filter-wrapper md-content .customer-name md-input-container {
  width: 100%;
}
.opportunities-filter-wrapper md-content .date-filter, .opportunities-filter-wrapper md-content .success-filter {
  margin-bottom: 10px;
}
.opportunities-filter-wrapper md-content .branches-filter md-chips {
  height: 0 !important;
}
.opportunities-filter-wrapper .opportunities-filter-controlls {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-grow: 0;
  padding-bottom: 4px;
}
.all-logs {
  padding: 20px;
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.logs-table-wrapper {
  overflow-y: auto;
}

.customer-wrapper {
  display: flex;
  flex-direction: row;
  width: fit-content;
  align-items: center;
}
.customer-wrapper .nav-button {
  width: 100%;
}
.customer-wrapper .customer-fullname {
  padding-left: 2px;
}

.conversion-modal-content-wrapper {
  overflow-x: hidden;
}

.conversion-log-table-wrapper {
  padding: 20px;
  overflow-x: auto;
}
.conversion-log-table-wrapper .logs-table-wrapper table.md-table th.md-column {
  white-space: pre-wrap;
}
.conversion-log-table-wrapper .logs-table-wrapper table tr td:last-child {
  width: 50px;
}
.conversion-log-table-wrapper .conversion-log-table-readonly md-checkbox {
  display: none;
}
.controls-container {
  padding: 0 15px;
  position: absolute;
  right: 0;
  bottom: 75px;
}

md-content .end-date {
  margin-bottom: 0;
}
md-content .customer-name {
  padding-bottom: 0 !important;
}
md-content .customer-name .md-errors-spacer {
  min-height: 0;
}
md-content .customer-name md-input-container {
  width: 100%;
}
md-content .date-filter, md-content .success-filter {
  margin-bottom: 10px;
}
md-content .branches-filter md-chips {
  height: 0 !important;
}
.contact-type-wrapper, .lo-picker-title {
  padding: 0 6px;
}

.contact-type-wrapper p {
  margin-top: 5px;
  margin-bottom: 5px;
}

.lo-edit-wrapper .lo-picker-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.lo-edit-wrapper .lo-picker-title p {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
}
.lo-edit-wrapper .lo-picker-title .md-button {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.user-widget-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  flex-shrink: 0;
}
.user-widget-wrapper .borrower-name {
  z-index: 3;
  text-transform: capitalize;
  color: white;
  top: 6%;
  position: relative;
}
.user-widget-wrapper .user-avatar {
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  width: 250px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-widget-wrapper .user-avatar img {
  vertical-align: middle;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.4);
}
.user-widget-wrapper .properties-wrapper {
  z-index: 1;
  display: flex;
}
.user-widget-wrapper .properties-wrapper .propery {
  margin: 0 10px;
}
.user-widget-wrapper .background-span {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: white;
}
.user-widget-wrapper .background-main {
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  right: 0;
  z-index: 0;
}

widget-content {
  display: block;
}

borrower-widget {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.csv-report-controlls {
  border: 1px solid #d3d3d3;
  border-radius: 0 0 4px 4px;
  border-top: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: auto;
}
.csv-report-controlls single-employee-selector {
  display: block;
  padding: 10px 6px;
}
.csv-report-controlls .customer-info .info-row {
  margin: 5px 0;
}
.csv-report-controlls borrower-widget {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.csv-report-controlls .empl-disabled-notific {
  padding: 6px;
  color: red;
}
.csv-report-controlls .control-wrapper {
  width: 100%;
  display: flex;
}
.csv-report-controlls .control-wrapper .customer-toggle-dscription-wrapper {
  display: flex;
  align-items: center;
  width: 70%;
}
.csv-report-controlls .control-wrapper .customer-toggle-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
}
.csv-report-controlls .control-wrapper span {
  margin: 0 8px;
}

.customer-toggle-tooltip-text {
  font-size: 1.2em;
  margin: 7px;
}



.selected-contacts-count {
  line-height: 40px;
}

.selected-contacts-actions {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  flex-grow: 1;
}

.md-tooltip {
  height: auto;
}

.dropdown-item-button {
  width: 91%;
  text-align: left;
}

.btn-secondary-custom {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

.contacts-whiteframe {
  width: 100%;
  display: flex;
}

#contacts-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  width: 100%;
}
#contacts-list md-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  background: #424242;
  color: white;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}
#contacts-list md-toolbar .md-toolbar-tools {
  width: min-content;
}
#contacts-list md-toolbar .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding-left: 24px;
}
#contacts-list md-toolbar .title h2 {
  margin: 0;
}
#contacts-list md-whiteframe {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: white;
}
#contacts-list .contacts-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  overflow-y: hidden;
}
#contacts-list .contacts-content .contacts-table-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
}
#contacts-list table tbody > .md-button {
  position: relative;
  display: table-row;
}
.tone-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: var(--border-radius);
  margin-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tone-row-group {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tone-row label {
  flex: 1;
  text-align: left;
  padding: 15px;
  background-color: #f1f1f1;
  border-radius: var(--border-radius);
  margin-bottom: 10px;
}

.tone-row label:last-child {
  margin-bottom: 0;
}

.tone-row-group.last-row {
  justify-content: flex-start;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
}

.tone-row-group:last-of-type {
  width: 50%;
  margin: 0 auto;
}

.tone-row:nth-child(odd) {
  margin-right: 20px;
}

.md-radio-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 0;
  margin-top: auto;
}

.md-radio-button {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.md-radio-button label {
  margin-left: 5px;
  text-align: left;
}

.md-radio-group-container {
  position: relative;
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.radio-description {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-grow: 1;
}

.description-text {
  font-size: 12px;
  color: #666;
  margin-bottom: 10px;
  margin-left: -10px;
}
.generate-preview-btn {
  padding: 10px 20px;
  background-color: #007bff;
  border: none;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.generate-preview-btn:hover {
  background-color: #0056b3;
}

.email-preview-section {
  flex-grow: 1;
  padding: 10px;
  margin-bottom: 100px;
}

.preview-content {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
}

.preview-content p {
  margin-bottom: 15px;
  line-height: 1.6;
}

.preview-content strong {
  font-weight: bold;
}
.opportunity-right-section {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.opportunity-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center;
}

.opportunity-btn {
  padding: 10px;
  background-color: #d3d3d3;
  border: none;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
}

.opportunity-btn:hover {
  background-color: rgba(255, 110, 64, 0.87);
  box-shadow: 0 0 8px rgba(255, 110, 64, 0.5);
}

.opportunity-btn.selected {
  background-color: rgba(255, 110, 64, 0.87);
  box-shadow: 0 0 12px rgba(0, 123, 255, 0.8);
}
.email-length-selector .md-radio-button {
  width: 100%;
  background-color: #f1f1f1;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.email-length-selector .md-radio-button:hover {
  background-color: #e6e6e6;
}

.email-length-selector .md-radio-button.md-checked {
  background-color: rgba(255, 110, 64, 0.87);
  color: white;
  border-color: rgba(255, 110, 64, 0.87);
}

.email-length-selector .md-radio-button .md-container {
  display: none;
}

.email-length-selector .md-radio-button .md-label {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 15px 0;
  transition: color 0.3s ease;
}

.email-length-selector .md-radio-button .md-label {
  margin-left: 0;
  text-align: center;
  font-size: 16px;
  width: 100%;
  padding: 15px 0;
  transition: color 0.3s ease;
}
.settings-content {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px;
}

.setting-group-2 {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}

.setting-group {
  margin-bottom: 45px;
}

.emoji-preferences-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.include-emoji-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: flex-start;
  margin-top: -10px;
}

.footer-controls {
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 10;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.footer-controls .enabled-save-btn {
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border: 2px solid #007bff;
}

.footer-controls .enabled-save-btn:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.footer-controls .disabled-save-btn {
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: #d3d3d3;
  color: #888888;
  cursor: not-allowed;
  border: 2px solid #d3d3d3;
}

.footer-controls button {
  padding: 10px 20px;
  margin-left: 10px;
  border: 2px solid #007bff;
  background-color: #007bff;
  color: #fff;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.footer-controls button:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}
.preview-content-wrapper {
  flex-grow: 1;
  overflow-y: auto;
  padding: 15px;
  box-sizing: border-box;
}

.generate-preview-content {
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 10;
  flex-shrink: 0;
  box-sizing: border-box;
}

.generate-preview-section {
  display: flex;
  justify-content: center;
  background-color: #fff;
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
}

/*# sourceMappingURL=main.2319b5102be9cbe22d86.css.map*/