@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,900") all;
@import url("/external_css/4.3.1.bootstrap.min.css") all;
@import url("/external_css/react-draft-wysiwyg.css") all;
@import url("/external_css/react-virtualized.css") all;
@import url("/external_css/react-flow.css") all;
@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open%20Sans&display=swap");
.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

@font-face {
  font-family: "CircularStdBook";
  src: url("https://static.zapflow.com/fonts/CircularStdBook.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CircularStdBook";
  src: url("https://static.zapflow.com/fonts/CircularStdBlack.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CircularStdBook";
  src: url("https://static.zapflow.com/fonts/CircularStdBookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SuperiorTitleBlack";
  src: url("https://static.zapflow.com/fonts/SuperiorTitleBlack.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "News Gothic MT";
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT.eot");
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT.woff2") format("woff2"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT.woff") format("woff"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT.ttf") format("truetype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT.svg#NewsGothicMT") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "News Gothic MT";
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Bold.eot");
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Bold.woff2") format("woff2"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Bold.woff") format("woff"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Bold.ttf") format("truetype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Bold.svg#NewsGothicMT-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "News Gothic MT";
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-BoldItalic.eot");
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-BoldItalic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-BoldItalic.woff") format("woff"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-BoldItalic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-BoldItalic.svg#NewsGothicMT-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "News Gothic MT";
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Italic.eot");
  src: url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Italic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Italic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Italic.woff") format("woff"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Italic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/gothic-types/NewsGothicMT-Italic.svg#NewsGothicMT-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BlackItalic.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BlackItalic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BlackItalic.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BlackItalic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BlackItalic.svg#PalatinoLTPro-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Light.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Light.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Light.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Light.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Light.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Light.svg#PalatinoLTPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BoldItalic.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BoldItalic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BoldItalic.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BoldItalic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-BoldItalic.svg#PalatinoLTPro-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Italic.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Italic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Italic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Italic.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Italic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Italic.svg#PalatinoLTPro-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Black.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Black.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Black.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Black.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Black.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Black.svg#PalatinoLTPro-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Bold.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Bold.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Bold.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Bold.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Bold.svg#PalatinoLTPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Roman.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Roman.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Roman.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Roman.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Roman.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Roman.svg#PalatinoLTPro-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-MediumItalic.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-MediumItalic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-MediumItalic.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-MediumItalic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-MediumItalic.svg#PalatinoLTPro-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Medium.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Medium.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Medium.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Medium.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Medium.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-Medium.svg#PalatinoLTPro-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Palatino LT Pro";
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-LightItalic.eot");
  src: url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-LightItalic.woff2") format("woff2"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-LightItalic.woff") format("woff"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-LightItalic.ttf") format("truetype"), url("https://static.zapflow.com/fonts/palatino-types/PalatinoLTPro-LightItalic.svg#PalatinoLTPro-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
* {
  font-family: inherit;
}

body {
  font-family: "Muli", sans-serif;
}

.loading {
  margin-top: 20px;
  text-align: center;
  font-size: 10px;
}

.fa-spin {
  margin-right: 0.2em;
}

.connection-problem {
  z-index: 20000;
  font-size: 1.5em;
  background-color: #00B8C7;
  color: white;
  height: 0;
  transition: height 1s ease;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.connection-problem p {
  text-align: center;
  padding: 2em;
}

.connection-problem.active {
  height: auto;
  min-height: 5em;
}

.fixed-navbars {
  display: flex;
  flex-flow: column nowrap;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
}

.bs-fixed-navbars {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* * {
  line-height: 1.25;
}
 */
*:not(.ag-root *):not(.ag-root) {
  line-height: 1.25;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.25;
  -webkit-print-color-adjust: exact;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

ol,
ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.someinput::-ms-clear {
  width: 0;
  height: 0;
}

.entity-error-container {
  padding: 0.9375rem;
  max-width: 40rem;
  margin: 0 auto;
}
.entity-error-container .alert {
  margin-bottom: 0;
}
.entity__container {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: calc(100vh - 52px - 50px);
}
.entity__container--grid {
  overflow-x: hidden;
  height: calc(100vh - 214px);
}
@media screen and (max-width: 768px) {
  .entity__container .container-fluid.entity {
    padding: 0;
  }
}
.entity-icon {
  font-size: 2.5rem;
  margin-right: 1.25rem;
  color: #8ABF4C;
}
.entity-header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-flow: row;
  width: 100%;
  justify-content: space-between;
  padding: 0.9375rem;
}
.entity-header > * {
  flex: 1;
  display: flex;
  align-items: center;
}
.entity-header > *:last-child {
  justify-content: flex-end;
}
.entity-header-spacings {
  padding: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .entity-header-spacings {
    padding: 0rem;
  }
}
@media screen and (max-width: 767px) {
  .entity-header {
    padding: 0 0.9375rem;
  }
}
@media screen and (max-width: 940px) {
  .entity-header > .d-flex {
    display: block;
  }
}
.entity-header .entity-name {
  display: block;
  flex: 1;
  position: relative;
}
.entity-header .entity-name .entity-header-name-input {
  font-size: 1.25rem;
  font-weight: 600;
  padding-right: 20px;
  padding-top: 0;
  border: none;
  color: #888C81;
}
.entity-header .entity-name .cancel-btn {
  right: 0;
  top: 0.75rem;
}
.entity-header .entity-name input {
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.entity-header .entity-name [disabled] {
  background-color: transparent;
}
.entity-editor-header-settings {
  display: none;
  color: #8ABF4C;
  font-size: 0.875rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .entity-editor-header-settings {
    display: block;
    margin-right: 10px;
  }
}
.entity-editor-header-settings i {
  display: none;
}
@media screen and (max-width: 767px) {
  .entity-editor-header-settings i {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .entity-editor-header-settings span {
    display: none;
  }
}
.entity-module {
  background: #FFF;
  box-shadow: 0 0px 15px 0 rgba(51, 51, 51, 0.1);
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 1.25rem;
  margin-bottom: 0.9375rem;
  transition: 0.3s;
}
.entity-module .show-on-module-hover {
  display: none;
}
.entity-module:hover .show-on-module-hover {
  display: initial;
}
.entity-module.is-guest {
  margin-top: 0.9375rem;
  padding-top: 0.375rem;
}
@media screen and (max-width: 767px) {
  .entity-module {
    padding: 15px 0;
  }
}
.entity-module .file-dropzone {
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .entity-module .file-dropzone {
    padding-right: 0.9375rem;
  }
}
.entity-module .file-dropzone .fallback {
  height: 3.75rem;
  justify-content: center;
  border-radius: 3px;
  margin-top: 1rem;
}
.entity-module .dropzone-instructions {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.entity-module .dropzone-instructions span {
  padding-left: 0.5rem;
}
.entity-module .file-dropzone .fallback i {
  margin-bottom: 0;
  font-size: 1.875rem;
}
.entity-module.dragging {
  background: rgba(138, 191, 76, 0.15);
}
.entity-module-drag-handle {
  visibility: hidden;
  margin-right: -15px;
  padding-right: 3px;
  position: relative;
  left: -15px;
  cursor: move;
}
.entity-module.collapsed .entity-editor-header-settings {
  visibility: hidden;
}
.entity-module-header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .entity-module-header {
    padding: 0 0.9375rem;
  }
}
.entity-module-header .collapse-icon {
  margin-left: 0.3125rem;
  margin-right: 0.5rem;
  width: 0.9375rem;
  text-align: center;
}
.entity-module-header-tools i {
  margin-left: 0.25rem;
}
.entity-module-header-content {
  margin-left: 0;
}
.entity-module-header-content i {
  font-size: 0.75rem !important;
  line-height: 20px;
}
.entity-module-header i {
  font-size: 1rem;
}
.entity-module-header .entity-module-drag-handle {
  top: 2px;
  left: -8px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .entity-module-header .entity-module-drag-handle {
    display: none;
  }
}
.entity-module-header:hover .entity-module-drag-handle {
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .entity-module-header:hover .entity-module-drag-handle {
    visibility: hidden;
  }
}
.entity-module-content .owner-circle {
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
  cursor: pointer;
}
.entity-module-content .entity-logo-container {
  max-width: 15.625rem;
}
.entity-module-content .entity-logo-container img {
  max-width: 100%;
}
.entity-module-content .ratings-circle,
.entity-module-content .ratings-block {
  cursor: pointer;
}
.entity-module-content .ratings-disabled {
  background-color: #888C81;
  cursor: not-allowed;
}
@media screen and (max-width: 767px) {
  .entity-module-content .flex-row {
    padding: 0 10px;
  }
}
.entity-module-content .entity-header-name-input {
  width: 100%;
  line-height: 1.25;
  padding: 0.375rem 0;
  border: none;
  border-bottom: 2px solid transparent;
}
.entity-module-content .entity-header-name-input::-ms-clear {
  display: none;
}
.entity-module-content .entity-header-name-input:focus {
  border-bottom: 2px solid #8ABF4C;
  outline: none;
  box-shadow: none;
}
.entity-module-content.collapsed {
  max-height: 0;
}
.entity-module-content.collapsed > * {
  display: none;
}
.entity-module-content-container {
  height: auto;
  padding: 0 15px;
  margin: 0 -15px;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}
@media screen and (max-width: 767px) {
  .entity-module-content-container {
    margin: 0;
    padding: 0;
  }
}
.entity-module-content-container.collapsed {
  max-height: 0;
  display: none;
}
.entity-module:hover .entity-editor-header-settings {
  display: block;
}
.entity-module .zapflow-table {
  width: calc(100% - 10px);
  margin-top: 12px;
  margin-left: 10px;
}
.entity-module .field-editor .zapflow-table {
  width: 100%;
  margin: 0;
}
.entity-module .field-editor .table-responsive {
  margin-bottom: 0;
}
.entity-module .field-editor tfoot td {
  padding-bottom: 0;
  padding-left: 0;
}
.entity .flex-row-3-first-priority > * {
  flex: 1 0 33.3%;
  overflow: hidden;
  display: flex;
}
@media screen and (max-width: 768px) {
  .entity .flex-row-3-first-priority > * {
    flex: 1 0 33.3%;
    overflow: hidden;
    display: flex;
    margin: 0;
  }
}
.entity .flex-row-3-first-priority .ratings__container {
  justify-content: flex-end;
}

.activity-logger {
  background: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 3px;
  padding: 1.25rem 0 0 0;
}
.activity-logger .promotion {
  padding: 0.5rem;
}
.activity-logger .promotion span {
  display: block;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #777;
}
.activity-logger .promotion span a {
  color: #333;
  font-weight: 700;
  text-decoration: underline;
}

.entity-timeline-loading {
  padding-left: 1.125rem;
  padding-top: 1.125rem;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.activity-timeline .event-type-selector, .activity-timeline .activity-selector {
  justify-content: flex-start;
}
.activity-timeline .event-type-selector .tab, .activity-timeline .activity-selector .tab {
  margin-right: 1.25rem;
}
@media screen and (max-width: 767px) {
  .activity-timeline .event-type-selector .tab, .activity-timeline .activity-selector .tab {
    margin-right: 0.3125rem;
  }
}
.activity-timeline .activity-entry-footer {
  justify-content: space-between;
}
.activity-timeline .activity-truncated-text {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.activity-timeline .activity-entry-footer__related-entities,
.activity-timeline .activity-entry-footer__participants {
  justify-content: flex-end;
  align-items: center;
  flex-flow: row;
  flex-wrap: wrap;
  padding-left: 1rem;
  margin-left: auto;
}

.event-type-selector, .activity-selector {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 1.25rem;
  border-bottom: 1px solid #8ABF4C;
}
@media screen and (max-width: 1024px) {
  .event-type-selector, .activity-selector {
    padding: 0 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .event-type-selector, .activity-selector {
    padding: 0 0.3125rem;
  }
}
.event-type-selector .tab, .activity-selector .tab {
  display: inline-block;
  padding: 0 0.25rem 0.625rem;
  font-size: 0.875rem;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.event-type-selector .tab:last-child, .activity-selector .tab:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1366px) {
  .event-type-selector .tab, .activity-selector .tab {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1024px) {
  .event-type-selector .tab, .activity-selector .tab {
    padding: 0 0.1875rem 0.625rem;
  }
}
.event-type-selector .tab i, .activity-selector .tab i {
  margin-right: 0.25rem;
}
@media screen and (max-width: 1024px) {
  .event-type-selector .tab i, .activity-selector .tab i {
    font-size: 0.75rem;
    margin-right: 2px;
  }
}
@media screen and (max-width: 767px) {
  .event-type-selector .tab i, .activity-selector .tab i {
    display: none;
  }
}
.event-type-selector .tab span, .activity-selector .tab span {
  line-height: 16px;
}
.event-type-selector .tab.active, .activity-selector .tab.active {
  border-bottom: 2px solid #8ABF4C;
}
.event-type-selector .tab.active span, .activity-selector .tab.active span {
  font-weight: 600;
}
.event-type-selector .tab.active i, .activity-selector .tab.active i {
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .event-type-selector .tab span, .activity-selector .tab span {
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    display: block;
  }
}

.activity-selector {
  padding: 0;
  margin-top: 1.5rem;
}

.content-editor {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .content-editor {
    flex-direction: column;
  }
}
.content-editor .rdw-editor-main {
  max-height: 82vh;
}
.content-editor .processing-layer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  color: #8ABF4C;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.content-editor .processing-label {
  display: block;
  text-align: center;
  padding-top: 15px;
}
.content-editor .processing-layer__dimmer {
  background: rgb(255, 255, 255);
}
.content-editor .event-view__container {
  flex: 1 0 auto;
  display: flex;
}
.content-editor .event-view__container.has-content {
  width: calc(100% - 320px);
}
@media screen and (max-width: 1023px) {
  .content-editor .event-view__container.has-content {
    width: 100%;
  }
}
.content-editor .event-view__container .event-editor__container {
  flex: 0 0 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.content-editor .event-view__container:not(.has-content) .event-editor__container .ql-toolbar {
  display: none;
}
.content-editor .event-view__editor-container {
  padding: 0 1.5rem 0 0;
  flex: 1 1 auto;
  overflow: auto;
}
@media screen and (min-width: 1023px) and (max-width: 1440px) {
  .content-editor .event-view__editor-container {
    width: calc(100% - 200px);
  }
}
.content-editor .event-view__editor-container .ql-toolbar,
.content-editor .event-view__editor-container .email-nev-modal__attachments {
  display: none;
}
.content-editor .event-view__editor-container.has-content .ql-toolbar {
  display: flex;
  margin-top: auto;
}
.content-editor .event-view__editor-container.has-content .email-nev-modal__attachments {
  display: flex;
}
.content-editor .event-view__editor-container .editor-wrapper {
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.content-editor .event-view__editor-container .editor-wrapper .ck.ck-content.ck-editor__editable.ck-editor__editable_inline {
  border-color: transparent !important;
}
.content-editor .event-view__editor-container .event-editor__container {
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.content-editor .event-view__editor-container .ql-formats {
  display: flex;
  align-items: center;
}
.content-editor .event-view__editor-container .email-nev-modal__attachments {
  flex: 0;
  margin-top: 0;
  padding: 0.5rem 1rem;
}
.content-editor .event-view__editor-container .email-nev-modal__attachments__item {
  margin-bottom: 0.25rem;
}
.content-editor .event-view__editor-container .email-editor__footer__button {
  cursor: pointer;
}
.content-editor .event-view__editor-container .email-editor__footer__button:hover {
  color: #8ABF4C;
}
.content-editor .event-meta__container {
  width: 12.5rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  flex: 0 1 auto;
}
@media screen and (min-width: 1440px) {
  .content-editor .event-meta__container {
    width: 20rem;
  }
}
@media screen and (max-width: 1023px) {
  .content-editor .event-meta__container {
    width: 100%;
    margin-top: 1.25rem;
  }
}
.content-editor .event-meta__container .field-editor__content__header__label__text-content {
  font-size: 0.75rem;
}
.content-editor .event-meta__container .field-editor__content__header__label {
  width: auto;
}
.content-editor .event-meta__container .field-editor__handle {
  display: none;
}
.content-editor .event-meta__container .field-editor {
  padding: 0.375rem 0.5rem;
}
.content-editor .event-meta__container .entity-editor {
  margin: 0;
}

.ql-container.ql-snow {
  border: none;
}

.ql-toolbar.ql-snow {
  padding: 6px 5px;
  border: none;
  background: transparent;
}

.metadata-editor {
  padding: 0 1.25rem;
}

li.activity-entry:nth-last-child(-n+2) .activity-entry-left:before {
  border: 1px dashed rgba(119, 119, 119, 0.5);
}

.activity-entry {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-top: 0.9375rem;
}
.activity-entry:last-of-type .activity-entry-left:before {
  content: normal;
}
.activity-entry-left {
  width: 2.4375rem;
  margin-top: 0.5rem;
  position: relative;
}
.activity-entry-left:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 1px;
  bottom: -26px;
  width: 1px;
  border: 1px solid rgba(119, 119, 119, 0.5);
  z-index: 0;
  opacity: 0.4;
}
.activity-entry-left__in-progress:before {
  border: 1px dashed rgba(119, 119, 119, 0.5);
}
.activity-entry-left__in-progress .activity-bubble {
  background: #F5BD3E;
}
.activity-entry-left__in-progress .activity-bubble .fal {
  background: #F5BD3E;
}
.activity-entry.last-item .activity-entry-left:before {
  display: none;
}
.activity-entry-right {
  width: calc(100% - 39px);
}
.activity-entry:hover .dropdown__container {
  display: flex !important;
}
.activity-entry:hover .dropdown__container .btn {
  color: #888C81;
}
.activity-entry-header {
  color: #777;
  position: relative;
  font-size: 0.875rem;
  padding-right: 40px;
}
.activity-entry-header__text {
  display: inline-block;
  margin-right: 1rem;
}
.activity-entry-content {
  padding: 0.625rem 0 0;
  font-size: 0.8125rem;
}
.activity-entry-content .show-all {
  display: none;
}
.activity-entry-content .ql-editor {
  padding: 0.25rem 0;
  -webkit-user-select: text;
}
.activity-entry-content.closed .activity-entry-content-limit {
  max-height: 6.1875rem;
  overflow: hidden;
  position: relative;
}
.activity-entry-content.closed .activity-entry-content-limit .ql-editor {
  padding: 0.25rem 0;
  -webkit-user-select: text;
}
.activity-entry-content.closed.has-more .show-all {
  display: block;
  color: #8ABF4C;
  cursor: pointer;
  position: relative;
}
.activity-entry-content.closed.has-more .show-all:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  height: 40px;
  z-index: 1;
}
.activity-entry-block:hover .activity-entry-header .dropdown__container {
  display: flex;
}
.activity-entry-system-block {
  padding: 0.9375rem 0;
}
.activity-entry.footer {
  padding-top: 0.625rem;
}
.activity-entry.footer span {
  display: inline-block;
  padding-top: 0.9375rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #8ABF4C;
}
.activity-entry.footer .activity-entry-left {
  width: auto;
  display: inline-block;
  margin-left: -10px;
}
.activity-entry.footer .activity-entry-left:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  width: auto;
  height: auto;
  background: none;
  border: none;
  left: 19px;
}
.activity-entry-footer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.activity-entry-footer .attachment-dropdown.dropdown-toggle {
  padding: 0;
}
.activity-entry-footer__related-entities {
  display: flex;
  flex-direction: column;
}

.activity-bubble {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #8ABF4C;
  color: #FFF;
  font-weight: 600;
  font-size: 0.5625rem;
  text-transform: uppercase;
  position: relative;
}
.activity-bubble i {
  font-size: 0.75rem;
}
.activity-bubble.clickable {
  cursor: pointer;
}

.entity-header-section-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
}

.tags-list-container {
  margin: 0;
  min-height: 50px;
}
.tags-list-container .tags-label {
  background: none;
  color: #8ABF4C;
  border: 1px solid #8ABF4C;
  border-radius: 4px;
  padding: 3px 4px 4px;
  line-height: 1;
  font-size: 0.75rem;
}
.tags-list-container .tags-open-editor-button {
  border: none;
  font-weight: 600;
  font-size: 0.875rem;
}
.tags-list-container .tags-open-editor-button:before {
  content: normal;
}

.entity-name {
  font-size: 1.125rem;
  position: relative;
  align-content: flex-start;
  align-items: flex-start;
  text-align: left;
  width: 100%;
  display: block;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .entity-name {
    align-content: center;
    align-items: center;
    text-align: center;
  }
}
.entity-name .cancel-btn {
  display: none;
  right: 0;
  top: 0.75rem;
}
.entity-name [disabled] {
  background-color: transparent;
}
.entity-name__container {
  position: relative;
  padding-right: 0.3em;
  height: 100%;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.entity-name__container.focused .entity-name__container-sizer {
  color: transparent;
}
.entity-name__container > .entity-header-name-input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  color: transparent;
}
.entity-name__container > .entity-header-name-input:focus {
  color: #888C81;
}
.entity-name__container-sizer {
  position: relative;
  color: #888C81;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
.entity-name__container-sizer, .entity-name__container > .entity-header-name-input {
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1.25;
  border-bottom: 1px solid transparent;
  background: none;
  font-size: 1.5rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .entity-name__container-sizer, .entity-name__container > .entity-header-name-input {
    font-size: 1.125rem;
  }
}
.entity-name__container-sizer:hover, .entity-name__container > .entity-header-name-input:hover {
  cursor: pointer;
}
.entity-name__container-sizer:not(:focus), .entity-name__container > .entity-header-name-input:not(:focus) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.entity-name__container-sizer:focus, .entity-name__container > .entity-header-name-input:focus {
  border-bottom: 1px solid #8ABF4C;
  box-shadow: none;
  outline: none;
}

.activity-timeline .dropdown-toggle {
  background: none !important;
  padding-bottom: 0;
  font-size: 0.875rem;
}
.activity-timeline .dropdown-toggle:hover {
  color: #8ABF4C !important;
}
.activity-timeline .dropdown-menu {
  transform: none !important;
  left: auto !important;
  right: 0 !important;
  min-width: 8.75rem;
  border: 1px solid #8ABF4C;
  padding: 0.25rem 0;
}
.activity-timeline .dropdown-menu.direction-up {
  top: auto !important;
}
.activity-timeline .dropdown-menu a {
  padding: 0.25rem 0.75rem;
}

.activity-entry-footer .dropdown-menu {
  min-width: 8.75rem;
  right: auto;
  left: 0;
  border: 1px solid #8ABF4C;
  padding: 0;
}
.activity-entry-footer .dropdown-menu i:last-child {
  padding-right: 0;
}
.activity-entry-footer .dropdown-menu a {
  width: 100%;
  padding: 0.25rem 0.75rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  white-space: pre-wrap;
}

.related-entities {
  margin-top: 0.625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (max-width: 767px) {
  .related-entities {
    padding-left: 0.9375rem;
  }
}
.related-entities__group label {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  color: #888C81;
}
.related-entities .text-underline {
  font-size: 0.875rem;
}
.related-entities .guests-info {
  font-size: 0.75rem;
  line-height: 1.25;
  margin-bottom: 20px;
}
.related-entities .guests-info-note {
  padding-bottom: 6px;
  font-weight: 700;
  text-transform: uppercase;
}
.related-entities .guests-info-text {
  padding-bottom: 0.375rem;
}
.related-entities .guests-info-text:last-of-type {
  padding-bottom: 14px;
}
.related-entities .guests-info .underline {
  text-decoration: underline;
}
.related-entities .guests-info ul {
  list-style: disc;
  list-style-position: inside;
}

.related-entity {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex: 1;
}
.related-entity-inner, .guest-account-list .guest-account-item, .kpi-reporting-card .card-header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background: #FFF;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
  border-radius: 3px;
  padding: 0.75rem 0.625rem;
  margin-bottom: 0.25rem;
  cursor: pointer;
}
.related-entity-inner:hover, .guest-account-list .guest-account-item:hover, .kpi-reporting-card .card-header:hover {
  background: #f5f5f5;
}
.related-entity-inner i, .guest-account-list .guest-account-item i, .kpi-reporting-card .card-header i {
  cursor: pointer;
}
.related-entity-inner i:hover, .guest-account-list .guest-account-item i:hover, .kpi-reporting-card .card-header i:hover {
  color: #8ABF4C;
}
.related-entity__label {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
}
.related-entity__label__display-name {
  display: inline-block;
  margin-left: 0.375rem;
}
.related-entity__comment {
  white-space: pre-wrap;
}
.related-entity i {
  flex: 0 0 auto;
  cursor: pointer;
  padding: 0 0.375rem;
}
.related-entity i.fa-times, .related-entity i.fa-comment-plus {
  visibility: hidden;
}
.related-entity:hover .fa-times,
.related-entity:hover .fa-comment-plus {
  visibility: visible;
}

.related-entities__add .btn {
  font-size: 0.875rem;
}

.association-editor label {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  color: #888C81;
}

.entity-editor .oppo-financials-currency-selector {
  border: none;
  color: #333;
  font-weight: 600;
  -moz-appearance: menulist;
}
@media screen and (max-width: 640px) {
  .entity-editor .oppo-financials-currency-selector {
    width: 100%;
  }
}
.entity-editor .oppo-financials-currency-selector:focus {
  box-shadow: none;
  outline: none;
  border: none;
}
.entity-editor .oppo-financials-row td {
  padding: 0;
  font-size: 13px;
  line-height: 1.25;
  vertical-align: middle;
  color: #333;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .entity-editor .oppo-financials-row td {
    font-size: 12px;
  }
}
.entity-editor .oppo-financials-row td:first-child {
  padding-left: 5px;
  padding-right: 5px;
  color: rgba(51, 51, 51, 0.6);
}
.entity-editor .oppo-financials-row td:first-child {
  border-left: 2px solid #DBDCD9;
}
.entity-editor .oppo-financials-row td:last-child {
  border-right: 2px solid #DBDCD9;
}
.entity-editor .oppo-financials-row:first-child td {
  border-top: 2px solid #DBDCD9;
}
.entity-editor .oppo-financials-row:last-child td {
  border-bottom: 2px solid #DBDCD9;
}
.entity-editor .oppo-financials-row input {
  border: 1px solid transparent !important;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}
.entity-editor .oppo-financials-row input:hover {
  border: 1px solid transparent !important;
}
.entity-editor .oppo-financials-row input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #8ABF4C !important;
}
.entity-editor .field-editor__content__header__label {
  width: 100%;
}
.entity-editor .field-editor__content__header__label__text-content {
  max-width: inherit;
  font-size: 13px;
  padding-bottom: 2px;
}

.event-meta__footer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding: 1.25rem 1.875rem 0.625rem;
}
.event-meta__footer .btn {
  width: 50%;
  border-radius: 0;
  margin: 0;
  padding: 0.0625rem 0.75rem 0.125rem;
  font-size: 0.875rem;
}
.event-meta__footer .disabled-button {
  width: 50%;
  border-radius: 0;
  padding: 0.0625rem 0.75rem 0.125rem;
  font-size: 0.875rem;
  border: 1px solid #c6ccbc;
  background-color: #c6ccbc;
  color: #fff;
}
.event-meta__footer .tasks-activity {
  margin-top: 0.9375rem;
}

.tasks-activity {
  padding: 0.9375rem 0;
}
.tasks-activity .table {
  width: 100%;
}

.associated-with-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.associated-with-element {
  display: inline-flex;
  align-items: center;
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
  padding: 0.25rem 0.5rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.75rem;
  cursor: pointer;
  position: relative;
}
.associated-with-element span {
  display: inline-block;
  padding: 0 0.5rem 0 0.25rem;
}
.associated-with-element > :not(.fa-times) {
  cursor: pointer;
}
.associated-with-element .fa-times {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  cursor: pointer;
  font-size: 0.625rem;
}
.associated-with-element .fa-times:hover {
  color: #E86546;
}

.activity-footer-text {
  display: inline-block;
  font-size: 0.75rem;
  color: #777;
  margin-right: 0.3125rem;
}

.meeting-participants__list {
  font-size: 0.875rem;
}

.activity-empty {
  display: block;
  text-align: center;
  padding: 1.25rem 0.5rem;
}

.completed-toggle-text {
  display: inline-block;
  padding-top: 0.5rem;
  color: #8ABF4C;
  cursor: pointer;
}
.completed-toggle-text:hover {
  color: #8ABF4C;
  text-decoration: underline;
}

.attachment-list {
  padding-left: 0.625rem;
  padding-top: 0.9375rem;
  padding-right: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .attachment-list {
    padding-right: 0.9375rem;
  }
}

.attachments-list-attachment {
  padding: 0.75rem 0.625rem;
  margin-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
.attachments-list-attachment:hover .module-attachment-buttons {
  display: flex;
  justify-content: flex-end;
}
.attachments-list-attachment .module-attachment-icon {
  margin-right: 0.375rem;
  color: #00a2ae;
}

.module-attachment-buttons {
  display: none;
}

.module-attachment-button {
  padding: 0 0.3125rem;
}
.module-attachment-button:hover {
  color: #8ABF4C;
}

.module-attachment-left {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 80%;
  padding-left: 0.25rem;
  padding-right: 1.25rem;
}

.module-attachment-filename {
  white-space: pre-wrap;
}

.module-attachment-right {
  width: 20%;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.related-entity-wrapper {
  padding: 0.9375rem 0.625rem;
}

.related-entities__group {
  margin-top: 0.625rem;
}

.entity-modules .field-editor {
  padding-left: 0.25rem;
  padding-right: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .entity-modules .field-editor {
    padding-left: 0;
    padding-right: 0.625rem;
  }
}
.entity-modules .associations-person-email {
  display: inline-block;
  color: #565952;
  text-decoration: underline;
  font-size: 0.875rem;
  font-weight: 600;
}
.entity-modules .related-entity-wrapper {
  padding-bottom: 0;
}
.entity-modules .btn {
  padding-bottom: 0;
}

.kpi-reporting-card .card-default {
  padding: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.kpi-reporting-card .card-group {
  margin-bottom: 0;
}
.kpi-reporting-card .card-header {
  padding: 0.4375rem 0.625rem;
}
.kpi-reporting-card .deal-card__title__field.card-title {
  width: 100%;
}
.kpi-reporting-card .company-kpi-card-open-button.btn {
  color: #777;
  border-color: #777;
}
.kpi-reporting-card .company-kpi-card-header {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
.kpi-reporting-card .company-kpi-card-header .btn {
  border: none !important;
  color: #333;
  visibility: hidden;
}
.kpi-reporting-card .company-kpi-card-header:hover .btn {
  visibility: visible;
}
.kpi-reporting-card .company-kpi-card-header:hover .btn:hover {
  background: none;
  color: #8ABF4C !important;
}
.kpi-reporting-card .card-body {
  padding: 0.9375rem 0.625rem 0 0.625rem;
}
.kpi-reporting-card .card-body .text-underline {
  padding-bottom: 0;
}
.kpi-reporting-card .btn-default {
  font-size: 0.875rem;
}

.guest-account-list .guest-account-item {
  justify-content: space-between;
  margin-bottom: 4px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.guest-account-list .guest-account-item > span {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.guest-account-list .guest-account-item .form-persons__selected-guest {
  display: block;
  width: 90%;
  font-weight: 400;
  color: #333333;
  padding-top: 0;
  line-height: 1;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .guest-account-list .guest-account-item .form-persons__selected-guest {
    font-size: 0.875rem;
  }
}
.guest-account-list .guest-account-item-wrapper {
  position: relative;
}
.guest-account-list .guest-account-item-wrapper:hover .btn {
  visibility: visible;
}
.guest-account-list .guest-account-item-wrapper:hover .btn:hover {
  color: #8ABF4C !important;
}
.guest-account-list .btn {
  padding: 0 0.375rem;
  border: none !important;
  color: #333 !important;
  line-height: 1;
  visibility: hidden;
  transition: none;
  position: relative;
  top: -2px;
}

.remove-team-member {
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background: #FFF;
  color: #E86546;
  font-size: 1.25rem;
  display: none;
  z-index: 2;
  cursor: pointer;
  opacity: 0.9;
}

.owner-circle.team-member {
  position: relative;
  cursor: auto;
  margin-left: 0.625rem;
  margin-bottom: 0.375rem;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .owner-circle.team-member {
    margin-left: 0.3125rem;
  }
}
.owner-circle.team-member:hover .remove-team-member {
  display: flex;
}

.add-team-member {
  color: #8ABF4C;
  cursor: pointer;
  margin-left: 0.9375rem;
  white-space: nowrap;
  min-height: 2.5em;
  display: flex;
  align-self: center;
  vertical-align: middle;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.add-team-member > i {
  flex: 1 1 100%;
}
.add-team-member:hover {
  color: #8ABF4C;
  text-decoration: none;
}

.team-members {
  padding-top: 0.3125rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}

.guest-checkbox .checkmark {
  top: 2px;
}

.remove-tag {
  font-size: 0.875rem;
  cursor: pointer;
}

.entity-new-tags {
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .entity-new-tags {
    padding-top: 0.9375rem;
  }
}

.tags-container {
  padding: 8px 16px 0;
  border: 1px solid rgba(56, 54, 59, 0.15);
  border-radius: 50px;
}
.tags-container:hover {
  border: 1px solid #38363B;
}

.tag-label {
  font-size: 10px;
  line-height: 1;
  margin-bottom: 4px;
}

.new-tag-container {
  min-height: 28px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  margin-right: 6px;
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 1;
  font-size: 14px;
  border: none;
  border-radius: 25px;
  padding: 4px 8px;
  border: 1px solid #B7B5B0;
  color: #38363B;
}
.new-tag-container:hover {
  background: #D9E4CB;
}
.new-tag-container-wrapper {
  max-height: 62px;
  overflow: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.tag-curtain-attributes .show-all:hover {
  color: #8ABF4C;
  text-decoration: none;
}

.show-empty-tag-fields {
  color: #8ABF4C;
  font-size: 0.875rem;
}
.show-empty-tag-fields:hover {
  color: #8ABF4C;
}

.fal.fa-pencil.new-tags-open-editor-button {
  visibility: hidden;
  cursor: pointer;
}

.new-tags-container {
  margin-right: 12px;
  margin-bottom: 0.5rem;
}
.new-tags-container:hover .new-tags-open-editor-button {
  visibility: visible;
}

.new-tags-list-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.875rem;
  cursor: pointer;
}

.new-tags-icon {
  color: #333;
}

.new-tags-non-empty {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.new-tags-non-empty i {
  width: 24px;
  padding-top: 3px;
  text-align: center;
}

.allocation-split {
  width: 100%;
  border-collapse: separate;
  margin: 0 -8px;
}
.allocation-split tr td {
  padding: 0.25rem 0.5rem;
}
.allocation-split tr td:last-child {
  padding-right: 0;
  text-align: right;
}
.allocation-split tr td.allocation-split-cell.allocation-split-cell--footer {
  font-weight: bold;
}
.allocation-split tr td.allocation-split-cell.allocation-split-cell--footer i {
  color: #E86546;
}

.allocation-split-read-mode {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.allocation-split-read-mode .allocation-split-read-label {
  min-width: 3.75rem;
  color: #777;
}
.allocation-split-read-mode .allocation-split-read-label:after {
  content: ":";
}
.allocation-split-read-mode .allocation-split-read-value {
  margin-left: 1rem;
}

.new-value {
  font-size: 0.875rem;
  text-decoration: underline;
}

.location-icon {
  color: #333;
  padding-right: 0.5rem;
}
.location-icon:hover {
  color: #8ABF4C;
}
.location-icon i {
  font-size: 1.125rem;
}

.remove-icon {
  color: #E86546;
  padding-right: 0.5rem;
}
.remove-icon i {
  visibility: hidden;
}
.remove-icon:hover i {
  visibility: visible;
}

.holdings-exited {
  color: #FFF;
  background: #00B8C7;
  margin-left: 0.9375rem;
  cursor: pointer;
  font-weight: bold;
  align-self: center;
  vertical-align: middle;
  justify-content: center;
  justify-items: center;
  align-items: center;
  padding: 8px 8px 8px 8px;
}

.fundraising-opportunity .field-editor__content__header__source {
  display: none;
}

.aggregate-value {
  min-width: 2.5rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #FFF;
  border-radius: 4px;
  background: #6c757d;
}
.aggregate-value--badge {
  border-radius: 25px;
  background: #8ABF4C;
}

.value-creation-content .show-all {
  display: block;
  color: #8ABF4C;
  cursor: pointer;
  position: relative;
}
.value-creation-content .show-all:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  height: 40px;
  z-index: 1;
}

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

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}
.one-pager__h1 {
  font-size: 24px;
  font-weight: 700;
}
.one-pager label {
  font-size: 20px;
  color: #4B4E46 !important;
}
.one-pager__textarea .form-control-plaintext {
  height: auto;
  overflow-y: hidden;
  white-space: pre-wrap;
}
.one-pager__textarea .form-control-plaintext.edit-off {
  border-bottom: 2px solid #eee;
}
.one-pager__textarea .form-control-plaintext.edit-off:hover {
  border-bottom: 2px solid #eee;
  cursor: default;
}

.deal {
  display: block;
  background-color: #eee;
}
.deal-left {
  width: auto;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .deal-left .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
.deal-left .zap-card {
  border-radius: 0 0 3px 3px;
}
.deal-right {
  min-width: 500px;
  max-width: 850px;
  width: 500px;
  float: right;
}
.deal-view {
  flex: 1 1 100%;
  padding-top: 2em;
}
.deal-view__container {
  flex: 1 1 100%;
  overflow: auto;
  display: flex;
}
.deal-view__header {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}
.deal-view .form-currency-form span.input-group {
  width: 100%;
}
.deal-view .form-numeric-form span.input-group {
  width: 100%;
}
.deal-view .form-integer-form span.input-group {
  width: 100%;
}
.deal-view__stages-container {
  width: calc(100% + 30px);
  padding-top: 0;
  margin-left: -15px;
}
.deal-view__stages-table {
  margin: 0;
  position: relative;
}
.deal-view__stages-table .table__row {
  border: none;
  box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.2);
  position: relative;
  z-index: 3;
}
.deal-view__stages-table .table__cell {
  text-align: center;
  background-color: #FFF;
  color: #888C81;
  padding: 0;
  border: none;
  text-transform: capitalize;
  cursor: pointer;
}
.deal-view__stages-table .table__cell:last-child span:after, .deal-view__stages-table .table__cell:last-child span:before {
  content: normal !important;
}
.deal-view__stages-table .table__cell span {
  display: block;
  position: relative;
  padding: 6px 0 8px 24px;
  min-height: 2.125rem;
}
.deal-view__stages-table .table__cell span:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 18px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 18px solid transparent;
  border-left: 18px solid #FFF;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 100%;
  z-index: 2;
}
.deal-view__stages-table .table__cell span:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #E4E4E4;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  margin-left: 1px;
  left: 100%;
  z-index: 2;
}
.deal-view__stages-table .table__cell.isActive {
  background-color: #8ABF4C;
  color: #FFF;
  cursor: default;
}
.deal-view__stages-table .table__cell.isActive:hover {
  background-color: #8ABF4C !important;
}
.deal-view__stages-table .table__cell.isActive:hover span {
  color: #FFF !important;
}
.deal-view__stages-table .table__cell.isActive span:after {
  margin-top: -18px;
  border-top: 18px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 18px solid transparent;
  border-left: 18px solid #8ABF4C;
}
.deal-view__stages-table .table__cell.isActive span:before {
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #8ABF4C;
  margin-left: 0;
}
.deal-view__stages-table .table__cell.isActive:hover {
  background-color: #8ABF4C;
}
.deal-view__stages-table .table__cell:hover {
  background-color: white !important;
}
.deal-view__stages-table .table__cell:hover span {
  color: #8ABF4C;
}
.deal-view__stages-table .table__cell:hover span:before {
  content: " ";
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #8ABF4C;
}
.deal-view-circles {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-size: 14px;
  color: #888C81;
  background: #f5f5f5;
  padding: 0 0.9375rem;
}
@media screen and (max-width: 767px) {
  .deal-view-circles .d-flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .deal-view-circles {
    display: block;
    padding-bottom: 0.625rem;
  }
}
.deal-view-circles__node {
  width: inherit;
  min-width: 6rem;
  max-width: 6rem;
  height: 100%;
  overflow: visible;
  padding: 1em;
  white-space: nowrap;
}
.deal .card-header {
  cursor: pointer;
  display: none !important;
}
.deal .deal-sidebar-contacts {
  background: white;
}
.deal .deal-sidebar-contacts .card-content {
  margin-bottom: 1em;
}
.deal .deal-sidebar-contacts .card-content .form-persons__person-card__select {
  width: auto;
}
.deal .deal-sidebar-guests {
  background: white;
}
.deal .deal-sidebar-guests a {
  color: #8ABF4C;
}
.deal .deal-sidebar-guests-ad {
  padding-left: 15px;
  padding-right: 15px;
}
.deal-card__main.is-hidden {
  display: none;
}
.deal-card__default {
  border-color: transparent;
}
.deal-card__default.card {
  box-shadow: none;
}
.deal-card__default .card-header {
  background-color: transparent;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.25rem;
  cursor: pointer;
}
.deal-card__default .card-body {
  border-top-color: transparent !important;
  padding: 0;
}
.deal-card__default:first-child:not(:last-child) .card-body {
  padding-bottom: 0;
}
.deal-card__title__super {
  font-size: 24px;
  font-weight: 500;
}
.deal-card__title__super > a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
.deal-card__title__field {
  font-size: 20px;
  font-weight: 400;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .deal-card__title__field {
    margin-bottom: 0.75rem;
    word-break: break-all;
    width: 70%;
  }
}
.deal-card__title__field.left {
  flex-direction: row;
}
.deal-card__title__green {
  color: #709f39;
  flex-direction: row;
}
.deal-card__title__sub {
  font-size: 18px;
  font-weight: 300;
}
.deal-card__title__glyph {
  font-size: 14px;
  margin-right: 0.5em;
  top: -1px;
}
.deal-card__title__glyph:hover {
  color: #8ABF4C;
}
.deal-content-tab .deal-sidebar-content .card-group {
  background-color: #FFF;
}
.deal-sidebar-tab > ul.nav {
  padding-bottom: 1px;
}
.deal-sidebar-content {
  background-color: #FFF;
  box-shadow: 0 6px 15px 0 rgba(51, 51, 51, 0.05);
  border-radius: 0 0 3px 3px;
}
.deal-sidebar-content > div.deal-card__default:first-child {
  background-color: #E6E6E1;
}
.deal-sidebar-content .form-persons__person-card {
  width: 100%;
}
.deal-sidebar-content div[class^=col-lg-] {
  width: 100%;
}
.deal-sidebar-content div[class^=col-sm-] {
  width: 100%;
}
.deal-sidebar-content div[class^=col-xs-] {
  width: 100%;
}
.deal-sidebar-content .form-company-name .form__tab__nav {
  width: auto;
}
.deal-sidebar-content .form-company-name .form__tab__nav .form__background {
  padding-right: 1em;
}
.deal-sidebar-arrow {
  position: relative;
  margin-bottom: -44px;
  margin-top: 0px;
  left: -32px;
  top: 0px;
  z-index: 10;
  border: 2px solid #C6CCBC;
}
.deal-sidebar-arrow.btn.btn-default:hover:enabled {
  cursor: col-resize;
}
.deal-create-task-modal__header {
  background-color: #E6E6E1;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: flex;
  align-items: center;
}
.deal-create-task-modal__header__icon {
  padding: 10px;
  vertical-align: middle;
  margin-right: 10px;
  color: #FFF;
  background: #F5BD3E;
}
.deal-create-task-modal__header__label {
  font-weight: bold;
}
.deal-create-task-modal__textarea {
  resize: none;
}
.deal-create-task-modal__datetimepicker {
  width: 200px;
  margin-left: auto;
}
.deal-create-task-modal__footer {
  text-align: left;
  border: none;
  padding: 0.625rem 1.875rem 1.875rem;
}
.deal-create-task-modal__footer .btn {
  width: 30%;
}
.deal-create-task-modal__footer__button {
  margin-top: 1em;
  width: 48%;
}
.deal-attachments {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
}
.deal-attachments-list {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 20px;
}
.deal-attachments-list-attachment {
  overflow: auto;
  padding: 0 15px;
  margin: 0px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
  border: none;
  border-radius: 3px;
  margin-bottom: 3px !important;
}
.deal-attachments-list-attachment-left {
  width: auto;
  overflow: hidden;
  padding: 0.3125rem 0;
  margin: 0px;
  cursor: pointer;
}
.deal-attachments-list-attachment-left i {
  color: #00a2ae;
}
.deal-attachments-list-attachment-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
}
.deal-attachments-list-attachment__icon {
  margin-right: 10px;
  color: #4B4E46;
}
.deal-attachments-list-attachment__filename {
  font-size: 14px;
  font-weight: 600;
  width: 15em;
  overflow-x: hidden;
  overflow-y: hidden;
  line-height: 1.5em;
  text-overflow: ellipsis;
}
.deal-attachments-list-attachment__account {
  margin-right: 0.5rem;
  font-size: 14px;
  font-weight: 600;
}
.deal-attachments-list-attachment__created {
  margin-right: 0.375rem;
  font-size: 0.75rem;
  font-weight: 300;
  color: #c7c9c4;
}
.deal-attachments-list-attachment__buttons {
  margin-left: 5px;
}
.deal-attachments-list-attachment__buttons .btn {
  padding: 0;
  border: none !important;
}
.deal-attachments-list-attachment__buttons .btn:hover {
  background: none !important;
  color: #8ABF4C !important;
}
.deal-attachments-upload {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
.deal-attachments-upload__add {
  padding: 8px 20px;
  background-color: #8ABF4C;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  outline: none;
  color: #FFF;
  cursor: pointer;
}
.deal-attachments-upload__add:hover {
  background-color: #7db240;
}
.deal-attachments-upload-editor {
  display: flex;
  flex-flow: column nowrap;
  max-width: 400px;
  padding: 1.25rem 1.5625rem;
  border-radius: 5px;
}
.deal-attachments-upload-editor-container {
  background-color: #eee;
  box-shadow: none !important;
  border: 0px;
  margin-top: 0.625rem;
  border-radius: 0.3125rem;
  width: 100%;
}
.deal-attachments-upload-editor-container .card-body {
  padding: 0.625rem;
}
.deal-attachments-upload-editor-field {
  display: flex;
  justify-content: space-between;
}
.deal-attachments-upload-editor-field:not(:last-child) {
  margin-bottom: 10px;
}
.deal-attachments-upload-editor__file {
  flex: 1 0 0px;
  font-size: 14px;
  outline: none;
}
.deal-attachments-upload-editor__label {
  flex: 0 0 100px;
}
.deal-attachments-upload-editor__input {
  flex: 2 0 0px;
}
.deal-attachments-upload-editor__button {
  width: 48%;
}

.sidebar-attachments .deal-attachments-upload {
  align-items: flex-end;
}
.sidebar-attachments .deal-attachments-upload .deal-attachments-upload-editor-container {
  width: 100%;
  background-color: inherit;
  margin: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.sidebar-attachments .deal-attachments-upload .deal-attachments-upload-editor-container .btn {
  width: 48% !important;
}
.sidebar-attachments > .container-fluid {
  background-color: #FFF;
}
.sidebar-attachments .sidebar-field {
  padding: 0.8em;
  margin-bottom: 0;
  background: white;
}
.sidebar-attachments .deal-attachments-list-attachment {
  padding-left: 0.8em;
  padding-right: 0.8em;
}

.dropdown-menu i {
  padding-right: 0.5em;
}

.checklist-view input[type=checkbox] {
  cursor: pointer;
}
.checklist-item {
  margin: 1px;
  padding: 0.5em;
  min-height: 2em;
  clear: both;
}
.checklist-item-completed .checklist-item-details {
  color: #888C81;
  font-style: italic;
  text-decoration: line-through;
}
.checklist-item:hover {
  background-color: #dadad3;
}
.checklist-item-right i {
  color: #888C81;
}
.checklist-item-checkbox {
  float: left;
}
.checklist-item-checkbox > input {
  cursor: pointer;
}
.checklist-item-details {
  padding-left: 1.5em;
  padding-right: 1.5em;
  cursor: pointer;
}
.checklist-item-right {
  float: right;
}
.checklist-dropdown .dropdown-menu {
  right: 0;
  left: auto;
}
.checklist-dropdown > .dropdown-toggle {
  padding: 6px 6px 5px 6px;
  margin: -0.25em -0.25em 0px 0px;
}
.checklist-new-item {
  margin: 0em 1.5em 0em 1.8em;
  padding-bottom: 0.5em;
  padding-top: 0.25em;
}
.checklist-new-item-form {
  margin-bottom: 0;
}
.checklist-show-completed {
  margin: 0.5em;
}

.tags-list-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-flow: wrap;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .tags-list-container {
    justify-content: flex-start;
  }
}
.tags-list-container .tags-label {
  cursor: pointer;
}

.tags-open-editor-button {
  margin-top: 4px;
  padding: 3px 10px 5px;
  font-weight: normal;
  color: #8ABF4C;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #8ABF4C;
  border-radius: 30px;
  font-size: 0.75rem;
}
.tags-open-editor-button:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 300;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.tags-open-editor-button:hover {
  color: #709f39;
}

.tag-editor-tag-section .zap-label {
  padding-bottom: 0.9375rem;
}

.tag-editor-add-tag {
  float: left;
}
.tag-editor-add-tag.tags-label {
  background-color: transparent;
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
  padding: 0.375rem 0.625rem 0.5rem;
}
.tag-editor-add-tag.tags-label i {
  color: #8ABF4C;
  margin: 0 4px 0 0;
  padding: 0;
}
.tag-editor-add-tag.tags-label:hover {
  border: 1px solid #709f39;
  color: #709f39;
  background-color: rgba(0, 0, 0, 0.1);
}
.tag-editor-add-tag.tags-label:hover i {
  color: #709f39;
}
.tag-editor-add-tag.tags-label:hover i:hover {
  color: #709f39;
  background-color: transparent;
}
.tag-editor-add-tag .tag-editor-conctainer {
  clear: both;
  display: flex;
  align-content: space-between;
}
.tag-editor-add-tag .tag-editor-conctainer > div {
  flex: 1;
}
.tag-editor-add-tag .tag-editor-conctainer > span {
  align-self: center;
  padding: 0.3125rem;
}
.tag-editor-add-tag .tag-editor-conctainer .cancel-btn {
  color: #E86546 !important;
  top: 1.375rem;
}
.tag-editor-add-tag .input-group {
  padding-top: 0.625rem;
}
.tag-editor-add-tag .cancel-btn {
  position: absolute;
  top: 0.9375rem;
  color: #8ABF4C;
  right: 0;
}
.tag-editor-add-tag .cancel-btn i {
  background: none !important;
  color: inherit;
  font-size: 0.875rem;
}
.tag-editor-add-tag .container-fluid {
  padding: 0;
}
.tag-editor-add-tag.edit-mode {
  float: none;
}

.tag-editor-sidenav__body {
  padding: 0;
}
.tag-editor-sidenav__body__row {
  margin-bottom: 1.75rem;
}
.tag-editor-sidenav__body .control-label {
  text-transform: capitalize;
}
.tag-editor-sidenav__body .form-group {
  margin-bottom: 0.9375rem;
}
.tag-editor-sidenav__body .form-group .zap-label {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.tag-editor-sidenav__body .form-control {
  border: none;
  border-bottom: 1px solid #E6E6E1;
  box-shadow: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.tag-editor-sidenav__body .form-control:focus, .tag-editor-sidenav__body .form-control:active {
  border-bottom: 2px solid #8ABF4C;
}

.zap-card {
  background: #FFF;
  border-radius: 0.1875rem;
  padding: 1.5rem 0 1rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 6px 15px 0 rgba(51, 51, 51, 0.05);
}

.deal-content-tab .nav-tabs {
  margin-bottom: 0;
}

.deal-sidebar-tab .nav-tabs {
  margin-bottom: 0;
}

.company-kpi-card-header {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}

.vendor-image-initials, .professional-image-initials, .owner-circle, .ratings-circle {
  border: 1px solid #E6E6E1;
  border-radius: 100%;
  display: flex;
  width: 3.125rem;
  height: 3.125rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.vendor-image-initials img, .professional-image-initials img, .owner-circle img, .ratings-circle img {
  border-radius: 50%;
}
.ratings-circle {
  background: transparent;
  border: 1px dashed #8ABF4C;
  color: #8ABF4C;
  font-weight: 600;
  margin: 0 1rem 0 0;
  transition: 0.3s;
}
.ratings-circle.ratings-non-empty {
  border-style: solid;
}
.ratings-circle:hover {
  background: transparent;
  border: 1px solid #8ABF4C;
}
.ratings-circle .no-value {
  font-size: 8px;
  white-space: nowrap;
}

.ratings__container {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .ratings__container {
    justify-content: center;
    text-align: center;
  }
}

.ratings-block {
  background: transparent;
  color: #8ABF4C;
  font-weight: 600;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .ratings-block .ratings-text {
    display: none;
  }
}
.ratings-block.ratings-non-empty {
  border-style: solid;
}
.ratings-block .no-value {
  font-size: 11px;
  white-space: nowrap;
}

.owner-circle {
  border-color: #8ABF4C;
  overflow: hidden;
  position: relative;
}
.owner-circle img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 0;
}
.owner-circle .image-element {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.owner-circle:hover {
  border: 1px solid #8ABF4C;
}
.owner-circle--plus-others {
  background: #8ABF4C;
  color: #FFF;
}

.field-divider {
  color: #8ABF4C;
  font-size: 3rem;
  font-weight: 100;
  padding-left: 0.75rem;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.company {
  display: block;
}
.company-view {
  padding-top: 0.875rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .company-view {
    width: 100%;
  }
}
.company-view__container {
  flex: 1 1 100%;
  overflow: auto;
}
.company-view .container-fluid {
  padding: 0;
}
.company-view .deal-form .form__textarea__container .form-control-plaintext {
  border-bottom: 1px solid #adadad !important;
}
.company-view .deal-form .form__textarea__container .form-control-plaintext:focus {
  border-bottom: 2px solid #8ABF4C !important;
}
.company-view .form__textarea__container .form-control-plaintext {
  border-bottom: 1px solid #eee !important;
}
.company-view .form__textarea__container .form-control-plaintext:focus {
  border-bottom: 2px solid #8ABF4C !important;
}
.company-view-secondary-menu-dropdown {
  padding-left: 10px;
}
.company-view__header {
  padding-bottom: 2em;
}
.company-view__header__material {
  font-size: 80px;
  color: #4B4E46;
}
.company-view__header__h1 {
  padding-bottom: 5px;
  font-size: 24px;
}
.company-view__header__h1 .fa {
  font-size: 40px;
}
.company-view__header__h1 .fa.is-disabled {
  color: #888C81;
}
.company-view__header-website {
  padding-top: 10px;
  color: #8ABF4C;
  cursor: pointer;
}
.company-view__header-website:hover {
  color: #4B4E46;
  border-bottom: 3px solid #4B4E46;
}
.company-view .deal-card__title__field {
  flex-direction: row;
}
.company-kpi-card-header-disabled {
  color: #888C81;
  flex-direction: row-reverse;
}
.company-kpi-card-add-button {
  margin-bottom: 15px;
}
.company-kpi-card-open-button.btn {
  float: right;
  padding: 0.3125rem;
  line-height: 1;
}

.company-logo {
  display: inline-block;
  padding: 0.25rem 1.25rem 0 0.625rem;
  color: #8ABF4C;
  font-size: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .company-logo {
    font-size: 1.25rem;
    padding-right: 0.625rem;
  }
}
.company-logo img {
  width: auto;
  max-height: 4.5rem;
  max-width: 12.5rem;
}

.company-info-wrapper {
  flex: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .company-info-wrapper {
    padding-right: 1.25rem;
  }
}

.company-info {
  display: block;
}

.company-info-name {
  display: flex;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}
.company-info-name .cancel-btn {
  color: #8ABF4C;
}
@media screen and (max-width: 767px) {
  .company-info-name {
    font-size: 1rem;
  }
}

.company-info-website {
  font-size: 16px;
  line-height: 1.5;
}
.company-info-website .field-editor {
  padding-left: 0;
  padding-top: 0;
}
.company-info-website .field-editor__content__header {
  padding: 0;
}
.company-info-website .field-editor__content__header__tools {
  top: 6px;
}
.company-info-website .field-editor__content__field-input__primary-content input {
  padding-right: 4.375rem;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.modal-middle-container ul li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .modal-middle-container ul li {
    align-items: baseline;
  }
}
.modal-middle-container ul li .fa-check-square {
  color: #8ABF4C;
}

.compare-table-wrapper {
  margin-top: 16px;
}

.compare {
  background-color: #eee;
}
.compare-header {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #888C81;
}
.compare__data-missing {
  color: #888C81;
}
.compare-view {
  flex: 1 1 100%;
  display: flex;
  overflow: auto;
}
.compare-content {
  flex: 1 1 100%;
  display: flex;
}
.compare-table {
  width: 100%;
  border-spacing: 0.625rem 0px;
  border-collapse: collapse;
}
.compare-table__head tr th {
  padding: 8px 12px;
  background: #e8e8e8;
}
@media screen and (max-width: 640px) {
  .compare-table__head tr th:not(:last-child) {
    display: none;
  }
}
.compare-table__body tr td {
  width: 25%;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #DBDCD9;
  border-left: 1px solid #DBDCD9;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .compare-table__body tr td:not(:last-child) {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .compare-table__body tr td {
    border-left: none;
  }
}
.compare-table__body tr td label {
  margin-bottom: 4px !important;
  font-weight: 600;
  word-break: break-all;
}
.compare-table__body tr td:first-child {
  border-left: none;
  color: #888C81;
}
.compare-table__body tr td img {
  max-width: 3.75rem;
}
.compare-table__body tr td .fa-toggle-off, .compare-table__body tr td .fa-toggle-on {
  font-size: 1.5rem;
  color: #BBB;
}
.compare-table__body tr td .fa-toggle-on {
  color: #8ABF4C;
}
.compare-table__body tr:last-child td {
  border-bottom: none;
}
.compare-table-buttons {
  background-color: #eee;
}
.compare-table > tbody > tr > .compare-table-buttons-cell {
  border: 0px;
  text-align: center;
  padding: 10px 10px 15px 10px;
}
.compare-table-buttons-cell-container {
  background-color: #eee;
}
.compare-table > tbody > tr > .compare-table-header-cell {
  text-align: center;
  border: 0px;
  background-color: #E6E6E1;
  border-radius: 10px 10px 0px 0px;
}
.compare-table-header-cell-container {
  text-align: center;
  border: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 8px;
  border-radius: 10px 10px 0px 0px;
}
.compare-table-header-name {
  font-size: 20px;
  font-weight: 600;
  color: #4B4E46;
}
.compare-table > tbody > tr > .compare-table-cell {
  border-style: solid;
  border-color: #E6E6E1;
  background-color: white;
  position: relative;
  border: 0px;
}
.compare-table > tbody > tr > td > div > label {
  margin: 0px 0px 10px 0px;
}
.compare-table-cell-container {
  min-width: 480px;
  padding: 0px 0px 10px 0px;
  margin: 10px 10px 0px 10px;
  border-color: #E6E6E1;
  border-style: solid;
  border-width: 0px;
}

.selection-list li i, .selection-list li label {
  cursor: pointer;
}

.reports {
  background-color: #eee;
  flex: 1 1 100%;
}
.reports-view__side-menu {
  padding: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.reports-view__side-menu .nav-item {
  padding: 0.5rem 0.9375rem;
  cursor: pointer;
}
.reports-view__side-menu .nav-item.active, .reports-view__side-menu .nav-item:hover {
  color: #8ABF4C;
}
.reports-view__content .reports-group-card.card {
  min-height: 25rem;
  margin-bottom: 1.25rem;
  background: #FFF;
}
.reports-view .pipeline-table-view {
  padding-top: 0;
}
.reports-view .pipeline-table-view .funnel-options-bar {
  display: none;
}
.reports-view .pipeline-table-view .filters-sidenav {
  top: 0;
}
.reports-view .pipeline-table-view .filters-sidenav .filters-sidenav-header__close-btn {
  display: none;
}
.reports-group {
  flex-flow: column;
  flex: 1 1 auto;
  padding: 1em;
}
.reports-group-card.card {
  border: none;
  background: none;
  box-shadow: none;
  box-shadow: none;
}
.reports-group-card.card .card-header {
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background: #eee;
}
.reports-group-card.card .card-header > div {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-group-card.card .card-header .reports-group-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-group-card.card select {
  width: 160px;
  margin-left: 1rem;
  box-shadow: none;
  border: 1px solid #CECECE;
  outline: none !important;
}
.reports-group-card.card select:focus {
  box-shadow: none;
  border-color: 1px solid #8ABF4C;
}
.reports-group-card .card-body {
  padding: 0;
  overflow: auto;
  background: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 3px;
}
.reports-group-card .card-body .card-header {
  background: #eee;
}
.reports-group .unknown-cell {
  color: #E86546;
}
.reports-group .total-cell {
  font-weight: bold;
}

.custom-report-table {
  width: 100%;
}
.custom-report-table thead th.col-heading {
  background: #e1e4da;
}
.custom-report-table tbody tr.total-row td {
  background-color: #eee;
}
.custom-report-table tbody td {
  padding: 6px 12px;
  border-bottom: 2px solid #F8F8F6;
  font-size: 0.875rem;
  background: #FFF;
}
.custom-report-table tbody td:last-child {
  text-align: center;
}
.custom-report-table tbody.active td.row-heading, .custom-report-table tbody.on-hold td.row-heading, .custom-report-table tbody.passed td.row-heading {
  font-weight: 700;
  background: #f5f5f5;
}
.custom-report-table tbody.active td.number-value, .custom-report-table tbody.on-hold td.number-value, .custom-report-table tbody.passed td.number-value {
  background: #f5f5f5;
}
.custom-report-table tbody.active td.duplicate-tags, .custom-report-table tbody.on-hold td.duplicate-tags, .custom-report-table tbody.passed td.duplicate-tags {
  background: #f5f5f5;
}
.custom-report-table tbody.active td.row-heading {
  color: #8ABF4C;
}
.custom-report-table tbody.on-hold td.row-heading {
  color: #F5BD3E;
}
.custom-report-table tbody.passed td.row-heading {
  color: #E86546;
}
.custom-report-table .reports-title {
  font-size: 1rem;
  padding-top: 1.25rem;
  font-weight: 700;
}
.custom-report-table .cell-value {
  text-align: center;
}
.custom-report-table .col-heading {
  text-align: center;
  padding: 0.375rem 0;
  font-size: 0.875rem;
  background: #f5f5f5;
}
.custom-report-table .col-heading.sub-heading {
  color: #888C81;
  font-size: 0.75rem;
  padding-top: 0;
}
.custom-report-table tbody.per-stage {
  background-color: #FFF;
}
.custom-report-table tbody.passed {
  background-color: #f7f8f6 !important;
}
.custom-report-table tbody.passed tr td {
  border-color: #FFF;
}
.custom-report-table tbody.passed .row-heading {
  color: #E86546;
  font-weight: 700;
}
.custom-report-table tbody.on-hold {
  background-color: #f7f8f6 !important;
}
.custom-report-table tbody.on-hold tr td {
  border-color: #FFF;
}
.custom-report-table tbody.on-hold .row-heading {
  color: #F5BD3E;
  font-weight: 700;
}
.custom-report-table tbody.active {
  white-space: nowrap;
  background-color: #f7f8f6 !important;
}
.custom-report-table tbody.active tr td {
  border-color: #FFF;
}
.custom-report-table tbody.active .row-heading {
  color: #8ABF4C;
  font-weight: 700;
}
.custom-report-table tbody.active.post-first-stage {
  background-color: #f7f8f6 !important;
}
.custom-report-table tbody.active.post-first-stage tr td {
  border-color: #FFF;
}
.custom-report-table tbody.active.post-first-stage .row-heading {
  padding-left: 1.375rem;
  color: #8ABF4C;
  font-weight: 100;
}
.custom-report-table tbody.active.post-second-stage {
  background-color: #f7f8f6 !important;
}
.custom-report-table tbody.active.post-second-stage .row-heading {
  padding-left: 1.375rem;
  color: #8ABF4C;
  font-weight: 100;
}
.custom-report-table td.row-total-deals,
.custom-report-table td.row-total-tags {
  font-weight: 700;
  background: #f5f5f5;
}
.custom-report-table .per-stage .row-total-deals, .custom-report-table .per-stage .row-total-tags {
  background: #FFF;
}
.custom-report-table .duplicate-tags .fa-exclamation-circle {
  color: #E86546;
}
.custom-report-table .duplicate-tags .dropdown-menu > li.duplicate-link:hover {
  background-color: #E86546;
}
.custom-report-table .duplicate-tags .dropdown-menu > li.duplicate-link:hover > a {
  color: #FFF;
}
.custom-report-table .duplicate-tags .dropdown-menu > li.duplicate-link > a {
  color: #E86546;
}
.custom-report-table .duplicate-tags .dropdown-menu > li.duplicate-link > a strong {
  font-weight: 900;
}

.reports-group-card-header-action-buttons i {
  margin-left: 16px;
  cursor: pointer;
}
.reports-group-card-header-action-buttons i:hover {
  color: #8ABF4C;
}

.knight-report .col-heading {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  white-space: nowrap;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: left;
  font-weight: bold;
}

.datepicker-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  max-height: 35px;
}
.datepicker-wrapper label {
  margin-right: 0.5rem;
  color: #777;
  text-transform: capitalize;
}
.datepicker-wrapper .datepicker-container {
  padding-bottom: 0;
}
.datepicker-wrapper .component-date {
  background: none;
  border: none;
  padding: 0.5rem 1.5625rem 0.5rem 0;
  border-bottom: 1px solid #adadad;
  width: 100%;
}
.datepicker-wrapper .component-date:focus {
  outline: none;
  box-shadow: none;
  border-bottom-color: #8ABF4C;
}
.datepicker-wrapper .fa-calendar-alt {
  display: block !important;
  right: auto;
  left: 0;
  font-size: 18px;
}

.report-loading {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-flow: column;
  padding: 1.875rem 0;
}
.report-loading i {
  color: #8ABF4C;
}

.zap-page.reports .zap-toolbar__navigation-label {
  width: 100%;
}
.zap-page.reports .new-deals-title {
  width: 100%;
  padding-right: 0.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zap-page.reports .new-deals-title .last-updated {
  padding-right: 0.9375rem;
  text-align: right;
  color: #777;
  font-size: 0.75rem;
  text-transform: capitalize;
}

.report-modal-heading {
  font-size: 0.875rem;
  color: #777;
  font-weight: 600;
}

.reporting--deals-grid-info {
  display: block;
  padding: 80px;
}
@media screen and (max-width: 767px) {
  .reporting--deals-grid-info {
    padding: 40px;
  }
}
.reporting--deals-grid-info a {
  margin-left: 6px;
  color: #8ABF4C;
  font-weight: 600;
  text-decoration: underline;
}

.report-group {
  padding: 24px 15px;
}
.report-group .col-xl-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 1920px) {
  .report-group .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.report-group-title {
  font-weight: 600;
  font-size: 23px;
  padding-bottom: 20px;
  display: inline-flex;
  align-items: center;
}
.report-select {
  min-width: 200px;
}
.report-wrapper {
  position: relative;
}
.report-wrapper .table-responsive {
  background: #fff;
}
.report-wrapper .table-responsive .zapflow-table {
  margin-bottom: 0;
  border-collapse: separate !important;
  width: auto;
}
.report-wrapper .table-responsive .zapflow-table > thead > tr th {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  font-size: 0.625rem;
}
.report-wrapper .table-responsive .zapflow-table > thead > tr th:first-child {
  text-align: start;
  position: sticky;
  left: 0;
  border-right: 1px solid #D9D9DA;
}
.report-wrapper .table-responsive .zapflow-table > thead > tr th:nth-child(2) {
  border-left: none !important;
}
.report-wrapper .table-responsive .zapflow-table > tbody > tr td {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  font-size: 0.75rem;
  max-width: 8.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.report-wrapper .table-responsive .zapflow-table > tbody > tr td:nth-child(2) {
  border-left: none !important;
}
.report-wrapper .table-responsive .zapflow-table > tbody > tr td:first-child {
  max-width: 11.25rem;
  min-width: 11.25rem;
  width: 11.25rem;
  text-overflow: ellipsis;
  text-align: start;
  position: sticky;
  left: 0;
  border-right: 1px solid #D9D9DA;
}
.report-wrapper .table-responsive .zapflow-table tfoot tr td {
  padding: 5px;
  color: #333;
  font-size: 16px;
  border-color: #e1e4da;
  border-left: none;
  border-right: none;
  background: rgb(250, 250, 250);
  text-align: center;
}
.report-wrapper .table-responsive .zapflow-table tfoot tr td strong {
  font-weight: bold;
}
.report-wrapper .table-responsive .zapflow-table tfoot tr td:first-child {
  text-align: start;
  position: sticky;
  left: 0;
}
.report-title {
  padding: 12px 80px 12px 0;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 4px 4px 0 0;
}
.report-title .react-select {
  min-width: 200px;
}
.report-buttons {
  padding: 12px 12px 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: -5px;
  top: -42px;
  font-size: 18px;
}

.report-header-cell {
  display: flex;
  align-items: center;
}
.report-header-cell-content {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  width: fit-content;
}

.zapflow-table .disabled-account-row td {
  color: rgba(119, 119, 119, 0.5);
}

.deal-volumes-tables-container {
  display: flex;
  gap: 20px;
  padding-top: 30px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.deal-volumes-tables-container::-webkit-scrollbar {
  display: none;
}

.zap-curtain .modal-dialog {
  position: fixed;
  margin: auto;
  height: 100%;
  transform: translate3d(0%, 0, 0);
  width: 600px;
}
.zap-curtain .modal-dialog .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
}
.zap-curtain .modal-dialog .modal-content .deal-card__title__field {
  display: none;
}
.zap-curtain .zap-modal__header {
  justify-content: flex-start;
  align-items: flex-start;
}
.zap-curtain .zap-modal__header__label {
  padding: 0 1.5rem 0 0;
}
.zap-curtain .modal-header {
  border-radius: 0;
}
.zap-curtain.fade .modal-dialog {
  transform: none;
  right: -375px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.zap-curtain.fade.show .modal-dialog {
  right: 0;
}
.zap-curtain.left-curtain .modal-dialog {
  transform: none;
  right: auto;
  left: -375px;
  max-width: 375px !important;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.zap-curtain.left-curtain.show .modal-dialog {
  right: auto;
  left: 0;
}
.zap-curtain .card-body {
  padding: 0;
}
.zap-curtain .card-content {
  padding: 0 1.25rem;
}
.zap-curtain .card-content .switch__container {
  margin-top: 0.5rem;
}
.zap-curtain .card-content .container-fluid {
  padding: 0;
}
.zap-curtain.left-curtain .modal-body {
  height: 100%;
}

.curtain__date-selection {
  width: 80%;
}
@media screen and (max-width: 640px) {
  .curtain__date-selection {
    width: 90%;
  }
}
.curtain__date-selection .datepicker-container {
  border-bottom: 2px solid #888C81;
  padding-bottom: 0;
}
.curtain__date-selection .datepicker-container .filter-date__input {
  width: 100%;
  color: #FFF;
  background: transparent;
  border: none;
  font-size: 1.125rem;
  padding-left: 0;
}
.curtain__date-selection .datepicker-container i {
  color: #FFF;
}

.nev-editor-curtain .modal-dialog {
  width: 1125px !important;
  max-width: 1125px !important;
}

.switch-type-info {
  padding-bottom: 0.9375rem;
}

.create-curtain .modal-content {
  display: flex;
  flex-direction: column;
}
.create-curtain .modal-content .modal-body {
  flex: 1 1 100%;
  overflow-y: auto;
}
.create-curtain .modal-content .modal-footer {
  flex: 1 1 0;
}

.zap-curtain.zap-curtain__field-settings .modal-dialog {
  width: 100%;
  max-width: 470px;
}
.zap-curtain.zap-curtain__field-settings.show .modal-dialog {
  width: auto;
  max-width: 90%;
}

.highlighted-container {
  background-color: rgba(229, 229, 229, 0.5);
  padding: 0.5rem;
}
.highlighted-container .private-info {
  font-size: 0.75rem;
}

.modal-footer .curtain__wide-button.btn {
  width: 100%;
  margin: 0 0 1rem;
}
.modal-footer.curtain-buttons {
  flex-direction: column;
  background: #f5f5f5;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.modal-footer.curtain-buttons .btn {
  width: 100%;
  margin-bottom: 12px;
}

.private-info-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 0.625rem 0;
  font-size: 0.875rem;
}
.private-info-container i {
  padding-top: 0.1875rem;
  padding-right: 0.5rem;
}

.fieldset-row.subheader-row {
  font-weight: bold;
  border-bottom: 0;
  height: 2.25rem;
}
.fieldset-row.subheader-row .left-label {
  font-size: 1.25rem;
}

.pass-notify-section {
  overflow: hidden;
}
.pass-notify-section .field-editor-class_____save-default._save-default.entity-name-class__.field-editor {
  max-width: 300px;
}

.zap-curtain.left-curtain.pass-curtain.modal .modal-dialog, .zap-curtain.left-curtain.put-on-hold-curtain.modal .modal-dialog, .zap-curtain.left-curtain.fundraising-opportunity-loss-curtain.modal .modal-dialog {
  transition: none;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  background: none;
  border: none;
}
button:focus, button:active {
  outline: none !important;
}
button.btn-sm {
  font-size: 14px;
  padding-left: 6px;
  padding-right: 6px;
}

.btn:focus, .btn:active {
  box-shadow: none;
}
.btn.xl {
  min-width: 326px;
}
@media screen and (max-width: 414px) {
  .btn.xl {
    min-width: 100%;
  }
}

.btn-primary {
  background: transparent;
}

.btn-link:hover {
  text-decoration: none;
}

.btn-outline-secondary {
  color: #333;
  border-color: #ccc;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus {
  background: #8ABF4C;
  color: #FFF;
  border-color: transparent;
}

.btn-outline-white {
  color: #FFF;
  border-color: #FFF;
  background: transparent;
}
.btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus {
  color: #00a2ae;
  border-color: #00a2ae;
  background: transparent;
}

.btn {
  transition: 0.3s;
  padding: 0.3125rem 0.75rem 0.4375rem;
  font-size: 1rem;
}
.btn.margin-right-btn {
  margin-right: 0.75rem;
}
.btn .fa-angle-left {
  position: relative;
  top: -1px;
}
.btn.lg {
  padding: 0.5rem 1rem 0.5625rem;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .btn.lg {
    min-width: 18.438em;
    font-size: 1.125rem;
    padding: 0.625rem 1rem 0.75rem;
  }
}
.btn.btn-lg {
  padding: 0.5rem 1rem 0.5625rem;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .btn.btn-lg {
    font-size: 1.125rem;
    padding: 0.625rem 1.5rem 0.75rem;
  }
}
.btn.lg-mobile {
  min-width: 16.875rem;
  font-size: 1.125rem;
}
.btn.md {
  min-width: 8.75rem;
}
.btn.sm {
  padding: 0.1875rem 0.5rem 0.25rem;
  font-size: 14px;
}
.btn.non-rounded {
  border-radius: 0;
}
.btn.square {
  padding: 0.25rem 0.3125rem 0.3125rem;
  line-height: 1em;
}
.btn.square i {
  width: 1em;
  height: 1em;
}

.zap-btn {
  cursor: pointer;
}
.zap-btn__borderless__blue.btn {
  border: none;
  background-color: transparent;
  color: #C6CCBC;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__blue.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__blue.btn.active {
  color: #00a2ae;
}
.zap-btn__borderless__blue.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__blue i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__blue__default.btn {
  border: none;
  background-color: transparent;
  color: #FFF;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__blue__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__blue__default.btn.active {
  color: #00a2ae;
}
.zap-btn__borderless__blue__default.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__blue__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__grey.btn {
  border: none;
  background-color: transparent;
  color: #C6CCBC;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__grey.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__grey.btn.active {
  color: #888C81;
}
.zap-btn__borderless__grey.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__grey i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__grey__default.btn {
  border: none;
  background-color: transparent;
  color: #FFF;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__grey__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__grey__default.btn.active {
  color: #C6CCBC;
}
.zap-btn__borderless__grey__default.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__grey__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__salmon.btn {
  border: none;
  background-color: transparent;
  color: #C6CCBC;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__salmon.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__salmon.btn.active {
  color: #E86546;
}
.zap-btn__borderless__salmon.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__salmon i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__salmon__default.btn {
  border: none;
  background-color: transparent;
  color: #FFF;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__salmon__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__salmon__default.btn.active {
  color: #E86546;
}
.zap-btn__borderless__salmon__default.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__salmon__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__yellow.btn {
  border: none;
  background-color: transparent;
  color: #C6CCBC;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__yellow.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__yellow.btn.active {
  color: #F5BD3E;
}
.zap-btn__borderless__yellow.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__yellow i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__yellow__default.btn {
  border: none;
  background-color: transparent;
  color: #FFF;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__yellow__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__yellow__default.btn.active {
  color: #F5BD3E;
}
.zap-btn__borderless__yellow__default.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__yellow__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__green.btn {
  border: none;
  background-color: transparent;
  color: #8ABF4C;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__green.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__green.btn.active {
  color: #8ABF4C;
}
.zap-btn__borderless__green.btn:disabled {
  color: #8ABF4C;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__green i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__green__default.btn {
  border: none;
  background-color: transparent;
  color: #FFF;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__green__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__green__default.btn.active {
  color: #8ABF4C;
}
.zap-btn__borderless__green__default.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__green__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__dark-grey.btn {
  border: none;
  background-color: transparent;
  color: #888C81;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__dark-grey.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__dark-grey.btn.active {
  color: #C6CCBC;
}
.zap-btn__borderless__dark-grey.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__dark-grey i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__borderless__dark-grey__default.btn {
  border: none;
  background-color: transparent;
  color: #FFF;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0;
}
.zap-btn__borderless__dark-grey__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__borderless__dark-grey__default.btn.active {
  color: #565952;
}
.zap-btn__borderless__dark-grey__default.btn:disabled {
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__borderless__dark-grey__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__blue.btn {
  border: 1px solid #00a2ae;
  background-color: transparent;
  color: #00a2ae;
}
.zap-btn__hollow__blue.btn:hover:enabled {
  border: 1px solid #00a2ae;
  background-color: #00a2ae;
  color: #FFF;
}
.zap-btn__hollow__blue.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__blue.btn.disabled-button, .zap-btn__hollow__blue.btn.disabled, .zap-btn__hollow__blue.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__blue i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__blue i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__blue__default.btn {
  border: 1px solid #888C81;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow__blue__default.btn:hover:enabled {
  border: 1px solid #00a2ae;
  background-color: #00a2ae;
  color: #FFF;
}
.zap-btn__hollow__blue__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__blue__default.btn.disabled-button, .zap-btn__hollow__blue__default.btn.disabled, .zap-btn__hollow__blue__default.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__blue__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__blue__default i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__grey.btn {
  border: 1px solid #C6CCBC;
  background-color: transparent;
  color: #C6CCBC;
}
.zap-btn__hollow__grey.btn:hover:enabled {
  border: 1px solid #C6CCBC;
  background-color: #C6CCBC;
  color: #FFF;
}
.zap-btn__hollow__grey.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__grey.btn.disabled-button, .zap-btn__hollow__grey.btn.disabled, .zap-btn__hollow__grey.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__grey i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__grey i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__grey__default.btn {
  border: 1px solid #888C81;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow__grey__default.btn:hover:enabled {
  border: 1px solid #C6CCBC;
  background-color: #C6CCBC;
  color: #FFF;
}
.zap-btn__hollow__grey__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__grey__default.btn.disabled-button, .zap-btn__hollow__grey__default.btn.disabled, .zap-btn__hollow__grey__default.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__grey__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__grey__default i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__grey__default:hover {
  border-color: #8ABF4C;
  color: #8ABF4C;
}
.zap-btn__hollow__salmon.btn {
  border: 1px solid #E86546;
  background-color: transparent;
  color: #E86546;
}
.zap-btn__hollow__salmon.btn:hover:enabled {
  border: 1px solid #E86546;
  background-color: #E86546;
  color: #FFF;
}
.zap-btn__hollow__salmon.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__salmon.btn.disabled-button, .zap-btn__hollow__salmon.btn.disabled, .zap-btn__hollow__salmon.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__salmon i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__salmon i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__salmon__default.btn {
  border: 1px solid #888C81;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow__salmon__default.btn:hover:enabled {
  border: 1px solid #E86546;
  background-color: #E86546;
  color: #FFF;
}
.zap-btn__hollow__salmon__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__salmon__default.btn.disabled-button, .zap-btn__hollow__salmon__default.btn.disabled, .zap-btn__hollow__salmon__default.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__salmon__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__salmon__default i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__yellow.btn {
  border: 1px solid #F5BD3E;
  background-color: transparent;
  color: #F5BD3E;
}
.zap-btn__hollow__yellow.btn:hover:enabled {
  border: 1px solid #F5BD3E;
  background-color: #F5BD3E;
  color: #FFF;
}
.zap-btn__hollow__yellow.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__yellow.btn.disabled-button, .zap-btn__hollow__yellow.btn.disabled, .zap-btn__hollow__yellow.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__yellow i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__yellow i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__yellow__default.btn {
  border: 1px solid #888C81;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow__yellow__default.btn:hover:enabled {
  border: 1px solid #F5BD3E;
  background-color: #F5BD3E;
  color: #FFF;
}
.zap-btn__hollow__yellow__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__yellow__default.btn.disabled-button, .zap-btn__hollow__yellow__default.btn.disabled, .zap-btn__hollow__yellow__default.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__yellow__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__yellow__default i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__green.btn {
  border: 1px solid #8ABF4C;
  background-color: transparent;
  color: #8ABF4C;
}
.zap-btn__hollow__green.btn:hover:enabled {
  border: 1px solid #8ABF4C;
  background-color: #8ABF4C;
  color: #FFF;
}
.zap-btn__hollow__green.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__green.btn.disabled-button, .zap-btn__hollow__green.btn.disabled, .zap-btn__hollow__green.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__green i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__green i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow__green__default.btn {
  border: 1px solid #888C81;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow__green__default.btn:hover:enabled {
  border: 1px solid #8ABF4C;
  background-color: #8ABF4C;
  color: #FFF;
}
.zap-btn__hollow__green__default.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow__green__default.btn.disabled-button, .zap-btn__hollow__green__default.btn.disabled, .zap-btn__hollow__green__default.btn:disabled {
  border: 1px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow__green__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow__green__default i.fa-spin:not(:only-child) {
  padding: 0 10px 0 10px;
}
.zap-btn__hollow-borderless__blue.btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow-borderless__blue.btn i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__blue.btn:hover:enabled, .zap-btn__hollow-borderless__blue.btn:active, .zap-btn__hollow-borderless__blue.btn:focus {
  background: transparent !important;
  border: 1px solid #00a2ae !important;
  color: #00a2ae !important;
}
.zap-btn__hollow-borderless__blue.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__blue.btn:disabled {
  border: 1px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__blue.a {
  border: 1px solid transparent;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow-borderless__blue.a i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__blue.a:hover:enabled {
  border: 2px solid #00a2ae;
  color: #00a2ae;
}
.zap-btn__hollow-borderless__blue.a:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__blue.a:disabled {
  border: 1px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__blue i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow-borderless__salmon.btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow-borderless__salmon.btn i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__salmon.btn:hover:enabled, .zap-btn__hollow-borderless__salmon.btn:active, .zap-btn__hollow-borderless__salmon.btn:focus {
  background: transparent !important;
  border: 1px solid #E86546 !important;
  color: #E86546 !important;
}
.zap-btn__hollow-borderless__salmon.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__salmon.btn:disabled {
  border: 1px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__salmon.a {
  border: 1px solid transparent;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow-borderless__salmon.a i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__salmon.a:hover:enabled {
  border: 2px solid #E86546;
  color: #E86546;
}
.zap-btn__hollow-borderless__salmon.a:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__salmon.a:disabled {
  border: 1px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__salmon i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow-borderless__yellow.btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow-borderless__yellow.btn i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__yellow.btn:hover:enabled, .zap-btn__hollow-borderless__yellow.btn:active, .zap-btn__hollow-borderless__yellow.btn:focus {
  background: transparent !important;
  border: 1px solid #F5BD3E !important;
  color: #F5BD3E !important;
}
.zap-btn__hollow-borderless__yellow.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__yellow.btn:disabled {
  border: 1px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__yellow.a {
  border: 1px solid transparent;
  background-color: transparent;
  color: #888C81;
}
.zap-btn__hollow-borderless__yellow.a i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__yellow.a:hover:enabled {
  border: 2px solid #F5BD3E;
  color: #F5BD3E;
}
.zap-btn__hollow-borderless__yellow.a:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__yellow.a:disabled {
  border: 1px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__yellow i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow-borderless__green.btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #8ABF4C;
}
.zap-btn__hollow-borderless__green.btn i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__green.btn:hover:enabled, .zap-btn__hollow-borderless__green.btn:active, .zap-btn__hollow-borderless__green.btn:focus {
  background: transparent !important;
  border: 1px solid #8ABF4C !important;
  color: #8ABF4C !important;
}
.zap-btn__hollow-borderless__green.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__green.btn:disabled {
  border: 1px solid transparent;
  color: #8ABF4C;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__green.a {
  border: 1px solid transparent;
  background-color: transparent;
  color: #8ABF4C;
}
.zap-btn__hollow-borderless__green.a i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__green.a:hover:enabled {
  border: 2px solid #8ABF4C;
  color: #8ABF4C;
}
.zap-btn__hollow-borderless__green.a:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__green.a:disabled {
  border: 1px solid transparent;
  color: #8ABF4C;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__green i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__hollow-borderless__salmon.btn {
  border: 1px solid transparent;
  background-color: transparent;
  color: #E86546;
}
.zap-btn__hollow-borderless__salmon.btn i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__salmon.btn:hover:enabled, .zap-btn__hollow-borderless__salmon.btn:active, .zap-btn__hollow-borderless__salmon.btn:focus {
  background: transparent !important;
  border: 1px solid #E86546 !important;
  color: #E86546 !important;
}
.zap-btn__hollow-borderless__salmon.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__salmon.btn:disabled {
  border: 1px solid transparent;
  color: #E86546;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__salmon.a {
  border: 1px solid transparent;
  background-color: transparent;
  color: #E86546;
}
.zap-btn__hollow-borderless__salmon.a i {
  vertical-align: middle;
}
.zap-btn__hollow-borderless__salmon.a:hover:enabled {
  border: 2px solid #E86546;
  color: #E86546;
}
.zap-btn__hollow-borderless__salmon.a:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-borderless__salmon.a:disabled {
  border: 1px solid transparent;
  color: #E86546;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-borderless__salmon i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__blue, .btn.not-requested {
  outline: none !important;
  box-shadow: none !important;
}
.zap-btn__solid__blue.btn, .btn.not-requested {
  border: 1px solid #00a2ae;
  background-color: #00a2ae;
  color: #FFF;
}
.zap-btn__solid__blue.btn:focus, .btn.not-requested:focus, .zap-btn__solid__blue.btn:active, .btn.not-requested:active {
  border: 1px solid #00a2ae;
  background-color: #00a2ae;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__blue.btn:hover:enabled, .btn.not-requested:hover:enabled {
  border: 1px solid #00949f;
  background-color: #00949f;
  color: #FFF;
}
.zap-btn__solid__blue.btn:disabled, .btn.not-requested:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__blue.btn.disabled, .btn.disabled.not-requested {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__blue.btn.disabled:hover, .btn.disabled.not-requested:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__blue i:not(:only-child), .btn.not-requested i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__blue__default.btn {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
}
.zap-btn__solid__blue__default.btn:focus, .zap-btn__solid__blue__default.btn:active {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__blue__default.btn:hover:enabled {
  border: 1px solid #00a2ae;
  background-color: #00a2ae;
  color: #FFF;
}
.zap-btn__solid__blue__default.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__blue__default.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__blue__default.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__blue__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__grey.btn {
  border: 1px solid #C6CCBC;
  background-color: #C6CCBC;
  color: #FFF;
}
.zap-btn__solid__grey.btn:focus, .zap-btn__solid__grey.btn:active {
  border: 1px solid #C6CCBC;
  background-color: #C6CCBC;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__grey.btn:hover:enabled {
  border: 1px solid #adb69f;
  background-color: #adb69f;
  color: #FFF;
}
.zap-btn__solid__grey.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__grey.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__grey.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__grey i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__grey__default.btn {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
}
.zap-btn__solid__grey__default.btn:focus, .zap-btn__solid__grey__default.btn:active {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__grey__default.btn:hover:enabled {
  border: 1px solid #C6CCBC;
  background-color: #C6CCBC;
  color: #FFF;
}
.zap-btn__solid__grey__default.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__grey__default.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__grey__default.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__grey__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__salmon {
  outline: none !important;
  box-shadow: none !important;
}
.zap-btn__solid__salmon.btn {
  border: 1px solid #E86546;
  background-color: #E86546;
  color: #FFF;
}
.zap-btn__solid__salmon.btn:focus, .zap-btn__solid__salmon.btn:active {
  border: 1px solid #E86546;
  background-color: #E86546;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__salmon.btn:hover:enabled {
  border: 1px solid #df411c;
  background-color: #df411c;
  color: #FFF;
}
.zap-btn__solid__salmon.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__salmon.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__salmon.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__salmon i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__salmon__default.btn {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
}
.zap-btn__solid__salmon__default.btn:focus, .zap-btn__solid__salmon__default.btn:active {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__salmon__default.btn:hover:enabled {
  border: 1px solid #E86546;
  background-color: #E86546;
  color: #FFF;
}
.zap-btn__solid__salmon__default.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__salmon__default.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__salmon__default.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__salmon__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__yellow {
  outline: none !important;
  box-shadow: none !important;
}
.zap-btn__solid__yellow.btn {
  border: 1px solid #F5BD3E;
  background-color: #F5BD3E;
  color: #FFF;
}
.zap-btn__solid__yellow.btn:focus, .zap-btn__solid__yellow.btn:active {
  border: 1px solid #F5BD3E;
  background-color: #F5BD3E;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__yellow.btn:hover:enabled {
  border: 1px solid #f2ac0e;
  background-color: #f2ac0e;
  color: #FFF;
}
.zap-btn__solid__yellow.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__yellow.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__yellow.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__yellow i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__yellow__default.btn {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
}
.zap-btn__solid__yellow__default.btn:focus, .zap-btn__solid__yellow__default.btn:active {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__yellow__default.btn:hover:enabled {
  border: 1px solid #F5BD3E;
  background-color: #F5BD3E;
  color: #FFF;
}
.zap-btn__solid__yellow__default.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__yellow__default.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__yellow__default.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__yellow__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__green {
  outline: none !important;
  box-shadow: none !important;
}
.zap-btn__solid__green.btn {
  border: 1px solid #8ABF4C;
  background-color: #8ABF4C;
  color: #FFF;
}
.zap-btn__solid__green.btn:focus, .zap-btn__solid__green.btn:active {
  border: 1px solid #8ABF4C;
  background-color: #8ABF4C;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__green.btn:hover:enabled {
  border: 1px solid #709f39;
  background-color: #709f39;
  color: #FFF;
}
.zap-btn__solid__green.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__green.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__green.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__green i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__green__default.btn {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
}
.zap-btn__solid__green__default.btn:focus, .zap-btn__solid__green__default.btn:active {
  border: 1px solid #888C81;
  background-color: #888C81;
  color: #FFF;
  outline: none !important;
}
.zap-btn__solid__green__default.btn:hover:enabled {
  border: 1px solid #8ABF4C;
  background-color: #8ABF4C;
  color: #FFF;
}
.zap-btn__solid__green__default.btn:disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__green__default.btn.disabled {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
  cursor: not-allowed;
}
.zap-btn__solid__green__default.btn.disabled:hover {
  border: 1px solid #888C81;
  color: #FFF;
  background-color: #888C81;
}
.zap-btn__solid__green__default i:not(:only-child) {
  padding-right: 10px;
}
.zap-btn__solid__green:hover {
  background-color: #7db240;
  border-color: #7db240;
}
.zap-btn__solid__green:active, .zap-btn__solid__green:focus-visible {
  background-color: #7db240 !important;
  border-color: #7db240 !important;
  outline: none;
}
.zap-btn__hollow-double__green.btn {
  border: 2px solid #8ABF4C;
  background-color: transparent;
  color: #8ABF4C;
  min-width: 160px;
  font-weight: 600;
}
.zap-btn__hollow-double__green.btn i {
  vertical-align: middle;
}
.zap-btn__hollow-double__green.btn:hover:enabled, .zap-btn__hollow-double__green.btn:active, .zap-btn__hollow-double__green.btn:focus {
  background: transparent !important;
  border: 2px solid #8ABF4C !important;
  color: #8ABF4C !important;
}
.zap-btn__hollow-double__green.btn:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-double__green.btn:disabled {
  border: 2px solid transparent;
  color: #8ABF4C;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-double__green.a {
  border: 1px solid transparent;
  background-color: transparent;
  color: #8ABF4C;
}
.zap-btn__hollow-double__green.a i {
  vertical-align: middle;
}
.zap-btn__hollow-double__green.a:hover:enabled {
  border: 2px solid #8ABF4C;
  color: #8ABF4C;
}
.zap-btn__hollow-double__green.a:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-btn__hollow-double__green.a:disabled {
  border: 1px solid transparent;
  color: #8ABF4C;
  background-color: transparent;
  cursor: not-allowed;
}
.zap-btn__hollow-double__green i:not(:only-child) {
  padding-right: 10px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 3px;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-radius: 3px;
}

.disabled-button {
  border: 1px solid #cecfcc;
  color: #888C81;
  background-color: #cecfcc;
  cursor: not-allowed;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border-radius: 4px;
  transition: 0.3s;
  padding: 0.3125rem 0.75rem 0.4375rem;
  font-size: 1rem;
}

.dropdown-toggle:after {
  content: normal;
}

.zap-btn__borderless__green.btn {
  background: none !important;
  color: #8ABF4C !important;
}

.cycle-downloader__dropdown-toggle {
  color: #8ABF4C !important;
  border-color: #8ABF4C !important;
}
.cycle-downloader__dropdown-toggle:hover, .cycle-downloader__dropdown-toggle:active {
  background: #8ABF4C !important;
  border-color: #8ABF4C !important;
  color: #FFF !important;
}

.edit-layout-buttons .btn.disabled {
  opacity: 1;
}

input:focus {
  box-shadow: none !important;
}

.zap-form__light-grey__blue__white {
  width: 100%;
}
.zap-form__light-grey__blue__white label {
  color: #888C81;
}
.zap-form__light-grey__blue__white label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__blue__white label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__blue__white label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__blue__white label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__blue__white .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__blue__white .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__blue__white .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__blue__white .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__blue__white .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__blue__white .input-group .input-group-btn .btn:focus, .zap-form__light-grey__blue__white .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__blue__white .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #FFF;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__blue__white .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__blue__white .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__blue__white .form-control:focus {
  border-bottom: 2px solid #00a2ae;
  margin-bottom: 0;
}
.zap-form__light-grey__blue__white .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__blue__white .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__blue__white .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__white .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__blue__white .edit-off {
  border-bottom: 1px solid #888C81;
  color: #FFF;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__blue__white .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__blue__white .edit-off:hover {
  border-bottom: 1px solid #00a2ae;
  cursor: pointer;
}
.zap-form__light-grey__blue__white .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__blue__dark-grey {
  width: 100%;
}
.zap-form__light-grey__blue__dark-grey label {
  color: #888C81;
}
.zap-form__light-grey__blue__dark-grey label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__blue__dark-grey label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__blue__dark-grey label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__blue__dark-grey label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__blue__dark-grey .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__blue__dark-grey .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__blue__dark-grey .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__blue__dark-grey .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__blue__dark-grey .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__blue__dark-grey .input-group .input-group-btn .btn:focus, .zap-form__light-grey__blue__dark-grey .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__blue__dark-grey .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__blue__dark-grey .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__blue__dark-grey .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__blue__dark-grey .form-control:focus {
  border-bottom: 2px solid #00a2ae;
  margin-bottom: 0;
}
.zap-form__light-grey__blue__dark-grey .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__blue__dark-grey .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__blue__dark-grey .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__blue__dark-grey .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__blue__dark-grey .edit-off {
  border-bottom: 1px solid #888C81;
  color: #4B4E46;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__blue__dark-grey .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__blue__dark-grey .edit-off:hover {
  border-bottom: 1px solid #00a2ae;
  cursor: pointer;
}
.zap-form__light-grey__blue__dark-grey .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__salmon__white {
  width: 100%;
}
.zap-form__light-grey__salmon__white label {
  color: #888C81;
}
.zap-form__light-grey__salmon__white label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__salmon__white label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__salmon__white label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__salmon__white label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__salmon__white .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__salmon__white .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__salmon__white .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__salmon__white .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__salmon__white .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__salmon__white .input-group .input-group-btn .btn:focus, .zap-form__light-grey__salmon__white .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__salmon__white .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #FFF;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__salmon__white .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__salmon__white .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__salmon__white .form-control:focus {
  border-bottom: 2px solid #E86546;
  margin-bottom: 0;
}
.zap-form__light-grey__salmon__white .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__salmon__white .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__salmon__white .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__white .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__salmon__white .edit-off {
  border-bottom: 1px solid #888C81;
  color: #FFF;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__salmon__white .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__salmon__white .edit-off:hover {
  border-bottom: 1px solid #E86546;
  cursor: pointer;
}
.zap-form__light-grey__salmon__white .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__salmon__dark-grey {
  width: 100%;
}
.zap-form__light-grey__salmon__dark-grey label {
  color: #888C81;
}
.zap-form__light-grey__salmon__dark-grey label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__salmon__dark-grey label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__salmon__dark-grey label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__salmon__dark-grey label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__salmon__dark-grey .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__salmon__dark-grey .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__salmon__dark-grey .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__salmon__dark-grey .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__salmon__dark-grey .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__salmon__dark-grey .input-group .input-group-btn .btn:focus, .zap-form__light-grey__salmon__dark-grey .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__salmon__dark-grey .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__salmon__dark-grey .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__salmon__dark-grey .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__salmon__dark-grey .form-control:focus {
  border-bottom: 2px solid #E86546;
  margin-bottom: 0;
}
.zap-form__light-grey__salmon__dark-grey .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__salmon__dark-grey .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__salmon__dark-grey .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__salmon__dark-grey .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__salmon__dark-grey .edit-off {
  border-bottom: 1px solid #888C81;
  color: #4B4E46;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__salmon__dark-grey .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__salmon__dark-grey .edit-off:hover {
  border-bottom: 1px solid #E86546;
  cursor: pointer;
}
.zap-form__light-grey__salmon__dark-grey .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__green__white {
  width: 100%;
}
.zap-form__light-grey__green__white label {
  color: #888C81;
}
.zap-form__light-grey__green__white label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__green__white label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__green__white label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__green__white label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__green__white .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__green__white .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__green__white .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__green__white .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__green__white .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__green__white .input-group .input-group-btn .btn:focus, .zap-form__light-grey__green__white .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__green__white .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #FFF;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__green__white .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__green__white .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__green__white .form-control:focus {
  border-bottom: 2px solid #8ABF4C;
  margin-bottom: 0;
}
.zap-form__light-grey__green__white .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__green__white .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__green__white .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__white .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__green__white .edit-off {
  border-bottom: 1px solid #888C81;
  color: #FFF;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__green__white .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__green__white .edit-off:hover {
  border-bottom: 1px solid #8ABF4C;
  cursor: pointer;
}
.zap-form__light-grey__green__white .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__green__dark-grey {
  width: 100%;
}
.zap-form__light-grey__green__dark-grey label {
  color: #888C81;
}
.zap-form__light-grey__green__dark-grey label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__green__dark-grey label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__green__dark-grey label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__green__dark-grey label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__green__dark-grey .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__green__dark-grey .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__green__dark-grey .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__green__dark-grey .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__green__dark-grey .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__green__dark-grey .input-group .input-group-btn .btn:focus, .zap-form__light-grey__green__dark-grey .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__green__dark-grey .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__green__dark-grey .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__green__dark-grey .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__green__dark-grey .form-control:focus {
  border-bottom: 2px solid #8ABF4C;
  margin-bottom: 0;
}
.zap-form__light-grey__green__dark-grey .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__green__dark-grey .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__green__dark-grey .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__dark-grey .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__green__dark-grey .edit-off {
  border-bottom: 1px solid #E6E6E1;
  color: #4B4E46;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__green__dark-grey .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__green__dark-grey .edit-off:hover {
  border-bottom: 1px solid #8ABF4C;
  cursor: pointer;
}
.zap-form__light-grey__green__dark-grey .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__green__sand {
  width: 100%;
}
.zap-form__light-grey__green__sand label {
  color: #888C81;
}
.zap-form__light-grey__green__sand label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__green__sand label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__green__sand label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__green__sand label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__green__sand .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__green__sand .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__green__sand .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__green__sand .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__green__sand .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__green__sand .input-group .input-group-btn .btn:focus, .zap-form__light-grey__green__sand .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__green__sand .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__green__sand .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__green__sand .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__green__sand .form-control:focus {
  border-bottom: 2px solid #8ABF4C;
  margin-bottom: 0;
}
.zap-form__light-grey__green__sand .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__green__sand .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__green__sand .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__green__sand .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__green__sand .edit-off {
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__green__sand .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__green__sand .edit-off:hover {
  border-bottom: 1px solid #8ABF4C;
  cursor: pointer;
}
.zap-form__light-grey__green__sand .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__yellow__white {
  width: 100%;
}
.zap-form__light-grey__yellow__white label {
  color: #888C81;
}
.zap-form__light-grey__yellow__white label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__yellow__white label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__yellow__white label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__yellow__white label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__yellow__white .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__yellow__white .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__yellow__white .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__yellow__white .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__yellow__white .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__yellow__white .input-group .input-group-btn .btn:focus, .zap-form__light-grey__yellow__white .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__yellow__white .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #FFF;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__yellow__white .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__yellow__white .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__yellow__white .form-control:focus {
  border-bottom: 2px solid #F5BD3E;
  margin-bottom: 0;
}
.zap-form__light-grey__yellow__white .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__yellow__white .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__yellow__white .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__white .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__yellow__white .edit-off {
  border-bottom: 1px solid #888C81;
  color: #FFF;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__yellow__white .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__yellow__white .edit-off:hover {
  border-bottom: 1px solid #F5BD3E;
  cursor: pointer;
}
.zap-form__light-grey__yellow__white .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__yellow__dark-grey {
  width: 100%;
}
.zap-form__light-grey__yellow__dark-grey label {
  color: #888C81;
}
.zap-form__light-grey__yellow__dark-grey label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__yellow__dark-grey label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__yellow__dark-grey label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__yellow__dark-grey label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__yellow__dark-grey .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__yellow__dark-grey .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__yellow__dark-grey .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__yellow__dark-grey .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__yellow__dark-grey .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__yellow__dark-grey .input-group .input-group-btn .btn:focus, .zap-form__light-grey__yellow__dark-grey .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__yellow__dark-grey .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__yellow__dark-grey .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__yellow__dark-grey .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__yellow__dark-grey .form-control:focus {
  border-bottom: 2px solid #F5BD3E;
  margin-bottom: 0;
}
.zap-form__light-grey__yellow__dark-grey .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__yellow__dark-grey .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__yellow__dark-grey .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__dark-grey .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__yellow__dark-grey .edit-off {
  border-bottom: 1px solid #888C81;
  color: #4B4E46;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__yellow__dark-grey .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__yellow__dark-grey .edit-off:hover {
  border-bottom: 1px solid #F5BD3E;
  cursor: pointer;
}
.zap-form__light-grey__yellow__dark-grey .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__light-grey__yellow__sand {
  width: 100%;
}
.zap-form__light-grey__yellow__sand label {
  color: #888C81;
}
.zap-form__light-grey__yellow__sand label.zap-label {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
}
.zap-form__light-grey__yellow__sand label.zap-label i {
  margin-left: 0.625rem;
}
.zap-form__light-grey__yellow__sand label.zap-label .intelligence-icon {
  width: 0.75rem;
  margin-right: 0.375rem;
}
.zap-form__light-grey__yellow__sand label .error {
  color: red;
  position: absolute;
  right: 0;
}
.zap-form__light-grey__yellow__sand .form-date__input {
  padding: 0.4em;
  font-size: 0.75rem;
  border-radius: 0.3em;
  border-width: 1px;
}
.zap-form__light-grey__yellow__sand .form-date__input:not(:focus) {
  border-color: transparent;
  padding-left: 0;
}
.zap-form__light-grey__yellow__sand .form-group {
  margin-bottom: 1.25rem;
}
.zap-form__light-grey__yellow__sand .input-group .input-group-btn {
  position: absolute;
  right: 0;
  width: auto;
}
.zap-form__light-grey__yellow__sand .input-group .input-group-btn .btn {
  padding: 0;
}
.zap-form__light-grey__yellow__sand .input-group .input-group-btn .btn:focus, .zap-form__light-grey__yellow__sand .input-group .input-group-btn .btn:active {
  background: none;
  border: none;
  box-shadow: none;
}
.zap-form__light-grey__yellow__sand .form-control {
  border-radius: 0;
  padding-left: 0.4em !important;
  box-shadow: none;
  background-color: transparent !important;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-right: 35px;
  padding-left: 0 !important;
}
.zap-form__light-grey__yellow__sand .form-control:-webkit-autofill {
  background-color: white !important;
}
.zap-form__light-grey__yellow__sand .form-control::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control[disabled] {
  border-bottom: 1px solid #eee !important;
}
.zap-form__light-grey__yellow__sand .form-control:focus {
  border-bottom: 2px solid #F5BD3E;
  margin-bottom: 0;
}
.zap-form__light-grey__yellow__sand .form-control-static {
  line-height: 1.25em;
}
.zap-form__light-grey__yellow__sand .form-control.form__textarea {
  padding: 0.5rem 2.25rem 0.25rem 0 !important;
  margin-top: 0;
}
.zap-form__light-grey__yellow__sand .form-control.form__textarea::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control.form__textarea:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control.form__textarea::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control.form__textarea:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zap-form__light-grey__yellow__sand .form-control.form__textarea .form-control-plaintext {
  padding: 0.5rem 2.25rem 0.5rem 0.75rem !important;
  line-height: 1.0625rem;
  height: auto !important;
}
.zap-form__light-grey__yellow__sand .edit-off {
  border-bottom: 1px solid #eee;
  color: #4B4E46;
  height: 2.25rem;
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding-bottom: 0.1em;
  padding-top: 0.5em;
  padding-left: 0em;
  margin-bottom: 1px;
}
.zap-form__light-grey__yellow__sand .edit-off.borderless {
  border-bottom: 1px solid transparent;
}
.zap-form__light-grey__yellow__sand .edit-off:hover {
  border-bottom: 1px solid #F5BD3E;
  cursor: pointer;
}
.zap-form__light-grey__yellow__sand .edit-off.error {
  border-bottom: 1px solid red;
}
.zap-form__validation-error {
  position: absolute;
  bottom: 2px;
  color: #E86546 !important;
  font-size: 0.625rem;
}

.export-options {
  display: flex;
}

.export-allowed {
  margin-right: 15px;
}

.help {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #777;
  color: #FFF;
  border-radius: 50%;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-align: center;
}
.help:hover {
  background: #8ABF4C;
}

.required {
  color: #E86546;
  font-size: 7px;
  margin-left: 0.1875rem !important;
  top: -6px;
}

.mandatory {
  color: #E86546;
}

.sidenav {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #32332F;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
  max-width: 100vw;
  color: #818181;
  /*
   * Write custom css for every card here, even if copy pasted
   */
  /*  These components are created when bootstrap cards
  *   are declared within sidenav
  */
}
.sidenav a {
  cursor: pointer;
}
.sidenav-heading__1 {
  margin: 10px 0 5px 0;
  font-size: 20px;
  font-weight: 400;
}
.sidenav-heading__2 {
  margin: 0px 0 8px 0;
  font-size: 15px;
  font-weight: 200;
}
.sidenav-heading__main-menu {
  max-height: 30%;
  font-size: 50px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  padding-bottom: 1.5rem;
}
.sidenav-heading__main-menu--bg {
  background-image: url("https://static.zapflow.com/app/img/login/login-right-bkg.png");
  height: 2.2em;
  margin-bottom: 0.9375rem;
}
.sidenav-heading__main-menu__header {
  padding-top: 0.5em;
}
.sidenav-heading__main-menu__btns-container {
  padding: 0 1.5rem;
}
.sidenav-heading__main-menu__session-time {
  position: absolute;
  top: 5em;
  right: 2em;
  font-size: 9px;
  color: black;
}
.sidenav-body {
  border-top: 2px solid rgba(40, 40, 37, 0.5);
}
.sidenav-body__main-menu.user {
  max-height: 20em;
  overflow-y: auto;
}
.sidenav-body__main-menu.admin {
  max-height: 18em;
  overflow-y: auto;
}
.sidenav-footer {
  margin-top: auto;
}
.sidenav--left {
  left: 0;
}
.sidenav--left a {
  padding: 8px 0px 8px 0px;
}
.sidenav--left--yellow.toggle {
  border-right: 1.2em solid #F5BD3E;
}
.sidenav--left--yellow .closebtn {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 36px;
  color: #F5BD3E;
}
.sidenav--left--yellow .closebtn:hover {
  color: #f2ac0e;
}
.sidenav--left--salmon.toggle {
  border-right: 1.2em solid #E86546;
}
.sidenav--left--main-menu .closebtn {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 36px;
  color: #FFF;
}
.sidenav--left--main-menu .closebtn:hover {
  color: #e6e6e6;
}
.sidenav--right {
  right: 0;
}
.sidenav--right a {
  padding: 8px 0px 8px 0px;
}
.sidenav--right--green.toggle {
  border-left: 1.2em solid #8ABF4C;
}
.sidenav--right--blue {
  border-left: 0px solid #00a2ae;
}
.sidenav--right--blue.toggle {
  border-left-width: 1.2em;
}
.sidenav--right--blue .closebtn {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 24px;
  color: #FFF;
}
.sidenav--right--blue .closebtn:hover {
  color: #00a2ae;
}
.sidenav__icon {
  margin-top: 1.2em;
  font-size: 55px;
}
.sidenav__icon--yellow {
  color: #F5BD3E;
}
.sidenav__icon--salmon {
  color: #E86546;
}
.sidenav__icon--green {
  color: #8ABF4C;
}
.sidenav__icon--blue {
  color: #00a2ae;
}
.sidenav__link__blue {
  color: #00a2ae;
  text-decoration: none;
}
.sidenav__link__blue:hover {
  color: #00737b;
}
.sidenav-dimmer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #333;
  opacity: 0.5;
  z-index: 25000;
}
.sidenav-dimmer--hidden {
  display: none;
  bottom: 100%;
  right: 100%;
}

.thumbnail img:not([src]) {
  height: 0;
}

a.link-green:focus,
a.link-green:visited,
a.link-green {
  color: #8ABF4C;
  padding-left: 0.5em;
}
a.link-green:focus i,
a.link-green:visited i,
a.link-green i {
  padding-right: 0.5em;
}

.nav-tabs > li > a {
  color: #888C81;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #8ABF4C;
}

@media screen and (max-width: 1280px) {
  .nav-tabs > li {
    padding: 0 0.5rem !important;
  }
}
.nav-tabs > li:first-child {
  padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
  .modal {
    text-align: center;
    padding: 0 !important;
    z-index: 9998;
  }
  .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
}
.card__absolute {
  z-index: 2;
}

.oppo-field-account {
  z-index: 9;
}

.datepicker__dropdown {
  z-index: 9;
}

.zapflow-autocomplete-results {
  z-index: 11;
}

/*Fixed header - high z-index, due to tooptip overlap header. */
.bs-fixed-navbars {
  z-index: 10000;
}

#intercom-container {
  z-index: 20000 !important;
}
#intercom-container .intercom-app .intercom-launcher-frame,
#intercom-container .intercom-app .intercom-launcher-frame-shadow,
#intercom-container .intercom-app .intercom-launcher-discovery-frame,
#intercom-container .intercom-app .intercom-launcher-badge-frame,
#intercom-container .intercom-app .intercom-launcher-frame {
  z-index: 20000 !important;
}

.searching .power-search {
  z-index: 20000;
}

/*Left curtain dimmer high z-index to overlap header */
.curtain-dimmer {
  z-index: 20000;
}

/*Left curtain high z-index to overlap header */
.curtain {
  z-index: 30000;
}

/* Modal backdrop high z-index to overlap header */
.modal-backdrop {
  z-index: 30000;
}

.sidenav {
  z-index: 30000;
}

.custom-modals {
  z-index: 30000;
}

/* Modal high z-index to overlap header */
.modal {
  z-index: 30000;
}

div[role=dialog]:last-child > .modal-backdrop {
  z-index: 30001;
}
div[role=dialog]:last-child > .modal {
  z-index: 30002;
}

/* Date picker high z-index to overlap modal&header */
.pika-single {
  z-index: 30002;
}

.curtain-popover {
  z-index: 30001;
}

.modal-tooltip {
  z-index: 30003 !important;
}

.zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu {
  z-index: 1000000;
}

.processing-layer {
  z-index: 1000001;
}

.zap-select-virtualized-dropdown-menu {
  z-index: 1000003;
  background: #FFF;
}

#dev {
  z-index: 1000000;
}
#dev .reagent-dev-tools__toggle-btn {
  z-index: 1000001;
}
#dev .reagent-dev-tools__panel {
  z-index: 1000002;
}

@media screen and (min-width: 320px) and (max-width: 667px) {
  .lose-padding-small {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 667px) {
  .sidenav.toggle {
    width: 100%;
  }
  .this-div-will-be-pushed {
    transition: 0.5s;
  }
  .this-div-will-be-pushed.toggle-left {
    padding-left: 100%;
  }
  .this-div-will-be-pushed.toggle-right {
    padding-right: 100%;
  }
  .modal.zap-curtain .modal-dialog {
    width: 100%;
    min-width: 100%;
  }
  .modal.zap-curtain.toggle {
    width: 250px;
  }
  .person-search-sidenav {
    right: inherit;
  }
}
@media screen and (min-width: 668px) and (max-width: 736px) {
  .sidenav.toggle {
    width: 70%;
  }
  .this-div-will-be-pushed {
    transition: 0.5s;
  }
  .this-div-will-be-pushed.toggle-left {
    padding-left: 70%;
  }
  .this-div-will-be-pushed.toggle-right {
    padding-right: 70%;
  }
  .modal.zap-curtain .modal-dialog {
    width: 375px;
    min-width: 375px;
  }
  .modal.zap-curtain.toggle {
    width: 250px;
  }
}
@media screen and (min-width: 737px) and (max-width: 1024px) {
  .sidenav.toggle {
    width: 60%;
  }
  .this-div-will-be-pushed {
    transition: 0.5s;
  }
  .this-div-will-be-pushed.toggle-left {
    padding-left: 60%;
  }
  .this-div-will-be-pushed.toggle-right {
    padding-right: 60%;
  }
  .modal.zap-curtain .modal-dialog {
    width: 375px;
    min-width: 375px;
  }
  .modal.zap-curtain.toggle {
    width: 250px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1280px) {
  .sidenav.toggle {
    width: 40%;
  }
  .this-div-will-be-pushed {
    transition: 0.5s;
  }
  .this-div-will-be-pushed.toggle-left {
    padding-left: 40%;
  }
  .this-div-will-be-pushed.toggle-right {
    padding-right: 40%;
  }
  .modal.zap-curtain .modal-dialog {
    width: 375px;
    min-width: 375px;
  }
  .modal.zap-curtain.toggle {
    width: 250px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .sidenav.toggle {
    width: 30%;
  }
  .this-div-will-be-pushed {
    transition: 0.5s;
  }
  .this-div-will-be-pushed.toggle-left {
    padding-left: 30%;
  }
  .this-div-will-be-pushed.toggle-right {
    padding-right: 30%;
  }
  .modal.zap-curtain .modal-dialog {
    width: 375px;
    min-width: 375px;
  }
  .modal.zap-curtain.toggle {
    width: 250px;
  }
}
@media screen and (min-width: 1601px) {
  .sidenav.toggle {
    width: 25%;
  }
  .this-div-will-be-pushed {
    transition: 0.5s;
  }
  .this-div-will-be-pushed.toggle-left {
    padding-left: 25%;
  }
  .this-div-will-be-pushed.toggle-right {
    padding-right: 25%;
  }
  .modal.zap-curtain .modal-dialog {
    width: 375px;
    min-width: 375px;
  }
  .modal.zap-curtain.toggle {
    width: 250px;
  }
}
.bootstrap-page {
  overflow: auto;
}

.bootstrap-examples .page-header h1 {
  margin: 10px 0 5px 0;
  font-size: 30px;
  font-weight: 400;
  color: #098691;
}
.bootstrap-examples h3 {
  margin: 2px 1px 2px 1px;
  font-size: 20px;
}
.bootstrap-examples .static-menu .dropdown-menu {
  display: block;
  position: relative;
}
.bootstrap-examples .static-modal .modal {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 1;
  display: block;
}
.bootstrap-examples .tooltip-static .tooltip {
  position: relative;
  display: inline-block;
  margin: 5px 10px;
}
.bootstrap-examples .static-popover {
  height: 200px;
}
.bootstrap-examples .static-popover .popover {
  position: relative;
  left: 0;
  right: 0;
}
.bootstrap-examples .show-grid div {
  border: 1px solid #df691a;
  padding: 8px;
}
.bootstrap-examples .sidenav a {
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.bootstrap-examples .sidenav a:hover {
  color: #f1f1f1;
}

.spinner {
  display: block;
  background: url("/img/spinner.svg") 0 0 no-repeat;
  background-size: 160px;
  width: 160px;
  height: 160px;
  margin: 0 auto;
}

.rbs-modal-header {
  background-color: #32332F;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: none;
}
.rbs-modal-header__salmon {
  background-color: #E86546;
}
.rbs-modal-header .close {
  color: transparent;
}
.rbs-modal-header__green {
  background-color: #8ABF4C;
  color: #FFF;
}
.rbs-modal-header__gray {
  background-color: rgba(229, 229, 229, 0.5);
  color: #333333;
}
.rbs-modal-header__gray .close::before, .rbs-modal-header__gray .close::after {
  content: "";
  background: #333333;
}
.rbs-modal-header__gray .close:hover {
  opacity: 1;
}
.rbs-modal-header__gray .close:hover::before, .rbs-modal-header__gray .close:hover::after {
  content: "";
  background: #8ABF4C;
}
.rbs-modal-header__blue {
  background-color: #00a2ae;
}
.rbs-modal-header__yellow {
  background-color: #F5BD3E;
}
.rbs-modal-header__label {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}
.rbs-modal .theme-color {
  color: #8ABF4C;
}
.rbs-modal .danger-color {
  color: #E86546;
}
.rbs-modal .salmon {
  color: #E86546;
}
.rbs-modal .blue {
  color: #E1F2FF;
}
.rbs-modal .ratings-modal__body {
  max-height: 80vh;
  overflow-y: auto;
  text-align: center;
}
.rbs-modal .ratings-modal-deal__header {
  text-align: center;
  padding: 1.125em 1.25em 1.375em;
}
@media screen and (max-width: 640px) {
  .rbs-modal .ratings-modal__view {
    margin: 0;
  }
}
.rbs-modal .ratings-modal__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(179, 179, 179, 0.15);
}
.rbs-modal .ratings-modal__row .form__background {
  display: block;
  width: calc(100% - 95px);
}
.rbs-modal .ratings-modal-stars {
  white-space: nowrap;
  align-self: center;
}
.rbs-modal .ratings-modal-stars__star {
  margin-left: 0.2em;
  color: #8ABF4C;
  cursor: pointer;
}
.rbs-modal .ratings-modal-stars__star.isDimmed {
  color: #E6E6E1;
}
.rbs-modal .ratings-modal-stars__star.isLower {
  color: #a3cc72;
}

.zap-modal-subtitle {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

.zap-modal-text {
  line-height: 1.75;
}
.zap-modal-text a {
  color: #8ABF4C;
  font-weight: 700;
}

.vertical-divider-with-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .vertical-divider-with-text {
    margin: 0.9375rem;
  }
}
.vertical-divider-with-text:before {
  content: "";
  width: 1px;
  background: #8ABF4C;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .vertical-divider-with-text:before {
    top: 50%;
    width: auto;
    height: 1px;
    transform: translate3d(0, -50%, 0);
    left: 0;
    right: 0;
    bottom: auto;
  }
}
.vertical-divider-with-text p {
  display: inline-block;
  font-weight: 600;
  font-size: 1.125rem;
  background: #FFF;
  z-index: 2;
  padding: 0.1875rem 0.1875rem 0.3125rem;
}
@media screen and (max-width: 767px) {
  .vertical-divider-with-text p {
    padding: 0 0.375rem;
  }
}
.vertical-divider-with-text .rfp-tenant {
  width: 300px;
  height: 100px;
  background: red;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.login {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}
.login-row {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  margin: 0;
  width: 100%;
  max-width: 100%;
  flex-wrap: inherit;
}
.login__logo {
  margin: 1.25em auto 1.25em;
  flex: 1 1 auto;
  height: 9.375rem;
  width: 17.5rem;
}
@media screen and (max-width: 767px) {
  .login__logo {
    max-width: 16.875rem;
    width: auto;
  }
}
.login__right {
  flex: 1 1 100%;
  background-image: url("https://static.zapflow.com/app/img/login/login-right-bkg.png");
}
.login__right__jumbotron {
  background-color: transparent;
}
.login__right__jumbotron__title {
  font-size: 350%;
  font-weight: 600;
  color: #FFF;
}
.login__right__jumbotron__message {
  font-size: 180%;
  font-weight: 200;
  color: #d9d9d9;
  margin-top: 0.2rem;
}
.login__left {
  flex: 0 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  padding: 1.875rem 0.9375rem;
  background-color: #FCFCFB;
}
.login__left.select-role {
  display: flex;
}
.login__left .alert-info {
  text-align: center;
}
.login__left > div {
  flex: 0 1 auto;
}
.login__left__form {
  overflow: auto;
}
.login__left__form.primary {
  padding: 0 0.9375rem;
}
.login__left__form label {
  color: #8ABF4C;
}
.login__left__form .center-flex {
  display: flex;
  justify-content: center;
}
.login__left__form__header {
  font-size: 1rem;
  margin: 1em auto;
}
.login__left__form .form-control {
  padding: 0;
  line-height: 1.5;
  height: 40px;
}
.login__left__forgot {
  padding-top: 1rem;
  text-align: center;
}
.login__left__forgot a {
  color: #888C81;
  text-decoration: none;
  margin-top: 2rem;
}
.login__left__forgot a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.login__left__trial {
  padding-top: 4em;
  text-align: center;
}
.login__left__trial a {
  color: #8ABF4C;
  text-decoration: none;
  margin-top: 2rem;
}
.login__left__trial a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.login__left .login-authentification {
  height: 69vh;
  overflow-y: auto;
  padding: 0 1.25rem;
}
.login__left .login-authentification .mfa-qr {
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.login__left .login-authentification a {
  display: block;
  padding: 10px 0;
  color: #8ABF4C;
  text-decoration: underline;
}
.login__left .login-authentification p {
  color: #777;
}
.login__left .login-authentification .login__left__form {
  padding-top: 0.9375rem;
}
.login-account {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  margin-bottom: 70px;
}
.login-account-welcome {
  font-size: 200%;
  font-weight: 500;
}
.login-account-info {
  margin-top: 0.5rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  flex: 1 0 auto;
}
.login-account-info__picture {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-repeat: no-repeat;
  margin: 0.5rem;
  background-size: cover;
}
.login-account-info__details {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  margin-left: 0.5rem;
}
.login-account-info__details__full-name {
  font-size: 160%;
  font-weight: 300;
}
.login-account-info__details__email {
  margin-top: 0.2rem;
  font-size: 120%;
  font-weight: 300;
  color: #4B4E46;
}
.login-roles {
  flex: 1 1 100%;
  overflow-y: auto;
  padding: 0 1.25rem;
}
@media (max-width: 640px) {
  .login-roles {
    padding: 0;
  }
}
.login-roles__choose {
  font-size: 200%;
  font-weight: 500;
}
.login-roles-tenants {
  margin-top: 1rem;
}
.login-roles-tenant {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border: 0.1em solid #C0C0C0;
  border-radius: 1em;
  margin-bottom: 1em;
  padding: 0.5em;
  background: #FFF;
  cursor: pointer;
}
.login-roles-tenant:hover {
  border: 0.2em solid #8ABF4C;
  padding: 0.4em;
}
.login-roles-tenant__bs-img {
  width: 80px;
  height: 80px;
  margin: 0.5em;
}
.login-roles-tenant__logo {
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 0.5em;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center;
}
.login-roles-tenant-info {
  overflow: hidden;
  flex: 1;
}
.login-roles-tenant-info__name {
  font-size: 160%;
  font-weight: 300;
  color: #4B4E46;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-roles-tenant-info__role {
  margin-top: 0.2rem;
  font-size: 120%;
  font-weight: 300;
  color: #4B4E46;
}
.login-linkedin {
  margin-bottom: 30px;
}
.login-linkedin__button {
  border: none;
  width: 360px;
  height: 66.976744186px;
  background-size: 360px;
  background-image: url("https://static.zapflow.com/app/img/login/Sign-In-Large---Default.png");
}
.login-linkedin__button:hover {
  background-image: url("https://static.zapflow.com/app/img/login/Sign-In-Large---Hover.png");
}
.login-linkedin__preload {
  background: url("https://static.zapflow.com/app/img/login/Sign-In-Large---Hover.png") no-repeat -9999px -9999px;
}
.login-linkedin__or {
  margin-bottom: 30px;
  font-size: 20px;
  color: #C0C0C0;
  text-align: center;
}

.button-50__left {
  width: 49%;
  float: left;
}
.button-50__right {
  width: 49%;
  float: right;
}

.form-group.relative {
  margin-bottom: 0;
  padding-bottom: 0.9375rem;
  position: relative;
}

.signin-button:focus, .signin-button:active {
  border: 1px solid #046A38 !important;
}

.login-roles-section {
  max-width: 37.5rem;
  margin: 0 auto;
}

.login-roles__title {
  font-size: 1.75rem;
  font-weight: bold;
}
.login-roles__list {
  padding-top: 1.5rem;
}
.login-roles__list-item {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #F2F2EE;
  border-radius: 4px;
}
.login-roles__list-item__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.login-roles__list-item__label {
  display: block;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #888C81;
}
.login-roles__list-item__body-title {
  padding-top: 0.25rem;
  display: block;
  font-weight: bold;
  font-size: 1.25rem;
}
.login-roles__list-item__body-title--suspended {
  color: red;
}
.login-roles__list-item__body-logo {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #F8F8F8;
  border: 6px solid #F8F8F8;
  object-fit: contain;
  outline: none;
  border-radius: 8px;
}
.login-roles__list-item__title-description-label {
  display: inline-block;
  padding-right: 0.375rem;
  font-size: 0.75rem;
  color: #888C81;
  font-weight: normal;
}
.login-roles__list-item__title-description {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  margin-top: 0.5rem;
  background: #E1F2FF;
  border-radius: 1.5625rem;
  line-height: 1;
  font-weight: 600;
}
.login-roles__list-item i {
  font-size: 32px;
}
.login-roles__list-item:hover {
  border: 1px solid #333;
}

.login-form-section {
  width: 25rem;
  margin: auto;
}
@media screen and (max-width: 540px) {
  .login-form-section {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .login-form-section {
    margin-top: 5.375rem;
  }
}
.login-form-section .form-label {
  display: block;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: bold;
  color: #333;
}
.login-form-section .form-control {
  height: 45px;
  width: 100%;
  display: block;
  padding: 0.75rem !important;
  font-size: 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
.login-form-section .form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #333;
}
.login-form-section .form-control.error {
  border: 1px solid #E86546;
}
.login-form-section .btn {
  width: auto;
}
.login-form-section__link {
  display: inline-block;
  color: #8ABF4C;
  font-size: 1rem;
  font-weight: normal;
  text-decoration: none;
}
.login-form-section__link:hover {
  text-decoration: underline;
  color: #8ABF4C;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.circle-menu__image, circle-menu__text {
  width: 30px;
  height: 30px;
}

.dropdown-menu .personal-profile-module-item > a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.1875rem 0.75rem;
}
.dropdown-menu .personal-profile-module-item > a i {
  padding: 0;
  font-size: 1rem;
}
.dropdown-menu .personal-profile-module-item > a > div {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.dropdown-menu .personal-profile-module-item > a:hover, .dropdown-menu .personal-profile-module-item > a:focus {
  color: #FFF;
}
.dropdown-menu .personal-profile-module-item .main-menu__flag__oppo__updated__button i {
  font-size: 0.75rem;
}

@media screen and (max-width: 1023px) {
  .dropdown-header {
    padding: 0.625rem 0;
  }
}

.menu-divider {
  display: block;
  border-top: 1px dashed #777;
  margin-left: -8px;
  margin-right: -8px;
}
@media screen and (max-width: 1023px) {
  .menu-divider {
    margin: 0;
  }
}

.dropdown-grid.disabled {
  pointer-events: all !important;
}

.dropdown-grid.disabled:hover,
.dropdown-grid.disabled:focus {
  color: #6c757d !important;
  background-color: transparent !important;
}

.main-menu__dropdown-menu {
  display: block;
  position: relative;
  float: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.main-menu__dropdown-menu > li > a {
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  font-size: 1rem;
  color: #E6E6E1 !important;
  border-left: 4px solid transparent;
}
.main-menu__dropdown-menu > li > a:hover, .main-menu__dropdown-menu > li > a:focus {
  background-color: #262626;
  border-color: #8ABF4C;
}
.main-menu__dropdown-menu .divider {
  height: 2px;
  margin: 0;
  background-color: #282825;
  opacity: 0.5;
}
.main-menu__icon {
  margin-right: 0.5rem;
  width: 1.25rem;
  text-align: center;
}
.main-menu__flag {
  padding: 1.5rem 1.5rem 1.5rem;
}
.main-menu__flag__buttons {
  margin-right: 2em;
  font-size: 20px;
}
.main-menu__flag__subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #888C81;
  margin-bottom: 2em;
}
.main-menu__flag__subtitle > a {
  vertical-align: bottom;
  margin-left: 1em;
  padding: 1px 2px 2px 2px;
}
.main-menu__flag__oppo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 0 0.5em 0;
}
.main-menu__flag__oppo__name {
  float: left;
  color: #8ABF4C;
  font-size: 14px;
}
.main-menu__flag__oppo__name:hover, .main-menu__flag__oppo__name:focus, .main-menu__flag__oppo__name:active {
  color: #709f39;
}
.main-menu__flag__oppo__name__icon {
  margin-right: 0.5rem;
  font-size: 18px;
  vertical-align: middle;
}
.main-menu__flag__oppo__name__icon.green {
  color: #8ABF4C;
}
.main-menu__flag__oppo__name__icon.salmon {
  color: #E86546;
}
.main-menu__flag__oppo__name__icon.yellow {
  color: #F5BD3E;
}
.main-menu__flag__oppo__updated {
  float: right;
  font-size: 10px;
  color: #888C81;
}
.main-menu__flag__oppo__updated__button {
  vertical-align: middle;
  border: none;
  background-color: transparent;
  outline: none;
  color: #FFF;
  padding-right: 0;
  padding-top: 0.25rem;
}
.main-menu__flag__oppo__updated__button:hover {
  color: #8ABF4C;
}
.main-menu__flag__oppo__updated__button i {
  padding: 0;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  .searching .power-search {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin-right: 0;
    padding: 0 0.9375rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: #32332F;
  }
}
@media screen and (max-width: 767px) {
  .searching .power-search-content {
    width: 98%;
  }
}
@media screen and (max-width: 767px) {
  .searching .power-search--with-banner {
    top: 35px;
    left: 10px;
    right: 10px;
    z-index: 2;
  }
}

input[type=text]::-ms-clear {
  display: none;
}

.power-search {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  position: relative;
  top: 1px;
}
.power-search:hover i {
  color: #8ABF4C;
}
@media screen and (max-width: 767px) {
  .power-search {
    margin-right: 0;
  }
}
.power-search-toggle {
  color: #FFF;
  cursor: pointer;
  width: 1rem;
}
.power-search-toggle.fa-times {
  font-size: 1.25rem;
  padding: 0.4375rem 0;
  color: #777 !important;
  background: #ececec;
  border-radius: 0 4px 4px 0;
}
.power-search-box {
  border: none;
  background: none;
  width: 200px !important;
  transition: 0s;
  box-shadow: none;
  padding-left: 0.75rem;
  padding-right: 0;
  border-radius: 0;
  display: none;
  border-radius: 4px 0 0 4px;
  color: #777;
  background: #ececec;
  height: 2.125rem;
  padding: 0.375rem 0.75rem;
}
.power-search-box:focus {
  background: #ececec;
}
@media screen and (min-width: 1024px) {
  .power-search-box {
    width: 15rem !important;
  }
}
@media screen and (max-width: 767px) {
  .power-search-box {
    width: 100% !important;
    display: none;
  }
}
.power-search-box.force-search-visible {
  display: block;
}
.power-search-box::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666860;
  opacity: 1; /* Firefox */
}
.power-search-box:focus {
  border-color: #8ABF4C;
  box-shadow: red;
  color: #777;
}
.power-search-box:focus + i {
  color: #8ABF4C;
}
.power-search-content {
  display: flex;
  flex-flow: column nowrap;
  position: absolute;
  right: 16px;
  left: auto;
  top: 0;
}
@media screen and (max-width: 767px) {
  .power-search-content {
    position: static;
  }
}
.power-search-content .fa-search {
  font-size: 1.125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: #FFF;
}

.power-search-open-button {
  background: none;
  color: #FFF;
  border: none;
  outline: none;
  cursor: pointer;
}

.power-search-open-button--hidden {
  display: none;
}

.power-search-open-button__icon {
  font-size: 28px;
}

.power-search-results--hidden {
  display: none;
  position: relative;
}

.power-search-results-section {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
}
.power-search-results-section a {
  color: #eee;
}

.power-search-results-section:not(:last-child) {
  border-bottom: 2px solid #595959;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.power-search-results-section--hidden {
  display: none;
}

.power-search-result {
  display: flex;
  flex-flow: column nowrap;
  padding: 4px 0;
  text-decoration: none;
}

.power-search-result:hover {
  background-color: #595959;
}

.power-search-result-top {
  display: flex;
  align-items: center;
}
.power-search-result-top i:first-child {
  padding-right: 0.875rem;
}

.power-search-result-bottom {
  margin-top: 5px;
  padding-left: 40px;
}

.power-search-result__icon {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  flex: 0 0 0px;
  margin-right: 15px;
  color: #8ABF4C;
  min-width: 20px;
}

.power-search-result__icon--yellow {
  color: #F5BD3E;
}

.power-search-result__icon--salmon {
  color: #E86546;
}

.power-search-result__icon--white {
  color: #FFF;
}

.power-search-result-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  flex: 8 0 0px;
  font-size: 0.875rem;
  font-weight: 200;
  color: #FFF;
  white-space: pre-wrap;
  word-break: break-all;
}

.power-search-result-title--highlight {
  color: #8ABF4C;
}

.power-search-result__info {
  flex: 5 0 0px;
  color: #FFF;
  font-size: 0.75rem;
  padding-right: 0.9375rem;
  text-align: right;
  white-space: pre-line;
}

.power-search-result__match-label {
  display: block;
  margin-right: 0.375rem;
  font-size: 0.75rem;
  color: #FFF;
}

.power-search-result__match-value--highlight {
  color: #8ABF4C;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.modal.zap-curtain__field-settings {
  z-index: 3000000000;
}
@media screen and (min-width: 640px) {
  .modal .modal-dialog {
    min-width: 37.5rem;
  }
}
.modal .modal-dialog.modal-large {
  min-width: 80vw;
  max-width: 80vw;
}
.modal .modal-header .close {
  padding: 0;
  margin: 0;
}
.modal .modal-footer {
  justify-content: center;
  border: none;
}
.modal .processing-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.modal .processing-layer__dimmer {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #FFF;
  opacity: 1;
  z-index: -1;
}
.modal .processing-layer__content {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.modal .processing-layer__content > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal .processing-layer__content > div .new-cycle-info {
  margin-left: 3rem;
  margin-right: 3rem;
}
.modal .processing-layer__content > div .processing-label {
  display: block;
  padding-top: 1.25rem;
  color: #333;
  font-size: 1.5em;
  padding-bottom: 3.75rem;
}
.modal .processing-layer:not(.processing) {
  display: none;
}
.modal-lg {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .modal-lg .modal-dialog {
    width: 90%;
    max-width: 56.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .modal-lg .modal-dialog {
    width: 56.25rem;
  }
}
.modal-lg .zap-modal__header {
  padding: 0.9375rem;
}
.modal-lg .zap-modal__header__label {
  font-size: 1.2em;
}
@media screen and (max-width: 640px) {
  .modal-lg .zap-modal__header__label {
    font-size: 1.1em;
    text-align: left;
    line-height: 1.25;
    padding: 0 1em 0 0;
    word-break: normal;
  }
}
.modal-lg .zap-modal__header .close {
  position: absolute;
  top: 0.5em;
  right: 0.75em;
  color: #333333;
  opacity: 0.8;
  font-size: 1.5em;
  margin: 0;
  text-shadow: none;
}
.modal-lg .zap-modal__body {
  padding: 40px 30px 30px;
}
@media screen and (max-width: 640px) {
  .modal-lg .zap-modal__body {
    padding: 20px 15px 30px;
  }
}
.modal-lg .zap-modal__body em {
  display: inline-block;
  padding-left: 3px;
}
.modal-lg .downloading-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 30000;
}
@media screen and (min-width: 768px) {
  .modal-lg.import-step-uploading .modal-dialog {
    max-width: 37.5rem;
  }
}
.modal-lg.import-step-errors .zap-modal__header {
  position: relative;
  overflow: hidden;
}
.modal-lg.import-step-errors .zap-modal__header:before {
  content: "\f071";
  font: normal normal normal 70px/1 FontAwesome;
  color: #FFF;
  opacity: 0.1;
  position: absolute;
  left: -10px;
  top: 2px;
}
.modal-lg.import-step-errors .zap-modal__header h1 {
  color: #FFF;
  text-align: left;
}
.modal-lg.import-step-errors .error-cell {
  font-weight: 900;
  padding-right: 0.625rem;
}
@media screen and (min-width: 768px) {
  .modal.modal-full-screen .modal-dialog {
    width: 90%;
    max-width: 80rem;
  }
}
@media screen and (min-width: 768px) {
  .modal.modal-full-screen.md .modal-dialog {
    width: 90%;
    max-width: 56.25rem;
  }
}
@media screen and (min-width: 320px) {
  .modal.modal-filter .modal-dialog {
    width: 95%;
    max-width: 80rem;
    margin: 0.5rem;
    position: absolute;
    top: 0.625rem;
    left: 0.5rem;
  }
}
.modal.modal-filter .modal-dialog .zap-modal__header__not-found {
  background-color: #e86546;
  color: #FFF;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .modal .import-step-advertise .modal-dialog {
    width: 90%;
    max-width: 58.75rem;
  }
}

.modal-middle-container {
  padding: 0 1rem;
}

.import-step-errors .error-item {
  margin-bottom: 0.625rem;
  line-height: 1.5;
  padding: 0.625rem 1.5rem;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-left: 4px solid #E86546;
  border-radius: 0 4px 4px 0;
}
.import-step-errors .error-item label {
  font-weight: 400;
  line-height: 1.5;
}
.import-step-errors .error-item strong {
  color: #E86546;
  font-weight: 600;
}
.import-step-errors .error-item .error {
  color: #333;
}
.import-step-errors .error-item-details {
  margin: 0.5rem;
}
.import-step-errors .error-item-details-item {
  display: inline-block;
  margin-right: 1rem;
}

.zap-modal__body.scrollable-area {
  max-height: calc(100vh - 200px);
  overflow: auto !important;
}

.limit-modal-body-height .zap-modal__body {
  max-height: 75vh;
  overflow-y: auto;
}

.wide-modal .modal-dialog {
  max-width: 80vw;
}

@media screen and (min-width: 768px) {
  .lgimport-step-advertise .modal-dialog {
    width: 90%;
    max-width: 58.75rem;
  }
}
.lgimport-step-advertise .zap-modal__body {
  overflow: auto;
  padding: 2.5rem 1.875rem 1.875rem;
}
.lgimport-step-advertise .zap-modal__body__row.pad-bottom {
  padding-bottom: 4em;
}

.close {
  color: #FFF;
  opacity: 1;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  right: 20px;
  top: 15px;
  margin: 0;
}
.close span {
  display: none;
}
.close:hover::before, .close:hover::after {
  background: #FFF;
}
.close::before, .close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #FFF;
}
.close::before {
  transform: rotate(45deg);
}
.close::after {
  transform: rotate(-45deg);
}

.zap-modal__footer {
  flex: 0 0 auto;
}
.zap-modal__header {
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1rem 1.25rem 1.125rem;
  border: none;
  position: relative;
  flex: 0 0 auto;
  min-height: 3.125rem;
}
.zap-modal__header.zap-modal__header__black {
  background: #333 !important;
  justify-content: flex-start;
}
.zap-modal__header.zap-modal__header__salmon {
  background-image: linear-gradient(-70deg, rgba(245, 189, 62, 0.98) 0%, #E86546 30%);
}
.zap-modal__header.zap-modal__header__yellow {
  background-image: linear-gradient(-70deg, rgba(245, 189, 62, 0.98) 0%, #F5BD3E 30%);
}
.zap-modal__header.zap-modal__header__green {
  background-image: linear-gradient(54deg, rgba(121, 194, 51, 0.8) 10%, rgba(0, 157, 168, 0.8) 100%);
}
.zap-modal__header.zap-modal__header__gray {
  background-image: linear-gradient(54deg, rgba(121, 194, 51, 0.8) 10%, rgba(0, 157, 168, 0.8) 100%);
}
.zap-modal__header.zap-modal__header__gray .close {
  padding: 0;
  margin: 0;
}
.zap-modal__header.zap-modal__header__gray .close::before, .zap-modal__header.zap-modal__header__gray .close::after {
  content: "";
  background: #FFF;
}
.zap-modal__header.zap-modal__header__gray .close:hover {
  opacity: 1;
}
.zap-modal__header.zap-modal__header__gray .close:hover::before, .zap-modal__header.zap-modal__header__gray .close:hover::after {
  content: "";
  background: #FFF;
}
.zap-modal__header.zap-modal__header__turquoise {
  background-color: #00B8C7;
}
.zap-modal__header.zap-modal__header__none {
  background-color: transparent;
  padding: 0.9375rem;
  position: static;
  border-top: 5px solid #8ABF4C;
}
.zap-modal__header.zap-modal__header__none .close {
  position: absolute;
  right: 0.9375rem;
  top: 1.25rem;
  z-index: 2;
}
.zap-modal__header.zap-modal__header__none .close::before, .zap-modal__header.zap-modal__header__none .close::after {
  content: "";
  background: #333333;
}
.zap-modal__header.zap-modal__header__none .close:hover {
  opacity: 1;
}
.zap-modal__header.zap-modal__header__none .close:hover::before, .zap-modal__header.zap-modal__header__none .close:hover::after {
  content: "";
  background: #8ABF4C;
}
.zap-modal__header__label {
  font-size: 1.25rem;
  font-weight: 600 !important;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .zap-modal__header__label {
    font-size: 1rem;
    word-break: normal;
    padding: 0 1.875rem 0 0;
  }
}
.zap-modal__header__label__gray {
  color: #FFF;
}
.zap-modal__intro {
  font-size: 1.125rem;
  color: #32332F;
  font-weight: bold;
  padding: 1.5rem 0;
}
.zap-modal__success--info {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 20px;
}
.zap-modal__success--img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.zap-modal__success--img img {
  max-width: 150px;
}
.zap-modal__body {
  overflow-y: auto;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #FFF;
  padding: 1.25rem;
}
.zap-modal__body.max-height_70 {
  overflow-y: auto;
  max-height: 70vh;
}
.zap-modal__body.min-height_40 {
  min-height: 40vh;
}
.zap-modal__body__error {
  background-color: #E86546;
  color: #FFF;
  text-align: center;
  padding: 0.5em;
}
.zap-modal__body .font-large {
  font-size: 1.5em;
}
.zap-modal__body__30_height {
  padding-top: 4em;
  padding-bottom: 4em;
}
.zap-modal__body .new-kpi-cycle-modal {
  overflow: initial;
}
.zap-modal__body .members-list .table {
  width: 100%;
}
.zap-modal__body .delete-confirmation__row {
  margin: 1.25rem auto 1.875rem;
}
.zap-modal__body .delete-confirmation__row .font-large {
  display: block;
  padding: 0 0 1.5rem;
  transition: 0.3s;
}
.zap-modal__body .delete-confirmation__row .font-large:hover {
  color: #709f39;
}
.zap-modal__body .delete-confirmation__row .font-large i {
  font-size: 3.4375rem;
  display: block;
  text-align: center;
  padding: 0 0 0.625rem;
}
.zap-modal__body .delete-confirmation__row .fa-spinner {
  font-size: 3.4375rem;
  display: block;
  text-align: center;
  color: #8ABF4C;
  margin-bottom: 3.75rem;
  margin-top: 2.8125rem;
}
.zap-modal__body .delete-confirmation__checkbox {
  margin-right: 1em;
}
.zap-modal__body .delete-confirmation .btn {
  margin-left: 1em;
}
.zap-modal__body__row {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.75;
}
.zap-modal__body__row.pad-bottom {
  padding-bottom: 4em;
}

.max-width-spinner {
  display: inline-block;
  width: auto;
  height: 5.875rem;
  margin: 0 auto;
}

.zap-modal {
  display: flex;
  flex-flow: column nowrap;
  z-index: 12;
  flex: 1 0 0px;
  justify-content: center;
}

.zap-modal-content {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 1 auto;
  overflow-y: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #FFF;
  padding: 1em;
}

.zap-modal-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.zap-modal-row__primary {
  flex-flow: column;
  align-items: flex-start;
}
@media screen and (min-width: 375px) {
  .zap-modal-row__primary {
    width: 320px;
    margin: 0 auto 30px;
  }
}
.zap-modal-row__footer {
  margin-top: 1.875rem;
}
.zap-modal-row__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.zap-modal-row--center {
  justify-content: center;
  text-align: center;
}

.zap-modal-row--flex-end {
  justify-content: flex-end;
}

.zap-modal__label {
  font-size: 0.9375rem;
  font-weight: 600;
  padding-bottom: 0.5em;
  white-space: nowrap;
  color: #5f5f5e;
}
.zap-modal__label .fa {
  margin-left: 0.5rem;
}

.zap-modal__radio-label {
  display: block;
}
.zap-modal__radio-label input {
  margin-right: 0.5rem;
}

.zap-modal__input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.1875rem;
  border: solid 1px rgba(136, 140, 129, 0.3);
  padding: 0.3125rem 0.75rem 0.4375rem;
}

.zap-modal__button {
  margin: 0 auto;
  padding: 0.5625rem 1rem 0.6875rem;
  border: none;
  outline: none;
  border-radius: 0.1875rem;
  background-color: #8ABF4C;
  color: #FFF !important;
  font-size: 1rem;
  cursor: pointer;
}

.zap-modal__textarea {
  width: 100% !important;
  min-height: 20em;
  border-radius: 0.1875rem;
  border: solid 1px rgba(136, 140, 129, 0.3);
  padding: 0.625rem 0.75rem 0.4375rem;
  resize: vertical;
}
.zap-modal__textarea:focus, .zap-modal__textarea:active {
  box-shadow: none !important;
  outline: none !important;
  border-color: #8ABF4C;
  border-width: 2px;
}

.zap-modal__button:hover {
  background-color: #7db240;
}

.zap-modal__button--disabled {
  cursor: auto;
  background-color: #888C81 !important;
  opacity: 0.65;
  color: #FFF !important;
}

.zap-modal__button--yellow {
  background-color: #F5BD3E;
}

.zap-modal__button--yellow:hover {
  background-color: #f4b526;
}

.zap-modal__error {
  flex: 1 0 0px;
  text-align: center;
  font-size: 14px;
  color: #E86546;
}

.new-account-modal {
  display: flex;
  flex-flow: column nowrap;
  padding: 30px 15%;
}

.new-person-modal {
  display: flex;
  flex-flow: column nowrap;
  padding: 30px 15%;
}

.oppo-creator-modal {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
}

.oppo-creator-modal-search {
  display: flex;
  flex-flow: column nowrap;
  padding: 0 0 1.875rem;
  border-bottom: 2px solid #eee;
}

.oppo-creator-modal-search__label {
  margin-bottom: 20px;
  color: #4B4E46;
}

.oppo-creator-modal-search-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .oppo-creator-modal-search-controls {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 640px) {
  .oppo-creator-modal-search-controls > div {
    width: 100%;
  }
}

.oppo-creator-modal-search-controls__input {
  margin-right: 1.5rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #E6E6E1;
  outline: none;
  width: 16.875rem;
}
@media screen and (max-width: 640px) {
  .oppo-creator-modal-search-controls__input {
    width: 100%;
    margin: 0;
  }
}
.oppo-creator-modal-search-controls__input:focus {
  border-color: #8ABF4C;
}

.oppo-creator-modal-search-buttons {
  display: flex;
}
@media screen and (max-width: 640px) {
  .oppo-creator-modal-search-buttons {
    margin-top: 1.5rem;
    justify-content: flex-end;
    margin-left: auto;
  }
}

.oppo-creator-modal-create-button {
  display: flex;
  align-items: center;
  padding: 5px 12px;
  font-size: 16px;
  color: #FFF;
  background-color: #8ABF4C;
  border: none;
  outline: none;
  border-radius: 0.1875rem;
  cursor: pointer;
}

.oppo-creator-modal-discard-button {
  width: 2.5rem;
  align-items: center;
  margin-left: 0.3125rem;
  padding: 2px 8px;
  font-size: 14px;
  color: #E86546;
  border-radius: 0.1875rem;
  border-color: #E86546;
  border-width: 2px;
  border-style: solid;
  background-color: transparent;
  cursor: pointer;
}
.oppo-creator-modal-discard-button:hover {
  background-color: #E86546;
  border-color: #E86546;
  color: #FFF;
}

.oppo-creator-modal-search__help {
  display: block;
  color: #c7c9c4;
  line-height: 1.25;
}

.oppo-creator-modal-results {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  padding: 1.25rem;
  background-color: #eee;
}

.oppo-creator-modal__header {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  color: #888C81;
}

.oppo-creator-modal__header--more-margin {
  margin-bottom: 40px;
}

.oppo-creator-modal-result {
  display: flex;
  flex-flow: column nowrap;
}

.oppo-creator-modal-result:not(:last-child) {
  margin-bottom: 40px;
}

.oppo-creator-modal-result-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px;
  background-color: #E6E6E1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.oppo-creator-modal-result-header-label-container {
  display: flex;
  align-items: center;
}

.oppo-creator-modal-result-header__icon {
  margin-right: 10px;
  font-size: 24px;
  color: #4B4E46;
}

.oppo-creator-modal-result-header-label {
  font-size: 24px;
  font-weight: 600;
  color: #4B4E46;
}

.oppo-creator-modal-result-header-label--bold {
  font-weight: 800;
}

.oppo-creator-modal-result-content {
  display: flex;
  flex-flow: column nowrap;
  background-color: #FFF;
  padding: 15px 20px;
  border: 2px solid #E6E6E1;
}

.oppo-creator-modal-result-content-top {
  display: flex;
  margin-bottom: 20px;
}

.oppo-creator-modal-result-content-top-left {
  display: flex;
  flex-flow: column nowrap;
  flex: 2 0 0px;
  margin-right: 40px;
  border-bottom: 2px solid #eee;
}

.oppo-creator-modal-result-content-top-right {
  display: flex;
  flex-flow: column nowrap;
  flex: 4 0 0px;
  border-bottom: 2px solid #eee;
}

.oppo-creator-modal-result__label {
  margin-bottom: 20px;
  color: #888C81;
  font-size: 14px;
}

.oppo-creator-modal-result__label--large {
  font-size: 16px;
  color: #4B4E46;
}

.oppo-creator-modal-result__value {
  margin-bottom: 20px;
}

.oppo-creator-modal-result-content-bottom {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}

.oppo-creator-modal-result-oppos {
  display: flex;
  flex-flow: column nowrap;
  align-self: stretch;
}

.oppo-creator-modal-result-oppo {
  display: flex;
  margin-bottom: 10px;
  border: 2px solid #E6E6E1;
  border-radius: 7px;
}
.oppo-creator-modal-result-oppo:hover {
  cursor: pointer;
}

.oppo-creator-modal-result-oppo:hover {
  border: 2px solid #8ABF4C;
}

.oppo-creator-modal-result-oppo-left {
  width: 1.25rem;
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: 0 3px;
  background-color: #8ABF4C;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.oppo-creator-modal-result-oppo-left i {
  color: #FFF;
}

.oppo-creator-modal-result-oppo-left--yellow {
  background-color: #F5BD3E;
}

.oppo-creator-modal-result-oppo-left--salmon {
  background-color: #E86546;
}

.oppo-creator-modal-result-oppo-left__icon {
  color: #FFF;
  font-size: 18px;
}

.oppo-creator-modal-result-oppo-right {
  display: flex;
  justify-content: space-between;
  flex: 1 0 0px;
  padding: 25px 25px;
}

.oppo-creator-modal-result-oppo-stage {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex: 1 0 0px;
  margin-right: 20px;
  border-bottom: 2px solid #eee;
}

.oppo-creator-modal-result-oppo-oppo {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex: 1 0 0px;
  margin-right: 20px;
  border-bottom: 2px solid #eee;
}

.oppo-creator-modal-result-oppo-owner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex: 1 0 0px;
  margin-right: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #eee;
}

.oppo-creator-modal-result-oppo-deal-description {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  font-size: 12px;
  color: #888C81;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 240px;
}

.oppo-creator-modal-result-oppo__label {
  font-size: 12px;
  color: #888C81;
  margin-bottom: 10px;
}

.oppo-creator-modal-result-oppo__value {
  padding-bottom: 10px;
  font-size: 14px;
}

.oppo-creator-modal-email {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  padding: 30px 35px;
  background-color: #eee;
}

.email-modal .card-default {
  box-shadow: none;
  margin: 0;
  border-radius: 0;
}

.delete-confirmation-modal {
  padding: 20px 25px;
  background-color: #eee;
}

.delete-confirmation-modal-content {
  padding: 20px 25px 0 25px;
  border: 2px solid #E6E6E1;
  border-radius: 10px;
  background-color: #FFF;
}

.delete-confirmation-modal-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 7px 15px;
  background-color: #E86546;
  color: #FFF;
  border: none;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}

.delete-confirmation-modal-button:hover {
  background-color: #e5522f;
}

.delete-confirmation-modal-button--yellow {
  background-color: #F5BD3E;
}

.delete-confirmation-modal-button--yellow:hover {
  background-color: #f4b526;
}

.delete-confirmation-modal-button--disabled {
  background-color: #f09e8a !important;
}

.confirmation-modal__heading {
  height: 3.75rem;
  width: 3.75rem;
  margin: 2rem auto 0.375rem;
  font-weight: 700;
  font-size: 1rem;
}

.confirmation-modal-button-row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
}
.confirmation-modal-button-row > .btn {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.settings-card-edit-button__icon {
  color: #8ABF4C;
}
.settings-card-edit-button__icon.cancel {
  color: #E86546;
}
.settings-card-edit-button__icon.save {
  color: #00a2ae;
}

.new-kpi-report-template-modal,
.new-kpi-cycle-modal {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 1em;
}
.new-kpi-report-template-modal .zap-modal-row,
.new-kpi-cycle-modal .zap-modal-row {
  margin-bottom: 0.25rem;
}
.new-kpi-report-template-modal .Select,
.new-kpi-cycle-modal .Select {
  width: 5rem;
}
.new-kpi-report-template-modal .switch,
.new-kpi-cycle-modal .switch {
  margin-bottom: 0.5rem;
}
.new-kpi-cycle-modal {
  padding-right: 0;
}
.new-kpi-cycle-modal .target-month,
.new-kpi-cycle-modal .target-year {
  width: 5.625rem;
}

.confirm-discard {
  color: #777;
  margin-bottom: 1.875rem;
}
.confirm-discard > div {
  margin-bottom: 1rem;
}

.modal-dialog .pre-wrap {
  max-width: 88%;
}

.error-message-modal {
  color: #E86546;
  font-size: 12px;
}

.web-view-modal.nylas-login .modal-dialog {
  width: 94vw;
  height: 94vh;
}
.web-view-modal.nylas-login .modal-dialog .zap-modal__body {
  min-height: 90vh;
  background-color: #f7f7f7;
}
.web-view-modal.nylas-login .modal-dialog .zap-modal__body iframe {
  width: 100%;
  min-height: 90vh;
}

.change-password-input {
  position: relative;
  margin-bottom: 0.875rem;
}
.change-password-input .error {
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  color: #E86546;
  font-size: 0.625rem;
}

.video .modal-dialog {
  width: 80%;
  height: 80%;
}
.video .modal-dialog .zap-modal__header {
  background: transparent;
  padding: 0;
  min-height: auto;
}
.video .modal-dialog .zap-modal__header .close {
  color: #333;
  z-index: 2;
}
.video .modal-dialog .zap-modal__header .close:before, .video .modal-dialog .zap-modal__header .close:after {
  background: #333;
}
.video .modal-dialog .zap-modal__body {
  height: 80vh;
  padding: 0;
}

.scroll-body .modal-dialog {
  width: 80%;
  height: 80%;
}
.scroll-body .modal-dialog .zap-modal__body {
  overflow-y: auto;
  max-height: 60vh;
  padding: 0;
  overflow-x: hidden;
  padding-right: 1em;
  min-height: 30vh;
}
.scroll-body .modal-dialog .zap-modal__body.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.create-modal__body {
  text-align: center;
  padding-top: 0.3125rem;
}
.create-modal__body .entity-editor {
  text-align: left;
  margin: 0;
}

.processing-layer__content {
  color: #8ABF4C;
}

.create-intelligence__right {
  text-align: left;
  padding-top: 0.9375rem;
}
.create-intelligence__right h2 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  padding: 0 0 0.625rem;
  font-size: 1.375rem;
  line-height: 1.25;
}
.create-intelligence__right h2 i {
  font-size: 1.5rem;
  margin-right: 0.375rem;
}
.create-intelligence__right h3 {
  color: #FFF;
  background: #F5BD3E;
  line-height: 1.25;
  padding: 0.75rem;
  font-size: 0.875rem;
}
.create-intelligence__right ul {
  padding: 1.875rem 1.5625rem;
}
.create-intelligence__right ul li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-bottom: 0.625rem;
  line-height: 1.25;
  word-break: break-word;
}
.create-intelligence__right ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin-right: 0.375rem;
  color: #8ABF4C;
}
.create-intelligence__right ul li span {
  color: #888C81;
  font-weight: 600;
}

.show-all {
  color: #8ABF4C;
  cursor: pointer;
  text-decoration: underline;
}
.show-all:hover {
  color: #89be4a;
}

.disable-account-owner-assignment .container-fluid {
  padding: 0;
}

.review-modal .zap-modal__body {
  max-height: 60vh;
  overflow: auto;
  padding-bottom: 0;
}
.review-modal .zap-modal__body .overflow-hidden {
  white-space: pre-wrap;
}
.new-report-cycle-error {
  background-color: #f5bd3e;
  padding: 0.75rem 2rem 2rem 2rem;
  text-align: center;
}
.new-report-cycle-error .icon {
  margin-bottom: 0.5rem;
}

.error-layer {
  white-space: pre-wrap;
  text-align: center;
}

.attachment-modal__existing-files__item {
  cursor: pointer;
}

.attachment-modal__existing-file,
.attachment-modal__uploaded-files {
  max-height: 20vh;
  overflow-y: auto;
  padding-left: 2px;
}

.disable-account-owner-assignment {
  font-size: 14px;
}
.disable-account-owner-assignment .attention {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
}
.disable-account-owner-assignment .disable-account-info {
  color: #777;
}

.ondemand-checkbox {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.ondemand-checkbox__checkbox {
  width: 30%;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
  .ondemand-checkbox__checkbox {
    width: 100%;
  }
}
.ondemand-checkbox__checkbox .zap-inlined-checkbox-label {
  color: #32332F;
  font-weight: bold;
}
.ondemand-checkbox__checkbox .zap-inlined-checkbox-label input:checked ~ .checkmark {
  background: #8ABF4C;
}
.ondemand-checkbox__checkbox .zap-inlined-checkbox-label input:disabled ~ .checkmark {
  background: #888C81;
  border-color: #888C81;
}
.ondemand-checkbox__checkbox .zap-inlined-checkbox-label input:disabled ~ .checkmark:after {
  border-color: #FFF;
}
.ondemand-checkbox__checkbox .zap-inlined-checkbox-label .checkmark:after {
  border-color: #FFF;
}
.ondemand-checkbox__description {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .ondemand-checkbox__description {
    width: 100%;
  }
}
.ondemand-checkbox__shared-info-value {
  width: 70%;
}
.ondemand-checkbox__shared-info-value p {
  word-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .ondemand-checkbox__shared-info-value {
    width: 100%;
  }
}

.zap-modal__body--rfp {
  padding: 0.5rem 1rem;
}

.rfp-preview-modal-body {
  padding: 1.5rem;
  background: #f2f2ee;
}

.rfp-preview-content {
  background-color: #FFF;
  display: flex;
  flex-direction: row;
}
.rfp-preview-content__service-info {
  width: 36%;
  border-right: 1px solid #f2f2ee;
}
.rfp-preview-content__sender-info {
  width: 64%;
}

.rfp-service-info {
  display: flex;
  flex-direction: column;
  padding: 1.4rem;
}
.rfp-service-info__name {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0.5rem 0;
}
.rfp-service-info__description {
  line-height: 1.6;
}

.rfp-target-company {
  background: #707070;
  padding: 0.5rem 1.4rem;
}
.rfp-target-company h2 {
  text-transform: uppercase;
  color: #FFF;
}

.rfp-modal-text-block {
  padding: 0.7rem 1.4rem;
  word-wrap: break-word;
}
.rfp-modal-text-block__subheading {
  font-weight: bold;
  padding: 0.4rem 0rem;
}
.rfp-modal-text-block__description {
  line-height: 1.6;
}

.rfp-sender-info {
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2ee;
}

.sender-info-block {
  width: 50%;
  padding: 0.7rem 1.4rem;
}
.sender-info-block__subheading {
  font-weight: bold;
  padding: 0.4rem 0rem;
}
.sender-info-block__description {
  line-height: 1.6;
}
.sender-info-block__description--email {
  word-wrap: break-word;
}

.sender-message-block {
  padding: 0.7rem 1.4rem;
}
.sender-message-block__greetings {
  padding-bottom: 0.8rem;
}
.sender-message-block__description {
  line-height: 1.6;
  word-wrap: break-word;
}

.rfp-sender-message {
  margin-top: 1rem;
}

.ecosystem-information {
  padding: 0 1.5rem 1.5rem;
  background: #f2f2ee;
}

.ecosystem-ondemand-label {
  padding: 1.5rem;
}
.ecosystem-ondemand-label .text-light {
  margin-left: 0.25rem;
  color: #32332F !important;
  font-weight: normal;
}
.ecosystem-ondemand-label .zap-label {
  font-weight: bold;
  color: #32332F;
}
.ecosystem-ondemand-label .component-textarea {
  margin: 0.5rem 0 0;
  padding: 1rem !important;
  border: 1px solid #CECECE;
}
.ecosystem-ondemand-label .component-textarea__container {
  min-height: 80px;
}
.ecosystem-ondemand-label .component-textarea__autogrow {
  padding: 1rem !important;
  margin: 0 !important;
}
.ecosystem-ondemand-label .component-textarea__show-all {
  bottom: -30px;
}
.ecosystem-ondemand-label .ecosystem-textarea {
  height: 100%;
  min-height: 15rem;
  resize: none;
}
.ecosystem-ondemand-label .ecosystem-textarea--error {
  border: 1px solid #E86546;
}

.ondemand-description__show-all {
  cursor: pointer;
  color: #8abf4c;
  text-decoration: underline;
  font-size: 14px;
}

.ondemand-shared-info__show-all {
  cursor: pointer;
  color: #8abf4c;
  text-decoration: underline;
  font-size: 14px;
}

.modal-dialog--ecosystem {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 60%;
  max-width: 80rem;
}

.rfp-viewer__first-row {
  display: flex;
  flex-direction: column;
}
.rfp-viewer__avatar {
  width: 2rem;
  height: 2rem;
  font-size: 0.6875rem;
  font-weight: 900;
  border: none;
  color: #333;
  background: #e8e8e8;
  border-radius: 100%;
  cursor: pointer;
  object-fit: cover;
}
.rfp-viewer__initials {
  width: 2rem;
  height: 2rem;
  font-size: 0.6875rem;
  border: 1px solid #E6E6E1;
  border-radius: 100%;
  cursor: pointer;
  padding: 9px 10px;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
}
.rfp-viewer__shared-info-item {
  word-wrap: break-word;
}

@media only screen and (max-width: 1024px) {
  .rfp-viewer__attachments {
    margin-bottom: 10px;
  }
  .rfp-viewer__attach-text {
    margin-bottom: 5px;
  }
  .rfp-sender-info {
    display: flex;
    flex-direction: column;
  }
  .sender-info-block,
  .sender-message-block {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .rfp-sender-info {
    display: flex;
    flex-direction: column;
  }
  .sender-info-block,
  .sender-message-block {
    width: 100%;
  }
  .rfp-preview-content {
    display: flex;
    flex-direction: column;
  }
  .rfp-preview-content__sender-info {
    width: 100%;
  }
  .rfp-preview-content__service-info {
    width: 100%;
    border-right: none;
  }
  .ecosystem-textarea--servicehub {
    min-height: 12rem !important;
  }
}
.ecosystem-suggest__description {
  margin-bottom: 1.2rem;
}

.ecosystem-suggest--info {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 1.2rem;
}

.ecosystem-ondemand-label--servicehub {
  padding: 0 !important;
}

.zap-modal__body .nev-heading-entity-name-text-container .nev-heading-entity-name-input {
  min-width: 100%;
}

.overflow-initial .zap-modal__body {
  overflow: initial;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.webentry-modal {
  display: flex;
  flex-flow: column nowrap;
}

.webentry-modal-top {
  align-items: center;
  flex: 0 0 auto;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 940px) {
  .webentry-modal-top {
    display: flex;
  }
}

.webentry-modal-field {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 45%;
}
@media screen and (max-width: 939px) {
  .webentry-modal-field {
    margin-bottom: 1rem;
  }
}

.webentry-modal-field--large {
  flex: 2 0 0px;
}

.webentry-modal-field:not(:last-child) {
  margin-right: 30px;
}

.webentry-modal-field__label {
  color: #888C81;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: normal;
  cursor: inherit;
}
.webentry-modal-field__label:after {
  content: ":";
}

.webentry-modal-field__span {
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: capitalize;
  border-bottom: 2px solid #eee;
  padding: 10px 0;
  color: #4B4E46;
  margin-left: 0.3125rem;
}

.webentry-modal-field__address {
  padding: 0.625rem 0;
  font-size: 0.875rem;
  color: #4B4E46;
}

.webentry-modal-buttons {
  display: flex;
  justify-content: flex-end;
}

.webentry-curtain-info {
  line-height: 1.25rem;
  color: #777;
  font-size: 0.75rem;
}
.webentry-curtain-message-from-sender {
  margin-top: 1.25rem;
}
.webentry-curtain-buttons {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: 1rem 0;
}
.webentry-curtain-fields .card-header {
  display: none;
}
.webentry-curtain-fields .card-group {
  margin: 0;
}
.webentry-curtain-fields .card-body > .row {
  margin: 0;
}
.webentry-curtain-fields .card-body .container-fluid {
  padding: 0;
}
.webentry-curtain-contents {
  padding-bottom: 0.9375rem;
}

.webentry-resolution-curtain .modal-dialog {
  max-width: 550px;
  width: 100%;
}

.webentry-modal-buttons__delete-button {
  margin-left: 0.3125rem;
}

.webentry-modal-buttons-button {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  padding: 2px 15px;
  margin-left: 10px;
  border: none;
  border-radius: 5px;
  outline: none;
  font-size: 16px;
  cursor: pointer;
}

.webentry-modal-buttons-button--create {
  background-color: #8ABF4C;
  color: #FFF;
}

.webentry-modal-buttons-button--create-and-hold {
  background-color: #F5BD3E;
  color: #FFF;
}

.webentry-modal-buttons-button--create-and-pass {
  background-color: #E86546;
  color: #FFF;
}

.webentry-modal-buttons-button__icon {
  padding-top: 5px;
  margin-right: 5px;
  font-size: 22px;
}

.webentry-modal-bottom-container {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  padding: 35px 40px;
  background-color: #eee;
}

.webentry-modal-bottom {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
}

.webentry-modal-bottom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background-color: #E6E6E1;
  border: 2px solid #E6E6E1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.webentry-modal-bottom-header-company-name {
  display: flex;
  align-items: center;
}

.webentry-modal-bottom-header__icon {
  margin-right: 10px;
}

.webentry-modal-bottom-header__header {
  color: #4B4E46;
  font-size: 22px;
}

.webentry-modal-bottom-header-button {
  padding: 5px 8px;
  color: #babdb6;
  border: 2px solid #babdb6;
  outline: none;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
}

.webentry-modal-bottom-header-button:hover {
  color: #E86546;
  border-color: #E86546;
}

.webentry-modal-bottom-content {
  display: flex;
  flex-flow: column nowrap;
}

.webentry-modal-bottom-content-section {
  display: flex;
  flex-flow: column nowrap;
  padding: 20px 20px;
  border-left: 2px solid #E6E6E1;
  border-right: 2px solid #E6E6E1;
  border-radius: 10px;
  background-color: #FFF;
}

.webentry-modal-bottom-content-section:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.webentry-modal-bottom-content-section:not(:last-child) {
  border-bottom: 2px dashed #E6E6E1;
}

.webentry-modal-bottom-content-section:last-child {
  border-bottom: 2px solid #E6E6E1;
}

.webentry-modal-bottom-content-section__header {
  margin-bottom: 20px;
  font-size: 18px;
  color: #4B4E46;
}

.webentry-modal-bottom-content-section-content {
  display: flex;
}

.webentry-modal-attachment {
  display: flex;
  align-items: center;
  margin-right: 50px;
  padding: 20px 20px;
  border: 2px solid #E6E6E1;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}

.webentry-modal-attachment__icon {
  margin-right: 10px;
  font-size: 50px;
  color: #df411c;
}

.text-rotate-up {
  transform: rotate(-60deg);
  white-space: nowrap;
  padding-bottom: 1.25rem !important;
}

.fieldset-row {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem;
  margin: 0;
  border-bottom: 1px solid #eee;
}
.fieldset-row .fieldset-row--value-col {
  padding: 0;
}
.fieldset-row .fieldset-row--value-col {
  padding: 0;
}
.fieldset-row .fieldset-row--field-label-col {
  padding: 0;
}
.fieldset-row .fieldset-row--field-value-col {
  padding: 0;
}
.fieldset-row .fieldset-row--field-value-col .row {
  margin: 0;
}
@media screen and (max-width: 578px) {
  .fieldset-row {
    padding: 0.5rem 0;
  }
}
.fieldset-row-labels {
  margin-bottom: 10px;
}
.fieldset-row-labels label {
  text-align: center;
}
.fieldset-row span {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  font-weight: normal;
  text-align: center;
}
.fieldset-row label {
  display: inline-block;
  font-weight: normal;
  padding-left: 0;
  padding: 0;
  margin: 0;
  width: 1.0625rem;
  height: 1.0625rem;
}
.fieldset-row label.switch {
  width: 2.25rem;
  height: 1.25rem;
}
.fieldset-row label.switch .slider:before {
  width: 1rem;
  height: 1rem;
}
.fieldset-row label.switch input:checked + .slider:before {
  transform: translateX(16px);
}

.select-curtain-header-option__value {
  text-align: center;
  padding-right: 0;
}
.select-curtain-header-option__value > span {
  justify-content: flex-end;
}
.select-curtain-header-option__label span {
  padding-bottom: 4px;
  font-size: 0.625rem;
}
@media screen and (max-width: 578px) {
  .select-curtain-header-option__label span {
    transform: rotate(-12deg);
    min-width: 56px;
    font-size: 0.625rem;
  }
}

.left-label {
  line-height: 24px;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .left-label {
    font-size: 0.75rem;
  }
}

.message-from-sender {
  font-size: 0.875rem;
  margin-bottom: 0.9375rem;
}
.message-from-sender-label {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: #888C81;
  font-size: 0.875rem;
}

.top-performer-chart {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #eee;
  border-radius: 10px;
  background-color: #FFF;
}
.top-performer-chart__photo-image {
  width: 100px;
  height: 100px;
  margin-bottom: 0;
}
.top-performer-chart__photo-text {
  width: 100px;
  height: 100px;
  font-size: 38px;
  background-color: #eee;
  color: #888C81;
  border-radius: 3.5em;
  margin-bottom: 0;
  text-align: center;
}
.top-performer-chart__photo-text p {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top-performer-chart__cases {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 50px;
  font-weight: 700;
}

.zapflow-autocomplete {
  display: inline-block;
  position: relative;
  width: 100%;
}

.zapflow-autocomplete-input {
  display: flex;
  align-items: center;
}

.zapflow-autocomplete-input__input {
  width: 90%;
  height: 1.875rem;
  border: none;
  outline: none;
  font-size: 0.875rem;
  background-color: transparent;
}
.zapflow-autocomplete-input__input::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.zapflow-autocomplete-input__input:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.zapflow-autocomplete-input__input::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.zapflow-autocomplete-input__input:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}

.zapflow-autocomplete-results {
  display: none;
  position: absolute;
  width: calc(100% - 3px);
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-shadow: 1px 1px 4px #cdcdcd;
  max-height: 200px;
  overflow-y: auto;
}

.zapflow-autocomplete-results--visible {
  display: block;
}

.zapflow-autocomplete-result {
  display: flex;
}

.zapflow-autocomplete-result--add {
  padding: 10px 20px;
}

.zapflow-autocomplete-result:hover {
  background-color: rgba(138, 191, 76, 0.15);
  color: #333333;
}

.zapflow-autocomplete-result--selected {
  background-color: rgba(138, 191, 76, 0.15);
  color: #333333;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.calendar-button-base, .calendar__date-button {
  background: #eee;
  cursor: pointer;
  display: block;
  border: 0;
}

.date-range {
  display: flex;
}

.date-range__calendar {
  flex: 1;
  margin-right: 10px;
}

.date-range__quicklist {
  flex: 1;
  max-width: 150px;
  margin-right: 10px;
}

.calendar {
  width: 100%;
  border-spacing: 0;
}

.calendar__header-cell {
  padding: 1px;
}

.calendar-header {
  display: flex;
  flex-direction: row;
}

.calendar-header__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.calendar-header__prev-month {
  background: #eee;
  cursor: pointer;
  display: block;
  border: 0;
}
.calendar-header__prev-month:hover {
  background: #eee;
}
.calendar-header__prev-month:before {
  content: "<";
}

.calendar-header__next-month {
  background: #eee;
  cursor: pointer;
  display: block;
  border: 0;
}
.calendar-header__next-month:hover {
  background: #eee;
}
.calendar-header__next-month:before {
  content: ">";
}

.calendar__month-name {
  flex: 1;
}

.calendar-quicklist {
  padding: 0;
}

.calendar-quicklist__title {
  margin: 0 0 10px;
  padding: 0 4px;
}

.calendar-quicklist__item {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  padding: 2px 4px;
}
.calendar-quicklist__item:hover {
  background: #eee;
}
.calendar-quicklist__item:last-child {
  border: 0;
}

.calendar-quicklist__item--active {
  background: lightblue;
}

.date-input__container {
  margin: 0;
  display: flex;
}

.date-input {
  flex: 1;
}

.date-input__warning:before {
  content: "!";
}

.date-input__submit {
  background: #eee;
  cursor: pointer;
  display: block;
  border: 0;
}
.date-input__submit:before {
  content: ">";
}

.calendar__week {
  width: 30px;
}

.calendar__date {
  padding: 1px;
  width: 14.2857142857%;
}

.calendar__date--with-week-numbers {
  width: 12.5%;
}

.calendar__date--out {
  color: #bbb;
}

.calendar__date--disabled {
  color: #bbb;
}

.calendar__date-button {
  padding: 1px;
  width: 100%;
  background: #E8F7F9;
}
.calendar__date-button:hover {
  background: #8ABF4C;
}

.calendar__date-button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}
.calendar__date-button[disabled]:hover {
  background: #C0C0C0;
}

.calendar__date-button--selected {
  background: green;
  color: #fff;
  box-shadow: inset 0 0 1px #000;
}

.calendar__date-button--out {
  color: #bbb;
  background: none;
}

.datepicker__container {
  position: relative;
}

.datepicker {
  width: 100%;
}
.datepicker .table-condensed {
  width: 100%;
}
.datepicker .table-condensed .switch {
  text-align: center;
}
.datepicker-months .month {
  display: block;
  text-align: center;
}
.datepicker-years .year {
  display: block;
  text-align: center;
}

.datepicker__dropdown {
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: calc(100% - 1px);
  width: 280px;
}

.datepicker-container {
  position: relative;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.25rem;
}
.datepicker-container .filter-date__input {
  padding-right: 1.875rem;
  border: none;
  box-shadow: none;
}
.datepicker-container .filter-date__input:focus {
  box-shadow: none;
  outline: none;
}
.datepicker-container .form-date__input {
  font-size: 0.875rem;
  padding-right: 1.875rem;
  padding-left: 0;
  border: none !important;
  box-shadow: none !important;
  width: 100%;
}
.datepicker-container .form-date__input:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #8ABF4C;
}
.datepicker-container .form-date__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.4;
  color: #777;
}
.datepicker-container .form-date__input::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.4;
  color: #777;
}
.datepicker-container .form-date__input:-ms-input-placeholder { /* IE 10+ */
  opacity: 0.4;
  color: #777;
}
.datepicker-container .form-date__input:-moz-placeholder { /* Firefox 18- */
  opacity: 0.4;
  color: #777;
}
.datepicker-container .fa-calendar-alt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: auto;
  opacity: 0.7;
  color: #777;
}
.datepicker-container .fa-times {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  opacity: 0.7;
  font-size: 0.75rem;
  padding: 0.375rem 0.1875rem;
  cursor: pointer;
}

.pipeline {
  display: block;
  overflow-y: hidden;
}
@media screen and (max-width: 767px) {
  .pipeline .sub-navbar .container-fluid {
    justify-content: space-around;
  }
}
@media screen and (max-width: 767px) {
  .pipeline .sub-navbar .container-fluid .navbar-right {
    display: none;
  }
}
.pipeline-view {
  flex: 1 1 100%;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-content: stretch;
  justify-content: stretch;
  flex-direction: column;
}
.pipeline-filters {
  flex: 0 0 auto;
}
.pipeline-container {
  flex: 1 1 auto;
  overflow: hidden;
}
.pipeline-stages {
  margin: 0;
  width: auto;
  white-space: nowrap;
  background: #f2f2ee;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.pipeline-stages__container {
  height: 100%;
  display: flex;
  flex: 1 1 auto;
}
.pipeline-stages .pipeline-stages__stage {
  width: 300px;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  margin: 0 6px;
}
.pipeline-stages .stages-1 {
  min-width: 100%;
}
.pipeline-stages .stages-2 {
  min-width: 50%;
}
.pipeline-stages .stages-5 {
  min-width: 20%;
}
.pipeline-stages .stages-6 {
  min-width: 16.6666666667%;
}
.pipeline-stages .stages-7 {
  min-width: 14.2857142857%;
}
.pipeline-stages .stages-8 {
  min-width: 12.5%;
}
.pipeline-stages .stages-9 {
  min-width: 11.1111111111%;
}
.pipeline-stages .stages-10 {
  min-width: 10%;
}
.pipeline-stages__stage {
  margin-bottom: 0;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  box-shadow: none;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  background-color: #f2f2ee;
  border: none;
}
@media (max-width: 767px) {
  .pipeline-stages__stage {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pipeline-stages__stage {
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pipeline-stages__stage {
    max-width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .pipeline-stages__stage {
    max-width: 25%;
  }
}
.pipeline-stages__stage:not(:last-child) {
  border-right: 0;
}
.pipeline-stages__stage__header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pipeline-stages__stage__header__name {
  color: #888C81;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
  width: calc(100% - 3em);
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.pipeline-stages__stage__header .kanban-aggregate-value {
  padding: 0.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  border: 1px solid #888C81;
  border-radius: 3px;
  color: #888C81;
  opacity: 0.75;
}
.pipeline-stages__stage__header .kanban-aggregate-delimeter-icon {
  font-size: 0.625rem;
  padding: 0 0.25rem;
}
.pipeline-stages__stage__header__badge {
  background-color: transparent !important;
  color: #888C81 !important;
  margin-left: 0.5em;
  font-size: 0.8em;
  padding: 0.1em 0.5em;
  border: 0.15em solid #888C81;
  max-width: 3em;
  line-height: inherit;
}
.pipeline-stages__stage .card-header {
  padding: 1em 0.8em;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: transparent;
  border-color: #E6E6E1;
}
.pipeline-stages__stage .card-body {
  background-color: transparent;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  height: calc(100vh - 185px);
}
.pipeline-stages__stage .kanban-centered {
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  background-color: #e8e8e8;
  border: 1px dashed transparent;
  margin: 0 4px;
  padding-top: 6px;
  border-radius: 3px;
}
.pipeline-stages__stage .kanban-centered.is_active {
  border: 1px dashed #8ABF4C;
}
.pipeline-stages__stage .kanban-centered .dropzone {
  flex: 1;
  min-height: 3.5em;
}
.pipeline-stages__stage .kanban-entry.isDragging {
  opacity: 0.5;
}
.pipeline-stages__stage .kanban-entry.isDragging .dropzone {
  display: none;
}
.pipeline-stages__stage .kanban-entry.isDragging article {
  background: red;
}
.pipeline-stages__stage .kanban-entry.isDragging .grabbing {
  background-color: #eee;
}
.pipeline-stages__stage .kanban-entry.isHidden {
  display: none;
}
.pipeline-stages__stage .kanban-entry--drop {
  bottom: 0px;
}
.pipeline-stages__stage .kanban-entry article {
  margin: 0.3125rem 0.75rem;
}
.pipeline-stages__stage .kanban-entry article.dropzone.hidden {
  display: none;
}
.pipeline-stages__stage .kanban-entry article.draggable {
  /*width: 50%;
  float: right;*/
}
.pipeline-stages__stage .kanban-entry article.draggable:hover {
  border-color: #8ABF4C;
}
.pipeline-stages__stage .kanban-entry .grab {
  cursor: grab;
  cursor: move; /* fallback if grab cursor is unsupported */
}
.pipeline-stages__stage .kanban-entry .grabbing {
  cursor: grabbing;
  opacity: 1;
  background-color: #eee;
  border: 1px dashed #8ABF4C;
}
.pipeline-stages__stage .kanban-entry .grabbing * {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.pipeline-stages__stage .kanban-entry-inner {
  text-decoration: none;
  position: relative;
}
.pipeline-stages__stage .kanban-entry-inner:before {
  content: " ";
  display: table;
}
.pipeline-stages__stage .kanban-entry-inner:after {
  content: " ";
  display: table;
  clear: both;
}
.pipeline-stages__stage .kanban-label {
  position: relative;
  background-clip: padding-box;
  border-radius: 0.2em;
}
.pipeline-stages__stage .kanban-label__top {
  padding: 0.75em 0.75em;
}
.pipeline-stages__stage .kanban-label__top h2 {
  font-size: 1em;
  color: #333;
  margin: 0;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pipeline-stages__stage .kanban-label__top h3 {
  font-size: 0.8em;
  color: #888C81;
  margin: 0;
  line-height: 1.428571429;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.pipeline-stages__stage .kanban-label__top p {
  padding: 0.2em 0 0.2em 0;
  font-size: 0.9em;
  color: #333;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.pipeline-stages__stage .kanban-label__bottom {
  padding: 0.1em 0.5em 0.2em 0.3em;
  border-top: 2px solid #E6E6E1;
  margin: 1px 0 1px 0;
}
.pipeline-stages__stage .kanban-label__bottom-account__span {
  float: left;
}
.pipeline-stages__stage .kanban-label__bottom-account__image {
  border: 2px solid #eee;
}
.pipeline-stages__stage .kanban-label__bottom-account__image.active {
  border: 2px solid #8ABF4C;
}
.pipeline-stages__stage .kanban-label__bottom-account__image-text {
  margin-bottom: 0;
  min-height: 0;
  font-size: 0.8em;
  background-color: #eee;
  color: #888C81;
  border: 1px solid #eee;
  border-radius: 50%;
  box-shadow: none;
}
.pipeline-stages__stage .kanban-label__bottom-account__image-text p {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pipeline-filters__card {
  border: 0 !important;
  margin-bottom: 0;
}
.pipeline-filters-accounts__span {
  float: left;
  width: 2em;
  height: 2em;
  margin: 0 0.5em 0.2em 0;
}
.pipeline-filters-accounts__span a {
  padding: 0 !important;
  margin: 0 !important;
}
.pipeline-filters-accounts__span .pipeline-filters-accounts__image-text-inactive {
  background-color: #eee;
  color: #888C81;
}
.pipeline-filters-accounts__image {
  border: 2px solid #eee;
}
.pipeline-filters-accounts__image.active {
  border: 2px solid #8ABF4C;
}
.pipeline-filters-accounts__image-text {
  margin-bottom: 0;
  padding: 1.2em;
  font-size: 0.8em;
  background-color: #eee;
  color: #888C81;
  border: 2px solid #eee;
  border-radius: 50%;
  box-shadow: none;
}
.pipeline-filters-accounts__image-text p {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pipeline-filters-accounts__image-text.active {
  background-color: #8ABF4C;
  color: #FFF;
  border: 2px solid #8ABF4C;
}
.pipeline-filters-accounts__image-text:hover {
  background-color: #7db240 !important;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .nav > li > a {
    padding: 0.625rem;
  }
}

.zap-pipeline__card {
  min-width: 9.375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 0.1875rem;
  background-color: #FFF;
}
.zap-pipeline__card.status-active {
  border-left-color: transparent;
}
.zap-pipeline__card.status-on-hold {
  border-color: #F5BD3E;
}
.zap-pipeline__card.status-passed {
  border-color: #E86546;
}
.zap-pipeline__card.status-portfolio {
  border-color: #8ABF4C;
}
.zap-pipeline__card.status-unknown {
  background-color: #E86546;
}
.zap-pipeline__card h2 {
  flex: 1 1 100%;
}
.zap-pipeline__card__dropdown {
  flex: 0 0 auto;
  visibility: hidden;
}
@media screen and (max-width: 1023px) {
  .zap-pipeline__card__dropdown {
    visibility: visible;
  }
}
.zap-pipeline__card__dropdown__menu .pass-action {
  color: #E86546;
}
.zap-pipeline__card:hover .zap-pipeline__card__dropdown {
  visibility: visible;
}
.zap-pipeline__card .dropdown-toggle {
  padding: 0.25rem 5px;
  font-size: 18px;
  line-height: 1;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #8ABF4C !important;
}
.zap-pipeline__card .dropdown-toggle:hover, .zap-pipeline__card .dropdown-toggle:focus, .zap-pipeline__card .dropdown-toggle:active {
  color: #8ABF4C !important;
}

.dropdown-menu {
  border: 1px solid #8ABF4C;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 7.5rem;
}
.dropdown-menu a {
  display: block;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}
.dropdown-menu i {
  width: 1.25rem;
}

.kanban-lists-container {
  overflow-x: scroll;
}

.kanban-list-container {
  min-width: 300px;
}
.kanban-list-container .pipeline-stages__stage__header {
  padding: 1rem 0;
}
.kanban-list-container.dropping .kanban-card {
  box-shadow: none;
}
.kanban-list-container.dropping .kanban-list-element-container {
  position: relative;
}
.kanban-list-container.dropping .kanban-list-element-container:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #333;
  border-radius: 3px;
  background: #dbdbdb;
}
.kanban-list-container.dropping .kanban-list-element-container:before {
  content: "Move here";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #333;
  z-index: 2;
}

.kanban-list-element-container {
  height: 100%;
  padding: 0;
  border: 1px solid transparent;
  background: #e8e8e8;
  border-radius: 3px;
  box-shadow: none;
}
.kanban-list-element-container .ReactVirtualized__Grid__innerScrollContainer, .kanban-list-element-container .ReactVirtualized__Grid.ReactVirtualized__List.pipeline-list {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}
.kanban-list-element-container .ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important;
}

.kanban-row {
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}
.kanban-row:first-child {
  padding-top: 10px;
}
.kanban-card-dropdown {
  visibility: hidden;
  padding-left: 5px;
  padding-right: 5px;
}

.kanban-setup-max-length {
  color: #777;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0 1.75rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .kanban-setup-max-length {
    padding: 0 0.75rem 1.25rem;
  }
}
.kanban-setup-max-length .field-editor__content__field-input__primary-content {
  max-width: 10rem;
  margin-right: 1rem;
}

.kanban-card {
  margin: 0 1.25rem 0.625rem 0.625rem;
  padding: 0.625rem 0.75rem 0.5rem;
  background: #FFF;
  box-shadow: none !important;
  cursor: pointer;
  outline: none;
  border-radius: 3px;
}
.kanban-card a {
  color: #8ABF4C;
}
.kanban-card.selected .zap-pipeline__card__dropdown {
  visibility: visible;
}
.kanban-card-settings .container {
  max-width: 1140px;
}
.kanban-card-settings .kanban-card-content-setup {
  padding: 0 1.5rem 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .kanban-card-settings .kanban-card-content-setup {
    padding: 0 0.75rem;
  }
}
.kanban-card-settings .kanban-card-content-setup h4 {
  margin: 0 1.25rem 0.625rem;
}
@media screen and (max-width: 767px) {
  .kanban-card-settings .kanban-card-content-setup h4 {
    margin: 0 0rem 0.625rem;
  }
}
.kanban-card-settings .card-settings .kanban-card-header-name {
  margin-left: 1.875rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .kanban-card-settings .card-settings .kanban-card-header-name {
    margin-left: 0.75rem;
  }
}
.kanban-card-settings .card-settings .named-value {
  width: 100%;
  padding: 12px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
}
.kanban-card-settings .card-settings .named-value i {
  cursor: pointer;
}
.kanban-card-settings .card-settings .kanban-card-footer-setup {
  width: 100%;
  margin-top: 1.5rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.kanban-card-settings .card-settings .kanban-card-footer-setup-attribute, .kanban-card-settings .card-settings .kanban-card-footer-setup .show-owner {
  width: 33.333%;
  height: 3rem;
  padding: 0.5rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed #DBDCD9;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .kanban-card-settings .card-settings .kanban-card-footer-setup-attribute, .kanban-card-settings .card-settings .kanban-card-footer-setup .show-owner {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .kanban-card-settings .card-settings .kanban-card-footer-setup-attribute .justify-content-center, .kanban-card-settings .card-settings .kanban-card-footer-setup .show-owner .justify-content-center {
    text-align: left;
  }
}
.kanban-card-settings .card-settings .kanban-card-footer-setup-attribute .fa-times, .kanban-card-settings .card-settings .kanban-card-footer-setup .show-owner .fa-times {
  padding-top: 0.1875rem;
  margin-left: 0.375rem;
  font-size: 0.75rem;
  color: #777;
}
.kanban-card-settings .card-settings .kanban-card-footer-setup-attribute .fa-times:hover, .kanban-card-settings .card-settings .kanban-card-footer-setup .show-owner .fa-times:hover {
  color: #8ABF4C;
}
.kanban-card-settings .card-settings .kanban-card-footer-setup-attribute .btn, .kanban-card-settings .card-settings .kanban-card-footer-setup .show-owner .btn {
  color: #8ABF4C;
}
.kanban-card-footer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
  margin-top: 1.25rem;
}
.kanban-card-footer .long-card-attribute-value {
  font-size: 0.625rem;
}
.kanban-card-footer .owner-circle {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.6875rem;
  font-weight: 900;
  border: none;
  color: #333;
  background: #e8e8e8;
}
.kanban-card-footer img.company-logo {
  max-width: 4rem;
  max-height: 1.5rem;
}
.kanban-card.kanban-card-setup {
  cursor: default;
  padding: 1.25rem 0 0;
  margin: 0 auto;
  border-radius: 3px;
  background: #FFF;
  box-shadow: none !important;
  cursor: pointer;
  outline: none;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  position: relative;
}
.kanban-card.kanban-card-setup .add-company {
  margin: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .kanban-card.kanban-card-setup .add-company {
    margin: 0;
  }
}
.kanban-card.kanban-card-preview {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  padding: 0;
  position: relative;
  background: #fff;
  box-shadow: 0 -1px 14px 0 #E1E4DA !important;
  border-radius: 4px;
  position: relative;
  cursor: default;
}
.kanban-card.kanban-card-preview:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 12px 15px 0 #E1E4DA;
  border-radius: 4px;
  transform: rotate(-1deg);
  z-index: -1;
}
.kanban-card.kanban-card-preview .kanban-card-header {
  padding: 1.25rem 1.25rem 1rem;
  font-weight: bold;
}
.kanban-card.kanban-card-preview .kanban-card-content {
  padding: 0 1.25rem;
}
.kanban-card.kanban-card-preview .kanban-card-footer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-end;
  margin-top: auto;
  min-height: 3.75rem;
  padding: 1.25rem 1.25rem 0.9375rem;
  position: relative;
}
.kanban-card.kanban-card-preview .kanban-card-footer .owner-circle {
  width: 1.5rem;
  height: 1.5rem;
  color: #333;
  font-size: 0.6875rem;
}
.kanban-card.has-scrollbar {
  margin-right: 10px;
}
.kanban-card.selected {
  border-style: dashed !important;
}
.kanban-card.selected .kanban-card-dropdown {
  visibility: visible;
  cursor: pointer;
}
.kanban-card.status-active {
  border-width: 1px;
  border-left-color: transparent;
}
.kanban-card.status-active.selected {
  border: 1px dashed #8ABF4C;
}
.kanban-card.status-on-hold {
  border-width: 1px;
  border-color: #F5BD3E;
  border-style: solid;
}
.kanban-card.status-passed {
  border-width: 1px;
  border-color: #E86546;
  border-style: solid;
}
.kanban-card.status-portfolio {
  border-width: 1px;
  border-color: #8ABF4C;
  border-style: solid;
}
.kanban-card .kanban-setup-attributes {
  margin: 0.75rem 0;
}
.kanban-card-attribute-setup {
  display: flex;
  flex-direction: row;
}
.kanban-card-attribute-setup .card__handle {
  flex: 0 1 auto;
  display: flex;
  justify-items: center;
}
.kanban-card-content {
  padding-top: 0.625rem;
  min-height: 1.875rem;
}
.kanban-card-content .long-card-attribute-value a {
  white-space: pre-wrap;
  word-break: break-all;
}
.kanban-card .kanban-card-dropdown {
  padding: 0;
  color: #8ABF4C;
  background: none;
}
.kanban-card .kanban-card-dropdown i {
  color: #8ABF4C;
}
.kanban-card .kanban-card-dropdown i.fa-ellipsis-v {
  padding: 0 8px 0 8px;
  margin-right: -8px;
}
.kanban-card .zap-pipeline__card__dropdown.show .kanban-card-dropdown {
  visibility: visible;
}
.kanban-card-header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.kanban-card-header .dropdown-menu {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}
.kanban-card-header-name {
  display: flex;
  align-items: center;
  width: 95%;
  float: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 400;
}
.kanban-card:hover .kanban-card-dropdown {
  cursor: pointer;
}

.long-card-attribute {
  padding-bottom: 0.625rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.75rem;
  white-space: pre-wrap;
}
.long-card-attribute:last-child {
  padding-bottom: 0;
}
.long-card-attribute-label {
  display: block;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #B5B5B5;
}

.show-owner-switch {
  cursor: pointer;
}
.show-owner-switch .filter-mode {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  background-color: #00a2ae;
  color: #00a2ae;
  border: 1px solid #00a2ae;
  border-radius: 3px 0 0 3px;
  cursor: pointer;
}
@media screen and (max-width: 360px) {
  .show-owner-switch .filter-mode {
    letter-spacing: -0.9px;
  }
}
@media screen and (max-width: 767px) {
  .show-owner-switch .filter-mode {
    font-size: 0.625rem;
  }
}
.show-owner-switch .filter-mode span {
  display: block;
  position: relative;
}
.show-owner-switch .filter-mode:after {
  content: "";
  width: 18px;
  height: 18px;
  background: #FFF;
  border-radius: 3px;
}
.show-owner-switch .filter-mode + .filter-mode {
  border-radius: 0 3px 3px 0;
}
.show-owner-switch .filter-mode i {
  margin-right: 0.25rem;
}
@media screen and (max-width: 767px) {
  .show-owner-switch .filter-mode i {
    margin-right: 0;
  }
}
.show-owner-switch .filter-mode.selected {
  background-color: #00a2ae;
  color: #FFF;
  cursor: pointer;
  border: 1px solid #00a2ae;
}
.show-owner-switch .filter-mode.selected:after {
  content: normal;
}
.show-owner-switch .filter-mode.disabled {
  border: 1px solid #888C81;
  color: #888C81;
}
.show-owner-switch .filter-mode.disabled + .disabled {
  background: #888C81;
  color: #FFF;
}
.show-owner-switch .filter-mode-switch {
  display: inline-flex;
  list-style-type: none;
  overflow: hidden;
  cursor: pointer;
}

.guest {
  background-color: #eee;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.dashboard {
  flex: 1 1 100%;
}
.dashboard-view {
  flex: 1 1 100%;
  padding-top: 0.875rem;
  display: flex;
  min-height: 0;
  overflow: auto;
}
.dashboard-view .container-fluid {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.dashboard-left {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0;
  padding-top: 20px;
  background-color: #F2F2EE;
  position: relative;
}

.oppos-per-status-container {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
}
.oppos-per-status-widget {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  border: 2px solid #eee;
  border-radius: 10px;
  background-color: #FFF;
  height: 170px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.oppos-per-status-widget--top-left {
  margin-bottom: 10px;
}
.oppos-per-status-widget--top-right {
  margin-bottom: 10px;
}
.oppos-per-status-widget--bottom-left {
  margin-top: 10px;
}
.oppos-per-status-widget--bottom-right {
  margin-top: 10px;
}
.oppos-per-status-widget__param-holder {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.oppos-per-status-widget__param {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 20px;
  font-weight: 400;
  color: #4B4E46;
}
.oppos-per-status-widget__num {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 50px;
  font-weight: 700;
  color: #8ABF4C;
}
@media (max-width: 500px) {
  .oppos-per-status-widget__num {
    font-size: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .oppos-per-status-widget__num {
    font-size: 36px;
  }
}

.dashboard-container {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 796px) {
  .dashboard-item {
    width: 100%;
    height: auto;
    padding: 10px;
  }
}
@media (min-width: 796px) and (max-width: 991px) {
  .dashboard-item {
    width: 50%;
    height: auto;
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .dashboard-item {
    width: 50%;
    height: 486px;
    padding: 10px;
  }
}
.dashboard-item .card {
  height: 100%;
}
@media (max-width: 991px) {
  .dashboard-timeline__container {
    display: none;
  }
}

.last-update {
  width: 100%;
  padding-right: 0.9375rem;
  display: block;
  text-align: right;
  color: #777;
  font-size: 0.75rem;
  text-transform: capitalize;
}

.zap-timeline-card {
  margin-top: 10px;
}

.dashboard-top-performer {
  min-height: 5rem;
}

.dashboard-owner-circle {
  border-radius: 100%;
  width: 3.75rem;
  height: 3.75rem;
  border: 2px solid #8ABF4C;
  font-size: 30px;
  font-weight: 700;
  background-color: #ecf5e2;
  color: #8ABF4C;
  padding: 10px;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

.on-demand__container {
  background-color: white;
  padding: 1rem;
}

.on-demand__container--overflow-auto {
  overflow: auto;
}

.on-demand .zap-toolbar__navigation {
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  .on-demand .zap-toolbar__navigation {
    display: block;
  }
}
.on-demand__go-back-btn .active {
  color: #8ABF4C;
  cursor: pointer;
}

.company-service-preview {
  position: relative;
  padding-top: 33px;
}

.preview-service__service-name {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
}
.preview-service__vendor-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #888C81;
  margin-bottom: 0.75rem;
}

.close-preview-btn {
  color: #FFF;
  opacity: 1;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  right: 20px;
  top: 15px;
  margin: 0;
}
.close-preview-btn span {
  display: none;
}
.close-preview-btn:hover::before, .close-preview-btn:hover::after {
  background: #333;
}
.close-preview-btn::before, .close-preview-btn::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #333;
}
.close-preview-btn::before {
  transform: rotate(45deg);
}
.close-preview-btn::after {
  transform: rotate(-45deg);
}

.ondemand-go-back-btn {
  margin-top: 10px;
  border: none;
  padding-left: 0.625rem;
  font-size: 1rem;
  color: #8ABF4C;
}
.ondemand-go-back-btn span span {
  text-decoration: underline;
}
.ondemand-go-back-btn:hover {
  background: none;
  color: #8ABF4C;
}
.ondemand-go-back-btn:hover span span {
  text-decoration: none;
}
.ondemand-go-back-btn i {
  position: relative;
  top: 1px;
  font-size: 1.25rem;
  margin-right: 0.375rem;
}

.company-service__logo-image {
  display: block;
  max-width: 16rem;
  height: 3rem;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 640px) {
  .company-service__logo-image {
    min-width: 13.75rem;
    max-width: 220px;
  }
}

.attachment-selectors {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .attachment-selectors {
    flex-flow: column;
  }
}
.attachment-selectors__target {
  width: 20rem;
}
@media screen and (max-width: 767px) {
  .attachment-selectors__target {
    width: 100%;
  }
}
.attachment-selectors__target .react-select .react-select__control {
  height: 2.375rem;
  padding: 0.125rem 0.75rem;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
}
.attachment-selectors__target .react-select .react-select__control .react-select__indicator {
  top: 0;
}
.attachment-selectors .zap-select-virtualized-dropdown-menu-option.is-selected:hover {
  background: #F8F8F8;
}
@media screen and (max-width: 767px) {
  .attachment-selectors__upload-zone {
    width: 100%;
  }
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone {
  height: 2.375rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .attachment-selectors__upload-zone .rfp-creator-upload-zone {
    height: auto;
  }
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone .dropzone-instructions {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .attachment-selectors__upload-zone .rfp-creator-upload-zone .dropzone-instructions {
    flex-flow: column;
  }
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone span {
  white-space: nowrap;
  color: #B5B5B5;
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone .dropzone-info-text {
  padding: 0;
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone .fallback {
  height: 2.375rem;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .attachment-selectors__upload-zone .rfp-creator-upload-zone .fallback {
    height: auto;
  }
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone .fallback input {
  font-size: 0.875rem;
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone .fallback i {
  font-size: 1rem;
  margin-bottom: 0;
}
.attachment-selectors__upload-zone .rfp-creator-upload-zone .dropzone-instructions-link {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  color: #8ABF4C;
}

.attachment-listing {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.5rem;
}
.attachment-listing__indicator {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 2.375rem;
  padding: 0 1rem;
  margin-right: 1rem;
  margin-top: 0.5rem;
  box-shadow: 0 3px 6px #D9D9DA;
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .attachment-listing__indicator {
    margin-right: 0.5rem;
  }
}
.attachment-listing__filename {
  width: 13.125rem;
  padding-right: 1rem;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}
.attachment-listing__link {
  color: #333;
}
.attachment-listing__spinner-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #8ABF4C;
  font-size: 0.875rem;
}
.attachment-listing__spinner {
  width: 24px;
}
.attachment-listing__indicator--error {
  color: #E86546;
  font-size: 0.75rem;
}
.attachment-listing__remove {
  padding-left: 1rem;
  color: #E86546;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.oppo-creator {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  background-color: #eee;
}

.oppo-creator-navbar {
  display: flex;
  justify-content: space-around;
  background-color: #4B4E46;
}

.oppo-creator-navbar__text {
  margin: 6px 0;
  color: white;
  font-size: 16px;
  font-weight: normal;
}

.oppo-creator-content {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  padding: 30px 50px 0 50px;
}

.oppo-creator-search {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.oppo-creator-search__label {
  margin-right: 5%;
}

.oppo-creator-search__input {
  flex: 1 0 0px;
  height: 26px;
  font-size: 16px;
}

.oppo-creator-search-results {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
}

.oppo-creator-company {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 20px;
  background-color: white;
  border: 1px solid #4B4E46;
}

.oppo-creator-company__header {
  margin: 0;
  padding: 3px 0 3px 100px;
  background-color: #4B4E46;
  color: white;
}

.oppo-creator-company-content {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 30px;
}

.oppo-creator-oppo {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 29%;
  margin: 0 40px 30px 0;
  border: 1px solid #4B4E46;
  cursor: pointer;
  text-decoration: none;
}

.oppo-creator-oppo__header {
  margin: 0;
  padding: 1px 0;
  text-align: center;
  background-color: #4B4E46;
  color: white;
}

.oppo-creator-oppo-content {
  display: flex;
  min-height: 70px;
}

.oppo-creator-oppo-content__plus {
  flex: 1 0 0px;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.oppo-creator-company-centered-content {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  cursor: pointer;
}

.oppo-creator-company-centered-content__label {
  margin-right: 30px;
  font-size: 22px;
}

.oppo-creator-company-centered-content__plus {
  font-size: 140px;
  font-weight: bold;
  color: #4B4E46;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.oppo {
  display: block;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  background-color: #eee;
}

.oppo-navbar {
  display: flex;
  justify-content: space-between;
  background-color: #FFF;
  border-bottom: 0.2em solid #E6E6E1;
  padding: 0 30px;
  min-height: 3.6em;
}

.oppo-navbar-left {
  display: flex;
  align-items: center;
}

.oppo-navbar-right {
  display: flex;
  align-items: center;
}

.oppo-navbar-back-button {
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  background: none;
  color: #8ABF4C;
  cursor: pointer;
}

.oppo-navbar-back-button__label {
  font-size: 30px;
}

.oppo-navbar__oppo {
  margin: 0 0 0 50px;
  font-size: 24px;
  color: #4B4E46;
}

.oppo-navbar-save-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 8px 14px;
  border: none;
  outline: none;
  background-color: #8ABF4C;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
}

.oppo-navbar-activate-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 8px 14px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
}

.oppo-navbar-activate-button--enabled {
  background-color: #8ABF4C;
}

.oppo-navbar-activate-button--disabled {
  background-color: #888C81;
  cursor: not-allowed;
}

.oppo-navbar-pass-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 8px 14px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
}

.oppo-navbar-pass-button--enabled {
  background-color: #E86546;
}

.oppo-navbar-pass-button--disabled {
  background-color: #888C81;
  cursor: not-allowed;
}

.oppo-navbar-put-on-hold-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 8px 14px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
}

.oppo-navbar-put-on-hold-button--enabled {
  background-color: #8ABF4C;
}

.oppo-navbar-put-on-hold-button--disabled {
  background-color: #888C81;
  cursor: not-allowed;
}

.oppo-navbar-flag-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 8px 14px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
  background-color: #8ABF4C;
}

.oppo-navbar-flag-button--delete {
  background-color: #E86546;
}

.oppo-navbar-button {
  display: flex;
  align-items: center;
  padding: 6px;
  border: 2px solid transparent;
  outline: none;
  border-radius: 5px;
  background: none;
  color: #4B4E46;
  cursor: pointer;
}

.oppo-navbar-button--green:hover {
  border: 2px solid #8ABF4C;
  color: #8ABF4C;
}

.oppo-navbar-button__icon {
  font-size: 26px;
}

.oppo-navbar-button__label {
  font-size: 14px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}

.oppo-content {
  display: flex;
  flex: 1 0 0px;
  margin-top: 120px;
}

.oppo-left {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  padding: 20px 50px 20px 80px;
  background-color: #eee;
  position: relative;
}

.oppo-left--edit {
  background-image: url("/img/editor-bg.png");
}

.oppo-right {
  display: flex;
  flex: 0 0 450px;
  background-color: #E6E6E1;
}

.oppo-right--edit {
  display: none;
}

.oppo-stages {
  display: flex;
  margin-bottom: 30px;
}

.oppo-stages--edit {
  padding-right: 450px;
}

.oppo-stage {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0px;
  padding: 10px 0;
  color: #888C81;
  border-top: 2px solid #E6E6E1;
  border-right: 2px solid #E6E6E1;
  border-bottom: 2px solid #E6E6E1;
  background-color: #FFF;
}

.oppo-stage:first-child {
  border-left: 2px solid #E6E6E1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.oppo-stage:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.oppo-stage:not(:last-child) {
  border-right: 2px solid #E6E6E1;
}

.oppo-stage--current {
  border: none;
  color: #FFF;
  background-color: #8ABF4C;
}

.oppo-stage--clickable {
  cursor: pointer;
}

.oppo-stage__label {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.oppo-overview {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}

.oppo-overview--edit {
  padding-right: 450px;
}

.oppo-overview-left {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 75px;
  height: 100px;
  margin-right: 40px;
}

.oppo-overview-left .oppo-field {
  align-items: center;
}

.oppo-overview-left .oppo-field .oppo-field-content-large .oppo-overview-left .oppo-field .oppo-field-content {
  margin-left: 5px;
}

.oppo-overview-right {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
}

.oppo-overview-right .oppo-row {
  overflow-y: auto;
  overflow-x: auto;
  padding: 2px 10px 2px 0;
  font-size: 18px !important;
}

.oppo-module {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 20px;
}

.oppo-module__header {
  display: flex;
  margin: 0 0 -5px 0;
  padding: 30px 25px;
  background-color: #E6E6E1;
  color: #4B4E46;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 26px;
  font-weight: 700;
}

.oppo-submodule {
  display: flex;
  flex-flow: column nowrap;
  border-right: 2px solid #E6E6E1;
  border-left: 2px solid #E6E6E1;
  border-bottom: 2px dashed #E6E6E1;
  border-radius: 10px;
  background-color: #FFF;
}

.oppo-submodule--top {
  border-top: 2px solid #E6E6E1;
}

.oppo-submodule:last-child {
  border-bottom: 2px solid #E6E6E1;
}

.oppo-submodule--turquoise {
  border-color: #00B8C7;
  background-color: #F7FDFD;
}

.oppo-submodule--turquoise:last-child {
  border-bottom: 2px solid #00B8C7;
}

.oppo-submodule--salmon {
  border-color: #E86546;
  background-color: #FFFAFA;
}

.oppo-submodule--salmon:last-child {
  border-bottom: 2px solid #E86546;
}

.oppo-submodule-content {
  display: flex;
  flex-flow: column nowrap;
  padding: 20px 25px 40px 25px;
}

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

.oppo-row:not(:last-child) {
  margin-bottom: 30px;
}

.oppo-row--edit {
  padding-right: 450px;
}

.oppo-submodule__header {
  margin: 0;
  padding: 20px 25px;
  font-size: 20px;
  font-weight: 400;
  color: #4B4E46;
  border-radius: 10px 10px 0 0;
}

.oppo-submodule__header--turquoise-background {
  display: flex;
  color: #00B8C7;
  background-color: #E0F5F7;
}

.oppo-submodule__header--salmon {
  color: #E86546;
}

.oppo-submodule__header--salmon-background {
  display: flex;
  color: #E86546;
  background-color: #FFEAE7;
}

.oppo-submodule__header--turquoise {
  color: #00B8C7;
}

.oppo-field {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  justify-content: space-between;
}

.oppo-field:not(:last-child) {
  margin-right: 40px;
}

.oppo-field__label {
  margin-bottom: 0.375rem;
  font-size: 14px;
  color: #888C81;
}

.oppo-field .pre {
  line-height: 1.5rem;
}

.oppo-field-content {
  display: flex;
  align-items: center;
  padding: 2px 10px 2px 0;
  min-height: 20px;
  max-width: 35em;
}
@media screen and (max-width: 767px) {
  .oppo-field-content {
    word-break: break-all;
  }
}
.oppo-field-content select, .oppo-field-content input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  -webkit-appearance: none;
}

.oppo-field-content-large {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #eee;
  overflow-y: auto;
  max-height: 15em;
  position: relative;
}

.oppo-field-content-large-wrapper {
  position: relative;
  width: 100%;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.oppo-field-content-large-wrapper .pre {
  padding: 0;
  margin: 0;
  line-height: 1.25em;
  white-space: pre-wrap;
}
.oppo-field-content-large-wrapper textarea {
  padding: 0.3em 0;
  margin: 0;
}

.oppo-field-content--background {
  background-color: #e8f7f9;
  padding: 10px 10px 10px 0;
}

.oppo-field-content--less-padding {
  padding: 1px 0;
}

.oppo-field-content__input {
  flex: 1 0 0px;
  border: none;
  outline: none;
  font-size: 16px;
  height: 30px;
}

.oppo-field-content__icon {
  margin: 0 10px;
}

.oppo-field__span {
  white-space: nowrap;
}

.oppo-field__link {
  color: #F5BD3E;
}

.oppo-field__add-button {
  padding: 0 8px;
  border: none;
  border-radius: 5px;
  outline: none;
  background-color: #8ABF4C;
  color: #FFF;
  font-size: 24px;
  cursor: pointer;
}

.oppo-field-account {
  display: flex;
  align-items: center;
}

.oppo-field-account__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #8ABF4C;
  border-radius: 100%;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
}

.oppo-field-account__image--large {
  width: 70px;
  height: 70px;
  font-size: 30px;
  background-color: #eee;
  color: #888C81;
}

.oppo-field-account__image--hidden {
  border: none;
  width: 0;
  display: none;
}

.oppo-field-account__image--dimmed {
  background-color: #eee;
  color: #888C81;
}

.oppo-field-account-name {
  display: flex;
  justify-content: center;
  margin-left: 10px;
}

.oppo-field-account-name__span {
  margin-right: 4px;
}

.oppo-field-account-name__span--bold {
  font-weight: bold;
}

.datepicker-field {
  max-width: 14em;
}

.oppo-datepicker-editor {
  display: flex;
  justify-content: space-between;
  min-width: 150px;
}

.oppo-datepicker-editor__clear-button {
  padding: 4px 8px 0 8px;
  border: none;
  outline: none;
  background-color: transparent;
  color: #E86546;
  font-size: 20px;
  cursor: pointer;
}

.datepicker__container .datepicker {
  border: none;
  outline: none;
  font-size: 16px;
}

.datepicker__container .datepicker__dropdown {
  top: 38px;
}

.financials-toolbar {
  display: flex;
  flex-direction: row;
}
.financials-toolbar .control-label {
  flex: 1 1 100%;
  justify-content: flex-start;
  align-self: flex-end;
}
.financials-toolbar .align-right {
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-end;
}

.oppo-financials {
  width: 100%;
  margin-top: 8px;
  border-collapse: collapse;
  border: 1px solid #DBDCD9;
  color: #5F5F5E;
}
.oppo-financials .financials-summary-row td {
  font-size: 11px;
  padding: 5px;
  border: 1px solid #DBDCD9;
  text-align: right;
  color: #777;
  font-style: italic;
}
.oppo-financials .financials-summary-row .financials-row {
  text-align: right;
}

.oppo-financials-row td {
  font-size: 0.8125rem;
  padding: 5px;
  border-bottom: 1px solid #DBDCD9;
}
.oppo-financials-row .oppo-financials-cell {
  padding: 5px 1px;
  border: 1px solid #DBDCD9;
  text-align: center;
  font-size: 0.6875rem;
}
.oppo-financials-row .oppo-financials-cell input {
  padding: 6px;
}

.oppo-financials-header-row {
  background: #FCFCFB;
  color: #5F5F5E;
}

.oppo-financials-row:nth-child(odd) {
  background-color: transparent;
}

.oppo-financials-row:nth-child(even) {
  background-color: #FFF;
}

.oppo-financials-cell--header {
  padding: 5px;
  font-weight: 600;
  font-size: 0.875rem;
  color: #333;
  border: 1px solid #DBDCD9;
}

.oppo-financials-cell__input {
  width: 90%;
  height: 20px;
  font-size: 0.875rem;
  outline: none;
}

.oppo-field-instructions {
  display: flex;
}

.oppo-field-instructions__icon {
  margin-right: 10px;
  color: #00a2ae;
}

.oppo-field-instructions__span {
  flex: 1 0 0px;
  font-size: 14px;
  color: #00a2ae;
}

.oppo-field-multi-oppo {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.oppo-field-oppo-editor {
  border-bottom: 2px solid #eee;
}

.oppo-field-oppo {
  background-color: #e8f7f9;
  border-bottom: 2px solid #eee;
}

.oppo-field-oppo:not(:last-child) {
  margin-right: 30px;
}

.oppo-field-persons {
  display: flex;
  flex-flow: column nowrap;
}

.oppo-field-persons__add-person-button {
  align-self: flex-end;
  margin-bottom: 5px;
  padding: 15px 40px;
  border: none;
  outline: none;
  background-color: #8ABF4C;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.oppo-field-persons__add-person-button:hover {
  background-color: #7db240;
}

.oppo-field-persons-left {
  display: flex;
  flex: 1 0 auto;
  margin-right: 50px;
}

.oppo-field-persons-right {
  display: flex;
  flex: 0 0 450px;
}

.oppo-field-persons-headers {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  padding: 0 10px;
}

.oppo-field-persons-headers__item {
  flex: 2 0 0px;
  font-size: 12px;
  color: #888C81;
}

.oppo-field-persons-headers__item:not(:last-child) {
  margin-right: 30px;
}

.oppo-field-persons-headers__item--large {
  flex: 3 0 0px;
}

.oppo-field-persons-person {
  display: flex;
  padding: 8px 10px;
}

.oppo-field-persons-field {
  display: flex;
  align-items: center;
  flex: 2 0 0px;
}

.oppo-field-persons-field:not(:last-child) {
  margin-right: 30px;
}

.oppo-field-persons-field--large {
  flex: 3 0 0px;
}

.oppo-field-persons-field--border {
  border: 1px solid #babdb6;
  background-color: #FFF;
}

.oppo-field-persons-field__input {
  flex: 1 0 0px;
  border: none;
  outline: none;
  font-size: 14px;
}

.oppo-field-persons-field-remove-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

.oppo-field-persons-field-remove-button__icon {
  margin-right: 10px;
  color: #E86546;
}

.oppo-field-persons-field-remove-button__span {
  color: #E86546;
  font-size: 14px;
}

.oppo-field-persons-field__checkbox {
  margin-right: 10px;
}

.oppo-field-persons-field__label {
  font-size: 14px;
}

.oppo-field-persons-autocomplete-view {
  display: flex;
  align-items: center;
  margin: 2px 3px;
  padding: 5px 0px;
}

.oppo-field-persons-autocomplete-view__icon {
  margin-right: 10px;
  color: #8ABF4C;
}

.oppo-field-persons-autocomplete-view__span {
  white-space: nowrap;
  font-weight: 600;
}

.oppo-ratings {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex: 1 0 auto;
}

.oppo-ratings-overall {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 0 80px 20px 80px;
  border: 2px solid #eee;
  margin-bottom: 2em;
}

.oppo-ratings-overall__score {
  margin-bottom: 40px;
  font-size: 170px;
  font-weight: 700;
  color: #8ABF4C;
}

.oppo-rating-missing {
  font-size: 60px;
  white-space: nowrap;
  overflow: visible;
}
@media screen and (max-width: 1600px) {
  .oppo-rating-missing {
    font-size: 30px;
  }
}

.oppo-ratings-overall__info {
  font-size: 18px;
  color: #888C81;
}

.oppo-ratings-details {
  display: flex;
  flex-flow: column nowrap;
}

.oppo-ratings-details-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2px;
}

.oppo-ratings-stars {
  margin-left: 1em;
  white-space: nowrap;
  align-self: center;
}
@media screen and (max-width: 580px) {
  .oppo-ratings-stars {
    display: block;
    width: 100%;
    margin-left: 3em;
  }
}

.oppo-ratings-stars__star {
  color: #8ABF4C;
  cursor: default;
}

.oppo-ratings-stars__star--dimmed {
  color: #E6E6E1;
}

.oppo-ratings-stars__star--clickable {
  cursor: pointer;
}

.oppo-ratings-stars__star--clickable:hover {
  color: #8ABF4C;
}

.oppo-field__textarea {
  font-size: 16px;
  resize: none;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.oppo-field__textarea--hidden {
  display: none;
}

.oppo-visitors {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
}

.oppo-visitor {
  display: flex;
}

.oppo-visitor-buttons {
  display: flex;
  align-items: flex-end;
  flex: 1 0 0px;
}

.oppo-visitor-buttons-button {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 8px 12px;
  border: none;
  outline: none;
  border-radius: 5px;
  background-color: #8ABF4C;
  color: #FFF;
  font-size: 16px;
}

.oppo-visitor-buttons-button--salmon {
  background-color: #E86546;
}

.oppo-visitor-buttons-button__icon-before-text {
  margin-right: 10px;
}

.oppo-toggle-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #C6CCBC;
  white-space: nowrap;
  padding: 3em 0.5em;
  cursor: pointer;
  border-radius: 0.5em 0 0 0.5em;
  color: #FFF;
}
.oppo-toggle-sidebar.focus, .oppo-toggle-sidebar:focus {
  outline: none !important;
  outline-offset: 0 !important;
}

.oppo-button {
  display: flex;
  align-items: center;
  margin-right: 20px;
  padding: 8px 14px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
}

.oppo-button--green {
  background-color: #8ABF4C;
}

.oppo-button--green:hover {
  border: 2px solid #8ABF4C;
}

.oppo-button--yellow {
  background-color: #F5BD3E;
}

.oppo-button--yellow:hover {
  border: 2px solid #F5BD3E;
}

.oppo-button--disabled {
  background-color: #888C81;
  cursor: not-allowed;
}

.oppo-button__icon {
  font-size: 26px;
  width: 26px;
}

.oppo-button__label {
  font-size: 14px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}

.oppo-field .multiselect-disabled,
.oppo-field .multiselect-disabled .checkmark,
.oppo-field .multiselect-disabled .checkbox-label {
  cursor: not-allowed;
}

.zap-timeline {
  background: #FFF;
  max-height: 912px;
  overflow: auto;
}
.zap-timeline-toolbar {
  padding: 0.8em;
  border-bottom: 2px solid #FFF;
}
.zap-timeline-toolbar-heading {
  font-size: 1.25em;
  color: #565952;
}
.zap-timeline-toolbar .toggle-btn {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 5px;
  text-align: center;
  padding: 0;
}
.zap-timeline-toolbar .active {
  color: white !important;
  background-color: #8ABF4C !important;
  border-radius: 0.25rem !important;
}
.zap-timeline-toolbar .btn-toolbar .btn {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  margin-right: 0;
}
.zap-timeline-toolbar .btn-toolbar .btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.zap-timeline-filters {
  padding-left: 0.8em;
  border-bottom: 2px solid #FFF;
  display: flex;
  align-items: center;
}
.zap-timeline-filters-tail {
  margin-left: auto;
}
.zap-timeline-filters-tail.btn-group .btn i {
  display: block;
}
.zap-timeline-filters-heading {
  font-size: 1.25em;
  color: #565952;
}

.timeline-field-content__textarea {
  width: 100%;
  display: block;
}

.timeline {
  padding: 0 1.6em 1.6em;
  list-style: none;
  position: relative;
  margin-top: 10px;
  overflow: auto;
}
.timeline-arrow-line {
  line-height: normal;
}
.timeline-arrow-line {
  line-height: normal;
}
.timeline:before {
  top: 0;
  bottom: 65px;
  position: absolute;
  content: " ";
  width: 2px;
  margin-left: -1px;
  background-color: #C6CCBC;
  left: 2.8125rem;
  opacity: 0.3;
}
.timeline-item {
  position: relative;
  display: list-item;
}
.timeline-item.pointer:hover {
  cursor: pointer;
}
.timeline-item.pointer:hover .timeline-item-card-timestamp-highlight {
  color: #8ABF4C;
}
.timeline-item:before, .timeline-item:after {
  content: " ";
  display: table;
}
.timeline-item:after {
  clear: both;
}
.timeline-item-card {
  display: table-cell;
  width: 100%;
  border-radius: 2px;
  padding: 0 1em 1em;
  position: relative;
  font-size: 0.875rem;
}
.timeline-item-card:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
  position: absolute;
  top: 26px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline-item-card-heading-title {
  margin-top: 0;
  color: #888C81;
  margin-bottom: 0.4em;
}
.timeline-item-card-heading-title__container {
  display: flex;
  align-items: center;
}
.timeline-item-card-heading-title__attachment-icon {
  margin-left: auto;
}
.timeline-item-card-heading-title:hover i {
  display: inline-block;
}
.timeline-item-card-heading-title i {
  display: none;
  margin-left: 0.375rem;
  cursor: pointer;
}
.timeline-item-card-timestamp {
  color: #C6CCBC;
  font-size: 0.75rem;
}
.timeline-item-card-timestamp i {
  position: relative;
  top: 1px;
  font-size: 100%;
  margin-right: 0.25rem;
  line-height: 12px;
}
.timeline-item-card:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
  position: absolute;
  top: 27px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline-item-body {
  padding-top: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-item-body p, .timeline-item-body ul {
  margin-bottom: 0;
}
.timeline-item-body p + p {
  margin-top: 0.5em;
}
.timeline-item-body .strong {
  font-weight: 700;
}
.timeline-item-body span {
  line-height: 1.5;
}
.timeline-item-body .black {
  color: #333;
}
.timeline-item-body .blue {
  color: #00a2ae;
}
.timeline-item-body .green {
  color: #8ABF4C;
}
.timeline-item-body i.bottom {
  font-size: 16px;
  vertical-align: bottom;
}
.timeline-item-user-badge {
  display: table-cell;
  vertical-align: top;
  min-width: 4.5em;
  background-color: #E6E6E1;
}
.timeline-item-user-card {
  display: table-cell;
  width: 100%;
  padding-top: 0.5em;
}
.timeline-item-user-card-comment {
  padding: 1.25rem;
  margin-top: 0.9375rem;
  background: #f5f5f5;
  border-radius: 3px;
}
.timeline-item-user-card-name {
  font-size: 110%;
  font-weight: bold;
}
.timeline-item-user-card-log-call .oppo-field-persons-field--border {
  border: none;
  border-bottom: 1px solid #eee;
  background: transparent;
}
.timeline-item-user-card-log-call__account-label {
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #888C81;
  font-weight: 600;
}
.timeline-item-badge-container {
  display: table-cell;
  vertical-align: top;
}
.timeline-item-badge-container-badge {
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  display: block;
  text-align: center;
  border: 0.5em solid transparent;
  position: relative;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  background-color: #999999;
  border-radius: 100%;
}
.timeline-item-badge-container-badge--green {
  background-color: #8ABF4C !important;
}
.timeline-item-badge-container-badge--yellow {
  background-color: #F5BD3E !important;
}
.timeline-item-badge-container-badge--red {
  background-color: #E86546 !important;
}
.timeline-item-badge-container-badge--blue {
  background-color: #00a2ae !important;
}
.timeline-item-badge-container-badge--info {
  background-color: #00a2ae !important;
}
.timeline-item-badge-container-badge--warning {
  background-color: #F5BD3E !important;
}
.timeline-item-badge-container-badge--error {
  background-color: #E86546 !important;
}
.timeline-item-badge-container-badge--success {
  background-color: #8ABF4C !important;
}
.timeline-item-badge-container-badge--grey {
  background-color: #C6CCBC !important;
}
.timeline-item-badge-container-badge--darkgrey {
  background-color: #565952 !important;
}
.timeline-item-badge-container-badge i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.timeline-item-user-card-comment .container-fluid {
  padding: 0;
}

.timeline-footer .btn {
  width: 100% !important;
}

.oceanio-import-table, .oceanio-resolve-table {
  min-width: 100%;
}
.oceanio-import-table thead tr th, .oceanio-resolve-table thead tr th {
  height: 2.6875rem;
  vertical-align: middle !important;
}
.oceanio-import-table thead tr:first-child th:first-child, .oceanio-resolve-table thead tr:first-child th:first-child {
  vertical-align: middle;
  min-width: 1.5rem;
  max-width: 1.5rem;
}
.oceanio-import-table thead tr:first-child th:first-child i, .oceanio-resolve-table thead tr:first-child th:first-child i {
  font-size: 1rem;
  margin: 0;
  cursor: pointer;
}
.oceanio-import-table tbody tr td i, .oceanio-resolve-table tbody tr td i {
  font-size: 1rem;
  cursor: pointer;
}

.task-import {
  background: #FFF;
}
.task-import .oceanio-import-table {
  margin: 0.875rem auto 0;
  border: none;
}
.task-import .oceanio-import-table tr {
  border: none;
}
.task-import .oceanio-import-table tr:last-child td:not(.transparent) {
  border-bottom: 1px solid #eee;
}
.task-import .oceanio-import-table tr td:not(.transparent) {
  border-bottom: 1px solid #eee;
}
.task-import .oceanio-import-table .fa-toggle-off {
  font-size: 1.75rem;
  color: #777;
}
.task-import .oceanio-import-table .fa-toggle-on {
  color: #8ABF4C;
  font-size: 1.75rem;
}
.task-import .oceanio-import-table .fa-toggle-on.toggle-off {
  color: #BBB;
  transform: rotate(180deg);
}
.task-import .oceanio-import-table .transparent {
  background: transparent;
  border: transparent;
}

.tasks-webentry-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-bottom: 1.25rem;
  height: calc(100vh - 100px);
  overflow: auto;
}

.tasks-webentry-wrapper .table .preview {
  padding-top: 0;
}
.tasks-webentry-wrapper .table .preview.preview-select {
  display: inline-block;
}
.tasks-webentry-wrapper .table .component-number, .tasks-webentry-wrapper .table .component-text, .tasks-webentry-wrapper .table .component-url, .tasks-webentry-wrapper .table .component-textarea {
  width: 100%;
  margin: 0;
  max-width: 25rem;
}
.tasks-webentry-wrapper .table .component-number:focus, .tasks-webentry-wrapper .table .component-text:focus, .tasks-webentry-wrapper .table .component-url:focus, .tasks-webentry-wrapper .table .component-textarea:focus {
  box-shadow: none;
  border-bottom: 1px solid #8ABF4C;
  outline: none;
}
.tasks-webentry-wrapper .table .react-select {
  min-width: 15rem;
  max-width: 25rem;
}

.step-text {
  font-size: x-small;
}

.archive {
  display: block;
}
@media screen and (max-width: 767px) {
  .archive .sub-navbar .navbar-right {
    display: none;
  }
}
@media screen and (max-width: 677px) {
  .archive-view .container-fluid {
    display: flex;
    justify-content: center;
  }
}
.archive-view .filter-nav__item i {
  display: none;
}
@media screen and (max-width: 667px) {
  .archive-view .filter-nav__item i {
    display: block;
  }
}
@media screen and (max-width: 667px) {
  .archive-view .filter-nav__item span {
    display: none;
  }
}
.archive-filters {
  padding-bottom: 1.875rem;
}
.archive-filters-more {
  padding-right: 2rem;
}
.archive-filters-more .btn {
  min-width: 150px;
}
.archive-snapshots {
  padding: 1em 2em 0 2em;
}
@media screen and (max-width: 677px) {
  .archive-snapshots {
    padding: 0 2em 2em 2em;
  }
}
.archive-headers {
  padding: 0 2em;
  margin-top: 1em;
}
.archive-headers table > tbody > tr > td {
  border: none;
}
.archive-headers__header {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #888C81;
  cursor: pointer;
}
.archive-headers__header.active {
  color: #8ABF4C;
}
.archive-headers__header__first {
  width: 0.1em;
  padding-left: 1.3em !important;
}
.archive-headers__header.w-10 {
  width: 10%;
}
.archive-headers__header.w-15 {
  width: 15%;
}
.archive-headers__header.w-20 {
  width: 20%;
}
.archive-headers__header.w-25 {
  width: 25%;
}
.archive-headers__header.bold {
  font-weight: bold;
}
.archive-headers__header .fa {
  padding-left: 0.5em;
}
.archive__load {
  background-color: transparent;
  color: #8ABF4C;
  font-weight: bold;
  font-size: 20px;
}

.portfolio {
  display: block;
}
@media screen and (max-width: 767px) {
  .portfolio .sub-navbar .container-fluid {
    justify-content: center;
  }
}
.portfolio-view {
  flex: 1 1 100%;
  display: flex;
  justify-content: stretch;
  align-content: center;
  flex-direction: column;
}
.portfolio-view__container {
  flex: 1 1 100%;
  display: flex;
  overflow: auto;
  flex-direction: column;
}
.portfolio-view__results {
  flex: 1 0 auto;
  justify-self: flex-start;
  align-self: flex-start;
  margin-top: 1em;
  column-count: 2;
  padding-bottom: 2em;
  display: block;
}
@media screen and (max-width: 920px) {
  .portfolio-view__results {
    column-count: 1;
  }
}
.portfolio-view__results > * {
  padding: 1em;
}
.portfolio-view__results__cell {
  box-sizing: border-box;
  overflow: hidden; /* Fix for firefox and IE 10-11  */
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
  break-inside: avoid-column;
  display: inline-block;
  width: 100%;
}
.portfolio-filters {
  flex: 0 0 auto;
  padding: 0.875rem;
  border-bottom: 2px solid #E6E6E1;
}
.portfolio-filters__button {
  margin-right: 1.5em;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  color: #888C81;
  cursor: pointer;
}
.portfolio-filters__button:hover {
  text-shadow: 0 0 1px #8ABF4C;
}
.portfolio-card.wamda .card-body {
  min-height: 4em;
}
.portfolio-card:hover {
  cursor: pointer;
  border-color: #8ABF4C;
}
.portfolio-card .card-header {
  background-color: transparent;
  border-bottom: none;
}
.portfolio-card .card-header h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 20px;
  line-height: 1.25;
}
.portfolio-card .card-body {
  min-height: 10em;
  max-height: 100%;
}
.portfolio-card .card-body .row > div:not(:first-child) {
  padding-top: 1em;
}
.portfolio-card .card-body p {
  white-space: pre-wrap;
  padding-top: 0.2em;
  color: #888C81;
}
.portfolio-card .card-footer {
  min-height: 60px;
  max-height: 60px;
  overflow-y: hidden;
  padding: 8px 10px;
  background-color: transparent;
}
.portfolio-card-footer__image {
  width: 40px;
  height: 40px;
}
.portfolio-card-footer__image-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  background-color: #8ABF4C;
  color: #FFF;
  border-radius: 50%;
  margin-bottom: 0.1em;
}
.portfolio-card-footer__image-text p {
  padding: 0;
  margin: 0;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

/* Mozilla */
.firefox select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

@media screen and (min-width: 768px) {
  .email-editor__modal .modal-dialog {
    width: 48rem;
    min-width: 48rem;
  }
}

.email {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  border: 2px solid #E6E6E1;
  border-radius: 5px;
  background-color: #FFF;
}

.email__icon {
  position: absolute;
  top: -30px;
  left: 20px;
  font-size: 60px;
  color: #888C81;
}

.email-headers {
  display: flex;
  margin: 30px 30px 20px 30px;
}

.email-headers-left {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
}

.email-headers-right {
  display: flex;
  flex: 0 0 0px;
  margin-left: 50px;
}

.email-headers-field {
  display: flex;
  margin-bottom: 5px;
}

.email-headers__label {
  flex: 0 0 50px;
  color: #888C81;
  font-size: 14px;
}

.email-headers__value {
  margin-right: 7px;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.email-headers__date {
  font-size: 14px;
  color: #888C81;
  white-space: nowrap;
}

.email__subject {
  margin: 0 30px 30px 30px;
  padding-bottom: 30px;
  font-size: 26px;
  font-weight: 400;
  color: #4B4E46;
  border-bottom: 2px solid #E6E6E1;
}

.email__body {
  margin-bottom: 30px;
  padding: 0 30px;
  font-size: 17px;
  font-weight: 200;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #4B4E46;
  overflow: hidden;
}

.email-footer {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  padding: 10px 30px;
  border-top: 2px solid #E6E6E1;
}

.email-attachments {
  display: flex;
  align-items: center;
}

.email-attachments__icon {
  margin-right: 20px;
  color: #888C81;
}

.email-attachment {
  display: flex;
}

.email-attachment__filename {
  margin-right: 5px;
  font-size: 14px;
  color: #333;
}

.email-attachment:hover .email-attachment__filename {
  color: #8ABF4C;
  cursor: pointer;
}

.email-attachment__content-length {
  margin-right: 30px;
  font-size: 14px;
  color: #888C81;
}

.email-delete-button {
  padding: 3px 5px;
  background-color: transparent;
  border: 2px solid #E86546;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}

.email-delete-button:hover {
  background-color: #E86546;
}

.email-delete-button__icon {
  color: #E86546;
}

.email-delete-button:hover .email-delete-button__icon {
  color: #FFF;
}

.email2-headers {
  padding: 30px 30px 20px 30px;
}

.email2-headers-right {
  float: right;
  display: inline-block;
  margin-left: 50px;
}

.email2-headers-left {
  width: auto;
  overflow: hidden;
}

.email2-headers-field {
  margin-bottom: 5px;
}

.email2-headers__label {
  width: 50px;
  display: inline-block;
  color: #888C81;
  font-size: 14px;
}

.email2-headers__value {
  margin-right: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.email2__subject {
  margin: 0 30px 30px 30px;
  padding-bottom: 30px;
  font-size: 26px;
  font-weight: 400;
  color: #4B4E46;
  border-bottom: 2px solid #E6E6E1;
}

.email2__body {
  margin-bottom: 30px;
  padding: 0 30px;
  font-size: 17px;
  font-weight: 200;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #4B4E46;
  overflow: hidden;
}

.email2-footer {
  min-height: 40px;
  padding: 10px 30px;
  border-top: 2px solid #E6E6E1;
}

.email2-attachments__icon {
  margin-right: 20px;
  color: #888C81;
}

.email-viewer-headers__row label {
  padding-right: 0.375rem;
  font-weight: normal;
}

.email-editor-headers {
  position: relative;
  padding-bottom: 0.75rem;
}
.email-editor-headers__fixed-links {
  position: absolute;
  z-index: 40000;
  top: 0.375rem;
  right: 0;
}
.email-editor-headers__fixed-links__link {
  color: #8ABF4C;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
}
.email-editor-headers__fixed-links__link:hover {
  color: #89be4a;
  text-decoration: underline;
}
.email-editor-headers__fixed-links__link:last-child {
  padding-left: 0.375rem;
}
.email-editor-headers .react-select {
  margin-top: 0.3125rem;
}
.email-editor-headers .react-select:first-child {
  margin-top: 0;
}
.email-editor-headers input.full-width {
  width: 100%;
  padding: 0.375rem 0;
  margin-top: 0.3125rem;
  border: none;
  border-bottom: 1px dashed #CECECE;
  border-radius: 0;
  font-size: 0.875rem;
}
.email-editor-headers input.full-width::-webkit-input-placeholder {
  color: rgba(119, 119, 119, 0.4);
  opacity: 1;
}
.email-editor-headers input.full-width:-moz-placeholder { /* Firefox 18- */
  color: rgba(119, 119, 119, 0.4);
  opacity: 1;
}
.email-editor-headers input.full-width::-moz-placeholder { /* Firefox 19+ */
  color: rgba(119, 119, 119, 0.4);
  opacity: 1;
}
.email-editor-headers input.full-width:-ms-input-placeholder {
  color: rgba(119, 119, 119, 0.4);
  opacity: 1;
}
.email-editor-headers input.full-width:hover {
  border-bottom-style: solid;
}
.email-editor-headers input.full-width:focus {
  box-shadow: none;
  outline: none;
  border-color: #8ABF4C;
}
.email-editor-headers .react-select__control {
  border: none;
  border-bottom: 1px solid #E6E6E1;
  border-radius: 0;
}
.email-editor-subject, .email-editor-to {
  display: block;
  width: 100%;
  margin-bottom: 0.875rem;
}
.email-editor-subject input, .email-editor-to input {
  margin-top: 0.375rem;
  display: block;
  width: 100%;
}
.email-editor__body {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
  max-height: 60vh;
}
@media screen and (max-width: 767px) {
  .email-editor__body {
    max-height: 100%;
    padding-bottom: 15px;
  }
}
.email-editor__body > *:first-child {
  width: calc(100% - 240px);
  flex: auto;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .email-editor__body > *:first-child {
    width: 100%;
    padding-bottom: 0;
  }
}
.email-editor__body .email-associations {
  width: 15rem;
  max-height: 25rem;
  min-height: 25rem;
  padding: 0 1rem 0;
  transition: all 2s;
  overflow-y: auto;
  overflow-x: hidden;
}
.email-editor__body .email-associations .field-editor__handle {
  display: none;
}
@media screen and (max-width: 767px) {
  .email-editor__body .email-associations {
    min-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .email-editor__body .email-associations .entity-editor {
    padding-left: 0;
    padding-right: 0;
  }
}
.email-editor__body .email-associations.hidden {
  flex-grow: 0.00001;
}
.email-editor__body .ql-editor {
  padding-left: 0;
  padding-top: 0;
  -webkit-user-select: text;
}
.email-editor__body .ql-toolbar.ql-snow {
  padding-left: 0;
}
.email-editor__body .field-editor {
  padding: 0.3125rem;
}
.email-editor__footer {
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
}
.email-editor__footer .component-toggle {
  flex: initial;
}
.email-editor__footer .component-toggle__background {
  min-width: 4.6875rem;
}
.email-editor__footer .component-toggle__background.checked {
  background: #F5BD3E;
  border-color: #F5BD3E;
}
.email-editor__footer__button {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  justify-items: center;
  margin-left: 0.9375rem;
}
.email-editor__footer__button > * {
  align-self: center;
  justify-self: center;
}
.email-editor__footer .btn {
  margin-left: 0.9375rem;
}

.modal .email-editor__wrapper-footer, .modal .attachment-modal__footer {
  padding: 8px 15px;
  background: #f5f5f5;
  box-shadow: 0 -1px 4px 0 rgba(119, 119, 119, 0.24);
  position: relative;
  justify-content: inherit;
}
.modal .attachment-modal__footer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  box-shadow: none;
}
.modal .attachment-modal__footer .btn {
  margin-left: 0.5rem;
}
.modal .attachment-modal__footer:before, .modal .attachment-modal__footer:after {
  content: normal;
}

.attachment-modal__existing__label {
  display: block;
  margin-bottom: 0.9375rem;
  font-size: 0.875rem;
  color: #777;
}
.attachment-modal__existing-files {
  margin-bottom: 0.625rem;
}
.attachment-modal__existing-files__item {
  padding-bottom: 0.625rem;
}
.attachment-modal__existing-files__item .fa-check-square {
  color: #8ABF4C;
}
.attachment-modal__existing-files__container {
  margin-left: 0.625rem;
}

.attachment-modal__footer__selected-text {
  display: block;
  text-align: left;
}

.attachment-modal__uploaded-files__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding-bottom: 0.625rem;
}
.attachment-modal__uploaded-files__item i {
  width: 16px;
}
.attachment-modal__uploaded-files__item .uploading-spinner {
  width: 16px;
}
.attachment-modal__uploaded-files__item.succeeded i {
  color: #8ABF4C;
}
.attachment-modal__uploaded-files__item__container {
  display: block;
  width: calc(100% - 16px);
  font-size: 1rem;
  padding-left: 10px;
}

.email-nev-modal__attachments {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #DBDCD9;
}
.email-nev-modal__attachments__item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
  border-radius: 3px;
  padding: 0.5rem 1.5625rem 0.625rem 0.625rem;
  margin-right: 4px;
  position: relative;
  font-size: 0.875rem;
}
.email-nev-modal__attachments__item.view {
  padding-right: 0.625rem;
}
.email-nev-modal__attachments__item .attachments-action-btns i {
  cursor: pointer;
  padding-right: 0.25rem;
}
.email-nev-modal__attachments__item .attachments-action-btns i:hover {
  color: #8ABF4C;
}
.email-nev-modal__attachments__item .fa-paperclip {
  color: #00a2ae;
  margin-right: 8px;
}
.email-nev-modal__attachments__item .fa-times {
  display: block;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
  right: 0.625rem;
  top: 0.6875rem;
  cursor: pointer;
}
.email-nev-modal__attachments__item span {
  display: flex;
  align-items: center;
  line-height: 1;
}

.email-viewer-headers {
  flex: 0 0 auto;
  padding: 0.625rem;
  margin-bottom: 1rem;
  color: #777;
  font-size: 0.875rem;
  background: #f8f8f8;
  border-radius: 6px;
}
.email-viewer-headers__row {
  padding-bottom: 0.375rem;
}

.associations-toggle {
  display: inline-block;
  margin-left: 20px;
  color: #8ABF4C;
  font-weight: 600;
  font-size: 0.875rem;
  z-index: 2;
  padding: 0.25rem 0.625rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .associations-toggle {
    bottom: -0.625rem;
  }
}
.associations-toggle i {
  margin-left: 8px;
}

.email-nev-modal__content {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  border: 2px solid #E6E6E1;
  border-radius: 5px;
  background-color: #FFF;
}
.email-nev-modal__content .card-default {
  box-shadow: none;
  margin: 0;
  border-radius: 0;
}
.email-nev-modal__content .email-toolbar {
  padding: 0.5rem;
}
.email-nev-modal__content .email-toolbar__short {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-items: flex-start;
  align-items: center;
}
.email-nev-modal__content .email-toolbar__short__item {
  flex: 1 1 auto;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0.25rem 0;
}
.email-nev-modal__content .email-toolbar__short__item.align-right {
  justify-content: flex-end;
}
.email-nev-modal__content .email-toolbar__short__item > i {
  padding: 0.25rem 0.5rem;
  cursor: pointer;
}
.email-nev-modal__content .email-toolbar__short__item .to-separator {
  font-size: 0.875rem;
  cursor: default;
}
.email-nev-modal__content .email-toolbar__short__item .email-date {
  color: #888C81;
  font-size: 0.75rem;
  margin-right: 0.5rem;
}
.email-nev-modal__content .email-body {
  padding: 0.5rem;
  border-top: 1px solid #8ABF4C;
  overflow: auto;
  max-height: 75vh;
  min-height: 20vh;
}
@media screen {
  .email-nev-modal .modal-dialog {
    width: auto !important;
    height: auto !important;
    max-width: 800px;
    max-height: 90vh !important;
  }
}

.file-dropzone {
  width: 100%;
  margin-bottom: 1.25rem;
}
.file-dropzone .fallback {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8.75rem;
  border: dashed #DBDCD9 1px;
  position: relative;
}
.file-dropzone .fallback .dropzone-instructions {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0.875rem;
  text-align: center;
}
.file-dropzone .fallback i {
  width: auto;
  display: block;
  text-align: center;
  color: #DBDCD9;
  font-size: 2.5rem;
  margin-bottom: 0.625rem;
}
.file-dropzone .fallback input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background-color: #FFF;
  box-sizing: border-box;
  cursor: pointer;
}

.dropzone-info-text {
  display: block;
  padding-top: 0.5rem;
  color: #adadad;
  font-size: 0.75rem;
}

.dropzone-error-text {
  color: #E86546;
  font-size: 0.625rem;
  position: relative;
  top: -0.3125rem;
}

.dropzone-instructions-link {
  display: block;
  color: #8ABF4C;
  font-weight: 700;
  cursor: pointer;
}

.settings .settings-company2, .settings .settings-web-form, .settings .settings-passreasons, .settings .settings-stages, .settings .settings-tags__main {
  padding: 20px 25px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .settings .settings-company2, .settings .settings-web-form, .settings .settings-passreasons, .settings .settings-stages, .settings .settings-tags__main {
    padding: 0.9375rem;
  }
}
.settings .settings-company2 .card-body, .settings .settings-web-form .card-body, .settings .settings-passreasons .card-body, .settings .settings-stages .card-body, .settings .settings-tags__main .card-body {
  padding-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .settings .settings-company2 .card-body, .settings .settings-web-form .card-body, .settings .settings-passreasons .card-body, .settings .settings-stages .card-body, .settings .settings-tags__main .card-body {
    padding-top: 0.9375rem;
  }
}
.settings .settings-company2 .card-footer, .settings .settings-web-form .card-footer, .settings .settings-passreasons .card-footer, .settings .settings-stages .card-footer, .settings .settings-tags__main .card-footer {
  background-color: #E8F7F9;
  color: #00B8C7;
}
.settings .sub-navbar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settings .sub-navbar .container-fluid:before, .settings .sub-navbar .container-fluid:after {
  content: normal;
}
.settings .sub-navbar .navbar-right {
  padding: 0;
}
.settings .sub-navbar .navbar-right a {
  padding: 0;
}
.settings-view {
  flex: 1 1 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-height: 0;
}
.settings-view__side-menu {
  padding: 0;
  flex: 0 1 auto;
  display: flex;
  overflow: auto;
  min-width: 13.75rem;
}
@media (max-width: 991px) {
  .settings-view__side-menu {
    width: 2.625rem;
    min-width: 2.625rem;
  }
}
.settings-view-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0px;
  overflow: auto;
  height: 100%;
}
.settings-tags__main__card {
  width: 100%;
}
.settings-tags__main__card .header__1 {
  font-size: 24px;
}
.settings-tags__main__sub-card__header__1 {
  padding-top: 0.3em;
  text-align: center;
  font-size: 18px;
}
.settings-tags__main__sub-card__form-group {
  width: 60%;
  margin-bottom: 0px;
}
.settings-tags__new-tag-container {
  clear: both;
  display: inline-block;
}
.settings-tags__new-tag {
  display: inline-block;
  margin: 0.2em 0 1em 0.5em;
}
.settings-tags__new-tag__input {
  margin-right: 15px;
  font-size: 14px;
  display: inline-block;
  width: auto;
}
.settings-tags__new-tag__buttons {
  margin-top: -0.3em;
  display: inline-block;
}
.settings-personal__photo__image {
  width: 150px;
  height: 150px;
  margin-bottom: 0.5em;
}
.settings-personal__photo__text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  font-size: 28px;
  background-color: #F2F2EE;
  color: #888C81;
  border-radius: 3.5em;
  margin-bottom: 0.5em;
}
.settings-personal__table td:not(:first-child), .settings-personal__table th:not(:first-child) {
  text-align: center;
}
.settings-personal .sessions-table > thead:first-child > tr:first-child > th:not(:first-child) {
  text-align: left;
}
.settings-personal .sessions-table > tbody:first-child > tr:first-child > td:not(:first-child) {
  text-align: left;
}
.settings-personal .sessions-table > tbody tr td {
  text-align: left !important;
}
.settings-personal-role-type {
  display: block;
}
.settings-personal-role-type input {
  margin-right: 0.875rem;
  margin-bottom: 0.375rem;
}
.settings-fields {
  width: 100%;
  padding: 0 1rem;
}
.settings-fields-tabs__well {
  background-color: transparent;
  padding: 1em 0;
  border: none;
  box-shadow: none;
}
.settings-fields__card__heading__1 {
  font-size: 1.2em;
  font-weight: 400;
}
.settings-fields__table th.tech-id {
  min-width: 18em;
  width: 18em;
}
.settings-fields__table th.tenant-in-use {
  min-width: 10em;
  width: 10em;
}
.settings-fields__table th.field-name {
  min-width: 18em;
  width: 18em;
}
.settings-fields__table th.user-guidance {
  min-width: 18em;
  width: 18em;
}
.settings-fields__table th.in-use {
  min-width: 8em;
  width: 8em;
}
.settings-fields__table th.web-form {
  min-width: 8em;
  width: 8em;
}
.settings-fields__table th.sell-side-guest {
  min-width: 8em;
  width: 8em;
}
.settings-fields__table th.buy-side-guest {
  min-width: 8em;
  width: 8em;
}
.settings-stages-header {
  line-height: 2em;
}
.settings-stages-header > a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.settings-stages-header .badge {
  margin-left: 8px;
  background-color: #8ABF4C !important;
  color: #FFF !important;
  position: relative;
  top: -1px;
  font-weight: normal;
  padding: 2px 7px 4px;
}
.settings-stages-header .stages-header-buttons__editors .btn {
  margin-left: 0.5em;
}
.settings-passreasons-header {
  line-height: 2em;
}
.settings-passreasons-header .pr-header-buttons {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 767px) {
  .settings-passreasons-header .pr-header-buttons {
    width: 85%;
    justify-content: flex-end;
    margin-top: 10px;
  }
}
.settings-passreasons-header .pr-header-buttons__editors .btn {
  margin-left: 0.25rem;
}
@media screen and (max-width: 767px) {
  .settings-passreasons-header .pr-header-buttons .btn-group {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
}
.settings-passreasons-body .oppo-field {
  margin-bottom: 1em;
}

.settings-tags-new-tag__save-button {
  margin-right: 15px;
  padding: 5px 10px;
  border: 1px solid #8ABF4C;
  outline: none;
  border-radius: 5px;
  background-color: #8ABF4C;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.settings-tags-new-tag__save-button--disabled {
  color: #888C81;
  background-color: #FFF;
}

.settings-tags-new-tag__cancel-button {
  padding: 5px 10px;
  border: 1px solid #E86546;
  outline: none;
  border-radius: 5px;
  background-color: #E86546;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.settings-ole {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
}

.settings-add-entity-button {
  display: flex;
  padding: 10px 14px;
  background-color: #8ABF4C;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.settings-add-entity-button:hover {
  background-color: #7db240;
}

.settings-remove-entity-button {
  display: flex;
  padding: 10px 14px;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
  background-color: #E86546;
}

.settings-remove-entity-button:hover {
  color: #E86546;
}

.settings-sidebar {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 370px;
  background-color: #FFF;
  border-right: 2px solid #E6E6E1;
}

.settings-sidebar-section {
  display: flex;
  flex-flow: column nowrap;
}

.settings-sidebar-section:not(:last-child) {
  border-bottom: 2px solid #E6E6E1;
}

.settings-sidebar__header {
  margin: 20px 10px 20px 40px;
  color: #888C81;
  font-size: 14px;
  text-transform: uppercase;
}

.settings-sidebar-link {
  display: flex;
  align-items: center;
  padding: 3px 10px 3px 30px;
  text-decoration: none;
  color: #333;
}

.settings-sidebar-link:hover {
  background-color: #E6E6E1;
  color: #8ABF4C;
  border-right: 3px solid #8ABF4C;
  cursor: pointer;
}

.settings-sidebar-link--active {
  background-color: #E6E6E1;
  color: #8ABF4C !important;
  border-right: 3px solid #8ABF4C;
}

.settings-sidebar-link__icon {
  margin-right: 30px;
  font-size: 30px;
}

.settings-sidebar-link__label {
  font-size: 16px;
}

.settings-content {
  display: flex;
  flex: 1 0 auto;
  padding-top: 4em;
  margin-top: 2em;
  background-color: #eee;
}

.settings__header {
  font-size: 30px;
  color: #4B4E46;
}

.settings-content-section {
  display: flex;
  flex-flow: column nowrap;
}

.settings-content-section__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.settings-content-section__header h2 {
  font-weight: 600;
}

.settings-content-section__header-delete-button {
  margin-left: auto;
}

.settings-content-section-content {
  display: flex;
  margin-bottom: 30px;
  padding: 10px 10px 10px 30px;
  background-color: #FFF;
  border-top: 2px solid #00b8c7;
}

.settings-content-section-content--column {
  flex-flow: column nowrap;
}

.settings-content-section-content-left {
  flex: 1 0 auto;
}

.settings-content-section-content-right {
  display: flex;
  flex-flow: column nowrap;
}

.settings-button {
  padding: 12px 0;
  width: 150px;
  border: 2px solid #8ABF4C;
  border-radius: 5px;
  background-color: transparent;
  color: #8ABF4C;
  outline: none;
}

.settings-button-change-password {
  margin-top: 2em;
  margin-bottom: 2em;
}

.settings-button-actions {
  width: 150px;
}

.settings-button:not(:last-child) {
  margin-bottom: 10px;
}

.settings-button--yellow {
  border-color: #F5BD3E;
  color: #F5BD3E;
}

.settings-button--salmon {
  border-color: #E86546;
  color: #E86546;
}

.settings-button--disabled {
  opacity: 0.5;
}

.settings-table {
  border: 2px solid #E6E6E1;
  width: 100%;
}

.settings-table-head tr {
  background-color: #32332F;
  color: white;
}

.settings-table-row:nth-child(even) {
  background-color: #FFF;
}
.settings-table-row:nth-child(even).disabled-entity {
  background-color: #faded7;
}

.settings-table-row:nth-child(odd) {
  background-color: transparent;
}
.settings-table-row:nth-child(odd).disabled-entity {
  background-color: #fce9e5;
}

.settings-table-row--head {
  padding: 5px 0;
  background-color: #333 !important;
  color: #FFF;
}

.settings-table__cell {
  padding: 10px 12px;
  white-space: nowrap;
}

.settings-form-row {
  padding: 5px 0;
}

.settings-form__error {
  color: #E86546;
}

.settings-field {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  justify-content: space-between;
}

.settings-field-settings-field input:disabled,
.settings-field-settings-field select:disabled {
  opacity: 0.5;
  background-color: #faddea;
}

.settings-field:not(:last-child) {
  margin-bottom: 10px;
}

.settings-field__label {
  flex: 1 0 50%;
  font-size: 14px;
  padding: 4px 0;
}

.settings-field__value {
  flex: 1 0 50%;
  font-size: 14px;
  padding: 4px 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 1.5em;
}

.settings-tenants {
  display: block;
  padding: 1.25rem 1.5625rem;
}
.settings-tenants .settings__header {
  padding-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .settings-tenants {
    padding: 0.9375rem;
  }
}
.settings-tenants__table-container {
  display: block;
  overflow-x: auto;
}

.settings-tenant__new-tenant {
  color: #8ABF4C;
  font-size: 18px;
}

.settings-tenant__new-tenant:hover {
  color: #709f39;
}

.settings-new-tenant {
  display: flex;
  flex-flow: column nowrap;
  padding: 20px 25px;
}

.settings-accounts {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  padding: 20px 25px;
}

.settings-accounts-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #eee;
  border: none;
  _webkit-box-shadow: none;
  box-shadow: none;
}

.settings-accounts-invite-button {
  display: flex;
  padding: 10px 14px;
  background-color: #8ABF4C;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.settings-accounts-invite-button:hover {
  background-color: #7db240;
}

.settings-accounts-invite-button__plus {
  margin-right: 5px;
}

.settings-accounts-content {
  display: flex;
  flex-flow: column nowrap;
  background-color: #eee;
  border: none;
}
.settings-accounts-content > .card-body {
  padding: 0 0 15px 0;
}

.settings-accounts-account-content-left {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
  margin-right: 60px;
}

.settings-accounts-account-content-center {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0px;
}

.settings-card {
  display: flex;
  flex-flow: column nowrap;
  border: 2px solid #E6E6E1;
  border-radius: 0.5em 0.5em 0.2em 0.2em;
  margin-bottom: 2em;
}

.settings-card-header {
  display: flex;
  border-radius: 0.5em 0.5em 0 0;
  padding: 1em;
  background-color: #E6E6E1;
}

.settings-card-header__header {
  color: #565952;
}

.settings-card-content {
  padding: 1em;
}

.setting-card-header-buttons {
  margin-left: auto;
}

.settings-card-footer {
  display: flex;
  margin-top: 0.5em;
  padding: 1em;
  border-top: 2px solid #E6E6E1;
}

.settings-card-footer-buttons {
  margin-left: auto;
}

.settings-field-settings {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  padding: 20px 25px;
}

.settings-field-settings-save-button {
  display: flex;
  padding: 10px 14px;
  background-color: #8ABF4C;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.settings-field-settings-save-button--disabled {
  opacity: 0.5;
}

.settings-field-settings-content {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
}

.settings-field-settings-field-headers {
  display: flex;
  margin-bottom: 30px;
  font-weight: 600;
}

.settings-field-settings-field {
  display: flex;
  margin-bottom: 10px;
}

.settings-field-settings-field--disabled span.settings-field-settings-field__name {
  opacity: 0.5;
}

.settings-field-settings-field__name {
  display: flex;
  flex: 2 0 0px;
  padding-right: 20px;
}

.settings-field-settings-field__edit-link {
  padding-left: 5px;
}

.settings-field-settings-field-description {
  display: flex;
  flex: 2 0 0px;
  padding-right: 20px;
}

.settings-field-settings-field-description__input {
  width: 100%;
}

.settings-field-settings-field__checkbox {
  display: flex;
  flex: 2 0 0px;
}

.settings-company {
  display: flex;
  flex-flow: column nowrap;
}

.settings-company__header {
  margin-bottom: 8px;
  font-weight: 600;
}

.settings-company-content {
  display: flex;
  margin-bottom: 30px;
  padding: 10px 10px 10px 30px;
  background-color: #FFF;
  border-top: 2px solid #00b8c7;
}

.settings-company-content-left {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0;
  margin-right: 60px;
}

.settings-company-content-left--width-limited {
  max-width: 700px;
}

.settings-company-button {
  display: flex;
  padding: 10px 14px;
  background-color: #8ABF4C;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
}

.settings-company-button--margin {
  margin-top: 10px;
}

.settings-company-button:hover {
  background-color: #7db240;
}

.settings-company-buttons-container {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0;
}

.settings-field__label--25-percents-width {
  flex-basis: 25%;
}

.settings-field__value--75-percents-width {
  flex-basis: 75%;
}

.settings-company-tenant-logo {
  max-width: 250px;
}

.settings-company2__field-content, .settings-web-form__field-content {
  padding: 2px 0 0px 0px;
  border-bottom: 2px solid #eee;
  min-height: 1.75rem;
  max-width: 22.5rem;
}
@media screen and (max-width: 940px) {
  .settings-company2__field-content, .settings-web-form__field-content {
    max-width: 20rem;
  }
}
.settings-company2__field-content a, .settings-web-form__field-content a {
  font-size: 0.875rem;
  color: #00a2ae;
}
.settings-company2__field-content .Select-control, .settings-web-form__field-content .Select-control {
  width: 100%;
  border: none;
  outline: 0 !important;
  box-shadow: none;
  background: none;
  font-size: 0.875rem;
}
.settings-company2__field-content .Select-control .Select-value, .settings-web-form__field-content .Select-control .Select-value {
  padding-left: 0 !important;
}
.settings-company2__field-content .Select.is-focused:not(.is-open) > .Select-control, .settings-web-form__field-content .Select.is-focused:not(.is-open) > .Select-control {
  box-shadow: none;
}
.settings-company2__field-content .Select-placeholder, .settings-web-form__field-content .Select-placeholder, .settings-company2__field-content .Select--single > .Select-control .Select-value, .settings-web-form__field-content .Select--single > .Select-control .Select-value {
  padding-left: 0;
}

.settings-web-form-webentry-block {
  padding-bottom: 0.625rem;
}
.settings-web-form-webentry-block.card-block {
  background: white;
  border-radius: 3px;
  padding: 2.5rem;
  padding-top: 2.5rem;
  position: relative;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .settings-web-form-webentry-block.card-block {
    padding: 0 0.9375rem 0.9375rem;
  }
}
.settings-web-form-webentry-block h2 {
  font-size: 1.125rem;
  color: #333;
  font-weight: 600;
  padding-top: 1.25rem;
}
.settings-web-form-webentry-block p {
  padding: 1rem 0 0.5rem;
  max-width: 50rem;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(119, 119, 119, 0.8);
}
.settings-web-form-webentry-list {
  margin-bottom: 1.25rem;
}
.settings-web-form-webentry-list li {
  margin-top: 0.9375rem;
}
.settings-web-form-webentry-list li h3 {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  color: #888C81;
  font-weight: 600;
  margin-top: 0;
}
.settings-web-form-webentry-list .settings-web-form-webentry-item a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
  border-radius: 3px;
  padding: 0.75rem 0.625rem;
  margin-bottom: 0.25rem;
  color: #333;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .settings-web-form-webentry-list .settings-web-form-webentry-item a {
    white-space: normal;
  }
}
.settings-web-form-webentry-list .settings-web-form-webentry-item a:hover {
  background: #f5f5f5;
}
.settings-web-form-webentry-list .settings-web-form-webentry-item a span {
  word-break: break-word;
}
.settings-web-form-webentry-text {
  display: inline-block;
  width: 85%;
}
@media screen and (max-width: 1200px) {
  .settings-web-form-webentry-text {
    width: 100%;
    word-break: break-all;
    font-size: 0.875rem;
  }
}
.settings-web-form-webentry-action-btns {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  width: 15%;
  padding-top: 1px;
}
@media screen and (max-width: 1024px) {
  .settings-web-form-webentry-action-btns {
    width: auto;
  }
}
.settings-web-form-webentry a {
  color: #333;
}
.settings-web-form-webentry a i {
  display: none;
  margin-left: 8px;
  color: #333;
}
.settings-web-form-webentry a i:hover {
  color: #8ABF4C;
}
.settings-web-form-webentry a:hover i {
  display: inline-block;
}
.settings-web-form__header-container {
  overflow: hidden;
}
.settings-web-form__header-title {
  font-size: 1.5rem;
  line-height: 1.5;
  padding-top: 0;
  font-weight: 400;
  float: left;
}
.settings-web-form__field {
  padding-top: 1px;
}
.settings-web-form__field--grey {
  color: #888C81;
}
.settings-web-form__field-label {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #888C81;
}
.settings-web-form__field-input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.875rem;
  height: 30px;
}
.settings-web-form__field-content--borderless {
  border-bottom: none;
}
.settings-web-form__field .webform-url {
  color: #00a2ae;
  font-size: 0.875rem;
}
.settings-web-form__field-url-input {
  border: none;
  border-bottom: 2px solid #eee;
  outline: none;
  box-shadow: none;
  font-size: 0.875rem;
  height: 1.875rem;
}
.settings-company2__transparent {
  color: transparent;
}
.settings-company2__footer-label {
  padding-left: 10px;
}
.settings-company2__header-container {
  overflow: hidden;
}
.settings-company2__header-buttons-container {
  float: right;
}
.settings-company2__header-title {
  font-size: 1.5rem;
  line-height: 1.5;
  padding-top: 0;
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .settings-company2__header-title {
    font-size: 1rem;
    line-height: 1;
  }
}
.settings-company2__header-button {
  margin-right: 10px;
}
.settings-company2__photo {
  border: solid 1px #dbdcd9;
  border-radius: 3px;
  text-align: center;
  width: 100%;
  height: 8.75rem;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.settings-company2__photo-container {
  position: relative;
}
.settings-company2__photo-container input {
  display: inline-block;
  width: 50%;
}
.settings-company2__photo-container label {
  display: block;
  text-align: center;
}
.settings-company2__photo-label {
  margin-top: 90px;
  margin-bottom: 90px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}
.settings-company2__photo-file-input {
  border: 1px solid lightgray;
  padding: 10px;
  text-align: center;
  border-radius: 100%;
  height: 220px;
  width: 220px;
  vertical-align: middle;
  padding-top: 90px;
}
.settings-company2__photo-upload-button:hover {
  border: 2px solid #C6CCBC;
  background-color: #C6CCBC;
  color: #fff;
}
.settings-company2__photo-left > div > .settings-company2__photo-file-input {
  margin-top: 10px;
  margin-bottom: 10px;
}
.settings-company2__photo-left > div img {
  border: none;
  border-radius: 0px;
}
.settings-company2__photo-left > div div.settings-company2__photo {
  text-align: left;
}
.settings-company2__photo img {
  max-width: 100%;
  border-radius: 220px;
}
.settings-company2__photo.webentry-background {
  width: 100%;
  border-radius: 0;
  background-position-y: center;
  position: relative;
}
.settings-company2__photo.webentry-logo {
  width: 100%;
  border-radius: 3px;
  position: relative;
}
.settings-company2__field {
  padding-top: 1px;
}
.settings-company2__field .btn-lg {
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .settings-company2__field .btn-lg {
    word-break: break-all;
    white-space: pre-wrap;
  }
}
.settings-company2__field-sandbox-disabled {
  font-size: 1.25rem;
  margin: 0.625rem 0;
  color: #E86546;
}
.settings-company2__field .container-fluid {
  padding: 0;
}
.settings-company2__field-grey {
  color: #888C81;
}
.settings-company2__field-label {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #888C81;
}
.settings-company2__field > div > .oppo-field {
  padding-bottom: 15px;
  min-height: 20px;
}
.settings-company2__field-input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.875rem;
  height: 30px;
}
.settings-company2__field-textarea {
  width: 100%;
  border: none;
  outline: none;
  font-size: 0.875rem;
}
.settings-company2__field-email-input {
  border: none;
  outline: none;
  font-size: 16px;
  height: 30px;
}
.settings-company2__field .webform-url {
  color: #00a2ae;
  font-size: 0.875rem;
}
.settings-company2__field-url-input {
  border: none;
  border-bottom: 2px solid #eee;
  outline: none;
  box-shadow: none;
  font-size: 0.875rem;
  height: 1.875rem;
}

.settings-account-image {
  flex: 1 0 50%;
  max-width: 100px;
  max-height: 100px;
}

.settings-field-edit {
  display: flex;
  align-items: center;
}

.settings-field-edit__span {
  font-size: 14px;
  margin: 0 2px;
}

.settings-field-edit__input {
  font-size: 14px;
  flex: 1 0 auto;
}

.zap__select {
  color: black;
}

.settings-personal__photo {
  display: flex;
  justify-content: center;
  width: 220px;
  height: 220px;
  border: 1px solid #F2F2EE;
  border-radius: 220px;
  align-items: center;
}

.settings-personal__photo img {
  width: 220px;
  height: 220px;
  border-radius: 220px;
}

.settings-personal__photo-file-input {
  height: 220px;
  align-items: center;
}

.settings-personal__photo-file-input input {
  width: 220px;
}

.settings-personal__photo-label {
  text-align: center;
  line-height: 1.5;
}

.settings-personal__photo-container {
  display: flex;
  justify-content: center;
}

.settings-personal__photo-file {
  padding-top: 10px;
}

.settings-personal__field {
  padding-top: 10px;
}
.settings-personal__field .oppo-field-content__input {
  border-bottom: 1px solid #eee !important;
}
.settings-personal__field .oppo-field-content__input:focus {
  border-bottom: 2px solid #8ABF4C !important;
}

.settings-personal__header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .settings-personal__header-container {
    flex-wrap: wrap;
  }
}

.settings-personal__header-button {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.settings-personal__header-buttons-container {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.settings-personal__header-buttons-container .btn {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  height: 2.25rem;
  min-width: 36px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .settings-personal__header-buttons-container .btn i:not(:only-child) {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .settings-personal__header-buttons-container .btn span {
    display: none;
  }
}

.settings-personal__header-buttons-container span {
  padding-left: 5px;
}

.settings-personal__footer-container {
  display: flex;
  align-items: center;
}

.settings-personal__footer-label {
  padding-left: 5px;
}

.settings-tags__main .card-footer {
  background-color: #E8F7F9;
  color: #00B8C7;
}

.product-features-table .fa-chevron-right {
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
}
.product-features-table .fa-chevron-right.align-fix {
  top: -0.3em;
}

.alert__paragraph {
  padding-bottom: 1em;
}

.webentrylist-item-details {
  padding: 0.5rem 0;
  color: #333;
  font-size: 0.875rem;
  border-bottom: 2px solid #DBDCD9;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
}
.webentrylist-item-details > span {
  flex: 1 100%;
}
.webentrylist-item-details:before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin-right: 0.9375rem;
  color: #cecfcc;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.webentrylist-item-details:hover:before {
  color: #8ABF4C;
}

.webentrylist-container {
  margin-top: 0.625rem;
  max-width: 22.5rem;
}

.webentry-field:first-child .webentrylist-item-details {
  border-top: 2px solid #DBDCD9;
}

.webentrylist-new-item {
  margin: 0.9375rem 0;
}
.webentrylist-new-item .add-icon {
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
}
.webentrylist-new-item .add-icon:before {
  content: "\f055";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.webentrylist-new-item a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #8ABF4C;
  transition: 0.3s;
}
.webentrylist-new-item a:hover {
  color: #709f39;
}

.remove-branding {
  padding-top: 0.625rem;
  font-size: 0.9375rem;
}
.remove-branding a {
  color: #00a2ae;
}
.remove-branding a:hover {
  text-decoration: underline;
}

.remove-upload {
  position: absolute;
  top: -8px;
  right: -0.5rem;
  border-radius: 50%;
  background: #FFF;
  color: #E86546;
  font-size: 1.5rem;
  width: 2rem;
  height: 1.75rem;
  display: none;
  z-index: 2;
  cursor: pointer;
}
.remove-upload i {
  position: relative;
  top: -2px;
  right: -3px;
}

.settings-company2__photo-container,
.settings-company2__photo-containerwebentry-background, .settings-company2__photo-containerwebentry-logo {
  position: relative;
}
.settings-company2__photo-container:hover .remove-upload,
.settings-company2__photo-containerwebentry-background:hover .remove-upload, .settings-company2__photo-containerwebentry-logo:hover .remove-upload {
  display: block;
}

.dropzone-wrapper {
  position: relative;
  margin-bottom: 1.25rem;
}
.dropzone-wrapper:hover:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}

.nav-tabs {
  border-bottom: 1px solid #f2f2ee;
  margin-bottom: 0.9375rem;
}
.nav-tabs .nav-link {
  padding: 0.75rem 0;
  margin: 0 0.9375rem;
  border: none;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  color: #333;
}
.nav-tabs .nav-link:first-child {
  margin-left: 0;
}
.nav-tabs .nav-link:hover {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: #8ABF4C;
}
.nav-tabs .nav-link.active {
  border: none !important;
  background: none !important;
  border-bottom: 4px solid #8ABF4C !important;
  color: #8ABF4C;
}
@media screen and (max-width: 991px) {
  .nav-tabs .nav-link.active {
    border-bottom: 2px solid #8ABF4C !important;
  }
}
.nav-tabs.nav-tabs-primary {
  border-bottom: 1px solid #f2f2ee;
}
.nav-tabs.nav-tabs-primary .nav-link {
  font-weight: bold;
  font-size: 1.125rem;
  color: #333;
}
.nav-tabs.nav-tabs-primary .nav-link:first-child {
  padding-left: 0;
  margin-left: 0;
}
.nav-tabs.nav-tabs-primary .nav-link.active {
  color: #8ABF4C;
  border-bottom: 2px solid #8ABF4C !important;
}

.tab-content .well {
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
}

.settings-fields-content {
  padding: 0 1rem;
}

.disabled-grey .oppo-field-value {
  color: #888C81;
}

.settings-module-availability {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding-bottom: 8px;
}
.settings-module-availability label {
  margin-right: 8px;
}

.pr-header-buttons__editors {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 767px) {
  .pr-header-buttons__editors .btn {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .pr-header-buttons__editors .btn i {
    padding-right: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .pr-header-buttons__editors .btn span {
    display: none;
  }
}

.stage-list-header {
  color: #777;
  font-size: 0.875rem;
}

.settings2 {
  overflow: hidden;
}
.settings2 h3 {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .settings2 h3 {
    font-size: 1rem;
  }
}
.settings2 p.component-textarea__autogrow {
  line-height: 1rem;
}
.settings2 p a {
  display: inline-block;
  width: auto;
  color: rgba(119, 119, 119, 0.8);
  text-decoration: underline;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 600;
}
.settings2 a {
  font-weight: 600;
  color: #8ABF4C;
}
@media screen and (max-width: 767px) {
  .settings2 a {
    font-size: 0.875rem;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}
.settings2 a:hover i {
  display: inline-block;
}
.settings2-card__container .field-editor__content__header__label__text-content {
  max-width: 100%;
}
.settings2-view.narrow {
  max-width: 50rem;
  margin: 1.5rem auto;
}
.settings2-view .tab-content {
  max-width: 65rem;
  margin: 0 auto;
}
.settings2-view .tab-content .card-body {
  padding: 0;
}
.settings2-view__container {
  overflow: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .settings2-view__container {
    display: block;
  }
}
.settings2-view__container .table-responsive {
  max-width: 100%;
}
.settings2-view__container .table-responsive .zapflow-table thead tr th {
  text-transform: uppercase;
  border-bottom: none;
}
.settings2-view__container .table-responsive .zapflow-table .team-member-row td {
  font-size: 0.875rem;
  vertical-align: top;
}
.settings2-view__container .table-responsive .zapflow-table .team-row td {
  font-size: 0.875rem;
  vertical-align: top;
}
.settings2-view__container.wide {
  display: block;
}
.settings2-view__container.wide .settings2-view {
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 1.875rem;
}
@media screen and (min-width: 940px) {
  .settings2-view__container.wide .settings2-view .settings-fields {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    flex-flow: row;
    padding-top: 0;
  }
}
.settings2-view__container.wide .settings2-view .nav-tabs {
  display: inline-flex;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .settings2-view__container.wide .settings2-view .nav-tabs {
    min-width: 50rem;
    margin: 0.625rem auto 0;
  }
}
.settings2-view__container.wide .settings2-view .nav-tabs.settings-fields {
  margin-bottom: 1.5rem;
}
.settings2-view__container.wide .settings2-view .nav-tabs .nav-item {
  width: auto;
  margin: 0 8px;
  padding: 8px;
  white-space: normal;
  overflow: hidden;
  text-overflow: inherit;
}
.settings2-view__container.wide .settings2-view .tab-content .settings2-card {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 940px) {
  .settings2-view__container.wide .settings2-view .tab-content .settings2-card {
    width: 50rem;
  }
}
@media screen and (min-width: 940px) {
  .settings2-view__container.wide .settings2-view .tab-content .nav-tabs {
    min-width: 100%;
    overflow: hidden;
    justify-content: space-around;
  }
}
@media screen and (max-width: 940px) {
  .settings2-view {
    padding: 2rem 0.625rem 0;
  }
}
@media screen and (max-width: 767px) {
  .settings2-view {
    padding: 0 0.625rem;
  }
}
.settings2 .simple-paragraph {
  font-size: 16px;
}
.settings2 .simple-paragraph a {
  width: auto;
  font-size: 16px;
}

.settings2-webentry-hide-drag-handles .webentrylist-item-details {
  padding-left: 0.75rem;
}
.settings2-webentry-hide-drag-handles .webentrylist-item-details:before {
  display: none;
}

.settings2-webentry-properties .field-editor {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.settings2-webentry-properties .field-editor__content__header__label__text-content {
  max-width: 100%;
}
.settings2-webentry-properties .webentrylist-container {
  max-width: 100%;
}
.settings2-webentry-properties .webentry-field:first-child .webentrylist-item-details {
  border-top: none;
}
.settings2-webentry-properties .webentrylist-item-details {
  border-top: 0;
  border-bottom-width: 1px;
  padding-left: 0;
}
.settings2-webentry-properties .webentrylist-item-details .btn {
  margin: 0;
}
.settings2-webentry-info {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.9375rem;
}
.settings2-webentry-address {
  padding-top: 0.5rem;
}
.settings2-webentry-address .settings-web-form-webentry-text {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings2-webentry-not-found-text {
  padding: 2rem 1.5rem;
  background: #FFF;
  border-radius: 3px;
  max-width: 64rem;
  margin: 1.875rem auto;
  line-height: 1.5;
  padding-top: 0.625rem;
}
.settings2-webentry-not-found-text div {
  font-weight: 600;
  padding-top: 0.9375rem;
}

.settings-web-form-webentry-item a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.settings-web-form-webentry-item a:hover .settings-web-form-webentry-action-btns {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.settings-web-form-webentry-action-btns {
  display: none;
}
.settings-web-form-webentry-action-btns i {
  margin-left: 0.5rem;
}

.settings2-webentry-embed-code {
  width: 90%;
}
.settings2-webentry-embed-code-section {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 0.375rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.settings2-webentry-embed-code-section:hover .settings2-webentry-embed-code-actions {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
}
.settings2-webentry-embed-code-actions {
  width: 10%;
  display: none;
  padding-right: 0.375rem;
  cursor: pointer;
}

.settings2-webentry-main-page .field-editor, .settings2-webentry-thank-you-page .field-editor {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.settings2-webentry-main-page .checkbox-name, .settings2-webentry-thank-you-page .checkbox-name {
  margin-left: 0.5rem;
}

.sales-info {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 0.5rem;
  line-height: 1.5;
  font-size: 0.875rem;
}
.sales-info span {
  display: inline-block;
  padding-right: 0.375rem;
}
.sales-info a {
  display: inline-block;
  width: auto;
  padding-top: 0.25rem;
}

.team-member-row td {
  white-space: nowrap;
}
.team-member-row td .btn {
  margin-left: 0.625rem;
  margin-bottom: 0;
  margin-top: 0 !important;
  font-size: 0.875rem;
  padding: 3px 6px;
}

.guest-account-info {
  margin: 0 auto;
  max-width: 50rem;
  padding: 0.9375rem 0;
}
.guest-account-info .settings2-panel {
  padding: 1.875rem;
}
.guest-account-info p {
  margin-bottom: 1.25rem;
}
.guest-account-info p a {
  display: inline-block;
  color: #8ABF4C;
}
.guest-account-info p a:hover {
  text-decoration: underline;
}
.guest-account-info p strong {
  font-weight: bold;
}

.success-layer {
  text-align: center;
  font-size: 1.125rem;
  padding-top: 1.25rem;
}

.settings2-ad-right p {
  line-height: 1.5;
}

.webentry-settings-preview-info {
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .webentry-settings-preview-info {
    margin-top: 1.25rem;
  }
}
.webentry-settings-preview-info a {
  display: inline-block;
  text-decoration: underline;
  margin-left: 0.375rem;
}

.webentry-preview {
  background-color: #ccc;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  border-radius: 4px;
}
.webentry-preview .webentry-header-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 5vh;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.webentry-preview .webentry-header-background img {
  display: block;
  margin-bottom: 2em;
  max-width: 18.75rem;
  max-height: 10vh;
}
.webentry-preview-header {
  padding: 1.25rem 1.875rem;
  max-width: 200px;
  margin: 0 auto;
}
.webentry-preview-header p {
  font-size: 2em;
  text-align: center;
  padding: 1em 2em;
}
.webentry-preview-section {
  margin-bottom: 1rem;
}

.webentry-preview-custom-heading {
  padding-top: 1.25rem;
}

.properties-left-form {
  background: #FFF;
  padding: 1rem;
  border-radius: 3px;
}

.branding-note {
  font-size: 14px;
}

@media screen and (max-width: 660px) {
  .thank-you-preview {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .thank-you-preview {
    margin-top: 1rem;
  }
}
.success-container {
  max-width: 41.25rem;
  min-width: 20rem;
  padding: 1.875rem 2.5rem 3.125rem;
  background-color: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.25rem;
  margin: 0 auto;
  text-align: center;
}
.success-container p {
  color: #333;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 1.5rem;
}
.success-container h1 {
  font-weight: bold;
  text-align: center;
}

.success-container-desktop {
  font-size: 28px;
}

.success-container-tablet {
  font-size: 24px;
}

.success-container-mobile {
  font-size: 20px;
}

.thank-you-wrapper {
  margin-right: 2rem;
}

.questions-wrapper, .thank-you-wrapper {
  background: #FFF;
  padding: 1rem 1.5rem;
  border-radius: 3px;
}
.questions-wrapper .btn-link, .thank-you-wrapper .btn-link {
  color: #8ABF4C;
  font-size: 0.875rem;
  padding-left: 0;
}

.thank-you-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: center;
}
.thank-you-header__title {
  font-weight: bold;
  padding-right: 1rem;
}
.thank-you-header__icons {
  display: flex;
  font-size: 1.5rem;
}
.thank-you-header__icon {
  padding-right: 0.5rem;
  cursor: pointer;
}

.questions-wrapper .webentry-fields-editor-wrapper > .field-editor .webentry-field {
  position: relative;
}
.questions-wrapper .webentry-fields-editor-wrapper > .field-editor .webentry-field .field-remove {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.questions-wrapper .webentry-fields-editor-wrapper > .field-editor .webentry-field .webentry-fields-cell-question {
  padding-left: 0;
  padding-right: 0.75rem;
}

.webentry-fields-header {
  margin-top: 1rem;
  padding: 0.625rem;
  background: #f2f2ee;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.webentry-fields-cell-name {
  width: 25%;
  padding: 0 12px;
}
.webentry-fields-cell-name.wb-table-th {
  padding-left: 20px;
}

.webentry-fields-cell-question {
  width: 25%;
  padding: 0 12px;
}
.webentry-fields-cell-question.wb-table-th {
  padding-left: 30px;
}

.webentry-fields-cell-mandatory {
  width: 15%;
  padding: 0 12px;
  text-align: center;
}
.webentry-fields-cell-mandatory.wb-table-th {
  padding-left: 30px;
}
.webentry-fields-cell-mandatory .field-mandatory-checkbox {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
}

.webentry-fields-cell-min-length {
  width: 15%;
  padding: 0 12px;
}
.webentry-fields-cell-min-length.wb-table-th {
  padding-left: 20px;
}

.webentry-fields-cell-max-length {
  width: 15%;
  padding: 0 12px;
}
.webentry-fields-cell-max-length.wb-table-th {
  padding-left: 20px;
}

.webentry-fields-editor-wrapper > .field-editor .field-editor__content__header {
  display: none;
}
.webentry-fields-editor-wrapper > .field-editor .field-editor__handle {
  width: 3%;
}
.webentry-fields-editor-wrapper > .field-editor .webentry-field {
  width: 100%;
}
.webentry-fields-editor-wrapper > .field-editor .webentry-field .field-label {
  display: flex;
  align-items: center;
  width: 25%;
}

.settings__permissions__container {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}
.settings__permissions__container .field-settings-search {
  margin: 0.5rem 1.25rem;
  position: relative;
}
.settings__permissions__container .field-settings-search:before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
}
.settings__permissions__container .field-settings-search .search-box {
  min-width: 18.75rem;
  padding: 0.5rem 0 0.5rem 1.875rem;
  height: 2.1875rem;
  border: none;
  border-bottom: 1px dashed #CECECE;
  background: transparent;
  font-size: 1rem;
}
.settings__permissions__container .field-settings-search .search-box:hover {
  border-bottom-style: solid;
}
.settings__permissions__container .field-settings-search .search-box:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid #8ABF4C;
}
.settings__permissions__view {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  width: 99%;
  max-height: 80vh;
}
.settings__permissions__view > .nav {
  display: flex;
  flex: 0 1 auto;
}
.settings__permissions__view > .tab-content {
  display: flex;
  flex: 1 0 20px;
}

.settings-table .pipeline-row td ul li {
  position: relative;
}
.settings-table .pipeline-row td ul li:last-child:after {
  content: normal;
}
.settings-table .pipeline-row td .stages-list li {
  padding: 0.125rem 0.25rem;
  margin: 0.125rem;
  background: #F2F2EE;
  color: #777;
  border-radius: 3px;
  color: #333;
}
.settings-table .pipeline-row td .zap-btn__hollow__green.btn {
  border: none;
}

@media screen and (max-width: 767px) {
  #settings-webentry-tabs-tab-main-page {
    display: none;
  }
}

.viewer-custom-logo-container {
  position: relative;
  max-width: 15rem;
}
@media screen and (max-width: 767px) {
  .viewer-custom-logo-container {
    margin-bottom: 1rem;
  }
}
.viewer-custom-logo-container .viewer-custom-logo {
  background-color: #32332F;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  margin-right: 1rem;
  min-width: 6.25rem;
}
.viewer-custom-logo-container .viewer-custom-logo-delete {
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.viewer-custom-logo-container .viewer-custom-logo-delete:hover {
  color: #8ABF4C;
}
.viewer-custom-logo-container .viewer-custom-logo-delete.disabled {
  color: #cecfcc;
  cursor: auto;
}
.viewer-custom-logo-container .viewer-custom-logo img {
  width: 100%;
  max-width: 10rem;
}

.viewer-custom-note {
  font-size: 0.75rem;
  background: #f5f5f5;
  padding: 0.75rem 1rem;
  border-radius: 0.1875rem;
  font-weight: 600;
  line-height: 1.5;
  color: #777;
}

.file-dropzone.custom-guest-logo-upload-zone {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .file-dropzone.custom-guest-logo-upload-zone .fallback {
    height: 70px;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .file-dropzone.custom-guest-logo-upload-zone .fallback .dropzone-instructions {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .file-dropzone.custom-guest-logo-upload-zone .fallback .dropzone-instructions i {
    margin-bottom: 0;
    margin-right: 12px;
  }
}
@media screen and (min-width: 768px) {
  .file-dropzone.custom-guest-logo-upload-zone .fallback .dropzone-instructions .dropzone-instructions-link {
    margin-left: 8px;
  }
}

.toolbar-webentries {
  width: 15rem;
  margin-right: 1.25rem;
}
.toolbar-webentries .react-select {
  width: 100%;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.persons {
  display: block;
  background-color: #eee;
}
@media screen and (max-width: 767px) {
  .persons .sub-navbar .container-fluid {
    justify-content: center;
  }
}

.zap-table-page {
  display: block;
}
@media screen and (max-width: 767px) {
  .zap-table-page .fixed-navbars .container-fluid {
    justify-content: center;
  }
}
.zap-table-view {
  padding-top: 6em;
  margin: 2em 1em;
}
.zap-table-view .zap-filter {
  position: relative;
  left: 5.5em;
  top: 2.375rem;
  margin-top: -2em;
  width: 10em;
  display: block;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .zap-table-view .zap-filter {
    top: 2rem;
    left: 4rem;
  }
}
.zap-table-view .zap-filter > li {
  display: inline-block;
}
.zap-table-view .zap-filter > li a {
  padding: 0;
}
.zap-table-view .text__icon {
  font-size: 16px;
}
.zap-table-view .fa-linkedin-square {
  color: #888C81;
}
.zap-table-view .fa-linkedin-square__active {
  color: #0177B5;
}
.zap-table-view .fa-linkedin-square__active:hover {
  color: #0198e8;
}
.zap-table-view .text__link {
  color: #709f39;
  text-decoration: none;
}
.zap-table-view .text__link:hover {
  color: #567a2b;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.person {
  display: block;
}
.person-view {
  padding-top: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .person-view {
    width: 100%;
  }
}
.person-view__container {
  flex: 1 1 100%;
  display: flex;
  overflow: auto;
}
.person-view .container-fluid {
  padding: 0;
}
.person-view-header {
  padding-bottom: 2em;
}
.person-view-header__fa {
  font-size: 80px;
  color: #4B4E46;
}
.person-view-header i {
  font-size: 40px;
}
.person-view-header__h1 {
  padding-bottom: 10px;
  font-size: 24px;
}
.person-view-header__h1 .fa.is-disabled {
  color: #888C81;
}
.person-view-field {
  padding-top: 0.3em;
}
.person-navbar-linkedin-icon {
  color: black;
  margin-left: 0.5em;
}

.person-avatar {
  display: inline-block;
  color: #8ABF4C;
  font-size: 2.5625rem;
  padding: 0.25rem 0.9375rem 0 0.625rem;
}
@media screen and (max-width: 767px) {
  .person-avatar {
    font-size: 1.25rem;
    padding-right: 0.625rem;
  }
}
.person-avatar img {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: cover;
}

.contact-details-email .field-editor__content__header {
  padding: 0;
}
.contact-details-email .field-editor {
  padding-left: 0;
}
.contact-details-email .field-editor__content__field-input__primary-content input {
  padding-right: 4.0625rem;
}
.contact-details-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
}
.contact-details-name-placeholder {
  color: #c4c4c4;
}
.contact-details span {
  display: block;
  padding: 0.1875rem 0;
  cursor: pointer;
}
.contact-details span:hover {
  color: #8ABF4C;
}

.error-bar {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  position: fixed;
  padding: 16px 20px 18px;
  top: 10px;
  left: 0;
  right: 0;
  background: #E86546;
  color: #fff;
  max-width: 700px;
  width: 95%;
  font-size: 18px;
  margin: 0 auto;
  z-index: 200;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.error-bar .error-bar-dismiss {
  position: absolute;
  top: 10px;
  right: 10px;
}
.error-bar .btn {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.category__container {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 87vh;
  min-height: 0px;
}

.kpi {
  display: block;
  background-color: #eee;
}
.kpi-view {
  flex: 1 1 100%;
  overflow: auto;
  padding: 0 0.9375rem;
}
.kpi-view-secondary-menu-dropdown {
  padding-left: 10px;
}
.kpi-view-header {
  padding-bottom: 2em;
}
.kpi-view-header__fa {
  font-size: 80px;
  color: #4B4E46;
}
.kpi-view-header i {
  font-size: 40px;
}
.kpi-view-header__h1 {
  padding-bottom: 10px;
  font-size: 24px;
}
.kpi-view-header__h1 .fa.is-disabled {
  color: #888C81;
}
.kpi-view-field {
  padding-top: 0.3em;
}
.kpi-view-fields {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kpi-view .table-responsive {
  background: #FFF;
  margin: 0 0 0.9375rem;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .kpi-view .table-responsive {
    margin: 0 0 0.625rem;
    border-radius: 0;
  }
}
.kpi-view .table-responsive tbody tr:first-child td {
  border-top: 1px solid #eee;
}
.kpi-view .table-responsive tbody tr td:first-child {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kpi-view .table-responsive tbody tr td i {
  padding-left: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .kpi-view .zap-toolbar__navigation {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .kpi-view .zap-toolbar__navigation > div {
    display: inline-block;
    padding-top: 3px;
  }
}
.kpi-view .zap-toolbar__navigation .btn-default {
  padding-left: 0;
}
.kpi-overview {
  padding: 0.9375rem;
  color: #888C81;
}
@media screen and (max-width: 767px) {
  .kpi-overview {
    padding-top: 0;
  }
}
.kpi-overview-info {
  margin-right: 1.5em;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .kpi-overview-info {
    display: block;
    line-height: 1.75;
    font-size: 0.875rem;
  }
}
.kpi-overview-info-value {
  font-weight: bold;
  color: #8ABF4C;
}
.kpi-overview-info-value .form__currency-select {
  top: 1.5em;
  left: auto;
  right: 0;
}
.kpi-template-table {
  width: 100%;
}
.kpi-template-table-last-row {
  width: 10em;
  text-align: center;
}
.kpi-template-table-last-row .oppo-field {
  display: inline-block;
}
.kpi-table-column-highlight {
  background: #aaaaff;
}
.kpi-table-form {
  margin-bottom: 0px;
  padding-top: 0px;
  position: relative;
}
.kpi-table-form .form-control-static {
  height: 100%;
  min-height: 20px;
  padding: 0px;
  text-align: right;
}
.kpi-table-form .form-control {
  border: 1px solid #eee !important;
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  box-shadow: none !important;
}
.kpi-table-form .form-control:focus {
  border: 1px solid #8ABF4C !important;
}
.kpi-table-form .input-group {
  width: 100%;
}
.kpi-table-cell.kpi-read-only {
  border: 1px solid #eee !important;
  border-top: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  box-shadow: none !important;
  min-height: 26px;
}
.kpi-table-cell.kpi-read-only > .container-fluid {
  text-align: right;
  padding: 0.1875rem 0.375rem 0.25rem !important;
}
.kpi-table-cell > .container-fluid {
  padding: 0;
}
.kpi-table-cell > .container-fluid input {
  font-size: 16px;
  text-align: right;
  padding: 0.2em 0.2em 0.2em 0;
  border: 0;
  z-index: inherit;
}
.kpi-table-cell__heading {
  padding: 0.2em !important;
  white-space: nowrap;
}
.kpi-questions {
  max-width: 50rem;
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.1);
  padding: 0.9375rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .kpi-questions {
    margin: 0 0 0.625rem;
  }
}
.kpi-questions .container-fluid {
  padding: 0;
}
.kpi-questions-textarea {
  padding: 0.6em;
}
.kpi-questions-textarea .edit-off {
  background: white;
  padding: 0.6em;
}
.kpi-questions .form-group .form-label {
  align-items: center;
}
.kpi-questions .form-group .form-label i {
  margin-left: 0.25rem;
}
.kpi-questions .form-group div {
  padding-top: 6px;
}
.kpi-questions .form-group div.label__container {
  padding-top: 0;
}
.kpi-internal-note {
  max-width: 50rem;
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.1);
  margin-bottom: 1.25rem;
  padding-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .kpi-internal-note {
    margin: 0 0 0.625rem;
  }
}
.kpi-attachments {
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.1);
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
.kpi-attachments .file-dropzone {
  margin: 0;
}
.kpi-submit {
  max-width: 800px;
}
.kpi-submit > button {
  margin-top: 1em;
}
.kpi-button-right-margin {
  margin-right: 6px;
}
.kpi-user-guidance {
  border-bottom: 1px solid;
}
.kpi-attachment-left {
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-right: 0.5rem;
}

.table-responsive {
  border: none;
  margin-bottom: 1.25rem;
  border-radius: 0;
}

.table-bordered {
  border: none;
}

.table-striped > thead:first-child > tr:first-child {
  color: #777;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: bold;
}
.table-striped > thead:first-child > tr:first-child > th {
  vertical-align: top;
  border: none;
}
.table-striped > thead:first-child > tr:first-child > th.kpi-table-column-highlight-header {
  background-color: #8ABF4C;
  border-left: 3px solid #8ABF4C;
  border-right: 3px solid #8ABF4C;
  border-top: 3px solid #8ABF4C;
  color: #FFF;
}
.table-striped > tbody > tr {
  border-radius: 4px;
}
.table-striped > tbody > tr > td {
  font-size: 0.875rem;
  color: #333333;
  border: none;
  background: #FFF;
}
.table-striped > tbody > tr > td.addons {
  background: #f5f5f5;
  text-align: center;
}
.table-striped > tbody > tr > td.addons h2 {
  font-weight: bold;
  font-size: 20px;
}
.table-striped > tbody > tr:nth-child(odd) {
  border-radius: 4px;
}
.table-striped > tbody > tr:nth-child(odd) td {
  background: rgba(223, 227, 235, 0.5);
}

.sessions-table > tbody > tr td {
  white-space: nowrap;
}
.sessions-table > tbody > tr:nth-child(odd) td {
  background: rgba(223, 227, 235, 0.5);
}

.kpi-view .table-striped > tbody > tr > td {
  padding: 0px;
  background: none;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .kpi-view .container {
    width: 100%;
  }
}

.table-striped > tbody > tr:nth-of-type(odd) > .kpi-table-column-highlight {
  background-color: #f2f2ee;
  border-left: 3px solid #8ABF4C;
  border-right: 3px solid #8ABF4C;
}

.table-striped > tbody > tr:nth-of-type(even) > .kpi-table-column-highlight {
  background-color: #f9f9f9;
  border-left: 3px solid #8ABF4C;
  border-right: 3px solid #8ABF4C;
}

.table-striped > tbody > tr:last-child > .kpi-table-column-highlight {
  border-bottom: 3px solid #8ABF4C;
}

.kpi-report__name i {
  margin-left: 0.5rem;
}

.kpi-summary-status {
  padding: 3px;
  color: #FFF;
}
.kpi-summary-status.wip {
  background: #E86546;
}
.kpi-summary-status.draft {
  background: #F5BD3E;
}
.kpi-summary-status.reviewed {
  background: #8ABF4C;
}
.kpi-summary .zapflow-table {
  box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.1);
}
@media screen and (max-width: 767px) {
  .kpi-summary .grid-view {
    flex-flow: column;
  }
}
.kpi-summary .add-company {
  white-space: nowrap;
}

.hidden-button {
  visibility: hidden;
}

.kpi-open-raport {
  cursor: pointer;
}

.kpi-field {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: auto !important;
  padding: 10px 20px;
  border: 1px dashed transparent;
}
@media screen and (max-width: 640px) {
  .kpi-field {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.kpi-field .remove-kpi {
  visibility: hidden;
  display: flex;
  flex: 0 0 20px;
}
.kpi-field.kpi-group-heading-field {
  margin-top: 6px;
  margin-bottom: 6px;
}
.kpi-field.kpi-group-heading-field .kpi-item-details > div {
  width: 100%;
  min-width: 100%;
}
.kpi-field.kpi-group-heading-field .zap-form__light-grey__green__dark-grey .form-control {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.kpi-field i.fas.fa-grip-vertical {
  flex: 0 0 30px;
  color: #8ABF4C;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .kpi-field i.fas.fa-grip-vertical {
    display: none;
  }
}
.kpi-field:hover {
  cursor: pointer;
  border: 1px dashed #8ABF4C;
}
.kpi-field:hover .remove-kpi {
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .kpi-field:hover {
    border: 1px dashed transparent;
  }
}
.kpi-field:hover i.fas.fa-grip-vertical {
  visibility: visible;
}
.kpi-field-title {
  line-height: 1;
}
.kpi-field-title span {
  display: inline-block;
  padding-right: 0.375rem;
}
@media screen and (max-width: 640px) {
  .kpi-field-title {
    display: block;
    padding-top: 0.1875rem;
  }
}
@media screen and (max-width: 640px) {
  .kpi-field-title .d-inline-block {
    display: none !important;
  }
}
.kpi-field-title.left {
  display: inline-block;
  width: 12%;
  padding-left: 1.125rem;
  padding-right: 0.3125rem;
  margin-bottom: 0.625rem;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .kpi-field-title.left {
    width: 20%;
  }
}
@media screen and (max-width: 640px) {
  .kpi-field-title.left {
    width: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 640px) {
  .kpi-field-title.left:after {
    content: "/";
    padding-right: 0.3125rem;
  }
}
.kpi-field-title.right {
  display: inline-block;
  width: 88%;
  font-weight: 600;
  padding: 0 0.75rem;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 1200px) {
  .kpi-field-title.right {
    width: 80%;
    padding-left: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .kpi-field-title.right {
    width: auto;
    padding: 0;
  }
}

.kpi-item-details {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .kpi-item-details {
    flex-flow: column;
    align-items: baseline;
    justify-content: flex-start;
    margin-bottom: 0.625rem;
  }
}
.kpi-item-details .form-group {
  margin-bottom: 0;
}
.kpi-item-details > span {
  display: block;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #888C81;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 640px) {
  .kpi-item-details > span {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.kpi-item-details > span.group-heading {
  font-weight: bold;
  font-size: 1rem;
  color: #4B4E46;
}
.kpi-item-details > span.group-heading > span > i.fa-times:hover {
  color: red;
}
.kpi-item-details > div {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
@media screen and (max-width: 640px) {
  .kpi-item-details > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.kpi-item-details > div .container-fluid {
  padding: 0;
}
.kpi-item-details > div .kpi-user-guidance {
  border: none;
}
.kpi-item-details > div .kpi-user-guidance.kpi-group-heading {
  font-weight: bold;
}

.kpi-attachments-list .list-group {
  margin: 0;
}
.kpi-attachments-list .list-group-item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.125rem;
  border-radius: 0.1875rem !important;
}
@media screen and (max-width: 640px) {
  .kpi-attachments-list .list-group-item {
    font-size: 0.875rem;
  }
}
.kpi-attachments-list .list-group-item:first-child {
  margin-top: 1.125rem;
}

.kpi-attachment-icon {
  color: #00a2ae;
  margin-right: 0.3125rem;
}

.kpi-attachment__buttons .btn {
  border: none;
  padding: 0;
}
.kpi-attachment__buttons .btn:hover {
  background: none !important;
  color: #E86546 !important;
  border: none !important;
}

.category-name, .cycle-details {
  padding-bottom: 2.5rem;
}

.kpi-category-wizard-inner {
  width: 95%;
  padding: 1.25rem 0;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .kpi-category-wizard-inner {
    width: 50rem;
    padding: 1.875rem 0;
  }
}
.kpi-category-wizard-inner.wizard-inner-email-template {
  width: auto;
}
.kpi-category-wizard .zapflow-table > thead > tr th {
  width: 30%;
}
.kpi-category-wizard .zapflow-table > thead > tr th:last-child {
  width: 10%;
}
.kpi-selector {
  padding: 0 0 2.5rem;
}
@media screen and (max-width: 640px) {
  .kpi-selector .kpi-item-details {
    flex-flow: column;
    margin-bottom: 0.625rem;
  }
}

.kpi-initial-info-container {
  text-align: center;
  padding: 0 1.5rem 1.5rem;
}

.wizard-title {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (min-width: 1024px) {
  .wizard-title {
    font-size: 1.5rem;
  }
}

.wizard-info-bold {
  padding: 0 0.625rem 0.625rem;
}

.wizard-info {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .wizard-info {
    font-size: 1.5rem;
  }
}
.wizard-info.sm {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}

.wizard-step-card, .kpi-wizard-section {
  background: #FFF;
  padding: 1.875rem 1.5rem;
  box-shadow: 0 0px 6px rgba(51, 51, 51, 0.1);
  border-radius: 0.1875rem;
}
@media screen and (max-width: 767px) {
  .wizard-step-card, .kpi-wizard-section {
    padding: 0.9375rem;
  }
}
.wizard-step-card .field-editor, .kpi-wizard-section .field-editor {
  padding-top: 0;
}

.kpi-wizard-buttons {
  margin: 1.875rem 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
.kpi-wizard-buttons .btn {
  margin: 0 0.5rem;
}
@media screen and (max-width: 640px) {
  .kpi-wizard-buttons .btn {
    margin-top: 8px;
  }
}

.wizard-step {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0.9375rem;
}
.wizard-step .info-ball {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  margin-right: 1rem;
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
  font-weight: 400;
}
.wizard-step span {
  display: block;
  width: calc(100% - 24px - 16px);
}

.general-settings {
  font-size: 0.875rem;
}
.general-settings .wizard-heading {
  padding-bottom: 0.625rem;
  font-size: 1.125rem;
}
.general-settings .kpi-general-settings-row {
  padding-bottom: 5px;
}
.general-settings .kpi-general-settings-row span {
  display: inline-block;
  color: #777;
  width: 20%;
}

.kpi-video {
  position: relative;
  padding-bottom: 1.25rem;
}
.kpi-video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.kpi-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.members-list {
  margin-top: 0.9375rem;
}
.members-list .table-responsive {
  margin-bottom: 0.625rem;
}
.members-list .wizard-heading {
  margin-bottom: 0.9375rem;
}
.members-list .zapflow-table {
  width: auto;
}
.members-list .zapflow-table th.kpi-remove-header-cell {
  background: #f2f2ee !important;
}
.members-list .zapflow-table td.background-transparent {
  background: #f2f2ee !important;
  border-bottom: 2px solid transparent;
}
.members-list .zapflow-table td.editable {
  cursor: pointer;
}

.kpi-category-wizard .members-list .zapflow-table {
  width: 100%;
}

.final-confirmation .members-list .table-responsive .zapflow-table thead th {
  width: 33.33%;
}

.checkboxes-left-padding-zero .zap-inlined-checkbox-label {
  padding-left: 0;
  font-size: 14px;
}
.checkboxes-left-padding-zero .justify-content-center {
  justify-content: flex-start;
  text-align: left;
}
.checkboxes-left-padding-zero .zap-modal__body__row {
  margin-bottom: 0.625rem !important;
}

.kpi-wizard-section {
  margin-bottom: 1.25rem;
}
.kpi-wizard-section-wrapper {
  width: 50rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .kpi-wizard-section-wrapper {
    width: auto;
  }
}
.kpi-wizard-section .kpi-wizard-section-title {
  padding: 0 1.75rem 1.5625rem;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.kpi-wizard-section .settings-company2__field {
  padding-left: 0.3125rem;
}
.kpi-wizard-section .kpi-field-title.left {
  padding-left: 15px;
}
.kpi-wizard-section .kpi-manage, .kpi-wizard-section .kpi-add-group-heading {
  padding-left: 0.3125rem;
}
@media screen and (max-width: 640px) {
  .kpi-wizard-section .kpi-manage, .kpi-wizard-section .kpi-add-group-heading {
    padding-left: 0;
  }
}

.zapflow-table.kpi-table > tbody > tr.kpi-group-heading-row td.kpi-group-heading-cell {
  font-weight: bold;
  font-size: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  background: rgb(225, 225, 219) !important;
  text-transform: uppercase;
}

.add-report-indicator {
  cursor: pointer;
}

.report-indicator.clickable {
  display: block;
  line-height: 1;
  cursor: pointer;
}
.report-indicator.clickable:hover {
  color: #E86546;
}

.kpi-member-company-cell span.kpi-member-company-name {
  max-width: 15rem;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

span.toolbar-kpi-category {
  padding: 2px;
  cursor: pointer;
}
span.toolbar-kpi-category.selected {
  color: #8ABF4C;
}

@media screen and (min-width: 768px) {
  .kpi-settings-modal .modal-dialog {
    width: 768px;
  }
}

.kpi-category-settings .nav-tabs > li:first-child {
  padding-left: 0.9375rem !important;
}
.kpi-category-settings .table {
  box-shadow: none;
}
.kpi-category-settings .tab-content #kpi-settings-tabs-tabpane-2 {
  max-width: 67.5rem;
  margin: 0 auto;
}

.kpi-member-row.paused .kpi-member-company-name {
  margin-left: 0.3125rem;
  font-style: italic;
}

.kpi-member-row .kpi-report-cell {
  text-align: center;
}
.kpi-member-row .kpi-report-cell.cell-gradient {
  background: rgb(204, 204, 204) !important;
  background: linear-gradient(90deg, #f1f1f1 0%, rgb(255, 255, 255) 100%) !important;
}
.kpi-member-row .kpi-report-cell.kpi-remove {
  background-color: transparent !important;
  border-top: 1px solid transparent;
  border-bottom: 2px solid transparent;
}
.kpi-member-row .kpi-report-cell.kpi-remove.kpi-remove-disabled {
  color: #c7c9c4;
}

.kpi-remove-header-cell {
  border-bottom: 2px solid transparent !important;
}

.report-dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
}
.report-dot.small {
  width: 8px;
  height: 8px;
}

.table.kpi-category-table > thead > tr > th {
  border-top: none;
}
.table.kpi-category-table > tbody > tr > td {
  height: 1.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-top: none;
  border-bottom: 1px solid #F8F8F6 !important;
}
.table.kpi-category-table .ghost-cycle {
  width: 57px;
  text-align: center;
  position: relative;
}
.table.kpi-category-table .ghost-cycle.ghost-cycle-head {
  border-left: 1px solid rgba(119, 119, 199, 0.15);
  position: inherit;
}
.table.kpi-category-table .ghost-cycle-cell .ghost-bar {
  position: absolute;
  bottom: 0.625rem;
  top: 0.625rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1.875rem;
  min-height: 0.625rem;
  background: #e8e8e8;
  border-radius: 3px;
}
.table.kpi-category-table .ghost-cycle .add-cycle-button {
  width: 1.875rem;
  min-height: 1.875rem;
  padding: 0 0.25rem;
  position: absolute;
  bottom: 0.625rem;
  top: 0.625rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.report-indicator.wip .report-dot {
  background-color: #F5BD3E;
}

.report-indicator.submitted .report-dot {
  border-color: #8ABF4C;
  border-width: 2px;
  border-style: solid;
}

.report-indicator.reviewed .report-dot {
  background-color: #8ABF4C;
}

.kpi-legend {
  display: inline-flex;
  align-items: center;
  margin-right: 2rem;
}
@media screen and (max-width: 640px) {
  .kpi-legend {
    margin-right: 0.875rem;
    font-size: 0.75rem;
  }
}
.kpi-legend.add {
  margin-left: 0;
  line-height: 20px;
  position: relative;
  top: -2px;
}
@media screen and (max-width: 640px) {
  .kpi-legend.add {
    top: -3px;
  }
}
.kpi-legend.add i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 20px;
  margin-right: 0.375rem;
}

.kpi-legends {
  padding: 0.5rem;
}
.kpi-legends .report-dot {
  margin-right: 0.375rem;
}

.visibility-hidden {
  visibility: hidden;
}

.category {
  display: inline-block;
  padding: 0 0.9375rem;
  margin: 0.9375rem 0;
}
.category h2 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #777;
}
.category .table thead th {
  text-align: center;
}
.category .table tbody tr td {
  font-size: 0.875rem;
}

.kpi-custom-toolbar-container {
  width: 100%;
}

.toolbar-categories {
  width: 15rem;
  margin-right: 1.25rem;
}
.toolbar-categories .react-select {
  width: 100%;
}

.kpi-email-template {
  max-width: 71.25rem;
  margin: 0 auto;
}
.kpi-email-template-preview {
  text-align: left;
}
.kpi-email-template-info-wrapper {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.kpi-email-template-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  max-width: 1140px;
  margin: 0 auto;
  min-height: 71vh;
  padding: 20px 15px;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-wrapper {
    flex-flow: column;
    padding-top: 20px;
  }
}
.kpi-email-template-title {
  padding-top: 0.3125rem;
  display: flex;
  justify-content: center;
  width: 45%;
}
@media screen and (max-width: 991px) {
  .kpi-email-template-title {
    width: 100%;
  }
}
.kpi-email-template-title-preview {
  width: 45%;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-title-preview {
    width: 100%;
  }
}
.kpi-email-template-title-preview-text {
  text-transform: none;
  font-size: 0.875rem;
  color: #777;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-title-preview-text {
    display: none;
  }
}
.kpi-email-template .kpi-email-template-line {
  padding-bottom: 0.5rem;
}
.kpi-email-template .kpi-email-template-line-label {
  display: inline-block;
  padding: 0 0.625rem;
  color: #888C81;
  font-size: 0.875rem;
}
.kpi-email-template-left {
  width: 45%;
  padding: 1.875rem;
  background: #FFF;
  border-radius: 0.25rem;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-left {
    width: 100%;
    margin-bottom: 1.5625rem;
    padding: 1.25rem 0.9375rem;
  }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  .kpi-email-template-left {
    width: 100%;
    margin-bottom: 1.5625rem;
    padding: 1.25rem 0.9375rem;
  }
}
.kpi-email-template-preview-wrapper {
  width: 48%;
  padding: 1.875rem;
  background: #FFF;
  box-shadow: 0 -1px 14px 0 #E1E4DA;
  border-radius: 4px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-preview-wrapper {
    width: 100%;
    padding: 1.25rem 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  .kpi-email-template-preview-wrapper {
    margin-top: 20px;
  }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  .kpi-email-template-preview-wrapper {
    padding: 1.25rem 0.9375rem;
  }
}
.kpi-email-template-preview-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: #FFF;
  box-shadow: 0 12px 15px 0 #E1E4DA;
  border-radius: 4px;
  transform: rotate(-3deg);
  z-index: -1;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-preview-wrapper:after {
    transform: rotate(-1.5deg);
  }
}
.kpi-email-template-preview-wrapper .kpi-email-full-preview {
  padding: 1.5625rem 0 !important;
  font-weight: 400;
}
.kpi-email-template-top {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 14px;
  font-weight: 400;
}
.kpi-email-template-top .label {
  display: inline-block;
  padding-left: 0;
  width: 13%;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 600;
  color: #777;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-top .label {
    width: 20%;
  }
}
.kpi-email-template-top .email-text {
  display: inline-block;
  width: 87%;
}
@media screen and (max-width: 992px) {
  .kpi-email-template-top .email-text {
    width: 80%;
  }
}

.kpi-email-preview-ending-note {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #777;
}

.topmost-modal.zap-curtain .modal-dialog .modal-content {
  overflow: hidden;
  background-color: white;
}
.topmost-modal.zap-curtain .modal-dialog .modal-content .zap-modal__body {
  background-color: white;
}
.topmost-modal.fundraising-opportunity-loss-curtain .modal-dialog .modal-content, .topmost-modal.pass-curtain .modal-dialog .modal-content, .topmost-modal.put-on-hold-curtain .modal-dialog .modal-content {
  overflow: hidden;
  background-color: whitesmoke;
}
.topmost-modal.fundraising-opportunity-loss-curtain .modal-dialog .modal-content .zap-modal__body, .topmost-modal.pass-curtain .modal-dialog .modal-content .zap-modal__body, .topmost-modal.put-on-hold-curtain .modal-dialog .modal-content .zap-modal__body {
  background-color: whitesmoke;
}
.topmost-modal.fundraising-opportunity-loss-curtain .field-editor__content__field-input__primary-content > *, .topmost-modal.pass-curtain .field-editor__content__field-input__primary-content > *, .topmost-modal.put-on-hold-curtain .field-editor__content__field-input__primary-content > * {
  max-width: 320px;
}
.topmost-modal .modal-footer .zap-modal__button {
  margin: 5px;
}

.kpi-category-settings-back-button {
  margin-right: 30px;
}

.category-details-examples {
  list-style-type: disc;
  margin-left: 1.125rem;
  margin-top: 0.625rem;
}
.category-details-examples li {
  margin-bottom: 0.625rem;
}

.kpi-contact-disabled {
  margin-left: 0.5rem;
  color: #F5BD3E;
}

.email-template {
  padding-bottom: 1.875rem;
}

.first-target-month .field-editor__content__field-input, .first-target-year .field-editor__content__field-input {
  max-width: 100px;
}

.kpi-q-info {
  padding: 0 0.8125rem 0.625rem;
}
@media screen and (max-width: 640px) {
  .kpi-q-info {
    padding-left: 0;
    padding-right: 0;
  }
}

.cycle-email-preview-button {
  color: #8ABF4C;
  margin-left: 0.375rem;
}

.cycle-email-option {
  margin-left: 1.25rem;
}

.kpi-report-empty-info, .kpi-turn-on {
  padding: 60px;
  margin: 30px auto;
  max-width: 600px;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
  color: #777;
  background: #FFF;
}

.kpi-get-started {
  padding: 60px;
  margin: 30px auto;
  max-width: 600px;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
  color: #777;
}
.kpi-get-started .kpi-get-started-info {
  margin-bottom: 60px;
}

.report-modal-heading {
  padding-bottom: 8px;
}

.currency-cell .field-editor-class____kpi-report_currency {
  padding: 0 0 4px 0;
}
.currency-cell .field-editor-class____kpi-report_currency .field-editor__content__header {
  display: none;
}
.currency-cell .field-editor-class____kpi-report_currency .field-editor__content__field-input .Select {
  font-size: 12px;
}
.currency-cell .field-editor-class____kpi-report_currency .field-editor__content__field-input .Select .Select-control {
  height: auto;
}

.kpi-table .kpi-report-view-table-header tr th {
  vertical-align: middle !important;
}

.kpi-not-configured {
  min-height: calc(100vh - 50px);
  background: #8ABF4C;
  color: #FFF;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kpi-not-configured-content {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 50rem;
  margin: 0 auto;
  padding: 0 1.875rem 6.25rem;
}
.kpi-not-configured-content p {
  font-size: 1.125rem;
  line-height: 1.5;
}
.kpi-not-configured-content i {
  padding-top: 0.4375rem;
  font-size: 2.75rem;
  margin-right: 1.25rem;
}

.report-modal-email-container {
  background: #f5f5f5;
  padding: 0.9375rem 0.9375rem 1.875rem;
  margin: 1.25rem 0 0;
}

.report-modal-info {
  margin-bottom: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .report-modal-info {
    font-size: 0.875rem;
  }
}

.their-contact-infobox {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  background: #E86546;
  color: #FFF;
}
.their-contact-infobox-icon {
  font-size: 1.875rem;
  color: #FFF;
  margin-right: 0.5rem;
}

.kpi-settings-category-name {
  padding: 0 0.9375rem;
  display: inline-block;
  min-width: 300px;
}
.kpi-settings-category-name .field-editor-class____kpi-category_name {
  margin-top: -10px;
  padding-left: 0;
  padding-right: 0;
}

.kpi-settings-currency {
  padding: 0 0.9375rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .kpi-settings-currency {
    flex-flow: column;
    padding: 0;
    align-items: baseline;
  }
}
.kpi-settings-currency-label {
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #888C81;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kpi-settings-currency-field {
  width: 5.625rem;
}
@media screen and (max-width: 767px) {
  .kpi-settings-currency-field .field-editor-class____kpi-category_currency {
    padding-left: 0;
  }
}

.cycle-downloader .dropdown-menu {
  width: 7rem;
  left: 0;
  right: auto;
  margin-top: 4px;
}

.kpi-reports-table-wrapper {
  display: flex;
  padding-right: 3.75rem;
  overflow: auto;
  max-height: calc(100vh - 160px);
}

.kpi-offer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  min-height: calc(100vh - 50px);
  background: #8ABF4C;
  position: relative;
  padding: 5rem 0;
}
.kpi-offer-page {
  display: block;
  height: 100vh;
  overflow: auto;
}
@media screen and (max-width: 1023px) {
  .kpi-offer {
    padding: 2.1875rem 0;
  }
}
@media screen and (max-width: 767px) {
  .kpi-offer .row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-flow: column;
  }
}
.kpi-offer .card {
  padding: 1.25rem 1.875rem;
}
.kpi-offer .card h2 {
  color: #FFF;
}
.kpi-offer h2 {
  font-size: 1.875rem;
  text-align: center;
  font-weight: 600;
  margin-bottom: 3.125rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .kpi-offer h2 {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
}
.kpi-offer h3 {
  font-weight: 600;
  color: #FFF;
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .kpi-offer h3 {
    font-size: 1.125rem;
  }
}
.kpi-offer p {
  font-size: 1rem;
  line-height: 1.5;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .kpi-offer p {
    font-size: 0.875rem;
  }
}
.kpi-offer a {
  color: #FFF;
  text-decoration: underline;
}
.kpi-offer ul {
  margin: 1.25rem 0;
}
.kpi-offer ul li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 8px;
  line-height: 1.25;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .kpi-offer ul li {
    font-size: 0.875rem;
  }
}
.kpi-offer ul li i {
  color: #FFF;
  margin-right: 8px;
  position: relative;
  top: 2px;
}

@media screen and (max-width: 1023px) {
  .order-sm-2 {
    order: 2;
  }
}

@media screen and (max-width: 1023px) {
  .order-sm-1 {
    order: 1;
  }
}

.video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
.video-wrapper:hover:after {
  background: rgba(0, 0, 0, 0.5);
}
.video-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper i {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate3d(-50%, -50%, 0);
  font-size: 48px;
  color: #FFF;
  cursor: pointer;
}
.video-wrapper i:hover {
  color: #8ABF4C;
}

.video-section {
  padding: 0 0.9375rem;
}
@media screen and (max-width: 767px) {
  .video-section {
    padding: 0.9375rem 0 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .video-section h2 {
    color: #FFF;
    font-size: 1.125rem;
  }
}

.kpi-offer-back-btn {
  color: #FFF;
  font-size: 2rem;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
}

.learn-more {
  display: block;
  color: #FFF;
  font-size: 1rem;
  margin-top: 1.875rem;
}

.left-side-menu {
  flex: 1 1 100%;
  flex-flow: column;
  overflow: auto;
  padding-top: 0.9375rem;
  background-color: #FFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: inherit;
}
@media (max-width: 991px) {
  .left-side-menu {
    width: 2.625rem;
    min-width: 2.625rem;
  }
}
.left-side-menu__header {
  padding: 1rem;
  font-size: 0.875rem;
  color: #888C81;
  text-transform: uppercase;
}
.left-side-menu i {
  padding: 0.2em 0;
  margin-left: 0.2em;
  width: 0.9375rem;
}
.left-side-menu li.active > a, .left-side-menu li.active > a:focus, .left-side-menu li.active > a:hover {
  color: #8ABF4C;
  border-radius: 0;
  background-color: #FFF;
  border-left: 0.1875rem solid #8ABF4C;
}
.left-side-menu li > a {
  display: flex;
  align-items: center;
  color: #333;
  border-radius: 0;
  border-left: 0.1875rem solid transparent;
  padding: 0.5em 0.5em;
}
@media (max-width: 991px) {
  .left-side-menu li > a {
    height: 2.625rem;
    justify-content: center;
  }
}
.left-side-menu li > a:hover {
  color: #8ABF4C;
  background: #FFF;
}
.left-side-menu li > a i {
  position: relative;
}
@media (max-width: 991px) {
  .left-side-menu li > a i {
    left: -3px;
  }
}
.left-side-menu__text {
  padding-left: 1em;
}

/* Styling for following components
 * 1. Tags
 * 2. Filter Nav
 * 3. Forms
 */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
strong {
  font-weight: 600;
}

.text-bold {
  font-weight: bold;
}

.text-semibold {
  font-weight: 600;
}

.text-align-center {
  text-align: center !important;
}

.text-underline {
  text-decoration: underline;
}

.text-secondary {
  color: #777;
}

.text-xs {
  font-size: 12px;
}

.text-lg {
  font-size: 18px;
}

.text-success {
  color: #8ABF4C !important;
}

.link-text {
  color: #00a2ae !important;
  cursor: pointer;
}

.text-danger {
  color: #E86546 !important;
}

.content-white {
  color: #FFF !important;
}

.position-relative {
  position: relative;
}

.subtitle {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
  color: #777;
}

.border-none {
  border: none !important;
}

.pre-wrap {
  white-space: pre-wrap;
  max-width: 88%;
}

.d-hidden {
  visibility: hidden;
}

.d-flex {
  display: flex;
}
@media screen and (max-width: 767px) {
  .d-flex {
    display: block;
  }
}
.d-flex:before {
  content: normal;
}
.d-flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.d-flex.vertical {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.flex-1-hidden {
  flex: 1;
  overflow: hidden;
}

.flex-no-grow {
  flex: 0 1 auto;
}

.flex-grow-50 {
  flex: 1 1 50%;
}

@media screen and (max-width: 1024px) {
  .container-md-100 {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .narrow-flex-wrap {
    flex-flow: wrap;
  }
}

@media screen and (max-width: 768px) {
  .narrow-flex-grow-100 {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 768px) {
  .narrow-padding-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media screen and (max-width: 768px) {
  .narrow-padding-10 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.flex-grow {
  flex: 1 1 auto;
}

.flex-static {
  flex: 0 0 auto;
}

.flex {
  display: flex;
}

.align-self-center {
  align-self: center;
}

.align-c {
  align-items: center;
}

.j-end {
  justify-content: flex-end;
}

.flex-c-space-b {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0;
  justify-content: space-between;
}

.flex-row-3-first-priority {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0 0.9375rem 0.625rem;
  overflow: hidden;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .flex-row-3-first-priority {
    padding: 0;
    flex-wrap: wrap;
    overflow: auto;
    margin: 0.375rem 0;
  }
}
.flex-row-3-first-priority > * {
  flex: 1 0 33.3%;
  overflow: hidden;
  display: flex;
}
@media screen and (max-width: 768px) {
  .flex-row-3-first-priority > * {
    flex: 0 0 100%;
    display: block;
    margin: 0;
  }
}
.flex-row-3-first-priority > *:first-child {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .px-xs-0 {
    padding: 0;
  }
}

.text-md {
  font-size: 1.125em;
}

.text-sm {
  font-size: 0.875em;
}
@media screen and (max-width: 640px) {
  .text-sm {
    font-size: 0.6em;
  }
}

.text-xs {
  font-size: 0.75rem;
}

.text-informal {
  color: #888C81;
}

@media screen and (min-width: 641px) {
  .w-75 {
    width: 75%;
  }
}

.w-100 {
  width: 100%;
}

.w-m-1920 {
  max-width: 1920px;
}

.pad-h-30 {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (min-width: 1024px) {
  .hidden-xl {
    display: none;
  }
}

.text-theme {
  color: #8ABF4C;
}

a.text-theme:hover {
  color: #8ABF4C;
  text-decoration: underline;
}

.no-padding .container-fluid {
  padding: 0;
}

.container.sm {
  max-width: 970px;
  width: 100%;
}

.tooltip {
  z-index: 40000 !important;
}
.tooltip .tooltip-inner {
  padding: 0.75rem;
  max-width: 37.5rem;
  font-size: 0.75rem !important;
  line-height: 1.5;
  text-align: left;
}

.tooltip.top .tooltip-inner {
  background-color: #464743;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #464743;
}

.tooltip.right .tooltip-inner {
  background-color: #464743;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #464743;
}

.tooltip.bottom .tooltip-inner {
  background-color: #464743;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #464743;
}

.tooltip.left .tooltip-inner {
  background-color: #464743;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #464743;
}

.pl-10 {
  padding-left: 10px !important;
}

@media screen and (max-width: 767px) {
  .pl-sm-15 {
    padding-left: 15px !important;
  }
}

.grid-2-md {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.grid-2-md > *,
.grid-2-md > .field-editor {
  width: 49%;
}
@media screen and (max-width: 992px) {
  .grid-2-md {
    display: block;
  }
  .grid-2-md > *,
  .grid-2-md > .field-editor {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .table-full-width {
    max-width: 100%;
  }
}

.infected {
  display: flex;
  padding-top: 0.1875rem;
  margin-right: 1.875rem;
  color: red;
  font-size: 0.75rem;
  position: relative;
  z-index: 2;
}

.scroll-y-container {
  overflow: hidden;
}

.scroll-y {
  overflow-y: auto;
}

.scroll-x {
  overflow-x: auto;
}

.tags-content {
  padding: 0.5em 0;
}
.tags-label {
  padding: 0.375rem 0.625rem 0.4375rem;
  margin: 0.429em 0.429em 0 0;
  border-radius: 1.5em;
  float: left;
  min-width: 3em;
  background-color: #8ABF4C;
  color: #EEF6E4;
  font-size: 0.8em;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.tags-label--edit {
  cursor: pointer;
}
.tags-label__green {
  background-color: #8ABF4C;
}
.tags-label__green.tags-label--edit:hover {
  background-color: #709f39;
}
.tags-label__lime {
  background-color: #EEF6E4;
  color: #8ABF4C;
}
.tags-label__lime.tags-label--edit:hover {
  background-color: #d6e9be;
}
.tags-label i {
  margin: -0.5em -0.5em -0.5em 0.5em;
  padding: 0.5em;
  color: #333;
  cursor: pointer;
}
.tags-label__add-button {
  padding: 0.5em 0em;
  background-color: transparent;
  float: left;
}
.tags-label__add-button .btn {
  border: none;
  padding: 0.1em;
  margin: auto;
}
.tags-label__add-button .btn:hover {
  background-color: transparent !important;
  border: none !important;
  color: #638c32 !important;
}

.zap-tab-strip {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  padding: 0.75rem 0 0;
  border-bottom: solid 2px #f2f2ee;
  overflow-x: auto;
  overflow-y: hidden;
}
.zap-tab-option {
  flex: 0 0 auto;
  padding: 0.25rem 0rem 0.5rem;
  margin: 0 0.5rem;
  color: #333;
  font-size: 0.8125rem;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
@media only screen and (min-width: 1500px) {
  .zap-tab-option {
    font-size: 0.9375rem;
    margin: 0 0.75rem;
  }
}
.zap-tab-option:first-child {
  margin-left: 0;
}
.zap-tab-option.selected-tab {
  color: #8ABF4C;
}
.zap-tab-option.selected-tab:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #8ABF4C;
}
.zap-tab-option.selected-tab--servicehub {
  border-bottom: 3px solid #8ABF4C;
}

.form-control:focus {
  box-shadow: none;
  border-color: #8ABF4C;
}

.zap-inlined-checkbox__green {
  border: 2px solid transparent;
  background-color: transparent;
  color: #8ABF4C;
}
.zap-inlined-checkbox__green i {
  vertical-align: middle;
}
.zap-inlined-checkbox__green:hover:enabled {
  border: 2px solid #8ABF4C;
  color: #8ABF4C;
}
.zap-inlined-checkbox__green:enabled {
  outline: none;
  outline-offset: 0;
  background-color: transparent;
}
.zap-inlined-checkbox__green:disabled {
  border: 2px solid transparent;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}

.form__currency-symbol {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  position: relative;
  color: #8ABF4C;
  text-transform: uppercase;
}
.form__currency-symbol .no-margin {
  margin-left: 0.25em !important;
}
.form__currency-select {
  position: absolute;
  top: -2em;
  left: 0.5em;
  z-index: 3;
  background: #FFF;
  color: #333;
}
.form__textarea {
  margin: 0 0 0.9375rem;
  border: none;
  margin-top: 0.2em;
  border-bottom: 2px solid transparent;
}
.form__textarea__container {
  position: relative;
  width: 100%;
  min-height: 2rem;
}
.form__textarea textarea {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  line-height: 1.1;
  background-color: transparent;
  margin-top: 0;
  padding: 0.5rem 1.875rem 0.5rem 0.75rem !important;
}
.form__textarea .form-control-plaintext {
  box-shadow: none;
  padding-left: 0 !important;
  border-radius: 0;
}
.form__textarea .form-control-plaintext {
  padding: 0.5rem 1.875rem 0.5rem 0.75rem !important;
  line-height: 1.1;
  height: auto !important;
  width: 100%;
  color: transparent;
  overflow-y: hidden;
  overflow-x: hidden;
  white-space: pre-wrap;
  min-height: 1.25em;
}
.form__text .form-control {
  height: auto !important;
}
.form__text .form-control-static {
  width: 100%;
}
.form-ratings__circle-text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* Center vertically */
  align-items: center;
  /*Center horizontaly */
  justify-content: center;
  /*Center horizontaly ie */
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: 70px;
  height: 70px;
  font-size: 28px;
  background-color: #eee;
  color: #888C81;
  border-radius: 2.5em;
  margin-bottom: 0.5rem;
  padding: 0;
}
.form-ratings__circle-text.hasValue {
  background-color: #ebebe7;
  color: #8ABF4C;
  border-color: #FFF;
}
.form-ratings__circle-text:hover {
  cursor: pointer;
  background-color: #E6E6E1;
}
.form-ratings__circle-text .text-label {
  padding: 0;
  margin: 0;
  width: 100%;
}
.form-ratings__circle-text .text-label__small {
  font-size: 60%;
}
.form__account__modal__body {
  height: 80vh;
  overflow-y: auto;
}
.form__account__modal__body .search-container {
  padding-bottom: 0.5rem;
}
.form__account__modal__body .search-container label {
  color: #8ABF4C;
  font-weight: 600;
  padding-left: 0.5rem;
}
.form__account__modal__body .search-container .search-box {
  display: block;
  border: 1px solid #8ABF4C;
  border-radius: 0.75em;
  padding-left: 0.5rem;
  width: 100%;
}
.form__account__modal__body .search-container .search-box:focus {
  border: 1px solid #8ABF4C;
  outline: none;
}
.form__account__circle {
  width: 4.375rem;
}
.form__account__circle__main:hover {
  cursor: pointer;
  background-color: #E6E6E1;
}
.form__account__circle__card {
  justify-content: center;
  align-items: center;
  min-height: 9em;
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
  border: none;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 3px;
}
.form__account__circle__card p {
  word-break: break-all;
}
.form__account__circle__card.isSelected {
  border: 2px solid #8ABF4C;
}
.form__account__circle__card.isSelected:hover {
  cursor: default;
  background-color: transparent;
}
.form__account__circle__card:hover {
  cursor: pointer;
  background-color: #E6E6E1;
}
.form__account__circle__image {
  width: 70px;
  height: 70px;
  margin-bottom: 0.5rem;
  border-radius: 50%;
}
.form__account__circle__image.deal-view__owner__main {
  width: 6em;
  height: 6em;
}
.form__account__circle__image-text {
  width: 4.375rem;
  height: 4.375rem;
  text-align: center;
  line-height: 4.375rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  background-color: #FFF;
  border: 0.1875rem solid #8ABF4C;
  color: #8ABF4C;
  border-radius: 50%;
  margin-bottom: 0.5rem;
  font-weight: 700;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.form__account__circle__image-text p {
  width: 4.1875rem;
  height: 4.1875rem;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  position: relative;
  left: -1px;
}
.form__account__circle__image-text.deal-view__owner__main {
  width: 3.5em;
  height: 3.5em;
}
.form__account__rectangle {
  display: flex;
  align-items: center;
  z-index: 9;
}
.form__account__rectangle__image {
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 50%;
}
.form__account__rectangle__image.deal-view__owner__main {
  width: 6em;
  height: 6em;
}
.form__account__rectangle__image-text {
  margin: 0;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  background-color: #8ABF4C;
  border-radius: 50%;
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.form__account__rectangle__name {
  width: calc(100% - 40px);
  margin-left: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.form__account__rectangle__name span {
  padding-right: 4px;
}
.form__background {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}
.form__background li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.form__background li a {
  color: #333;
}
.form__background li a:hover {
  background: none;
}
.form__background.isAccount {
  background-color: #FFF;
}
.form__background.isAccount li > a {
  padding-left: 0;
  padding-right: 0;
  background: none !important;
}
.form__background.isPerson, .form__background.isCompany {
  background-color: #E8F7F9;
}
.form__background--not-clickable li.disabled > a {
  cursor: default;
  color: #333;
}
.form__background--not-clickable li.disabled > a:hover {
  background-color: transparent !important;
}
.form__background__icon {
  margin: auto 0.2em auto 0.1em;
}
.form__tab__nav {
  width: 80%;
  float: left;
}
.form__tab__nav > ul > li > a {
  padding: 0.6em 0.4em;
  white-space: pre-wrap;
}
.form__tab__button {
  float: left;
  padding: 0.3em 0.2em;
  background-color: transparent;
  color: #4B4E46;
}
.form__tab__button:hover {
  border-color: transparent !important;
}
.form-persons__selected-guest {
  padding-top: 0.25rem;
  color: #8ABF4C;
  font-weight: bold;
}
.form-persons__person-card {
  padding-left: 0px;
}
.form-persons__person-card__select {
  width: auto;
}
.form-persons__add-button {
  width: auto;
}
.form-persons__page-header {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 12px;
  border-bottom: none;
}
.form-persons__guest-sub-icon {
  position: relative;
  left: 0.8em;
  width: 0.2em;
}
.form-persons__guest-person-name {
  padding: 0.6em;
  padding-right: 1.5em;
  margin-right: 0.5em;
  cursor: pointer;
}

.form-inline-elements .zap-inlined-checkbox-label:not(:last-child) {
  margin-right: 1.5em;
}

.checkbox, .radio {
  margin-top: 0;
  margin-bottom: 0.9375rem;
}

.zap-inlined-checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 1.875em;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 16px;
  color: #777;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .zap-inlined-checkbox-label {
    margin-bottom: 0.6em;
  }
}
.zap-inlined-checkbox-label.static-height {
  height: 1.0625rem;
}

.checkbox-no-value .zap-inlined-checkbox-label {
  height: 1.0625rem;
  width: 1.0625rem;
}

/* Hide the browser's default checkbox */
.zap-inlined-checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0.125rem;
  left: 0;
  height: 1.0625rem;
  width: 1.0625rem;
  border: 1px solid #333333;
  border-radius: 3px;
}

/* When the checkbox is checked, add a blue background */
.zap-inlined-checkbox-label input:checked ~ .checkmark {
  border: 1px solid #8ABF4C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.zap-inlined-checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

.zap-inlined-checkbox-label input:disabled ~ .checkmark {
  border-color: #CECECE;
  cursor: auto;
}

.zap-inlined-checkbox-label input:disabled ~ .checkmark:after {
  border-color: #CECECE;
}

/* Style the checkmark/indicator */
.zap-inlined-checkbox-label .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #8ABF4C;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.zap-inlined-radiobox-label {
  display: block;
  position: relative;
  padding-left: 1.875em;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 16px;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .zap-inlined-radiobox-label {
    margin-bottom: 0.6em;
  }
}

/* Hide the browser's default checkbox */
.zap-inlined-radiobox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.radiomark {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border: 1px solid #333333;
  border-radius: 50%;
}
.radiomark.disabled {
  cursor: not-allowed;
}
.radiomark.disabled:after {
  cursor: not-allowed;
}

/* When the checkbox is checked, add a blue background */
.zap-inlined-radiobox-label input:checked ~ .radiomark {
  border: 1px solid #333;
  /* Show the checkmark when checked */
}
.zap-inlined-radiobox-label input:checked ~ .radiomark.disabled {
  border-color: #888C81;
}
.zap-inlined-radiobox-label input:checked ~ .radiomark.disabled:after {
  background: #888C81;
}
.zap-inlined-radiobox-label input:checked ~ .radiomark:after {
  display: block;
  content: "";
  left: 2px;
  top: 2px;
  width: 11px;
  height: 11px;
  background: #333;
  border-radius: 50%;
  position: absolute;
}

.checkboxc {
  padding-left: 0.75rem;
}

.label-sm {
  font-size: 0.75rem;
  font-weight: 600;
  color: #888C81;
}

.no-wrap {
  white-space: nowrap;
}

.input-group {
  width: 100%;
}
.input-group .react-select {
  width: 100%;
}
.input-group .cancel-btn {
  position: absolute;
  right: 0;
  flex: 0 0 16px;
  color: #8ABF4C;
  align-self: center;
  margin-right: 8px;
}

.form-label {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  color: #888C81;
}
.form-label i {
  margin-left: 0.625rem;
}

.alert {
  border-radius: 0;
}
.alert.alert-danger {
  background: #fee2de;
  color: #333;
  line-height: 1.35;
  border: none;
}
.alert.alert-danger i {
  display: inline-block;
  font-size: 30px;
  margin-right: 20px;
  color: #E86546;
}
.alert .close {
  top: 0.5rem;
  right: 0.5rem;
}
.alert .close:before, .alert .close:after {
  background: #a94442;
}
.alert-info .close {
  padding: 0;
}
.alert-info .close:before, .alert-info .close:after {
  width: 1.25rem;
  background: #0c5460;
}

/* The switch - the box around the slider */
label.switch {
  position: relative;
  width: 3em;
  height: 1.5em;
}
label.switch-slider__label {
  vertical-align: middle;
  padding-left: 1em;
  color: #888C81;
}
label.switch input {
  display: none;
}
label.switch input:checked + .slider {
  background-color: #8ABF4C;
}
label.switch input:checked + .slider:before {
  transform: translateX(1.5em);
}
label.switch input:disabled:checked + .slider {
  background-color: #d4e7bd;
}
label.switch input:disabled + .slider {
  background-color: #e6e6e6;
}
label.switch input:focus + .slider {
  box-shadow: 0 0 0.1em #2196F3;
}
label.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
label.switch .slider:before {
  position: absolute;
  content: "";
  height: 1.2em;
  width: 1.2em;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
label.switch .slider.round {
  border-radius: 1.5em;
}
label.switch .slider.round:before {
  border-radius: 50%;
}

.sticky__pass {
  position: fixed;
  overflow: hidden;
  top: 6.5em;
  height: 3em;
  width: 20vw;
  left: 10vw;
  background-color: #E86546;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sticky__put-on-hold {
  position: fixed;
  overflow: hidden;
  top: 6.5em;
  height: 3em;
  width: 20vw;
  left: 40vw;
  background-color: #F5BD3E;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sticky__portfolio {
  top: 6.5em;
  left: 70vw;
  height: 3em;
  width: 20vw;
  background-color: #8ABF4C;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
  position: fixed;
}
.sticky.large {
  height: 6em;
}
.sticky.hidden {
  width: 0px;
}
.sticky__icon {
  padding-left: 9em;
  top: 0.5em;
  color: #FFF;
  font-size: 2em;
}

.zap-options-bar {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.zap-options-bar-left {
  display: flex;
  align-items: center;
}
.zap-options-bar-right {
  display: flex;
  align-items: center;
}
.zap-options-bar .switch {
  vertical-align: middle;
  margin-left: 1em;
}
.zap-options-bar-card-mode {
  display: flex;
}

.card {
  background: #FFF;
  border: none;
  border-radius: 3px;
  position: relative;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  margin-bottom: 1.25rem;
}
.card--kyc {
  box-shadow: none;
  border: solid 1px #ccc;
  margin: 0 0 1rem 0;
  background-color: white;
  border-radius: 0.1875rem;
}
.card--kyc h3 {
  font-weight: bold;
}
.card--kyc .card__head .select-area {
  width: 7.5rem;
}
.card--kyc--min-height {
  min-height: calc(100vh - 174px);
}

.card-header {
  font-weight: 600;
  padding-left: 0.9375rem;
  background: #f5f5f5;
  border: none;
}

.filters-sidenav {
  flex: 0 0 auto;
  width: 300px;
  padding: 1rem 0.5rem 1.25rem;
  left: 0;
  background-color: #fafafa;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  z-index: 9;
}
.filters-sidenav.hidden {
  display: none;
  width: 0;
}
.filters-sidenav.open {
  overflow-y: auto;
  width: 300px;
}
@media screen and (max-width: 1023px) {
  .filters-sidenav.open-to-be-filtered {
    margin-left: 0 !important;
  }
}
.filters-sidenav-collapsible-card__header {
  cursor: pointer;
  *cursor: hand;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #888C81;
  text-transform: capitalize;
}
.filters-sidenav-collapsible-card__header i {
  text-align: left;
  font-size: 0.6875rem;
}
.filters-sidenav__link {
  text-decoration: none;
  color: #00a2ae;
  text-decoration: underline;
  cursor: pointer;
}
.filters-sidenav__link:hover {
  text-decoration: none;
}
.filters-sidenav__link:not(:last-child) {
  margin-right: 30px;
}
.filters-sidenav__link:hover {
  color: #8ABF4C;
}
.filters-sidenav__link--active {
  color: #8ABF4C;
}
.filters-sidenav-card {
  margin-bottom: 0;
  background-color: transparent;
  border: 0;
  box-shadow: transparent 0 0 0;
}
.filters-sidenav-card .datepicker-container {
  border: 1px solid #eee;
  padding-bottom: 0;
  border-radius: 3px;
}
.filters-sidenav-card input {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 0.1875rem;
  padding: 0.75rem 0.375rem;
  font-size: 0.875rem;
}
.filters-sidenav-card .fa-calendar-alt {
  right: 0.375rem;
}
.filters-sidenav-card .zap-inlined-checkbox-label {
  margin-bottom: 0;
}
.filters-sidenav-card .card-body {
  padding: 0.4375rem 0 0.3125rem;
}
.filters-sidenav-padding-block-lg {
  padding-top: 30px;
}
.filters-sidenav-padding-block-sm {
  margin-bottom: 0.75rem;
}
.filters-sidenav-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  padding-top: 0.25rem;
}
.filters-sidenav-header .close {
  position: relative;
  top: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s;
}
.filters-sidenav-header .close::before, .filters-sidenav-header .close::after {
  background: #333;
}
.filters-sidenav-header .close:hover::before, .filters-sidenav-header .close:hover::after {
  background: #8ABF4C;
}
.filters-sidenav-header .btn {
  color: #8ABF4C;
  text-decoration: underline;
  transition: 0.3s;
  padding-left: 0;
  font-size: 0.875rem;
}
.filters-sidenav-header .btn:hover {
  text-decoration: none;
}
.filters-sidenav-date-range {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.filters-sidenav-date-range__datetimepicker {
  width: 200px;
  margin-left: auto;
}
.filters-sidenav-mult-options-label {
  line-height: 17px;
  font-size: 0.9375rem;
}
.filters-sidenav-to-be-filtered {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  box-sizing: border-box;
  margin-left: 0.875rem;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .filters-sidenav-to-be-filtered {
    margin-left: 0 !important;
  }
}

@media screen and (max-height: 450px) {
  .filters-sidenav {
    padding-top: 15px;
  }
  .filters-sidenav a {
    font-size: 1.125rem;
  }
}
.filter-row {
  margin-bottom: 0.75rem;
}
.filter-row .form-group {
  padding-left: 1.9375rem;
  margin-bottom: 0.25rem;
}

.filter-curtain-row {
  display: flex;
  flex-direction: row;
}
.filter-curtain-row > * {
  flex: 1 1 100%;
}

.filter-curtain-or-item {
  border: 1px solid #8ABF4C;
  border-radius: 0.25rem;
  padding: 0;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.filter-curtain-or-item__container {
  padding-bottom: 0.5rem;
}
.filter-curtain-or-item__container > .btn {
  margin-bottom: 0.5rem;
}
.filter-curtain-or-item__container h4 {
  background-color: #8ABF4C;
  padding: 0.5rem;
  border-radius: 0.25rem 0.25rem 0 0;
  margin: 0;
  color: #FFF;
  margin: -1px;
}
.filter-curtain-or-item__body {
  padding: 0.25rem;
}

.named-views-sidenav {
  padding: 2rem 1rem;
  z-index: 9;
  overflow: auto;
  position: relative;
  margin-right: 0;
  flex: 0 0 500px;
  background: #FFF;
  border-right: 1px solid #DBDCD9;
  height: calc(100vh - 52px - 50px);
}
.named-views-sidenav h3 {
  margin-bottom: 0.625rem;
  font-weight: 600;
}
.named-views-sidenav .container-fluid {
  padding: 0;
}
.named-views-sidenav.minimized {
  flex-basis: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
  overflow: visible;
  margin-right: 0;
}
.named-views-sidenav.minimized .named-views-content {
  display: none;
}
.named-views-sidenav.minimized .named-views--minimize-button-container {
  right: -20px;
}
@media screen and (max-width: 767px) {
  .named-views-sidenav.minimized .named-views--minimize-button-container {
    right: -1.5625rem;
  }
}
.named-views-sidenav--tasks-view {
  flex: 0 0 200px;
}
.named-views-sidenav--left-gap.minimized {
  margin-right: 1.5rem;
}
.named-views-sidenav .named-views-curtain-toggle {
  position: absolute;
  right: -2.5rem;
  top: -0.3125rem;
}
@media screen and (max-width: 767px) {
  .named-views-sidenav .named-views-curtain-toggle {
    right: -5rem;
  }
}
.named-views-sidenav .form-group .Select-control {
  background: transparent !important;
  border-color: #aaa;
}

@media screen and (max-width: 767px) {
  .kpi-summary .grid-view {
    flex-flow: column;
  }
}
.kpi-summary .grid-view .named-views-sidenav {
  padding-top: 0.75rem;
  position: relative;
  left: 0;
  padding-bottom: 0;
}
.kpi-summary .grid-view .named-views-sidenav .named-views-content {
  display: block;
}
@media screen and (max-width: 767px) {
  .kpi-summary .grid-view .grid-view-content {
    margin-left: 0;
    overflow: visible;
  }
}

.named-views-content {
  padding-bottom: 30px;
}
.named-views-content .container-fluid {
  padding: 0;
}
.named-views-content .add-new-report-button {
  font-size: 0.875rem;
  padding: 0.1875rem 0.5rem 0.25rem;
  width: 100%;
}
.named-views-content form {
  margin-top: 0.9375rem;
  padding: 0 0.625rem;
}
.named-views-content form .form-control {
  border-bottom: 1px solid #888C81;
}
.named-views-content .justify-content-end {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 0 0.625rem;
}

.named-view--remove-button {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
}

.named-view-container {
  cursor: pointer;
  padding: 0.375rem 1.875rem 0.375rem 0.5rem;
  transition: 0.3s;
  position: relative;
  border-radius: 3px;
  margin-bottom: 3px;
  border-left: 3px solid transparent;
  font-size: 0.875rem;
}
.named-view-container.selected {
  background: #FFF;
  border-left: 3px solid #8ABF4C;
  border-radius: 0 3px 3px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.named-view-container:hover {
  background: #FFF;
  border-left: 3px solid #8ABF4C;
  border-radius: 0 3px 3px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.named-view-container:hover .named-view--remove-button {
  display: block;
  border: none;
  background: none;
  padding: 0;
  color: #E86546;
}
.named-view-container:hover .named-view--remove-button:hover {
  border: none;
  background: none;
  padding: 0;
  color: #E86546;
}

.named-views--minimize-button-container {
  position: absolute;
  top: 0.1875rem;
  right: 0.9375rem;
}
.named-views--minimize-button-container .btn.btn-primary {
  padding: 0;
  border: none;
  font-size: 1.5rem;
  background: none;
  line-height: 1;
  color: #333;
}
.named-views--minimize-button-container .btn.btn-primary:focus, .named-views--minimize-button-container .btn.btn-primary:active {
  background: none;
  color: #8ABF4C;
}
.named-views--minimize-button-container .btn.btn-primary:hover {
  background: none;
  color: #8ABF4C;
}

.view-settings {
  position: relative;
  margin-bottom: 1rem;
}
.view-settings h3 {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
  color: #777;
}
.view-settings-section {
  margin-bottom: 0.9375rem;
}
.view-settings-value {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #777;
}
.view-settings-value .d-block {
  width: 100%;
  line-height: 1;
}
.view-settings-label {
  padding-bottom: 0.9375rem;
}
.view-settings-label--text {
  display: block;
  padding: 0.3125rem 0.375rem 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  background: #e8e8e8;
  border-radius: 0.1875rem;
}
.view-settings-label--info {
  display: inline-block;
  padding-left: 0.1875rem;
  color: #777;
  font-size: 0.75rem;
  position: relative;
  top: -4px;
}
.view-settings .add-filter-button.btn-primary {
  display: block;
  padding: 0;
  margin: 3px 0 0;
  font-size: 0.75rem;
  line-height: 1;
  background: none;
  border: none;
  color: #8ABF4C;
  font-weight: 700;
}
.view-settings .add-filter-button.btn-primary:hover, .view-settings .add-filter-button.btn-primary:active, .view-settings .add-filter-button.btn-primary:focus {
  background: transparent;
  color: #8ABF4C;
}
.view-settings .tags-label {
  padding: 0.1875rem 1.25rem 0.25rem 0.25rem;
  margin-bottom: 0.25rem;
  margin-top: 0;
  background: #F5BD3E;
  border: 1px solid #F5BD3E;
  color: #333;
  border-radius: 0.1875rem;
  font-size: 0.625rem;
  font-weight: 400;
  white-space: pre-wrap;
  text-align: left;
}
.view-settings .tags-label .filter-merge:hover i {
  color: #333;
}
.view-settings .tags-label .filter-close {
  position: absolute;
  height: calc(100% - 2px);
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  right: 0.25rem;
}
.view-settings .tags-label .filter-close:hover i {
  color: #333;
}

.open-company-icon {
  display: inline-block;
  color: #777;
  padding-top: 10px;
  padding-right: 5px;
  font-size: 0.875rem;
}
.open-company-icon:hover {
  color: #8ABF4C;
}

.quick-filter-values {
  padding-top: 0.3125rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}

.filter-header-label {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  cursor: pointer;
}
.filter-header-label span {
  display: inline-block;
  padding-right: 0.375rem;
}
.filter-header-label span.quick-filter-collapsed-icon {
  padding-right: 0;
}
.filter-header-label i {
  font-size: 0.625rem;
}

.quick-filter-label {
  padding-top: 0.25rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  cursor: pointer;
}
.quick-filter-label span {
  display: inline-block;
  padding-right: 0.375rem;
}
.quick-filter-label span.quick-filter-collapsed-icon {
  padding-right: 0;
}
.quick-filter-label i {
  font-size: 0.625rem;
  padding-right: 0.3125rem;
}
.quick-filter-label .fa-info-circle {
  opacity: 0.5;
  margin-left: 0.25rem;
}

.quick-filter-content {
  margin: 4px -2px 0;
}

.quick-filter-option.normal {
  padding: 0.1875rem 0.25rem 0.25rem;
  margin: 0 2px 4px;
  background: transparent;
  border: 1px solid #888C81;
  color: #888C81;
  border-radius: 0.1875rem;
  font-size: 0.625rem;
  font-weight: 600;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: left;
  cursor: pointer;
}
.quick-filter-option.normal.selected {
  background: #F5BD3E;
  color: #333;
  border-color: #F5BD3E;
}
.quick-filter-option.normal:hover {
  background: #F5BD3E;
  border-color: #F5BD3E;
  color: #333;
}

.owner-circle.quick-filter-option {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-left: 0.1875rem;
  margin-bottom: 0.1875rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
  cursor: pointer;
  font-size: 60%;
  border-color: #E6E6E1;
}
.owner-circle.quick-filter-option.selected {
  border-color: #8ABF4C;
  border-width: 1px;
}

.filter-mode {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1875rem 0.375rem 0.25rem;
  font-size: 0.75rem;
  color: #00a2ae;
  border: 1px solid #00a2ae;
  border-radius: 3px 0 0 3px;
}
.filter-mode + .filter-mode {
  border-radius: 0 3px 3px 0;
}
.filter-mode i {
  margin-right: 0.25rem;
}
@media screen and (max-width: 767px) {
  .filter-mode i {
    margin-right: 0;
  }
}
.filter-mode.selected {
  background-color: #00a2ae;
  cursor: default;
  color: #FFF;
  border: 1px solid #00a2ae;
}
.filter-mode.disabled {
  border: 1px solid #888C81;
  color: #888C81;
}
.filter-mode.disabled + .disabled {
  background: #888C81;
  color: #FFF;
}
.filter-mode-switch {
  display: inline-flex;
  list-style-type: none;
  overflow: hidden;
  cursor: pointer;
}

.quick-filter {
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #e0e1de;
}

.quick-filters,
.custom-filters {
  margin-bottom: 1.5rem;
}

.quick-filter-show-all-toggle {
  padding: 10px 0;
  color: #8ABF4C;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  cursor: pointer;
}
.quick-filter-show-all-toggle:hover {
  text-decoration: underline;
}

.quick-filter-universal-search,
.quick-filter-name-search {
  margin-bottom: 1.5rem;
}
.quick-filter-universal-search .search-box,
.quick-filter-name-search .search-box {
  background: transparent;
  font-size: 0.875rem;
  padding: 0.5rem 0 0.5rem;
  height: 2.1875rem;
  background-color: transparent;
  border: none;
  border-bottom: 1px dashed #CECECE;
  margin-bottom: 0;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-filter-universal-search .search-box:hover,
.quick-filter-name-search .search-box:hover {
  border-bottom: 1px solid #CECECE;
}
.quick-filter-universal-search .search-box:focus,
.quick-filter-name-search .search-box:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 2px solid #8ABF4C;
  box-shadow: none;
  outline: none;
}
.quick-filter-universal-search .search-box::-webkit-input-placeholder,
.quick-filter-name-search .search-box::-webkit-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
.quick-filter-universal-search .search-box:-moz-placeholder,
.quick-filter-name-search .search-box:-moz-placeholder { /* Firefox 18- */
  color: #aaaaaa;
  opacity: 1;
}
.quick-filter-universal-search .search-box::-moz-placeholder,
.quick-filter-name-search .search-box::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
}
.quick-filter-universal-search .search-box:-ms-input-placeholder,
.quick-filter-name-search .search-box:-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}

.table a {
  color: #8ABF4C;
}
.table.oceanio-resolve-table {
  margin: 0 auto;
}

.ReactVirtualized__Table__headerRow {
  margin-bottom: 8px;
}
.ReactVirtualized__Table__Grid {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.ReactVirtualized__Table__Grid:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.ReactVirtualized__Table__headerTruncatedText {
  color: #777;
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ReactVirtualized__Table__row {
  font-size: 0.875rem;
  text-transform: capitalize;
  border-radius: 4px;
  background: #FFF;
  border-bottom: 2px solid #eee;
}
.ReactVirtualized__Table__row:nth-child(even) {
  background: rgba(223, 227, 235, 0.5);
}

.ReactVirtualized__Grid__headerRow {
  margin-bottom: 8px;
}
.ReactVirtualized__Grid__headerTruncatedText {
  color: #777;
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ReactVirtualized__Grid__row {
  font-size: 0.875rem;
  text-transform: capitalize;
  border-radius: 4px;
  background: #FFF;
  border-bottom: 2px solid #eee;
  align-items: center;
  display: flex;
  padding-left: 4px;
}
.ReactVirtualized__Grid__row.even {
  background: rgba(223, 227, 235, 0.5);
}

.zap-grid {
  overflow: hidden !important;
}
.zap-grid__field-cell-editor-wrapper {
  outline: none;
}
.zap-grid__field-editor-wrapper {
  width: 100%;
}
.zap-grid__field-cell-error {
  position: absolute;
  top: 38px;
  width: 11.5rem;
  z-index: 100000;
  background-color: #fbe0da;
  padding: 5px;
  font-size: 10px;
}
.zap-grid__field-cell-read-only {
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  z-index: 100000;
  background-color: #d8d8d8;
  padding: 5px;
  font-size: 10px;
}
.zap-grid__field-cell-read-only-last {
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  z-index: 100000;
  background-color: #d8d8d8;
  padding: 5px;
  font-size: 10px;
}
.zap-grid__header {
  outline: none;
}
.zap-grid__header.ReactVirtualized__Grid {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.zap-grid__header.ReactVirtualized__Grid::-webkit-scrollbar {
  display: none;
}
.zap-grid__header-cell {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0 0.5rem;
  flex-direction: column;
  background: #FFF;
  border-left: 1px solid #D9D9DA;
}
.zap-grid__header-cell > :first-child {
  flex: 1 1;
}
.zap-grid__header-cell > :last-child {
  flex: 1 1;
}
.zap-grid__header-cell .fa-sort {
  visibility: hidden;
  cursor: pointer;
}
.zap-grid__header-cell .fa-filter {
  visibility: hidden;
}
.zap-grid__header-cell.hover-row .zap-grid__scrollable__header-resizer {
  display: block;
}
.zap-grid__header-cell.hover-col.hover-row {
  background-color: #333;
  color: #FFF;
}
.zap-grid__header-cell.hover-col.hover-row .zap-grid__scrollable__header-text {
  color: #FFF;
}
.zap-grid__header-cell.hover-col .fa-sort {
  visibility: visible;
}
.zap-grid__header-cell.hover-col .fa-filter {
  visibility: visible;
}
.zap-grid__content {
  outline: none;
  position: relative;
}
.zap-grid__content-cell {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  background: #FFF;
  border-left: 1px solid #D9D9DA;
  border-bottom: 1px solid #D9D9DA;
}
.zap-grid__content-cell i {
  font-size: 1.125rem;
}
.zap-grid__content-cell select {
  max-width: 100%;
}
.zap-grid__content-cell-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
}
.zap-grid__content-cell-text select {
  border: 1px solid #CECECE;
}
.zap-grid__content-cell-text .select-full-width {
  width: 11.25rem;
}
.zap-grid__content-cell .not-system-generated,
.zap-grid__content-cell .system-generated {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem 0.3125rem;
  line-height: 1;
  font-size: 0.6875rem;
  opacity: 1;
  border: none !important;
  box-shadow: none;
}
.zap-grid__content-cell.hover-row {
  background-color: #f7f8f6;
  cursor: pointer;
}
.zap-grid__content-cell.hover-row.clickable {
  cursor: pointer;
}
.zap-grid__content-cell.active-cell {
  border: 1px solid #707070;
}
.zap-grid__content-cell.read-only-cell {
  border: 1px solid #acacac;
}
.zap-grid__content-cell.focused-cell .input-area {
  box-shadow: 0 3px 6px #dededf !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
  border-color: #dededf;
}
.zap-grid__content-cell.focused-cell .input-editor--input-group {
  width: 100%;
}
.zap-grid__content-cell.number-align > div {
  justify-content: end;
}
.zap-grid__content-cell .zap-inlined-checkbox-label {
  width: 1.0625rem;
  height: 1.0625rem;
  padding: 0;
  margin: 0 auto;
}
.zap-grid__content-cell .hover-button {
  z-index: 10000;
  position: absolute;
  background-color: #FFF;
  cursor: pointer;
  border: 1px solid #00a2ae;
  padding: 0.375rem 0.5rem;
  border-radius: 3px;
  top: 4px;
  color: #00a2ae;
}
.zap-grid__content-cell .hover-button.edit:hover, .zap-grid__content-cell .hover-button.submit:hover {
  color: #00a2ae;
}
.zap-grid__content-cell .hover-button.delete:hover {
  color: #E86546;
}
.zap-grid__scrollable__selection-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  color: #FFF;
}
.zap-grid__scrollable__selection-container.top {
  background-color: #E0F5F7;
}
.zap-grid__scrollable__action-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 1.875rem;
}
.zap-grid__scrollable__action-bar-info {
  display: block;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.875rem;
  font-size: 0.75rem;
}
.zap-grid__scrollable__action-bar-tools {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: center;
  width: 100%;
}
.zap-grid__scrollable__action-bar-tools span {
  line-height: 1;
}
.zap-grid__scrollable__action-bar-tools .btn {
  display: flex;
  padding: 0;
  margin-right: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .zap-grid__scrollable__action-bar-tools .btn {
    width: 1.5rem;
    text-align: center;
    margin-right: 0.375rem;
  }
}
@media screen and (max-width: 767px) {
  .zap-grid__scrollable__action-bar-tools .btn i {
    padding: 0 4px !important;
  }
}
@media screen and (max-width: 767px) {
  .zap-grid__scrollable__action-bar-tools .btn span {
    display: none;
  }
}
.zap-grid__scrollable__action-bar-tools .btn:hover {
  color: #8ABF4C;
}
.zap-grid__scrollable__action-bar-tools .btn.disabled-button {
  color: #888C81;
  align-items: center;
}
.zap-grid__scrollable__header {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  width: 100%;
}
.zap-grid__scrollable__header-text {
  color: #333;
  font-size: 0.875rem;
  font-weight: bold;
  flex: 1 1 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zap-grid__scrollable__header-sort {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  cursor: pointer;
}
.zap-grid__scrollable__header-sort:hover {
  color: #FFF;
}
.zap-grid__scrollable__header-tool, .zap-grid__scrollable__header-filter {
  padding-top: 0.0625rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  flex: 0 0 1em;
  text-align: right;
  font-size: 0.75rem;
  cursor: pointer;
}
.zap-grid__scrollable__header-tool:hover, .zap-grid__scrollable__header-filter:hover {
  color: #FFF;
}
.zap-grid__scrollable__header-tool-value, .zap-grid__scrollable__header-filter-value {
  align-self: stretch;
  background-color: pink;
}
.zap-grid__scrollable__header-tool-value .filter-lower-bound-value, .zap-grid__scrollable__header-filter-value .filter-lower-bound-value {
  display: block;
}
.zap-grid__scrollable__header-resizer {
  display: block;
  color: transparent;
  cursor: col-resize;
  font-size: 1rem;
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  bottom: 0;
}
.zap-grid__scrollable__header-resizer.resizing {
  border: 1px solid transparent;
}
.zap-grid__scrollable__container {
  position: relative;
  display: flex;
  flex-direction: row;
}
.zap-grid__scrollable__grid-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Firefox only workaround for hiding scrollbars in grid header*/
.firefox {
  /* Make html with overflow hidden */
}
.firefox .zap-grid__scrollable__grid-container .headers .ReactVirtualized__Grid {
  margin-bottom: -50px; /* maximum width of scrollbar */
  padding-bottom: 50px; /* maximum width of scrollbar */
  overflow-x: scroll;
  overflow-y: hidden !important;
}

.zap-grid__header select {
  width: 100%;
}

.zap-grid__scrollable__container-selection-container.top {
  margin-right: -1px;
}
.zap-grid__scrollable__container-selection-container.top > div {
  padding-left: 0.5rem;
  border-left: 1px solid #D9D9DA;
  color: #333;
  background: #FFF;
}
.zap-grid__scrollable__container-selection-container.top i {
  font-size: 1.125rem;
  cursor: pointer;
}
.zap-grid__scrollable__container-selection-container.top .zap-inlined-checkbox-label {
  width: 17px;
  height: 17px;
  margin: 0 auto;
  padding: 0;
}

.zap-grid__scrollable__action-bar .zap-grid__scrollable__container-selection-container.top > div {
  background: transparent;
}

.buttons-container {
  background: rgba(223, 227, 235, 0.5);
}
.buttons-container .hover-button {
  background: rgba(223, 227, 235, 0.5);
}

.drag-area {
  line-height: 30px;
  cursor: move;
}

.drag-over-column {
  border-right: #E86546 2px dashed;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.zapflow-table {
  margin: 0;
  width: auto;
  border: 1px solid #D9D9DA;
}
.zapflow-table > thead > tr th {
  background: #FFF;
  border: none;
  color: #333;
  font-size: 0.875rem;
  padding: 0.4375rem 0.625rem;
  font-weight: bold;
  min-width: 5.25rem;
  border-left: 1px solid #D9D9DA;
  border-top: 1px solid #D9D9DA;
}
.zapflow-table > thead > tr th:first-child {
  border-left: none;
}
.zapflow-table > thead > tr th.btn-short-cell {
  width: 1.25rem;
  max-width: 1.25rem;
  min-width: 1.25rem;
}
.zapflow-table > thead > tr th i {
  margin-left: 0.25rem;
}
.zapflow-table > thead > tr th.tasks-header-cell {
  background: transparent;
  padding-top: 0;
  cursor: pointer;
  min-width: 6.25rem;
  white-space: pre;
}
.zapflow-table > thead > tr:first-child th:first-child {
  border-radius: 4px 0 0 0;
}
.zapflow-table > thead > tr:first-child th:last-child {
  border-radius: 0 4px 0 0;
}
.zapflow-table > tbody.tbody-footer tr:last-child td {
  padding: 1rem 1rem 1rem 0.625rem;
  background: rgba(225, 228, 218, 0.75) !important;
}
.zapflow-table > tbody > tr.tasks-row {
  cursor: pointer;
}
.zapflow-table > tbody > tr.separator td {
  background: rgba(225, 228, 218, 0.15) !important;
  border-bottom: none !important;
  border-top: none !important;
  font-weight: bold;
}
.zapflow-table > tbody > tr.separator:hover td {
  background: rgba(225, 228, 218, 0.25) !important;
}
.zapflow-table > tbody > tr td {
  background: #FFF !important;
  border-left: 1px solid #D9D9DA;
  border-top: 1px solid #D9D9DA;
  padding: 0.4375rem 0.625rem;
  vertical-align: middle;
  font-size: 0.875rem;
}
.zapflow-table > tbody > tr td.btn-short-cell {
  color: #8ABF4C;
}
.zapflow-table > tbody > tr td.btn-short-cell i {
  cursor: pointer;
}
.zapflow-table > tbody > tr td.nowrap-ellipsis-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zapflow-table > tbody > tr td .container-fluid {
  padding: 0;
}
.zapflow-table > tbody > tr td .form-control {
  padding: 0.1875rem 0.375rem 0.25rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border: none;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-shadow: none;
  min-width: 100px;
}
.zapflow-table > tbody > tr td .form-control:focus {
  border: 1px solid #8ABF4C;
}
.zapflow-table > tbody > tr td.tasks-cell {
  vertical-align: top;
}
.zapflow-table > tbody > tr td.tasks-cell .btn {
  padding: 0.125rem 0.5rem 0.1875rem;
  font-size: 0.75rem;
}
.zapflow-table > tbody > tr:last-child td {
  border-bottom: none;
}
.zapflow-table > tbody > tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}
.zapflow-table > tbody > tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}
.zapflow-table > tbody > tr:hover td {
  background-color: white !important;
}
.zapflow-table > tbody > tr.kpi-member-row td p {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.zapflow-table.kpi-table {
  border-collapse: initial;
}
.zapflow-table.kpi-table > thead > tr th {
  padding: 0.375rem;
}
.zapflow-table.kpi-table > thead > tr th .kpi-report_currency {
  max-width: 6.25rem;
}
.zapflow-table.kpi-table > tbody > tr td {
  padding: 0;
  border: none;
}
.zapflow-table.kpi-table > tbody > tr td:first-child {
  min-width: 6.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  border-right: 1px solid #eee;
  font-size: 0.75rem;
}
.zapflow-table.kpi-table > tbody > tr td.sticky-col {
  max-width: 18.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zapflow-table .ql-editor {
  padding: 0;
  overflow-x: hidden;
  -webkit-user-select: text;
}

.history-activity .zapflow-table,
.personal-profile-card .zapflow-table {
  width: 100%;
}

.personal-profile-card .component-toggle {
  flex: 0 auto;
}

.custom-badge {
  display: inline-block;
  color: #FFF;
  font-size: 11px;
  font-weight: 600;
  min-width: 4.375rem;
  text-align: center;
  padding: 3px;
  border-radius: 3px;
}
.custom-badge.wip {
  background: #E86546;
}
.custom-badge.submitted {
  background: #F5BD3E;
}
.custom-badge.draft {
  background: rgba(136, 140, 129, 0.65);
}
.custom-badge.reviewed {
  background: #8ABF4C;
}

.kpi-submission-status-row {
  cursor: pointer;
}

.table-aside {
  float: left;
  position: sticky;
  left: 0;
}

.table-content-wrapper > h3 {
  padding-left: 1rem;
}

.table-content {
  margin: 0;
  border-radius: 0;
}

.white-bgr {
  background: #fff;
}
.white-bgr .kpi-summary .zapflow-table {
  box-shadow: none;
}
.white-bgr .zapflow-table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.white-bgr .zapflow-table > thead > tr:first-child th:last-child {
  border-radius: 0;
}

.sticky-col {
  cursor: default;
  position: sticky;
  position: -webkit-sticky;
  background-color: white;
  left: 0;
  z-index: 3;
  white-space: nowrap;
}

.table-responsive.bgr-grey {
  background: rgb(225, 225, 219) !important;
}

.actions-dropdown-container {
  align-self: center;
  margin-right: 1.5rem;
}
@media screen and (max-width: 374px) {
  .actions-dropdown-container {
    margin-left: 0.5rem;
  }
}
.actions-dropdown-container .dropdown-toggle {
  display: block;
  border: 2px solid #8ABF4C;
  border-radius: 4px;
}
.actions-dropdown-container .dropdown-toggle .btn {
  border: none;
}
.actions-dropdown-container .dropdown-toggle .btn:hover {
  border: none;
  background: none;
  color: #8ABF4C;
}
.actions-dropdown-container .dropdown-toggle .caret {
  width: auto;
  height: auto;
  border: none;
  margin-left: 0.25rem;
  margin-right: 0.5rem;
}
.actions-dropdown-container .dropdown-toggle .caret:before {
  content: "\f107";
  font: normal normal normal 16px/1 FontAwesome;
  color: #8ABF4C;
}
.actions-dropdown-container .actions-dropdown-handle .btn {
  display: none;
}
.actions-dropdown-container .actions-dropdown {
  white-space: nowrap;
  list-style: none;
}
.actions-dropdown-container .actions-dropdown .dropdown-menu {
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 0;
  z-index: 1000000;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.2);
  border-radius: 3px;
  border: none;
  top: 100%;
}
.actions-dropdown-container .actions-dropdown .dropdown-menu > li > a {
  display: block;
  font-size: 0.875rem;
  color: #777;
  padding: 0.25rem 0.75rem;
}
.actions-dropdown-container .actions-dropdown .dropdown-menu > li > a:hover {
  background: rgba(138, 191, 76, 0.15);
  color: #777;
}

.dropdown-menu {
  max-height: 80vh;
  overflow: auto;
}
.dropdown-menu__item a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #333;
}
.dropdown-menu a:hover, .dropdown-menu a:focus {
  color: #FFF;
  background-color: #8ABF4C;
}

.tooltip-inner {
  font-size: 12px !important;
}

.progress-indicator {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0.625rem;
  margin-left: -10px;
  flex: 1 1 100%;
}
@media screen and (max-width: 767px) {
  .progress-indicator {
    padding: 0.625rem 0;
    justify-content: center;
  }
}
.progress-indicator-element {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  color: rgba(119, 119, 119, 0.5);
}
.progress-indicator-element:first-child {
  justify-content: flex-end;
}
.progress-indicator-separator {
  position: relative;
  flex: 1 1 100%;
}
@media screen and (max-width: 540px) {
  .progress-indicator-separator {
    width: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .progress-indicator-separator {
    width: 0.875rem;
  }
}
.progress-indicator-separator:before {
  content: "";
  background: rgba(119, 119, 119, 0.5);
  height: 1px;
  position: absolute;
  left: 0.1875rem;
  right: 0.1875rem;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .progress-indicator-separator:before {
    left: 0.125rem;
    right: 0.125rem;
    top: 0px;
  }
}
.progress-indicator-ball {
  cursor: pointer;
  font-size: 1.5625rem;
}
@media screen and (max-width: 992px) {
  .progress-indicator-ball {
    font-size: 1rem;
  }
}
@media screen and (max-width: 540px) {
  .progress-indicator-ball {
    font-size: 1rem;
  }
}
.progress-indicator__bar {
  background: #8ABF4C;
  height: 0.25rem;
}
.progress-indicator-active {
  color: #8ABF4C;
}

.entity-editor {
  margin: 0 -5px 0 -15px;
}
@media screen and (max-width: 767px) {
  .entity-editor {
    margin: 0;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .entity-editor-no-padding-mobile {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .entity-editor-no-padding-mobile .field-editor.empty {
    padding: 0;
  }
}
.entity-editor .drag-target-dummy {
  height: 2.5rem;
  background: repeating-linear-gradient(-45deg, transparent, transparent 3px, #8ABF4C 3px, #8ABF4C 6px);
}
.entity-editor .drag-target-dummy.dropzone {
  background-color: #00a2ae;
  height: 6.25rem;
  animation-duration: 0.2s;
  animation-delay: 1ms;
}

.field-editor {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-items: stretch;
  box-sizing: border-box;
  padding: 0.25rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .field-editor {
    padding: 0.25rem 0;
  }
}
.field-editor.dropzone * {
  pointer-events: none;
}
.field-editor.dropzone.below:after {
  content: "";
  background: #8ABF4C;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 8px;
  height: 3px;
}
.field-editor.dropzone.above:before {
  content: "";
  background: #8ABF4C;
  position: absolute;
  top: 0;
  left: 30px;
  right: 8px;
  height: 3px;
}
.field-editor.dropped {
  background-color: #8ABF4C;
  transition: background-color 0.5s ease-in;
}
.field-editor:hover {
  border-radius: 3px;
}
.field-editor:hover .field-editor__handle.draggable i {
  display: inline-block;
}
.field-editor:hover .field-editor__content__header__tools__item {
  display: inline-block;
}
.field-editor:hover .field-editor__content__field-input__primary-content__info-text {
  color: #F5BD3E;
  font-size: 0.75rem;
}
.field-editor.focused {
  border-radius: 3px;
}
.field-editor.focused .field-editor__handle.draggable i {
  display: none;
}
.field-editor.focused .field-editor__content__header__tools__item.hover {
  display: none;
}
.field-editor.focused .field-editor__content__field-input__primary-content__info-text {
  color: #F5BD3E;
  font-size: 0.75rem;
}
.field-editor__handle {
  flex: 0 1 auto;
  display: flex;
  justify-items: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  width: 1.375rem;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .field-editor__handle {
    display: none;
  }
}
.field-editor__handle.draggable {
  cursor: move;
}
.field-editor__handle.draggable:hover {
  color: #8ABF4C;
}
.field-editor__handle.draggable i {
  text-align: center;
  display: none;
}
.field-editor__content {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
}
.field-editor__content * {
  user-select: text;
}
.field-editor__content__header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-items: stretch;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.25rem 0;
}
.field-editor__content__header__source {
  flex: 0 1 auto;
  justify-items: center;
  align-items: center;
  display: flex;
  padding: 0 0.25rem 0 0;
  position: relative;
}
.field-editor__content__header__source .intelligence-icon {
  width: 0.8125rem;
}
.field-editor__content__header__label {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  box-sizing: border-box;
  flex-direction: row;
  min-width: 0;
  overflow: hidden;
  line-height: 1.25;
  padding-right: 1.875rem;
}
@media screen and (max-width: 767px) {
  .field-editor__content__header__label {
    padding-right: 3.125rem;
  }
}
.field-editor__content__header__label__icon {
  margin-left: 0.25rem;
}
.field-editor__content__header__label__text-content {
  display: inline-block;
  max-width: 17.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #38363b;
  font-size: 0.875rem;
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 2px;
  font-weight: 600;
}
.field-editor__content__header__label__text-content.hide-label {
  color: transparent;
}
.field-editor__content__header__label .mandatory {
  font-size: 0.5rem;
  display: flex;
  flex-grow: 0;
  padding: 3px;
  align-items: flex-start;
  width: 10px;
}
.field-editor__content__header__label .empty-space {
  flex: 1 1 auto;
}
.field-editor__content__header__tools {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .field-editor__content__header__tools {
    top: 0.875rem;
  }
}
.field-editor__content__header__tools.no-label {
  top: 0;
}
.field-editor__content__header__tools__item {
  display: -webkit-flex;
  display: -ms-flex;
  flex: 0;
  justify-self: center;
  padding: 0 0 0 0.375rem;
  cursor: pointer;
  display: none;
}
.field-editor__content__header__tools__item:hover {
  color: #8ABF4C;
}
.field-editor__content__header__tools__item .tool-item__clear {
  color: #E86546;
}
.field-editor__content__header__tools__item .tool-item__clear:hover {
  color: #b23416;
}
.field-editor__content__field-input {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-grow: 1;
  gap: 8px;
}
.field-editor__content__field-input .react-select__input input:not(.focus) {
  opacity: 1 !important;
}
.field-editor__content__field-input__primary-content {
  min-width: 0px;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  align-items: stretch;
}
.field-editor__content__field-input__primary-content > * {
  flex: 1 1 auto;
}
.field-editor__content__field-input__primary-content a {
  display: block;
  padding: 0.25rem 0;
  color: #8ABF4C;
}
.field-editor__content__field-input__primary-content input {
  font-size: 0.875rem;
  padding: 0.5rem 0.5rem 0.5rem;
  background-color: transparent;
  border: none;
  border: 1px solid #b2b2b2;
  margin-bottom: 0;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 4px;
}
.field-editor__content__field-input__primary-content input:focus {
  outline: none;
  box-shadow: none;
}
.field-editor__content__field-input__primary-content input::-webkit-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content input:-moz-placeholder { /* Firefox 18- */
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content input::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content input:-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content input.focus {
  border: 1px solid #000;
  box-shadow: none;
  outline: none;
}
.field-editor__content__field-input__primary-content input:hover:not(.focus) {
  border: 1px solid #CECECE;
}
.field-editor__content__field-input__primary-content input.error {
  border: 1px solid #E86546;
}
.field-editor__content__field-input__primary-content input.readonly {
  border: transparent;
}
.field-editor__content__field-input__primary-content input.react-select__input {
  height: auto;
}
.field-editor__content__field-input__primary-content textarea {
  margin: 0;
  padding: 8px;
  background-color: transparent;
  border: 1px solid #b2b2b2;
  resize: none;
  color: #333;
  border-radius: 4px;
}
.field-editor__content__field-input__primary-content textarea::-webkit-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content textarea:-moz-placeholder { /* Firefox 18- */
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content textarea::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content textarea:-ms-input-placeholder {
  color: #aaaaaa;
  opacity: 1;
}
.field-editor__content__field-input__primary-content textarea:hover {
  border: 1px solid #000;
}
.field-editor__content__field-input__primary-content textarea.focus {
  border: 1px solid #000;
  box-shadow: none;
  outline: none;
}
.field-editor__content__field-input__primary-content__info-text {
  color: #F5BD3E;
  font-size: 0.75rem;
}
.field-editor__content__field-input__primary-content__info-error {
  font-size: 0.75rem;
  line-height: 1;
  color: #E86546;
}
.field-editor__content__field-input__secondary-content {
  flex: 1 0 auto;
}
.field-editor__content__field-input__secondary-content.currency-symbol__container {
  width: 5.625rem;
}
.field-editor__content .datepicker-container {
  border: none;
  padding: 0;
}
.field-editor__content .datepicker-container .component-datetime {
  width: 100%;
  padding-right: 1.5625rem;
  position: relative;
  cursor: pointer;
}
.field-editor__content .datepicker-container .component-date {
  border: none;
  width: 100%;
  box-shadow: none !important;
  outline: none !important;
  border-bottom: 1px solid #CECECE;
}
.field-editor__content .datepicker-container .component-date:focus {
  border-bottom: 1px solid #8ABF4C;
}
.field-editor__content .datepicker-container .fa-calendar-alt {
  right: 0;
}
.field-editor__content .datepicker-container i {
  opacity: 1;
}
.field-editor__content .datepicker-container i:hover {
  color: #8ABF4C;
}
.field-editor .ql-container {
  height: auto;
  min-height: 120px;
}

.checkbox-name {
  font-weight: 700;
  color: #888C81;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.checkbox-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 0;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 16px;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .checkbox-label {
    margin-bottom: 0.6em;
  }
}
.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.0625rem;
  width: 1.0625rem;
  border: 1px solid #CECECE;
  border-radius: 3px;
}
.checkmark:after {
  content: "";
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #8ABF4C;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}

/* When the checkbox is checked, add a blue background */
.checkbox-label input:checked ~ .checkmark {
  border: 1px solid #8ABF4C;
}

/* Show the checkmark when checked */
.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

.radiobox-label {
  display: block;
  position: relative;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 16px;
}
@media screen and (max-width: 640px) {
  .radiobox-label {
    margin-bottom: 0.6em;
  }
}

/* Hide the browser's default checkbox */
.radiobox-label input {
  position: absolute;
  opacity: 0 !important;
  cursor: pointer;
  border: none !important;
}
.radiobox-label input:not(.focus) {
  opacity: 0 !important;
}

/* Create a custom checkbox */
.radiomark {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  border: 1px solid #CECECE;
  border-radius: 50%;
}

/* When the checkbox is checked, add a blue background */
.radiobox-label input:checked ~ .radiomark {
  border: 1px solid #8ABF4C;
}

/* Show the checkmark when checked */
.radiobox-label input:checked ~ .radiomark:after {
  display: block;
  content: "";
  left: 2px;
  top: 2px;
  width: 11px;
  height: 11px;
  background: #8ABF4C;
  border-radius: 50%;
  position: absolute;
}

.show-empty {
  display: block;
  color: #8ABF4C;
  text-decoration: underline;
  font-size: 0.875rem;
  padding-top: 0.625rem;
  padding-left: 1.5625rem;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .show-empty {
    padding-left: 0;
  }
}
.show-empty:hover {
  color: #8ABF4C;
  text-decoration: none;
}

.tag-curtain-attributes {
  margin-bottom: 0.9375rem;
}

.currency-symbol__container .preview a {
  color: #333;
  padding-left: 0.25rem;
}
.currency-symbol__container .react-select__menu {
  min-width: 6.25rem;
}
.currency-symbol__container .react-select__value-container {
  min-width: 3.4375rem;
}
.currency-symbol__container .react-select__control {
  max-height: 1.5em;
  overflow: hidden;
}

.settings2-view .entity-editor {
  margin: 0;
}
.settings2-view .field-editor {
  padding: 0;
}

.tag-curtain-attributes .field-editor__content__field-input__primary-content input:not(.focus) {
  height: auto;
}

.monospace .component-textarea__container p, .monospace .component-textarea__container textarea {
  font-family: monospace;
}

.component-textarea {
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-bottom: 1px solid #CECECE;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  line-height: 1rem;
  background-color: transparent;
  margin-top: 0;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.component-textarea:focus {
  box-shadow: none;
  outline: none;
}
.component-textarea__container {
  position: relative;
}
.component-textarea__autogrow {
  border: 0;
  font-size: 0.875rem;
  padding: 1rem 0 1rem 0 !important;
  height: auto !important;
  width: 100%;
  line-height: 1rem;
  overflow: hidden;
  white-space: pre-wrap;
  min-height: 1.25em;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
  color: transparent !important;
  max-height: 25vh;
}
.component-textarea__autogrow.show-all-textarea {
  max-height: 80vh;
}
.component-textarea__show-all {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -1.2em;
  cursor: pointer;
  color: #8ABF4C;
  text-decoration: underline;
  font-size: 14px;
  z-index: 2;
}
.component-textarea__show-less {
  position: absolute;
  right: 0;
  bottom: -1.4em;
  cursor: pointer;
  color: #8ABF4C;
  text-decoration: underline;
  font-size: 14px;
  z-index: 2;
}

.component-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 0 auto;
  white-space: nowrap;
  padding: 0.25rem 0;
}
.component-toggle__background {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  border-radius: 1em;
  padding: 2px;
  background-color: #BBBBBB;
  color: #FFF;
}
.component-toggle__background input {
  opacity: 0;
  width: 0;
  height: 0;
  max-width: 0;
  overflow: hidden;
  position: absolute;
}
.component-toggle__background.checked {
  flex-direction: row-reverse;
  background-color: #8ABF4C;
  border-color: #567a2b;
}
.component-toggle__background.disabled {
  background-color: #e6e6e6;
  border-color: gray;
}
.component-toggle__background.focus {
  box-shadow: 0 0 0.1em #2196F3;
}
.component-toggle__background .component-toggle__text {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 0.375rem 0.0625rem;
  min-width: 1rem;
  font-weight: 400;
  font-size: 0.75rem;
}
.component-toggle__background .component-toggle__dot {
  width: 1rem;
  height: 1rem;
  background-color: #FFF;
  border-radius: 100%;
}
.component-toggle__remaining-space {
  align-self: stretch;
  flex: 1 1 100%;
}

.preview {
  display: block;
  padding-top: 0.375rem;
  font-size: 0.875rem;
}
.preview a {
  color: #8ABF4C;
  padding-left: 0.25rem;
}
.preview.preview-multi-select span {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  border: 1px solid;
  border-radius: 0.1875rem;
  padding: 0.1875rem 0.375rem;
  display: inline-block;
}
.preview.preview-multi-select a {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
  border-radius: 0.1875rem;
  padding: 0.1875rem 0.375rem;
  display: inline-block;
}
.preview-percentage i {
  font-size: 0.75rem;
  padding-left: 0.125rem;
}
.preview-number {
  padding-right: 0.25rem;
}
.preview-textarea {
  border: 0;
  border-bottom: 1px solid transparent;
  padding: 0.5rem 0 0.5rem 0 !important;
  height: auto !important;
  width: 100%;
  line-height: 1.5rem;
  white-space: pre-wrap;
  min-height: 1.25em;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
}
.preview-date {
  font-weight: normal;
}

.component-textarea__autogrow.component-textarea-viewer__autogrow {
  color: #333 !important;
}

.component-number, .component-text, .component-url, .component-textarea, .component-integer {
  padding: 8px 0;
  border: none;
  border-bottom: 1px dashed #CECECE;
}

.session-timeout .component-number {
  max-width: 3.75rem;
}
.session-timeout .component-number:hover {
  border-bottom-style: solid;
}
.session-timeout .component-number:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #8ABF4C;
}

.percentage-input {
  max-width: 3.125rem;
}

.ReactCollapse--collapse {
  transition: height 500ms !important;
}

@-webkit-keyframes autofill {
  to {
    color: #666;
    background: transparent;
  }
}
input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

.confirm-popover__label input {
  margin-right: 10px;
}
.confirm-popover__cancel-button {
  margin-right: 10px;
}
.confirm-popover-cancel {
  max-width: 400px;
  z-index: 30000;
}
.confirm-popover-cancel__cancel-button {
  margin-left: 10px;
}

.person-sidenav__header {
  padding: 0 1vw 0 1vw;
  font-size: 50px;
  font-weight: 400;
}
.person-sidenav__header__close {
  margin-top: 0.2em;
  font-size: 24px;
  color: #FFF;
}
.person-sidenav__header__close:hover {
  color: #00a2ae;
}
.person-sidenav__header__profile {
  margin-top: 0.2em;
  font-size: 0.3em;
  color: #888C81;
}
.person-sidenav__header__profile:hover {
  color: #a1a49c;
}
.person-sidenav__header__heading {
  font-weight: 400;
  color: #888C81;
}
.person-sidenav__header__heading h1 {
  margin: 0.2em 0 0.2em 0;
  font-size: 0.8em;
  font-weight: 400;
}
.person-sidenav__header__heading h2 {
  margin: 0.2em 0 0.2em 0;
  font-size: 0.6em;
  font-weight: 200;
}
.person-sidenav__body {
  padding: 0 2vw 0 2vw;
}
.person-sidenav__body .tags-label {
  font-size: 0.7em;
}
.person-sidenav__body__row {
  padding-top: 1em;
}
.person-sidenav__body__row__col {
  padding-left: 0em;
  padding-bottom: 0.5em;
}

.person-search-sidenav__header {
  background: #8ABF4C;
  padding: 1em;
  color: #eee;
  font-size: 20px;
}
.person-search-sidenav__header__close {
  margin: auto;
  font-size: 24px;
  color: #FFF;
}
.person-search-sidenav__header__close:hover {
  color: #567a2b;
  cursor: pointer;
}
.person-search-sidenav__header__heading {
  font-weight: 400;
  color: #FFF;
}
.person-search-sidenav__header__heading h1 {
  margin: 0.2em 0 0.2em 0;
  font-size: 1em;
  font-weight: 400;
}
.person-search-sidenav__header__heading h2 {
  margin: 0.2em 0 0.2em 0;
  font-size: 0.6em;
  font-weight: 200;
}
.person-search-sidenav__body {
  padding: 2em;
}
.person-search-sidenav__body__header {
  font-size: 18px;
  padding: 0.8em;
  line-height: 2em;
}
.person-search-sidenav__body__header button {
  margin-left: 0.7em;
}
.person-search-sidenav input {
  background-color: #32332F;
  border-color: #eee;
  color: #eee;
}
.person-search__header2 {
  font-size: 18px;
  padding: 0.8em;
  line-height: 2em;
}
.person-search__header2 button {
  margin-left: 0.7em;
}
.person-search__body .nav > li > a {
  margin-bottom: 0.1em;
  color: #aaa;
}
.person-search__body .nav > li > a:hover, .person-search__body .nav > li > a:focus {
  text-decoration: none;
  background-color: #aaa;
  border-radius: 0.5em;
  color: #4B4E46;
}

.person-search-sidenav__header__close {
  display: inline-block;
  padding-right: 15px;
}

.deal-creator-sidenav .sidenav-body > .container-fluid {
  padding: 0;
}
.deal-creator-sidenav__header {
  background: #8ABF4C;
  padding: 1em;
  color: #eee;
  font-size: 20px;
}
.deal-creator-sidenav__header__close {
  margin: auto;
  font-size: 24px;
  color: #FFF;
}
.deal-creator-sidenav__header__close:hover {
  color: #567a2b;
  cursor: pointer;
}
.deal-creator-sidenav__header__heading {
  font-weight: 400;
  color: #FFF;
}
.deal-creator-sidenav__header__heading h1 {
  margin: 0.2em 0 0.2em 0;
  font-size: 1em;
  font-weight: 400;
}
.deal-creator-sidenav__header__heading h2 {
  margin: 0.2em 0 0.2em 0;
  font-size: 0.6em;
  font-weight: 200;
}
.deal-creator-sidenav__body {
  padding: 1.875rem !important;
}
@media screen and (max-width: 768px) {
  .deal-creator-sidenav__body {
    padding: 0.9375rem !important;
  }
}
.deal-creator-sidenav__body-form-control {
  padding: 0;
}
.deal-creator-sidenav__body__row__col .container-fluid {
  padding: 0;
}
.deal-creator-sidenav__body__row__col .alert-warning {
  background: none;
  padding: 0;
  color: #F5BD3E;
  font-size: 0.875rem;
}
.deal-creator-sidenav__body__row__col-form-control {
  padding: 0;
}
.deal-creator-sidenav__body__header {
  font-size: 0.875rem;
  padding: 0.8em 0;
  line-height: 2em;
}
.deal-creator-sidenav__body__header span {
  display: block;
}
.deal-creator-sidenav__body__header span .btn {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.3125rem 0.75rem 0.4375rem;
}
.deal-creator-sidenav__body__label {
  margin-bottom: 0.8em;
  font-size: 1rem;
  color: #888C81;
}
.deal-creator-sidenav__body__value {
  margin-bottom: 2em;
  font-size: 1rem;
  color: #FFF;
}
.deal-creator-sidenav__body .form-control-feedback {
  left: -18px;
  right: auto;
}
.deal-creator-sidenav__body__inputgroup {
  width: 100%;
  margin-top: 0.25rem;
}
.deal-creator-sidenav__body__button-row-first {
  margin-top: 3em;
}
.deal-creator-sidenav__body__button-row-form-controls {
  margin-top: 0.9375rem;
}
.deal-creator-sidenav__body__button-col {
  margin-bottom: 1.5em;
}
.deal-creator-sidenav__body__button-col [disabled] {
  pointer-events: none;
  cursor: not-allowed;
}
.deal-creator-sidenav__body__button-col-form-controls {
  margin-bottom: 0.625rem;
}
.deal-creator-sidenav__body__deal-button {
  width: 100%;
  font-size: 1rem;
}
.deal-creator-sidenav__body__row__col select.form-control {
  background-color: #32332F;
}
.deal-creator-sidenav__body__row__col select.form-control option {
  background-color: #32332F;
}
.deal-creator-sidenav__body__row__col .Select.is-focused {
  background-color: #32332F;
  color: #eee;
}
.deal-creator-sidenav__body__row__col .Select.is-focused:not(.is-open) > .Select-control {
  background-color: #32332F;
  color: #eee;
}
.deal-creator-sidenav__body__row__col .Select.is-focused > .Select-control {
  background-color: #32332F;
  color: #eee;
  border-bottom: 1px solid #eee;
}
.deal-creator-sidenav__body__row__col .Select.is-pseudo-focused {
  background-color: #32332F;
  color: #eee;
}
.deal-creator-sidenav__body__row__col .Select.is-pseudo-focused > .Select-control {
  background-color: #32332F;
  color: #eee;
}
.deal-creator-sidenav__body__row__col .Select-control {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #32332F;
  color: #eee;
  border-bottom: 1px solid #eee;
}
.deal-creator-sidenav__body__row__col .Select-placeholder {
  background-color: #32332F;
  color: #eee;
}
.deal-creator-sidenav__body__row__col .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label {
  background-color: #32332F;
  color: #eee !important;
}
.deal-creator-sidenav__body__row__col .Select.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  background-color: #32332F;
  color: #eee !important;
}
.deal-creator-sidenav__body__row__col .Select.has-value.is-pseudo-focused .Select-input {
  background-color: #32332F;
  color: #eee;
}
.deal-creator-sidenav__body__row__col .Select .Select-menu-outer {
  background-color: #32332F;
  color: #eee;
  box-shadow: 0 12px 15px 0 rgba(129, 129, 129, 0.1);
}
.deal-creator-sidenav__body__row__col .Select .Select-menu-outer .Select-option {
  color: #eee;
  background-color: #32332F;
  font-size: 0.875rem;
}
.deal-creator-sidenav__body__row__col .Select .Select-menu-outer .Select-option.is-selected {
  color: #eee;
  background-color: #2f302d;
}
.deal-creator-sidenav__body__row__col .Select .Select-menu-outer .Select-option.is-focused {
  color: #eee;
  background-color: #4c4e47;
}
.deal-creator-sidenav .form-control {
  background-color: #32332F;
  border: none;
  border-bottom: 1px solid #eee;
  color: #eee;
  padding: 0.625rem 0;
  font-size: 0.875rem;
  border-radius: 0;
}
.deal-creator-sidenav .form-control.input-lg {
  padding-left: 30px;
}
.deal-creator-sidenav .form-control.input-lg i {
  color: #eee;
}
.deal-creator-sidenav .form-control:focus {
  border-color: #8ABF4C;
  border-width: 2px;
}
.deal-creator-sidenav .form-control:focus + i {
  color: #8ABF4C;
}
.deal-creator-sidenav .control-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #888C81;
}
.deal-creator__header2 {
  font-size: 18px;
  padding: 0.8em;
  line-height: 2em;
}
.deal-creator__header2 button {
  margin-left: 0.7em;
}
.deal-creator__body ul.nav {
  float: none;
  width: 100%;
}
.deal-creator__body .nav > li {
  width: 100%;
}
.deal-creator__body .nav > li > a {
  margin-bottom: 0.1em;
  color: #aaa;
  width: 100%;
  padding: 6px 0;
  font-size: 0.875rem;
}
.deal-creator__body .nav > li > a:hover, .deal-creator__body .nav > li > a:focus {
  background: transparent;
  text-decoration: underline;
  border-radius: 0.5em;
  color: #8ABF4C;
}

.deal-creator-sidenav__body__button-col-form-controls.lg {
  width: 30%;
  margin-left: 8px;
}

.deal-form__select .zapflow-autocomplete {
  border-bottom: 1px solid #eee;
}
.deal-form__select .zapflow-autocomplete-input {
  padding: 5px 0;
}

.deal-create-task-modal__datetimepicker .datepicker-container {
  padding: 10px 0;
}
.deal-create-task-modal__datetimepicker .datepicker-container .filter-date__input {
  font-size: 14px;
  padding-left: 0;
  width: 100%;
}

.deal-create-task-modal__textarea {
  border-color: #eee;
  box-shadow: none;
}

.zapflow-autocomplete-results {
  border: none;
}
.zapflow-autocomplete-result {
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}

.company-sidenav__header {
  min-height: 15vh;
  max-height: 15vh;
  padding: 0 1vw 0 1vw;
  font-size: 50px;
  font-weight: 400;
}
.company-sidenav__header__close {
  margin-top: 0.2em;
  font-size: 24px;
  color: #FFF;
}
.company-sidenav__header__close:hover {
  color: #00a2ae;
}
.company-sidenav__header__profile {
  margin-top: 0.2em;
  font-size: 0.3em;
  color: #888C81;
}
.company-sidenav__header__profile:hover {
  color: #a1a49c;
}
.company-sidenav__header__heading {
  font-weight: 400;
  color: #888C81;
}
.company-sidenav__header__heading h1 {
  margin: 0.2em 0 0.2em 0;
  font-size: 0.8em;
  font-weight: 400;
}
.company-sidenav__body {
  min-height: 80vh;
  max-height: 80vh;
  overflow-y: auto;
  padding: 0.5em 2vw;
}
.company-sidenav__body .tags-label {
  font-size: 0.7em;
}
.company-sidenav__body__row {
  padding-top: 0em;
}
.company-sidenav__body__row__col {
  padding-left: 0em;
  padding-bottom: 0em;
}
.company-sidenav__body__row__col .form-control-static {
  color: #FFF;
  min-height: 1em;
  padding: 0.1em 0em;
}

.curtain {
  display: flex;
  flex-flow: column nowrap;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #32332F;
  overflow-x: hidden;
  margin-bottom: 0;
  border-radius: 0;
}
.curtain--container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex: 1 0 auto;
}
.curtain--left {
  left: 0;
  right: calc(100% - 550px);
}
@media screen and (max-width: 640px) {
  .curtain--left {
    right: 0;
  }
}
.curtain--left--yellow {
  border-right: 30px solid #F5BD3E;
}
@media screen and (max-width: 640px) {
  .curtain--left--yellow {
    border-right: 8px solid #F5BD3E;
  }
}
.curtain--left--salmon {
  border-right: 30px solid #E86546;
}
@media screen and (max-width: 640px) {
  .curtain--left--salmon {
    border-right: 8px solid #E86546;
  }
}
.curtain--right {
  left: calc(100% - 550px);
  right: 0;
}
@media screen and (max-width: 640px) {
  .curtain--right {
    left: 0;
  }
}
.curtain--right--green {
  border-left: 30px solid #8ABF4C;
}
@media screen and (max-width: 640px) {
  .curtain--right--green {
    border-left: 8px solid #8ABF4C;
  }
}
.curtain--right--blue {
  border-left: 30px solid #00a2ae;
}
.curtain--hidden {
  left: 0;
  right: 100%;
  border: none;
  overflow: hidden;
  display: none;
}
.curtain-top {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border-bottom: 3px solid #282825;
}
.curtain__icon {
  margin-top: 4.375rem;
  font-size: 3.4375rem;
}
@media screen and (max-width: 640px) {
  .curtain__icon {
    margin-top: 1.875rem;
    font-size: 2.8125rem;
  }
}
.curtain__icon--yellow {
  color: #F5BD3E;
}
.curtain__icon--salmon {
  color: #E86546;
}
.curtain__icon--green {
  color: #8ABF4C;
}
.curtain__icon--blue {
  color: #00a2ae;
}
.curtain__header {
  margin: 0.625rem 0 2.5rem 0;
  font-size: 3.125rem;
  font-weight: 400;
  color: #FFF;
}
@media screen and (max-width: 640px) {
  .curtain__header {
    font-size: 2.8125rem;
    margin: 0.625rem 0 1.875rem 0;
  }
}
.curtain__header__1 {
  margin: 10px 0 5px 0;
  font-size: 20px;
  font-weight: 400;
}
.curtain__header__2 {
  margin: 0px 0 8px 0;
  font-size: 15px;
  font-weight: 200;
}
.curtain-middle {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.curtain__oppo {
  margin: 30px 0 5px 0;
  font-size: 26px;
  font-weight: 400;
}
.curtain__oppo--yellow {
  color: #F5BD3E;
}
.curtain__oppo--salmon {
  color: #E86546;
}
.curtain__oppo--green {
  color: #8ABF4C;
}
.curtain__oppo--blue {
  color: #00a2ae;
}
.curtain__company {
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: 400;
  color: #888C81;
}
.curtain__label {
  margin-bottom: 10px;
  width: 80%;
  font-size: 14px;
  color: #888C81;
}
@media screen and (max-width: 640px) {
  .curtain__label {
    width: 90%;
  }
}
.curtain__label--yellow {
  color: #F5BD3E;
}
@media screen and (max-width: 640px) {
  .curtain__label--yellow {
    font-size: 12px;
  }
}
.curtain__label--salmon {
  color: #E86546;
}
@media screen and (max-width: 640px) {
  .curtain__label--salmon {
    font-size: 12px;
  }
}
.curtain__select {
  width: 80%;
  margin-bottom: 12px;
  background-color: #32332F;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #888C81;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #FFF;
  font-size: 18px;
}
@media screen and (max-width: 640px) {
  .curtain__select {
    width: 90%;
    font-size: 0.875rem;
  }
}
.curtain__input {
  width: 80%;
  height: 30px;
  font-size: 18px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #888C81;
  outline: none;
  color: #FFF;
  margin-bottom: 12px;
}
@media screen and (max-width: 640px) {
  .curtain__input {
    width: 90%;
    font-size: 0.875rem;
  }
}
.curtain-bottom {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  flex: 1 0 auto;
  margin-top: 1.5625rem;
}
.curtain__bs-button {
  width: 80%;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 640px) {
  .curtain__bs-button {
    margin-bottom: 0.625rem;
  }
}
.curtain__button {
  margin-bottom: 20px;
  width: 80%;
  height: 40px;
  border: 2px solid #888C81;
  outline: none;
  border-radius: 5px;
  background-color: transparent;
  color: #FFF;
  font-size: 18px;
  cursor: pointer;
}
.curtain__button--blue {
  border: 2px solid #00a2ae;
  color: #00a2ae;
}
.curtain__button--blue:hover:enabled {
  background-color: #00a2ae;
  color: #FFF;
}
.curtain__button--blue:disabled {
  border: 2px solid #888C81;
  color: #888C81;
  background-color: transparent;
  cursor: not-allowed;
}
.curtain__button--default--blue:hover {
  border: 2px solid #00a2ae;
  background-color: #00a2ae;
  color: #FFF;
}
.curtain__button--yellow {
  border: 2px solid #F5BD3E;
  color: #F5BD3E;
}
.curtain__button--yellow:hover {
  background-color: #F5BD3E;
  color: #FFF;
}
.curtain__button--yellow-hover:hover {
  border: 2px solid #F5BD3E;
  background-color: #F5BD3E;
  color: #FFF;
}
.curtain__button--salmon {
  border: 2px solid #E86546;
  color: #E86546;
}
.curtain__button--salmon:hover {
  background-color: #E86546;
  color: #FFF;
}
.curtain__button--salmon-hover:hover {
  border: 2px solid #E86546;
  background-color: #E86546;
  color: #FFF;
}
.curtain__button--green {
  border: 2px solid #8ABF4C;
  color: #8ABF4C;
}
.curtain__button--green:hover {
  background-color: #8ABF4C;
  color: #FFF;
}
.curtain__button--green-hover:hover {
  border: 2px solid #8ABF4C;
  background-color: #8ABF4C;
  color: #FFF;
}
.curtain-dimmer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #333;
  opacity: 0.5;
}
.curtain-dimmer--hidden {
  display: none;
  bottom: 100%;
  right: 100%;
}

.curtain-over-modals {
  z-index: 1100;
  position: absolute;
}

.zap-logo {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMTVweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMTE1IDMwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4NCiAgICA8dGl0bGU+emFwZmxvdy1sb2dvX25lZ2E8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjE2LjUwNjM0NTYlIiB5MT0iMzguMzM1OTczMyUiIHgyPSIzOC4zOTE4NDg3JSIgeTI9IjQ0LjM1MzA2NDglIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjAlIj48L3N0b3A+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgIDwvZGVmcz4NCiAgICA8ZyBpZD0ibXkuemFwZmxvdy5jb20iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iZnVubmVsX2NhcmRzLXhsIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQuMDAwMDAwLCAtMTQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0iJmx0O2hlYWRlciZndDsiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJ6YXBmbG93LWxvZ29fbmVnYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQuMDAwMDAwLCAxNC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InciIHN0cm9rZS13aWR0aD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUuMzAwMDAwLCAwLjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI5LjE5NDIyLDAgTDI2LjI1NDg1LDAgQzI2LjA0MDEyODUsNy42MjQyOTgyN2UtMDYgMjUuODQ2OTQyMSwwLjEzMDQ1NTQ0NyAyNS43NjY3LDAuMzI5NjIgTDE4LjI3MTQsMTguOTMzMTIgTDE1LjE1OTI4LDExLjA1MTI3IEwxOS4zNjUyOCwwLjY1NDg0IEMxOS40MjU3NzcsMC41MDg2OTcwMTggMTkuNDA5MzM2LDAuMzQyMDAwOTczIDE5LjMyMTQ1NDcsMC4yMTA0OTIyOTcgQzE5LjIzMzU3MzQsMC4wNzg5ODM2MjE1IDE5LjA4NTg0OTcsMS43OTA3OTcyNWUtMDUgMTguOTI3NjgsMCBMMTUuOTg4MzEsMCBDMTUuNzczNTY2MywzLjE3NTQ3ODUyZS0wNiAxNS41ODAzNTg0LDAuMTMwNDY0MDA2IDE1LjUwMDExLDAuMzI5NjUgTDguMDA0ODYsMTguOTMzMTUgTDMuOTg5NDgsOC43NjM3MiBDMy45MTAxNDA1Nyw4LjU2Mjc2MTE2IDMuNzE2MDMzNyw4LjQzMDcxMjk4IDMuNDk5OTgsOC40MzA3MiBMMC41NzE4NCw4LjQzMDcyIEMwLjQxMzY1OTE2Nyw4LjQzMDcyMzE0IDAuMjY1OTE4MzEyLDguNTA5NjgyODEgMC4xNzgwMjIwMzEsOC42NDExOTQ4NiBDMC4wOTAxMjU3NDk1LDguNzcyNzA2OTIgMC4wNzM2NzQ2NTU0LDguOTM5NDE0MyAwLjEzNDE3LDkuMDg1NTcgTDUuODQzMTEsMjMuMzE4MzEgQzUuOTI0NTgzNzMsMjMuNTE1MDIwNyA2LjExNjUyNDQsMjMuNjQzMjg4OSA2LjMyOTQ0LDIzLjY0MzMxIEw5LjcxMDIyLDIzLjY0MzMxIEM5LjkyMzEyNjQyLDIzLjY0MzI5ODUgMTAuMTE1MDU3MiwyMy41MTUwMjM1IDEwLjE5NjUsMjMuMzE4MzEgTDEzLjE2NTc2LDE1Ljk3ODkyIEwxNi4xMDk3LDIzLjMxODMxIEMxNi4xOTExMTg3LDIzLjUxNTA0MzMgMTYuMzgzMDY0NiwyMy42NDMzMjgyIDE2LjU5NTk4LDIzLjY0MzMxIEwxOS45NzY3NiwyMy42NDMzMSBDMjAuMTg5Njc1NCwyMy42NDMzMjgyIDIwLjM4MTYyMTMsMjMuNTE1MDQzMyAyMC40NjMwNCwyMy4zMTgzMSBMMjkuNjMxODksMC42NTQ5IEMyOS42OTI0MDcxLDAuNTA4NzM4OTY2IDI5LjY3NTk2NywwLjM0MjAxNDkyNiAyOS41ODgwNjgsMC4yMTA0ODg3NTYgQzI5LjUwMDE2ODksMC4wNzg5NjI1ODY0IDI5LjM1MjQxNDEsLTMuNzY4MzE4ODllLTA2IDI5LjE5NDIyLDIuODQyMTcwOTRlLTE1IEwyOS4xOTQyMiwwIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzhBQkY0QyI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI5LjE5NDIyLDAgTDI2LjI1NDg1LDAgQzI2LjA0MDEyODUsNy42MjQyOTgyN2UtMDYgMjUuODQ2OTQyMSwwLjEzMDQ1NTQ0NyAyNS43NjY3LDAuMzI5NjIgTDE4LjI3MTQsMTguOTMzMTIgTDE1LjE1OTI4LDExLjA1MTI3IEwxMy4xNjU3NiwxNS45Nzg4NiBMMTYuMTA5NywyMy4zMTgyNSBDMTYuMTkxMTE4NywyMy41MTQ5ODMzIDE2LjM4MzA2NDYsMjMuNjQzMjY4MiAxNi41OTU5OCwyMy42NDMyNSBMMTkuOTc2NzYsMjMuNjQzMjUgQzIwLjE4OTY3NTQsMjMuNjQzMjY4MiAyMC4zODE2MjEzLDIzLjUxNDk4MzMgMjAuNDYzMDQsMjMuMzE4MjUgTDI5LjYzMTg5LDAuNjU0ODQgQzI5LjY5MjM4MSwwLjUwODY4NTM2NCAyOS42NzU5Mjc3LDAuMzQxOTgxMzE1IDI5LjU4ODAzMiwwLjIxMDQ3MjA4NiBDMjkuNTAwMTM2MiwwLjA3ODk2Mjg1NzUgMjkuMzUyMzk4Miw0LjUyNjA4ODY3ZS0wNiAyOS4xOTQyMiwyLjg0MjE3MDk0ZS0xNSBMMjkuMTk0MjIsMCBaIiBpZD0iU2hhcGUiIGZpbGwtb3BhY2l0eT0iMC4yNSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBtdWx0aXBseTsiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuNzc1NzUsOC45NTcgTDEyLjc3NTc1LDkuODM0NzMgQzEyLjc3NTc1MDMsMTAuMDg1NDUyNiAxMi42OTY4NzM2LDEwLjMyOTgyMTQgMTIuNTUwMjksMTAuNTMzMjMgTDUuNzcxLDE5Ljk0MDQ5IEwxMi4zMTExNCwxOS45NDA0OSBDMTIuNjAxODE4NSwxOS45NDA0OSAxMi44Mzc0NiwyMC4xNzYxMzE1IDEyLjgzNzQ2LDIwLjQ2NjgxIEwxMi44Mzc0NiwyMy4xMTcgQzEyLjgzNzQ2LDIzLjQwNzY3ODUgMTIuNjAxODE4NSwyMy42NDMzMiAxMi4zMTExNCwyMy42NDMzMiBMMC41NTc5MiwyMy42NDMzMiBDMC4yNjcyNDE0OSwyMy42NDMzMiAwLjAzMTYsMjMuNDA3Njc4NSAwLjAzMTYsMjMuMTE3IEwwLjAzMTYsMjIuNDUxODkgQzAuMDMxNjAwMzQ4NiwyMi4yMDMyMjYyIDAuMTA5MTg5MTc3LDIxLjk2MDc1ODkgMC4yNTM1NSwyMS43NTgyOSBMNy4zMTQsMTEuODU1ODQgTDEuMTEzNDcsMTEuODU1ODQgQzAuODIyNzkxNDksMTEuODU1ODQgMC41ODcxNSwxMS42MjAxOTg1IDAuNTg3MTUsMTEuMzI5NTIgTDAuNTg3MTUsOC45NTcgQzAuNTg3MTUsOC42NjYzMjE0OSAwLjgyMjc5MTQ5LDguNDMwNjggMS4xMTM0Nyw4LjQzMDY4IEwxMi4yNDk0Nyw4LjQzMDY4IEMxMi41NDAxMzI5LDguNDMwNzAyMDkgMTIuNzc1NzUsOC42NjYzMzcxMSAxMi43NzU3NSw4Ljk1NyBaIE0yNy40ODMsOC40MzA2OSBMMzAuMDcwOCw4LjQzMDY5IEMzMC4zNjE0Nzg1LDguNDMwNjkgMzAuNTk3MTIsOC42NjYzMzE0OSAzMC41OTcxMiw4Ljk1NzAxIEwzMC41OTcxMiwyMy4xMTcwMSBDMzAuNTk3MTIsMjMuNDA3Njg4NSAzMC4zNjE0Nzg1LDIzLjY0MzMzIDMwLjA3MDgsMjMuNjQzMzMgTDI3LjUzMjgsMjMuNjQzMzMgQzI3LjI1OTA3MTgsMjMuNjQzMzI5NSAyNy4wMzEwMzc5LDIzLjQzMzUxMjIgMjcuMDA4MywyMy4xNjA3MyBMMjYuODYzMywyMS40MjE1NSBDMjUuOTk5MywyMy4yMTEyMyAyMy42MjMzLDI0LjA3NTQyIDIxLjkyNjE0LDI0LjEwNjE4IEMxNy40MjEwNywyNC4xMzY5NCAxNC4wODg0LDIxLjM1OTgyIDE0LjA4ODQsMTYuMDIxNTMgQzE0LjA4ODQsMTAuNzc1OTQgMTcuNTc1MjgsOC4wMjk1MyAyMi4wMTg4Myw4LjA2MDM0IEMyNC4wNTU0Miw4LjA2MDM0IDI1Ljk5OTMyLDkuMDE3MDEgMjYuODYzMywxMC41MjkwMyBMMjYuOTU3NjEsOC45MjYxMSBDMjYuOTczOTcwNSw4LjY0NzkyMjcxIDI3LjIwNDMzMiw4LjQzMDcwMTczIDI3LjQ4Myw4LjQzMDY5IEwyNy40ODMsOC40MzA2OSBaIE0xNy44NTMsMTYuMDIxNTIgQzE3Ljg1MywxOC45MjIwOSAxOS44NTg4MywyMC42NTAyNiAyMi4zNTgyOCwyMC42NTAyNiBDMjguMjgyODgsMjAuNjUwMjYgMjguMjgyODgsMTEuNDIzNzYgMjIuMzU4MjgsMTEuNDIzNzYgQzE5Ljg1ODgxLDExLjQyMzc1IDE3Ljg1MywxMy4xMjA5NCAxNy44NTMsMTYuMDIxNTIgWiBNMzMuNzg3OTEsMjkuNDczNjggTDMzLjc4NzkxLDguOTU3IEMzMy43ODc5MSw4LjY2NjMyMTQ5IDM0LjAyMzU1MTUsOC40MzA2OCAzNC4zMTQyMyw4LjQzMDY4IEwzNi44Mzc1NCw4LjQzMDY4IEMzNy4xMDQ0MjI5LDguNDMwNjgxNzEgMzcuMzI5MDU5OSw4LjYzMDQzNTk1IDM3LjM2MDI1LDguODk1NDkgTDM3LjU1MjQ3LDEwLjUyOSBDMzguNzI1MDksOC44MzE4IDQwLjc2MTY4LDguMDkxMjggNDIuNDg5NjMsOC4wOTEyOCBDNDcuMTc5ODgsOC4wOTEyOCA1MC4yOTY2MywxMS41NzgxNiA1MC4yOTY2MywxNi4wNTI0NyBDNTAuMjk2NjMsMjAuNDk1ODEgNDcuNDg4NTUsMjQuMDEzNjYgNDIuNjEzMTEsMjQuMDEzNjYgQzQxLjAwODQsMjQuMDEzNjYgMzguNjMyNDEsMjMuNTE5ODQgMzcuNTUyNDksMjEuODUzNjYgTDM3LjU1MjQ5LDI5LjQ3MzcyIEMzNy41NTI0Njc5LDI5Ljc2NDM5NDYgMzcuMzE2ODE0NiwzMC4wMDAwMTY2IDM3LjAyNjE0LDMwIEwzNC4zMTQyMiwzMCBDMzQuMDIzNTQ1NCwyOS45OTk5OTQ1IDMzLjc4NzkxLDI5Ljc2NDM1NDYgMzMuNzg3OTEsMjkuNDczNjggTDMzLjc4NzkxLDI5LjQ3MzY4IFogTTQ2LjUzMTg0LDE2LjA1MjQ4IEM0Ni41MzE4NCwxMy42NzY0OCA0NC45MjczNCwxMS43MzIzOCA0Mi4yMTE5NSwxMS43MzIzOCBDMzkuNDk2MzUsMTEuNzMyMzggMzcuODkxODUsMTMuNjc2NDkgMzcuODkxODUsMTYuMDUyNDggQzM3Ljg5MTg1LDE4LjQyODQ3IDM5LjY1MDc3LDIwLjM3MjM3IDQyLjIxMTk1LDIwLjM3MjM3IEM0NC43NzMxMywyMC4zNzIzNyA0Ni41MzE4NCwxOC40Mjg0NyA0Ni41MzE4NCwxNi4wNTI0OCBaIE01NC4wMDgyMSwyMy4xMTcgTDU0LjAwODIxLDExLjk0ODMzIEw1MS44ODA4NiwxMS45NDgzMyBDNTEuNTkwMTgxNSwxMS45NDgzMyA1MS4zNTQ1NCwxMS43MTI2ODg1IDUxLjM1NDU0LDExLjQyMjAxIEw1MS4zNTQ1NCw5LjE3Mjk1IEM1MS4zNTQ1NCw4Ljg4MjI3MTQ5IDUxLjU5MDE4MTUsOC42NDY2MyA1MS44ODA4Niw4LjY0NjYzIEw1NC4wMDgyMSw4LjY0NjYzIEw1NC4wMDgyMSw3LjYyODQ0IEM1NC4wMDgyMSwzLjU1NTI1IDU2Ljc1NDc4LDEuNjcyODcgNTkuODA5MzUsMS42NzI4NyBDNjAuMzcxMjUsMS42NzI4NyA2Mi41NzcwOSwxLjUzMTIzIDY1LjYzODk2LDMuMjAzNDUgQzY1Ljg4OTAwMzQsMy4zNDE1NDA0NyA2Ni4wNDM4MjY5LDMuNjA1MDExMDcgNjYuMDQyNzgsMy44OTA2NSBMNjYuMDQyNzgsMjMuMTIwNjUgQzY2LjA0MjYzNjEsMjMuMjU5ODYgNjUuOTg3MDIxNCwyMy4zOTMyNzM0IDY1Ljg4ODI0MzEsMjMuNDkxMzY2NyBDNjUuNzg5NDY0OCwyMy41ODk0NiA2NS42NTU2Njc2LDIzLjY0NDE0NDkgNjUuNTE2NDYsMjMuNjQzMzIgTDYyLjgzNTMsMjMuNjQzMzIgQzYyLjU0NDYyMTUsMjMuNjQzMzIgNjIuMzA4OTgsMjMuNDA3Njc4NSA2Mi4zMDg5OCwyMy4xMTcgTDYyLjMwODk4LDUuMjIxNDggQzYxLjM4MzI3LDQuNzI3ODcgNjAuNzk2OTgsNC42NjYxNCA2MC4wNTYyNCw0LjY2NjE0IEM1OC43NjAxNyw0LjY2NjE0IDU3Ljc3Mjk1LDUuNzc3MDMgNTcuNzcyOTUsNy42Mjg0NCBMNTcuNzcyOTUsOC42NDY2MyBMNjAuNDg2Niw4LjY0NjYzIEM2MC43NzcyNzg1LDguNjQ2NjMgNjEuMDEyOTIsOC44ODIyNzE0OSA2MS4wMTI5Miw5LjE3Mjk1IEw2MS4wMTI5MiwxMS40MjIgQzYxLjAxMjkyLDExLjcxMjY3ODUgNjAuNzc3Mjc4NSwxMS45NDgzMiA2MC40ODY2LDExLjk0ODMyIEw1Ny43NzMsMTEuOTQ4MzIgTDU3Ljc3MywyMy4xMTcgQzU3Ljc3MywyMy40MDc2Nzg1IDU3LjUzNzM1ODUsMjMuNjQzMzIgNTcuMjQ2NjgsMjMuNjQzMzIgTDU0LjUzNDUyLDIzLjY0MzMyIEM1NC4yNDM4NDU0LDIzLjY0MzMxNDUgNTQuMDA4MjEsMjMuNDA3Njc0NiA1NC4wMDgyMSwyMy4xMTcgWiBNODQuNzg4MzEsMTYuMDUyNDkgQzg0Ljc4ODMxLDIwLjQzNDExIDgxLjc5NTI1LDIzLjk4MjcxIDc2Ljg1Nzg4LDIzLjk4MjcxIEM3MS45MjA4OCwyMy45ODI3MSA2OC45NTg0MiwyMC40MzQxIDY4Ljk1ODQyLDE2LjA1MjQ5IEM2OC45NTg0MiwxMS43MDE2MyA3MS45ODI0Miw4LjEyMjA2IDc2LjgyNzMzLDguMTIyMDYgQzgxLjY3MTgsOC4xMjIwNSA4NC43ODgzMSwxMS43MDE2MyA4NC43ODgzMSwxNi4wNTI0OCBMODQuNzg4MzEsMTYuMDUyNDkgWiBNNzIuNzIzMTcsMTYuMDUyNDkgQzcyLjcyMzE3LDE4LjM2Njc1IDc0LjExMTczLDIwLjUyNjggNzYuODU3ODgsMjAuNTI2OCBDNzkuNjA0NDUsMjAuNTI2OCA4MC45OTMsMTguMzY2OCA4MC45OTMsMTYuMDUyNDkgQzgwLjk5MywxMy43Njg5OSA3OS4zODg1LDExLjU0NzIxIDc2Ljg1Nzg4LDExLjU0NzIxIEM3NC4xNDI3LDExLjU0NzIgNzIuNzIzMTcsMTMuNzY5IDcyLjcyMzE3LDE2LjA1MjQ4IEw3Mi43MjMxNywxNi4wNTI0OSBaIiBpZD0iemFwZmxvIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 0;
  width: 8.125rem;
  height: 1.875rem;
}

.zap-logo-white {
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTYwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMl82NTQpIj4KPHBhdGggZD0iTTAgMzAuNTc2N1YyNy45MTA4TDEwLjc1NzMgMTMuODY5SDAuNjk3NzE3VjkuMjMyNzlIMTguMTQyN1YxMS44OTg3TDcuMzg1MzkgMjUuODMyMkgxOC41MTM0VjMwLjU3ODhIMFYzMC41NzY3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEyMC4zMjYgMTkuOTE5M0MxMjAuMzI2IDI3LjIwNjggMTE1LjQ2NyAzMS4wNTM2IDEwOS4zNTQgMzEuMDUzNkMxMDMuMjQxIDMxLjA1MzYgOTguMzgyMiAyNy4yMDY4IDk4LjM4MjIgMTkuOTE5M0M5OC4zODIyIDEyLjYzMTggMTAzLjI0MSA4Ljc4NDk3IDEwOS4zNTQgOC43ODQ5N0MxMTUuNDY3IDguNzg0OTcgMTIwLjMyNiAxMi42MzE4IDEyMC4zMjYgMTkuOTE5M1pNMTAzLjI1IDE5LjkxOTNDMTAzLjI1IDI0LjE1NzcgMTA1Ljc5MyAyNi41MzIgMTA5LjM1NCAyNi41MzJDMTEyLjkxNiAyNi41MzIgMTE1LjQ1OSAyNC4xNTc3IDExNS40NTkgMTkuOTE5M0MxMTUuNDU5IDE1LjY4MDkgMTEyLjkxNiAxMy4zMDY2IDEwOS4zNTQgMTMuMzA2NkMxMDUuNzkzIDEzLjMwNjYgMTAzLjI1IDE1LjY4MDkgMTAzLjI1IDE5LjkxOTNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNzUuNTIgMTMuODY4OUg3MS4yMDI1VjkuMjE4MTlINzUuNTM0NlY3LjE1ODM3Qzc1LjUzNDYgMi44Mzg3NyA3OC41NDIxIDAgODMuMTU5NSAwSDg2LjgzMzVWNC41MTEyMUg4MS4yNjIxQzgwLjc4NTIgNC41MTEyMSA4MC4zOTk5IDQuODk2NTEgODAuMzk5OSA1LjM3MzQ2VjkuMjE4MTlIODYuODM1NVYxMy44Njg5SDgwLjM5OTlWMzAuNTc2N0g3NS41MjIxVjEzLjg2ODlINzUuNTJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOTAuNTI4MiAwSDk1LjM5MzVWMzAuNTc2N0g5MC41MjgyVjBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzguMzAzNiAxMi4zMTczVjkuMjIwMjhINDMuMTcxVjMwLjU3ODhIMzguMzAzNlYyNy4zMDA1QzM4LjMwMzYgMjcuMTU4OSAzOC4xODkxIDI3LjA0MjMgMzguMDQ1MyAyNy4wNDIzQzM3Ljk0NzUgMjcuMDQyMyAzNy44NiAyNy4wOTg1IDM3LjgxNjIgMjcuMTg2QzM2LjU5NzggMjkuNjE4NiAzNC42NDg0IDMxLjIyODYgMzAuOTU1NyAzMS4yMjg2QzI0LjYzMDQgMzEuMjcyMyAxOS45NTA1IDI3LjM3MzQgMTkuOTUwNSAxOS44Nzc2QzE5Ljk1MDUgMTIuMzgxOSAyNC44NDcgOC42NTU4NiAzMS4wODQ4IDguNjk5NkMzNC41NjUxIDguNjk5NiAzNi41ODk1IDEwLjM4NjYgMzcuODEgMTIuNDUwNkMzNy44NTc5IDEyLjUzMTggMzcuOTQzMyAxMi41ODE4IDM4LjAzNyAxMi41ODE4QzM4LjE4MjggMTIuNTgxOCAzOC4zMDE1IDEyLjQ2MzEgMzguMzAxNSAxMi4zMTczSDM4LjMwMzZaTTM4LjM1OTggMTkuOTIxNEMzOC4zNTk4IDE2LjI4NDkgMzUuOTA0MyAxMy4zMDg3IDMxLjc0NzIgMTMuMzA4N0MyNy41OSAxMy4zMDg3IDI1LjEzNDUgMTYuMjg0OSAyNS4xMzQ1IDE5LjkyMTRDMjUuMTM0NSAyMy41NTc4IDI3LjgyNzQgMjYuNTM0MSAzMS43NDcyIDI2LjUzNDFDMzUuNjY2OSAyNi41MzQxIDM4LjM1OTggMjMuNTU3OCAzOC4zNTk4IDE5LjkyMTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNTEuODUxOCAxMi4zMTczVjkuMjIwMjhINDYuOTg0NVYzOS41MDMzSDUxLjg1MThWMjcuMzAwNUM1MS44NTE4IDI3LjE1ODkgNTEuOTY2NCAyNy4wNDIzIDUyLjExMDEgMjcuMDQyM0M1Mi4yMDggMjcuMDQyMyA1Mi4yOTU0IDI3LjA5ODUgNTIuMzM5MiAyNy4xODZDNTMuNTU3NiAyOS42MTg2IDU1LjUwNyAzMS4yMjg2IDU5LjE5OTcgMzEuMjI4NkM2NS41MjUgMzEuMjcyMyA3MC4yMDQ5IDI3LjM3MzQgNzAuMjA0OSAxOS44Nzc2QzcwLjIwNDkgMTIuMzgxOSA2NS4zMDg0IDguNjU1ODYgNTkuMDcwNiA4LjY5OTZDNTUuNTkwMyA4LjY5OTYgNTMuNTY1OSAxMC4zODY2IDUyLjM0NTQgMTIuNDUwNkM1Mi4yOTc1IDEyLjUzMTggNTIuMjEyMSAxMi41ODE4IDUyLjExODQgMTIuNTgxOEM1MS45NzI2IDEyLjU4MTggNTEuODUzOSAxMi40NjMxIDUxLjg1MzkgMTIuMzE3M0g1MS44NTE4Wk01MS43OTU2IDE5LjkyMTRDNTEuNzk1NiAxNi4yODQ5IDU0LjI1MTEgMTMuMzA4NyA1OC40MDgzIDEzLjMwODdDNjIuNTY1NCAxMy4zMDg3IDY1LjAyMSAxNi4yODQ5IDY1LjAyMSAxOS45MjE0QzY1LjAyMSAyMy41NTc4IDYyLjMyOCAyNi41MzQxIDU4LjQwODMgMjYuNTM0MUM1NC40ODg2IDI2LjUzNDEgNTEuNzk1NiAyMy41NTc4IDUxLjc5NTYgMTkuOTIxNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNTUuMDE4IDBMMTQ2Ljc4MSAyNy4xMDY4QzE0Ni43NDUgMjcuMjI1NSAxNDYuNjM1IDI3LjMwNjggMTQ2LjUxMiAyNy4zMDY4QzE0Ni4zODkgMjcuMzA2OCAxNDYuMjc5IDI3LjIyNTUgMTQ2LjI0NCAyNy4xMDY4TDE0MS42MzcgMTEuOTQ0NUwxNDUuMDU4IDAuODIwNTk4VjBIMTQwLjA3N0wxMzEuODM5IDI3LjEwNjhDMTMxLjgwNCAyNy4yMjU1IDEzMS42OTQgMjcuMzA2OCAxMzEuNTcxIDI3LjMwNjhDMTMxLjQ0OCAyNy4zMDY4IDEzMS4zMzcgMjcuMjI1NSAxMzEuMzAyIDI3LjEwNjhMMTI1Ljg3IDkuMjMyNzdIMTIwLjkyVjEwLjA0MDlMMTI3LjIzOSAzMC41Nzg3SDEzNS44OTlMMTM4Ljc2OSAyMS4yNTAyQzEzOC44MDQgMjEuMTMxNSAxMzguOTE0IDIxLjA1MjMgMTM5LjAzNyAyMS4wNTIzQzEzOS4xNiAyMS4wNTIzIDEzOS4yNzEgMjEuMTMzNSAxMzkuMzA2IDIxLjI1MDJMMTQyLjE3NiAzMC41Nzg3SDE1MC44MzZMMTYwIDAuODIwNTk4VjBIMTU1LjAxOFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMl82NTQiPgo8cmVjdCB3aWR0aD0iMTYwIiBoZWlnaHQ9IjM5LjUwMzMiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 0;
  width: 8.125rem;
  height: 1.875rem;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.onboarding {
  margin-top: 0em;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: auto;
}
@media screen and (max-width: 640px) {
  .onboarding {
    padding: 0 0.9375rem;
  }
}
.onboarding h2 {
  text-align: center;
  font-weight: 600;
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
}
.onboarding-inner {
  padding-bottom: 90px;
}
.onboarding__title {
  color: #8ABF4C;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}
@media screen and (max-width: 640px) {
  .onboarding__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.25rem;
  }
}
.onboarding-row {
  height: 100%;
}
.onboarding__logo {
  margin: 1.5rem auto 2.5rem;
  width: 11.25rem;
  height: auto;
}
@media screen and (max-width: 640px) {
  .onboarding__logo {
    max-width: 160px;
    margin: 1.25rem 0.5rem 1.875rem;
  }
}
.onboarding__left {
  display: table-cell;
  float: none;
  background-size: cover;
}
.onboarding__left__jumbotron {
  background-color: transparent;
}
.onboarding__right {
  display: table-cell;
  float: none;
  padding: 2em 2.5em 2em 2.5em;
  background-color: #eee;
}
.onboarding__right__title {
  color: #8ABF4C;
  font-size: 160%;
  margin-bottom: 1.5em;
}
.onboarding__right__info {
  margin: 1em 0em 1em 0em;
}
.onboarding__right__form {
  margin-top: 5em;
}
.onboarding__right__form label {
  color: #8ABF4C;
}
.onboarding__right__form__header {
  font-size: 20px;
  margin: 1em auto;
}
.onboarding__select-info {
  display: inline-block;
  font-size: 1rem;
  padding-left: 0.3125rem;
}
.onboarding__select-row {
  margin-bottom: 0.5em;
}
.onboarding__select-row input[type=radio], .onboarding__select-row input[type=checkbox] {
  margin: 0 1em;
  vertical-align: inherit;
}
.onboarding__select-row .checkbox {
  margin-bottom: 1.5rem;
  margin-top: 0;
}
@media screen and (min-width: 640px) {
  .onboarding .two-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 640px) {
  .onboarding .two-col .checkbox {
    width: 50%;
  }
}
.onboarding__avatars {
  margin-top: 2em;
}
.onboarding__avatars-row {
  margin-bottom: 1.875rem;
}
.onboarding__avatars-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 1.5625rem;
}
@media screen and (max-width: 640px) {
  .onboarding__avatars-list {
    padding: 0;
  }
}
.onboarding__avatars-list .form__account__circle__image {
  border: 3px solid transparent;
}
.onboarding__avatars-list .form__account__circle__image:hover {
  border: 3px solid #8ABF4C;
}
.onboarding__avatars-list .selected {
  border: 3px solid #8ABF4C;
  padding: 0;
}
.onboarding__account-initialization .onboarding__select-label {
  color: #8ABF4C;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.onboarding-spinner-text {
  margin: 3.75rem auto 0 auto;
  font-size: 150%;
  text-align: center;
  color: #777;
  font-size: 1.5rem;
}
.onboarding-spinner-text i.fa-spinner {
  display: block;
  margin: 1.875rem;
  font-size: 2.5rem;
  color: #8ABF4C;
}
.onboarding-spinner-text button {
  display: block;
  margin: 3.75rem auto;
}
.onboarding__carousel-page {
  width: 100%;
  height: 100%;
  background-size: contain;
}
.onboarding__carousel-page__dimmer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 640px) {
  .onboarding__carousel-page__dimmer {
    background: #FFF;
  }
}
.onboarding__carousel-page__content {
  background-color: white;
  margin: auto;
  display: flex;
  flex-direction: column;
  width: 31.25rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  max-height: 90vh;
  overflow: auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .onboarding__carousel-page__content {
    max-height: inherit;
    overflow: inherit;
    border: none;
  }
}
.onboarding__carousel-page__content .carousel__steps .active {
  color: #8ABF4C;
}
.onboarding__carousel-page__content .carousel__image-container {
  text-align: center;
}
.onboarding__carousel-page__content .carousel__image-container img {
  width: 100%;
  height: 17rem;
}
@media screen and (max-height: 680px) {
  .onboarding__carousel-page__content .carousel__image-container img {
    max-height: 12.5rem;
  }
}
.onboarding__carousel-page__content h2 {
  text-align: center;
  margin-top: 1.875rem;
  margin-bottom: 0.9375rem;
  padding: 0 0.9375rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
}
.onboarding__carousel-page__content p {
  padding: 0 1.25rem;
  text-align: center;
  color: #333;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  min-height: 7rem;
}
.onboarding__carousel-page__content > div button {
  min-height: 2.125rem;
}
.onboarding__spinner-page {
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 773px;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
.onboarding__spinner-page img {
  border-radius: 6px;
}
.onboarding-first-deal {
  padding: 2.5rem;
  margin-top: 2em;
}
@media screen and (max-width: 768px) {
  .onboarding-first-deal {
    padding: 1.875rem 0.9375rem;
  }
}
.onboarding-first-deal .card-header {
  border: none;
  background: none;
}
.onboarding__infobox {
  max-width: 37.5rem;
  margin: 3.75rem auto 0 auto;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 4px;
  border: none;
}
.onboarding__infobox-header {
  padding: 1.25rem 1.25rem 0;
  color: #8ABF4C;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}
.onboarding__infobox-duration {
  font-size: 90%;
  color: #888C81;
  margin-bottom: 2.5rem;
  text-align: right;
}
.onboarding__infobox-tip {
  font-weight: 600;
  line-height: 1.5rem;
  padding: 0 1.25rem;
  margin-bottom: 1.875rem;
}
.onboarding-pr-report {
  padding-top: 2em;
  margin-top: 2em;
}
.onboarding__pr-report-contents {
  text-align: center;
}
.onboarding__pr-report-info {
  margin: 1em auto;
  color: #333;
  font-size: 1.5rem;
  line-height: 2rem;
  width: 400px;
}
.onboarding__pr-report-button {
  margin-top: 2em;
}
.onboarding__pr-report-button button {
  padding-left: 2em;
  padding-right: 2em;
}
.onboarding__report-page {
  margin: 0 auto;
  text-align: center;
}
.onboarding-report-image {
  margin: 0 auto;
  text-align: center;
}
.onboarding .card {
  background: #FFF;
  max-width: 37.5rem;
  margin: 0 auto;
  padding: 1.875rem;
  border-radius: 0.25rem;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
}
.onboarding .card.md {
  max-width: 50rem;
}
.onboarding .card .onboarding__header {
  background-color: #8ABF4C;
}
.onboarding .card .onboarding__info {
  line-height: 1.5rem;
  color: #777;
}
.onboarding .card .onboarding__info a {
  color: #8ABF4C;
  font-weight: 600;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.onboarding .card .onboarding__info p {
  padding-bottom: 0.75rem;
  padding-top: 0.25rem;
}
.onboarding .card .btn {
  min-width: 15rem;
}

.card__absolute {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 37.5rem;
}
@media screen and (max-width: 640px) {
  .card__absolute {
    width: 94%;
    margin: 0 15px;
  }
}

.avatars-list__item {
  margin: 0.9375rem 1.125rem;
}
@media screen and (max-width: 640px) {
  .avatars-list__item {
    margin: 0.1875rem 0.3125rem;
  }
}

.reporting-image {
  max-height: 50vh;
  max-width: 100%;
}

.onboarding__note {
  margin: 1.25rem 0;
  font-size: 0.875rem;
}
@media screen and (max-width: 640px) {
  .onboarding__note {
    margin: 0.9375rem 0 0.9375rem;
    font-size: 0.75rem;
  }
}

.tenant .onboarding__select-label {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #8ABF4C;
}
@media screen and (max-width: 640px) {
  .tenant .onboarding__select-label {
    font-size: 1.125rem;
  }
}

.container-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  width: 100%;
  margin: 1.25rem auto 0;
}
@media screen and (min-width: 768px) {
  .container-sm {
    width: 90%;
    margin: 1.875rem auto 0;
  }
}
.container-sm .onboarding__avatars-row {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
}
.container-sm .onboarding__avatars-row .form-group {
  width: 20rem;
}

.carousel__steps {
  display: flex;
  justify-content: center;
  margin-top: 0.625rem;
}
.carousel__steps-item {
  margin: 0 3px;
  color: #8ABF4C;
  font-size: 0.75rem;
}
.carousel__steps-item.active i {
  color: #8ABF4C;
}

.onboarding__card {
  max-width: 37.5rem;
  margin: 0 auto;
  background: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 4px;
}
.onboarding__card-head {
  background: #8ABF4C;
  padding: 1rem;
  color: #FFF;
  border-radius: 4px 4px 0 0;
}
.onboarding__card-head h3 {
  font-size: 1.5rem;
  font-weight: 600;
}
.onboarding__card-body {
  padding: 1.5rem;
}
.onboarding__card-body p {
  margin-bottom: 1rem;
  line-height: 1.5;
}
.onboarding__card-body p a {
  display: inline-block;
  padding: 0 0.25rem;
  color: #8ABF4C;
}

.mobile .no-mobile {
  display: none;
}
.mobile .kpi-button-right-margin {
  margin-right: 0;
}

.theme-color {
  color: #8ABF4C;
}

.danger-color {
  color: #E86546;
}

.salmon {
  color: #E86546;
}

.blue {
  color: #E1F2FF;
}

.webentry {
  background-color: rgba(242, 242, 238, 0.25);
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.webentry .col-md-12 {
  position: static;
}
.webentry.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .webentry.parallax {
    background-image: none !important;
    background-color: #FFF;
  }
}
.webentry .position-right, .webentry .position-center, .webentry .position-left {
  margin-top: auto;
}
.webentry.position-left {
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .webentry.position-left .webentry-body {
    margin-left: 2em;
  }
}
.webentry.position-right .webentry-body {
  margin-right: 2em;
}
@media screen and (max-width: 767px) {
  .webentry.position-right .webentry-body {
    margin-right: 0;
  }
}
.webentry-body {
  max-width: 41.25rem;
  margin: 2.5rem auto 1.25rem;
  padding: 0 1.875rem 1.25rem;
  background: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.25rem;
}
@media screen and (max-width: 767px) {
  .webentry-body {
    padding: 0.625rem;
    box-shadow: none;
    margin-top: 0.625rem;
  }
}
.webentry-body .react-select__input {
  padding-left: 12px !important;
}
.webentry-body .react-select__placeholder {
  padding-left: 12px !important;
  margin-bottom: 0.1875rem;
  font-size: 0.875rem;
}
.webentry-body .react-select .react-select__indicator {
  top: 0;
}
.webentry-custom-heading {
  max-width: 41.25rem;
}
.webentry-custom-heading h2 {
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 1.25rem 0;
  color: #5f5f5e;
}
@media screen and (max-width: 767px) {
  .webentry-custom-heading h2 {
    font-size: 1.25rem;
  }
}
.webentry-custom-heading p {
  text-align: center;
  font-weight: 1rem;
  padding: 0 1.875rem 0.9375rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: pre-line;
}
@media screen and (max-width: 767px) {
  .webentry-custom-heading p {
    padding: 0 0.625rem 0.9375rem;
  }
}
.webentry-subheading {
  font-weight: bold;
  font-size: 1.125rem;
  padding: 1.25rem 0 0.625rem;
}
.webentry h1 {
  font-size: 3rem;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  text-transform: capitalize;
}
.webentry .lose-padding {
  float: none;
}
.webentry .card-header {
  display: none;
}
.webentry .card {
  background: none;
}
.webentry .card-group {
  margin: 1.125rem 0 0 0;
}
.webentry-attchment__selected i {
  margin-left: 6px;
}
.webentry-header {
  padding: 1.25rem 1.875rem;
  width: 100%;
}
.webentry-header-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 20vh;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.webentry-header-background img {
  display: block;
  margin-bottom: 2em;
  max-width: 18.75rem;
  max-height: 10vh;
}
.webentry-header p {
  font-size: 2em;
  text-align: center;
  padding: 1em 2em;
}
.webentry .form-group {
  position: relative;
}
.webentry .form-group .control-label {
  position: relative;
  font-weight: 600;
  font-size: 0.875rem;
  color: #5F5F5E;
  padding-bottom: 0.5rem;
  white-space: normal;
}
.webentry .form-group .control-label.custom-block {
  padding-bottom: 0.875rem;
}
.webentry .form-group .control-label.custom-block .custom-info {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2px;
  font-size: 8pt;
  color: darkgray;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webentry .form-group .react-select .react-select__control {
  height: 40px;
  border: 1px solid #DBDCD9 !important;
  border-radius: 0.1875rem;
  padding-right: 0.75rem;
}
.webentry .form-group .react-select .react-select__control:focus {
  border: 1px solid #8ABF4C;
}
.webentry .form-group .react-select .react-select__control .react-select__value-container {
  padding-left: 0.5rem;
}
.webentry .form-group .react-select .react-select__control .react-select__multi-value {
  margin: 0.1875rem;
}
.webentry .form-group .is-multi.react-select .react-select__control {
  min-height: 2.5rem;
  height: auto;
  padding-left: 0.125rem;
}
.webentry .form-group .is-multi .react-select__input {
  padding-left: 0.375rem !important;
}
.webentry .form-group .edit-off {
  border: none;
}
.webentry .form-group .form-control {
  border: 1px solid #DBDCD9 !important;
  border-radius: 0.1875rem;
  padding-left: 0.75rem !important;
  padding-right: 1.875rem;
  margin: 0;
}
.webentry .form-group .form-control.form__textarea {
  min-height: 40px;
}
.webentry .form-group .form-control:focus {
  border: 1px solid #8ABF4C;
}
.webentry .form-group .form-control.form-control-static {
  min-height: 8em !important;
}
.webentry .form-group .cancel-btn {
  top: 50%;
  transform: translateY(-50%);
}
.webentry .form-group .fa-info-circle {
  position: absolute;
  right: 0;
  bottom: 0.375rem;
  color: #8ABF4C;
  font-size: 1rem;
}
.webentry .card-body {
  padding: 0 1.875rem;
}
@media screen and (max-width: 767px) {
  .webentry .card-body {
    padding: 0 0.625rem;
  }
}
.webentry .card-body .row {
  margin: 0 -5px;
}
.webentry .card-default {
  margin-top: 0 !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.webentry-footer {
  max-width: 37.5rem;
  margin: 0 auto;
  float: none;
  background: #fff;
}
.webentry-footer-container .captcha-container {
  display: block;
  padding: 1.875rem 0;
}
@media screen and (max-width: 767px) {
  .webentry-footer-container .captcha-container {
    overflow: hidden;
  }
}
@media screen and (max-width: 374px) {
  .webentry-footer-container .captcha-container .g-recaptcha div {
    width: 280px !important;
  }
}
@media screen and (max-width: 374px) {
  .webentry-footer-container .captcha-container .g-recaptcha div iframe {
    width: 100%;
  }
}
.webentry-footer-container .captcha-container div {
  display: block;
  margin: auto;
}
.webentry-footer-container .confirm-container label .row > div:last-child {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #5F5F5E;
  font-weight: normal;
  margin-bottom: 0;
  display: inline-block;
  width: 90%;
  float: right;
  padding: 0;
  position: relative;
  top: -5px;
}
.webentry-footer-container-buttons {
  padding: 1em 0;
}
.webentry-footer-container-buttons p {
  font-size: 0.8em;
  padding: 0.5em 2em;
  text-align: center;
}
.webentry-footer-disclaimer {
  max-width: 37.5rem;
  margin: 1.25rem auto;
  padding: 0 1.875rem;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  text-align: center;
  color: #777;
}
.webentry-footer-disclaimer a {
  color: #8ABF4C;
  font-weight: 600;
}
.webentry-footer-disclaimer a:hover {
  text-decoration: underline;
}

.page-content-container {
  background: #FFF;
}

@media screen and (min-width: 320px) and (max-width: 667px) {
  .webentry-header img {
    margin-bottom: 1em;
    max-width: 80%;
  }
  .webentry-header h1 {
    font-size: 1.2em;
  }
  .webentry-header p {
    font-size: 0.8em;
  }
}
.success-view-container {
  height: calc(100vh - 100px);
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.success-container {
  max-width: 41.25rem;
  min-width: 20rem;
  padding: 1.875rem 2.5rem 3.125rem;
  background-color: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.25rem;
  margin: 0 auto;
}
.success-container p {
  color: #333;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 1.5rem;
}

.section-header {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.9375rem;
}

.webentry-settings-section .webentrylist-container {
  max-width: 100%;
}
.webentry-settings-section .webentrylist-item-details {
  align-items: center;
}
.webentry-settings-section .switch__container {
  margin-top: 0.5rem;
}
.webentry-settings-section .remove-branding {
  font-weight: bold;
  font-size: 0.75rem;
}

.webentry-body .form-group .Select-menu-outer .Select-menu {
  max-height: 50vh !important;
}
.webentry-body .form-group .Select-control {
  border: 1px solid #DBDCD9 !important;
  border-radius: 0.1875rem;
  padding-left: 0.75rem;
}
.webentry-body .form-group .Select-control:hover {
  box-shadow: none;
}
.webentry-body .form-group .Select-placeholder {
  padding-left: 0.75rem !important;
}
.webentry-body .form-group .Select--multi .Select-input > input {
  height: 2.125rem;
}
.webentry-body .Select--single > .Select-control .Select-value {
  padding-left: 12px !important;
}

.webentry-overflow-controller .react-select__value-container {
  padding: 0;
  max-height: 200px;
  overflow: auto;
}

.commitments-view .zap-toolbar {
  margin-top: 0;
}
.commitments-view-content {
  flex: 1 1 100%;
}
@media screen and (max-width: 767px) {
  .commitments-view-content {
    margin-left: 0;
    padding-left: 1.25rem;
    padding-right: 0;
  }
}
.commitments-view-content.named-views-minimized {
  margin-left: 0;
  padding-left: 25px;
}
.commitments .sub-navbar {
  padding: 0 1.25rem;
}
.commitments-filter-list {
  margin-left: 0.625rem;
}

.btn-wrapper {
  margin: 0.625rem 0;
}

.grid-top-bar {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 0 0.625rem;
}

.grid-no-rows {
  text-align: center;
  margin: 3.75rem 0;
  color: #8ABF4C;
  font-weight: bold;
}

.commitments-toolbar {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.grid-universal-search-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.grid-universal-search-container input {
  height: 2.375rem;
  line-height: 2.125rem;
  background: none;
  font-size: 0.875rem;
  border: 1px solid rgba(119, 119, 119, 0.4);
  border-right: none;
  border-radius: 4px 0 0 4px;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  min-width: 12.5rem;
}
.grid-universal-search-container input::-webkit-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.grid-universal-search-container input:-moz-placeholder { /* Firefox 18- */
  color: #777;
  opacity: 0.5;
}
.grid-universal-search-container input::-moz-placeholder { /* Firefox 19+ */
  color: #777;
  opacity: 0.5;
}
.grid-universal-search-container input:-ms-input-placeholder {
  color: #777;
  opacity: 0.5;
}
.grid-universal-search-container input:focus {
  border: 1px solid #8ABF4C;
  border-right: none;
  box-shadow: none;
  outline: none;
}
.grid-universal-search-container i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.375rem;
  width: 2.375rem;
  color: #FFF;
  background: #8ABF4C;
  border-radius: 0 4px 4px 0;
  font-size: 18px;
}

.commitment-icon {
  font-size: 3.5625rem;
  margin-right: 1.25rem;
  color: #8ABF4C;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 767px) {
  .commitment-icon {
    font-size: 1.25rem;
    margin-right: 0.625rem;
  }
}

.modules-dropdown a {
  color: #eee;
}

.clickable {
  cursor: pointer;
}
.clickable.fa-external-link {
  color: #8ABF4C;
}

.hover-danger:hover {
  color: #E86546;
}

.hover-green:hover {
  color: #8ABF4C;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectable {
  user-select: text;
}

.syncing-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: white;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.syncing-data i {
  font-size: 6.25rem;
}
.syncing-data span {
  font-size: 1rem;
}
.syncing-data img {
  max-width: 320px;
}
@media screen and (max-width: 767px) {
  .syncing-data img {
    max-width: 180px;
  }
}

.spinner__title {
  font-weight: 600;
  margin-top: 2.5rem;
  font-size: 1.1875rem;
  margin-bottom: 0.3125rem;
  color: black;
}

.spinner__desc {
  color: black;
}

@media screen and (max-width: 578px) {
  .spinner__title {
    padding: 0 0.3125rem;
  }
  .spinner__desc {
    text-align: center;
    padding: 0 0.3125rem;
  }
}
.spinner-wrapper {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  color: #777;
}
.spinner-wrapper img {
  width: 25rem;
  height: 17.875rem;
}
.spinner-wrapper .spinner__desc {
  display: block;
  text-align: center;
}

.resize-ew * {
  cursor: col-resize;
}

.resize-not-allowed * {
  cursor: not-allowed;
}

.contacts-view {
  flex: 1 1 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.contacts-view-content {
  flex: 1 1 100%;
}

.companies-view {
  flex: 1 1 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.companies-view-content {
  flex: 1 1 100%;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -ms-overflow-style: scrollbar;
}
body.full-body {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

body {
  background-color: #f2f2ee;
  color: #333;
}
body.draggable-area {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#zap-application {
  display: block;
  width: 100%;
  height: 100%;
}

.main-view {
  display: block;
  width: 100%;
  height: 100%;
}

.zap-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 100%;
  min-height: 0;
}
.zap-page--overflow {
  height: 100vh;
  flex: initial;
}
.zap-page__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  flex: 1 1 100%;
  position: relative;
}
.zap-page__sidebar {
  min-width: 240px;
}

.grid-view {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .grid-view {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
  }
}
.grid-view-content {
  flex: 1 1 auto;
}
.grid-view-content.board-view {
  overflow-x: visible;
  overflow-y: hidden;
  margin-right: 0 !important;
  display: flex;
}

.kpi-summary .grid-view {
  overflow: auto;
}
.kpi-summary .grid-view-content {
  overflow-x: hidden;
  overflow-y: auto;
}

.auto-scroll-height {
  overflow-y: auto;
}

.zap-footer {
  height: 3.125rem;
}

.horizontal-page {
  display: flex;
  flex-direction: row;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.horizontal-page__header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .horizontal-page__header {
    padding-left: 0;
    padding-right: 0;
  }
}
.horizontal-page__header--fixed {
  position: fixed;
  top: 0;
  left: 20%;
  right: 0;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .horizontal-page__header--fixed {
    left: 0;
  }
}
.horizontal-page__footer {
  margin-top: auto;
}
.horizontal-page__body-top-logo {
  margin-left: auto;
  max-width: 120px;
}
@media screen and (max-width: 1024px) {
  .horizontal-page__body-top-logo {
    margin-left: 0;
  }
}
.horizontal-page__body {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  width: calc(100% - 384px);
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .horizontal-page__body {
    width: 100%;
  }
}
.horizontal-page__banner {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  width: 384px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .horizontal-page__banner {
    display: none;
  }
}
.horizontal-page__banner:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.horizontal-page__banner-logo {
  width: 8.125rem;
  margin: auto auto 1.5rem;
  position: relative;
  z-index: 2;
}

.banner-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner-image--desktop-large {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-height: 800px) {
  .banner-image--desktop-large {
    display: none;
  }
}
@media screen and (min-height: 801px) {
  .banner-image--desktop {
    display: none;
  }
}

.error-banner {
  background: #E86546;
}

.nav-link {
  padding-left: 0;
  padding-right: 0;
}

.zap-navbar {
  background-color: #32332F;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  flex: 0 0 auto;
  height: 50px;
  overflow: visible;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0 1rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .zap-navbar {
    align-items: center;
    justify-content: space-between;
  }
}
.zap-navbar .narrow-menu-btn {
  transition: 0.3s;
}
.zap-navbar .tenant-name {
  position: absolute;
  left: 0.9375rem;
  bottom: 0.1875rem;
  color: #FFF;
  font-size: 0.5rem;
  white-space: nowrap;
}
.zap-navbar.admin-navbar {
  background-color: rgba(74, 74, 74, 0.75);
  color: #eee;
  position: relative;
}
.zap-navbar.admin-navbar .mode-selector {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  margin: 0 0.9375rem;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .zap-navbar.admin-navbar .mode-selector {
    font-size: 0.875rem;
    margin: 0 0.625rem;
  }
}
.zap-navbar.admin-navbar .mode-selector:hover {
  color: #8ABF4C;
}
.zap-navbar.admin-navbar .mode-selector.status-active:after {
  content: "";
  display: block;
  position: absolute;
  background: #8ABF4C;
  height: 3px;
  left: 0;
  right: 0;
  bottom: -17px;
}
@media screen and (min-width: 1024px) {
  .zap-navbar:not(.sample):before {
    content: "";
    height: 0.1875rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: right 1s ease-out;
    background-image: linear-gradient(54deg, #79c233 0%, #009da8 91%);
    z-index: 2;
  }
}
.zap-navbar.searching .power-search-toggle {
  color: #8ABF4C;
}
.zap-navbar-left, .zap-navbar-right {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
  position: relative;
  gap: 16px;
}
.zap-navbar-left .zap-btn__hollow-borderless__green.btn, .zap-navbar-right .zap-btn__hollow-borderless__green.btn {
  border: none;
  font-size: 1.5rem;
}
.zap-navbar-left .zap-btn__hollow-borderless__green.btn:hover, .zap-navbar-right .zap-btn__hollow-borderless__green.btn:hover {
  border: none;
  color: #8ABF4C !important;
}
.zap-navbar-left {
  justify-content: flex-start;
  align-items: center;
}
.zap-navbar-left .dropdown.current-module {
  color: #8ABF4C;
}
.zap-navbar-left .dropdown.current-module .dropdown-toggle {
  position: relative;
}
.zap-navbar-left .dropdown.current-module .dropdown-toggle:after {
  content: "";
  position: absolute;
  background: #8ABF4C;
  height: 4px;
  left: 0;
  right: 0;
  bottom: -7px;
  border: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .zap-navbar-left .dropdown.current-module .dropdown-toggle:after {
    height: 4px;
  }
}
.zap-navbar-left .dropdown.current-module.show-caret .dropdown-toggle:after {
  bottom: 0;
}
.zap-navbar-left .dropdown.current-dropdown.open .dropdown-toggle {
  position: relative;
}
.zap-navbar-left .dropdown.current-dropdown.open .dropdown-toggle:after {
  display: none;
}
.zap-navbar-left .dropdown.current-dropdown .dropdown-toggle {
  position: relative;
}
.zap-navbar-left .dropdown.current-dropdown .dropdown-toggle:after {
  content: "";
  position: absolute;
  background: #8ABF4C;
  margin: 0;
  height: 4px;
  left: 0;
  right: 0;
  bottom: 0px;
  border: none;
}
@media screen and (max-width: 767px) {
  .zap-navbar-left .dropdown.current-dropdown .dropdown-toggle:after {
    content: normal;
  }
}
.zap-navbar-left .dropdown.current-dropdown .dropdown-menu {
  border: none;
}
.zap-navbar-right {
  justify-content: flex-end;
  align-items: center;
}
.zap-navbar-right .btn {
  padding: 0.3125rem 0.3125rem 0.375rem;
  border-radius: 3px !important;
  line-height: 1;
  font-size: 0.875rem;
}
@media screen and (min-width: 1200px) {
  .zap-navbar-right .btn {
    padding: 0.4375rem 0.375rem 0.5rem;
    font-size: 0.9375rem;
  }
}
.zap-navbar-right .btn-sm {
  border: none !important;
}
.zap-navbar-right .btn-sm .fa-times-circle {
  color: rgba(255, 255, 255, 0.5) !important;
}
.zap-navbar-right .btn-sm:hover {
  border: none !important;
}
.zap-navbar-right .btn-sm:hover .fa-times-circle {
  color: #FFF !important;
}
.zap-navbar:not(.custom-navbar-colors) .btn {
  color: #FFF !important;
}
.zap-navbar .narrow-menu-btn {
  padding-top: 6px;
  padding-left: 0;
}
.zap-navbar .menu-btn {
  border: none;
  outline: none;
  background: none;
  color: #FFF;
  cursor: pointer;
  padding: 0;
  margin-right: 1rem;
  height: auto;
  line-height: 1;
  font-size: 1.5rem;
}
@media screen and (max-width: 374px) {
  .zap-navbar .menu-btn {
    margin-right: 0;
  }
}
.zap-navbar .menu-btn:hover {
  color: #8ABF4C;
  outline: none;
}
.zap-navbar .zap-logo {
  display: block;
  background-position: center center;
  background-size: contain;
  height: 1.875rem;
  min-width: 7.5rem;
  margin-right: 1rem;
}
@media screen and (max-width: 1023px) {
  .zap-navbar .zap-logo {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .zap-navbar .zap-logo {
    min-width: 6.25rem;
    width: 5rem;
    margin-right: 8px;
  }
}
.zap-navbar .whitelabel-logo {
  min-width: 12.5rem;
  height: 2rem;
  background-position: left center;
}
@media screen and (max-width: 1023px) {
  .zap-navbar .whitelabel-logo {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .zap-navbar .whitelabel-logo {
    min-width: 11.25rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 1366px) {
  .zap-navbar .whitelabel-logo {
    min-width: 10rem;
    margin-right: 0.75rem;
  }
}
.zap-navbar .zap-navbar-dropdown {
  align-self: center;
  list-style: none;
  padding: 0 0.9375rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .zap-navbar .zap-navbar-dropdown {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.zap-navbar .zap-navbar-dropdown a {
  display: block;
  color: #FFF;
  font-size: 1rem;
}
.zap-navbar .zap-navbar-dropdown a:hover {
  color: #8ABF4C;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .zap-navbar .zap-navbar-dropdown a {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1280px) {
  .zap-navbar .zap-navbar-dropdown a {
    font-size: 0.875rem;
  }
}
.zap-navbar .zap-navbar-dropdown.current-dropdown a, .zap-navbar .zap-navbar-dropdown.current-module a {
  color: #8ABF4C;
}
.zap-navbar .zap-navbar-dropdown .dropdown-menu {
  border: none;
  box-shadow: none;
  background: none;
}
.zap-navbar .mobile-size .dropdown {
  height: auto;
  min-height: 3.125rem;
}
.zap-navbar .mobile-size .dropdown .dropdown-menu {
  position: relative;
  float: none;
}
.zap-navbar .module-dropdown-container {
  display: none;
}
@media screen and (min-width: 1200px) {
  .zap-navbar .module-dropdown-container {
    display: block;
  }
}
.zap-navbar .module-dropdown-container.narrow > .dropdown {
  height: auto;
  min-height: 3.125rem;
}
@media screen and (max-width: 1023px) {
  .zap-navbar .module-dropdown-container.narrow > .dropdown {
    min-height: auto;
  }
}
.zap-navbar .module-dropdown-container.narrow > .dropdown .dropdown-menu {
  position: relative;
  float: none;
}
.zap-navbar .module-dropdown-container .show-caret .dropdown-toggle .module-dropdown__handle:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 300;
  margin-left: 0.5rem;
  position: relative;
  top: 1px;
}
.zap-navbar .module-dropdown-container .module-dropdown__handle {
  position: relative;
}
.zap-navbar .module-dropdown-container .module-dropdown__handle .btn {
  display: none;
}
.zap-navbar .module-dropdown-container .module-dropdown__sub-title {
  display: block;
  text-align: center;
  font-size: 0.5rem;
}
.zap-navbar .module-dropdown-container .modules-dropdown {
  height: 3.125rem;
  white-space: nowrap;
  list-style: none;
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
  .zap-navbar .module-dropdown-container .modules-dropdown {
    padding: 0 0.375rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .zap-navbar .module-dropdown-container .modules-dropdown {
    padding: 0 0.5rem;
  }
}
.zap-navbar .module-dropdown-container .modules-dropdown > a {
  display: flex;
  align-items: center;
  height: 3.125rem;
  font-size: 1rem;
}
.zap-navbar .module-dropdown-container .modules-dropdown > a:hover {
  color: #8ABF4C;
}
@media screen and (max-width: 767px) {
  .zap-navbar .module-dropdown-container .modules-dropdown > a {
    height: auto;
    padding: 0.5rem 0;
    justify-content: space-between;
    box-shadow: none;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1280px) {
  .zap-navbar .module-dropdown-container .modules-dropdown > a {
    margin: 0;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
  .zap-navbar .module-dropdown-container .modules-dropdown > a {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .zap-navbar .module-dropdown-container .modules-dropdown > a .caret {
    font-size: 1.25rem;
    color: #8ABF4C;
    transform: rotate(-90deg);
  }
}
.zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu {
  left: 0;
  padding: 0;
  margin-top: 0;
  background: #32332F;
  border: none;
  box-shadow: none;
  border-radius: 0 0 4px 4px;
  border: none;
  top: 100%;
  list-style: none;
}
.zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu > a {
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #FFF;
  padding: 12px 13px;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu > a {
    font-size: 0.875rem;
    padding: 0.5rem 0.5rem 0.625rem;
  }
}
.zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu > a:hover, .zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu > a:focus {
  background: rgba(50, 51, 47, 0.3);
  color: #00a2ae;
}
@media screen and (max-width: 1023px) {
  .zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu > a:hover, .zap-navbar .module-dropdown-container .modules-dropdown .dropdown-menu > a:focus {
    background: none;
    color: #FFF;
  }
}
.zap-navbar .module-dropdown-container .modules-dropdown.show > a {
  background: transparent;
  color: #8ABF4C;
}
@media screen and (min-width: 1024px) {
  .zap-navbar .module-dropdown-container .modules-dropdown.show > a {
    position: relative;
  }
  .zap-navbar .module-dropdown-container .modules-dropdown.show > a:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: transparent;
    z-index: 0;
  }
}
.zap-navbar .module-dropdown-container .modules-dropdown.show > a span {
  position: relative;
  z-index: 1;
}
.zap-navbar .mobile-module-dropdown-container .modules-dropdown {
  padding-left: 0;
  padding-right: 0;
}
.zap-navbar .mobile-module-dropdown-container .dropdown-toggle {
  color: #FFF;
  padding-left: 0;
  padding-right: 20px;
  background: transparent !important;
  position: relative;
}
.zap-navbar .mobile-module-dropdown-container .dropdown-toggle:after {
  content: normal !important;
}
.zap-navbar .mobile-module-dropdown-container .dropdown-toggle:before {
  content: "\f107" !important;
  font-family: "Font Awesome 5 Pro";
  border: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.zap-navbar .mobile-module-dropdown-container .dropdown-menu {
  position: relative !important;
  left: 0 !important;
  transform: none !important;
}
.zap-navbar .mobile-module-dropdown-container .dropdown-menu .dropdown-item {
  color: #FFF;
  padding-left: 1.5rem;
}
.zap-navbar .preferences-container {
  display: flex;
  align-items: flex-start;
  align-self: center;
}
.zap-navbar .preferences-container .btn-group {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .zap-navbar .preferences-container {
    display: none !important;
  }
}
.zap-navbar .button-container {
  align-self: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 1px;
}
.zap-navbar .button-container .global-navbar-tasks .fa-star {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .zap-navbar .button-container .global-navbar-tasks .fa-star {
    margin-left: 0.5rem;
  }
}
.zap-navbar .button-container .position-relative {
  top: 1px;
}
.zap-navbar-tasks a {
  color: #FFF !important;
}
.zap-navbar-tasks i {
  font-size: 1.125rem;
}
.zap-navbar-tasks__handle {
  white-space: nowrap;
  position: relative;
}
.zap-navbar-tasks__count.badge {
  background: #00a2ae;
  color: #FFF;
  padding: 0.1875rem 0.25rem 0.125rem 0.25rem;
  font-size: 0.625rem;
  position: absolute;
  top: 2px;
  right: 4px;
  border: 1px solid #FFF;
}
.zap-navbar__dropdown > .dropdown-menu {
  background: #464743;
  width: 100vw;
  height: calc(100vh - 47px);
  max-height: 100% !important;
  position: fixed;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1023px) {
  .zap-navbar__dropdown > .dropdown-menu {
    margin-top: 0;
    padding: 2.9375rem 15px 0;
    overflow: auto;
  }
}
.zap-navbar__dropdown.open .narrow-menu-btn {
  z-index: 2000 !important;
  position: fixed;
  right: 1rem;
  top: 0.5rem;
}
.zap-navbar__dropdown.open .narrow-menu-btn i:before {
  content: "\f00d";
}

.global-navbar-left {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 30%;
}

.global-navbar-right {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 70%;
}
@media screen and (max-width: 1023px) {
  .global-navbar-right .module-dropdown-container {
    display: none;
  }
}

.global-navbar-create {
  margin-right: 0.375rem;
}
.global-navbar-create:hover {
  border: 1px solid #8ABF4C;
}

.circle-menu__image,
circle-menu__text {
  width: 30px;
  height: 30px;
}

.account-dropdown-container .user-dropdown {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.account-dropdown-container .user-dropdown .dropdown-toggle {
  padding: 2px 0;
  text-decoration: none !important;
}
.account-dropdown-container .user-dropdown .dropdown-toggle:after {
  content: normal;
}
.account-dropdown-container .user-dropdown.open .dropdown-toggle {
  color: #8ABF4C !important;
}
.account-dropdown-container .user-dropdown a {
  width: 100%;
  color: #FFF;
  font-size: 1.125rem;
}
.account-dropdown-container .user-dropdown a:hover {
  color: #8ABF4C;
}
.account-dropdown-container .user-dropdown .account-dropdown-handle {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 1px solid #FFF;
}
.account-dropdown-container .user-dropdown .account-dropdown-handle .well {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  text-transform: uppercase;
  color: #8ABF4C;
  font-weight: 600;
  background: transparent;
  border: none;
}
.account-dropdown-container .user-dropdown .account-dropdown-handle img {
  width: auto;
  height: auto;
  border-radius: 50%;
  display: block;
  min-width: 100%;
  min-height: 100%;
  margin: auto;
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}
.account-dropdown-container .dropdown-menu {
  background: #32332F;
  border: none;
  opacity: 1;
  padding: 6px;
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  transform: translate3d(-194px, 32px, 0px) !important;
}
.account-dropdown-container .dropdown-menu a {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  padding: 0.375rem 1rem;
}
.account-dropdown-container .dropdown-menu a:hover, .account-dropdown-container .dropdown-menu a:active, .account-dropdown-container .dropdown-menu a:focus {
  background: rgba(50, 51, 47, 0.3);
  color: #8ABF4C;
}
.account-dropdown-container .dropdown-menu a.sign-out-module-item {
  border-top: none;
  margin-top: 0;
}
.account-dropdown-container .dropdown-menu a.sign-out-module-item a {
  padding: 0.5rem 1rem 0.625rem;
}
.account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item {
  background-color: #8ABF4C;
  border-radius: 0.1875rem;
  font-size: 0.75rem;
  margin-bottom: 4px;
}
.account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item span {
  text-align: center !important;
  display: block;
  padding: 0rem;
}
.account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item:hover, .account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item:focus, .account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item:active {
  color: #FFF !important;
  background: #7db240;
}
.account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item:hover span, .account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item:focus span, .account-dropdown-container .dropdown-menu a.sandbox-mode-selector-item:active span {
  background-color: transparent !important;
}

.account-dropdown {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.account-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.account-dropdown .dropdown-toggle .global-navbar-icon:hover {
  color: #8ABF4C;
}
.account-dropdown .dropdown-toggle:after {
  content: normal;
}

.zap-navbar__dropdown .dropdown-toggle i:hover {
  color: #8ABF4C;
}

.create-dropdown {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
  top: 1px;
}
.create-dropdown .dropdown-toggle .global-navbar-icon:hover {
  color: #8ABF4C;
}
.create-dropdown a {
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 1rem;
  border: 1px solid transparent;
}
.create-dropdown a:after {
  content: normal;
}
.create-dropdown a:hover {
  color: #8ABF4C;
}
.create-dropdown a span {
  display: block;
  line-height: 1;
}

.flagged-deals-dropdown-container .btn-link.focus, .flagged-deals-dropdown-container .btn-link:focus {
  text-decoration: none;
}
.flagged-deals-dropdown-container .account-dropdown.open .global-navbar-tasks {
  color: #8ABF4C !important;
}
.flagged-deals-dropdown-container .account-dropdown .fa-star {
  position: relative;
  line-height: 1;
  display: block;
}
@media screen and (max-width: 767px) {
  .flagged-deals-dropdown-container .global-navbar-create {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .zap-navbar__dropdown__menu .module-dropdown-container {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 1023px) {
  .zap-navbar__dropdown__menu .module-dropdown-container:last-of-type {
    border: none;
  }
}

.dropdown-empty .dropdown-menu {
  display: none;
}

.info-badge-top {
  display: block;
  position: absolute !important;
  top: -1px;
  right: -8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F5BD3E;
}

.badge-new {
  text-transform: uppercase;
  background: #F5BD3E;
  border-radius: 10px;
  font-size: 10px;
  line-height: 1.75;
  font-weight: bold;
  padding: 0 4px;
  margin-left: 20px;
  margin-top: 3px;
  color: #FFF !important;
}

.navbar-brand {
  padding-top: 0.25rem;
  padding-bottom: 0;
}
.navbar-brand .btn-link {
  color: #8ABF4C;
}

.feedback-dropdown__menu {
  max-height: 90vh;
  margin-top: 0.5rem;
  border: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  color: #333;
}
@media screen and (max-width: 768px) {
  .feedback-dropdown__menu {
    position: fixed !important;
    top: 50px !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    min-width: 100%;
  }
}
.feedback-dropdown__content {
  width: 25rem;
}
@media screen and (max-width: 768px) {
  .feedback-dropdown__content {
    width: initial;
  }
}
.feedback-dropdown__spinner-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #8ABF4C;
  font-size: 0.875rem;
}
.feedback-dropdown__spinner {
  width: 24px;
}

.breadcrumb {
  margin-bottom: 0;
}

.toobar-tab-label {
  display: block;
  font-size: 16px;
  cursor: pointer;
  text-transform: initial;
  padding: 0.75rem 0;
  margin: 0 0.9375rem;
  border: none;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  color: #888C81;
}
.toobar-tab-label.active {
  color: #8ABF4C;
}

.zap-toolbar {
  flex: 0 0 3.125rem;
  max-height: 3.125rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0.625rem 0.9375rem;
  background: #FFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
@media screen and (min-width: 640px) {
  .zap-toolbar {
    justify-content: space-between;
  }
}
.zap-toolbar__header__container {
  flex: 1;
  margin-right: 0.625rem;
}
.zap-toolbar__navigation {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex: 1 1 100%;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
@media screen and (min-width: 640px) {
  .zap-toolbar__navigation {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }
}
.zap-toolbar__navigation .btn {
  padding-left: 5px;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 640px) {
  .zap-toolbar__navigation .btn {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -2px;
  }
}
.zap-toolbar__navigation .back-btn {
  border: 1px solid transparent;
  padding-left: 0.625rem;
  font-size: 1rem;
  color: #8ABF4C;
}
.zap-toolbar__navigation .back-btn span span {
  display: inline-block;
  margin-left: 0.375rem;
  text-decoration: underline;
}
.zap-toolbar__navigation .back-btn:hover {
  background: none;
}
.zap-toolbar__navigation .back-btn:hover span span {
  text-decoration: none;
}
.zap-toolbar__navigation .back-btn i {
  position: relative;
  top: 1px;
  font-size: 1.25rem;
}
.zap-toolbar__navigation .breadcrumb {
  background: transparent;
  margin-bottom: 0;
  padding: 0;
}
.zap-toolbar__navigation .breadcrumb li {
  text-transform: initial;
  font-size: 1rem;
}
.zap-toolbar__navigation .breadcrumb li a {
  display: block;
  line-height: 1.25;
  width: 100%;
  color: #8ABF4C;
  font-size: 1rem;
}
.zap-toolbar__navigation .breadcrumb li.inline-fix a {
  display: inline;
}
.zap-toolbar__navigation .breadcrumb li.active {
  color: #777;
}
.zap-toolbar__navigation .breadcrumb li + li:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin: 0 0.375rem;
  position: relative;
  top: 1px;
}
.zap-toolbar__buttons {
  white-space: nowrap;
  display: none;
}
@media screen and (min-width: 1024px) {
  .zap-toolbar__buttons {
    display: block;
  }
}
.zap-toolbar__buttons__container {
  display: inline-block;
}
.zap-toolbar__buttons .btn {
  height: 2.375rem;
}
.zap-toolbar__buttons .btn.completed {
  border: none;
  opacity: 1;
  cursor: inherit;
}
.zap-toolbar__dropdown {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .zap-toolbar__dropdown:not(.force-visible) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .zap-toolbar__dropdown {
    margin-left: auto;
  }
}
.zap-toolbar__dropdown .dropdown-toggle {
  padding: 0 0 0 1rem;
  margin: 0;
}
.zap-toolbar__dropdown .dropdown-toggle.no-right-padding {
  margin-right: -0.75rem;
  padding: 0 1rem;
}
.zap-toolbar__dropdown .dropdown-toggle.actions-dropdown {
  padding: 0.6875rem 1rem;
}
.zap-toolbar__dropdown__menu-action__yellow {
  color: #F5BD3E !important;
}
.zap-toolbar__dropdown__menu-action__yellow:hover {
  color: #FFF !important;
}
.zap-toolbar__dropdown__menu-action__salmon {
  color: #E86546 !important;
}
.zap-toolbar__dropdown__menu-action__salmon:hover {
  color: #FFF !important;
}
.zap-toolbar__dropdown__menu-action__blue {
  color: #00a2ae !important;
}
.zap-toolbar__dropdown__menu-action__blue:hover {
  color: #FFF !important;
}
.zap-toolbar__dropdown__menu-action__green {
  color: #8ABF4C !important;
}
.zap-toolbar__dropdown__menu-action__green:hover {
  color: #FFF !important;
}
.zap-toolbar .view-mode {
  float: left;
  font-size: 0.75rem;
  background-color: transparent;
  padding: 0.3125rem 0.375rem 0.375rem;
  cursor: pointer;
  color: #00a2ae;
}
@media screen and (max-width: 767px) {
  .zap-toolbar .view-mode {
    width: 1.625rem;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .zap-toolbar .view-mode span {
    display: none;
  }
}
.zap-toolbar .view-mode i {
  margin-right: 0.25rem;
}
@media screen and (max-width: 767px) {
  .zap-toolbar .view-mode i {
    margin-right: 0;
  }
}
.zap-toolbar .view-mode.selected {
  background-color: #00a2ae;
  cursor: default;
  color: #FFF;
}
.zap-toolbar .view-mode-switch {
  border: 1px solid #00a2ae;
  border-radius: 3px;
  flex: 1 0 auto;
  list-style-type: none;
  margin-right: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .zap-toolbar .view-mode span {
    display: none;
  }
}
.zap-toolbar .sub-navbar__collapse__btn {
  background: transparent !important;
  font-size: 1.5rem;
  color: #888C81;
  box-shadow: none !important;
}
.zap-toolbar .sub-navbar__collapse__btn.active {
  color: #8ABF4C !important;
}
.zap-toolbar .dropdown-toggle.btn-primary:not(:disabled):not(.disabled).active {
  color: #888C81;
}
.zap-toolbar .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  top: 100% !important;
  transform: translateY(10px) !important;
}
.zap-toolbar .cycle-downloader .dropdown-menu {
  width: 7.125rem !important;
  min-width: 7.125rem !important;
  left: 0 !important;
  right: auto !important;
  margin-top: 4px !important;
}

.zap-search {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.zap-search .search-box {
  height: 2.375rem;
  min-width: 12.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border: 1px solid #eee;
  border-right: none;
  border-radius: 4px 0 0 4px;
  font-size: 0.875rem;
}
.zap-search .search-box::-webkit-input-placeholder {
  color: rgb(119, 119, 119);
}
.zap-search .search-box:-moz-placeholder { /* Firefox 18- */
  color: rgb(119, 119, 119);
}
.zap-search .search-box::-moz-placeholder { /* Firefox 19+ */
  color: rgb(119, 119, 119);
}
.zap-search .search-box:-ms-input-placeholder {
  color: rgb(119, 119, 119);
}
.zap-search .search-box:focus {
  box-shadow: none;
  outline: none;
  border-color: #8ABF4C;
}
.zap-search i {
  width: 2.375rem;
  height: 2.375rem;
  font-size: 1.125rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8ABF4C;
  color: #FFF;
  border-radius: 0 4px 4px 0;
}

.zap-toolbar__header__brand__input {
  border: 1px solid transparent;
  line-height: 1.5;
  width: 100%;
}
.zap-toolbar__header__brand__input:focus {
  border-bottom: 1px solid #8ABF4C;
  box-shadow: none;
  outline: none;
}

.kpi-summary .zap-toolbar {
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .kpi-summary .zap-toolbar {
    justify-content: space-between !important;
  }
}
.kpi-summary .zap-toolbar__navigation {
  flex: initial;
  font-size: 1rem;
}
.kpi-summary .zap-toolbar__navigation a {
  color: #8ABF4C;
}
.kpi-summary .view-mode-switch {
  flex: initial;
  margin-left: 1.875rem;
}
@media screen and (min-width: 640px) {
  .kpi-summary .zap-toolbar__buttons {
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) {
  .kpi-summary .zap-toolbar__dropdown {
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .commitments .zap-toolbar__navigation {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .commitments .zap-toolbar {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .commitments .zap-toolbar__search {
    margin-left: auto;
  }
}
@media screen and (max-width: 375px) {
  .commitments .zap-toolbar__search .search-box {
    min-width: 9.5rem;
    width: 9.5rem;
  }
}
@media screen and (max-width: 767px) {
  .commitments .view-mode-switch {
    flex: initial;
  }
}
@media screen and (max-width: 767px) {
  .commitments .zap-toolbar__dropdown {
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .companies .zap-toolbar, .contacts .zap-toolbar {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .companies .zap-toolbar__navigation, .contacts .zap-toolbar__navigation {
    display: none;
  }
}
.companies .zap-toolbar__search, .contacts .zap-toolbar__search {
  margin-left: auto;
}

.kpi-summary .zap-toolbar {
  min-height: 3.625rem;
  justify-content: flex-start;
}
.kpi-summary .zap-toolbar__navigation {
  flex: initial;
}
.kpi-summary .view-mode-switch {
  flex: initial;
  margin-left: 1.875rem;
}
@media screen and (min-width: 640px) {
  .kpi-summary .zap-toolbar__buttons {
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) {
  .kpi-summary .zap-toolbar__dropdown {
    margin-left: auto;
  }
}

.kanban-icon {
  margin-left: 0px;
  left: -4px;
  bottom: -2px;
  position: relative;
}

.named-views-popover {
  min-width: 200px;
}

.view-empty-toggle,
.view-mode-toggle {
  cursor: pointer;
  color: #00a2ae;
}

.card-mode-toggle {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #777;
  font-weight: 600;
  font-size: 0.875rem;
}
@media screen and (max-width: 414px) {
  .card-mode-toggle > span {
    display: none;
  }
}
.card-mode-toggle .component-toggle {
  padding: 0 0.625rem;
}

.toolbar-sort-selector {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  margin-right: 0.75rem;
  border-radius: 3px;
  color: #333;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
}
.toolbar-sort-selector.highlight {
  background: #8ABF4C;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .toolbar-sort-selector {
    padding: 0.25rem 0.375rem;
  }
}
.toolbar-sort-selector .text-ellipsis {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar-sort-selector .dropdown-menu {
  right: auto !important;
  left: 0 !important;
}
.toolbar-sort-selector .btn.active.sort-selector-dropdown-toggle {
  color: #8ABF4C;
  text-decoration: none;
  font-size: 0.875rem;
  padding: 0;
  line-height: 1;
}
.toolbar-sort-selector .btn.active.sort-selector-dropdown-toggle i {
  padding: 0;
}
.toolbar-sort-selector .btn.active.sort-selector-dropdown-toggle span {
  padding-left: 0.5rem;
}
.toolbar-sort-selector .react-select {
  padding: 0 1rem;
  min-width: 200px;
}
@media screen and (max-width: 767px) {
  .toolbar-sort-selector .react-select {
    min-width: 160px;
    padding-left: 0;
  }
}
.toolbar-sort-selector .sort-icon {
  cursor: pointer;
}

.named-view-selector-popover, .sort-selector-popover {
  max-width: 43.75rem;
  padding: 1rem;
  max-height: 80vh;
}
@media screen and (max-width: 767px) {
  .named-view-selector-popover, .sort-selector-popover {
    max-width: 90%;
    min-width: 90%;
  }
}
.named-view-selector-popover.one-column, .sort-selector-popover.one-column {
  max-width: 20rem;
  min-width: 20rem;
}
@media screen and (max-width: 767px) {
  .named-view-selector-popover.one-column, .sort-selector-popover.one-column {
    max-width: 90%;
    min-width: 90%;
  }
}
.named-view-selector-popover .toolbar-selector-popover-content, .sort-selector-popover .toolbar-selector-popover-content {
  max-height: 70vh;
  overflow: auto;
  overflow-x: hidden;
}
.named-view-selector-popover .react-select__menu, .sort-selector-popover .react-select__menu {
  max-height: 80vh !important;
}

.grouped-by-selector-popover {
  max-width: 37.5rem;
  padding: 1rem;
  max-height: 80vh;
}
@media screen and (max-width: 767px) {
  .grouped-by-selector-popover {
    max-width: 90%;
    min-width: 90%;
  }
}
.grouped-by-selector-popover .toolbar-selector-popover-content {
  max-height: 70vh;
  overflow: auto;
  overflow-x: hidden;
}

.close-popover {
  display: inline-block;
  position: absolute;
  right: 0.625rem;
  top: 1.625rem;
  cursor: pointer;
}
.close-popover:hover {
  color: #8ABF4C;
}

.attribute-label--left {
  color: #888C81;
  font-size: 14px;
  font-weight: 600;
}

.sort-selector-attributes {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.sort-selector-attributes .sort-selector-attribute {
  margin-top: 0;
  padding: 0 1.5rem 0 0.625rem;
}

.sort-selector-attribute {
  align-items: center;
  margin-top: 0.5rem;
  padding: 0 0.25rem;
}

.attribute-value {
  color: #00a2ae;
  font-weight: 600;
}

.toolbar-selector-popover-content .react-select .react-select__indicators .react-select__dropdown-indicator {
  display: none;
}

.sort-selector-popover-sorted-container .close-popover {
  top: 0.5rem;
  color: #777;
}

.field-listing-show-more {
  padding-top: 1rem;
  display: block;
  text-align: center;
  text-decoration: underline;
  color: #8ABF4C;
}

.field-listing-heading {
  font-weight: 600;
  color: #333;
  font-size: 1rem;
  padding: 0.25rem 0 0.75rem;
}

.field-columns-2 {
  margin: 0 -15px;
  min-width: 40rem;
}
@media screen and (max-width: 767px) {
  .field-columns-2 {
    min-width: 90%;
  }
}
.field-columns-2 .field-listing-column {
  width: 50%;
  padding: 0.25rem 1.25rem;
}
@media screen and (max-width: 640px) {
  .field-columns-2 .field-listing-column {
    width: 100%;
  }
}

.field-columns-1 {
  margin: 0 -15px;
}
.field-columns-1 .field-listing-column {
  width: 100%;
  padding: 0.25rem 1.25rem;
}

.field-listing {
  min-width: 18.75rem;
}

.field-listing-field {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #333;
  padding: 0.375rem 0.625rem;
}
.field-listing-field:hover span {
  color: #8ABF4C;
}
.field-listing-field span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.375rem;
}
.field-listing-field.selected {
  background: #8ABF4C;
  color: #FFF;
  border-radius: 0.1875rem;
}
.field-listing-field.selected:hover span {
  color: #FFF;
}

.named-views-column {
  width: 100%;
}

.two-columns .named-views-column {
  width: 40%;
  padding: 0 0.625rem;
}
@media screen and (max-width: 576px) {
  .two-columns .named-views-column {
    width: 100%;
  }
}
.two-columns .save-current-view {
  width: 60%;
  padding: 0 1.25rem 0 1.875rem;
  position: relative;
}
@media screen and (max-width: 576px) {
  .two-columns .save-current-view {
    width: 100%;
    padding: 10px;
  }
}
.two-columns .save-current-view:before {
  content: "";
  background: #e0e1de;
  width: 1px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 576px) {
  .two-columns .save-current-view:before {
    content: normal;
  }
}
.two-columns .save-current-view-heading {
  text-align: center;
}
.two-columns .save-current-view-info {
  text-align: center;
  margin-bottom: 1.5rem;
}

.toolbar-selected-pipeline {
  padding-right: 40px;
  padding-left: 6px;
  font-size: 18px;
}
.toolbar-selected-pipeline label {
  font-weight: 600;
}

.grid-count {
  display: inline-block;
  font-size: 0.875rem;
  margin: 0 0.5rem;
  color: #888C81;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .on-demand .zap-toolbar {
    justify-content: flex-start;
  }
}
.on-demand .zap-toolbar__buttons {
  display: block;
}
.on-demand__go-back-btn:hover {
  cursor: pointer;
  color: #8ABF4C !important;
}

.services-navbar {
  position: absolute;
  top: 2.1875rem;
  left: 1rem;
  margin-left: -1rem;
  transition: visibility 0s, opacity 0.2s linear;
  z-index: 100;
  background-color: #FFF;
  display: inline-block;
  padding: 1.25rem;
  visibility: visible;
  max-height: 31.25rem;
  overflow-y: auto;
  opacity: 1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: none;
}
.services-navbar__item {
  font-weight: bold;
  padding: 0.625rem !important;
  width: 100%;
  white-space: nowrap;
  color: #333;
  border-radius: 0.375rem;
}
.services-navbar__item:hover {
  cursor: pointer;
  color: #8ABF4C;
}

.zap-toolbar__navigation .zap-button .toolbar-link {
  text-transform: none;
}

.zap-navbar__dropdown__menu.mobile-navbar__dropdown__menu {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 47px !important;
  transform: none !important;
  padding: 0.9375rem;
  border-radius: 0;
  border: none;
}
.zap-navbar__dropdown__menu.mobile-navbar__dropdown__menu--with-banner {
  top: 5.1875rem !important;
}
.zap-navbar__dropdown__menu .mobile-menu-item {
  position: relative;
}
@media screen and (max-width: 1200px) {
  .zap-navbar__dropdown__menu .mobile-menu-item {
    color: #FFF;
    font-size: 0.875rem;
    padding: 0.5rem 0 0.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .zap-navbar__dropdown__menu .mobile-menu-item:hover {
    background: none;
  }
}
.zap-navbar__dropdown__menu .mobile-menu-item.current-module {
  color: #8ABF4C;
}
.zap-navbar__dropdown__menu .mobile-menu-item.sandbox-mode-selector-item {
  margin: 0.25rem;
}
.zap-navbar__dropdown__menu .mobile-menu-item.sandbox-mode-selector-item a {
  display: inline-block;
  background-color: #8ABF4C;
  border-radius: 0.1875rem;
  padding: 0.25rem;
  font-size: 0.75rem !important;
  width: auto;
}
.zap-navbar__dropdown__menu .mobile-menu-item.sandbox-mode-selector-item a span {
  display: inline-block;
}
.zap-navbar__dropdown__menu .mobile-menu-item.sandbox-mode-selector-item a:hover {
  color: #FFF !important;
  background-color: #709f39 !important;
}

@media screen and (max-width: 1023px) {
  .mobile-size {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .mobile-size {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .personal-profile-module-item a {
    justify-content: flex-start;
    color: #FFF;
    font-size: 0.875rem;
    padding: 0.5rem 0 0.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .personal-profile-module-item a i {
    width: 1.25rem;
    text-align: center;
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown {
    min-height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown.open .caret:before {
    transform: rotate(90deg) !important;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-toggle {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: #FFF;
    font-size: 0.875rem;
    padding: 0.5rem 0 0.25rem;
    box-shadow: none;
  }
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-toggle .caret {
    width: auto;
    height: auto;
    border: none;
    margin-left: 0.375rem;
    margin-bottom: 0;
    padding-top: 3px;
    font-size: 1.25rem;
    color: #8ABF4C;
    transform: rotate(-90deg);
    transition: 0.3s;
  }
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-toggle .caret:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 300;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-toggle i {
    width: 1.25rem;
    text-align: center;
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu {
    box-shadow: none;
  }
}
.mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu .flagged-deal-module-item {
  padding-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu .flagged-deal-module-item a {
    padding: 0 0 0 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu .flagged-deal-module-item a:hover {
    background: none;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu .flagged-deal-module-item a > div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    position: relative;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu .flagged-deal-module-item a .main-menu__flag__oppo__updated {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .flagged-deals-dropdown-container .modules-dropdown .dropdown-menu .flagged-deal-module-item a .main-menu__flag__oppo__updated i {
    padding-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-size .mobile-menu-item {
    border: none;
  }
}
.mobile-size .mobile-menu-item a {
  display: block;
  padding: 0.5rem 0 0.625rem;
}
@media screen and (max-width: 1023px) {
  .mobile-size .mobile-menu-item .position-relative {
    width: 1.25rem;
    margin-right: 0.75rem;
  }
}

@media screen and (max-width: 1200px) {
  .sign-out-mobile-menu-item a {
    color: #FFF;
  }
}

.mobile-menu-bottom {
  background: rgba(50, 51, 47, 0.2);
  margin: 0.9375rem -0.9375rem;
  padding: 0.625rem 0.9375rem;
}
.mobile-menu-bottom .mobile-menu-item.link a {
  font-size: 0.75rem;
  text-decoration: underline;
}

.horizontal-page-layout__container {
  overflow: auto;
}
.horizontal-page-layout__main-content-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .horizontal-page-layout__main-content-wrapper {
    padding-top: 10.5625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .horizontal-page-layout__main-content-wrapper {
    padding-top: 8.875rem;
  }
}
.horizontal-page-layout__header {
  width: 100%;
  padding: 1rem 1.5rem;
  position: sticky;
  top: 0;
  background: #FFF;
  z-index: 2;
}
@media screen and (max-width: 991px) {
  .horizontal-page-layout__header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}
.horizontal-page-layout__header-filters {
  padding-top: 1rem;
}
.horizontal-page-layout__left-panel {
  width: 17.5rem;
  padding: 0 1.5rem;
}
@media screen and (max-width: 990px) {
  .horizontal-page-layout__left-panel {
    display: none;
  }
}
.horizontal-page-layout__main-content {
  flex: 1;
  padding: 0 1.5rem;
}
.horizontal-page-layout__no-results {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

#no-scroll-container,
#scroll-container {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 200px;
  height: 150px;
}
#no-scroll-container p,
#scroll-container p {
  width: 100%;
  height: 200px;
}

#scroll-container {
  overflow: scroll;
}

#no-scroll-container {
  overflow: hidden;
}

.zap-clipboard {
  z-index: 0;
  position: absolute;
  left: -100px;
  bottom: 0;
  width: 1px;
  height: 1px;
}

.printout-page {
  display: block;
  overflow: auto;
  width: 100vw;
  height: 100vh;
  padding-top: 0.9375rem;
}

.print-controls {
  justify-items: center;
  align-items: center;
  align-content: center;
  margin: auto;
  max-width: 600px;
  display: flex;
}
.print-controls select {
  margin-right: 1em;
  font-size: 1.5em;
}
.print-controls > * {
  flex: 0 0 auto;
}

@media print {
  html,
  body,
  #zap-application,
  .printout-page,
  .main-view {
    height: auto !important;
    background-color: white;
    -webkit-print-color-adjust: exact;
  }
  .print-controls,
  #dev {
    display: none;
  }
  .page-break {
    page-break-before: always;
  }
}
.printout-background-top {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  height: 60%;
  width: 30px;
  border-radius: 0 0 1em 0;
  overflow: hidden;
}
.printout-background-top img {
  width: 100%;
  height: 100%;
}

.printout-background-bottom {
  z-index: -1;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 90px;
  width: 40%;
  border-radius: 0 1em 0 0;
  overflow: hidden;
}
.printout-background-bottom img {
  width: 100%;
  height: 100%;
}

.printout-footer {
  position: fixed;
  bottom: 10px;
  height: 50px;
  left: 0;
  right: 20px;
  display: flex;
  flex-direction: row;
}
.printout-footer > * {
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-end;
}
.printout-footer > * img {
  width: auto;
  height: 50px;
}

.printout-row {
  max-width: 800px;
  margin: auto;
  padding: 0.9375rem 0;
  position: relative;
  clear: both;
}
.printout-row h2 {
  padding: 0 0 0.9375rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 900;
  color: black;
  font-family: Calibri, Agenda, sans-serif;
}
.printout-row .half .highcharts-container {
  max-width: 100% !important;
}
.printout-row > div {
  display: inline-block;
}
.printout-row > div .highcharts-container {
  margin: auto;
}
.printout-row .printout-table {
  width: 100%;
  font-family: Calibri, Agenda, sans-serif;
}
.printout-row .printout-table,
.printout-row .printout-table th,
.printout-row .printout-table tr,
.printout-row .printout-table td {
  border: 1px solid #4B4E46;
  border-collapse: collapse;
  font-size: 14px;
}
.printout-row .printout-table th {
  padding: 0.5rem;
  background: #e1e4da;
  font-weight: 900;
  font-size: 1.2em;
  white-space: nowrap;
}
.printout-row .printout-table th:last-child {
  width: 50%;
}
.printout-row .printout-table td {
  padding: 0.5rem;
  background: #FFF;
}

.blow-out {
  position: absolute;
  right: -105px;
  top: -50px;
  z-index: 9;
}
.blow-out-container {
  position: relative;
}

.print-process {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  justify-items: center;
  align-items: center;
}
.print-process > .print-processing {
  flex: 1 1 100%;
  align-self: center;
  justify-self: center;
}
.print-process > .print-processing > * {
  text-align: center;
  margin: 1em 0 1em 0;
}

.custom-modals {
  width: 0;
  height: 0;
  position: fixed;
  left: 0;
  top: 0;
}
.custom-modals .custom-dialog__dimmer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal {
  width: 768px;
  background: white;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal {
    width: 98%;
    max-height: 98vh;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1023px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor {
    flex-flow: column;
  }
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer__dimmer {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #FFF;
  opacity: 0.7;
  z-index: -1;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer + .event-view__container .ql-editor {
  overflow: hidden !important;
  -webkit-user-select: text;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer__content {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer__content > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer__content > div .processing-label {
  display: block;
  padding-top: 1.25rem;
  color: #333;
  font-size: 1.5em;
  padding-bottom: 3.75rem;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .processing-layer:not(.processing) {
  display: none;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .event-view__container .event-editor__container {
  height: 100%;
  overflow: inherit;
}
@media screen and (max-width: 1023px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .event-view__container .event-editor__container {
    max-height: 250px;
  }
}
@media screen and (max-width: 1023px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .event-meta__container {
    width: 100%;
    flex: 0 1 auto;
  }
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .event-view__container {
  width: calc(100% - 320px);
  flex: initial;
}
@media screen and (max-width: 1023px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal .event-view__container {
    width: 100%;
    flex: 0 1 auto;
  }
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .event-meta__container {
  width: 320px;
  flex: initial;
}
@media screen and (max-width: 1023px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal .event-meta__container {
    width: 100%;
  }
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .event-meta__container .entity-editor {
  max-height: 80vh;
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .custom-modals .custom-dialog__dimmer .custom-dialog__modal .content-editor .event-meta__container .entity-editor {
    overflow: hidden;
  }
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal__header {
  flex: 0 0 auto;
  height: 2.5rem;
  background: black;
  color: white;
}
.custom-modals .custom-dialog__dimmer .custom-dialog__modal__footer {
  flex: 0 0 auto;
  height: 2.5rem;
  background: #8ABF4C;
  color: white;
}
.custom-modals .ql-editor {
  max-height: 630px;
  overflow: auto;
  -webkit-user-select: text;
}
@media screen and (max-width: 1023px) {
  .custom-modals .ql-editor {
    max-height: 100%;
  }
}

.holding-logo-wrapper {
  padding-left: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .holding-logo-wrapper {
    padding-left: 1.875rem;
  }
}

.holding-name {
  font-size: 1.375rem;
}
@media screen and (max-width: 767px) {
  .holding-name {
    font-size: 1.125rem;
  }
}

.holding-exited {
  display: inline-block;
  margin-left: 1.25rem;
  padding: 5px 8px;
  background: #00a2ae;
  color: #FFF;
  font-size: 12px;
  border-radius: 3px;
}
.holding-exited i {
  margin-right: 0.3125rem;
}

.holdings-board {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: wrap;
  padding: 1.5625rem 0.3125rem;
}
.holdings-view {
  flex: 1 1 100%;
  display: flex;
  justify-content: stretch;
  align-content: center;
  flex-direction: column;
  overflow: auto;
}
.holdings-holding {
  width: calc(100% - 20px);
  padding: 15px;
  background: #FFF;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  transition: 0.3s;
  cursor: pointer;
  margin: 0 0.625rem 1.25rem;
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .holdings-holding {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .holdings-holding {
    width: calc(33.33% - 20px);
  }
}
@media screen and (min-width: 1024px) {
  .holdings-holding {
    width: calc(25% - 20px);
  }
}
.holdings-holding-header {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  margin-bottom: 15px;
}
@media screen and (min-width: 1288px) {
  .holdings-holding-header {
    font-size: 1.25rem;
  }
}
.holdings-holding-header-name {
  max-width: calc(100% - 80px);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
}
.holdings-holding-header .holding-exited {
  margin-left: 0.625rem;
}
.holdings-holding:hover {
  border: 1px solid #8ABF4C;
}
.holdings-holding .entity-editor {
  margin: 0 0 0.3125rem;
}
.holdings-holding .field-editor {
  padding: 0;
}
.holdings-holding .field-editor__content__header__label__text-content {
  font-weight: 400;
}
.holdings-holding .preview-textarea {
  color: #777;
  font-weight: 600;
  padding: 0 !important;
  line-height: 0.9rem;
}
.holdings-holding .field-editor__content__header__tools {
  top: 0.3125rem;
}

.holding-icon {
  font-size: 3.5625rem;
  margin-right: 1.25rem;
  color: #8ABF4C;
  position: relative;
}
@media screen and (max-width: 767px) {
  .holding-icon {
    font-size: 1.25rem;
    margin-right: 0.625rem;
  }
}

.holding-input {
  width: 44.8%;
}
@media screen and (max-width: 767px) {
  .holding-input {
    width: 94.8%;
  }
}

.tags-multi-select {
  margin: 0;
  min-width: 20rem;
}
@media screen and (max-width: 767px) {
  .tags-multi-select {
    padding: 0;
    min-width: 16.875rem;
  }
}
.tags-multi-select .field-editor {
  padding-left: 0;
  padding-top: 0;
}
.tags-multi-select .field-editor__content__header {
  padding: 0;
  position: absolute;
  right: 0.3125rem;
  top: -0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  z-index: 2;
}
.tags-multi-select .field-editor__content__header__label {
  display: none;
}
.tags-multi-select .field-editor__content__header__tools {
  top: 0.5rem;
}
.tags-multi-select .field-editor__content__header__tools li:not(:last-child) {
  display: none;
}
.tags-multi-select .field-editor__content {
  display: inline-flex;
  margin-right: 1.875rem;
}
.tags-multi-select .field-editor__content__field-input .Select .Select-control {
  border-color: transparent;
  padding-right: 15px;
}
.tags-multi-select .field-editor__content__field-input .Select.is-focused:not(.is-open).Select--multi .Select-control {
  border-color: transparent;
}
.tags-multi-select .Select--multi .Select-placeholder {
  padding-right: 40px;
}
.tags-multi-select .Select--multi .Select-arrow {
  display: none;
}
.tags-multi-select .Select-menu-outer {
  min-width: 200px;
}

.merge-target {
  cursor: pointer;
  padding: 0.3125rem;
}
.merge-target:hover {
  background-color: #eee;
}

.named-value-container.archived .named-value--value {
  color: rgba(119, 119, 119, 0.4);
}

.named-value-list .named-value {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 1.375rem);
}
.named-value-list .named-value-container {
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 0.3125rem;
}
.named-value-list .named-value-container:hover {
  background: #f9f9f9;
}
.named-value-list .named-value--value {
  width: 75%;
  padding-right: 0.3125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.named-value-list .named-value--buttons {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  width: 25%;
}
.named-value-list .named-value--buttons button {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  font-size: 0.875rem;
  width: 1.875rem;
}
.named-value-list .named-value--buttons button:hover {
  color: #8ABF4C;
}
.named-value-list .named-value--buttons .btn {
  font-size: 1rem;
}
.named-value-list .named-value--buttons .btn.zap-btn__borderless__salmon {
  color: #E86546;
}
.named-value-list .named-value .form-control {
  border-radius: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px dashed #CECECE;
  box-shadow: none;
  background: none;
}
.named-value-list .named-value .form-control:hover {
  border-bottom: 1px solid #CECECE;
}
.named-value-list .named-value .form-control:focus {
  border-bottom: 1px solid #8ABF4C;
}

.merge-view .zap-btn__borderless__green {
  font-size: 1.5rem;
  padding: 0;
}
.merge-view-top {
  font-weight: 700;
  padding-top: 0.625rem;
  margin-bottom: 0.9375rem;
  padding-left: 0.3125rem;
}
.merge-view-top i {
  padding-right: 0.5rem;
}
.merge-view-confirm {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}
.merge-view-confirm .zap-inlined-checkbox-label input {
  position: absolute;
  margin: 0;
  left: 0;
}

.merge-info-line {
  margin-bottom: 0.9375rem;
  color: #888C81;
}
.merge-info-line.first {
  color: #333;
}

.not-found-page {
  padding: 5rem 0;
  text-align: center;
}
.not-found-page h1 {
  font-size: 2rem;
  line-height: 1.25;
  font-weight: bold;
}
.not-found-page .not-foud-content {
  padding: 1.875rem;
  font-size: 1.0625rem;
  line-height: 2;
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .not-found-page .not-foud-content {
    width: 100%;
  }
}

.activity-timeline .dropdown-menu.direction-up {
  padding: 0;
  min-width: 12.5rem;
}
.activity-timeline .dropdown-menu.direction-up ul {
  padding: 0.5rem 0.75rem;
}
.activity-timeline .dropdown-menu.direction-up ul li {
  padding: 0.25rem 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 0.75rem;
}
.activity-timeline .dropdown-menu.direction-up ul li label {
  display: block;
  width: 50%;
  font-weight: normal;
  color: #888C81;
}
.activity-timeline .dropdown-menu.direction-up ul li span {
  width: 50%;
}

.system-activity-comment-icon {
  padding-left: 0.375rem;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .zapflow-table.table > thead > tr.history-header-row > th.history-header-cell:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .zapflow-table.table > thead > tr.history-header-row > th.history-header-cell:nth-child(4) {
    display: none;
  }
}
.zapflow-table.table > tbody > tr.history-row > td {
  font-size: 0.75rem;
  padding: 0.1875rem 0.375rem;
  color: #888C81;
  border: none;
  max-width: 11.25rem;
  min-width: 2.5rem;
  white-space: nowrap;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .zapflow-table.table > tbody > tr.history-row > td:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .zapflow-table.table > tbody > tr.history-row > td:nth-child(4) {
    display: none;
  }
}
.zapflow-table.table > tbody > tr.history-row:nth-child(2n+1) td.history-content-cell {
  background: #f9f9f9 !important;
}
.zapflow-table.table > tbody > tr.history-row:hover td.history-content-cell {
  background-color: #EDF0E7 !important;
}
.zapflow-table.table > tbody > tr.history-row .overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.activity-bubble {
  background-color: transparent;
  border: 1px solid transparent;
  overflow: hidden;
  padding: 0.75rem;
}
.activity-bubble .fal {
  background-color: #8ABF4C;
  padding: 1em;
}
.activity-bubble .fal.fa-ban {
  background-color: #C0C0C0;
}
.activity-bubble .fal.fa-pause {
  background-color: #C0C0C0;
}
.activity-bubble .fal.fa-plus {
  background-color: #C0C0C0;
}
.activity-bubble .fal.fa-arrow-alt-right {
  background-color: #C0C0C0;
}
.activity-bubble .fal.fa-lock-open {
  background-color: #C0C0C0;
}

.import-container {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 87vh;
  min-height: 0px;
}

.import-info-heading-part {
  max-width: 80%;
  line-height: 1.5;
  margin: 1.875rem auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .import-info-heading-part {
    font-size: 14px;
    max-width: 100%;
    margin: 0.9375rem;
  }
}
.import-info-heading-part strong {
  font-weight: bold;
}
.import-info-heading-part a {
  color: #8ABF4C;
}

.import-options__container {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
.import-options__container-item {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .import-options__container-item {
    width: 100%;
  }
}
.import-options__container-item .import-option {
  margin: 8px;
}
.import-options__container-item .import-option button {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .import-options__container {
    flex-direction: column;
  }
}

.data-import-heading {
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 1rem;
  padding-left: 0.5em;
  padding-bottom: 1em;
  margin-top: 1em !important;
}

.import-steps-info {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  text-align: center;
  margin: 0 auto 1.5625rem;
  width: 70%;
}
.import-steps-info i {
  font-size: 1.875rem;
  margin-bottom: 1.25rem;
}
.import-steps-info a {
  color: #8ABF4C;
  display: inline-block;
  padding-left: 0.25rem;
}

.import-steps-container {
  background: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.25rem;
  max-width: 50rem;
  margin: 0 auto 1.875rem auto;
  padding: 1.875rem;
}
@media screen and (max-width: 768px) {
  .import-steps-container {
    padding: 1.5625rem;
  }
}
.import-steps-container .zap-badge-row {
  display: flex;
  align-items: center;
  margin: 0 auto 24px;
  width: 42%;
}
@media screen and (max-width: 640px) {
  .import-steps-container .zap-badge-row {
    width: 60%;
  }
}
@media screen and (max-width: 414px) {
  .import-steps-container .zap-badge-row {
    width: 100%;
  }
}
.import-steps-container .zap-badge-row p {
  width: 100%;
  display: flex;
  align-items: center;
}
.import-steps-container .circle__green {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  background: #FFF;
  background-image: linear-gradient(-54deg, rgba(121, 194, 51, 0.8) 0%, rgba(0, 157, 168, 0.8) 91%);
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.083em;
  border-radius: 100%;
  position: relative;
  font-size: 1.25rem;
}
@media screen and (max-width: 640px) {
  .import-steps-container .circle__green {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.125rem;
  }
}
.import-steps-container .circle__green:not(.last-row) ::after {
  content: "";
  display: block;
  position: absolute;
  background: #FFF;
  background-image: linear-gradient(-54deg, rgba(121, 194, 51, 0.8) 0%, rgba(0, 157, 168, 0.8) 91%);
  width: 0.125rem;
  top: 100%;
  left: calc(50% - 1px);
  transform: translateX(-50%);
  height: 100%;
}
.import-steps-container .circle__green:before {
  content: "";
  display: block;
  position: absolute;
  background: #FFF;
  width: 0.125rem;
  top: 100%;
  height: 0.3125rem;
  left: calc(50% - 1px);
  transform: translateX(-50%);
  z-index: 2;
}
.import-steps-container .circle__green:after {
  content: "";
  display: block;
  position: absolute;
  background: #FFF;
  width: 0.125rem;
  top: -5px;
  height: 5px;
  left: calc(50% - 1px);
  transform: translateX(-50%);
  z-index: 2;
}
.import-steps-container .zap-badge-text {
  width: calc(100% - 2.083em);
  padding-left: 20px;
  color: #333333;
  line-height: 1.25;
  font-size: 1rem;
}
@media screen and (max-width: 940px) {
  .import-steps-container .zap-badge-text {
    padding-left: 15px;
    font-size: 0.875rem;
  }
}
.import-steps-container .zap-label-title {
  font-size: 1.25em;
  font-weight: 600;
  color: #333333;
}
@media screen and (max-width: 940px) {
  .import-steps-container .zap-label-title {
    font-size: 1.125em;
  }
}
.import-steps-container .btns-group .btn {
  min-width: 12.5rem;
  margin: 0 0.625rem;
}
@media screen and (max-width: 640px) {
  .import-steps-container .btns-group .btn {
    width: 100%;
    margin: 0.9375rem 0 0;
  }
}

.error-items {
  padding: 1.25rem 0 0;
}
.error-items .error-cell {
  font-weight: 900;
  width: 5rem;
  display: inline-block;
}
.error-items h2 {
  font-size: 1.125rem;
}

.error-item {
  background: #FFF;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.25rem;
  padding: 1.25rem 1.5rem;
  margin-bottom: 0.9375rem;
  position: relative;
}
.error-item ul li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding-bottom: 10px;
}
.error-item ul li:before {
  content: "\f06a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin-right: 0.625rem;
  color: #E86546;
}
.error-item ul li:last-child {
  margin-bottom: 0;
}

.downloading-layer {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 15px;
  margin-top: 100px;
  padding-bottom: 100px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 2;
}
.downloading-layer p {
  width: 75%;
  margin: 0 auto;
  line-height: 1.5;
}

.success-message {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  max-width: 34.375rem;
  margin: 0 auto;
  min-height: calc(100vh - 50px);
  padding: 0.9375rem 0.9375rem 6.25rem;
}
.success-message p {
  line-height: 1.75;
}

.hide-overflow {
  overflow: hidden;
}

.maintenance-page {
  width: 100vw;
  height: 100vh;
  background: url("../img/build-construction-under-maintenance-110823.jpg") center no-repeat;
  background-size: cover;
}

.react-select .react-select__control {
  border: none;
  border: 1px solid #b2b2b2;
  background: #fff;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
}
.react-select .react-select__control:hover {
  border: 1px solid #000;
}
.react-select .react-select__control--is-focused {
  border: none;
  outline: none;
  box-shadow: none;
  border: 1px solid #000;
}
.react-select .react-select__value-container {
  min-width: 2.5rem;
}
.react-select .react-select__menu {
  min-width: 3.75rem;
}
.react-select .react-select__input {
  margin-bottom: 0.1875rem;
  font-size: 0.875rem;
}
.react-select .react-select__input input {
  height: auto;
  opacity: 1 !important;
}
.react-select .react-select__indicator {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.react-select .react-select__indicator-separator {
  display: none;
}
.react-select .react-select__placeholder {
  font-size: 0.875rem;
  color: rgba(119, 119, 119, 0.4);
}
.react-select.is-multi .react-select__menu .is-selected:not(.create-option) {
  display: none;
}
.react-select .react-select__value-container {
  padding-left: 0;
}
.react-select .react-select__multi-value {
  background: none;
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
  border-radius: 0.1875rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
  margin-right: 0.3125rem;
  font-size: 0.75rem;
  max-width: 10rem;
}
.react-select .react-select__multi-value__label {
  color: #8ABF4C;
}
.react-select .react-select__multi-value__remove:hover {
  background: none;
  color: #8ABF4C;
}
.react-select .react-select__indicators .react-select__dropdown-indicator {
  padding: 0;
}
.react-select .react-select__indicators .react-select__dropdown-indicator svg {
  width: 0.875rem;
  fill: #777;
}
.react-select .react-select__indicators .react-select__clear-indicator svg {
  width: 1rem;
  fill: #777;
}
.react-select .react-select__option {
  font-size: 0.875rem;
  cursor: pointer;
  padding: 0.3125rem 0.75rem;
  border: 1px transparent solid;
}
.react-select .react-select__option.is-focused {
  background-color: rgba(229, 229, 229, 0.5);
  color: #333;
}
.react-select .react-select__option:hover {
  background-color: rgba(229, 229, 229, 0.5);
  color: #333;
}
.react-select .react-select__option.is-selected {
  background: #8ABF4C;
  color: #FFF;
}
.react-select .react-select__option.is-selected.is-focused {
  background: #8ABF4C;
  color: #FFF;
}
.react-select .react-select__option.is-selected:hover {
  background: #8ABF4C;
  color: #FFF;
}
.react-select .react-select__option.create-option {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  background: #8ABF4C;
  color: #FFF;
}
.react-select .react-select__option.create-option i {
  font-size: 0.875rem;
  padding: 0.1875rem;
  margin-right: 6px;
}
.react-select .react-select__menu {
  background-color: #fff;
  border: none;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.1875rem;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  margin-top: 0.25rem;
  overflow: auto;
  max-height: 100px !important;
  z-index: 3;
}
.react-select .react-select__menu-list {
  padding: 0;
  max-height: 100px !important;
  overflow: inherit;
}

.react-select__control--is-focused {
  border: none;
  outline: none;
  box-shadow: none;
}
.react-select__control--is-focused:hover {
  border-color: #000 !important;
}

.css-1g6gooi {
  margin: 0 !important;
}

.select-option__contact {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
}
.select-option__contact .select-option__contact__label {
  display: inline-block;
  float: right;
  width: calc(100% - 30px) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-option__contact.is-focused {
  background-color: rgba(229, 229, 229, 0.5);
  color: #333;
}
.select-option__contact:hover .select-option__contact__circle {
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
}
.select-option__contact.is-selected {
  background: #8ABF4C;
  color: #FFF;
}
.select-option__contact.is-selected .select-option__contact__circle {
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
}
.select-option__contact.is-selected.is-focused {
  background: #8ABF4C;
  color: #FFF;
}
.select-option__contact.is-selected.is-focused .select-option__contact__circle {
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
}
.select-option__contact.is-selected:hover {
  background: #8ABF4C;
  color: #FFF;
}
.select-option__contact.is-selected:hover .select-option__contact__circle {
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
}
.select-option__contact .avatar-image {
  width: 100%;
  overflow: hidden;
}
.select-option__contact__circle {
  display: inline-block;
  border: 1px solid #8ABF4C;
  color: #8ABF4C;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
  text-align: center;
}
.select-option__contact__circle.email-missing {
  color: #E86546;
  border-color: #E86546;
}

.deal-card__main .zap-select-virtualized-dropdown-menu {
  min-height: 65px;
}

.zap-select-virtualized-dropdown-menu {
  background-color: #fff;
  border: none;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.1875rem;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  outline: none !important;
}
.zap-select-virtualized-dropdown-menu-option {
  cursor: pointer;
  line-height: 1;
  padding: 0.25rem 0.75rem;
  border: 1px transparent solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zap-select-virtualized-dropdown-menu-option.is-focused {
  background-color: rgba(229, 229, 229, 0.5);
  color: #333;
}
.zap-select-virtualized-dropdown-menu-option:hover {
  background-color: rgba(229, 229, 229, 0.5);
  color: #333;
}
.zap-select-virtualized-dropdown-menu-option.is-selected {
  background: #8ABF4C;
  color: #FFF;
}
.zap-select-virtualized-dropdown-menu-option.is-selected.multi-selectable {
  background: #FFF;
}
.zap-select-virtualized-dropdown-menu-option.is-selected.multi-selectable .checkbox-label {
  font-weight: bold;
}
.zap-select-virtualized-dropdown-menu-option.is-selected.is-focused {
  background: #8ABF4C;
  color: #FFF;
}
.zap-select-virtualized-dropdown-menu-option.is-selected.is-focused.multi-selectable {
  background: #FFF;
}
.zap-select-virtualized-dropdown-menu-option.is-selected:hover {
  background: #8ABF4C;
  color: #FFF;
}
.zap-select-virtualized-dropdown-menu-option:last-child {
  margin-bottom: 0;
}
.zap-select-virtualized-dropdown-menu .select-dropdown-menu-button {
  background: #8ABF4C;
  color: #FFF;
}
.zap-select-virtualized-dropdown-menu .select-dropdown-menu-button i {
  margin-right: 0.5rem;
}

.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.rdrDateDisplayItem {
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem {
  margin-left: 0.833em;
}

.rdrDateDisplayItem input {
  text-align: inherit;
}

.rdrDateDisplayItem input:disabled {
  cursor: default;
}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrYearPicker {
  max-height: 100px;
  overflow: auto;
}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrMonths {
  display: flex;
}

.rdrMonthsVertical {
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div {
  display: flex;
  flex-direction: row;
}

.rdrMonth {
  width: 27.667em;
}

.rdrWeekDays {
  display: flex;
}

.rdrWeekDay {
  flex-basis: 14.2857142857%;
  box-sizing: inherit;
  text-align: center;
}

.rdrDays {
  display: flex;
  flex-wrap: wrap;
}

.rdrInfiniteMonths {
  overflow: auto;
}

.rdrDateRangeWrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
  outline: none;
}

.rdrDateInput .rdrWarning {
  position: absolute;
  font-size: 1.6em;
  line-height: 1.6em;
  top: 0;
  right: 0.25em;
  color: #FF0000;
}

.rdrDay {
  box-sizing: inherit;
  width: 14.2857142857%;
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span {
  color: #1d2429;
}

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}
.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  pointer-events: none;
}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  pointer-events: none;
}

.rdrDateRangePickerWrapper {
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rdrStaticRanges {
  display: flex;
  flex-direction: column;
}

.rdrStaticRange {
  font-size: inherit;
}

.rdrInputRange {
  display: flex;
}

.rdrCalendarWrapper {
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper {
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay {
  margin: 0.833em;
}

.rdrDateDisplayItem {
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input {
  cursor: pointer;
  height: 2.5em;
  line-height: 2.5em;
  border: 0px;
  background: transparent;
  width: 100%;
  color: #849095;
}

.rdrDateDisplayItemActive {
  border-color: currentColor;
}

.rdrDateDisplayItemActive input {
  color: #7d888d;
}

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers {
  font-weight: 600;
}

.rdrMonthAndYearPickers select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  padding: 10px 30px 10px 10px;
  border-radius: 4px;
  outline: 0;
  color: #3e484f;
  background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
  background-position: right 8px center;
  cursor: pointer;
  text-align: center;
}

.rdrMonthAndYearPickers select:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.rdrMonthPicker, .rdrYearPicker {
  margin: 0 5px;
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7;
}

.rdrNextPrevButton:hover {
  background: #E1E7F0;
}

.rdrNextPrevButton i {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  text-align: center;
  border-style: solid;
  margin: auto;
  transform: translate(-3px, 0px);
}

.rdrPprevButton i {
  border-width: 4px 6px 4px 4px;
  border-color: transparent rgb(52, 73, 94) transparent transparent;
  transform: translate(-3px, 0px);
}

.rdrNextButton i {
  margin: 0 0 0 7px;
  border-width: 4px 4px 4px 6px;
  border-color: transparent transparent transparent rgb(52, 73, 94);
  transform: translate(3px, 0px);
}

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth {
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
  padding: 0;
}

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  line-height: 3em;
  height: 3em;
  text-align: center;
  color: #1d2429;
}

.rdrDay:focus {
  outline: 0;
}

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span {
  font-weight: 500;
}

.rdrDayToday .rdrDayNumber span:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #92C551;
}

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
  background: #fff;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
  color: rgba(255, 255, 255, 0.85);
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected {
  left: 2px;
  right: 2px;
}

.rdrStartEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected {
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge {
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge {
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview {
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  border-left-width: 1px;
  left: 0px;
}

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview {
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  border-right-width: 1px;
  right: 0px;
}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview {
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper {
  font-size: 12px;
  width: 180px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color: currentColor;
  font-weight: 600;
}

.rdrStaticRange {
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff;
  overflow-wrap: break-word;
  word-break: break-all;
}

.rdrStaticRange:hover .rdrStaticRangeLabel, .rdrStaticRange:focus .rdrStaticRangeLabel {
  background: #eff2f7;
}

.rdrStaticRangeLabel {
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
  overflow-wrap: break-word;
}

.rdrInputRanges {
  padding: 10px 0;
}

.rdrInputRange {
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122);
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover {
  border-color: rgb(180, 191, 196);
  outline: 0;
  color: #333;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  content: "";
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive {
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span {
  color: #d5dce0;
}

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview {
  display: none;
}

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf;
}

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview {
  filter: grayscale(100%) opacity(60%);
}

.rdrMonthName {
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

.capman .oppo_lead-type {
  display: none;
}

.lpreporting .rdw-editor-main h1 {
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  color: #015757;
  font-size: 14px;
  letter-spacing: 2.2px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
}

.lpreporting .rdw-editor-main h2 {
  display: block;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  color: #015757;
  font-size: 12px;
  letter-spacing: 2.2px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: unset;
}

.hkstp .oppo_lead-type {
  display: none;
}

.alj .kanban-card.status-on-hold,
.zapflow .kanban-card.status-on-hold {
  background: #FEF8EC;
  border: 1px solid #F5BD3E;
}
.alj .kanban-card.status-passed,
.zapflow .kanban-card.status-passed {
  background: #FDF1ED;
  border: 1px solid #E96E4C;
}
.alj .kanban-card.status-portfolio,
.zapflow .kanban-card.status-portfolio {
  background: #EAF8F9;
  border: 1px solid #31B8C7;
}
.alj table.alj-report th,
.zapflow table.alj-report th {
  width: 10%;
}
.alj table.alj-report td.number-cell,
.zapflow table.alj-report td.number-cell {
  text-align: right;
}
.alj table.alj-report tbody td,
.zapflow table.alj-report tbody td {
  border-color: #333;
}
.alj table.alj-report tbody td.empty-cell,
.zapflow table.alj-report tbody td.empty-cell {
  background-color: #D4D4DB;
}
.alj table.alj-report tbody td.highlight-cell,
.zapflow table.alj-report tbody td.highlight-cell {
  background: #E2EBF2;
}
.alj table.alj-report tbody td.center,
.zapflow table.alj-report tbody td.center {
  text-align: center;
}
.alj table.alj-report tfoot tr.alj-totals-row td,
.zapflow table.alj-report tfoot tr.alj-totals-row td {
  background-color: #89898A;
  color: #FFF;
  font-weight: bold;
}
.alj table.alj-report tfoot tr.alj-error-row td,
.alj table.alj-report tfoot tr.alj-duplicate-row td,
.zapflow table.alj-report tfoot tr.alj-error-row td,
.zapflow table.alj-report tfoot tr.alj-duplicate-row td {
  background-color: #FBF5EF;
  color: #E86546;
}

.logo-wrapper {
  padding-left: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .logo-wrapper {
    padding-left: 1.875rem;
  }
}
.logo-wrapper .icon-container {
  font-size: 3.5625rem;
  margin-right: 1.25rem;
  color: #8ABF4C;
  position: relative;
}
@media screen and (max-width: 767px) {
  .logo-wrapper .icon-container {
    font-size: 1.25rem;
    margin-right: 0.625rem;
  }
}
.logo-wrapper .icon-container img {
  width: auto;
  max-height: 4.5rem;
  max-width: 12.5rem;
}

.entity-logo-container {
  padding-left: 10px;
}
.entity-logo-container.icon-container {
  color: #8ABF4C;
  font-size: 36px;
  position: relative;
  top: -10px;
}
@media screen and (max-width: 767px) {
  .entity-logo-container.icon-container {
    font-size: 1.125rem;
    top: -2px;
  }
}
.entity-logo-container.icon-container img {
  max-width: 5rem;
}

.nev-name-row-container {
  width: 92.5%;
}
@media screen and (max-width: 767px) {
  .nev-name-row-container {
    width: 100%;
  }
}
.nev-heading-entity-name {
  min-width: 12.5rem;
  height: 1.875rem;
  border: dashed 1px red;
}
.nev-heading-entity-name-text-container {
  display: inline-block;
  position: relative;
  padding: 0 0.625rem;
}
@media screen and (max-width: 767px) {
  .nev-heading-entity-name-text-container {
    width: 100%;
  }
}
.nev-heading-entity-name-container {
  display: inline-block;
  position: relative;
  padding: 0 1rem;
  min-height: 2rem;
}
@media screen and (max-width: 767px) {
  .nev-heading-entity-name-container {
    padding: 0;
    max-width: 90%;
  }
}
.nev-heading-entity-name-container:hover .show-on-hover {
  display: block;
}
.nev-heading-entity-name-label {
  color: #333;
  position: relative;
  top: 0;
  font-weight: 600;
  font-size: 1.125rem;
  max-width: 31.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid transparent;
  margin-right: 0.375rem;
}
@media screen and (max-width: 767px) {
  .nev-heading-entity-name-label {
    width: 100%;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.nev-heading-entity-name-input {
  position: relative;
  left: 0px;
  top: 0;
  width: 100%;
  min-width: 31.25rem;
  height: 100%;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0 0 0.5rem;
  background-color: transparent;
  border: none;
  border-bottom: 1px dashed #8ABF4C;
}
.nev-heading-entity-name-input:focus {
  outline: none;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .nev-heading-entity-name-input {
    min-width: 16.875rem;
  }
}
@media screen and (max-width: 360px) {
  .nev-heading-entity-name-input {
    min-width: 13.125rem;
  }
}
.nev-heading-entity-name-input + .nev-heading-entity-name-label {
  display: none;
}
.nev-heading-entity-name-tools {
  position: absolute;
  top: 0;
  right: -8px;
  display: none;
  color: #8ABF4C;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .nev-heading-entity-name-tools {
    display: block;
    right: -16px;
    top: -1px;
  }
}
.nev-heading-entity-name-tools .cancel-btn {
  color: #8ABF4C;
}
.nev-heading-entity-name-tools.force-visible {
  display: block;
}

.entity-url-attribute {
  display: block;
  padding: 0 0 0 24px;
}
@media screen and (max-width: 767px) {
  .entity-url-attribute {
    padding-left: 16px;
  }
}
.entity-url-attribute .field-editor {
  padding: 0;
}

.ondemand__wrapper {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .ondemand__wrapper {
    margin-top: 0;
  }
}
.ondemand__overflow-hidden {
  overflow-y: auto;
  overflow-x: hidden;
}

.on-demand {
  background: #FFF;
}
.on-demand-left-title {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

.available-vendor {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.available-vendor-logo {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: 3rem;
}
.available-vendor-logo img {
  object-fit: contain;
  object-position: left;
  max-height: 100%;
}
.available-vendor .zap-inlined-checkbox-label {
  min-width: 1.125rem;
  min-height: 1.125rem;
}

.on-demand-left-sidebar {
  max-height: calc(100vh - 200px);
  width: 17.5rem;
  padding: 0 1rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.professionals-container {
  padding: 0 0.9375rem;
  flex: 1;
  max-width: 78.125rem;
  max-height: calc(100vh - 200px);
}
@media screen and (max-width: 991px) {
  .professionals-container {
    padding-top: 0.625rem;
  }
}
@media screen and (max-width: 991px) {
  .professionals-container .filter__results-number {
    position: absolute;
    top: -10px;
    right: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .professionals-container {
    overflow: initial;
    max-height: calc(100vh - 100px);
  }
}
.professionals-container-content {
  border: 1px solid #f2f2ee;
}
@media screen and (max-width: 767px) {
  .professionals-container-content {
    border: none;
    border-bottom: 1px solid #f2f2ee;
  }
}

.vendor-service {
  width: 33.75rem;
  padding: 0 1.5rem;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .vendor-service {
    padding-top: 1.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: 2;
    overflow: auto;
  }
}
@media screen and (max-width: 1024px) {
  .vendor-service {
    padding-top: 1.5rem;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #FFF;
    z-index: 20;
    overflow: auto;
  }
}

.vendors-container {
  padding: 0 0.9375rem;
  border: 1px solid #f2f2ee;
}

.professional-row-container {
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid #f2f2ee;
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .professional-row-container {
    border: none;
    border-bottom: 1px solid #f2f2ee;
  }
}
.professional-row-container .btn {
  width: 140px;
}
.professional-row-container:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.professional-row-container:hover {
  background-color: #f2f2ee;
}
.professional-row-container:hover .badges-list-item {
  border: 1px solid #777;
}
.professional-row-container.professional-selected {
  background-color: #f2f2ee;
}
.professional-row-container.professional-selected .badges-list-item {
  border: 1px solid #777;
}
.professional-row-container-logo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 1rem 0 0;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}
.professional-row-container-logo img {
  object-fit: contain;
  object-position: left;
}
@media screen and (max-width: 992px) {
  .professional-row-container-logo {
    width: 4rem;
  }
}
.professional-row-container-avatar {
  width: 4rem;
}
.professional-row-container-content {
  padding: 0 1rem;
  width: calc(100% - 100px - 64px - 140px - 16px);
}
@media screen and (max-width: 767px) {
  .professional-row-container-content {
    width: 100%;
    padding: 16px 0 0;
  }
}
.professional-row-container-buttons {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 0;
  width: 140px;
  margin-left: 1rem;
}
@media screen and (max-width: 992px) {
  .professional-row-container-buttons {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .professional-row-container-buttons .service-details-btn {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 372px) {
  .professional-row-container-buttons .service-details-btn {
    margin-left: 0.3125rem;
  }
}
@media screen and (max-width: 358px) {
  .professional-row-container-buttons .service-details-btn {
    margin-left: 0;
    margin-top: 0.625rem;
  }
}
.professional-row-container-buttons .btn {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .professional-row-container-buttons {
    width: 100%;
    padding: 16px 0 0;
    justify-content: flex-start;
  }
}

.vendor-row-container {
  padding: 1rem;
  border-bottom: 1px solid #f2f2ee;
}
.vendor-row-container:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.vendor-row-container:hover {
  background-color: #f2f2ee;
}
.vendor-row-container:hover .badges-list-item {
  border: 1px solid #777;
}
.vendor-row-container.professional-selected {
  background-color: #f2f2ee;
  display: none;
}
.vendor-row-container.professional-selected .badges-list-item {
  border: 1px solid #777;
}
.vendor-row-container__right {
  width: calc(100% - 64px - 64px - 8px);
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .vendor-row-container__right {
    width: calc(100% - 48px - 48px - 8px);
  }
}

.vendor-column-professional-image {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .vendor-column-professional-image {
    width: 3rem;
    height: 3rem;
  }
}
.vendor-column-professional-image img {
  max-height: 4rem;
  object-fit: cover;
}

.professional-image-round {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  object-fit: cover;
}

.vendor-image-round {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .vendor-image-round {
    width: 3rem;
    height: 3rem;
  }
}

.professional-image-initials {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
}

.vendor-image-initials {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
}

.professional-label {
  display: inline;
  align-items: center;
  margin-bottom: 0.3125rem;
  font-size: 1.125rem;
  font-weight: bold;
  color: #8ABF4C;
  text-decoration: none;
}
.professional-label i {
  margin-left: 0.5rem;
}

.vendor-label {
  display: flex;
  align-items: center;
  margin-bottom: 0.3125rem;
  font-size: 1.125rem;
  font-weight: bold;
  color: #8ABF4C;
  text-decoration: none;
}
.vendor-label i {
  margin-left: 0.5rem;
}

.professional-label a {
  padding-right: 0.625rem;
  transition: 0.3s;
  color: #8ABF4C;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .professional-label a {
    padding-left: 0;
  }
}
.professional-label a:hover {
  color: #8ABF4C;
  text-decoration: none;
}

.professional-title {
  font-size: 1rem;
  margin-bottom: 0.3125rem;
}
@media screen and (max-width: 992px) {
  .professional-title {
    margin-top: 0.5rem;
  }
}

.professional-about {
  font-size: 0.875rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
}

.favorite-filter-checkbox {
  padding-top: 0.1875rem;
}

.showing-results {
  color: #32332F;
}

.favorite-btn i {
  position: relative;
  top: -1px;
}
@media screen and (max-width: 767px) {
  .favorite-btn {
    padding: 0.5rem 0.75rem;
    border: 2px solid #C6CCBC;
    font-size: 1rem;
    text-align: center;
    border-radius: 0.3rem;
    width: 100%;
  }
}

@media screen and (max-width: 995px) {
  .favorites-mobile-container {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .favorites-mobile-container {
    margin-top: 0;
  }
}
@media screen and (max-width: 450px) {
  .favorites-mobile-container {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .favorites-selected {
    border: 2px solid black;
    background-color: #000000;
    color: #ffffff;
  }
}
.company-filter__wrapper {
  width: 100%;
}

.company-filter__container {
  position: relative;
}

.company-filter__container .company-filter__selected {
  background-color: black;
  color: #FFFFFF;
  border: 2px solid #000000;
}

.company-filter__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.company-filter__checkbox-container {
  display: none;
  border: 2px #dadada solid;
}

.company-filter__checkbox-container label {
  display: block;
}

.company-filter__checkbox-visible {
  display: block;
  background-color: #fff;
  padding: 11px;
  margin-top: -0.1rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.company-filter__checkbox-hidden {
  display: none;
}

.professionals__company-filter-mobile {
  padding: 0.6rem;
  width: 100%;
  border: 2px solid #c6ccbc;
  border-radius: 0.3rem;
  font-weight: bold;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.professionals__company-filter-mobile:active {
  background-color: #000000;
}
.professionals__company-filter-mobile:focus {
  background-color: #000000;
}

.professionals__company-filter-mobile:active {
  background-color: #000;
  color: #fff;
  border: 2px solid #000000;
}

#service-filter__button-toggle {
  color: black;
  background-color: #fff;
  border: 2px solid #c6ccbc;
  border-radius: 0.3rem;
  width: 100%;
  text-align: left;
  padding: 0.6rem;
  margin-bottom: 10px;
  font-weight: bold;
}
#service-filter__button-toggle:active {
  background-color: #000000;
  border: 2px solid #000000;
  color: #fff;
}
#service-filter__button-toggle:focus {
  background-color: #000000;
  border: 2px solid #000000;
  color: #fff;
}
#service-filter__button-toggle:hover {
  background-color: #000000;
  border: 2px solid #000000;
  color: #fff;
}

.slider-tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2ee;
  align-items: center;
}
.slider-tabs .nav-tabs {
  border: none;
  margin-bottom: 0;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  height: 50px;
  flex-wrap: nowrap;
}

.service-filter__select-service {
  width: 100%;
  border: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.service-filter__select-service--right {
  min-width: 15.625rem;
  left: auto !important;
  right: 0 !important;
  top: 100% !important;
  transform: none !important;
  overflow-x: hidden;
}
.service-filter__select-item:hover {
  background-color: #8abf4c;
}
.service-filter__button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown a {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.filter__content .select-area {
  max-width: 11.25rem;
}

.filter__content .filter__search-group .select-area {
  max-width: 14rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .filter__content .filter__search-group .select-area {
    max-width: 15.625rem;
  }
}

.zap-modal__body--overflow-hidden {
  overflow: hidden;
  padding: 0;
}

.column-selector__columns--has-tabs {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.column-selector__columns .nav-pills--vertical-stacked {
  flex-flow: column;
  padding: 1rem;
  border-bottom: none;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 767px) {
  .column-selector__columns .nav-pills--vertical-stacked {
    padding: 0.75rem;
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .column-selector__columns .nav-pills--vertical-stacked {
    width: 12.5rem;
  }
}
.column-selector__columns .nav-pills--vertical-stacked .nav-item.nav-link {
  margin-left: 0;
  margin-right: 0;
  padding: 0.5rem 0.75rem !important;
  border: none;
  font-size: 0.875rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .column-selector__columns .nav-pills--vertical-stacked .nav-item.nav-link {
    font-size: 0.75rem;
    padding: 0.5rem 0.5rem !important;
  }
}
.column-selector__columns .nav-pills--vertical-stacked .nav-item.nav-link.active {
  border: none !important;
  background: #8ABF4C !important;
  color: #FFF;
}
.column-selector__columns .column-selector__fields--has-tabs {
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .column-selector__columns .column-selector__fields--has-tabs {
    width: 70%;
    padding: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .column-selector__columns .column-selector__fields--has-tabs {
    width: 20rem;
  }
}
.column-selector__columns .column-selector__fields--has-tabs .fieldset-row {
  padding-left: 0;
  padding-right: 0;
}

.vendor-profile-page {
  background: #FFF;
  overflow: auto;
  height: 100vh;
}
.vendor-profile-page .container {
  max-width: 66rem;
}

.custom-card {
  margin-bottom: 1.5rem;
  box-shadow: 0 0 6px 0 #f2f2ee;
}
@media screen and (max-width: 767px) {
  .custom-card {
    box-shadow: 0 2px 0 #f2f2ee;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.custom-card a {
  color: #00a2ae;
}
.custom-card a:hover {
  text-decoration: underline;
  color: #00737b;
}
.custom-card p {
  font-size: 1rem;
  line-height: 1.5;
}
.custom-card-title {
  font-size: 1.375rem;
  margin-bottom: 1.5rem;
  line-height: 1;
}
@media screen and (max-width: 992px) {
  .custom-card-title {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .profile-general-info {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
  }
}
.profile-general-info-top {
  position: relative;
  margin-top: -55px;
  padding: 0 1.875rem;
}
@media screen and (max-width: 767px) {
  .profile-general-info-top .btn.w-100 {
    max-width: 12.5rem;
  }
}
@media screen and (max-width: 992px) {
  .profile-general-info-top {
    padding: 0 1rem;
  }
}

.profile-general-info-bottom {
  padding: 1.25rem 1.5rem;
}
@media screen and (max-width: 992px) {
  .profile-general-info-bottom {
    padding: 1.25rem 1rem;
  }
}
.profile-general-info-bottom h3 {
  margin-bottom: 0.625rem;
  font-size: 2rem;
  line-height: 1.19;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .profile-general-info-bottom h3 {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .profile-general-info-bottom h3 {
    font-size: 1.375rem;
  }
}
.profile-general-info-bottom p {
  margin-bottom: 0.5rem;
  font-size: 1.375rem;
}
@media screen and (max-width: 992px) {
  .profile-general-info-bottom p {
    font-size: 1rem;
  }
}
.profile-general-info-bottom .profile-info li {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #888C81;
}
@media screen and (max-width: 992px) {
  .profile-general-info-bottom .profile-info li {
    font-size: 0.875rem;
  }
}

.profile-background {
  padding: 4rem 1.875rem;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px 3px 0 0;
  background-color: #8abf4c;
}
@media screen and (max-width: 767px) {
  .profile-background {
    border-radius: 0;
  }
}

.profile-user-img-default {
  background: #F2F2EE;
}

.profile-user-img {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFF;
  padding: 0.3125rem;
  width: 7.5rem;
  height: 7.5rem;
  box-shadow: 0 3px 6px 0 #C6CCBC;
}
.profile-user-img img {
  width: 7.1875rem;
  height: 7.1875rem;
  object-fit: cover;
  border-radius: 50%;
}
.profile-user-img .professional-profile-initials {
  font-size: 2.1875rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
}
.profile-user-img .professional-profile-default {
  font-size: 2.1875rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #D9D9DA;
}

.profile-company-logo {
  max-width: 4rem;
  max-height: 4rem;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .profile-company-logo {
    max-width: 3.75rem;
  }
}
.profile-company-logo--wide {
  max-width: 16rem;
}

.profile-default-logo {
  color: #D9D9DA;
  border: 1px solid #D9D9DA;
  font-size: 1.875rem;
  background-color: #F2F2EE;
  padding: 10px 15px;
  border-radius: 4px;
  display: block;
  width: 60px;
}

.profile-hero-default-logo {
  color: #D9D9DA;
  background-color: #F2F2EE;
  font-size: 1.875rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  height: 11.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service-profile__service-name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
}
.service-profile__vendor-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #888C81;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.service-profile__vendor-name:hover {
  color: #8ABF4C;
}

.vendor-profile__title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
}
.vendor-profile__title--page {
  background-color: #333;
  color: #FFF;
  padding: 1.5rem 1rem;
  margin-top: 0;
}
.vendor-profile__headline {
  font-size: 1.125rem;
  font-weight: 600;
  color: #888C81;
  margin-bottom: 0.75rem;
}
.vendor-profile__img {
  margin: 1.5rem 0 2rem;
}
.vendor-profile__img img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .vendor-profile__img {
    margin: 1rem 0;
  }
}
.vendor-profile__about {
  border-bottom: 2px solid #f2f2ee;
  padding-bottom: 3.125rem;
}
.vendor-profile__about-desc {
  margin-top: 1.3125rem;
}
.vendor-profile__about-desc .preview {
  padding: 0;
  font-size: 1rem;
}
.vendor-profile__about-desc .preview p, .vendor-profile__about-desc .preview ul {
  margin-bottom: 1rem;
}
.vendor-profile__about-desc .preview strong {
  font-weight: 700;
}
.vendor-profile__our-services {
  margin-bottom: 2.4375rem;
}
.vendor-profile__page {
  overflow: auto;
}
.vendor-profile__container {
  padding: 1.5rem;
  background: #FFF;
}

.profile-company-title {
  display: inline-block;
  padding-left: 1.5rem;
  font-weight: bold;
  font-size: 1.125rem;
  cursor: pointer;
  color: #8ABF4C;
}
@media screen and (max-width: 991px) {
  .profile-company-title {
    padding-left: 1rem;
  }
}

.badges-list {
  margin-top: 1.5rem;
  list-style: none;
}
.badges-list-item {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem 0.375rem;
  background: #f2f2ee;
  border: 1px solid #f2f2ee;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
  color: #333;
  text-align: center;
}
.badges-list-item:last-child {
  margin-right: 0;
}

.profile-about-section {
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 767px) {
  .profile-about-section {
    padding: 1.25rem 1rem;
  }
}

.profile-experience-section {
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 767px) {
  .profile-experience-section {
    padding: 1.25rem 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .profile-experience-section {
    padding: 1.5rem;
  }
}

.profile-experience-company-logo {
  width: 6.25rem;
}
@media screen and (max-width: 992px) {
  .profile-experience-company-logo {
    width: 3.75rem;
  }
}

.profile-experience-list {
  width: calc(100% - 100px);
  padding-left: 1.5rem;
}
@media screen and (max-width: 992px) {
  .profile-experience-list {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 992px) {
  .profile-experience-list p {
    font-size: 0.875rem;
  }
}
.profile-experience-list h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 992px) {
  .profile-experience-list h4 {
    font-size: 1rem;
  }
}
.profile-experience-list .profile-experience-list-period {
  color: #888C81;
  font-size: 1.125rem;
}
@media screen and (max-width: 992px) {
  .profile-experience-list .profile-experience-list-period {
    font-size: 0.875rem;
  }
}
.profile-experience-list .profile-experience-list-period:before {
  content: "•";
  margin: 0 4px;
  display: inline-block;
}
.profile-experience-list .profile-experience-list-period:first-of-type:before {
  content: normal;
}
.profile-experience-list ul li {
  position: relative;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
  .profile-experience-list ul li {
    padding-bottom: 1rem;
  }
}
.profile-experience-list ul li:first-child:before, .profile-experience-list ul li:first-child:after {
  content: normal;
}
.profile-experience-list ul li:last-child:after {
  content: normal;
}
.profile-experience-list ul li:before {
  content: "•";
  display: inline-block;
  position: absolute;
  left: -74px;
  top: 0;
  color: #f2f2ee;
}
@media screen and (max-width: 992px) {
  .profile-experience-list ul li:before {
    left: -50px;
  }
}
.profile-experience-list ul li:after {
  content: "";
  width: 1px;
  position: absolute;
  top: 24px;
  left: -70px;
  bottom: 0;
  background: #f2f2ee;
}
@media screen and (max-width: 992px) {
  .profile-experience-list ul li:after {
    left: -47px;
  }
}

.profile-industries-section {
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 767px) {
  .profile-industries-section {
    padding: 1.25rem 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .profile-industries-section {
    padding: 1.5rem;
  }
}

.profile-industries-list h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .profile-industries-list h4 {
    font-size: 1rem;
  }
}
.profile-industries-list li {
  padding: 1.5rem 0;
  border-bottom: 1px solid #f2f2ee;
}
.profile-industries-list li:first-child {
  padding-top: 0;
}
.profile-industries-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.profile-detailed-profile-section {
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 767px) {
  .profile-detailed-profile-section {
    padding: 1.25rem 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .profile-detailed-profile-section {
    padding: 1.5rem;
  }
}

.profile__professionals-list-title {
  font-size: 1.4rem;
  padding-bottom: 1.5rem;
}

.vendor-professional-container {
  max-width: 1500px !important;
  padding-top: 2rem;
  overflow-y: auto;
  max-height: calc(100vh - 140px);
}

@media only screen and (max-width: 576px) {
  .vendor-column-professional-image, .professional-avatar {
    margin-bottom: 11px;
  }
  .vendor-column-professional-label {
    margin-bottom: 13px;
  }
  .vendor-column-badges-list-item {
    margin-right: 5px;
  }
  .profile__professionals-list-title {
    font-size: 20px;
    padding: 0 0 1.5rem;
  }
  .vendor-column-row {
    padding: 0.5rem;
  }
}
.profile-avatar-tools {
  z-index: 2;
  width: 17.5rem;
  margin: 0 auto;
  padding: 1rem 2rem;
  position: absolute;
  top: 4.375rem;
  left: 0;
  right: 0;
  box-shadow: 0px 3px 6px rgb(242, 242, 238);
  border-radius: 4px;
  background: #FFF;
}
.profile-avatar-tools__upload {
  padding: 0.5rem 0;
  cursor: pointer;
}
.profile-avatar-tools__upload:hover {
  color: #8ABF4C;
}
.profile-avatar-tools__edit {
  padding: 0.5rem 0;
  cursor: pointer;
}
.profile-avatar-tools__edit:hover {
  color: #8ABF4C;
}
.profile-avatar-tools__remove {
  padding: 0.5rem 0;
  cursor: pointer;
  color: #E86546;
}
.profile-avatar-tools__remove:hover {
  color: #F5BD3E;
}

.profile-show-full-number {
  color: #8ABF4C;
  cursor: pointer;
}

.service-description-img {
  margin: 1.5rem 0 2rem;
}
.service-description-img img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .service-description-img {
    margin: 1rem 0;
  }
}

.description-lists-section {
  margin-top: 1rem;
  padding: 1.5rem 0;
  border-top: 1px solid #f2f2ee;
}
@media screen and (max-width: 991px) {
  .description-lists-section {
    padding-left: 0;
    padding-right: 0;
  }
}
.description-lists-section .preview {
  padding: 0;
  font-size: 1rem;
}
.description-lists-section .preview ul {
  list-style: disc;
  padding-left: 1.5rem;
}

.preview-wysiwyg ul, .preview-wysiwyg ol {
  padding-left: 1rem;
}
.preview-wysiwyg .ql-indent-1 {
  margin-left: 1rem;
}
.preview-wysiwyg .ql-indent-2 {
  margin-left: 2rem;
}
.preview-wysiwyg .ql-indent-3 {
  margin-left: 3rem;
}
.preview-wysiwyg .ql-indent-4 {
  margin-left: 3.75rem;
}
.preview-wysiwyg ul {
  list-style: disc;
}
.preview-wysiwyg p {
  line-height: 1.5;
  margin-bottom: 1rem;
}

.tab-content-primary {
  padding: 1rem 0;
}
@media screen and (max-width: 992px) {
  .tab-content-primary {
    font-size: 0.875rem;
  }
}
.tab-content-primary p {
  margin-bottom: 1rem;
}
.tab-content-primary h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .tab-content-primary h3 {
    font-size: 1.125rem;
  }
}
.tab-content-primary ul {
  margin-bottom: 1.5rem;
}
.tab-content-primary ul li {
  padding: 0.25rem 0;
  line-height: 1.25;
}

.rfp-viewer__wrapper {
  overflow: hidden;
}

.rfp-viewer-vendor-professional-info {
  width: calc(100% - 48px);
}

.rfp-list__wrapper, .rfp-list__wrapper__right {
  position: relative;
  padding: 1.25rem 1.25rem 0;
  max-height: 72vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f2f2ee;
}
@media only screen and (max-width: 768px) {
  .rfp-list__wrapper, .rfp-list__wrapper__right {
    max-height: 100%;
    overflow: inherit;
    padding-bottom: 1.25rem;
  }
}
.rfp-list__wrapper--full-height {
  max-height: calc(100vh - 59px);
}
@media only screen and (max-width: 991px) {
  .rfp-list__wrapper--full-height {
    overflow: auto;
  }
}
@media only screen and (max-width: 768px) {
  .rfp-list__wrapper--full-height {
    max-height: inherit;
  }
}
@media only screen and (max-width: 991px) {
  .rfp-list__wrapper--full-height .rfp-list-item {
    min-width: 20rem;
    margin-right: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .rfp-list__wrapper--full-height .rfp-list-item {
    min-width: 100%;
    margin-right: 0;
  }
}

.rfp-list__wrapper__right {
  background: #FFF;
}

.rfp-list {
  position: relative;
  z-index: 2;
}
.rfp-list-item {
  padding: 1rem;
  margin-bottom: 1.5rem;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  border-radius: 0.3125rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid transparent;
  background: #FFF;
  cursor: pointer;
}
.rfp-list-item.active {
  border-color: #8ABF4C;
}
@media screen and (max-width: 768px) {
  .rfp-list-item {
    margin-bottom: 1rem;
  }
}
.rfp-list-item-tenant-id {
  padding-left: 1.25rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .rfp-list-item-tenant-id {
    padding-left: 0;
  }
}
.rfp-list-item-status {
  font-size: 1.125rem;
  font-weight: 600;
}
.rfp-list-item-status.negotiating {
  color: #8ABF4C;
}
.rfp-list__tenant-name {
  padding-left: 0;
}
.rfp-list__recipient-contact {
  display: flex;
  flex-direction: column;
}

.rfp-details__title {
  font-size: 2rem;
}

.rfp-viewer__input {
  display: none;
}

#rfp-viewer__input-file {
  display: none;
}

.rfp-viewer__label {
  border-radius: 0.3125rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 0.625rem 0.75rem;
  cursor: pointer;
  width: 100%;
}

.rfp-list-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rfp-list-item-vendor-logo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 3rem;
  height: 3rem;
}

.rfp-list-item-vendor-professional {
  width: calc(100% - 56px);
  padding-left: 1rem;
}
.rfp-list-item-vendor-professional-first {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.rfp-list-item-vendor-professional-info {
  width: calc(100% - 48px);
  padding-left: 1rem;
}
.rfp-list-item-vendor-professional-name {
  display: block;
  width: 100%;
  padding-bottom: 0.25rem;
  font-style: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  color: #8ABF4C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rfp-list-item-vendor-professional-role {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 1024px) {
  .rfp-modal {
    width: 62.5rem;
  }
}

.rfp-message__show-all {
  cursor: pointer;
  color: #8ABF4C;
  text-decoration: underline;
  font-size: 0.875rem;
}

.rfp-list__avatar {
  width: 3rem;
  height: 3rem;
  font-size: 0.6875rem;
  font-weight: 900;
  border: none;
  color: #333;
  background: #e8e8e8;
  border-radius: 100%;
  cursor: pointer;
  object-fit: cover;
}
.rfp-list__avatar-initials {
  width: 3rem;
  height: 3rem;
  font-size: 0.6875rem;
  border-radius: 100%;
  cursor: pointer;
  margin-top: 25%;
  border: 1px solid #E6E6E1;
  padding: 0.75rem 0.625rem;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #8ABF4C;
}

.rfp-comment-message {
  word-break: break-word;
}

@media only screen and (max-width: 1024px) {
  .rfp-modal {
    width: auto;
  }
  .rfp-list__avatar-initials {
    margin-top: 15%;
  }
}
.rfp__main-container {
  display: flex;
  margin: 2.5rem auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 578px) {
  .rfp__main-container {
    margin: 0;
  }
}
.rfp__content-container {
  max-width: 53.75rem;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0.75rem 0.9375rem 0 rgba(51, 51, 51, 0.1);
  border-radius: 0.25rem;
}
@media (min-width: 578px) and (max-width: 1024px) {
  .rfp__content-container {
    padding: 0;
    box-shadow: none;
  }
}
.rfp__attachments-container {
  max-width: 53.75rem;
  width: 53.75rem;
  margin: 0 auto;
}
.rfp__header {
  display: flex;
  flex-direction: column;
}
.rfp__header-logo {
  max-width: 10.625rem;
}
.rfp__header-slogan {
  margin-top: 0.5rem;
  padding: 0;
}
.rfp__text-container {
  padding: 1rem 0 0 0;
  overflow: hidden;
}
.rfp__text-heading {
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.5rem 0;
}
.rfp__text-normal {
  font-size: 1rem;
}
.rfp__id-timestamp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #707070;
  margin-top: 30px;
}
.rfp__attachment {
  display: flex;
  justify-content: space-between;
  background: #FCFCFC 0 0 no-repeat padding-box;
  box-shadow: 0 3px 6px #D9D9DA;
  margin: 0.9375rem 0.3125rem;
  border-radius: 2px;
  opacity: 1;
  padding: 0.625rem;
}
.rfp__attachment-icon-name {
  display: flex;
}
.rfp__pdf-wrapper {
  padding: 5rem;
  max-width: 53.75rem;
}
@media screen and (max-width: 991px) {
  .rfp__breadcrumbs {
    width: 100%;
  }
}
.rfp__status {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.rfp__status .react-select {
  width: 15.625rem;
}
.rfp__status--won-deal {
  color: #8ABF4C;
}
.rfp__status--lost-deal {
  color: #E86546;
}
@media screen and (max-width: 991px) {
  .rfp__status {
    width: 100%;
  }
}
.rfp__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .rfp__row {
    padding: 0 0 0.5rem;
  }
  .rfp__row .header-navbar__title-wrapper {
    padding: 0;
  }
}
.rfp__buttons {
  width: 100%;
  margin-left: 0.625rem;
}
.rfp__navbar .react-select {
  max-width: 20.3125rem;
  width: 20.3125rem;
}
.rfp__table {
  overflow: auto;
}
.rfp__avatar {
  display: flex;
  align-items: center;
}

.supplementary-info__item-label {
  margin: 0;
  font-size: 0.9375rem;
  width: 11.25rem;
  line-height: 1.4;
  font-weight: bold;
}

.supplementary-info__item-info {
  word-wrap: break-word;
  line-height: 1;
}

.border-box-container {
  border: 1px dashed #c6ccbc;
  padding: 0 1rem 1.875rem;
  margin-top: 1.875rem;
}

@media screen and (min-width: 1045px) {
  .header-navbar .header-navbar__vendor-portal-title {
    padding: 0;
  }
}
.header-navbar__vendor-portal-wrapper {
  justify-content: space-between;
}

.zap-table--striped .rfp__table-row {
  background-color: #fff;
}
.zap-table--striped .rfp__table-row:nth-child(even) {
  background: #FFF;
}
.zap-table--striped .rfp__table-row:hover {
  background-color: #F8F9FB;
  cursor: pointer;
}
.zap-table--striped .rfp__table-row .zap-table__cell {
  vertical-align: middle !important;
  min-width: 11.25rem;
}
.zap-table--striped .rfp__table-row .rfp__message {
  width: 18.75rem;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  padding-top: 1.5625rem;
  height: 4.375rem;
}
.zap-table--striped .rfp__table-row .rfp__recipient, .zap-table--striped .rfp__table-row .rfp__sender {
  min-width: 15.625rem;
}

@media screen and (min-width: 1024px) {
  .progress- .zap-navbar:not(.sample):before {
    right: 90%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-1 .zap-navbar:not(.sample):before {
    right: 70%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-2 .zap-navbar:not(.sample):before {
    right: 60%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-3 .zap-navbar:not(.sample):before {
    right: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-4 .zap-navbar:not(.sample):before {
    right: 40%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-5 .zap-navbar:not(.sample):before {
    right: 30%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-6 .zap-navbar:not(.sample):before {
    right: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-7 .zap-navbar:not(.sample):before {
    right: 10%;
  }
}

@media screen and (min-width: 1024px) {
  .progress-8 .zap-navbar:not(.sample):before {
    right: 0;
  }
}

.fields-test {
  padding: 40px;
  box-sizing: border-box;
  overflow: hidden;
  background: #FFF;
}
.fields-test > div {
  flex: 1 1 100%;
  overflow: auto;
}

.webentry-resolve-sidebar {
  width: 15rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.webentry-resolve-sidebar .preview.preview-multi-select {
  margin-bottom: 0.5rem;
}
.webentry-resolve-sidebar .preview.preview-multi-select span {
  font-size: 0.75rem;
  padding: 0.125rem 0.25rem;
}
.webentry-resolve-sidebar .entity-preview {
  padding: 0.625rem;
}
.webentry-resolve-sidebar .entity-preview h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.webentry-resolve-sidebar .entity-preview ul {
  margin-bottom: 0.625rem;
}
.webentry-resolve-sidebar .entity-preview ul li {
  margin-bottom: 0.625rem;
}
.webentry-resolve-sidebar .entity-preview ul label {
  display: block;
  font-weight: 600;
  color: #888C81;
  font-size: 0.75rem;
}
.webentry-resolve-sidebar .entity-preview ul .preview-text, .webentry-resolve-sidebar .entity-preview ul .preview-textarea {
  padding-top: 0.375rem !important;
  padding-bottom: 0 !important;
  line-height: inherit;
}

.resolve-error {
  color: #E86546;
  font-size: 12px;
}

.zap-datepicker .pika-label:after {
  content: " ▾";
}

.warning-banner {
  background-color: #F5BD3E;
  padding: 0.25rem;
}
.warning-banner__text {
  padding-right: 0.75rem;
}
.warning-banner .btn {
  cursor: pointer;
  color: black;
  border-color: black;
}
.warning-banner .btn:hover {
  background-color: #c38a0a;
}

.service-hub-button {
  color: #FFF;
  cursor: pointer;
}
.service-hub-button:hover {
  color: #8ABF4C;
}
.service-hub-button__name {
  display: inline-block;
  margin-left: 0.5rem;
}
@media screen and (max-width: 1500px) {
  .service-hub-button__name {
    display: none;
  }
}
.service-hub-button__icon {
  display: inline-block;
}
@media screen and (max-width: 1366px) {
  .service-hub-button__icon {
    display: none;
  }
}
.service-hub-button__icon--narrow {
  display: none;
}
@media screen and (max-width: 1366px) {
  .service-hub-button__icon--narrow {
    display: inline-block;
  }
}

.service-hub {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  min-height: 100vh;
  transition: 0.3s;
  background: #FFF;
}
.service-hub > * {
  flex: 1 0 100%;
}
.service-hub-open-rfps {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
@media only screen and (max-width: 991px) {
  .service-hub-open-rfps {
    overflow: auto;
  }
}
.service-hub-open-rfps__title {
  flex: 0 0 auto;
  text-align: left;
  font-size: 1.75rem;
  padding-bottom: 1rem;
}
.service-hub-open-rfps__body {
  flex: 1 1 auto;
}
.service-hub__title-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 1rem 0 0.5rem;
  font-size: 1.75rem;
}
@media screen and (max-width: 991px) {
  .service-hub__title-wrapper {
    padding: 1rem 1.5rem 0.5rem;
  }
}
.service-hub__title {
  padding: 0 2.25rem;
  font-size: 1.75rem;
  font-weight: 600;
}
.service-hub__title--search-tool {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .service-hub__title {
    padding: 0 1.5rem;
  }
}
.service-hub .breadcrumb {
  background: none;
  padding: 0 2.25rem;
}
.service-hub .breadcrumb .breadcrumb-item a {
  color: #333;
}
.service-hub__body {
  overflow: auto;
  flex: 1 1 auto;
  margin-top: 0;
}
.service-hub__body.transition {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
.service-hub .content {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.service-hub .zap-tab-strip {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}
.service-hub .zap-tab-strip .zap-tab-option > span:hover {
  color: #8ABF4C;
}
.service-hub--open {
  margin-left: 17.5rem;
}
@media only screen and (max-width: 991px) {
  .service-hub--open {
    min-height: auto;
  }
}
.service-hub--closed {
  margin-left: 4rem;
}
@media only screen and (max-width: 991px) {
  .service-hub--closed {
    margin-left: 0;
  }
}

.category-banner {
  width: 100%;
  min-height: 15rem;
  padding: 2.25rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.category-banner__title {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
.category-banner__description {
  width: 50%;
  background: #FFF;
  padding: 1.25rem;
}
@media screen and (max-width: 1200px) {
  .category-banner__description {
    width: 100%;
  }
}

#category-filter__button-toggle {
  color: black;
  background-color: #FFF;
  border: 2px solid #C6CCBC;
  border-radius: 0.3rem;
  width: 100%;
  text-align: left;
  padding: 0.6rem;
  margin-bottom: 10px;
  font-weight: bold;
}
#category-filter__button-toggle:active {
  background-color: #333;
  border: 2px solid #333;
  color: #FFF;
}
#category-filter__button-toggle:focus {
  background-color: #333;
  border: 2px solid #333;
  color: #FFF;
}
#category-filter__button-toggle:hover {
  background-color: #333;
  border: 2px solid #333;
  color: #FFF;
}

.category-filter__select-category {
  width: 100%;
  border: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.category-filter__select-item:hover {
  background-color: #8ABF4C;
}
.category-filter__button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown a {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.service-hub__filter-item {
  padding: 1rem 0;
  font-weight: bold;
  font-size: 0.875rem;
  border-top: 1px solid #f2f2ee;
  color: #565952;
  cursor: pointer;
}
.service-hub__filter-item i {
  color: #32332F;
  font-size: 1rem;
}

.search-tool {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .search-tool {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  .search-tool {
    padding: 0;
  }
}
.search-tool__filters {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .search-tool__filters {
    width: 100%;
    justify-content: space-between;
  }
}
.search-tool__buttons {
  flex: 1;
  margin-top: 0.625rem;
}
@media screen and (max-width: 992px) {
  .search-tool__buttons {
    margin-top: 0;
    flex: initial;
  }
}
@media screen and (max-width: 767px) {
  .search-tool__buttons {
    flex: 1;
  }
}
.search-tool__buttons .filter__results-number {
  position: absolute;
  top: -10px;
  right: 0.625rem;
}
.search-tool__clear-btn {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .search-tool__tabs {
    width: 100%;
  }
}
.search-tool .nav-tabs {
  border-bottom: none;
  width: 17.5rem;
}
@media screen and (max-width: 767px) {
  .search-tool .nav-tabs {
    width: 100%;
  }
}
.search-tool .nav-tabs .nav-link {
  border: 1px solid #E1F2FF;
  margin: 0;
  padding: 0.5rem 1rem 0.5625rem;
  color: #E1F2FF;
  border-radius: 0.25rem;
  text-align: center;
}
@media screen and (max-width: 942px) {
  .search-tool .nav-tabs .nav-link {
    width: 50%;
  }
}
.search-tool .nav-tabs .nav-link.active {
  background-color: #E1F2FF !important;
  border-bottom: none !important;
  color: white;
}
.search-tool .nav-tabs .nav-link.active:hover {
  border: 1px solid #E1F2FF;
  color: #FFF;
}
.search-tool .nav-tabs .professionals-tab {
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.search-tool .nav-tabs .professionals-tab:hover {
  border: 1px solid #E1F2FF;
  color: #c8e7ff;
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.search-tool .nav-tabs .vendors-tab {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.search-tool .nav-tabs .vendors-tab:hover {
  color: #c8e7ff;
  border: 1px solid #E1F2FF;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.search-tool__favorite-btn {
  margin-left: 0.5rem;
}
@media screen and (min-width: 992px) {
  .search-tool__favorite-btn {
    margin-left: 0;
  }
}
.search-tool__favorite-btn i, .search-tool__filter-btn i {
  position: relative;
  top: -1px;
}
.search-tool__favorite-btn:hover, .search-tool__filter-btn:hover {
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .search-tool__favorite-btn, .search-tool__filter-btn {
    padding: 0.6rem 1.2rem;
    border: 1px solid #8ABF4C;
    color: #8ABF4C;
    font-size: 1rem;
    text-align: center;
    border-radius: 0.3rem;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 992px) {
  .search-tool .favorites-selected {
    border: 1px solid black;
    background-color: #333;
    color: #FFF;
  }
}

.filter__results-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #8ABF4C;
  color: #FFF;
  border-radius: 50%;
  font-size: 0.75rem;
  font-family: Arial, sans-serif;
}
.filter__header i {
  transition: 0.3s;
}
.filter__header--expanded i {
  transform: rotate(180deg);
}

.no-results__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.no-results__container--service-hub {
  position: fixed;
}

.service-hub__filter-list .form-control:disabled {
  background-color: #e9ecef;
  opacity: 0;
}

.zap-tab-strip--servicehub {
  position: relative;
  overflow: initial;
}
@media screen and (max-width: 700px) {
  .zap-tab-strip--servicehub {
    overflow-y: hidden;
    overflow-x: auto;
  }
}
.zap-tab-strip--servicehub .services-navbar {
  min-width: 12.5rem;
  position: absolute;
  top: 2.1875rem;
  visibility: hidden;
  left: 1rem;
  opacity: 0;
  margin-left: -1rem;
  transition: visibility 0s, opacity 0.5s linear;
}
.zap-tab-strip--servicehub .services-navbar {
  display: block;
  z-index: 10;
  background-color: #FFF;
  display: inline-block;
  padding: 0.75rem;
  visibility: visible;
  opacity: 1;
  transition-delay: 0.5s;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  white-space: inherit;
}
@media screen and (max-width: 1199px) {
  .zap-tab-strip--servicehub .services-navbar {
    display: none;
  }
}
.zap-tab-strip--servicehub .services-navbar__item {
  font-weight: bold;
  padding: 0.375rem 0;
  white-space: initial;
  color: #333;
  font-size: 0.8125rem;
}
.zap-tab-strip--servicehub .services-navbar__item:first-child {
  padding-top: 0;
}
.zap-tab-strip--servicehub .services-navbar__item:last-child {
  padding-bottom: 0;
}
.zap-tab-strip--servicehub .services-navbar__item:hover {
  cursor: pointer;
  color: #8ABF4C;
}

.service-hub-sidebar {
  width: 17.5rem;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 1.5rem 0;
  background: #32332F;
  z-index: 4;
  transition: 0.3s;
}
@media only screen and (max-width: 991px) {
  .service-hub-sidebar {
    visibility: hidden;
    margin-left: -280px;
  }
}
.service-hub-sidebar__navbar {
  z-index: 5;
}
.service-hub-sidebar--open {
  margin-left: 0;
  visibility: visible;
}
.service-hub-sidebar__logo {
  display: block;
  height: 2.25rem;
  margin: 0 1rem;
}
.service-hub-sidebar__logo--short {
  display: none;
}
.service-hub-sidebar__toggle {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 4rem;
  right: -16px;
  font-size: 1.125rem;
  background: #FFF;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 #c3c5c0;
  z-index: 4;
  transition: 0.3s;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.service-hub-sidebar__menu {
  height: calc(100vh - 24px - 36px - 52px);
  margin-top: 3.25rem;
  overflow: auto;
}
.service-hub-sidebar__item {
  padding: 0.25rem 0;
}
.service-hub-sidebar__link {
  display: block;
  padding: 0.75rem 1.25rem;
  font-size: 1.125rem;
  color: #FFF;
  white-space: nowrap;
  cursor: pointer;
}
.service-hub-sidebar__link--active {
  background: #FFF;
  color: #333;
}
.service-hub-sidebar__link:hover {
  color: #8ABF4C;
}
.service-hub-sidebar__link-icon {
  display: inline-block;
  width: 1.5rem;
  margin-right: 1rem;
}
.service-hub-sidebar--closed {
  width: 4rem;
}
@media only screen and (max-width: 992px) {
  .service-hub-sidebar--closed {
    margin-left: 0;
    width: 17.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .service-hub-sidebar--closed {
    margin-left: -280px;
  }
}
.service-hub-sidebar--closed .service-hub-sidebar__toggle {
  transform: rotate(180deg);
}
.service-hub-sidebar--closed .service-hub-sidebar__logo--full {
  display: none;
}
@media only screen and (max-width: 991px) {
  .service-hub-sidebar--closed .service-hub-sidebar__logo--full {
    display: block;
  }
}
.service-hub-sidebar--closed .service-hub-sidebar__logo--short {
  display: block;
  width: 2rem;
}
@media only screen and (max-width: 991px) {
  .service-hub-sidebar--closed .service-hub-sidebar__logo--short {
    display: none;
  }
}
.service-hub-sidebar--closed .service-hub-sidebar__link-text {
  display: none;
}
@media only screen and (max-width: 991px) {
  .service-hub-sidebar--closed .service-hub-sidebar__link-text {
    display: inline-block;
  }
}
.service-hub-sidebar--closed .service-hub-sidebar__link-icon {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .service-hub-sidebar--closed .service-hub-sidebar__link-icon {
    margin-right: 1rem;
  }
}

.service-hub-textarea {
  margin-bottom: 1.2rem !important;
}

.category-services {
  padding: 1.5rem;
}
.category-services__intro {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 1rem 0 1.5rem 0;
}
.category-services__list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.category-services__img {
  height: 11.25rem;
  width: 100%;
  object-fit: cover;
}
.category-services__logo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  height: 4rem;
  max-width: 100%;
  cursor: pointer;
  margin: 0.3125rem;
}
.category-services__logo img {
  max-height: 64px;
  height: 4rem;
}
.category-services__item {
  width: 18.875rem;
  margin: 0.9375rem;
  padding: 1.25rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1650px) {
  .category-services__item {
    width: 20rem;
  }
}
@media screen and (max-width: 1400px) {
  .category-services__item {
    width: 29.8%;
  }
}
@media screen and (max-width: 1186px) {
  .category-services__item {
    width: 44%;
  }
}
@media screen and (max-width: 640px) {
  .category-services__item {
    width: 100%;
    max-width: 17.875rem;
    margin: 0.625rem auto;
  }
}
.category-services__item-content {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  height: calc(100% - 180px);
}
.category-services__item-content--logo {
  height: calc(100% - 100px);
  padding-top: 0;
}
.category-services__title {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
.category-services__headline {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.category-services__service-name {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.category-services__vendor-name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  cursor: pointer;
  color: #8ABF4C;
}
.category-services__description {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.service-hub-suggestion-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f2f2ee;
  text-align: center;
  padding: 10rem 1.25rem;
}

.service-hub-suggestion-title {
  padding: 0 1.5rem;
}

.vendor-suggestion-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f2f2ee;
  text-align: center;
  padding: 10rem 1.25rem;
}

.category-suggested-services__item {
  padding: 0.5rem;
}

.service-hub-textarea {
  margin-bottom: 1.2rem !important;
}

.no-rfps {
  display: flex;
  flex-flow: column;
  padding: 10.25rem 1.5rem 1.5rem;
  text-align: center;
}
.no-rfps__title {
  margin: 2.625rem 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.75rem;
}
.no-rfps__image {
  max-width: 100%;
  height: auto;
}

.hide-scrollbars {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbars::-webkit-scrollbar {
  display: none;
}

.kanban-prevent-scroll {
  overflow: hidden !important;
}

.status-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: stretch;
}
.status-indicator .status {
  display: flex;
  flex: 1 1 auto;
  padding: 0.5rem;
  color: #4B4E46;
  background: #cecfcc;
  border: 1px solid #FFF;
}
.status-indicator .status.status-completed {
  color: #FFF;
  background: #8ABF4C;
}

.kyc-label-block {
  padding: 1rem;
}

.modal-body .kyc-value-block {
  padding-right: 0;
}

.max-w-100 {
  max-width: 100%;
}

.overflow-x-scroll {
  overflow: hidden;
  overflow-x: scroll;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.board-member-action-btn {
  font-size: 12px;
  padding: 2px 5px;
}

.confirm-all-btn {
  font-size: 12px;
  padding: 5px;
}

.set-as-ubo-btn {
  font-size: 12px;
  padding: 2px 5px;
  white-space: nowrap;
}

.kyc-value-block {
  padding-right: 2rem;
  flex: 1 1 auto;
}
.kyc-value-block.full-width {
  max-width: 100%;
}
.kyc-value-block .file-dropzone {
  padding-top: 0.5rem;
}
.kyc-value-block .upload-indicators {
  margin-top: 0.5rem;
  padding: 0;
}
.kyc-value-block .input-editor--input-group {
  width: 100%;
}
.kyc-value-block .input-editor--input-group-percentage {
  margin-left: auto;
  min-width: 6.25rem;
}
.kyc-value-block .text-right .input-area {
  text-align: right;
}

.kyc-info-block {
  padding-left: 2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-left: 1px solid #DBDCD9;
  color: var(--kyc-info-color, #888C81);
}
.kyc-info-block--no-line {
  border: none;
}
.kyc-info-block strong {
  color: var(--kyc-info-strong-color, black);
}

.footer-fixed-to-bottom {
  height: 3.125rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
}

.kyc-footer-50 {
  height: 50%;
  padding: 1rem;
  background: white;
  border-top: 2px solid #8ABF4C;
}
.kyc-footer-50 .upload-indicators {
  padding-left: 0;
}

.horizontal-card {
  display: flex;
  flex: 1 1 100%;
  flex-direction: row;
}
.horizontal-card__image {
  flex: 0 0 6.25rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.horizontal-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.horizontal-card__title {
  flex: 1 0 2.5rem;
  font-weight: bold;
  font-size: medium;
}
.horizontal-card__description {
  flex: 1 1 auto;
}

.vendor-portal__container {
  background-color: #FFFFFF;
}
.vendor-portal__container .zap-table__cell:hover {
  cursor: pointer;
}
.vendor-portal__container .header-navbar__title {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .vendor-portal__container .header-navbar__title {
    margin-left: 0.625rem;
  }
}
.vendor-portal__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .vendor-portal__row {
    padding: 0 1.5rem 0.5rem;
  }
  .vendor-portal__row .header-navbar__title-wrapper {
    padding: 1rem 0 0.5rem;
  }
}
@media screen and (min-width: 991px) {
  .vendor-portal__row .vendor-portal__navbar-title {
    padding: 0;
  }
}
.vendor-portal__richtext .input-editor__input {
  height: 12.5rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
.vendor-portal__navbar-notifications {
  position: relative;
}
.vendor-portal__navbar-green-circle {
  background-color: #8ABF4C;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
}
.vendor-portal__navbar-notifications .fas {
  font-size: 17px;
}
.vendor-portal__notifications {
  position: absolute;
  right: 40px;
  box-shadow: 0 12px 15px 0 rgba(51, 51, 51, 0.1);
  width: 20.0625rem;
  padding: 1.25rem 0.625rem;
  background-color: white;
}
.vendor-portal__modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1.875rem 3.125rem;
  text-align: center;
}
.vendor-portal__modal-info {
  margin-top: 1.25rem;
}
.vendor-portal__modal-image img {
  max-width: 9.0625rem;
}

.no-archived-image {
  max-width: 20.5rem;
}

.vendor-portal__profile .profile__no-profile-created {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 30.25rem;
  margin: 6.25rem auto 0;
  text-align: center;
}
.vendor-portal__profile .profile__title {
  color: #32332F;
  font-size: 1.75rem;
  font-weight: bold;
}
.vendor-portal__profile .profile__info {
  margin: 0.9375rem 0 1.875rem;
  color: #888C81;
  font-size: 1rem;
}
.vendor-portal__profile .profile__actions {
  margin-top: 1.25rem;
}
.vendor-portal__profile .profile__icon {
  padding-right: 2.1875rem;
}

.profile-preview {
  max-width: 53.75rem;
  width: 53.75rem;
  margin: 0 auto 2.5rem;
  background: #fff;
}
.profile-preview__status {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.profile-preview__select {
  display: flex;
  justify-content: space-between;
}
.profile-preview__select .react-select {
  max-width: 12.5rem;
  width: 12.5rem;
  margin-right: 0.625rem;
}

.profile-draft {
  max-width: 53.75rem;
  width: 53.75rem;
  margin: 0 auto 2.5rem;
  background: #fff;
}
.profile-draft .select-area {
  margin-top: 1.25rem;
}
.profile-draft .zap-textarea {
  margin-top: 1.25rem;
}
.profile-draft__service {
  padding: 0.5rem 0.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}
.profile-draft__service .profile-draft__tools {
  position: relative;
  top: 0;
}
.profile-draft__experience-actions {
  margin-top: 0.625rem;
}
.profile-draft__tools {
  position: absolute;
  top: 1.25rem;
  right: 0.625rem;
  display: flex;
  justify-content: flex-end;
  width: 3.4375rem;
}
.profile-draft__tools--experience {
  top: 0.625rem;
}
.profile-draft__experience-card-container {
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  padding: 0.9375rem;
  margin-top: 0.625rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.profile-draft__industry-card-container {
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  padding: 0.9375rem;
  margin-top: 0.625rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.profile-draft__experience-card-dates {
  display: flex;
  justify-content: space-between;
}
.profile-draft__multi-select {
  width: 100%;
}
.profile-draft__multi-select .select-area {
  margin-top: 0;
}
.profile-draft__multi-select .react-select .react-select__multi-value {
  display: none;
}
.profile-draft__title {
  color: #32332F;
  font-size: 1.5rem;
  font-weight: bold;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid #DBDCD9;
  margin: 0.625rem 0 1.25rem;
}
.profile-draft__title .fa-info-circle {
  font-size: 0.875rem;
}
.profile-draft__start-date {
  margin-right: 0.9375rem;
}
.profile-draft__arrow-down-icon {
  margin-left: 0.75rem;
  opacity: 0.5;
}
.profile-draft__arrow-down-icon:hover {
  opacity: 1;
}
.profile-draft__arrow-up-icon {
  margin-left: 0.75rem;
  opacity: 0.5;
}
.profile-draft__arrow-up-icon:hover {
  opacity: 1;
}
.profile-draft__trash-icon {
  margin-left: 0.75rem;
  color: #E86546;
}
.profile-draft__name {
  display: flex;
  justify-content: space-between;
}
.profile-draft__name .draft__headline {
  width: 49%;
}
.profile-draft__first-name {
  margin-right: 0.9375rem;
}
.profile-draft__select {
  display: flex;
  justify-content: flex-end;
}
.profile-draft__select .react-select {
  width: 15.625rem;
}
.profile-draft__toggle {
  margin-top: 20px;
  margin-left: 10px;
}

.profile__description {
  white-space: pre-wrap;
}

.services-table__cell-description {
  max-width: 18.75rem;
  max-height: 4.375rem;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
  padding-top: 1.5625rem;
}

.profile__no-services-created {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 30.25rem;
  margin: 6.25rem auto 0;
  text-align: center;
}
.profile__no-services-created-title {
  color: #32332F;
  font-size: 1.75rem;
  font-weight: bold;
}
.profile__no-services-created-info {
  margin: 0.9375rem 0 1.875rem;
  color: #888C81;
  font-size: 1rem;
}
.profile__no-services-created-actions {
  margin-top: 1.25rem;
}
.profile__no-services-created-icon {
  padding-right: 2.1875rem;
}

.draft__content-container {
  padding: 1.5rem 0;
  margin: 0 3rem;
}
.draft__content {
  margin-top: 1.25rem;
  border: 1px solid #f2f2ee;
}
.draft__mode {
  padding: 0.9375rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F2F2EE;
}
.draft__mode-title {
  font-weight: bold;
}
.draft__actions {
  padding: 1.5rem;
}
.draft__preview {
  padding: 0.9375rem 1.25rem;
}
.draft__preview .preview-wysiwyg p {
  margin-bottom: 0;
  padding-bottom: 8px;
}
.draft__select {
  display: flex;
  align-items: center;
}
.draft__success-message {
  color: #31B8C7;
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 14px;
}
.draft__select-info {
  display: flex;
}
.draft__attachments .attachment-listing__indicator {
  width: 100%;
}
.draft__navbar {
  display: flex;
  justify-content: space-between;
}
.draft__navbar-item {
  border: 1px solid #D9D9DA;
  padding: 0.625rem 0.9375rem;
  width: 32%;
}
.draft__navbar-item--active {
  background-color: #8ABF4C;
  color: #ffffff;
}
.draft__buttons {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
}
.draft__editor-item {
  margin-bottom: 0.625rem;
}
.draft__no-matching-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3.75rem 5rem;
}
.draft__no-profile-created {
  max-width: 500px;
  width: 500px;
  margin: 50px auto 0;
  text-align: center;
}
.draft__image-cropper {
  padding: 0;
}
.draft__image-cropper .file-dropzone {
  margin-bottom: 0.625rem;
}
.draft__image-cropper input {
  display: none;
}
.draft__wide-logo-wrapper {
  padding: 0.9375rem 1.375rem;
  width: 12rem;
  height: 7.1875rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
.draft__wide-logo-upload-box {
  padding: 1.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  color: #888C81;
}
.draft__wide-logo-upload-title {
  font-size: 0.5625rem;
}
.draft__image-gallery-logo {
  margin-top: 0.5rem;
  position: relative;
  cursor: pointer;
}
.draft__image-gallery-logo img {
  width: 100%;
  height: 11.125rem;
  border: 1px solid #DBDCD9;
  border-radius: 4px;
}
.draft__image-gallery-logo .draft__logo-image {
  max-width: 43.5rem;
  max-height: 11.125rem;
  box-sizing: content-box;
}
.draft__image-gallery-logo .draft__logo-image:hover:after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  max-width: 43.5rem;
  max-height: 11.125rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
}
.draft__image-gallery-logo .draft__logo-image:hover:before {
  content: "Select image";
  font-weight: 600;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #FFF;
  font-size: 1.25rem;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 30%;
  top: 5rem;
  z-index: 3;
}
.draft__image-gallery-logo .draft__logo-wrapper {
  padding: 0.9375rem 1.375rem;
  width: 12rem;
  height: 7.1875rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.draft__image-gallery-logo .draft__logo-upload-title {
  font-size: 0.6875rem;
}
.draft__logo {
  margin-top: 0.5rem;
  position: relative;
  cursor: pointer;
}
.draft__logo .draft__logo-image img {
  width: 100%;
  height: 4rem;
  border: 1px solid #DBDCD9;
  border-radius: 4px;
}
.draft__logo .draft__logo-image:hover::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.25rem;
}
.draft__logo .draft__logo-image:hover::before {
  content: "Select image";
  font-weight: 600;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #FFF;
  font-size: 0.75rem;
  position: absolute;
  left: 22%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.draft__logo .draft__logo-wrapper {
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  color: #888C81;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.draft__logo .draft__logo-upload-title {
  font-size: 0.625rem;
}
.draft__rectangular-logo .draft__logo-image {
  max-width: 18.75rem;
  max-height: 4rem;
}
.draft__rectangular-logo .draft__logo-image:hover::before {
  top: 50%;
  font-size: 0.9375rem;
}
.draft__rectangular-logo .draft__logo-image:hover::after {
  max-width: 18.75rem;
  max-height: 4rem;
}
.draft__rectangular-logo .draft__logo-wrapper {
  width: 18.75rem;
  height: 4rem;
}
.draft__rectangular-logo .draft__logo-upload-title {
  font-size: 0.625rem;
}
.draft__small-logo .draft__logo-wrapper {
  width: 4rem;
  height: 4rem;
}
.draft__small-logo .draft__logo-image {
  width: 4rem;
  height: 4rem;
  box-sizing: content-box;
}
.draft__small-logo .draft__logo-upload-title {
  font-size: 0.5625rem;
}
.draft__small-logo--round .draft__logo-image img {
  border-radius: 50%;
}
.draft__small-logo--round .draft__logo-image:hover::before {
  content: "+";
  top: 50%;
  left: 25%;
  font-size: 1.25rem;
}
.draft__small-logo--round .draft__logo-image:hover::after {
  border-radius: 50%;
  width: 4rem;
}
.draft__small-logo--square .draft__logo-image:hover::before {
  content: "+";
  top: 45%;
  left: 18%;
  font-size: 1.25rem;
}
.draft__small-logo--square .draft__logo-image:hover::after {
  width: 4rem;
}
.draft__remove-image {
  color: #E86546;
  cursor: pointer;
}

.bulk-edit-value-selector-container .field-editor__content__header__label__text-content {
  max-width: inherit;
}

.decision-modal-content-container .zap-select-virtualized-dropdown-menu {
  border-radius: 0 !important;
}

.nev-section-container .entity-module {
  box-shadow: none;
}
.nev-section-container .activity-logger {
  box-shadow: none;
}
.nev-section-container .activity-entry-block {
  box-shadow: none;
}

@media screen and (max-width: 991px) {
  .new-nev-container .nev-back-btn .btn-text {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .new-nev-container .new-nev-toggle {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .new-nev-container .tags-container {
    display: none;
  }
}
.new-nev-container .tags-container .new-tag-container-wrapper {
  flex-wrap: nowrap;
}
.new-nev-container .tags-container .new-tag-container-wrapper .new-tag-container {
  flex-shrink: 0;
}

.old-nev-components-override {
  max-width: 100% !important;
  overflow-x: scroll;
  flex-wrap: wrap;
}
@media screen and (max-width: 780px) {
  .old-nev-components-override .tags-container {
    display: none;
  }
}
.old-nev-components-override .new-tag-container-wrapper {
  flex-wrap: nowrap !important;
}
.old-nev-components-override .new-tag-container-wrapper .new-tag-container {
  flex-shrink: 0;
}

.new-nev-tasks-table-wrapper .tasks-table-wrapper {
  max-width: 100%;
  overflow-x: scroll;
}
.new-nev-tasks-table-wrapper .tasks-table-wrapper .ql-editor {
  padding: 0;
}
.new-nev-tasks-table-wrapper .zap-table__headline:last-child {
  border: none !important;
}
.new-nev-tasks-table-wrapper .zap-table__row:last-child {
  border-bottom: none !important;
}
.new-nev-tasks-table-wrapper .zap-table__row:last-child .zap-table__cell:last-child {
  border-bottom: none !important;
}
.new-nev-tasks-table-wrapper .zap-table__cell:last-child {
  border-bottom: none !important;
  border-right: none !important;
}

.ag-center-cols-viewport,
.ag-center-cols-container,
.ag-center-cols-clipper {
  min-height: 41px !important;
}

.rdp-button[disabled]:not(.rdp-day_selected) {
  opacity: 0.25;
}

.rdp-button:not([disabled]) {
  cursor: pointer;
}

.rdp-button:focus:not([disabled]):not(.rdp-day_selected) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}

.rdp-multiple_months .rdp-caption {
  position: relative;
  display: block;
  text-align: center;
}

.rdp-nav {
  white-space: nowrap;
}

.rdp-multiple_months .rdp-caption_start .rdp-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.rdp-multiple_months .rdp-caption_end .rdp-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/* ---------- */
/* Dropdowns  */
/* ---------- */
.rdp-dropdown[disabled] {
  opacity: unset;
  color: unset;
}

.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}

.rdp-day_today:not(.rdp-day_outside) {
  font-weight: bold;
}

.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp-day_range_end.rdp-day_range_start {
  border-radius: 100%;
}

.rdp-day_range_middle {
  border-radius: 0;
}


.PopoverContent {
  position: relative;
  z-index: 60000;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: white;
  box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.PopoverContent[data-state=open][data-side=top] {
  animation-name: slideDownAndFade;
}

.PopoverContent[data-state=open][data-side=right] {
  animation-name: slideLeftAndFade;
}

.PopoverContent[data-state=open][data-side=bottom] {
  animation-name: slideUpAndFade;
}

.PopoverContent[data-state=open][data-side=left] {
  animation-name: slideRightAndFade;
}

.PopoverArrow {
  fill: white;
}

.PopoverClose {
  font-family: inherit;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--violet-11);
  position: absolute;
  top: 5px;
  right: 5px;
}

.PopoverClose:hover {
  background-color: var(--violet-4);
}

.PopoverClose:focus {
  box-shadow: 0 0 0 2px var(--violet-7);
}

.IconButton {
  font-family: inherit;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--violet-11);
  background-color: white;
  box-shadow: 0 2px 10px var(--black-a7);
}

.IconButton:hover {
  background-color: var(--violet-3);
}

.IconButton:focus {
  box-shadow: 0 0 0 2px black;
}

.Fieldset {
  display: flex;
  gap: 20px;
  align-items: center;
}

.Label {
  font-size: 13px;
  color: var(--violet-11);
  width: 75px;
}

.Input {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1;
  color: var(--violet-11);
  box-shadow: 0 0 0 1px var(--violet-7);
  height: 25px;
}

.Input:focus {
  box-shadow: 0 0 0 2px var(--violet-8);
}

.Text {
  margin: 0;
  color: var(--mauve-12);
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}

@keyframes slideUpAndFade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideRightAndFade {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideDownAndFade {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeftAndFade {
  from {
    opacity: 0;
    transform: translateX(2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.ScrollAreaRoot {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  overflow: hidden;
  --scrollbar-size: 10px;
}

.ScrollAreaViewport {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.ScrollAreaScrollbar {
  display: flex;
  /* ensures no selection */
  user-select: none;
  /* disable browser handling of all panning and zooming gestures on touch devices */
  touch-action: none;
  padding: 2px;
  background: rgba(0, 0, 0, 0.1);
  transition: background 160ms ease-out;
}

.ScrollAreaScrollbar:hover {
  background: rgba(0, 0, 0, 0.2);
}

.ScrollAreaScrollbar[data-orientation=vertical] {
  width: var(--scrollbar-size);
}

.ScrollAreaScrollbar[data-orientation=horizontal] {
  flex-direction: column;
  height: var(--scrollbar-size);
}

.ScrollAreaThumb {
  flex: 1;
  background: grey;
  border-radius: var(--scrollbar-size);
  position: relative;
}

/* increase target size for touch devices https://www.w3.org/WAI/WCAG21/Understanding/target-size.html */
.ScrollAreaThumb::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}

.ScrollAreaCorner {
  background: rgba(0, 0, 0, 0.2);
}

.SwitchRoot[data-state=checked] {
  background-color: #8ABF4C;
}

.SwitchRoot[data-disabled] {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.SwitchRoot[data-disabled] .SwitchThumb {
  background-color: rgba(255, 255, 255, 0.9);
}

.SwitchThumb {
  display: block;
  width: 21px;
  height: 21px;
  background-color: white;
  border-radius: 9999px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  transition: transform 100ms;
  transform: translateX(-4px);
  will-change: transform;
}

.SwitchThumb[data-state=checked] {
  transform: translateX(16px);
}

.SwitchLabel {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  line-height: 1;
}

.SwitchLabel[data-disabled=true] {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
}

/*
 * CKEditor 5 (v41.1.0) content styles.
 * Generated on Sat, 24 Feb 2024 15:50:40 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

.ck-content strong {
  font-weight: 700;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
  overflow: hidden;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
  position: relative;
}

/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 0.05);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir=rtl] .table th {
  text-align: right;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir=ltr] .table th {
  text-align: left;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  cursor: pointer;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
  box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content img.image_resized {
  height: auto;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline {
  /*
   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
   * This strange behavior does not happen with inline-flex.
   */
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
  display: flex;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol {
  margin-left: 2.666em;
  list-style-type: decimal;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol {
  list-style-type: lower-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol {
  list-style-type: lower-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul {
  list-style-type: disc;
  margin-left: 2.666em;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul {
  list-style-type: circle;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  margin-top: 0;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: 0.7em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: 0.85em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 1.8em;
}

/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}

/* @ckeditor/ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

@media print {
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
    display: none;
  }
}
.navbar-dropdown-2023 .dropdown-menu {
  border: none;
  border-radius: 4px;
  background: #38363B;
  display: flex;
  flex-direction: column;
  padding: 10px;
  inset: 24px 8px auto auto !important;
}
.navbar-dropdown-2023 .dropdown-header {
  padding: 0;
}
.navbar-dropdown-2023 .btn-link.focus, .navbar-dropdown-2023 .btn-link:focus {
  text-decoration: none;
}
.navbar-dropdown-2023 .dropdown-item {
  font-weight: 400;
  padding: 0;
  color: #FFF;
}
.navbar-dropdown-2023 .dropdown-item i {
  width: 1.25rem;
  margin-right: 0.5rem;
}
.navbar-dropdown-2023 .dropdown-item:hover {
  background: none;
}
.navbar-dropdown-2023 .sign-out {
  display: flex;
  justify-content: center;
}

.person-profile-2023__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.person-profile-2023__circle--large {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 2.25rem;
}
.person-profile-2023__circle--medium {
  width: 2.8125rem;
  height: 2.8125rem;
  font-size: 1.0625rem;
}
.person-profile-2023__circle--small {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.75rem;
}
.person-profile-2023__circle--xs-small {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.5rem;
}
.person-profile-2023__circle--initials {
  background: #B7B5B0;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
}
.person-profile-2023__image {
  border-radius: 50%;
  object-fit: cover;
}
.person-profile-2023__image-url {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.scroll {
  overflow: auto;
}

.overflow-initial {
  overflow: initial !important;
}

.settings2 .scroll {
  min-height: calc(100vh - 108px);
}

.container--sm {
  max-width: 56.25rem;
}

.container-sm {
  max-width: 31.25rem;
}

.container--md {
  max-width: 62.5rem;
  margin: 0 auto;
}

.bgr-white {
  background: #fff !important;
}

.bgr-light-grey {
  background: #f8f8f8 !important;
  color: #32332F !important;
}

.border-right-none {
  border-right: none !important;
}

.max-width {
  max-width: 140px;
}

.height-100 {
  height: 100%;
}

.vh-height-100 {
  height: 100vh;
}

.flex-1 {
  flex: 1 1 auto;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  z-index: 10;
}

.border-radius {
  border-radius: 4px !important;
}

.min-width-auto {
  min-width: auto !important;
}

.mt-6 {
  margin-top: 0.375rem !important;
}

.title-h1 {
  font-size: 1.75rem;
  font-weight: bold;
}

.title-h2 {
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

.title-h3 {
  font-size: 1.125rem;
  font-weight: bold;
}

.title-h4 {
  font-size: 1rem;
  font-weight: bold;
}

.title-h5 {
  font-size: 0.875rem;
}

.text-bold {
  font-weight: bold !important;
}

.text-regular {
  font-weight: 400 !important;
}

.text-italic {
  font-style: italic;
}

.text-transform-normal {
  text-transform: initial !important;
}

.label-text {
  font-size: 0.875rem;
  color: #898C82;
}

.base-text {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5;
}

.text-sm {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}

.text-size--xs {
  font-size: 10px;
}

.text-size--sm {
  font-size: 12px !important;
}

.text-color--theme {
  color: #8ABF4C !important;
}

.text-color--info {
  color: #31B8C7 !important;
}

.text-color--danger {
  color: #E86546 !important;
}

.text-color--dark {
  color: #32332F !important;
}

.text-transform-initial {
  text-transform: initial !important;
}

.text-color--light-grey {
  color: #888C81 !important;
}

.text-color--white {
  color: #fff !important;
}

.pointer {
  cursor: pointer;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-overflow-100 {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-url {
  word-break: break-word;
  white-space: pre-wrap;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

@keyframes blink {
  /**
   * At the start of the animation the dot
   * has an opacity of .2
   */
  0% {
    opacity: 0.2;
  }
  /**
   * At 20% the dot is fully visible and
   * then fades out slowly
   */
  20% {
    opacity: 1;
  }
  /**
   * Until it reaches an opacity of .2 and
   * the animation can start again
   */
  100% {
    opacity: 0.2;
  }
}
.horizontal-dots-animation span {
  /**
   * Use the blink animation, which is defined above
   */
  animation-name: blink;
  /**
   * The animation should take 1.4 seconds
   */
  animation-duration: 1.4s;
  /**
   * It will repeat itself forever
   */
  animation-iteration-count: infinite;
  /**
   * This makes sure that the starting style (opacity: .2)
   * of the animation is applied before the animation starts.
   * Otherwise we would see a short flash or would have
   * to set the default styling of the dots to the same
   * as the animation. Same applies for the ending styles.
   */
  animation-fill-mode: both;
}

.horizontal-dots-animation span:nth-child(2) {
  /**
   * Starts the animation of the third dot
   * with a delay of .2s, otherwise all dots
   * would animate at the same time
   */
  animation-delay: 0.2s;
}

.horizontal-dots-animation span:nth-child(3) {
  /**
   * Starts the animation of the third dot
   * with a delay of .4s, otherwise all dots
   * would animate at the same time
   */
  animation-delay: 0.4s;
}

html {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  html body.basic-layout {
    height: auto;
    overflow: initial;
  }
}
html body.basic-layout .settings2-view__container, html body.basic-layout .auto-scroll-height, html body.basic-layout .steps__container, html body.basic-layout .entity__container {
  height: calc(100vh - 56px - 58px);
}
html body.basic-layout .footer-toolbar {
  left: 3.75rem;
}

.general-layout {
  display: flex;
  height: 100%;
  width: 100%;
  flex: 1 1 100%;
  position: relative;
}
.general-layout--white {
  background: #fff;
}
.general-layout--fixed-sidebar-closed .general-layout__page-content {
  margin-left: 4.75rem;
}
@media only screen and (max-width: 1200px) {
  .general-layout--fixed-sidebar-closed .general-layout__page-content {
    margin-left: 0;
    width: 100%;
  }
  .general-layout--fixed-sidebar-closed .general-layout__page-content--fullscreen {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .general-layout--fixed-sidebar-closed .service-hub-sidebar__toggle {
    display: none;
  }
}
.general-layout--fixed-sidebar-closed .page-sidebar__text-content {
  display: none;
}
.general-layout--fixed-sidebar-closed .header-navbar--fixed-within-content {
  margin-left: 4rem;
}
@media only screen and (max-width: 1200px) {
  .general-layout--fixed-sidebar-closed .header-navbar--fixed-within-content {
    margin-left: 0;
  }
}
.general-layout--fixed-sidebar-open .general-layout__page-content {
  margin-left: 17.5rem;
}
@media screen and (max-width: 1200px) {
  .general-layout--fixed-sidebar-open .general-layout__page-content {
    width: 100%;
    margin-left: 0;
  }
}
.general-layout--fixed-sidebar-open .header-navbar--fixed-within-content {
  margin-left: 17.5rem;
}
@media screen and (max-width: 767px) {
  .general-layout--fixed-sidebar-open .header-navbar--fixed-within-content {
    margin-left: 0;
  }
}
.general-layout--fixed-sidebar-open .footer-toolbar {
  margin-left: 17.5rem;
}
@media screen and (max-width: 767px) {
  .general-layout--fixed-sidebar-open .footer-toolbar {
    margin-left: 0;
  }
}
.general-layout--fixed-sidebar-open .sidebar-toggle {
  background: rgba(217, 217, 218, 0.5);
}
.general-layout--fixed-sidebar-closed-full .general-layout__page-content {
  width: 100%;
}
.general-layout--fixed-sidebar-closed-full .header-navbar {
  left: 0;
}
.general-layout--scroll-header {
  display: block;
  overflow: auto;
}
.general-layout__content-wrapper {
  display: flex;
}
.general-layout__page-content {
  padding: 1rem 1.5rem;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .general-layout__page-content {
    transition: none;
  }
}
@media screen and (max-width: 1023px) {
  .general-layout__page-content {
    width: 100%;
  }
}
.general-layout__page-content--fullscreen {
  padding: 0;
  display: flex;
  flex-flow: column;
  flex: 1 1 100%;
}
.general-layout__page-content--scroll {
  flex: 1;
  height: 100%;
  overflow: auto;
}
.general-layout__page-content--pinned-view {
  padding: 0;
  margin-left: 3.75rem;
}
@media (max-width: 61.9375rem) {
  .general-layout__page-content--pinned-view {
    width: 100%;
    margin-left: 0;
  }
}

.page-sidebar {
  width: 17.5rem;
  padding: 0 0.375rem;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: #32332F;
  border-right: 1px solid #D9D9DA;
  z-index: 20;
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .page-sidebar {
    transition: none;
  }
}
.page-sidebar--overflow-auto {
  overflow: initial;
}
.page-sidebar__wrapper {
  padding: 0.75rem 1rem;
}
.page-sidebar__title {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  white-space: nowrap;
}
.page-sidebar--primary {
  top: 3.125rem;
  padding-top: 1.5rem;
}
.page-sidebar__divider {
  margin: 1.5rem 1.25rem;
}
.page-sidebar--dark {
  background: #32332F;
}
.page-sidebar--dark .page-sidebar__divider {
  border-top: 1px dashed #fff;
}
.page-sidebar__navbar {
  height: 100vh;
  padding: 1.5rem 0;
  z-index: 5;
}
.page-sidebar__collapsed-menu-border {
  border-bottom: 1px dashed #898C82;
  margin-top: 1.25rem;
  padding-top: 0.625rem;
}
.page-sidebar .sidebar-close-layover {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 280px;
  top: 0;
  width: calc(100vw - 280px);
  height: 100vh;
  z-index: 3;
  transition: 0.1s;
}
@media only screen and (min-width: 1200px) {
  .page-sidebar .sidebar-close-layover {
    display: none;
  }
}
.page-sidebar__logo {
  display: block;
  height: 2.25rem;
  margin: 0 auto;
}
.page-sidebar__logo--short {
  display: none;
}
.page-sidebar__toggle {
  display: block;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  text-align: right;
  color: #fff;
  cursor: pointer;
}
.page-sidebar__menu {
  height: calc(100vh - 24px - 36px - 52px);
  margin-top: 1.75rem;
}
.page-sidebar__item {
  padding: 0;
}
.page-sidebar__item--border-bottom {
  border-bottom: 1px dashed #898C82;
  margin-top: 1.25rem;
  padding-top: 0.625rem;
}
.page-sidebar__link {
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 1rem;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  border-radius: 0.3125rem;
  border: 1px solid transparent;
}
.page-sidebar__link--sub {
  padding-left: 3.25rem;
}
.page-sidebar__link--active {
  background: #fff;
  color: #32332F;
}
.page-sidebar__link:focus {
  border: 1px solid #31B8C7;
}
.page-sidebar__link:hover {
  color: #8ABF4C;
}
.page-sidebar__item--border {
  border-top: 1px dashed #898C82;
  margin-top: 1.25rem;
  padding-top: 1.25rem !important;
  border-radius: 0;
}
.page-sidebar__old-text {
  display: block;
  font-size: 10px;
  font-weight: normal;
  opacity: 0.75;
  white-space: nowrap;
}
.page-sidebar__link-text {
  display: inline-block;
}
.page-sidebar__link-icon {
  display: inline-block;
  width: 1.625rem;
  text-align: center;
}
.page-sidebar__text-content {
  display: inline-block;
  width: calc(100% - 26px);
  padding-left: 0.5rem;
}
.page-sidebar--closed {
  width: 4.75rem;
}
.page-sidebar--closed .page-sidebar__old-text {
  visibility: hidden;
}
.page-sidebar--closed .page-sidebar__link-text {
  visibility: hidden;
  opacity: 0;
}
.page-sidebar--closed .sidebar-close-layover {
  display: none;
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .page-sidebar--closed {
    margin-left: 0;
    width: 17.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .page-sidebar--closed {
    margin-left: -280px;
  }
}
.page-sidebar--closed .page-sidebar__logo--full {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .page-sidebar--closed .page-sidebar__logo--full {
    display: block;
  }
}
.page-sidebar--closed .page-sidebar__logo--short {
  display: block;
  width: 2rem;
}
@media only screen and (max-width: 1200px) {
  .page-sidebar--closed .page-sidebar__logo--short {
    display: none;
  }
}
.page-sidebar--closed .page-sidebar__link-icon {
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .page-sidebar--closed .page-sidebar__link-icon {
    margin-right: 1rem;
  }
}

.page-sidebar__link-text {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
  white-space: nowrap;
  font-size: 0.875rem;
}
.page-sidebar__link-text a {
  color: #fff;
}

.no-data-image {
  max-width: 150px;
}

@media screen and (min-width: 1200px) {
  .hide-on-desktop {
    display: none !important;
  }
}

.scrollable-content {
  overflow-y: auto;
  overflow-x: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: calc(100vh - 52px - 50px);
}
@media screen and (max-width: 768px) {
  .scrollable-content .container-fluid.entity {
    padding: 0;
  }
}

#popper[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}

.sidebar-toggle {
  display: flex;
  padding: 0.5rem 0.625rem;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  color: inherit;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
}

.general-layout__sidebar {
  height: 100%;
  transition: 0.3s;
}
.general-layout__sidebar-navigation {
  height: 100%;
  padding: 1rem;
  overflow: auto;
}
.general-layout__sidebar--fixed-to-left {
  position: fixed;
  top: 3.125rem;
  left: 0;
  bottom: 0;
}
.general-layout__sidebar--fixed-to-top {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
}
.general-layout__sidebar--open {
  width: 17.5rem;
}
.general-layout__sidebar--closed {
  width: 4rem;
}
.general-layout__sidebar--green {
  background: #8ABF4C;
}
.general-layout__sidebar-toggle-btn {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2rem;
  right: -16px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 #c3c5c0;
  z-index: 4;
  transition: 0.3s;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
}

.header-navbar {
  display: flex;
  padding: 0 1rem;
  flex: 0 0 52px;
  height: 52px;
}
@media (max-width: 47.9375rem) {
  .header-navbar {
    padding-left: 0.25rem;
  }
}
.header-navbar .menu-divider {
  display: block;
  border-top: 1px dashed #D9D9DA;
  margin: 0;
  margin-right: 0;
}
.header-navbar .dropdown-header {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.header-navbar .zap-navbar-right > span {
  font-size: 1.5rem;
}
.header-navbar .zap-navbar-right .flagged-deals--new-navbar {
  font-size: 1.5rem;
  color: #fff;
}
.header-navbar .navbar-brand {
  padding-top: 0;
}
.header-navbar .zap-logo {
  display: block;
  background-position: center center;
  background-size: contain;
}
.header-navbar .whitelabel-logo {
  min-width: 15rem;
  background-position: left center;
}
@media screen and (max-width: 767px) {
  .header-navbar .whitelabel-logo {
    min-width: 8.75rem;
  }
}
.header-navbar .tenant-name {
  padding-left: 0.25rem;
  position: relative;
  top: -4px;
  color: #fff;
  font-size: 0.5rem;
  white-space: nowrap;
}
.header-navbar--light {
  background: #fff;
  color: #32332F !important;
}
.header-navbar--dark {
  background: #32332F;
  color: #fff !important;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
  position: relative;
}
.header-navbar--dark .btn {
  color: #fff !important;
}
.header-navbar--fixed-to-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}
.header-navbar--fixed {
  position: fixed;
  top: 0;
  width: 100%;
}
.header-navbar__title-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem 0.5rem;
  font-size: 1.75rem;
}
@media screen and (max-width: 991px) {
  .header-navbar__title-wrapper {
    padding: 1rem 1.5rem 0.5rem;
  }
}
.header-navbar__title {
  font-size: 1.75rem;
  font-weight: 600;
}
.header-navbar__title--search-tool {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .header-navbar__title {
    padding: 0 1.5rem;
  }
}
.header-navbar--fixed-within-content {
  margin-left: 4rem;
  padding-left: 16px;
  padding-right: 16px;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .header-navbar .zap-navbar-right {
    font-size: 1.5rem;
  }
}
@media (max-width: 47.9375rem) {
  .header-navbar .create-dropdown-container .dropdown-menu {
    position: fixed !important;
    transform: translate(0) !important;
    top: 3.1875rem !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    max-height: calc(100vh - 56px);
    border-radius: 0;
  }
}

.navbar-dropdown .dropdown-menu {
  padding: 0.375rem;
  border: none;
  background: #32332F;
  inset: 0px -10px auto auto !important;
}
.navbar-dropdown .btn-link.focus, .navbar-dropdown .btn-link:focus {
  text-decoration: none;
}
.navbar-dropdown .dropdown-item {
  font-weight: bold;
  color: #fff;
}
.navbar-dropdown .dropdown-item i {
  width: 1.25rem;
  margin-right: 0.5rem;
}
.navbar-dropdown .dropdown-item:hover {
  background: none;
  color: #31B8C7;
}

.primary-modal--fullscreen {
  overflow: hidden !important;
}
.primary-modal--fullscreen .modal-dialog {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
@media (max-width: 47.9375rem) {
  .primary-modal--fullscreen .modal-dialog {
    margin: 0;
  }
}
.primary-modal--fullscreen .modal-dialog .modal-content {
  height: 100%;
  width: 100%;
}
.primary-modal--sm .modal-dialog {
  max-width: 20rem;
  min-width: 18.75rem;
}
.primary-modal--lg .modal-dialog {
  max-width: 50rem;
  min-width: 50rem;
}
@media (max-width: 47.9375rem) {
  .primary-modal--lg .modal-dialog {
    min-width: 80%;
  }
}
@media (max-width: 61.9375rem) {
  .primary-modal--lg .modal-dialog {
    min-width: 80%;
  }
}

.modal .primary-modal__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
}
.modal .primary-modal__header {
  padding: 1rem;
  color: #32332F;
}
.modal .primary-modal__header .close:before, .modal .primary-modal__header .close:after {
  background: rgba(0, 0, 0, 0.5);
}
.modal .primary-modal__header--dark {
  color: #fff;
  background: #000;
}
.modal .primary-modal__header--dark .close:before, .modal .primary-modal__header--dark .close:after {
  background: rgba(255, 255, 255, 0.5);
}
.modal .primary-modal__header--dark .close:hover {
  opacity: 1;
}
.modal .primary-modal__header--dark .close:hover:before, .modal .primary-modal__header--dark .close:hover:after {
  background: #fff;
}
.modal .primary-modal__header--without-title {
  border-bottom: none;
}
.modal .primary-modal__header--without-close-btn .close {
  display: none;
}
.modal .primary-modal__header--theme-color {
  background: #8ABF4C;
  color: #fff;
}
.modal .primary-modal__header--theme-color .close:before, .modal .primary-modal__header--theme-color .close:after {
  background: rgba(255, 255, 255, 0.5);
}
.modal .primary-modal__header--theme-color .close:hover {
  opacity: 1;
}
.modal .primary-modal__header--theme-color .close:hover:before, .modal .primary-modal__header--theme-color .close:hover:after {
  background: #fff;
}
.modal .primary-modal__footer {
  padding: 1rem;
  justify-content: flex-start;
  border-top: 1px solid #F2F2EE;
}
.modal .primary-modal__footer--centered {
  justify-content: center;
}
.modal .primary-modal__body {
  padding: 1rem;
  min-height: 16.25rem;
  overflow: auto;
}

.layout-editor-modal .entity-module {
  box-shadow: none;
}

.risk-entity-modal .modal-dialog {
  max-height: 90vh;
}
.risk-entity-modal__body {
  padding-top: 0.3125rem;
}
.risk-entity-modal__body .entity-editor {
  text-align: left;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .divider-border {
    padding-top: 16px;
    border-top: 1px solid #F2F2EE;
  }
}
@media screen and (min-width: 768px) {
  .divider-border {
    border-left: 1px solid #F2F2EE;
  }
}

.viewport-warning-message {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: rgba(136, 140, 129, 0.5);
}
.viewport-warning-message__card {
  background: #fff;
  max-width: 18.75rem;
  margin: 0 auto;
  border-radius: 5px;
}
.viewport-warning-message__title {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1rem;
  border-bottom: 1px solid #D9D9DA;
}
.viewport-warning-message__card-body {
  padding: 1rem;
  font-size: 16px;
}
.viewport-warning-message__card-body p {
  margin-bottom: 16px;
}

.entity-not-found {
  max-width: 31.25rem;
  margin: 0 auto;
  padding: 6.25rem 0;
}

.sidebar-section {
  padding: 0.25rem 0 0.25rem;
  position: relative;
  border-top: 1px solid #565952;
}
.sidebar-section:last-of-type {
  border-top: none;
}
@media only screen and (max-width: 600px) {
  .sidebar-section:last-of-type {
    border-top: 1px solid #565952;
  }
}
@media only screen and (max-width: 991px) {
  .sidebar-section:first-of-type {
    border-top: none;
  }
}

.upload-indicators {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  line-height: 1.5;
  padding-left: 0.625rem;
  padding-right: 0.9375rem;
}

.upload-indicator {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem 0.75rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
.upload-indicator i {
  font-size: 20px;
  cursor: pointer;
}
.upload-indicator__label {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.upload-indicator.uploading {
  border: 1px solid #8ABF4C;
}
.upload-indicator.uploading .upload-indicator__bar {
  background-color: #d4e7bd;
  z-index: 0;
}
.upload-indicator.uploading .upload-indicator__bar:after {
  content: "";
  height: 2px;
  background: #8ABF4C;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 5px;
}
.upload-indicator.error {
  border: 1px solid #E86546;
}
.upload-indicator.error .upload-indicator__bar {
  background-color: #f9d6ce;
  z-index: 0;
}
.upload-indicator.error .upload-indicator__bar:after {
  content: "";
  height: 2px;
  background: #E86546;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 5px;
}
.upload-indicator__bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.allocation-split__read-mode {
  display: inline-block;
  margin-bottom: 16px;
}
.allocation-split__read-mode-row {
  padding: 0.25rem 0.5rem;
}
.allocation-split__read-mode-row:nth-child(even) {
  background: #f8f8f8;
}
.allocation-split__read-value {
  display: inline-block;
  padding: 0.75rem;
  width: 50%;
  min-width: 12.5rem;
}
.allocation-split__table {
  border-collapse: separate;
}
.allocation-split__table-cell:last-child {
  padding-bottom: 0;
  vertical-align: bottom;
}
.allocation-split__add-btn {
  display: block;
  color: #8ABF4C;
}
.allocation-split__add-btn:hover {
  color: #8ABF4C;
  text-decoration: underline;
}
.allocation-split__sum {
  display: inline-block;
  padding: 0 0.75rem;
  font-weight: bold;
}
.allocation-split.table-cell--foter {
  padding: 0.75rem;
  font-weight: bold;
}
.allocation-split__input {
  padding: 0.75rem;
  border: none;
  border-bottom: 1px solid #D9D9DA;
}
.allocation-split__input:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #8ABF4C;
}
.allocation-split__preview .allocation-split__table-row:nth-child(even) .allocation-split__table-cell {
  background: #f8f8f8;
}
.allocation-split__preview .allocation-split__table-cell {
  padding: 0.75rem;
  width: 50%;
  min-width: 12.5rem;
}
.allocation-split__delete {
  cursor: pointer;
}
.allocation-split__delete:hover {
  color: #E86546;
}

.datepicker__wrapper .datepicker-wrapper .datepicker-container {
  border: none;
}
.datepicker__wrapper .datepicker-wrapper .datepicker-container .fa-calendar-alt {
  right: auto;
  left: 0.75rem;
}
.datepicker__wrapper .datepicker-wrapper .datepicker-container .fa-times {
  right: 0.75rem;
}
.datepicker__wrapper .datepicker-wrapper .component-date {
  height: 2.5rem;
  padding: 0.5rem 1.5rem 0.5625rem 2.25rem;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
}

.pika-single.zap-datepicker .is-selected .pika-button {
  width: 1.5625rem;
  margin: 0 auto;
  border-radius: 50%;
}
.pika-single.zap-datepicker .is-today .pika-button {
  color: #8ABF4C;
}

.input-editor {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 100%;
}
.input-editor--input-group {
  display: flex;
  align-items: center;
  width: 40%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .input-editor--input-group {
    width: 100%;
  }
}
.input-editor--input-group-percentage {
  min-width: 6.25rem;
  width: 100%;
}
.input-editor__append {
  display: inline-block;
  padding-left: 0.5rem;
  color: #6C757D;
}
.input-editor__prepend {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6C757D;
}
.input-editor__handle {
  position: relative;
  padding: 4px;
  top: 0.25rem;
  margin-right: 0.5rem;
  border-radius: 2px;
  cursor: pointer;
}
.input-editor__handle:hover {
  background: #F2F2EE;
}
.input-editor__content {
  flex: 1;
}
.input-editor__tools {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.input-editor__tools-item {
  margin-left: 0.5rem;
  cursor: pointer;
}
.input-editor__header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  padding-right: 1.375rem;
  position: relative;
}
.input-editor__label {
  display: inline;
  font-size: 0.875rem;
  font-weight: bold;
  position: relative;
  text-transform: initial;
}
.input-editor__label-mandatory {
  font-size: 0.25rem;
  color: #E86546;
  position: relative;
  top: -0.375rem;
  padding-left: 0.125rem;
}
.input-editor__primary-content {
  line-height: 1;
}
.input-editor__primary-content--error {
  color: #E86546;
  padding-top: 0.25rem;
  font-size: 12px;
}
.input-editor__info-text {
  padding-top: 0.25rem;
  font-size: 12px;
}

.line .input-editor__primary-content .input-area {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.header-board-fields-section .preview {
  padding-top: 0 !important;
}

.input-area {
  height: 2.5rem;
  width: 100%;
  padding: 0.5rem 1rem 0.5625rem;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
  background: transparent;
}
.input-area--sm {
  height: 2.25rem;
}
.input-area--white-bgr {
  background: #fff;
}
.input-area:focus {
  box-shadow: none;
  outline: none;
  border-color: #32332F;
}
.input-area--rounded {
  border-radius: 25px;
}

.input-text-viewer__link {
  display: block;
  padding: 0.5rem 1rem;
  color: #00a2ae;
  border-radius: 0.25rem;
}
.input-text-viewer__link:hover {
  background: #F2F2EE;
  color: #00a2ae;
  text-decoration: none;
}

.input-range {
  -webkit-appearance: none;
  width: 12.5rem;
}
.input-range:focus {
  outline: none;
}
.input-range:focus::-webkit-slider-runnable-track {
  background: #8ABF4C;
}
.input-range:focus::-ms-fill-lower {
  background: #8ABF4C;
}
.input-range:focus::-ms-fill-upper {
  background: #8ABF4C;
}
.input-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.125rem;
  cursor: pointer;
  animate: 0.2s;
  background: #D9D9DA;
  border-radius: 0px;
}
.input-range::-moz-range-track {
  width: 100%;
  height: 0.125rem;
  cursor: pointer;
  animate: 0.2s;
  background: #D9D9DA;
  border-radius: 0px;
}
.input-range::-webkit-slider-thumb {
  box-shadow: 0px 1px 3px #D9D9DA;
  border: 1px solid #D9D9DA;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 3.125rem;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
.input-range::-moz-range-thumb {
  box-shadow: 0px 1px 3px #D9D9DA;
  border: 1px solid #D9D9DA;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 3.125rem;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
.input-range::-ms-thumb {
  box-shadow: 0px 1px 3px #D9D9DA;
  border: 1px solid #D9D9DA;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 3.125rem;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.5px;
}
.input-range::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.input-range::-ms-fill-lower {
  background: #D9D9DA;
  border: 0px solid #D9D9DA;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #D9D9DA;
}
.input-range::-ms-fill-upper {
  background: #D9D9DA;
  border: 0px solid #D9D9DA;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #D9D9DA;
}

.textarea-field {
  position: relative;
}
.textarea-field * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.textarea-field__textarea {
  width: 100% !important;
  height: 100% !important;
  padding: 0.625rem 1rem 0.625rem;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  line-height: 1.5;
  font-size: 1rem;
  box-sizing: border-box;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
  background: transparent;
  resize: none;
}
.textarea-field__textarea:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid #32332F;
}
.textarea-field__autogrow {
  width: 100%;
  height: auto !important;
  padding: 0.5rem 1rem 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  overflow: hidden;
  white-space: pre-wrap;
  min-height: 6.25rem;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
  color: transparent !important;
  max-height: 25vh;
}
.textarea-field__autogrow--show-all {
  max-height: 80vh;
}
.textarea-field__show-all {
  position: absolute;
  right: 0;
  bottom: -20px;
  cursor: pointer;
  color: #8ABF4C;
  font-size: 0.875rem;
  z-index: 2;
}

.preview__textarea {
  color: #32332F;
}

.checkbox-field {
  display: flex;
  position: relative;
  padding-left: 1.5rem;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1rem;
  color: #32332F;
}
.checkbox-field__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-field__input:checked ~ .checkbox-field__checkmark {
  border-color: #8ABF4C;
  background: #8ABF4C;
}
.checkbox-field__input:checked ~ .checkbox-field__checkmark:after {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 0.0625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-field__input:disabled ~ .checkbox-field__checkmark-disabled {
  border-color: #C6CCBC;
  background: #C6CCBC;
}
.checkbox-field__input:disabled ~ .checkbox-field__checkmark-disabled:after {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 0.0625rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-field__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1rem;
  width: 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 3px;
}
.checkbox-field__label {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: bold;
}

.component-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 0 auto;
  white-space: nowrap;
  padding: 0.25rem 0;
  position: relative;
}
.component-toggle__background {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  border-radius: 1em;
  padding: 2px;
  background-color: #C6CCBC;
  color: #fff;
  cursor: pointer;
}
.component-toggle__background input {
  opacity: 0;
  width: 0;
  height: 0;
  max-width: 0;
  overflow: hidden;
  position: absolute;
}
.component-toggle__background.checked {
  flex-direction: row-reverse;
  background-color: #8ABF4C;
  border-color: #567a2b;
}
.component-toggle__background.disabled {
  background-color: rgb(217, 217, 218);
  border-color: rgb(217, 217, 218);
}
.component-toggle__background .component-toggle__text {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 0.375rem 0.0625rem;
  font-weight: 400;
  font-size: 0.75rem;
}
.component-toggle__background .component-toggle__dot {
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.component-toggle__remaining-space {
  align-self: stretch;
  flex: 1 1 100%;
}

.radiobox-field {
  display: flex;
  position: relative;
  padding-left: 1.5rem;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1rem;
  color: #32332F;
}
.radiobox-field__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radiobox-field__input:checked ~ .radiobox-field__radiomark {
  border-color: #32332F;
  background: #32332F;
}
.radiobox-field__input:checked ~ .radiobox-field__radiomark:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 0.375rem;
  height: 0.375rem;
  background: #fff;
  border-radius: 50%;
}
.radiobox-field__radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1rem;
  width: 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 50%;
}
.radiobox-field__label {
  line-height: 1rem;
}

#react-select-menu-container > [class^=css-] {
  z-index: 2147483647;
}

#react-select-menu-container {
  z-index: 60001;
  position: absolute;
  top: 0;
  left: 0;
}

.select-area--min-width {
  width: 12.5rem;
}
.select-area.select-area--white .react-select .react-select__control {
  background: #fff;
}
.select-area .react-select .react-select__control {
  padding: 0.25rem 1rem 0.25rem;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
  background: transparent;
}
.select-area .react-select .react-select__control--menu-is-open {
  border-radius: 0.25rem 0.25rem 0 0;
}
.select-area .react-select .react-select__control--is-focused {
  border: 1px solid #32332F !important;
}
.select-area .react-select .react-select__indicator {
  top: 0;
}
.select-area .react-select .react-select__placeholder {
  font-weight: bold;
  margin-bottom: 0;
}
.select-area .react-select .react-select__input {
  margin-bottom: 0;
}
.select-area .react-select .react-select__input input {
  font-weight: bold;
}
.select-area .react-select.is-multi .react-select__control {
  height: auto;
  min-height: 2.5rem;
}
.select-area .zap-select-virtualized-dropdown-menu {
  border: 1px solid #D9D9DA;
  border-top: none;
  box-shadow: none;
  border-radius: 0 0 0.25rem 0.25rem;
}
.select-area .zap-select-virtualized-dropdown-menu-option {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-bottom: 1px solid #F2F2EE;
  font-size: 14px;
  line-height: 1;
}
.select-area .zap-select-virtualized-dropdown-menu-option:hover {
  background: #F2F2EE;
}
.select-area .zap-select-virtualized-dropdown-menu-option:last-child {
  border: none;
}
.select-area .zap-select-virtualized-dropdown-menu-option.is-focused {
  background: transparent;
}
.select-area .zap-select-virtualized-dropdown-menu-option.is-selected {
  background: transparent;
  font-weight: bold;
  background: transparent;
  color: #32332F;
}
.select-area .zap-select-virtualized-dropdown-menu-option.is-selected:hover {
  color: #8ABF4C;
}
.select-area .zap-select-virtualized-dropdown-menu-option.highlight {
  background: #F2F2EE;
}
.select-area--sm .react-select .react-select__control {
  height: 2rem;
  min-height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
}
.select-area--sm .react-select .react-select__input {
  line-height: 1;
  padding-bottom: 4px;
}
.select-area--sm .react-select .react-select__placeholder {
  line-height: 1;
  padding-bottom: 3px;
}

.reports-group-card-header .select-area {
  min-width: 12.5rem;
}

.search__input-group {
  position: relative;
}
.search__input-prepend {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.search .input-area {
  padding-right: 1.75rem;
}
.search__suggestions {
  border: 1px solid #D9D9DA;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  width: 90%;
  z-index: 10;
}
.search__suggestions--hidden {
  display: none;
}
.search__suggestions-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #D9D9DA;
}
.search__suggestions-item-title {
  color: #32332F;
  font-weight: bold;
}
.search__suggestions-item:hover {
  background-color: #F2F2EE;
}
.search__options-item {
  padding: 0.25rem 0;
}
.search__result-not-found {
  margin-top: 8px;
  font-size: 12px;
  color: #E86546;
}

.search .react-select .react-select__control {
  height: 2.5rem;
  padding: 0.25rem 1rem 0.25rem;
  border: 1px solid #D9D9DA;
  border-radius: 1.5625rem;
  background: transparent;
}
.search .react-select .react-select__indicator {
  top: 0;
  position: relative;
}
.search .react-select .react-select__indicator:after {
  content: "\f002";
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}
.search .react-select .react-select__indicator svg {
  display: none;
}
.search .react-select .react-select__clear-indicator {
  display: none;
}
.search .react-select .react-select__placeholder {
  width: 97%;
  font-weight: bold;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search .react-select .react-select__input {
  margin-bottom: 0;
}
.search .react-select .react-select__input input {
  font-weight: bold;
}
.search .react-select .react-select__multi-value {
  display: none;
}
.search .zap-select-virtualized-dropdown-menu {
  top: 0.5rem;
  border: 1px solid #D9D9DA;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  background-color: #fff;
  width: 90%;
  z-index: 10;
}
.search .zap-select-virtualized-dropdown-menu-option {
  padding: 0.25rem 1rem;
  border-bottom: 1px solid #D9D9DA;
}
.search .zap-select-virtualized-dropdown-menu-option-title {
  color: #32332F;
  font-weight: bold;
}
.search .zap-select-virtualized-dropdown-menu-option:hover {
  background: #F2F2EE;
}
.search .zap-select-virtualized-dropdown-menu-option:last-child {
  border: none;
}
.search .zap-select-virtualized-dropdown-menu-option.is-focused {
  background: transparent;
}
.search .zap-select-virtualized-dropdown-menu-option.is-selected {
  background: transparent;
  font-weight: bold;
  color: #32332F;
}
.search .zap-select-virtualized-dropdown-menu-option.is-selected:hover {
  color: #8ABF4C;
}
.search .zap-select-virtualized-dropdown-menu-option.highlight {
  background: #F2F2EE;
}

.search-wrapper {
  position: relative;
  min-width: 20rem;
  color: #32332F;
}
@media screen and (max-width: 768px) {
  .search-wrapper {
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 2;
  }
}
@media screen and (max-width: 768px) {
  .search-wrapper--mobile-visible {
    display: block;
  }
}
.search-wrapper .search {
  padding: 0.25rem 2rem 0.25rem 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 1.5625rem;
  background: #fff;
}
.search-wrapper > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.image-cropper-modal .modal-body {
  padding: 0;
}
.image-cropper__cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  user-select: none;
  touch-action: none;
  cursor: move;
}
.image-cropper__component {
  width: 100%;
  height: 18.75rem;
  position: relative;
}
.image-cropper__info {
  height: 18.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zoom-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
}
.zoom-section__label {
  display: inline-block;
  font-size: 0.875rem;
}

.richtext__container .richtext {
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
  margin-bottom: 4px;
}
.richtext__container .richtext.focus {
  box-shadow: none;
  outline: none;
  border-color: #32332F;
}
.richtext__container .richtext.focus .ql-toolbar {
  border-bottom: 1px solid #32332F;
}
.richtext__container .ql-toolbar {
  border-bottom: 1px solid #D9D9DA;
}
.richtext__container .ql-container {
  max-height: 11.25rem;
  min-height: 5rem;
  overflow: auto;
  font-size: 1rem;
}
.richtext__container .ql-container > .ql-editor {
  min-height: 5rem;
  -webkit-user-select: text;
}
.richtext__container .richtext__container p span {
  display: inline-block;
  padding-top: 0.5rem;
  font-size: 0.75rem;
}

.ql-editor {
  -webkit-user-select: text;
}

.simple-file-upload__wrapper {
  background: #6C757D;
  color: #fff;
}

.feedback-rating__item {
  padding-right: 0.5rem;
}
.feedback-rating__label {
  width: 2.25rem;
  position: relative;
  cursor: pointer;
}
.feedback-rating__input {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.feedback-rating__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2.25rem;
  color: #8ABF4C;
  border: 1px solid transparent;
  border-radius: 50%;
  text-align: center;
}
.feedback-rating__icon i {
  width: auto;
  margin: 0;
  padding: 0;
}
.feedback-rating__icon:hover {
  color: #046A38;
}
.feedback-rating__icon:focus {
  border-color: #31B8C7;
}

.vertical-card {
  padding: 1.5rem;
}
.vertical-card__intro {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 1rem 0 1.5rem 0;
}
.vertical-card__list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
.vertical-card__img {
  height: 11.25rem;
  width: 100%;
  object-fit: cover;
}
.vertical-card__logo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  height: 4rem;
  max-width: 100%;
  margin: 1.25rem 1.25rem 1.25rem;
  cursor: pointer;
}
.vertical-card__logo img {
  max-height: 64px;
  height: 4rem;
}
.vertical-card__item {
  width: 17.875rem;
  margin: 0 1rem 1.5rem;
  padding: 1.25rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
@media screen and (max-width: 1400px) {
  .vertical-card__item {
    width: 29.8%;
  }
}
@media screen and (max-width: 1200px) {
  .vertical-card__item {
    width: 44%;
  }
}
@media screen and (max-width: 640px) {
  .vertical-card__item {
    width: 100%;
    max-width: 17.875rem;
    margin: 0.625rem auto;
  }
}
.vertical-card__item--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f2f2ee;
  text-align: center;
  padding: 10rem 1.25rem;
}
.vertical-card__item--empty .vertical-card__item-title {
  font-size: 1rem;
  font-weight: 700;
  color: #32332F;
  margin-bottom: 0.75rem;
}
.vertical-card__item-content {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: column;
  height: calc(100% - 180px);
  padding-top: 1rem;
}
.vertical-card__item-content--logo {
  height: calc(100% - 100px);
  padding-top: 0;
}
.vertical-card__title {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
.vertical-card__headline {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.vertical-card__name {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.vertical-card__name--vendor {
  font-size: 1rem;
  font-weight: 600;
  color: #8ABF4C;
  margin-bottom: 0.75rem;
  cursor: pointer;
}
.vertical-card__description {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.card__title {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: bold;
}

.card--filled-background {
  background: #F2F2EE;
  box-shadow: none;
}

.card--horizontal {
  padding: 1.5rem;
}

.zap-breadcrumbs {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  background: none;
  list-style: none;
  background: #fff;
}
.zap-breadcrumbs__item {
  color: #32332F;
}
.zap-breadcrumbs__item a {
  color: #32332F;
}
.zap-breadcrumbs__item--xs-small {
  font-size: 0.875rem;
}
.zap-breadcrumbs__item--small {
  font-size: 1rem;
}
.zap-breadcrumbs__item--medium {
  font-size: 1.125rem;
}
.zap-breadcrumbs__item--big {
  font-size: 1.25rem;
}
.zap-breadcrumbs__item--large {
  font-size: 1.375rem;
}
.zap-breadcrumbs__link {
  color: #8ABF4C;
}
.zap-breadcrumbs__link:hover {
  text-decoration: underline;
  color: #8ABF4C;
}
.zap-breadcrumbs__divider {
  display: inline-block;
  margin: 0 0.75rem;
  font-size: 70%;
}

.zap-button-group {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.zap-button {
  display: inline-block;
  padding: 0.6875rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.25rem;
  line-height: 1;
  border: 1px solid transparent;
  transition: 0.3s;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
}
.zap-button--spinner-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #8ABF4C;
  font-size: 0.875rem;
}
.zap-button--spinner {
  width: 18px;
}
.zap-button span {
  display: block;
  line-height: 1;
}
.zap-button--lg {
  padding: 0.875rem 1.5rem;
  font-size: 1.25rem;
}
.zap-button--sm {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.zap-button--rounded {
  padding: 0.4375rem 1rem;
  border-radius: 50px;
}
@media (max-width: 61.9375rem) {
  .zap-button--rounded-mobile {
    padding: 0.4375rem 0.5rem;
    border-radius: 50px;
  }
}
.zap-button--primary-btn {
  background: #8ABF4C !important;
  color: #fff !important;
  border-color: #8ABF4C !important;
  text-decoration: none !important;
}
.zap-button--primary-btn:hover {
  background: #046A38 !important;
  border-color: #046A38 !important;
}
.zap-button--primary-btn:focus {
  background: #046A38 !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px #8ABF4C !important;
}
.zap-button--primary-btn:active {
  background: #046A38 !important;
  border-color: #046A38 !important;
  box-shadow: 0px 1px 0px #8ABF4C !important;
}
.zap-button--primary-btn:disabled {
  background: rgb(217, 217, 218) !important;
  border-color: rgb(217, 217, 218) !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.zap-button--primary-btn.disabled {
  background: rgb(217, 217, 218) !important;
  border-color: rgb(217, 217, 218) !important;
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.zap-button--secondary-btn {
  background: #6C757D;
  color: #fff !important;
  border-color: #6C757D;
}
.zap-button--secondary-btn:hover {
  background: #32332F;
  border-color: #32332F;
}
.zap-button--secondary-btn:focus {
  background: #6C757D;
  border-color: #fff;
  box-shadow: 0 0 0 1px #6C757D !important;
}
.zap-button--secondary-btn:active {
  background: #6C757D !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px #6C757D !important;
}
.zap-button--secondary-btn.disabled {
  background: rgb(217, 217, 218) !important;
  border-color: rgb(217, 217, 218) !important;
  box-shadow: none !important;
}
.zap-button--secondary-outline {
  background: transparent;
  color: #32332F !important;
  border-color: #32332F;
}
.zap-button--secondary-outline:hover {
  background: #32332F;
  border-color: #32332F;
  color: #fff !important;
}
.zap-button--secondary-outline:focus {
  background: #32332F;
  border-color: #32332F;
  box-shadow: 0 0 0 1px #6C757D !important;
  color: #fff !important;
}
.zap-button--secondary-outline:active {
  background: #32332F;
  border-color: #32332F;
  box-shadow: 0px 1px 0px #6C757D !important;
  color: #fff !important;
}
.zap-button--success-btn {
  background: #8ABF4C;
  color: #fff;
  border-color: #8ABF4C;
}
.zap-button--success-btn:hover {
  background: #218838;
  border-color: #218838;
}
.zap-button--success-btn:focus {
  background: #8ABF4C;
  border-color: #fff;
  box-shadow: 0 0 0 1px #8ABF4C !important;
}
.zap-button--success-btn:active {
  background: #218838;
  border-color: #218838;
  box-shadow: 0px 1px 0px #8ABF4C !important;
}
.zap-button--danger-btn {
  background: #E86546;
  color: #fff;
  border-color: #E86546;
}
.zap-button--danger-btn:hover {
  background: #C82333;
  border-color: #C82333;
}
.zap-button--danger-btn:focus {
  background: #E86546;
  border-color: #fff;
  box-shadow: 0 0 0 1px #E86546 !important;
}
.zap-button--danger-btn:active {
  background: #C82333;
  border-color: #C82333;
  box-shadow: 0px 1px 0px #E86546 !important;
}
.zap-button--warning-btn {
  background: #F5BD3E;
  color: #fff;
  border-color: #F5BD3E;
}
.zap-button--warning-btn:hover {
  background: #E0A800;
  border-color: #E0A800;
}
.zap-button--warning-btn:focus {
  background: #F5BD3E;
  border-color: #fff;
  box-shadow: 0 0 0 1px #F5BD3E !important;
}
.zap-button--warning-btn:active {
  background: #E0A800;
  border-color: #E0A800;
  box-shadow: 0px 1px 0px #F5BD3E !important;
}
.zap-button--info-btn {
  background: #31B8C7;
  color: #fff;
  border-color: #31B8C7;
}
.zap-button--info-btn:hover {
  background: #138496;
  border-color: #138496;
}
.zap-button--info-btn:focus {
  background: #31B8C7;
  border-color: #fff;
  box-shadow: 0 0 0 1px #31B8C7 !important;
}
.zap-button--info-btn:active {
  background: #138496;
  border-color: #138496;
  box-shadow: 0px 1px 0px #31B8C7 !important;
}
.zap-button--info-btn.disabled {
  background: rgb(217, 217, 218) !important;
  border-color: rgb(217, 217, 218) !important;
  box-shadow: none !important;
}
.zap-button--light-btn {
  background: #F2F2EE;
  color: #32332F;
  border-color: #F2F2EE;
}
.zap-button--light-btn:hover {
  background: #C6CCBC;
  border-color: #C6CCBC;
}
.zap-button--light-btn:focus {
  background: #F2F2EE;
  border-color: #fff;
  box-shadow: 0 0 0 1px #F2F2EE !important;
}
.zap-button--light-btn:active {
  background: #C6CCBC;
  border-color: #C6CCBC;
  box-shadow: 0px 1px 0px #F2F2EE !important;
}
.zap-button--dark-btn {
  background: #32332F;
  color: #fff;
  border-color: #32332F;
}
.zap-button--dark-btn:hover {
  background: #4c4e47;
  border-color: #32332F;
}
.zap-button--dark-btn:focus {
  background: #32332F !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px #32332F !important;
}
.zap-button--dark-btn:active {
  background: #4c4e47;
  border-color: #4c4e47;
  box-shadow: 0px 1px 0px #32332F !important;
}
.zap-button--dark-btn.disabled {
  background: rgb(217, 217, 218) !important;
  border-color: rgb(217, 217, 218) !important;
  box-shadow: none !important;
}
.zap-button--outline-primary {
  background: transparent;
  color: #8ABF4C;
  border-color: #8ABF4C;
}
.zap-button--outline-primary:hover, .zap-button--outline-primary:active {
  background: #8ABF4C;
  border-color: #8ABF4C;
  color: #fff;
}
.zap-button--outline-primary:focus {
  background: transparent;
  color: #8ABF4C;
  border-color: #8ABF4C;
}
.zap-button--link-btn {
  color: #007BFF !important;
}
.zap-button--link-btn:hover, .zap-button--link-btn:active, .zap-button--link-btn:focus {
  text-decoration: underline;
}
.zap-button--disabled, .zap-button:disabled {
  background: #D9D9DA !important;
  border-color: #D9D9DA !important;
}
.zap-button--link-btn--disabled {
  color: #D9D9DA !important;
  text-decoration: none !important;
  cursor: auto !important;
}
.zap-button--left {
  border-radius: 4px 0 0 4px;
}
.zap-button--middle {
  border-radius: 0;
  margin: 0 2px;
}
.zap-button--right {
  border-radius: 0 4px 4px 0;
}
.zap-button--link {
  border: 1px solid transparent;
}
.zap-button--link:hover, .zap-button--link:focus, .zap-button--link:active {
  background: none;
}
.zap-button--link-black {
  color: #32332F;
}
.zap-button--link-black:hover, .zap-button--link-black:focus, .zap-button--link-black:active {
  border: 1px solid transparent !important;
  background: none !important;
  color: #8ABF4C !important;
}
.zap-button--link-white {
  padding: 0;
  border: none;
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}
.zap-button--link-white:hover, .zap-button--link-white:focus, .zap-button--link-white:active {
  text-decoration: none;
  color: #fff;
}
.zap-button--link-theme {
  color: #8ABF4C;
  text-align: left;
}
.zap-button--link-theme:hover, .zap-button--link-theme:focus, .zap-button--link-theme:active {
  border: 1px solid transparent !important;
  background: none !important;
  color: #8ABF4C !important;
  text-decoration: underline;
}
.zap-button--link-danger {
  color: #E86546;
  text-align: left;
  background: none !important;
  border: none !important;
}
.zap-button--link-danger:hover, .zap-button--link-danger:focus, .zap-button--link-danger:active {
  color: #E86546 !important;
  text-decoration: underline;
}

.popover-header {
  background-color: #f8f8f8;
}

.resolve-dropdown-menu {
  padding: 0.5rem 0;
  box-shadow: 0px 3px 6px #F2F2EE;
  background: #FFFFFF;
}
.resolve-dropdown-item {
  padding: 0 0.5rem 0.25rem;
}
.resolve-dropdown-item:hover {
  color: #8ABF4C;
}

.disabled-link {
  padding: 0.75rem 1rem;
  border: 1px solid transparent;
}

.create-dropdown-container .dropdown-toggle {
  font-size: 16px;
  padding: 0;
}
.create-dropdown-container .dropdown-menu {
  top: 22px !important;
}

.zap-button .zap-button--spinner-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #8ABF4C;
  font-size: 0.875rem;
}

.alert {
  padding: 16px;
  z-index: 200;
}
.alert-content {
  width: 90%;
}
.alert.alert {
  border-radius: 0.25rem;
}
.alert.alert--square {
  border-radius: 0;
}
.alert.alert-primary {
  color: #31B8C7;
  background-color: rgba(49, 184, 199, 0.1);
  border-color: #31B8C7;
}
.alert.alert-secondary {
  color: #32332F;
  background-color: #f8f8f8;
  border-color: #32332F;
}
.alert.alert-success {
  color: #fff;
  background-color: #8ABF4C;
  border-color: #8ABF4C;
}
.alert.alert-danger {
  color: #fff;
  background-color: #E86546;
  border-color: #E86546;
}
.alert.alert-warning {
  color: #fff;
  background-color: #F5BD3E;
  border-color: #F5BD3E;
}
.alert.alert-info {
  color: #fff;
  background-color: #31B8C7;
  border-color: #31B8C7;
}
.alert.alert-light {
  color: #32332F;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0px 3px 6px rgb(242, 242, 238);
}
.alert.alert-dark {
  background: #C6CCBC;
  color: #32332F;
}
.alert.fixed-top {
  max-width: 37.5rem;
  margin: 0 auto;
  top: 1.875rem;
}

.infobox {
  display: flex;
  padding: 0.75rem 1.5rem;
  border: 1px solid #D9D9DA;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.infobox--absolute {
  position: absolute;
  left: 1rem;
  right: 1rem;
  z-index: 2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.infobox:before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  position: absolute;
  left: 0.375rem;
  top: 0.375rem;
  bottom: 0.375rem;
}
.infobox__remove {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #898C82;
}
.infobox__icon {
  padding-top: 0.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}
.infobox__message-title {
  padding-bottom: 0.25rem;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
}
.infobox__title {
  padding-bottom: 0.25rem;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
}
.infobox__text {
  font-size: 0.75rem;
}
.infobox__message {
  font-size: 0.75rem;
}
.infobox--danger:before {
  background: #E86546;
}
.infobox--danger .infobox__icon {
  color: #E86546;
}
.infobox--warning:before {
  background: #F5BD3E;
}
.infobox--warning .infobox__icon {
  color: #F5BD3E;
}
.infobox--success:before {
  background: #8ABF4C;
}
.infobox--success .infobox__icon {
  color: #8ABF4C;
}
.infobox--info:before {
  background: #31B8C7;
}
.infobox--info .infobox__icon {
  color: #31B8C7;
}

.truncated-text__show-all {
  display: inline-block;
  padding: 0 4px;
  color: #8ABF4C;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.table__wrapper {
  border-radius: 0;
  width: 100%;
  overflow: auto;
}
.table__wrapper--users .zap-table .zap-table__headline {
  padding-top: 20px !important;
}
.table__wrapper--tools-table {
  overflow: auto !important;
}
.table__wrapper--tools-table .zap-table .zap-table__headline {
  position: relative;
  z-index: inherit;
}
.table__wrapper--tools-table .zap-table .zap-table__headline:first-child {
  position: relative;
  z-index: auto;
}
.table__wrapper--tools-table .table-responsive {
  overflow: initial !important;
}

.zap-table {
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  border-collapse: inherit;
}
.zap-table--min-width {
  min-width: 75rem;
}
.zap-table--bordered {
  border: none;
  border-radius: 0;
}
.zap-table--bordered .zap-table__headline {
  border-top: 1px solid #D9D9DA !important;
  border-right: 1px solid #D9D9DA !important;
  vertical-align: bottom !important;
}
.zap-table--bordered .zap-table__headline.comment-col {
  border-right: none !important;
}
.zap-table--bordered .zap-table__headline > span {
  white-space: nowrap;
}
.zap-table--bordered .zap-table__headline:first-child {
  border-left: 1px solid #D9D9DA !important;
}
.zap-table--bordered .zap-table__headline:last-child {
  border-radius: 0 !important;
}
.zap-table--bordered .zap-table__cell {
  border-right: 1px solid #D9D9DA !important;
}
.zap-table--bordered .zap-table__cell:first-child {
  border-left: 1px solid #D9D9DA !important;
}
.zap-table--bordered .zap-table__cell.comment-col {
  border-right: none !important;
}
.zap-table--bordered .zap-table__cell.comment-col span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zap-table--bordered .zap-table__cell.tools-col {
  text-align: right !important;
  max-width: 30px;
  min-width: inherit;
  color: #898C82;
}
.zap-table--bordered .zap-table__row:last-child .zap-table__cell {
  border-bottom: 1px solid #D9D9DA !important;
}
.zap-table__group-heading {
  padding: 0.5rem 0.625rem;
  font-size: 0.875rem;
  background: #f8f8f8;
  border-bottom: 1px solid #D9D9DA;
  border-left: 1px solid #D9D9DA;
  border-right: 1px solid #D9D9DA !important;
  font-weight: bold;
}
.zap-table__body--heading {
  background: #f8f8f8;
}
.zap-table .zap-table__headline {
  padding: 0.75rem;
  font-size: 0.875rem;
  border-bottom: 1px solid #D9D9DA;
  position: sticky;
  top: 0;
  z-index: 4;
  background: #fff;
  vertical-align: middle;
}
.zap-table .zap-table__headline.highlighted-col {
  background: #fefcf5;
}
.zap-table .zap-table__headline .team-col__label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  font-size: 0.625rem;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.25;
  background: #F5BD3E;
  color: #fff;
}
.zap-table .zap-table__headline .module-col__label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  font-size: 0.625rem;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.25;
  background: #31B8C7;
  color: #fff;
}
.zap-table .zap-table__headline.module-col {
  background: #F7FCFD;
}
.zap-table .zap-table__headline.sticky-col {
  min-width: 200px;
  position: sticky;
  left: 0;
  background: #fff;
  top: 0;
  z-index: 6;
}
.zap-table .zap-table__headline-sort {
  padding-left: 1rem;
  cursor: pointer;
}
.zap-table .zap-table__headline:first-child {
  border-radius: 0;
}
.zap-table .zap-table__headline:last-child {
  border-radius: 0;
}
.zap-table__row--total-row .zap-table__cell {
  font-weight: bold;
  border-bottom: none;
}
.zap-table .zap-table__cell {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  border-bottom: 1px solid #D9D9DA;
  border-top: none;
  background: #fff;
  vertical-align: middle;
}
.zap-table .zap-table__cell.fixed-width {
  width: 10rem;
  text-align: center;
}
.zap-table .zap-table__cell .component-toggle {
  display: inline-block;
  padding: 0;
}
.zap-table .zap-table__cell.highlighted-col {
  text-align: center;
  background: #fefcf5;
}
.zap-table .zap-table__cell.module-col {
  background: #F7FCFD;
}
.zap-table .zap-table__cell.sticky-col {
  min-width: 200px;
  position: sticky;
  left: 0;
  background: #fff;
  top: 0;
  z-index: 5;
}
.zap-table__cell-multiline {
  display: block;
}
.zap-table__cell-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5;
}
.zap-table__cell--times i {
  color: #E86546;
  background-color: #fff;
  border-radius: 50%;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.zap-table__cell--check i {
  color: #8ABF4C;
  background-color: #fff;
  border-radius: 50%;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.zap-table__row.selected .zap-table__cell {
  background: #f8f8f8;
}
.zap-table .component-toggle__background .component-toggle__text {
  min-width: 1rem;
}
.zap-table .component-toggle__background .component-toggle__dot {
  width: 1rem;
  height: 1rem;
}
.zap-table--width-auto .zap-table__cell {
  min-width: auto;
}

.zap-table--has-footer {
  border: none;
}
.zap-table--has-footer .zap-table__headline {
  border-top: 1px solid #D9D9DA;
}
.zap-table--has-footer .zap-table__headline:first-child {
  border-left: 1px solid #D9D9DA;
}
.zap-table--has-footer .zap-table__headline:last-child {
  border-right: 1px solid #D9D9DA;
}
.zap-table--has-footer .zap-table__cell:first-child {
  border-left: 1px solid #D9D9DA;
}
.zap-table--has-footer .zap-table__cell:last-child {
  border-right: 1px solid #D9D9DA;
}
.zap-table--has-footer .zap-table__footer-cell {
  padding-top: 8px;
  padding-bottom: 8px;
}
.zap-table--has-footer .zap-table__row:last-child .zap-table__cell {
  border-bottom: 1px solid #D9D9DA;
}
.zap-table--has-footer tfoot .zap-table__row:hover {
  background: none;
}
.zap-table--has-footer tfoot .zap-table__footer-cell:last-child {
  text-align: right;
}
.zap-table--has-footer tfoot .summary-cell {
  display: inline-block;
  padding-right: 0.75rem;
  font-weight: bold;
  font-size: 1.125rem;
}

.zap-table--striped .zap-table__headline {
  background: #f8f8f8;
}
.zap-table--striped .zap-table__headline.hover-row.hover-col {
  background: #8ABF4C;
  border: none;
  color: #fff;
}
.zap-table--striped .zap-table__row {
  background: #fff;
}
.zap-table--striped .zap-table__row:nth-child(even) {
  background: #f8f8f8;
}
.zap-table--striped .zap-table__row:hover {
  background-color: #F2F2EE;
  cursor: pointer;
}

.asset-updater-table__title {
  text-align: center;
  background: #000;
  color: #fff;
}
.asset-updater-table__head-cell {
  padding: 0.75rem 1rem;
  border-right: 1px solid #fff;
}
.asset-updater-table__field-name {
  padding: 1rem;
  text-align: center;
  font-weight: bold;
}
.asset-updater-table__compare {
  padding: 0 1rem;
  position: relative;
}
.asset-updater-table__compare:after {
  content: "";
  position: absolute;
  width: 1px;
  left: 50%;
  top: 0.25rem;
  bottom: 0.25rem;
  background: #D9D9DA;
}
.asset-updater-table__submitted-value {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
.asset-updater-table__submitted-value.selected {
  border-color: #E9F8D7;
  background: #E9F8D7;
}
.asset-updater-table__submitted-value.selected i {
  color: #000;
}
.asset-updater-table__current-value {
  display: flex;
  align-items: baseline;
  padding: 0.5rem 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
  word-break: break-word;
}
.asset-updater-table__current-value.selected {
  border-color: #8ABF4C;
  background: #E9F8D7;
}
.asset-updater-table__current-value.selected i {
  color: #8ABF4C;
}

.zap-simple-table thead tr th {
  padding: 0.75rem 1rem;
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.zap-simple-table thead tr th.bgr-light-grey {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #D9D9DA;
  border-right: 1px solid #D9D9DA;
  font-weight: 900;
}
.zap-simple-table tbody tr td {
  padding: 0.75rem 1rem;
  background: #fff;
  border: 1px solid #D9D9DA;
}
.zap-simple-table tbody tr td:first-child {
  font-weight: bold;
}
.zap-simple-table tbody tr td.bgr-light-grey {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #D9D9DA;
  border-right: 1px solid #D9D9DA;
}
.zap-simple-table tbody.on-hold tr td {
  background: rgba(232, 101, 70, 0.1);
}
.zap-simple-table tbody.active td {
  background: rgba(138, 191, 76, 0.1);
}
.zap-simple-table tbody.passed td {
  background: rgba(245, 189, 62, 0.1);
}
.zap-simple-table tfoot tr td {
  padding: 0.75rem 1rem;
  border: 1px solid #D9D9DA;
  font-weight: 900;
  background: #F2F2EE;
}

.zap-simple-table--sm thead tr th {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
}
.zap-simple-table--sm tbody tr td {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
}
.zap-simple-table--sm tfoot tr td {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
}

.zap-simple-table--md thead tr th {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.zap-simple-table--md tbody tr td {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.zap-simple-table--md tfoot tr td {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

.table-toggle {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: bold;
  cursor: pointer;
}
.table-toggle i {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}

.cell-overlay-content {
  z-index: 20;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.45);
}

.cell-tools {
  white-space: nowrap;
  background-color: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 4px 4px;
  padding: 0.75rem;
  z-index: 20;
}
.cell-tools__item {
  font-weight: bold;
  font-size: 0.875rem;
  cursor: pointer;
}

.table-flex-wrap {
  flex: 1;
  overflow: auto;
}

.zap-table .max-width span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dark-header .zap-table__headline {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

.table-sticky-first-column {
  max-width: 100% !important;
}
.table-sticky-first-column > thead > tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
}
.table-sticky-first-column > tbody > tr td:first-child {
  text-align: start;
  position: sticky;
  left: 0;
  border-right: 1px solid #D9D9DA;
}

.state-indicator {
  display: inline-flex;
  max-width: 100%;
  overflow: auto;
  overflow-y: hidden;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
}
.state-indicator__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.625rem;
  min-width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  color: #707070;
}
@media screen and (max-width: 767px) {
  .state-indicator__icon {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .state-indicator__text {
    font-size: 14px;
  }
}
.state-indicator__item {
  padding: 0.5rem 1rem 0.5rem 3rem;
  color: white;
  text-decoration: none;
  background: #fff;
  color: #32332F;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  border-radius: 0.25rem 0 0 0.25rem;
}
.state-indicator__item:first-of-type {
  padding-left: 1.5rem;
}
.state-indicator__item:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 3.125rem solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 3.125rem solid transparent;
  border-left: 1.875rem solid #D9D9DA;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.state-indicator__item:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 3.125rem solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 3.125rem solid transparent;
  border-left: 1.875rem solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.state-indicator__item--done .state-indicator__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 50%;
  color: #707070;
  background: #F2F2EE;
}
@media screen and (max-width: 767px) {
  .state-indicator__item--done .state-indicator__icon {
    display: none;
  }
}
.state-indicator__item--active, .state-indicator__item--completed {
  background: #8ABF4C;
  border: 1px solid #8ABF4C;
  color: #fff !important;
  font-weight: bold;
}
.state-indicator__item--active:after, .state-indicator__item--completed:after {
  border-left: 1.875rem solid #fff;
}
.state-indicator__item--active:after, .state-indicator__item--completed:after {
  border-left: 1.875rem solid #8ABF4C;
}
.state-indicator__item--active .state-indicator__icon, .state-indicator__item--completed .state-indicator__icon {
  background: #fff;
  color: #8ABF4C;
}
.state-indicator__item:last-child:after, .state-indicator__item:last-child:before {
  content: normal;
}
.state-indicator .optional {
  display: inline-block;
  padding-left: 0.5rem;
  font-size: 0.625rem;
}

.zap-badge {
  display: inline-block;
  border-radius: 10rem;
  color: #fff;
  padding: 4px 12px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
}

.zap-badge--primary {
  background-color: #8ABF4C;
}

.zap-badge--secondary {
  background-color: #6C757D;
}

.zap-badge--info {
  background-color: #31B8C7;
}

.zap-badge--danger {
  background-color: #E86546;
}

.pill-horizontal-tabs {
  justify-content: center;
  border-bottom: none;
}
.pill-horizontal-tabs .nav-link {
  display: block;
  padding: 10px 12px 12px;
  border-radius: 6px !important;
  line-height: 1;
  font-weight: bold;
  background: #F2F2EE;
  border: 1px solid #F2F2EE;
}
.pill-horizontal-tabs .nav-link:hover {
  border: 1px solid #8ABF4C !important;
  color: #fff !important;
  background: #8ABF4C !important;
}
.pill-horizontal-tabs .nav-link.active {
  border: 1px solid #8ABF4C !important;
  color: #fff !important;
  background: #8ABF4C !important;
}

.sortable-list__helper {
  z-index: 90000 !important;
}

.person-profile__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.person-profile__circle--large {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 2.25rem;
}
.person-profile__circle--medium {
  width: 2.8125rem;
  height: 2.8125rem;
  font-size: 1.0625rem;
}
.person-profile__circle--small {
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.75rem;
}
.person-profile__circle--xs-small {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.5rem;
}
.person-profile__circle--initials {
  background: #8ABF4C;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.person-profile__image {
  border-radius: 50%;
  object-fit: cover;
}
.person-profile__image-url {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.zap-tabstrip {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F2F2EE;
}
.zap-tabstrip__container {
  flex: 1 1 100%;
  display: flex;
  overflow: hidden;
}
.zap-tabstrip__list {
  flex: 1 1 100%;
  display: flex;
}
.zap-tabstrip__tab-item {
  padding: 0.5rem 0.25rem;
  margin: 0 0.5rem;
  white-space: nowrap;
  border: none;
  border-bottom: 3px solid transparent;
  flex: 0 0 auto;
  color: #32332F;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.zap-tabstrip__tab-item--selected {
  color: #8ABF4C;
  border-bottom: 3px solid #8ABF4C;
}
.zap-tabstrip__arrow {
  flex: 0 0 auto;
  color: #8ABF4C;
  font-weight: bold;
}
.zap-tabstrip__arrow--disabled {
  color: #E6E6E1;
}

.card-container {
  box-shadow: 0px 3px 6px #D9D9DA;
  border-radius: 0.25rem;
  background: #fff;
}
.card-container--full-height {
  height: 100%;
  margin: 0;
}
.card-container--max-width-100 {
  max-width: 100%;
}
.card-container__header {
  padding: 1.25rem;
  border-bottom: 1px solid #D9D9DA;
  font-weight: bold;
}
.card-container__body {
  padding: 1.25rem;
}

.card-container-inner {
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
}
.card-container-inner__header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #D9D9DA;
  font-weight: bold;
  color: #32332F;
}
.card-container-inner__header i {
  margin-right: 0.375rem;
}
.card-container-inner__body {
  padding: 1rem;
}
.card-container-inner__body.collapsed {
  max-height: 0;
  padding: 0;
}
.card-container-inner__body.collapsed > * {
  display: none;
}
.card-container-inner .profile-general-info-top {
  margin-top: -40px;
}

.reports-chart-wrapper {
  padding: 12px 24px;
  border: 1px solid #D9D9DA;
  border-radius: 0.25rem;
}

.entity-not-found {
  max-width: 31.25rem;
  margin: 0 auto;
  padding: 6.25rem 0;
}

.user-setting-content-wrapper {
  display: flex;
  flex-flow: column;
  max-height: calc(100vh - 56px - 124px);
}

.settings2 .bg-white {
  min-height: calc(100vh - 108px);
}

.kyc-submit-footer {
  padding: 1rem;
  background: #fff;
  box-shadow: 0 0 4px rgba(51, 51, 51, 0.1);
  z-index: 100;
}

.kyc-value-block .input-editor__content {
  max-width: 100%;
}
.kyc-value-block .react-select .react-select__input input {
  max-width: 100%;
}
.kyc-value-block .zap-table__headline {
  cursor: initial;
}

.search-toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1.8125rem;
  width: 1.8125rem;
  border-radius: 50%;
  background-color: #fff;
  color: #32332F;
  font-size: 0.875rem;
}

.power-search .power-search-results--with-banner {
  top: 5.1875rem;
}

.power-search-results {
  position: fixed;
  height: calc(100vh - 52px);
  overflow-y: auto;
  overflow-x: hidden;
  top: 3.25rem;
  right: 0;
  left: 0;
  background-color: #fff;
  color: #32332F;
  z-index: 200;
}
.power-search-results__icon {
  width: 20px;
}
.power-search-results__content {
  width: calc(100% - 20px);
}
.power-search-results__drop-down-header {
  background: #f8f8f8;
  padding: 1rem;
  border-radius: 0.375rem;
}
.power-search-results__drop-down-header .input-area {
  background: #fff;
}
.power-search-results__drop-down-toggle {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  font-size: 1.75rem;
  cursor: pointer;
}
.power-search-results__title {
  padding: 0 2rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
}
@media only screen and (max-width: 1024px) {
  .power-search-results__title {
    padding: 0;
  }
}
.power-search-results__list {
  font-size: 1rem;
  padding: 0 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .power-search-results__list {
    padding: 0;
  }
}
.power-search-results__list-item {
  display: flex;
  align-items: baseline;
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 0.375rem;
}
.power-search-results__list-item i {
  color: #32332F !important;
}
.power-search-results__list-item:hover {
  background: #f8f8f8;
  border: 1px solid #D9D9DA;
}
.power-search-results__list-item-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.power-search-results__list-item-info {
  font-size: 0.75rem;
}
.power-search-results__not-found {
  padding: 3rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
}
.power-search-results__not-found img {
  max-width: 15rem;
}
.power-search-results__card {
  padding: 1.5rem;
  border-bottom: 1px solid #D9D9DA;
}
@media only screen and (max-width: 767px) {
  .power-search-results__card {
    padding: 1rem 0;
  }
}
.power-search-results__card:last-of-type {
  border-bottom: 1px solid transparent;
}
.power-search-results__card-title {
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
}
.power-search-results__card ul {
  padding: 0;
}
.power-search-results__card a {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: bold;
}
.power-search-results__card a:hover {
  text-decoration: underline;
}
.power-search-results span a {
  color: #32332F;
  font-weight: normal;
}

.entity-type-result-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.entity-type-result-list__item {
  display: flex;
  width: 50%;
  padding: 0.75rem;
  color: #32332F !important;
}
@media only screen and (max-width: 767px) {
  .entity-type-result-list__item {
    width: 100%;
  }
}
.entity-type-result-list__item i {
  color: #32332F !important;
}
.entity-type-result-list__item a {
  padding-left: 0;
  padding-right: 0;
  color: #8ABF4C;
}

.email-content {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 3px 6px #D9D9DA;
  overflow: hidden;
}
.email-content__header {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px dashed #C6CCBC;
  overflow: hidden;
}
.email-content__header-left {
  width: 10%;
  min-width: 6.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}
.email-content__header-right {
  width: 90%;
  font-size: 0.875rem;
}

.email-task__toolbar-email-subject {
  max-width: 37.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .email-task__toolbar-email-subject {
    max-width: 12.5rem;
  }
}

.left-right-draggable {
  height: 100%;
  position: relative;
  background: #f8f8f8;
}
@media screen and (max-width: 991px) {
  .left-right-draggable {
    background: #fff;
  }
}
.left-right-draggable .draggable-left {
  width: 50%;
  margin-top: 1.875rem;
  max-height: calc(100vh - 90px);
  box-sizing: border-box;
  flex: 1 1 auto;
  overflow: auto;
  background: #f8f8f8;
}
@media screen and (min-width: 768px) {
  .left-right-draggable .draggable-left {
    min-width: 37.5rem;
  }
}
@media screen and (max-width: 991px) {
  .left-right-draggable .draggable-left {
    width: 100%;
    max-height: initial;
    overflow: inherit;
  }
}
.left-right-draggable .draggable-right {
  max-height: calc(100vh - 90px);
  box-sizing: border-box;
  flex: 1 1 auto;
  overflow: auto;
  width: 50%;
  background: #fff;
}
@media screen and (max-width: 991px) {
  .left-right-draggable .draggable-right {
    max-height: inherit;
    width: 100%;
    overflow: inherit;
  }
}
.left-right-draggable .left-right-divider {
  width: 0px;
  padding: 0;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  .left-right-draggable .left-right-divider {
    display: none;
  }
}

.left-right-drag-handle {
  height: 1.75rem;
  width: 1.75rem;
  margin-left: -14px;
  display: block;
  position: absolute;
  top: 0;
  padding: 0;
  cursor: ew-resize;
  background: url("../../img/resize-icon.svg");
  background-size: 1.75rem;
}

.email-resolution-layout .draggable-right {
  min-width: 37.5rem;
}
@media screen and (max-width: 991px) {
  .email-resolution-layout .draggable-right {
    min-width: inherit;
  }
}

.top-bottom-draggable {
  position: relative;
}
.top-bottom-draggable .draggable-top {
  box-sizing: border-box;
  flex: 1 1 auto;
}
.top-bottom-draggable .top-bottom-divider {
  height: 0px;
  padding: 0;
  flex: 0 0 auto;
}
.top-bottom-draggable .top-bottom-divider .top-bottom-drag-handle {
  height: 2.375rem;
  width: 2.375rem;
  margin: -20px auto 0;
  padding: 0;
  display: block;
  left: 0;
  right: 0;
  cursor: ew-resize;
  background: url("../../img/resize-icon.svg");
  position: relative;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .top-bottom-draggable .top-bottom-divider .top-bottom-drag-handle {
    display: none;
  }
}
.top-bottom-draggable .draggable-bottom {
  box-sizing: border-box;
  flex: 1 1 auto;
}

.email-task-resolve__container {
  overflow: auto;
}

.email-task-email-container {
  padding: 1.5rem;
}

.email-task-email {
  padding: 1.5rem;
  background: #fff;
  box-shadow: 0 3px 6px #D9D9DA;
  overflow: hidden;
}
.email-task-email__header {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px dashed #C6CCBC;
  overflow: hidden;
}
.email-task-email__header-left {
  width: 10%;
  min-width: 6.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}
.email-task-email__header-right {
  width: 90%;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .email-task-email__header-right {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.email-attachment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  margin-bottom: 8px;
  background: #fff;
  box-shadow: 0 3px 6px #D9D9DA;
  border-radius: 2px;
}
.email-attachment__left {
  display: flex;
  align-items: center;
  width: 95%;
}
.email-attachment__right {
  width: 5%;
  display: flex;
  justify-content: flex-end;
}
.email-attachment__filename {
  display: inline-block;
  padding-right: 1rem;
  padding-left: 0.5rem;
  color: #32332F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}

.collapsible-panel-header {
  font-weight: bold;
  cursor: pointer;
}

.collapsible-panel-content {
  overflow: hidden;
}

.email-task-action-container {
  padding: 1.5rem;
  background: #fff;
}

.email-task-action-content {
  max-width: 31.25rem;
  margin: 1.5rem auto;
}
.email-task-action-content img {
  max-width: 15rem;
}

.email-task-action__button {
  margin-right: 1rem;
  margin-left: 1rem;
  font-size: 2rem;
  color: #8ABF4C;
}
@media screen and (max-width: 767px) {
  .email-task-action__button {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
    font-size: 1.5rem;
  }
}

.new-email {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.new-email__create-contact {
  width: 35%;
  color: #8ABF4C;
  font-weight: bold;
}
.new-email__create-contact:hover {
  text-decoration: underline;
}
.new-email__email {
  display: block;
  width: 65%;
  padding-right: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email-contact-person {
  display: flex;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #f8f8f8;
}
@media screen and (max-width: 767px) {
  .email-contact-person {
    flex-wrap: wrap;
  }
}
.email-contact-person__right {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .email-contact-person__right {
    margin-left: 0;
    margin-top: 0.75rem;
    padding-left: 3.5rem;
    width: 100%;
  }
}
.email-contact-person__remove {
  cursor: pointer;
}
.email-contact-person__remove:hover {
  color: #E86546;
}
.email-contact-person__circle {
  margin-right: 1rem;
}
.email-contact-person__email {
  font-size: 0.75rem;
  color: #707070;
}
.email-contact-person .professional-image-initials {
  width: 2.5rem;
  height: 2.5rem;
  cursor: auto;
}
.email-contact-person .btn-link {
  display: block;
  margin-bottom: 0.5rem;
  color: #8ABF4C;
  cursor: pointer;
  font-weight: bold;
}
.email-contact-person .btn-link:hover {
  text-decoration: underline;
}

.email-contact-container {
  border: 1px solid #D9D9DA;
  margin-bottom: 1rem;
}

.linkable-entities-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
.linkable-entities-row__type {
  display: inline-block;
  width: 10%;
}
.linkable-entities-row__name {
  display: inline-block;
  width: 55%;
  padding-right: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8ABF4C;
}
.linkable-entities-row__status {
  display: inline-block;
  width: 35%;
}
@media screen and (max-width: 767px) {
  .linkable-entities-row__status {
    justify-content: flex-end;
    text-align: right;
  }
}
.linkable-entities-row__status-text {
  display: inline-block;
  width: 4.6875rem;
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .linkable-entities-row__status-text {
    display: none;
  }
}
.linkable-entities-row .component-toggle {
  width: 44px;
  flex: 0;
}

.linkable-entities-header {
  color: #707070;
  font-size: 0.75rem;
  text-transform: capitalize;
  padding: 0.75rem;
}
.linkable-entities-header__type {
  display: inline-block;
  width: 10%;
}
.linkable-entities-header__name {
  display: inline-block;
  width: 55%;
}
.linkable-entities-header__status {
  display: inline-block;
  width: 35%;
}
@media screen and (max-width: 767px) {
  .linkable-entities-header__status {
    padding-right: 0.75rem;
    text-align: right;
  }
}

.link-email-search-container .linkable-entity-search {
  width: 40%;
}
.link-email-search-container .linkable-entity-search.full-size {
  width: 55%;
}
.link-email-search-container .linkable-entity-search .react-select .react-select__control {
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #D9D9DA;
  border-radius: 50px 0 0 50px;
}
.link-email-search-container .link-attachments-selector {
  width: 35%;
}
.link-email-search-container .link-attachments-selector .react-select .react-select__control {
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #D9D9DA;
  border-left: none;
  border-radius: 0;
}
.link-email-search-container .entity-type-selector {
  width: 35%;
}
.link-email-search-container .entity-type-selector.full-size {
  width: 45%;
}
.link-email-search-container .entity-type-selector .react-select .react-select__control {
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #D9D9DA;
  border-left: none;
  border-radius: 0 50px 50px 0;
}
.link-email-search-container .react-select .react-select__indicator {
  top: 0;
}
.link-email-search-container .react-select .react-select__control {
  min-height: 40px;
}

.email-type-associations:first-child {
  margin-top: -16px;
}

.email-association-title {
  margin-top: 16px;
}

.related-entities.email-task-associations {
  padding-left: 0;
}

.related-entity.email-task-contact-association {
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(119, 119, 119, 0.4);
  margin-bottom: 0.5rem;
  cursor: default;
}
.related-entity.email-task-contact-association .associated-entity-name {
  color: #8ABF4C;
  cursor: pointer;
  font-weight: bold;
}
.related-entity.email-task-contact-association .associated-entity-name:hover {
  text-decoration: underline;
}
.related-entity.email-task-contact-association .associated-entity-name:before {
  content: " "; /* &nbsp; */
}
.related-entity.email-task-contact-association i {
  cursor: default;
}
.related-entity.email-task-contact-association i:hover {
  color: #333333;
}

.existing-contacts {
  border-radius: 0.25rem;
}

.email-contact-associations {
  padding: 1rem;
}
.email-contact-associations .related-entity-inner, .email-contact-associations .kpi-reporting-card .card-header, .kpi-reporting-card .email-contact-associations .card-header, .email-contact-associations .guest-account-list .guest-account-item, .guest-account-list .email-contact-associations .guest-account-item {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: default;
}
.email-contact-associations .email-contact-person__right {
  padding-left: 0;
  text-align: center;
}

.review-contacts__title {
  font-weight: bold;
}

.show-associations {
  font-size: 0.75rem;
}

.webentry-resolution-layout .draggable-right {
  min-width: 43.75rem;
  width: 75%;
}
@media screen and (max-width: 991px) {
  .webentry-resolution-layout .draggable-right {
    max-height: inherit;
    width: 100%;
    overflow: inherit;
  }
}

.webentry-resolution-layout .draggable-left {
  min-width: 31.25rem;
  width: 25%;
}
@media screen and (max-width: 991px) {
  .webentry-resolution-layout .draggable-left {
    width: 100%;
    max-height: initial;
    overflow: inherit;
  }
}

.webentry-resolution-info {
  height: 100%;
  padding: 1rem 2rem 1rem 1rem;
  background: #f8f8f8;
}

.webentry-resolution-layout.common-contacts .draggable-right {
  min-width: 43.75rem;
  width: 50%;
}

.webentry-resolution-main {
  background: #fff;
  height: 100%;
}

.steps__container {
  height: calc(100vh - 153px);
  padding-bottom: 1rem;
  background: #fff;
  overflow: auto;
}

.footer-toolbar {
  display: flex;
  padding: 12px;
  min-height: 20px;
  flex-direction: row;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  flex-wrap: nowrap;
  background: #fff;
  box-shadow: 0 0 6px #D9D9DA;
  transition: 0.3s;
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .footer-toolbar {
    left: 0;
  }
}
.footer-toolbar .footer-toolbar__left {
  padding-left: 20px;
}
.footer-toolbar .footer-toolbar__right {
  padding-left: 20px;
}

.webentry-task-resolve .footer-toolbar--old-navbar {
  left: 0;
}

.general-layout--fixed-sidebar-open .footer-toolbar {
  left: 0;
}

.webentry-contact-container {
  margin-bottom: 1rem;
}
.webentry-contact-container .email-contact-person {
  align-items: start;
  box-shadow: none;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}

.webentry-contact-person__field {
  margin-bottom: 0.5rem;
  color: #707070;
  font-size: 0.875rem;
}
.webentry-contact-person__name {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.asset-updater-actions {
  margin: 1rem 0;
}
.asset-updater-actions label {
  display: block;
  padding-bottom: 0.25rem;
}
.asset-updater-actions .form__text > label {
  display: block;
  padding-bottom: 0.375rem;
}
.asset-updater-actions .form__text .zap-inlined-radiobox-label {
  font-size: 1rem;
  color: #32332F;
}

.webentry-resolution-infobox__container {
  margin-top: 1rem;
  background: #fff;
  border: 1px solid #F2F2EE;
}
.webentry-resolution-infobox__container .infobox {
  border: none;
  border-bottom: 1px solid #F2F2EE;
}

.webentry-resolution-associations-container {
  padding: 1rem 1rem 0;
}

.deal-associations {
  margin-bottom: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid #D9D9DA;
}
.deal-associations__label {
  padding: 0.75rem 1rem;
  width: 25%;
  font-size: 12px;
  color: #707070;
  font-style: italic;
}
.deal-associations__deal {
  border-bottom: 1px solid #F2F2EE;
}
.deal-associations__deal-value {
  padding: 0.75rem 1rem;
  width: 25%;
  font-size: 0.875rem;
}
.deal-associations__deal-value:first-of-type {
  color: #8ABF4C;
}
.deal-associations__contact-association {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}

.existing-deal__header {
  width: 85%;
}
.existing-deal__body {
  width: 83%;
  margin-bottom: 0.5rem;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
.existing-deal__label {
  padding: 0.75rem 1rem;
  width: 20%;
  font-size: 12px;
  color: #707070;
  font-style: italic;
}
.existing-deal__deal-value {
  padding: 0.75rem 1rem;
  width: 20%;
  font-size: 0.875rem;
}
.existing-deal__deal-value:first-of-type {
  color: #8ABF4C;
}
.existing-deal__deal-action {
  width: 17%;
}

.webentry-resolution-associations-actions {
  padding: 0 1rem 1rem;
  margin-top: 1rem;
}

.selectable-attachment .email-attachment {
  width: 88%;
}

.email-task-attachments .email-attachment {
  box-shadow: none;
  border: 1px solid #D9D9DA;
}

.webentry-resolution-notification {
  position: fixed;
  top: 6.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: #ffffcc;
  opacity: 1;
  transition: visibility 0.3s, opacity 0.3s linear;
}
.webentry-resolution-notification.visibility-hidden {
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s linear;
}

.discovery-info__image {
  width: 8.75rem;
}
.discovery-info__image-min-height {
  width: auto;
  min-height: 8.75rem;
}
.discovery-info__content {
  width: calc(100% - 140px);
  padding-left: 1rem;
}

.discovery-results {
  padding: 0 1rem;
}

@media screen and (max-width: 991px) {
  .discovery-actions {
    border-top: 1px solid #F2F2EE;
  }
}

.discovery-result {
  margin-bottom: 1rem;
  border: 1px solid #F2F2EE;
  border-radius: 3px;
}
.discovery-result__view-full {
  margin-left: -16px;
  margin-right: -16px;
  margin-top: auto;
  padding: 0 1rem;
  text-align: center;
  border-top: 1px solid #F2F2EE;
}
.discovery-result__info {
  height: 100%;
  display: flex;
  flex-flow: column;
  margin-left: -16px;
  padding: 1rem 1rem 0;
  border-right: 1px solid #F2F2EE;
}
@media screen and (max-width: 991px) {
  .discovery-result__info {
    margin-left: -16px;
    margin-right: -16px;
    border: none;
  }
}
.discovery-result__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid #D9D9DA;
  box-shadow: 0px 3px 6px #F2F2EE;
}
.discovery-result__logo--exist {
  border-color: #8ABF4C;
}
.discovery-result__content {
  width: calc(100% - 32px);
  padding-left: 1rem;
}
.discovery-result__logo-img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.information-container {
  min-height: 3.75rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border: 1px solid #F2F2EE;
  border-radius: 0.375rem;
}
.information-container__success-img {
  margin-right: 1rem;
  font-size: 2.25rem;
  line-height: 1;
  color: #8ABF4C;
}
.information-container__discard-img {
  margin-right: 1rem;
  font-size: 2.25rem;
  line-height: 1;
  color: #E86546;
}
.information-container__logo-img {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
}
.information-container__logo-img img {
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border: 3px solid #D9D9DA;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #8ABF4C #8ABF4C #D9D9DA #D9D9DA;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.info-field__label {
  font-weight: bold;
}

.discovery-module .entity-module-header {
  justify-content: space-between;
}
.discovery-module .infobox {
  min-height: 3.75rem;
  align-items: center;
}

.discovery-resolve.collapsible-panel-open .collapsible-panel-content {
  overflow: visible;
}

@media screen and (min-width: 1200px) and (max-width: 1560px) {
  .discovery-result__info .col-xl-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1561px) {
  .discovery-result__info .info-block {
    display: block !important;
  }
}

.associated-entity {
  padding: 0.5rem 0;
}

.associated-entities {
  padding-bottom: 1rem;
}

.merge-header {
  position: sticky;
  top: -20px;
  z-index: 2;
  padding: 1rem;
}

.entity-merge-field {
  background-color: #fff;
}

.font-toggle-list {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.font-toggle {
  margin-right: 0.75rem;
}
.font-toggle:hover {
  color: #8ABF4C;
}
.font-toggle.active {
  color: #8ABF4C;
}
.font-toggle--lg {
  font-size: 1.5rem;
}
.font-toggle--md {
  font-size: 1.25rem;
}
.font-toggle--sm {
  font-size: 1rem;
}

.paper-size-dropdown {
  display: inline-flex;
  align-items: center;
}
.paper-size-dropdown::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.memo-content .field-editor__content__header {
  padding-bottom: 0;
}
.memo-content .react-select .react-select__control {
  min-height: 34px;
}

.AssociatedEntitiesTableAccordionContent {
  overflow: hidden;
  flex-grow: 1;
  width: 100%;
}

.AssociatedEntitiesTableAccordionContent[data-state=open] {
  animation: slideDown 200ms ease-out;
}

.AssociatedEntitiesTableAccordionContent[data-state=closed] {
  animation: slideUp 200ms ease-out;
}

.AssociatedEntitiesCardEntityPeekAccordionContent {
  overflow: hidden;
  flex-grow: 1;
  width: 100%;
}

.AssociatedEntitiesCardEntityPeekAccordionContent[data-state=open] {
  animation: slideOpenHorizontal 100ms ease-in-out;
}

.NevSidebarAccordionContent[data-state=open] {
  animation: slideDown 200ms ease-out;
}

.NevSidebarAccordionContent[data-state=closed] {
  animation: slideUp 200ms ease-out;
}

@keyframes slideDown {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes slideUp {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
@keyframes slideOpenHorizontal {
  from {
    width: 0;
  }
  to {
    width: var(--radix-accordion-content-width);
  }
}
@keyframes slideCloseHorizontal {
  from {
    width: var(--radix-accordion-content-width);
  }
  to {
    width: 0;
  }
}

/*# sourceMappingURL=style.css.map */